/* IT V33.2: same structure as UK (campaign hero + film); same V32 + V33 layers and official VAG fonts as UK V33.1; IT-specific adjustments at the end. */
/* Brand font: official VAG Rounded (Regular, Bold, Light) supplied by Sanicat, self-hosted as WOFF2 (Latin subset). */
@font-face{font-family:VAG;font-weight:300;src:url("assets/fonts/vag-rounded-light.woff2") format("woff2");font-display:swap}
@font-face{font-family:VAG;font-weight:400 600;src:url("assets/fonts/vag-rounded-regular.woff2") format("woff2");font-display:swap}
@font-face{font-family:VAG;font-weight:700 900;src:url("assets/fonts/vag-rounded-bold.woff2") format("woff2");font-display:swap}
@font-face{font-family:VAGBold;font-weight:100 900;src:url("assets/fonts/vag-rounded-bold.woff2") format("woff2");font-display:swap}
:root{--green:#12a79f;--green-dark:#123f42;--green-deep:#0c2f31;--mint:#e8f6f3;--cream:#fbf8f1;--sand:#f3eadc;--white:#fff;--ink:#173234;--muted:#617173;--line:#d7e4e1;--orange:#f4a94a;--shadow:0 20px 50px rgba(18,63,66,.10);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:VAG,Arial,sans-serif}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font:inherit}p{line-height:1.55}.site-header{position:sticky;top:0;z-index:80;height:82px;padding:12px 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(251,248,241,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(18,167,159,.12)}.brand img{width:205px}.desktop-nav{display:flex;gap:24px;font-size:14px;color:#506366}@media (hover:hover) and (pointer:fine){.desktop-nav a:hover{color:var(--green-dark)}}.header-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 17px;background:var(--green);color:#fff;font-family:VAGBold}.section{max-width:1240px;margin:0 auto;padding:88px 28px}.eyebrow{font-family:VAGBold;font-size:12px;letter-spacing:.13em;color:var(--green);text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;background:var(--green);color:#fff;font-family:VAGBold;box-shadow:0 10px 24px rgba(18,167,159,.20)}@media (hover:hover) and (pointer:fine){.button:hover{background:var(--green-dark)}}
/* hero */
.hero{max-width:1240px;margin:0 auto;min-height:calc(100svh - 82px);padding:62px 28px 54px;display:grid;grid-template-columns:1.04fr .96fr;gap:42px;align-items:center}.new-device{display:inline-flex;align-items:center;gap:9px;background:var(--green-dark);color:#fff;padding:9px 14px;border-radius:999px;margin-bottom:16px;font-family:VAGBold;font-size:13px;letter-spacing:.08em}.new-device:before{content:"";width:8px;height:8px;border-radius:50%;background:#b9f1eb}.hero h1{margin:0;max-width:680px}.hero-brand{display:block;font-family:VAGBold;font-size:clamp(48px,5vw,80px);line-height:.91;letter-spacing:-.05em}.hero-main{display:block;margin-top:13px;font-family:VAGBold;font-size:clamp(34px,3.5vw,56px);line-height:.98;letter-spacing:-.045em;color:var(--green-dark)}.hero-proof-line{font-family:VAGBold;font-size:20px;margin:17px 0 0;color:#315356}.hero-copy>p{max-width:600px;color:var(--muted);font-size:17px;margin:14px 0 24px}.hero-visual{position:relative;min-height:560px;display:grid;place-items:center}.hero-surface{position:absolute;inset:38px 18px;background:linear-gradient(145deg,#fff 0%,#effaf8 100%);border-radius:42px;box-shadow:var(--shadow);overflow:hidden}.hero-surface:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-80px;top:-50px;background:rgba(18,167,159,.08)}.hero-pack{position:relative;z-index:3;max-height:510px;filter:drop-shadow(0 24px 28px rgba(0,0,0,.18));transform:translateX(54px)}.hero-benefit{position:absolute;z-index:5;left:2px;top:95px;width:205px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.hero-benefit img{width:78px;height:78px;object-fit:contain;margin-bottom:8px}.hero-benefit strong{display:block;font-family:VAGBold;font-size:20px;line-height:1}.hero-benefit span{display:block;margin-top:6px;font-size:13px;color:var(--muted)}.hero-clump{position:absolute;z-index:5;left:32px;bottom:68px;display:flex;align-items:center;gap:10px;background:var(--green-dark);color:#fff;border-radius:20px;padding:14px 16px;box-shadow:var(--shadow)}.hero-clump img{width:58px;height:58px;object-fit:contain}.hero-clump strong{font-family:VAGBold;font-size:15px}
/* belief */
.belief{background:#fff}.section-head{max-width:760px;margin-bottom:34px}.section-head h2{font-family:VAGBold;font-size:clamp(40px,4.6vw,66px);line-height:.94;letter-spacing:-.05em;margin:10px 0 12px}.section-head p{color:var(--muted);font-size:17px}.primary-benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px}.primary-card{border:1px solid var(--line);border-radius:30px;padding:30px;background:linear-gradient(180deg,#fff,#fbfdfd);box-shadow:0 12px 34px rgba(18,63,66,.05);min-height:350px}.primary-card-head{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center}.primary-card-head img{width:92px;height:92px;object-fit:contain}.primary-card h3{font-family:VAGBold;font-size:35px;line-height:.98;margin:0}.primary-card>p{color:var(--muted);max-width:520px}.proof-list{display:grid;gap:10px;margin-top:20px}.proof-list div{display:flex;align-items:center;gap:10px;color:var(--green-dark);font-size:14px}.proof-list div:before{content:"✓";width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-family:VAGBold}.clump-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.clump-step{background:var(--mint);border-radius:18px;padding:13px;text-align:center}.clump-step img{height:74px;object-fit:contain;margin:0 auto 7px}.clump-step span{font-size:12px;color:var(--green-dark)}.support-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.support-card{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center;padding:20px;border-radius:24px;background:var(--cream);border:1px solid #eee6dc}.support-card img{width:74px;height:74px;object-fit:contain}.support-card h3{font-family:VAGBold;font-size:24px;margin:0 0 5px}.support-card p{margin:0;color:var(--muted);font-size:14px}
/* outcome */
.outcome{background:var(--green-dark);color:#fff}.outcome .section{padding-top:62px;padding-bottom:62px}.outcome h2{font-family:VAGBold;font-size:clamp(38px,4vw,62px);letter-spacing:-.045em;line-height:.95;margin:0 0 30px;max-width:850px}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.outcome-item{border-top:1px solid rgba(255,255,255,.24);padding-top:18px}.outcome-item strong{display:block;font-family:VAGBold;font-size:22px}.outcome-item span{display:block;color:#cce3e2;margin-top:6px}
/* demo */
.demo-section{background:var(--cream)}.demo-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:42px;align-items:center}.demo-copy h2{font-family:VAGBold;font-size:clamp(40px,4vw,62px);line-height:.94;letter-spacing:-.05em;margin:10px 0 14px}.demo-copy p{color:var(--muted)}.demo-stage{background:#fff;border-radius:34px;border:1px solid var(--line);box-shadow:var(--shadow);padding:28px;position:relative;overflow:hidden}.demo-stage:before{content:"";position:absolute;inset:auto -70px -90px auto;width:250px;height:250px;border-radius:50%;background:rgba(18,167,159,.07)}.demo-pack-row{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center}.demo-pack{max-height:270px;justify-self:center;filter:drop-shadow(0 18px 20px rgba(0,0,0,.13))}.demo-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.demo-step{min-height:148px;border-radius:20px;background:#f7fbfa;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.demo-step strong{font-family:VAGBold;font-size:14px}.demo-step span{font-size:12px;color:var(--muted)}.demo-step img{height:64px;object-fit:contain;align-self:flex-start}.demo-caption{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
/* selector */
.selector-section{background:#fff}.selector-box{background:linear-gradient(145deg,#eff9f7,#fff);border:1px solid var(--line);border-radius:34px;padding:34px;box-shadow:var(--shadow)}.selector-box h2{font-family:VAGBold;font-size:clamp(40px,4vw,60px);line-height:.95;letter-spacing:-.045em;margin:8px 0 8px}.selector-box>p{color:var(--muted);margin:0 0 24px}.selector-question{font-family:VAGBold;font-size:24px;margin-bottom:14px}.selector-buttons{display:flex;gap:12px;flex-wrap:wrap}.product-preference{border:1px solid var(--line);background:#fff;border-radius:999px;padding:13px 18px;cursor:pointer;color:var(--green-dark)}.product-preference.active{background:var(--green);color:#fff;border-color:var(--green)}@media (hover:hover) and (pointer:fine){.product-preference:hover{background:var(--green);color:#fff;border-color:var(--green)}}.scent-options{display:none;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.scent-options.visible{display:grid}.product-scent{border:1px solid var(--line);border-radius:22px;background:#fff;padding:16px;display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;text-align:left;cursor:pointer}@media (hover:hover) and (pointer:fine){.product-scent:hover{border-color:var(--green);transform:translateY(-1px)}}.product-scent img{width:68px;height:68px;object-fit:contain}.product-scent.argan img{transform:scale(1.17)}.product-scent strong{display:block;font-family:VAGBold;font-size:18px}.product-scent span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
/* products */
.shop-section{background:var(--cream)}.shop-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:26px}.shop-head h2{font-family:VAGBold;font-size:clamp(40px,4vw,60px);letter-spacing:-.045em;line-height:.95;margin:8px 0}.shop-head p{color:var(--muted);max-width:500px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.product-visual{height:295px;display:grid;place-items:center;background:#eef7f8}.product-visual.jasmine{background:#f5f0e7}.product-visual.cedar{background:#e3eee7}.product-visual.argan{background:#f0dfc8}.product-visual.orange{background:#fff0d5}.product-visual.free{background:#e7f0f1}.product-visual img{max-height:265px;max-width:72%;filter:drop-shadow(0 16px 18px rgba(0,0,0,.15))}.product-info{padding:22px;display:flex;flex-direction:column;flex:1}.product-info h3{font-family:VAGBold;font-size:28px;margin:3px 0 7px}.variant{font-family:VAGBold;font-size:11px;letter-spacing:.1em;color:var(--green);text-transform:uppercase}.product-info p{color:var(--muted);font-size:14px;min-height:43px}.product-meta{font-size:13px;color:#43585a;margin:12px 0 16px}.buy-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:14px;border-radius:14px;border:1px solid var(--line);padding:13px 14px;font-family:VAGBold;font-size:12px}@media (hover:hover) and (pointer:fine){.buy-link:hover{border-color:var(--green);color:var(--green-dark)}}.buy-link.pending{background:#f8fbfa;color:#617173}
/* proof award */
.award-section{background:#fff}.award-panel{display:grid;grid-template-columns:130px 1fr;gap:26px;align-items:center;background:var(--sand);border-radius:32px;padding:28px 34px}.award-panel img{width:120px;height:120px;object-fit:contain}.award-panel h2{font-family:VAGBold;font-size:38px;margin:0 0 8px}.award-panel p{margin:0;color:var(--muted);max-width:680px}
/* final conversion */
.final-cta{background:linear-gradient(135deg,var(--green) 0%,#087d78 100%);color:#fff}.final-cta .section{text-align:center;padding-top:72px;padding-bottom:72px}.final-cta h2{font-family:VAGBold;font-size:clamp(44px,5vw,72px);line-height:.92;letter-spacing:-.05em;margin:0 auto 12px;max-width:800px}.final-cta p{color:#dcf4f1;max-width:650px;margin:0 auto 24px}.retailer-logos{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin:24px 0}.retailer-logo-card{background:#fff;border-radius:18px;min-width:185px;height:92px;padding:14px 20px;display:grid;place-items:center}.retailer-logo-card img{max-width:160px;max-height:56px;object-fit:contain}.retailer-text-card{background:#fff;color:var(--green-dark);border-radius:18px;padding:18px 22px;font-family:VAGBold;min-width:180px}.deal-note{display:inline-flex;background:#fff3df;color:#9e6623;border-radius:999px;padding:10px 15px;font-family:VAGBold;font-size:13px;margin-bottom:12px}
/* faq */
.faq-section{background:var(--cream)}.faq-section .section-head{margin-bottom:22px}.faq-grid{display:grid;gap:10px;max-width:900px}.faq-grid details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px}.faq-grid summary{font-family:VAGBold;cursor:pointer}.faq-grid p{color:var(--muted);margin-bottom:0}
footer{background:var(--cream);border-top:1px solid rgba(18,167,159,.14);padding:28px 5vw;display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;font-size:12px;color:#587073}.footer-logo{width:165px}.footer-links{display:flex;gap:17px}.mobile-sticky{display:none}
@media(max-width:1080px){.desktop-nav{display:none}.hero{grid-template-columns:1fr 1fr}.hero-benefit{left:-8px}.primary-benefits,.support-row,.demo-grid{grid-template-columns:1fr}.scent-options{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{height:68px;padding:10px 16px}.brand img{width:165px}.header-cta{font-size:12px;padding:10px 14px}.hero{min-height:calc(100svh - 68px);padding:28px 20px 36px;grid-template-columns:1fr;gap:18px;align-content:start}.new-device{margin-bottom:11px}.hero-brand{font-size:48px}.hero-main{font-size:34px}.hero-proof-line{font-size:17px;margin-top:12px}.hero-copy>p{font-size:15px;margin:10px 0 17px}.hero-visual{min-height:300px}.hero-surface{inset:8px 0}.hero-pack{max-height:285px;transform:translateX(48px)}.hero-benefit{left:0;top:44px;width:155px;padding:13px;border-radius:18px}.hero-benefit img{width:54px;height:54px}.hero-benefit strong{font-size:16px}.hero-benefit span{font-size:11px}.hero-clump{left:10px;bottom:30px;padding:9px 11px}.hero-clump img{width:40px;height:40px}.section{padding:62px 20px}.section-head h2{font-size:43px}.primary-benefits,.support-row,.outcome-grid,.demo-pack-row,.demo-steps,.scent-options,.product-grid{grid-template-columns:1fr}.primary-card{min-height:0;padding:24px}.primary-card-head{grid-template-columns:78px 1fr}.primary-card-head img{width:74px;height:74px}.primary-card h3{font-size:29px}.clump-flow{grid-template-columns:repeat(3,1fr)}.support-card{grid-template-columns:68px 1fr}.support-card img{width:62px;height:62px}.outcome h2{font-size:40px}.demo-stage{padding:20px}.demo-pack{max-height:220px}.demo-pack-row{gap:18px}.demo-steps{grid-template-columns:repeat(2,1fr)}.selector-box{padding:25px 20px}.selector-box h2{font-size:40px}.scent-options.visible{grid-template-columns:1fr}.product-scent{grid-template-columns:68px 1fr}.shop-head{align-items:start;flex-direction:column}.product-grid{grid-template-columns:1fr}.product-visual{height:275px}.product-visual img{max-height:245px}.award-panel{grid-template-columns:86px 1fr;padding:22px}.award-panel img{width:82px;height:82px}.award-panel h2{font-size:28px}.final-cta h2{font-size:46px}.retailer-logo-card{min-width:150px;height:80px}.retailer-logo-card img{max-width:135px;max-height:48px}footer{grid-template-columns:1fr;gap:12px;padding-bottom:86px}.mobile-sticky{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:90}.mobile-sticky a{display:block;text-align:center;background:var(--green);color:#fff;border-radius:999px;padding:14px;font-family:VAGBold;box-shadow:0 12px 28px rgba(0,0,0,.18)}}

/* V20 hero composition: retain only Natural Odour Control overlay */
.hero-benefit{left:8px;top:50%;transform:translateY(-50%);width:190px;padding:16px 16px 15px;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 16px 38px rgba(16,40,41,.11);border:1px solid rgba(18,167,159,.18)}
.hero-benefit img{width:66px;height:66px;margin-bottom:7px}
.hero-benefit strong{font-size:19px;line-height:1.02;color:var(--green-dark)}
.hero-benefit span{font-size:12px;line-height:1.35;margin-top:5px}
.hero-pack{transform:translateX(38px)}
.hero-clump{display:none!important}
@media(max-width:760px){.hero-benefit{left:5px;top:48%;width:145px;padding:12px;transform:translateY(-50%)}.hero-benefit img{width:48px;height:48px}.hero-benefit strong{font-size:15px}.hero-benefit span{font-size:10.5px}.hero-pack{transform:translateX(40px)}}

/* V23 clean hero rebuild — no overlays, no absolute positioning for content */
.hero-visual-clean{position:relative;min-height:0;display:block}
.hero-product-panel{min-height:560px;background:linear-gradient(145deg,#fff 0%,#effaf8 100%);border-radius:42px;box-shadow:var(--shadow);padding:24px 28px 22px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;overflow:hidden}
.hero-product-panel:before{content:"";position:absolute;pointer-events:none}
.hero-pack-wrap{min-height:450px;display:grid;place-items:center;overflow:visible}
.hero-pack.clean-pack{position:static;z-index:auto;max-height:485px;max-width:82%;filter:drop-shadow(0 24px 28px rgba(0,0,0,.18));transform:none;margin:0 auto}
.hero-inline-benefit-row{display:flex;align-items:center;gap:11px;justify-self:start;align-self:end;padding:0 0 2px 2px;color:var(--green-dark)}
.hero-inline-benefit-row img{width:46px;height:46px;object-fit:contain;flex:0 0 auto}
.hero-inline-benefit-row strong{display:block;font-family:VAGBold;font-size:19px;line-height:1.02;color:var(--green-dark)}
.hero-inline-benefit-row span{display:block;margin-top:3px;font-size:12px;line-height:1.25;color:var(--muted)}
.hero-benefit,.hero-clump,.hero-surface{display:none!important}
@media(max-width:1080px){.hero-product-panel{min-height:520px}.hero-pack-wrap{min-height:410px}.hero-pack.clean-pack{max-height:445px;max-width:84%}}
@media(max-width:760px){.hero-visual-clean{min-height:0}.hero-product-panel{min-height:330px;border-radius:28px;padding:14px 16px 14px;gap:6px}.hero-pack-wrap{min-height:250px}.hero-pack.clean-pack{max-height:260px;max-width:76%;transform:none}.hero-inline-benefit-row{gap:8px;padding-left:2px}.hero-inline-benefit-row img{width:34px;height:34px}.hero-inline-benefit-row strong{font-size:14px}.hero-inline-benefit-row span{font-size:10px}}

/* V24 polish: spacing, card balance, mobile journey and conversion */
.primary-card{display:flex;flex-direction:column}
.primary-card .proof-list,.primary-card .clump-flow{margin-top:auto}
.support-card{min-height:132px}
.outcome-item{min-height:132px}
.product-info{height:100%}
.product-info p{min-height:48px}
.retailer-logos-final{margin-top:28px;margin-bottom:24px}
.final-buy-button{min-width:230px}
.final-cta .section{max-width:980px}
.faq-grid details{transition:border-color .18s ease,box-shadow .18s ease}
.faq-grid details[open]{border-color:rgba(18,167,159,.45);box-shadow:0 8px 24px rgba(18,63,66,.05)}
@media(max-width:1080px){.section{padding-top:76px;padding-bottom:76px}.primary-card{min-height:330px}}
@media(max-width:760px){
  .hero{min-height:auto;padding-top:24px;padding-bottom:32px}
  .hero-brand{font-size:43px}.hero-main{font-size:30px}.hero-proof-line{font-size:16px}
  .hero-copy>p{font-size:14.5px;line-height:1.45;max-width:340px}
  .hero-product-panel{min-height:300px;padding:12px 14px}.hero-pack-wrap{min-height:224px}.hero-pack.clean-pack{max-height:236px;max-width:73%}
  .hero-inline-benefit-row{padding-top:2px}.section{padding-top:54px;padding-bottom:54px}
  .section-head{margin-bottom:24px}.section-head h2{font-size:39px}.section-head p{font-size:15px}
  .primary-card{min-height:0}.support-card{min-height:0}.outcome-item{min-height:0}
  .outcome .section{padding-top:54px;padding-bottom:54px}.outcome h2{font-size:36px}
  .demo-section .section{padding-top:54px;padding-bottom:54px}.demo-copy h2{font-size:38px}
  .selector-section .section{padding-top:54px;padding-bottom:54px}.selector-box{padding:23px 18px}.selector-box h2{font-size:36px}.selector-question{font-size:21px}
  .shop-section .section{padding-top:54px;padding-bottom:54px}.shop-head h2{font-size:38px}.product-info p{min-height:0}
  .award-section .section{padding-top:46px;padding-bottom:46px}.award-panel{grid-template-columns:72px 1fr;gap:16px;padding:20px}.award-panel img{width:68px;height:68px}.award-panel h2{font-size:25px}
  .final-cta .section{padding-top:54px;padding-bottom:70px}.final-cta h2{font-size:41px}.retailer-logos-final{gap:12px;margin:20px 0}.retailer-logos-final .retailer-text-card{min-width:0;width:calc(50% - 6px);padding:16px 12px}.final-buy-button{width:100%;max-width:330px}
  .faq-section .section{padding-top:50px;padding-bottom:90px}
}

/* IT V27: FAQ headings and product filters. The approved hero composition is unchanged. */
[hidden]{display:none!important}
.faq-grid{display:grid;gap:12px}
.faq-item{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.faq-heading{margin:0;font-size:inherit;font-weight:normal}
.faq-trigger{width:100%;border:0;background:transparent;color:var(--green-dark);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;text-align:left;font-family:VAGBold,Arial,sans-serif;font-size:18px;line-height:1.3;cursor:pointer}
.faq-trigger>span:first-child{min-width:0}
.faq-icon{width:22px;flex:0 0 22px;text-align:center;color:var(--green-dark);font-size:23px;font-family:Arial,sans-serif}
.faq-answer{padding:0 22px 20px}
.faq-answer p{margin:0;color:var(--muted);line-height:1.6;font-size:16px;max-width:960px}
.faq-item.is-open{border-color:#9bcbc5}
.faq-trigger:focus-visible,.product-preference:focus-visible,.product-scent:focus-visible,.reset-products:focus-visible,.selection-results a:focus-visible{outline:3px solid var(--green-dark);outline-offset:-3px}
.product-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 22px;padding:16px 18px;background:var(--mint);border:1px solid var(--line);border-radius:16px}
#product-count{margin:0;color:var(--green-dark);font-size:15px;line-height:1.4}
#shop-title,#product-count{scroll-margin-top:104px}
#shop{scroll-margin-top:92px}
.reset-products{border:1px solid #87b5ae;background:#fff;border-radius:999px;padding:10px 14px;min-height:44px;font-family:VAGBold,Arial,sans-serif;color:var(--green-dark);cursor:pointer;font-size:13px}
.selector-results{margin-top:16px}
.selector-results a{display:inline-flex;align-items:center;min-height:44px;font-family:VAGBold,Arial,sans-serif;font-size:14px;color:var(--green-dark);text-decoration:underline;text-underline-offset:4px}
.product-scent.active{border-color:var(--green-dark);background:var(--mint)}
.product-card[hidden]{display:none!important}
/* Avoid a single filtered card expanding to the width of the entire row. */
.product-grid{align-items:stretch}
@media(max-width:760px){.faq-trigger{padding:18px;font-size:17px;gap:14px}.faq-answer{padding:0 18px 18px}.faq-answer p{font-size:15px}.product-filter-bar{padding:14px;align-items:flex-start}#shop{scroll-margin-top:78px}}
.primary-card,.primary-card-head>div{min-width:0}
.primary-card h3{overflow-wrap:anywhere}
.clump-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
.clump-step{min-width:0}
.clump-step span{overflow-wrap:anywhere}
@media(max-width:360px){.primary-card-head{grid-template-columns:52px minmax(0,1fr);gap:12px}.primary-card-head img{width:50px;height:50px}.primary-card h3{font-size:25px}.clump-step{padding:10px 6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}@media (hover:hover) and (pointer:fine){.product-scent:hover{transform:none}}}

/* UK v25: contact, privacy controls and semantic FAQ. Approved hero is unchanged. */
[hidden]{display:none!important}
html{scroll-padding-top:100px}
section[id],.product-card[id]{scroll-margin-top:100px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a86718;outline-offset:4px}
.skip-link{position:fixed;left:16px;top:-90px;z-index:200;background:#fff;color:#123f42;border:2px solid #123f42;border-radius:10px;padding:12px 18px}
.skip-link:focus{top:12px}
.desktop-nav{align-items:center}
.desktop-nav .nav-buy,.mobile-buy{color:#123f42;background:#f6d8a3;border:1px solid #e4bd78;border-radius:999px;padding:10px 15px;font-family:VAGBold,Arial,sans-serif;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.desktop-nav .nav-buy:hover,.mobile-buy:hover{background:#efd098;color:#0c2f31}}
.header-cta{background:#087c73;min-height:42px;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.header-cta:hover{background:#123f42}}
.mobile-buy{display:none}
.footer-links{align-items:center;flex-wrap:wrap;row-gap:12px}
.footer-links button{padding:0;background:none;border:0;color:inherit;cursor:pointer;font:inherit}
@media (hover:hover) and (pointer:fine){.footer-links button:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:3px}}
/* The H3 and button retain the previous summary's visual scale. */
.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:border-color .18s}
.faq-item.is-open{border-color:#87bcb4;box-shadow:0 8px 24px rgba(18,63,66,.05)}
.faq-heading{margin:0;font-size:16px;line-height:1.35}
.faq-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:18px;border:0;border-radius:17px;background:none;color:var(--ink);font:inherit;font-family:VAGBold,Arial,sans-serif;text-align:left;cursor:pointer;min-height:58px}
@media (hover:hover) and (pointer:fine){.faq-toggle:hover{background:#f7fbfa}}
.faq-sign{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;color:#16766e}
.faq-sign:before{content:"+";font:24px Arial,sans-serif}
.faq-toggle[aria-expanded=true] .faq-sign:before{content:"−"}
.faq-toggle:focus-visible{outline-offset:-5px}
.faq-answer{padding:0 18px 20px;font-size:16px;line-height:1.6}
.faq-answer p{margin:0;color:#536b6c}
.faq-section .section{padding-bottom:66px}
/* Contact remains secondary to the product and retailer journey. */
.contact-section{background:#fff;border-top:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.contact-copy h2{font-family:VAGBold,Arial,sans-serif;font-size:clamp(38px,4vw,58px);line-height:1;letter-spacing:-.035em;margin:12px 0 18px}
.contact-copy>p{max-width:450px;color:var(--muted)}
.contact-details{margin:30px 0 26px;display:grid;gap:22px}
.contact-details dt{font-family:VAGBold,Arial,sans-serif;font-size:14px;color:#38635f;margin:0 0 6px}
.contact-details dd{margin:0 0 4px;font-size:16px;line-height:1.6}
.contact-details a{text-decoration:underline;text-decoration-color:#9ccfc6;text-underline-offset:4px}
.contact-official{display:inline-flex;gap:8px;border-bottom:1px solid #7eb6ad;padding:6px 0;color:#155950;font-family:VAGBold,Arial,sans-serif;font-size:15px}
.contact-small{font-size:14px;line-height:1.6;margin-top:24px}
.contact-form{background:#f4f9f7;border:1px solid var(--line);border-radius:28px;padding:30px;min-width:0}
.contact-form h3{font-family:VAGBold,Arial,sans-serif;font-size:26px;line-height:1.1;margin:0 0 12px}
.contact-route{font-size:14px;color:#526967;margin:0 0 24px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-field{display:grid;gap:7px;margin-bottom:18px;min-width:0}
.form-field label{font-family:VAGBold,Arial,sans-serif;font-size:14px}
.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;background:#fff;color:#173234;border:1px solid #acbeb9;border-radius:12px;padding:12px;font-family:VAG,Arial,sans-serif;font-size:16px;line-height:1.4}
.form-field textarea{resize:vertical;min-height:120px}
.form-field [aria-invalid=true]{border-color:#ae3933}
.field-error{color:#98352f;font-size:13px;line-height:1.4}
.field-error:empty{display:none}
.field-hint{color:#576d69;font-size:12px;line-height:1.5}
.privacy-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.55;margin:2px 0 8px}
.privacy-check input{margin:3px 0 0;width:18px;height:18px;flex:0 0 18px;accent-color:#087c73}
.inline-link{font:inherit;display:inline;background:none;color:#11645b;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;line-height:inherit}
.contact-submit{background:#087c73;margin-top:18px;gap:12px;border:0;cursor:pointer;min-height:48px;box-shadow:none}
.form-status{font-size:14px;line-height:1.5;color:#315f58}
.form-status:empty{display:none}
.form-status a{color:#075a51;text-decoration:underline;text-underline-offset:3px}
/* Native dialogs, accessible headings, focus management and no third-party library. */
.site-dialog{padding:0;border:1px solid #b8d2ca;border-radius:24px;width:min(680px,calc(100% - 32px));max-height:86vh;max-height:86dvh;color:var(--ink);background:var(--cream);box-shadow:0 24px 80px rgba(0,25,22,.24);overflow:auto}
.site-dialog::backdrop{background:rgba(9,36,35,.55)}
.site-dialog.dialog-fallback[open]{display:block;position:fixed;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);z-index:2000;box-shadow:0 0 0 100vmax rgba(9,36,35,.55)}
body.dialog-active{overflow:hidden}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px 16px;position:sticky;top:0;background:var(--cream);border-bottom:1px solid var(--line);z-index:1}
.dialog-heading h2{font-family:VAGBold,Arial,sans-serif;font-size:26px;line-height:1.15;margin:0}
.dialog-close{border:1px solid #9dbab4;border-radius:50%;width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;background:#fff;color:#123f42;font:28px Arial,sans-serif;cursor:pointer}
.dialog-body{padding:10px 28px 24px;font-size:15px;line-height:1.65}
.dialog-body h3{font-family:VAGBold,Arial,sans-serif;font-size:18px;margin:22px 0 8px}
.dialog-body p{margin:0 0 14px}
.dialog-body a{color:#11645b;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.dialog-body code{background:#e7eee9;padding:2px 4px;border-radius:4px;font-size:12px;overflow-wrap:anywhere}
.dialog-bottom{padding:0 28px 24px}
.button-secondary{background:#fff;color:#123f42;border:1px solid #9dbab4;box-shadow:none;cursor:pointer}
@media (hover:hover) and (pointer:fine){.button-secondary:hover{background:#e5f1ed;color:#123f42}}
.consent-category{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}
.consent-category h3{margin:0 0 4px;font-size:17px}
.consent-category p{margin:0;color:#526966;font-size:14px}
.consent-category input{width:22px;height:22px;flex:0 0 22px;accent-color:#087c73}
.category-status{font-family:VAGBold,Arial,sans-serif;font-size:12px;white-space:nowrap;color:#38685f;background:#e4eee9;border-radius:999px;padding:5px 9px}
.privacy-small{font-size:13px;color:#536c66;margin-top:16px!important}
.consent-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.consent-button{padding:12px 16px;border:1px solid #1d6962;border-radius:999px;background:#fff;color:#123f42;font-family:VAGBold,Arial,sans-serif;font-size:14px;min-height:44px;cursor:pointer;text-align:center}
@media (hover:hover) and (pointer:fine){.consent-button:hover{background:#e7f2ed}}
.consent-actions .consent-button{flex:1 1 160px}
.cookie-banner{position:fixed;bottom:20px;left:20px;right:20px;max-width:1100px;margin:0 auto;z-index:1000;display:flex;gap:24px;align-items:center;background:var(--cream);border:1px solid #accac0;border-top:3px solid #1d8a7d;border-radius:18px;padding:20px 24px;box-shadow:0 12px 48px rgba(15,40,33,.2);max-height:70vh;overflow:auto}
.cookie-copy{flex:1;min-width:0}
.cookie-copy h2{font-family:VAGBold,Arial,sans-serif;font-size:19px;margin:0 0 7px;letter-spacing:0;line-height:1.2}
.cookie-copy p{font-size:14px;color:#3b5953;margin:0;line-height:1.55}
.cookie-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.cookie-actions .inline-link{font-size:14px;min-height:44px;display:flex;align-items:center}
.cookie-banner-visible .mobile-sticky,.dialog-active .mobile-sticky{display:none}
@media(max-width:1080px){
 .site-header{gap:10px}.site-header .brand{margin-right:auto}.mobile-buy{display:inline-flex;align-items:center;justify-content:center;font-size:13px;min-height:42px}
 .contact-grid{gap:30px;grid-template-columns:1fr 1.15fr}.contact-form{padding:25px}.form-row{grid-template-columns:1fr}
}
@media(max-width:760px){
 html{scroll-padding-top:84px}section[id],.product-card[id]{scroll-margin-top:84px}
 .site-header{padding:10px 12px;gap:7px}.site-header .brand img{width:130px}.header-cta{font-size:12px;padding:10px 12px}.mobile-buy{font-size:11px;padding:9px 10px}
 .contact-grid{grid-template-columns:1fr;gap:26px}.contact-copy h2{font-size:38px}.contact-copy>p{margin-bottom:20px}.contact-details{gap:18px;margin:22px 0}.contact-form{padding:23px 19px;border-radius:22px}.contact-submit{width:100%}
 .faq-toggle{font-size:15px;padding:17px 16px;min-height:62px}.faq-answer{font-size:15px;padding:0 16px 18px}.faq-section .section{padding-bottom:50px}
 .footer-links{column-gap:18px;row-gap:16px}.footer-links a,.footer-links button{padding:8px 0;min-height:32px}
 .dialog-heading{padding:18px 18px 14px}.dialog-heading h2{font-size:23px}.dialog-body{padding:10px 18px 22px}.dialog-bottom{padding:0 18px 22px}.site-dialog{width:calc(100% - 24px);border-radius:20px;max-height:88dvh}
 .cookie-banner{left:10px;right:10px;bottom:10px;padding:17px 18px;display:block}.cookie-actions{margin-top:13px;justify-content:flex-start;gap:10px}.cookie-copy p{font-size:13px}.cookie-copy h2{font-size:18px}.consent-button{font-size:13px}
}
@media(max-width:360px){.site-header .brand img{width:112px}.mobile-buy{padding:9px 8px}.header-cta{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* UK V26 — product filtering only. Existing hero, brand and page layout retained. */
.product-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:0 0 22px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.product-filter-bar p{margin:0;color:var(--green-dark);font-family:VAGBold,Arial,sans-serif;font-size:15px;line-height:1.45}
.reset-products{font-family:VAGBold,Arial,sans-serif;font-size:14px;color:var(--green-dark);background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 16px;min-height:44px;cursor:pointer}
@media (hover:hover) and (pointer:fine){.reset-products:hover{border-color:var(--green);background:#eff9f7}}
.selector-results{margin:18px 0 0;font-size:14px;line-height:1.45}
.selector-results a{display:inline-flex;align-items:center;min-height:44px;color:var(--green-dark);font-family:VAGBold,Arial,sans-serif;text-decoration:underline;text-decoration-color:#8abcb5;text-underline-offset:4px}
.product-scent.active{border-color:var(--green);background:#f0faf7;box-shadow:inset 0 0 0 1px var(--green)}
.product-card[hidden],.scent-options[hidden],.product-filter-bar[hidden],.reset-products[hidden],.selector-results[hidden]{display:none!important}
@media(max-width:760px){.product-filter-bar{margin-bottom:18px;gap:10px;padding:12px 0}.product-filter-bar p{font-size:14px}.reset-products{font-size:13px;padding:9px 14px}.selector-results{font-size:14px}}

/* V28: native disclosure; retain the V26 geometry and source H3 questions. */
.faq-grid details.faq-item{padding:0}
.faq-toggle{list-style:none;display:block}
.faq-toggle::-webkit-details-marker{display:none}
.faq-toggle::marker{content:""}
.faq-toggle .faq-heading{font:inherit;font-weight:normal;margin:0;display:flex;align-items:center;justify-content:space-between;gap:18px}
.faq-toggle .faq-heading>span:first-child{min-width:0}
.faq-item[open]{border-color:#87bcb4;box-shadow:0 8px 24px rgba(18,63,66,.05)}
.faq-item[open] .faq-sign:before{content:"−"}
.faq-item:not([open])>.faq-answer{display:none}
.faq-toggle:focus-visible{outline:3px solid #a86718;outline-offset:-5px}
#product-grid .product-filtered-out{display:none!important}
.selector-fallback a{text-decoration:underline}
.reading-assistance .mobile-sticky{display:none}

/* V29: complete domain release; existing hero geometry is unchanged. */
.cookie-close{width:36px;height:36px;border:1px solid #9dbab4;background:transparent;color:#123f42;border-radius:50%;font:22px Arial,sans-serif;cursor:pointer;flex:0 0 auto}
.contact-details a{overflow-wrap:anywhere}
.pack-disclaimer{font-size:12px!important;line-height:1.4!important;color:#657473!important;min-height:0!important;margin:0 0 12px}
.site-dialog:not([open]){display:none}

/* V30 (from UK) — campaign hero and film and consumer-to-retailer journey.
   The existing .hero-visual-clean product composition is unchanged. */
.campaign-offer-strip{background:#f6d8a3;color:#123f42;border-bottom:1px solid #e4bd78;text-align:center}
.campaign-offer-strip a{display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:10px 20px;font-family:VAGBold,Arial,sans-serif;font-size:14px;line-height:1.35}
@media (hover:hover) and (pointer:fine){.campaign-offer-strip a:hover{background:#efd098;text-decoration:underline;text-underline-offset:3px}}
.hero{min-height:0;padding-top:46px;padding-bottom:48px}
.campaign-hero-copy{min-width:0}
.campaign-hero-copy>.campaign-question{font-family:VAGBold,Arial,sans-serif;font-size:19px;line-height:1.25;color:var(--green-dark);margin:0 0 18px}
.campaign-hero-copy h1{margin:0}
.campaign-hero-copy .launch-word{display:block;color:#09877f;font-family:VAGBold,Arial,sans-serif;font-size:64px;line-height:.9;letter-spacing:-.03em;margin-bottom:10px}
.campaign-hero-copy .hero-brand{font-size:clamp(44px,4.25vw,64px);line-height:.98;letter-spacing:-.045em}
.campaign-hero-copy>.campaign-line{font-family:VAGBold,Arial,sans-serif;font-size:clamp(26px,2.5vw,36px);line-height:1.12;letter-spacing:-.02em;color:var(--green-dark);margin:22px 0 16px;max-width:540px}
.campaign-hero-copy>.hero-summary{max-width:520px;font-size:17px;line-height:1.5;margin:0 0 26px}
.hero-summary strong{color:var(--ink);font-family:VAGBold,Arial,sans-serif;font-weight:normal}
.campaign-hero-actions{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap}
.campaign-primary{background:#087c73;gap:14px;min-height:48px;font-size:15px}
.campaign-secondary{display:inline-flex;align-items:center;min-height:44px;gap:8px;font-family:VAGBold,Arial,sans-serif;font-size:14px;color:var(--green-dark);text-decoration:underline;text-decoration-color:#8ebbb4;text-underline-offset:5px}
.campaign-film-section{background:#fff;border-block:1px solid var(--line)}
.campaign-film-inner{padding-top:56px;padding-bottom:54px}
.campaign-film-heading{display:flex;gap:28px;justify-content:space-between;align-items:flex-end;margin-bottom:26px}
.campaign-film-heading h2{font-family:VAGBold,Arial,sans-serif;font-size:clamp(32px,3.4vw,48px);line-height:1.05;letter-spacing:-.035em;max-width:720px;margin:10px 0 0}
.campaign-film-heading>p{color:var(--muted);font-size:15px;margin:0;max-width:225px}
.campaign-film{margin:0;border-radius:28px;border:1px solid var(--line);background:var(--cream);overflow:hidden}
.campaign-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0f617b;object-fit:contain}
.campaign-film-caption{display:flex;justify-content:space-between;gap:14px;padding:17px 22px;font-size:14px;line-height:1.4}
.campaign-film-caption>span{color:#536b6c}.film-play{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;font-family:VAGBold,Arial,sans-serif;font-size:14px;color:var(--green-dark);cursor:pointer;text-decoration:underline;text-underline-offset:4px}.campaign-playing .mobile-sticky{display:none}
.campaign-film-caption a{font-family:VAGBold,Arial,sans-serif;color:var(--green-dark);text-decoration:underline;text-underline-offset:4px}
.campaign-range-note{font-size:13px;color:#536b6c;line-height:1.5;margin:14px 0 0}
.campaign-video-error{background:#fff6df;color:#673d10;border-radius:12px;padding:14px;font-size:14px}
.campaign-video-error a{text-decoration:underline}
.film-text{font-size:13px;color:#536b6c;line-height:1.6;margin-top:12px}
.film-text summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:38px;align-content:center}
.film-text>p{margin:6px 0 0;max-width:900px}
.product-info .product-offer-note{min-height:0;margin:0 0 12px;color:#76501d;background:#fff4df;border:1px solid #ecd2a8;border-radius:10px;font-size:12px;line-height:1.45;padding:10px 11px}
.offers-fineprint{font-size:13px;line-height:1.55;color:#596d6b;margin:24px 0 0}
.retailer-logo-card{flex-direction:column;gap:9px;height:auto;min-height:108px;padding:16px}
.retailer-link-label{color:var(--green-dark);font-size:12px;line-height:1.25;font-family:VAGBold,Arial,sans-serif}
.retailer-availability-note{font-size:13px;line-height:1.55;color:#d7efeb;max-width:720px;margin:20px auto 0}
.faq-answer a{color:#0b645b;text-decoration:underline;text-underline-offset:3px}
/* Three UK fragrance cards, not a four-column track with an empty slot. */
#uk-fragrance.scent-options.visible{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-scent{min-width:0;grid-template-columns:68px minmax(0,1fr)}
.product-scent>div{min-width:0}.product-scent strong{overflow-wrap:break-word;line-height:1.12}
@media(max-width:1080px){
 .campaign-film-heading{display:block}.campaign-film-heading>p{max-width:none;margin-top:12px}
 .campaign-hero-copy .launch-word{font-size:55px}
 .campaign-hero-copy .hero-brand{font-size:44px}
 .campaign-hero-copy>.campaign-line{font-size:29px}
 .campaign-hero-copy>.hero-summary{font-size:16px}
}
@media(max-width:760px){
 .hero{padding-top:28px;padding-bottom:34px;gap:24px}
 .campaign-offer-strip a{font-size:12px;padding:10px 16px;min-height:46px}
 .campaign-hero-copy>.campaign-question{font-size:16px;margin-bottom:12px}
 .campaign-hero-copy .launch-word{font-size:46px;margin-bottom:8px}
 .campaign-hero-copy .hero-brand{font-size:42px;line-height:.98}
 .campaign-hero-copy>.campaign-line{font-size:26px;max-width:100%;margin:16px 0 12px}
 .campaign-hero-copy>.hero-summary{font-size:15px;max-width:100%;margin:0 0 18px;line-height:1.45}
 .campaign-hero-actions{gap:8px 18px}.campaign-primary{font-size:14px}.campaign-secondary{font-size:13px}
 .campaign-film-inner{padding-top:40px;padding-bottom:36px}
 .campaign-film-heading{margin-bottom:20px}.campaign-film-heading h2{font-size:33px}
 .campaign-film{border-radius:18px}.campaign-film-caption{padding:14px;flex-wrap:wrap;font-size:12px}
 .campaign-range-note,.film-text{font-size:12px}
 #uk-fragrance.scent-options.visible{grid-template-columns:1fr}
 #buy .retailer-logo-card{height:auto;min-height:100px;padding:14px 10px}
 .retailer-link-label{font-size:11px}
}

/* ===================== V32 — polish layer (shared with UK) =====================
   Approved hero composition, copy claims and JS behaviour unchanged. */
:root{--ease:cubic-bezier(.2,.8,.2,1);--teal-cta:#087c73;--shadow-tint:0 18px 40px -18px rgba(18,63,66,.28)}
body{font-family:VAG,"Arial Rounded MT Bold",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
/* Rounded display faces need less negative tracking than the old serif fallback. */
.hero-brand,.section-head h2,.outcome h2,.selector-box h2,.shop-head h2,.final-cta h2,.campaign-film-heading h2{letter-spacing:-.03em}
.primary-card h3,.product-info h3,.support-card h3,.award-panel h2{letter-spacing:-.015em}
.section-head p,.shop-head p,.contact-copy>p,.hero-copy>p{max-width:60ch}

/* Header — the retailer journey is the primary action; Contact is secondary. */
.desktop-nav a:not(.nav-buy){position:relative;padding:6px 0;transition:color .2s var(--ease)}
.desktop-nav a:not(.nav-buy):after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
@media (hover:hover) and (pointer:fine){.desktop-nav a:not(.nav-buy):hover:after{transform:scaleX(1)}}
.desktop-nav .nav-buy,.mobile-buy{background:var(--teal-cta);color:#fff;border-color:var(--teal-cta);box-shadow:0 8px 20px -10px rgba(8,124,115,.7)}
@media (hover:hover) and (pointer:fine){.desktop-nav .nav-buy:hover,.mobile-buy:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff}}
.header-contact{display:inline-flex;align-items:center;min-height:42px;padding:0 4px;font-family:VAGBold,Arial,sans-serif;font-size:14px;color:var(--green-dark);text-decoration:underline;text-decoration-color:#9ccfc6;text-underline-offset:5px;transition:text-decoration-color .2s}
@media (hover:hover) and (pointer:fine){.header-contact:hover{text-decoration-color:var(--green-dark)}}

/* Interaction states: every control gets a transition and pressed feedback. */
.button,.buy-link,.product-preference,.product-scent,.reset-products,.consent-button,.retailer-logo-card,.nav-buy,.mobile-buy,.campaign-offer-strip a,.dialog-close,.cookie-close{transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .25s var(--ease),transform .2s var(--ease)}
.button:active,.buy-link:active,.product-preference:active,.product-scent:active,.reset-products:active,.consent-button:active,.nav-buy:active,.mobile-buy:active{transform:translateY(1px) scale(.98)}
@media (hover:hover) and (pointer:fine){.button:hover{box-shadow:0 14px 28px -12px rgba(18,63,66,.55)}}
.campaign-primary span[aria-hidden]{transition:transform .25s var(--ease)}
@media (hover:hover) and (pointer:fine){.campaign-primary:hover span[aria-hidden]{transform:translateX(3px)}}

/* Section surfaces: tinted shadows instead of flat grey. */
.primary-card,.product-card,.selector-box{box-shadow:var(--shadow-tint)}
.primary-card{background:linear-gradient(180deg,#fff 0%,#f8fcfb 100%)}

/* Outcome band eyebrow (was inline style). */
.outcome .eyebrow{color:#b8ece8}

/* Product range — five cards: centre the last row instead of leaving an empty slot. */
.product-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
.product-card{flex:0 1 calc((100% - 44px)/3);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
@media (hover:hover) and (pointer:fine){.product-card:hover{transform:translateY(-4px);box-shadow:0 28px 50px -22px rgba(18,63,66,.38)}}
.product-visual{position:relative;overflow:hidden}
.product-visual img{transition:transform .45s var(--ease)}
@media (hover:hover) and (pointer:fine){.product-card:hover .product-visual img{transform:translateY(-4px) scale(1.03)}}
.product-info h3{font-size:26px;line-height:1.08}
.product-meta{display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:8px;background:var(--mint);color:var(--green-dark);font-family:VAGBold,Arial,sans-serif;font-size:12px;letter-spacing:.02em}
/* Live retailer links are the page's conversion — make them the filled primary. */
.buy-link-live{background:var(--teal-cta);border-color:var(--teal-cta);color:#fff;font-size:13px;padding:14px 16px}
.buy-link-live span{font-family:VAG,Arial,sans-serif;opacity:.88}
@media (hover:hover) and (pointer:fine){.buy-link-live:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff}}
@media (hover:hover) and (pointer:fine){.buy-link.pending:hover{background:#fff;border-color:var(--green)}}

/* Selector */
@media (hover:hover) and (pointer:fine){.product-scent:hover{transform:translateY(-2px);box-shadow:0 12px 24px -16px rgba(18,63,66,.45)}}
.product-preference{min-height:46px}

/* Final CTA (inline style moved here). */
.final-cta{background:radial-gradient(120% 90% at 15% 0%,#19b3a9 0%,transparent 60%),linear-gradient(135deg,var(--green) 0%,#087d78 100%)}
.final-cta .final-buy-button{background:#fff;color:var(--green-dark);gap:10px}
@media (hover:hover) and (pointer:fine){.final-cta .final-buy-button:hover{background:#eaf7f4;color:var(--green-deep)}}
@media (hover:hover) and (pointer:fine){.retailer-logo-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px -14px rgba(0,40,38,.55)}}
.retailer-availability-note{margin-top:18px}

/* FAQ — use the empty right half on desktop: sticky heading + question list. */
@media(min-width:1081px){
 .faq-section .section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:56px;align-items:start}
 .faq-section .section-head{position:sticky;top:120px;margin:0}
 .faq-grid{max-width:none}
}
.faq-toggle{transition:background-color .2s var(--ease)}
.faq-sign{transition:transform .25s var(--ease)}
.faq-item[open] .faq-sign{transform:rotate(180deg)}

/* Contact inputs: hover/focus feedback. */
.form-field input,.form-field select,.form-field textarea{transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
@media (hover:hover) and (pointer:fine){.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:#6f9d96}}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--teal-cta);box-shadow:0 0 0 4px rgba(8,124,115,.12)}


@media(max-width:1080px){
 .product-card{flex-basis:calc((100% - 22px)/2)}
}
@media(max-width:760px){
 .product-grid{gap:16px}
 .product-card{flex-basis:100%}
 .header-contact{font-size:12px;min-height:40px;padding:0 2px}
 .mobile-buy{font-size:12px;padding:9px 13px}
 .hero-brand{letter-spacing:-.025em}
}
@media(max-width:360px){.header-contact{font-size:11px}}
.final-cta .retailer-availability-note{margin-top:26px}
@media(max-width:760px){.primary-card h3{font-size:25px;line-height:1.05;hyphens:none}.primary-card-head{grid-template-columns:64px 1fr;gap:14px}.primary-card-head img{width:60px;height:60px}}
:where(img[width][height]){width:auto;height:auto}

/* ===================== V33 — premium surface layer (shared with UK) =====================
   Floating header, nested-bezel surfaces, bento benefits, icon-chip CTAs, grain and entry motion.
   Approved hero composition (.hero-visual-clean) untouched. */
:root{
 --ease:cubic-bezier(.32,.72,0,1);
 --ink-a:18,63,66;
 --hair:0 0 0 1px rgba(var(--ink-a),.07);
 --shell:rgba(255,255,255,.62);
 --lift:0 36px 70px -36px rgba(var(--ink-a),.34),0 10px 24px -18px rgba(var(--ink-a),.18);
 --bezel:0 0 0 1px rgba(var(--ink-a),.06),0 0 0 7px var(--shell),0 0 0 8px rgba(var(--ink-a),.07),var(--lift),inset 0 1px 0 rgba(255,255,255,.9);
}
.belief,.selector-section,.campaign-film-section,.award-section,.contact-section{--shell:rgba(var(--ink-a),.035)}

/* Film grain — fixed, non-interactive, never on scrolling layers. */
body::after{content:"";position:fixed;inset:0;z-index:70;pointer-events:none;opacity:.045;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@media print{body::after{display:none}}

/* Floating island header (was an edge-to-edge bar). */
.site-header{top:12px;margin:12px auto 0;width:calc(100% - 40px);max-width:1240px;height:66px;padding:0 10px 0 26px;border:0;border-radius:999px;
 background:rgba(251,248,241,.74);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
 box-shadow:0 0 0 1px rgba(var(--ink-a),.08),0 14px 34px -18px rgba(var(--ink-a),.35),inset 0 1px 0 rgba(255,255,255,.8)}
.site-header .brand img{width:150px}
.desktop-nav{gap:28px}
.desktop-nav .nav-buy{padding:11px 20px;min-height:46px;display:inline-flex;align-items:center}
.header-contact{margin-right:14px}
html{scroll-padding-top:104px}section[id],.product-card[id]{scroll-margin-top:104px}

/* Eyebrows as micro pill badges. */
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:999px;background:rgba(18,167,159,.1);color:#0a756e;font-size:10.5px;letter-spacing:.18em;line-height:1.2;box-shadow:inset 0 0 0 1px rgba(18,167,159,.14)}
.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}
.outcome .eyebrow{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#b8ece8}
.section-head h2,.shop-head h2,.selector-box h2,.contact-copy h2{margin-top:18px}
.primary-card-head .eyebrow{margin-bottom:10px}

/* Macro whitespace. */
.section{padding-top:120px;padding-bottom:128px}
.campaign-film-inner{padding-top:96px;padding-bottom:100px}
.outcome .section{padding-top:104px;padding-bottom:112px}
.final-cta .section{padding-top:112px;padding-bottom:120px}
.award-section .section{padding-top:24px;padding-bottom:120px}
.section-head{margin-bottom:56px}
.shop-head{margin-bottom:40px}

/* Nested-bezel surfaces: outer shell + hairline drawn with concentric spread shadows (no extra DOM). */
.primary-card,.support-card,.selector-box,.product-card,.award-panel,.contact-form,.campaign-film{border:0;box-shadow:var(--bezel)}
.primary-card{border-radius:32px;padding:36px}
.support-card{border-radius:26px;background:#fbf8f1}
.product-card{border-radius:30px}
@media (hover:hover) and (pointer:fine){.product-card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(var(--ink-a),.06),0 0 0 7px var(--shell),0 0 0 8px rgba(var(--ink-a),.09),0 48px 80px -40px rgba(var(--ink-a),.45),inset 0 1px 0 rgba(255,255,255,.9)}}
.product-grid{gap:36px 32px}
.product-card{flex-basis:calc((100% - 64px)/3)}
.faq-item{border:0;box-shadow:var(--hair),0 12px 30px -24px rgba(var(--ink-a),.4)}
.faq-item[open]{box-shadow:0 0 0 1px rgba(18,167,159,.4),0 20px 40px -28px rgba(var(--ink-a),.45)}
.faq-grid{gap:12px}

/* Bento benefits: tall odour card left, clumping wide top-right, two compact cards below. */
@media(min-width:1081px){
 .belief .section{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px}
 .belief .section-head{grid-column:1/-1;margin-bottom:28px}
 .primary-benefits,.support-row{display:contents}
 .primary-benefits>.primary-card:first-child{grid-column:1/7;grid-row:2/4;min-height:0}
 .primary-benefits>.primary-card:last-child{grid-column:7/13;grid-row:2;min-height:0}
 .support-row>.support-card:first-child{grid-column:7/10;grid-row:3}
 .support-row>.support-card:last-child{grid-column:10/13;grid-row:3}
 .support-card{grid-template-columns:1fr;align-content:start;gap:14px;padding:26px}
 .support-card img{width:64px;height:64px}
 .support-card h3{font-size:21px}
 .primary-benefits>.primary-card:first-child .primary-card-head{grid-template-columns:1fr;gap:22px}
 .primary-benefits>.primary-card:first-child .primary-card-head img{width:120px;height:120px}
 .primary-benefits>.primary-card:first-child h3{font-size:42px;line-height:1.02}
 .primary-benefits>.primary-card:first-child>p{font-size:17px;margin:18px 0 28px}
}
.primary-benefits>.primary-card:first-child{background:radial-gradient(90% 70% at 100% 0%,rgba(244,169,74,.16) 0%,transparent 60%),linear-gradient(180deg,#fff 0%,#fbf8f1 100%)}
.primary-benefits>.primary-card:last-child{background:radial-gradient(80% 80% at 0% 100%,rgba(18,167,159,.10) 0%,transparent 60%),#fff}
.clump-step{border-radius:20px;background:rgba(18,167,159,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}

/* Button-in-button: trailing icon lives in its own circle, flush to the right padding. */
.button.has-icon{gap:14px;padding:7px 7px 7px 24px;min-height:52px}
.btn-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.22);font-family:Arial,sans-serif;font-size:15px;line-height:1;transition:transform .6s var(--ease),background-color .3s var(--ease)}
@media (hover:hover) and (pointer:fine){.has-icon:hover .btn-icon,.buy-link:hover .btn-icon{transform:translate(2px,-2px) scale(1.06);background:rgba(255,255,255,.28)}}
.btn-icon-right{transition:transform .6s var(--ease)}
@media (hover:hover) and (pointer:fine){.has-icon:hover .btn-icon-right,.campaign-primary:hover span[aria-hidden].btn-icon{transform:translateX(3px) scale(1.06)}}
@media (hover:hover) and (pointer:fine){.has-icon:hover .btn-icon-up{transform:translateY(-3px) scale(1.06)}}
.final-cta .final-buy-button .btn-icon{background:rgba(var(--ink-a),.08)}
@media (hover:hover) and (pointer:fine){.final-cta .final-buy-button:hover .btn-icon{background:rgba(var(--ink-a),.14)}}
.contact-submit.has-icon{padding-left:26px}
.buy-link-live{padding:8px 8px 8px 18px;border-radius:999px;min-height:52px}
.buy-link-live strong{display:inline-flex;align-items:center;gap:10px}
.buy-link-live .btn-icon{width:34px;height:34px;font-size:13px}
.buy-link.pending{border-radius:999px;padding:14px 18px;border:0;box-shadow:inset 0 0 0 1px rgba(var(--ink-a),.14);background:transparent}
@media (hover:hover) and (pointer:fine){.buy-link.pending:hover{box-shadow:inset 0 0 0 1px var(--green)}}
.product-info .product-offer-note{border:0;box-shadow:inset 0 0 0 1px rgba(214,160,80,.35);border-radius:12px}
.product-preference{border:0;box-shadow:inset 0 0 0 1px rgba(var(--ink-a),.16);padding:13px 22px}
.product-scent{border:0;box-shadow:inset 0 0 0 1px rgba(var(--ink-a),.12),0 10px 24px -20px rgba(var(--ink-a),.5);border-radius:24px}
.product-scent.active{box-shadow:inset 0 0 0 2px var(--green),0 14px 28px -20px rgba(var(--ink-a),.55)}

/* Retailer tiles and inputs. */
.retailer-logo-card{border-radius:22px;box-shadow:0 0 0 6px rgba(255,255,255,.14),0 24px 40px -24px rgba(0,30,28,.6)}
.form-field input,.form-field select,.form-field textarea{border-color:rgba(var(--ink-a),.2);border-radius:14px;background:#fff}

/* Entry motion (classes applied by sanicat-motion.js, off-screen elements only). */
.motion-ready .reveal{opacity:0;translate:0 44px}
.motion-armed .reveal{transition:opacity .9s var(--ease) var(--reveal-delay,0ms),translate 1.2s var(--ease) var(--reveal-delay,0ms)}
.motion-ready .reveal.is-in{opacity:1;translate:0 0}
@media print{.motion-ready .reveal{opacity:1!important;translate:none!important}}

@media(max-width:1080px){
 .section{padding-top:88px;padding-bottom:96px}
 .product-card{flex-basis:calc((100% - 32px)/2)}
 .site-header{padding-left:20px}
}
@media(max-width:760px){
 .site-header{top:8px;margin-top:8px;width:calc(100% - 20px);height:58px;padding:0 6px 0 16px}
 .site-header .brand img{width:118px}
 .header-contact{margin-right:6px}
 html{scroll-padding-top:84px}section[id],.product-card[id]{scroll-margin-top:84px}
 .section{padding-top:68px;padding-bottom:72px}
 .campaign-film-inner{padding-top:60px;padding-bottom:60px}
 .outcome .section,.final-cta .section{padding-top:68px;padding-bottom:76px}
 .award-section .section{padding-top:8px;padding-bottom:72px}
 .section-head{margin-bottom:32px}
 .product-grid{gap:28px}
 .product-card{flex-basis:100%}
 .primary-card{padding:26px 22px;border-radius:26px}
 .button.has-icon{padding-left:20px}
 .motion-ready .reveal{translate:0 28px}
}
@media(max-width:360px){.site-header .brand img{width:100px}.site-header{padding-left:12px}}

/* Bento: the tall odour card carries its proof points as quiet chips pinned to the base. */
@media(min-width:1081px){
 .primary-benefits>.primary-card:first-child .proof-list{gap:10px}
 .primary-benefits>.primary-card:first-child .proof-list div{padding:12px 16px 12px 12px;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(var(--ink-a),.06),0 10px 22px -18px rgba(var(--ink-a),.45);font-size:15px}
}
.outcome h2{margin-top:20px}

/* VAG Rounded (official) — the face is already tightly spaced; neutralise the tracking tuned for the fallback font. */
.hero-brand,.campaign-hero-copy .hero-brand,.campaign-hero-copy .launch-word,.section-head h2,.outcome h2,.selector-box h2,.shop-head h2,.final-cta h2,.campaign-film-heading h2,.contact-copy h2,.award-panel h2{letter-spacing:-.008em}
.campaign-hero-copy>.campaign-line,.primary-card h3,.product-info h3,.support-card h3,.selector-question,.dialog-heading h2{letter-spacing:0}


/* ===================== IT-only adjustments (V29 structure) ===================== */
/* Four IT fragrances: 2 x 2 instead of a cramped row of four. */
#it-fragrance.scent-options.visible{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Filter bar keeps the V33 hairline language. */
.product-filter-bar{border:0;box-shadow:inset 0 0 0 1px rgba(var(--ink-a),.08)}
.pack-disclaimer{margin-top:-6px!important}
/* Retailer tiles in the final CTA (text, no logos). */
.retailer-text-card{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:84px;min-width:210px;padding:18px 26px;border-radius:22px;background:#fff;color:var(--green-dark);font-family:VAGBold,Arial,sans-serif;font-size:18px;box-shadow:0 0 0 6px rgba(255,255,255,.14),0 24px 40px -24px rgba(0,30,28,.6);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
@media (hover:hover) and (pointer:fine){a.retailer-text-card:hover{transform:translateY(-3px);box-shadow:0 0 0 6px rgba(255,255,255,.22),0 30px 44px -22px rgba(0,30,28,.7)}}
.retailer-text-static{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.final-cta .final-buy-button{margin-top:6px}
@media(max-width:760px){
 #it-fragrance.scent-options.visible{grid-template-columns:1fr}
 .retailer-text-card{min-width:0;min-height:72px;font-size:16px;padding:14px 12px}
}
.product-info .buy-link+.buy-link{margin-top:8px}
/* touch-polish v1 */
html{-webkit-tap-highlight-color:transparent}
a,button,summary,label,[role=button]{touch-action:manipulation}
button,.button,.buy-link,.nav-buy,.mobile-buy,.product-scent,.product-preference,.reset-products,.retailer-text-card,.retailer-logo-card,.film-play,.faq-toggle,.footer-links a,.footer-links button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.footer-links a,.footer-links button{display:inline-flex;align-items:center;min-height:44px;padding-top:0;padding-bottom:0}
.final-cta .retailer-text-card,.final-cta .retailer-logo-card,.film-play{transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .3s var(--ease),background-color .2s var(--ease)}
.final-cta .retailer-text-card:active,.final-cta .retailer-logo-card:active,.film-play:active{transform:scale(.97)}
.faq-toggle:active{background:#eef6f4}
.footer-links a:active,.footer-links button:active,.inline-link:active{opacity:.6}
.retailer-store-note{margin:-6px 0 22px;color:rgba(255,255,255,.88);font-family:VAGBold,Arial,sans-serif;font-size:15px}
.cookie-table{width:100%;border-collapse:collapse;margin:10px 0 12px;font-size:14px;line-height:1.45}.cookie-table th,.cookie-table td{text-align:left;vertical-align:top;padding:9px 8px;border-bottom:1px solid rgba(18,63,66,.14);overflow-wrap:anywhere}.cookie-table th{font-family:VAGBold,Arial,sans-serif;font-weight:normal;font-size:13px}.cookie-table td:last-child,.cookie-table th:last-child{white-space:nowrap}.cookie-table code{font-size:12.5px}
.cookie-table th:first-child,.cookie-table td:first-child{overflow-wrap:normal;white-space:nowrap;padding-left:0}.cookie-table td:first-child code{white-space:nowrap}