/* PERFULET_V079_APPROVED_EDITORIAL_MOCKUP_FIDELITY
 * Re-aligns the homepage to the owner-approved editorial mockup.
 * Presentation only: no pricing, stock, payment, supplier or fulfillment logic.
 */
:root{--v079-cognac:#9a4d1d;--v079-ink:#17120f;--v079-muted:#625a54}

/* Compact approved utility/header composition. */
.customer-utility .utility-row{min-height:30px!important}
.customer-utility .utility-trust a{padding-inline:1.2rem!important;font-size:.68rem!important}
.site-header .header-row{height:64px!important;min-height:64px!important;max-width:1280px!important;margin-inline:auto!important;gap:1.45rem!important}
.site-header .logo{font-size:1.12rem!important;letter-spacing:.34em!important}
.site-header .perfulet-primary-menu{gap:.95rem!important;flex-wrap:nowrap!important}
.site-header .perfulet-primary-menu>li>a{font-size:.75rem!important;font-weight:560!important;white-space:nowrap!important;padding-block:1.35rem!important}
.header-actions{gap:.42rem!important}
.header-search-trigger{width:350px!important;min-width:350px!important;height:42px!important;margin-right:.55rem!important;padding-inline:1rem!important;background:#faf7f3!important}
.header-search-trigger .search-trigger-label{font-size:.74rem!important}
.header-actions .action-link{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
.header-actions .action-link>svg,.header-actions .action-link>.perfulet-icon{width:19px!important;height:19px!important}
@media(min-width:1025px){.mobile-menu-btn{display:none!important}}

/* Approved hero: copy on ivory, visual full-bleed on the right. */
.home-hero-shell.shell{max-width:none!important;width:100%!important;padding:0!important;background:#fffaf5!important;overflow:hidden!important}
.home-hero-shell:before{display:none!important}
.home-hero-v062{height:390px!important;min-height:390px!important;max-width:none!important;grid-template-columns:44% 56%!important;gap:0!important;padding:0!important;align-items:stretch!important}
.home-hero-copy{max-width:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding-left:max(6.6vw,calc((100vw - 1320px)/2))!important;padding-right:2.25rem!important;z-index:4!important}
.home-hero-copy .eyebrow{margin-bottom:.75rem!important;color:#8c7a6c!important;font-size:.65rem!important;letter-spacing:.31em!important}
.home-hero-copy h1{max-width:12.8ch!important;margin:0 0 .9rem!important;font-size:clamp(3.1rem,4vw,3.9rem)!important;line-height:.94!important;letter-spacing:-.048em!important;color:var(--v079-ink)!important}
.home-hero-copy h1 span,.home-hero-copy h1 em{display:block!important;font-style:normal!important}
.home-hero-copy h1 em{color:var(--v079-cognac)!important}
.home-hero-copy .lead{max-width:48ch!important;margin:0!important;color:var(--v079-muted)!important;font-size:.93rem!important;line-height:1.45!important}
.home-hero-v062 .hero-actions{margin-top:1.2rem!important;gap:.7rem!important}
.home-hero-v062 .hero-actions .btn{min-height:46px!important;padding:.65rem 1.3rem!important;font-size:.82rem!important}
.home-hero-primary{background:#a55020!important;border-color:#a55020!important;box-shadow:0 10px 24px rgba(135,65,26,.17)!important}
.home-hero-secondary{background:rgba(255,255,255,.82)!important}
.hero-product-feature{align-self:stretch!important;display:block!important;min-width:0!important;position:relative!important}
.hero-product-feature:before{display:none!important}
.hero-product-card{width:100%!important;max-width:none!important;height:390px!important;min-height:390px!important;display:block!important}
.hero-product-card:before,.hero-product-card:after{display:none!important}
.hero-product-card .hero-visual{position:absolute!important;inset:0!important;min-height:390px!important;height:390px!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:linear-gradient(90deg,rgba(255,249,243,.06),rgba(122,56,22,.10)),radial-gradient(circle at 72% 20%,rgba(255,255,255,.80),transparent 20%),radial-gradient(circle at 81% 75%,rgba(150,70,29,.28),transparent 30%),url('/wp-content/themes/perfulet-storefront/assets/media/photo-v071/family-spicy.webp') center/cover no-repeat!important;box-shadow:none!important}
.hero-product-card .hero-visual:before{content:""!important;display:block!important;position:absolute!important;left:-8%!important;bottom:-26%!important;width:52%!important;height:78%!important;border-radius:50%!important;background:url('/wp-content/themes/perfulet-storefront/assets/media/photo-v071/family-floral.webp') center/cover no-repeat!important;opacity:.36!important;mix-blend-mode:screen!important;filter:saturate(.75)!important;transform:rotate(-8deg)!important;z-index:1!important}
.hero-product-card .hero-visual:after{content:""!important;display:block!important;position:absolute!important;right:-7%!important;top:-22%!important;width:60%!important;height:120%!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.42)!important;box-shadow:0 0 0 48px rgba(255,255,255,.07),0 0 0 96px rgba(255,255,255,.035)!important;z-index:1!important}
.hero-product-card .hero-visual img,.hero-product-card .hero-visual img.hero-product-cutout{position:absolute!important;left:7%!important;right:auto!important;bottom:-1%!important;width:64%!important;height:96%!important;padding:0!important;object-fit:contain!important;mix-blend-mode:multiply!important;-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 26px 28px rgba(39,20,8,.26))!important;transform:none!important;z-index:3!important}
.hero-feature-label{left:auto!important;right:4.8%!important;top:18%!important;padding:.5rem .8rem!important;background:rgba(255,246,237,.78)!important;color:#7b4e31!important;border:1px solid rgba(255,255,255,.65)!important;font-size:.62rem!important;letter-spacing:.10em!important;z-index:5!important}
.hero-product-card .hero-caption{left:auto!important;right:4.8%!important;top:28%!important;bottom:auto!important;width:35%!important;min-width:270px!important;padding:1.05rem 1.1rem!important;border-radius:16px!important;background:rgba(91,56,39,.58)!important;color:#fff!important;border:1px solid rgba(255,255,255,.52)!important;backdrop-filter:blur(14px)!important;box-shadow:0 18px 36px rgba(55,28,14,.18)!important;z-index:5!important}
.hero-product-card .hero-caption span,.hero-product-card .hero-caption em{color:#f3e8df!important}
.hero-product-card .hero-caption strong{color:#fff!important;font-size:1.18rem!important;line-height:1.08!important}
.hero-product-card .hero-caption small{color:#fff!important;margin-top:.3rem!important}

/* Trust strip: compact and continuous, as in the approved reference. */
.home-trust-v062{padding:0!important;background:#fff!important}
.home-trust-v062 .home-trust-inner{max-width:1488px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}
.home-trust-v062 .trust-point{min-height:86px!important;padding:.8rem 1rem!important;grid-template-columns:44px 1fr!important;gap:.75rem!important;border-radius:0!important;box-shadow:none!important}
.home-trust-v062 .trust-point+.trust-point{border-left:1px solid rgba(80,48,27,.10)!important}
.home-trust-v062 .trust-icon{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
.trust-copy strong{font-size:.82rem!important}.trust-copy>span{font-size:.68rem!important}

/* Audience: no oversized section heading; three cinematic cards immediately after trust. */
.home-audience-v062.section{padding:1rem 0 .8rem!important;background:#fff!important}
.home-audience-v062 .section-head{display:none!important}
.home-audience-v062 .shell{max-width:1490px!important;padding-inline:1.5rem!important}
.home-audience-v062 .home-audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.7rem!important}
.home-audience-v062 .home-audience-grid>a{position:relative!important;display:block!important;min-height:190px!important;height:190px!important;padding:0!important;border-radius:10px!important;border:0!important;overflow:hidden!important;box-shadow:0 8px 22px rgba(43,27,17,.08)!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,.78) 0%,rgba(24,17,13,.45) 42%,rgba(24,17,13,.03) 78%)!important}
.home-audience-v062 .home-audience-grid>a .audience-art{position:absolute!important;inset:0!important;z-index:0!important;background-position:center!important;background-size:cover!important;filter:saturate(.9) contrast(1.04)!important;transform:none!important}
.home-audience-v062 .home-audience-grid>a strong{position:absolute!important;left:1.45rem!important;bottom:5rem!important;z-index:3!important;margin:0!important;max-width:none!important;color:#fff!important;font-size:2.35rem!important;line-height:1!important;text-shadow:0 2px 16px rgba(0,0,0,.22)!important}
.home-audience-v062 .audience-subtitle{position:absolute!important;left:1.45rem!important;bottom:3.35rem!important;z-index:3!important;color:rgba(255,255,255,.94)!important;font-size:.82rem!important}
.home-audience-v062 .audience-cta{position:absolute!important;left:1.45rem!important;bottom:1.25rem!important;z-index:3!important;display:inline-flex!important;align-items:center!important;gap:.45rem!important;color:#fff!important}
.home-audience-v062 .audience-cta small{position:static!important;display:inline!important;min-height:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#fff!important;font-size:.76rem!important;line-height:1!important}
.home-audience-v062 .audience-cta .perfulet-icon{position:static!important;width:17px!important;height:17px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;color:#fff!important;box-shadow:none!important}

/* Scent families: compact 8-up merchandising row with image + white information rail. */
.home-family-v062.section{padding:1rem 0 2.2rem!important;background:#fff!important}
.home-family-v062 .shell{max-width:1490px!important;padding-inline:1.5rem!important}
.home-family-v062 .section-head{margin-bottom:.65rem!important;align-items:center!important}
.home-family-v062 .section-head .eyebrow,.home-family-v062 .section-head .section-intro{display:none!important}
.home-family-v062 .section-head h2{margin:0!important;max-width:none!important;white-space:normal!important;font-size:1.85rem!important;line-height:1.05!important;letter-spacing:-.025em!important}
.home-family-v062 .section-head .text-link{min-height:32px!important;font-size:.76rem!important}
.home-family-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:.55rem!important}
.home-family-grid .family-card{position:relative!important;display:block!important;min-height:160px!important;height:160px!important;padding:0!important;border-radius:10px!important;border:1px solid rgba(65,41,24,.08)!important;overflow:hidden!important;background-size:100% 61%!important;background-position:center top!important;background-repeat:no-repeat!important;box-shadow:0 8px 20px rgba(49,30,18,.045)!important;transform:none!important}
.home-family-grid .family-card:before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:auto!important;height:42%!important;border-radius:0!important;background:#fff!important;z-index:1!important}
.home-family-grid .family-card:after,.home-family-grid .family-orbit{display:none!important}
.home-family-grid .family-card strong{position:absolute!important;left:.7rem!important;right:2.35rem!important;bottom:2rem!important;z-index:2!important;margin:0!important;max-width:none!important;font-size:1.05rem!important;line-height:1.05!important;color:#241914!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.home-family-grid .family-descriptor{position:absolute!important;left:.7rem!important;right:2.25rem!important;bottom:.62rem!important;z-index:2!important;color:#84766a!important;font-size:.56rem!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.home-family-grid .family-card>.perfulet-icon{position:absolute!important;right:.6rem!important;bottom:.7rem!important;z-index:3!important;width:27px!important;height:27px!important;padding:6px!important;box-sizing:border-box!important;border-radius:50%!important;background:#fff!important;border:1px solid rgba(92,58,23,.12)!important;color:#9a552b!important;box-shadow:0 4px 12px rgba(49,30,18,.07)!important}
.home-family-grid .family-card:nth-child(1){background-image:url('/wp-content/themes/perfulet-storefront/assets/media/photo-v071/family-water.webp')!important}
.home-family-grid .family-card:nth-child(2){background-image:url('/wp-content/themes/perfulet-storefront/assets/media/photo-v071/family-woody.webp')!important}
.home-family-grid .family-card:nth-child(3){background-image:url('/wp-content/themes/perfulet-storefront/assets/media/photo-v071/family-floral.webp')!important}
.home-family-grid .family-card:nth-child(4){background-image:url('/wp-content/themes/perfulet-storefront/assets/media/photo-v071/family-citrus.webp')!important}
.home-family-grid .family-card:nth-child(5){background-image:url('/wp-content/themes/perfulet-storefront/assets/media/photo-v071/family-gourmand.webp')!important}
.home-family-grid .family-card:nth-child(6){background-image:url('/wp-content/themes/perfulet-storefront/assets/media/photo-v071/family-water.webp')!important}
.home-family-grid .family-card:nth-child(7){background-image:url('/wp-content/themes/perfulet-storefront/assets/media/photo-v071/family-spicy.webp')!important}
.home-family-grid .family-card:nth-child(8){background-image:url('/wp-content/themes/perfulet-storefront/assets/media/photo-v071/family-woody.webp')!important}

/* Responsive: preserve the approved desktop hierarchy while keeping mobile usable. */
@media(max-width:1280px){
  .site-header .header-row{padding-inline:1.25rem!important;gap:1rem!important}
  .site-header .perfulet-primary-menu{gap:.7rem!important}
  .header-search-trigger{width:270px!important;min-width:270px!important}
  .home-hero-copy{padding-left:4.5vw!important}
  .home-hero-copy h1{font-size:clamp(2.8rem,4vw,3.45rem)!important}
  .hero-product-card .hero-caption{width:39%!important;min-width:245px!important}
}
@media(max-width:1080px){
  .site-header .primary-nav{display:none!important}
  .mobile-menu-btn{display:inline-grid!important}
  .header-search-trigger{width:210px!important;min-width:210px!important}
  .home-hero-v062{grid-template-columns:48% 52%!important}
  .home-family-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .home-family-grid .family-card{min-height:165px!important;height:165px!important}
}
@media(max-width:900px){
  .site-header .header-row{height:68px!important;min-height:68px!important;padding-inline:1rem!important}
  .header-search-trigger{width:42px!important;min-width:42px!important;margin-right:0!important;padding:0!important;justify-content:center!important}
  .header-search-trigger .search-trigger-label{display:none!important}
  .home-hero-v062{height:auto!important;min-height:0!important;grid-template-columns:1fr!important}
  .home-hero-copy{padding:3rem 1.25rem 2.4rem!important}
  .home-hero-copy h1{font-size:clamp(3rem,9vw,4rem)!important;max-width:12ch!important}
  .hero-product-card,.hero-product-card .hero-visual{height:auto!important;min-height:0!important;aspect-ratio:1.35/1!important}
  .hero-product-card .hero-visual img,.hero-product-card .hero-visual img.hero-product-cutout{width:68%!important;height:94%!important;left:2%!important}
  .hero-product-card .hero-caption{right:3%!important;top:25%!important;width:38%!important;min-width:220px!important}
  .hero-feature-label{right:3%!important;top:13%!important}
  .home-trust-v062 .home-trust-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-trust-v062 .trust-point:nth-child(3){border-left:0!important;border-top:1px solid rgba(80,48,27,.10)!important}
  .home-trust-v062 .trust-point:nth-child(4){border-top:1px solid rgba(80,48,27,.10)!important}
  .home-audience-v062 .home-audience-grid{grid-template-columns:1fr!important}
  .home-audience-v062 .home-audience-grid>a{height:220px!important;min-height:220px!important}
}
@media(max-width:760px){
  .customer-utility .utility-row{min-height:36px!important}
  .home-hero-copy{padding-top:2.4rem!important}
  .home-hero-copy h1{font-size:clamp(2.7rem,13vw,3.55rem)!important}
  .home-hero-copy .lead{font-size:.96rem!important}
  .hero-product-card,.hero-product-card .hero-visual{aspect-ratio:1.04/1!important}
  .hero-product-card .hero-visual img,.hero-product-card .hero-visual img.hero-product-cutout{width:94%!important;height:88%!important;left:-2%!important;bottom:1%!important}
  .hero-product-card .hero-caption{right:.9rem!important;top:auto!important;bottom:.9rem!important;width:72%!important;min-width:0!important}
  .hero-feature-label{right:.9rem!important;top:.9rem!important}
  .home-trust-v062 .home-trust-inner{grid-template-columns:1fr!important}
  .home-trust-v062 .trust-point{min-height:78px!important;border-left:0!important;border-top:1px solid rgba(80,48,27,.08)!important}
  .home-trust-v062 .trust-point:first-child{border-top:0!important}
  .home-audience-v062 .shell,.home-family-v062 .shell{padding-inline:1rem!important}
  .home-audience-v062 .home-audience-grid>a{height:210px!important;min-height:210px!important}
  .home-audience-v062 .home-audience-grid>a strong{font-size:2.15rem!important}
  .home-family-v062 .section-head h2{font-size:1.65rem!important}
  .home-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important}
  .home-family-grid .family-card{height:155px!important;min-height:155px!important}
}

.home-audience-v062 .audience-men .audience-art{background-image:url('/wp-content/themes/perfulet-storefront/assets/media/photo-v071/audience-men.webp')!important}
.home-audience-v062 .audience-women .audience-art{background-image:url('/wp-content/themes/perfulet-storefront/assets/media/photo-v071/audience-women.webp')!important}
.home-audience-v062 .audience-unisex .audience-art{background-image:url('/wp-content/themes/perfulet-storefront/assets/media/photo-v071/audience-unisex.webp')!important}

/* Final mockup-fidelity corrections after rendered comparison. */
@media(min-width:1081px){
  .home-hero-v062{grid-template-columns:47% 53%!important}
  .home-hero-copy{padding-right:1.4rem!important}
  .home-hero-copy h1{max-width:none!important;font-size:3.2rem!important}
  .home-hero-copy h1 span,.home-hero-copy h1 em{white-space:nowrap!important}
}
.home-audience-v062 .home-audience-grid>a .audience-subtitle{right:auto!important;top:auto!important;width:auto!important;height:auto!important;max-width:calc(100% - 3rem)!important}
.home-audience-v062 .home-audience-grid>a .audience-cta{right:auto!important;top:auto!important;width:max-content!important;height:auto!important;max-width:calc(100% - 3rem)!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}
.home-audience-v062 .home-audience-grid>a .audience-cta small{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important}
