/** Shopify CDN: Minification failed

Line 210:35 Unexpected "*"

**/

/* =============================================
   TWP-INSPIRED CUSTOM STYLES FOR JEANS.COM
   ============================================= */

/* --- Typography --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap');

/* --- TRANSPARENT HEADER ON HOMEPAGE --- */
.template-index .section-header {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.template-index .header-wrapper {
  background: transparent !important;
  border-bottom: none !important;
  backdrop-filter: none !important;
}

.template-index .header-wrapper.color-scheme-4 {
  background: transparent !important;
}

.template-index sticky-header.header-wrapper {
  background: transparent !important;
  border-bottom: none !important;
}

/* Make header text white on homepage */
.template-index .header .h2,
.template-index .header__heading-link,
.template-index .header__heading-link .h2 {
  color: #ffffff !important;
}

.template-index .header__icon,
.template-index .header__icon svg,
.template-index .header__icon path,
.template-index .header svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.template-index .header__menu-item,
.template-index .header__menu-item span {
  color: #ffffff !important;
}

/* Logo styling */
.template-index .header__heading-link .h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 1.6rem !important;
  letter-spacing: 0.02em !important;
}

/* Sticky header when scrolled - darken again */
.template-index sticky-header.header-wrapper.shopify-section-header-sticky {
  background: rgba(18, 18, 18, 0.95) !important;
  backdrop-filter: blur(10px) !important;
}

/* --- TWP HERO SECTION --- */
.twp-hero-section-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}

/* First hero should tuck under the header */
.twp-hero-section-wrapper:first-of-type {
  margin-top: -80px !important;
}

.twp-hero-section-wrapper:first-of-type [class*="twp-hero-"] img {
  /* Ensure image fills under header area */
}

/* --- General Typography Upgrades --- */
h1, h2, .h1, .h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
}

body, p, span, a, button, input, select, textarea {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* --- Product Page Enhancements --- */
.template-product .product__title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 2rem !important;
  letter-spacing: 0.02em;
}

.template-product .accordion__title,
.template-product summary .h4 {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

.template-product .product-form__submit {
  font-family: 'Inter', sans-serif !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
}

/* Collapsible tabs styling */
.template-product details[open] summary {
  border-bottom: 1px solid #e5e5e5;
}

/* Selected For You heading */
.related-products .related-products__heading {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
}

/* --- Card / Grid Enhancements --- */
.card__heading,
.card__heading a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.price-item {
  font-family: 'Inter', sans-serif !important;
  font-weight: 300 !important;
}

/* --- Footer Styling --- */
.footer {
  font-family: 'Inter', sans-serif !important;
}

.footer h2,
.footer .h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 400 !important;
}

/* --- Mobile Responsive --- */
@media (max-width: 749px) {
  .template-index .section-header {
    position: absolute !important;
  }
  
  .template-index .header-wrapper {
    background: transparent !important;
  }
  
  .twp-hero-section-wrapper:first-of-type {
    margin-top: -60px !important;
  }
  
  .template-product .product__title {
    font-size: 1.5rem !important;
  }
}

/* --- Smooth Scrolling --- */
html {
  scroll-behavior: smooth;
}

/* --- Remove any content width constraints for heroes --- */
.twp-hero-section-wrapper .page-width {
  max-width: 100% !important;
  padding: 0 !important;
}

/* --- Remove gaps between hero sections --- */
.template-index .twp-hero-section-wrapper + .twp-hero-section-wrapper {
  margin-top: -1px !important;
}

.template-index .twp-hero-section-wrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.template-index main#MainContent {
  padding: 0 !important;
}

.template-index #MainContent > .twp-hero-section-wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Remove default section spacing from Dawn */
.template-index .section-template--19136687898882__twp_hero_main-padding,
.template-index .section-template--*-padding,
.template-index [class*="section-"][class*="-padding"] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}