/* PERFULET_V076_APPROVED_MOCKUP_FIDELITY
 * Presentation-only refinement to match the user-approved premium homepage direction.
 */

/* Hero -> assurance -> audience. The old gateway repeated discovery paths and diluted the first screen. */
.home-discovery-v062{display:none!important}

/* Top assurance strip: perfectly centered, equal rhythm. */
.customer-utility .utility-row{display:flex!important;justify-content:center!important;align-items:center!important}
.customer-utility .utility-trust{margin:0 auto!important;justify-content:center!important;align-items:center!important}
.customer-utility .utility-trust a{min-width:max-content;padding-inline:1.7rem!important}

/* Header: search is intentionally dominant but leaves clear separation before account actions. */
@media(min-width:1180px){
  .header-search-trigger{width:420px!important;min-width:420px!important;margin-right:1.8rem!important}
}

/* Campaign hero: product sits inside a warm editorial fragrance scene instead of an empty product card. */
.home-hero-shell.shell{max-width:none!important;width:100%!important;padding-inline:max(24px,calc((100vw - 1440px)/2))!important;background:linear-gradient(102deg,#fffaf4 0%,#fff7ef 43%,#e6c4a3 100%)!important}
.home-hero-v062{max-width:1440px;margin:0 auto!important;min-height:610px!important;grid-template-columns:minmax(0,.92fr) minmax(600px,1.08fr)!important;gap:clamp(2rem,3.8vw,5.2rem)!important;padding:3.1rem 0 3.4rem!important}
.home-hero-copy h1{font-size:clamp(3.05rem,3.8vw,4.35rem)!important;max-width:14ch!important;line-height:.98!important}
.hero-product-card{min-height:545px!important}
.hero-product-card .hero-visual{min-height:545px!important;border-radius:30px!important;background:
  linear-gradient(90deg,rgba(255,248,240,.18),rgba(116,56,24,.10)),
  radial-gradient(circle at 72% 24%,rgba(255,255,255,.78),transparent 20%),
  radial-gradient(circle at 83% 72%,rgba(176,92,40,.30),transparent 32%),
  url('../media/photo-v071/family-spicy.webp') center/cover no-repeat!important;
  box-shadow:0 34px 80px rgba(80,43,20,.18)!important;
}
.hero-product-card .hero-visual:before{content:"";position:absolute!important;left:-7%!important;bottom:-12%!important;width:54%!important;height:62%!important;border-radius:50%!important;background:url('../media/photo-v071/family-floral.webp') center/cover no-repeat!important;opacity:.28!important;filter:saturate(.76) sepia(.08) blur(.2px)!important;mix-blend-mode:screen!important;transform:rotate(-7deg)!important}
.hero-product-card .hero-visual:after{content:"";position:absolute!important;right:-9%!important;top:-14%!important;width:58%!important;height:72%!important;border-radius:50%!important;background:radial-gradient(circle at 38% 48%,rgba(255,244,228,.34),transparent 42%),linear-gradient(130deg,rgba(255,255,255,.16),rgba(255,255,255,0))!important;border:1px solid rgba(255,255,255,.30)!important;box-shadow:0 0 0 44px rgba(255,255,255,.07),0 0 0 88px rgba(255,255,255,.035)!important}
.hero-product-card .hero-visual img.hero-product-cutout{right:0!important;bottom:1%!important;width:92%!important;height:94%!important;object-fit:contain!important;filter:drop-shadow(0 38px 34px rgba(38,21,12,.32))!important}
.hero-product-card .hero-caption{width:min(340px,54%)!important;background:rgba(255,246,236,.84)!important;backdrop-filter:blur(18px) saturate(1.08)!important}
.hero-feature-label{background:rgba(255,247,239,.86)!important}

/* Assurance strip sits immediately under the hero and reads as one elegant system. */
.home-trust-v062 .trust-point{min-height:102px!important;padding:1rem 1.2rem!important}
.home-trust-v062 .trust-icon{width:44px!important;height:44px!important}

/* Audience cards: cinematic photo panels, text anchored low-left. */
.home-audience-v062.section{padding-top:4.4rem!important;padding-bottom:4.8rem!important}
.home-audience-v062 .home-audience-grid>a{min-height:315px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;overflow:hidden!important}
.home-audience-v062 .home-audience-grid>a:before{display:none!important}
.home-audience-v062 .home-audience-grid>a:after{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(90deg,rgba(24,17,13,.70) 0%,rgba(24,17,13,.26) 50%,rgba(24,17,13,.04) 82%)!important}
.home-audience-v062 .home-audience-grid>a strong{margin-bottom:.35rem!important}

/* Family tiles: dense editorial merchandising, photo-first with a clean readable base. */
.home-family-v062.section{padding-top:4.1rem!important;padding-bottom:4.7rem!important}
.home-family-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.9rem!important}
.home-family-grid .family-card{min-height:190px!important;border-radius:18px!important;overflow:hidden!important}
.home-family-grid .family-card:before{inset:0!important;width:auto!important;height:auto!important;border-radius:0!important;background:linear-gradient(0deg,rgba(255,252,248,.98) 0%,rgba(255,252,248,.91) 29%,rgba(255,252,248,.08) 66%,transparent 100%)!important}
.home-family-grid .family-card strong{font-size:1.28rem!important;position:relative;z-index:2}
.home-family-grid .family-card>.perfulet-icon{position:relative;z-index:2}

/* Brand cards: slightly larger wordmarks/logos, no white logo boxes. */
.home-brands-v062.section{padding-top:4rem!important;padding-bottom:4.2rem!important}
.home-brand-grid>a{min-height:74px!important;border-radius:14px!important}
.home-brand-grid .brand-logo-wrap{background:transparent!important;border:0!important}
.home-brand-grid .brand-logo{max-width:54px!important;max-height:30px!important}

/* Scent Finder becomes a full-width premium moment, but not an oversized empty dark block. */
.home-finder-spotlight.section{padding:0!important;background:linear-gradient(110deg,#fff8f1 0%,#efd7c1 45%,#b87543 100%)!important}
.home-finder-spotlight .shell{max-width:1440px!important}
.home-finder-panel{min-height:480px!important;padding:4.4rem 0!important;align-items:center!important}
.home-finder-panel h2{font-size:clamp(2.8rem,4vw,4.3rem)!important}
.finder-step-list li{border-radius:18px!important}

/* Context cards: more image/illustration area and less empty box feeling. */
.home-context-v062.section{padding-top:4rem!important;padding-bottom:4.3rem!important}
.home-context-grid>a{min-height:190px!important;border-radius:18px!important}

/* Product merchandising remains white to visually erase white supplier image backgrounds. */
.home-products-v062{background:#fff!important}
.home-products-v062 .product-card-v058{box-shadow:0 10px 28px rgba(45,29,18,.045)!important}

/* Footer: visibly smaller, tighter, and more premium. */
.footer-trust-v062{padding-block:.2rem!important}
.site-footer-v062{padding-top:1rem!important;padding-bottom:.7rem!important}
.site-footer-v062 .footer-grid-v062{gap:.65rem 1rem!important}
.site-footer-v062 .footer-brand .subtle{margin:.3rem 0 .42rem!important}
.site-footer-v062 h4{margin-bottom:.25rem!important}
.site-footer-v062 .menu{gap:.08rem!important}

@media(max-width:900px){
  .home-hero-v062{grid-template-columns:1fr!important;min-height:0!important;padding:2.8rem 0 2.4rem!important}
  .hero-product-card .hero-visual{min-height:0!important;aspect-ratio:1.08/1!important}
  .home-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-finder-panel{min-height:0!important;padding:3.4rem 0!important}
}
@media(max-width:760px){
  .home-hero-shell.shell{padding-inline:1rem!important}
  .home-hero-copy h1{font-size:clamp(2.65rem,12vw,3.55rem)!important}
  .hero-product-card .hero-visual img.hero-product-cutout{width:96%!important;height:94%!important;right:-2%!important}
  .hero-product-card .hero-caption{width:70%!important}
  .home-audience-v062 .home-audience-grid>a{min-height:250px!important}
  .home-family-grid .family-card{min-height:170px!important}
  .site-footer-v062{padding-top:.9rem!important;padding-bottom:5rem!important}
}