@charset "UTF-8";
:root{--navy:#070e32;--green:#218d12;--blue:#008fdf;--pink:#f50081;--ink:#0a1238;font-family:'Nunito Sans',Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #178fdb;outline-offset:4px}button,a{touch-action:manipulation}h1,h2,p{margin:0}h1,h2{font-weight:1000;letter-spacing:-1.1px}p{line-height:1.28}.icon{width:26px;height:26px;flex-shrink:0;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:12px;padding:12px;background:white;z-index:30}.skip-link:focus{top:5px}
.site-header{background:#fff;position:relative;z-index:5}.header-inner{max-width:1500px;margin:auto;display:flex;align-items:center;gap:36px;height:59px;padding:0 3.2%}.brand{width:242px;flex-shrink:0}.brand img{width:100%;height:auto}.main-nav{display:flex;align-items:center;gap:30px;white-space:nowrap;flex:1}.main-nav a,.main-nav button{font-size:13px;font-weight:700;padding:7px 0;border:0;background:none}.main-nav .active{color:#138a0f;border-bottom:2px solid #239510}.main-nav a:hover,.main-nav button:hover{color:var(--green)}.header-tools{display:flex;align-items:center;gap:24px}.header-tools button{border:0;background:none;display:flex;align-items:center;padding:0;gap:9px;font-size:13px;white-space:nowrap}.search{display:flex;align-items:center;gap:9px;background:#f0f3f6;border-radius:25px;padding:7px 14px;width:212px;position:relative}.search .icon{width:19px;height:19px}.search input{width:100%;border:0;background:none;font-size:13px;outline-offset:8px;min-width:0;color:var(--navy)}.cart{position:relative;padding-right:24px!important}.cart>span{position:absolute;right:-2px;top:-5px;background:#39a31a;color:#fff;border-radius:50%;font-size:14px;font-weight:800;width:25px;height:25px;display:grid;place-items:center;border:2px solid #fff}.header-tools .menu-toggle{display:none}.search-results{position:absolute;top:44px;right:0;min-width:280px;background:white;border-radius:12px;box-shadow:0 10px 45px #06143b26;padding:8px;border:1px solid #e7edf0;max-height:360px;overflow:auto}.search-results a,.search-results button{display:block;font-size:14px;padding:10px;border-radius:5px;text-align:left;width:100%}.search-results a:hover,.search-results button:hover{background:#eff8e9}.search-results p{padding:10px;font-size:13px}.search-results small{display:block;color:#747b8e;font-size:11px}
.hero{position:relative;max-width:1600px;height:434px;margin:auto;isolation:isolate;overflow:hidden;border-radius:13px 13px 0 0;background:#f6fcff}.hero-media{position:absolute;inset:0;background:url('assets/izbrani-design/hero-actual.png') center center/cover no-repeat;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff0 32%,transparent 42%);z-index:-1;pointer-events:none}.hero-copy{padding-top:35px;margin-left:4.6%;width:440px}.eyebrow{font-size:11px;font-weight:800;color:#168509;letter-spacing:.015em}.hero .eyebrow{font-size:10px;letter-spacing:.34em;color:#243c66;margin:0 0 11px}.hero h1{font-size:57px;letter-spacing:-2.5px;line-height:.88;margin-bottom:18px}.hero h1 em{font-style:normal;color:#278d13}.hero-description{font-size:15px;line-height:1.32;font-weight:600;max-width:435px}.hero-actions{display:flex;gap:12px;margin-top:17px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:16px;min-height:47px;padding:11px 24px;border:1px solid transparent;border-radius:10px;line-height:1.1;white-space:nowrap}.button .icon{width:18px;height:18px}.primary{color:white;background:linear-gradient(#54b71c,#218e0c);border-color:#349917;box-shadow:inset 0 1px 2px #ffffff38}.primary:hover{background:linear-gradient(#4aab17,#167807)}.secondary{background:#fffffff0;border:1px solid #93b8de;color:var(--navy);padding:10px 21px}.secondary .icon{color:#0c8a17;width:29px;height:29px}.secondary:hover{background:#eff9ed}.hero-benefits{display:flex;align-items:center;gap:25px;margin-top:22px}.hero-benefits>span{display:flex;gap:13px;align-items:center}.hero-benefits .icon{width:37px;height:37px;color:#139222}.hero-benefits>span:first-child .icon{color:#fa0780}.hero-benefits>span:nth-child(2) .icon{color:#008fe9}.hero-benefits small{font-size:12px;line-height:1.28;white-space:nowrap;font-weight:600}.handwriting{font-family:'Caveat',cursive;font-weight:600}.hero-handwriting{position:absolute;right:24px;top:13px;transform:rotate(-9deg);font-size:25px;line-height:.94;text-align:center}.hero-handwriting span{font-size:52px;color:#138e07;display:block;line-height:.9;margin-left:52px}.hero-brush{position:absolute;right:-5px;bottom:6px;transform:rotate(-15deg);font-size:26px;text-align:center;line-height:1.02;padding:17px 28px 14px 35px;background:linear-gradient(175deg,transparent 6%,#c7ef55cf 7% 89%,transparent 90%);color:#152f0a}
.content-bands{max-width:1560px;padding:0 24px;margin:-2px auto 0;position:relative}.band{border-radius:13px;background:#fff;scroll-margin-top:15px}.section-intro h2{font-size:29px;line-height:1.05;letter-spacing:-1.1px;white-space:nowrap}.section-intro p{font-size:15px;font-weight:600;margin-top:9px}.section-intro .eyebrow{font-size:11px;margin:0 0 8px;font-weight:900;color:#198917}.button.small{font-size:14px;min-height:35px;padding:7px 19px;border-radius:7px;margin-top:12px}.scent-band{display:grid;grid-template-columns:207px 1fr;gap:13px;padding:13px 16px 14px;box-shadow:0 -10px 30px #eaf0f33a;min-height:209px}.scent-band .section-intro{padding-top:10px}.scent-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.scent-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:0;padding:0 0 10px;border-radius:7px;overflow:hidden;min-width:0;transition:transform .16s,box-shadow .16s;background:var(--tint)}.scent-card img{width:100%;aspect-ratio:1;object-fit:cover;mix-blend-mode:multiply}.scent-card span{display:flex;justify-content:center;align-items:center;min-height:43px;text-align:center;font-weight:1000;font-size:19px;line-height:.96;letter-spacing:-.6px;padding:7px 2px 0;color:var(--label)}.scent-card:hover{transform:translateY(-4px);box-shadow:0 5px 13px #0a173315}.vanilla{--tint:#fff1cf;--label:#a72003}.apple{--tint:#e9fbd8;--label:#173e0b}.berry{--tint:#fbe0f5;--label:#7d007c}.sea{--tint:#d1efff;--label:#034a9d}.sport{--tint:#cceaff;--label:#052572}.citrus{--tint:#fff0d0;--label:#b32804}.cherry{--tint:#ffdfeb;--label:#c90038}.car{--tint:#d1edfc;--label:#071343}
.shape-band{margin-top:8px;display:grid;grid-template-columns:212px 1fr 185px;gap:12px;align-items:center;padding:2px 17px 7px;background:linear-gradient(110deg,#f9fcfe,white 40%,#f4faff);min-height:151px}.shape-band .section-intro h2{font-size:27px}.shape-band .section-intro p{margin-top:8px}.shape-band .button{margin-top:9px}.shape-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.shape-card{text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center}.shape-card img{width:100%;height:116px;object-fit:contain;transition:transform .18s}.shape-card:hover img{transform:translateY(-4px) rotate(-3deg)}.shape-card span{font-size:11px;line-height:1.1;font-weight:700;min-height:24px;display:flex;align-items:center;justify-content:center;max-width:80px}.shape-handwriting{font-size:29px;line-height:1.02;text-align:center;position:relative;transform:rotate(-9deg);padding-left:20px}.shape-handwriting b{display:block;text-align:right;font-size:51px;font-weight:600;color:var(--pink);margin:2px 12px -7px}.splash{position:absolute;left:-8px;top:6px;width:40px;height:50px;transform:rotate(-25deg)}.splash i{position:absolute;width:13px;height:43px;border-radius:100% 100% 0 100%;background:#36b7ed;left:15px;top:-10px;transform:rotate(-9deg)}.splash i:nth-child(2){background:#a2e620;left:36px;top:9px;width:8px;height:27px;transform:rotate(28deg)}.splash i:nth-child(3){background:#ffb21e;left:0;top:10px;transform:rotate(-35deg)}
.order-band{margin-top:10px;padding:16px 18px;display:grid;grid-template-columns:207px 1fr;gap:9px;background:linear-gradient(100deg,#f1f7fb,#fbfdff 60%,#f3fafc);min-height:88px}.order-band .section-intro h2{font-size:28px}.order-band .section-intro p{font-size:14px;margin-top:4px;white-space:nowrap}.order-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px;align-items:center}.order-step{display:flex;align-items:center;gap:12px;position:relative}.step-number{width:40px;height:40px;display:grid;place-items:center;border:4px solid #c8e5ba;border-radius:50%;background:linear-gradient(#5abb2b,#218c0f);color:#fff;font-size:23px;font-weight:900;flex-shrink:0;box-shadow:0 0 0 2px white}.order-step>.icon{width:43px;height:43px;color:#008fe0}.order-step b{display:block;font-size:12px;font-weight:1000;line-height:1.15}.order-step small{display:block;font-size:11px;line-height:1.17;margin-top:5px;max-width:125px}.order-step:not(:last-child):after{content:'›';position:absolute;right:-15px;top:1px;color:#b4becb;font-size:38px;font-weight:700}.step-2 .step-number{background:linear-gradient(#ff79b6,#fb047b);border-color:#ffcce5}.step-2>.icon{color:#ed2a91}.step-3 .step-number{background:linear-gradient(#28bbff,#0087e4);border-color:#bfe4ff}.step-4 .step-number{background:linear-gradient(#ff9a53,#fa591d);border-color:#ffd4b7}.step-4>.icon{color:#ff751e}
.bottom-band{display:grid;grid-template-columns:1fr 1.1fr 1.08fr;gap:8px;margin-top:10px}.business-panel{display:flex;align-items:center;gap:13px;background:linear-gradient(115deg,#e5f6d8,#f8fcf4 75%,#e2f8ff);border-radius:11px;padding:11px 13px;min-height:118px;overflow:hidden}.business-panel>.icon{width:57px;height:57px;color:#258d13;stroke-width:1.3;align-self:flex-start;margin-top:8px}.business-panel h2{font-size:21px;letter-spacing:-.7px;line-height:.96}.business-panel p{font-size:11px;line-height:1.2;margin-top:6px}.button.mini{font-size:11px;min-height:24px;padding:3px 16px;border-radius:5px;margin-top:5px}.button.mini .icon{width:14px;height:14px}.trust-panel{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:linear-gradient(#f7fbff,#fff);border-radius:11px;padding:15px 4px}.trust-panel>span{text-align:center;display:flex;flex-direction:column;align-items:center;font-size:12px;gap:4px;border-right:1px solid #dce5ef}.trust-panel>span:last-child{border:0}.trust-panel b{font-size:12px;font-weight:900}.trust-panel small{font-size:11px}.trust-panel .icon{width:29px;height:29px;color:#008bd7;margin-bottom:1px}.trust-panel>span:nth-child(2) .icon{color:#ffb500;fill:#ffcf15;stroke-width:1.4}.road-panel{position:relative;background:#eaf6ff url('assets/izbrani-design/road.png') center/cover;border-radius:11px;overflow:hidden;display:flex;justify-content:space-between;padding:14px 15px;align-items:flex-start}.road-panel p{font-size:25px;line-height:.85;transform:rotate(-12deg);text-align:center}.road-panel p:last-child{font-size:23px;margin-top:12px;transform:rotate(-10deg)}.road-panel p:first-child span{color:#ea092e;font-size:41px;float:left;margin-right:4px}.road-panel p:last-child span{display:block;color:#188b14;font-size:30px;text-align:right}
.site-footer{max-width:1440px;margin:32px auto 0;padding:26px 4.5% 20px;border-top:1px solid #e4edf0;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;font-size:12px;color:#59647b}.site-footer img{width:205px;margin-bottom:8px}.site-footer>div:nth-child(2){display:flex;gap:20px;align-items:center}.site-footer button{border:0;background:none;color:inherit;padding:0}.preview-note{width:100%;font-size:11px;color:#798297}.preview-note a{text-decoration:underline;text-underline-offset:3px}dialog{color:var(--navy);border:1px solid #e2e9ed;border-radius:20px;padding:38px;max-width:760px;width:calc(100% - 32px);max-height:85vh;overflow:auto;box-shadow:0 20px 90px #07163735}dialog::backdrop{background:#09153865;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:31px;color:#55627a;padding:3px 10px}.dialog-close:focus-visible{border-radius:6px}dialog h2{font-size:32px;line-height:1.12;margin:0 25px 16px 0}dialog p{line-height:1.55;margin:12px 0;font-size:15px}dialog .button{margin-top:15px;font-size:14px}dialog h3{font-size:18px;margin:20px 0 5px}dialog details{border-bottom:1px solid #e3e9e1;padding:15px 0}dialog summary{font-weight:800;cursor:pointer;font-size:16px}.scent-detail{display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:center}.scent-detail img{border-radius:15px;width:210px}.dialog-scents{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dialog-scents button{border:1px solid #e6ece5;border-radius:10px;overflow:hidden;background:#fff;font-weight:800;padding:0 0 10px}.dialog-scents img{width:100%}.dialog-scents span{display:block;padding:8px 5px 0;font-size:13px}.contact-line{display:flex;gap:14px;flex-wrap:wrap;color:var(--green);font-weight:800}.empty-cart{text-align:center}.empty-cart>.icon{margin:4px auto 20px;width:60px;height:60px;color:var(--green)}
@media(min-width:1500px){.hero{height:466px}.hero-copy{padding-top:42px;width:490px}.hero h1{font-size:63px}.hero-description{font-size:16px;max-width:455px}.hero-benefits{margin-top:28px}.scent-band{grid-template-columns:220px 1fr}.shape-band{grid-template-columns:220px 1fr 195px}}
@media(max-width:1350px){.header-inner{gap:24px;padding:0 2%}.brand{width:216px}.main-nav{gap:21px}.header-tools{gap:15px}.search{width:165px}.account span{display:none}.hero-copy{margin-left:4%;width:410px}.hero h1{font-size:53px}.hero-description{font-size:14px}.hero-benefits{gap:19px}.hero-benefits small{font-size:11px}.hero-handwriting{font-size:22px;right:16px}.content-bands{padding:0 18px}.section-intro h2{font-size:26px}.scent-band{grid-template-columns:190px 1fr;gap:10px}.scent-card span{font-size:17px}.shape-band{grid-template-columns:197px 1fr 152px}.shape-band .section-intro h2{font-size:24px}.shape-handwriting{font-size:25px}.section-intro p{font-size:14px}.order-band{grid-template-columns:191px 1fr}.order-step{gap:8px}.order-step>.icon{width:34px}.step-number{width:34px;height:34px;font-size:20px}.order-step small{font-size:10px}.business-panel h2{font-size:18px}.business-panel>.icon{width:46px}.road-panel p{font-size:22px}.road-panel p:last-child{font-size:20px}}
@media(max-width:1120px){.header-inner{gap:22px}.main-nav{gap:18px}.main-nav a,.main-nav button{font-size:12px}.search{width:140px}.brand{width:202px}.header-tools{gap:13px}.account{display:none!important}.hero{height:420px}.hero-copy{width:390px;margin-left:3%}.hero h1{font-size:49px}.hero-description{font-size:13px;max-width:365px}.button{padding:11px 16px;font-size:14px}.hero-benefits{gap:15px}.hero-benefits .icon{width:29px}.hero-benefits small{font-size:10px}.hero-handwriting{display:none}.hero-brush{font-size:23px}.scent-band{grid-template-columns:175px 1fr;padding:12px}.scent-card span{font-size:15px}.section-intro h2{font-size:24px}.section-intro p{font-size:12px}.button.small{font-size:12px;padding:7px 13px}.shape-band{grid-template-columns:180px 1fr;padding:6px 12px}.shape-handwriting{display:none}.shape-band .section-intro h2{font-size:23px}.shape-card img{height:110px}.order-band{grid-template-columns:176px 1fr;padding:16px 12px}.order-band .section-intro h2{font-size:24px}.order-band .section-intro p{font-size:12px}.order-step>.icon{display:none}.order-step small{max-width:105px}.business-panel p br{display:none}.business-panel{gap:8px}.business-panel>.icon{width:31px}.business-panel h2{font-size:17px}.trust-panel b,.trust-panel small{font-size:10px}.road-panel p{font-size:20px}.road-panel p:last-child{font-size:19px}}
@media(max-width:900px){.header-inner{height:66px;justify-content:space-between;padding:0 20px;gap:20px}.brand{width:215px}.header-tools .menu-toggle{display:block}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;box-shadow:0 14px 24px #0b263615;padding:20px;flex-wrap:wrap;gap:16px 26px}.main-nav.open{display:flex}.main-nav a,.main-nav button{font-size:15px}.search{width:190px}.hero{height:440px}.hero-copy{width:370px;padding-top:36px}.hero h1{font-size:49px}.hero:after{background:linear-gradient(90deg,#ffffffdf 15%,#ffffffbd 40%,#ffffff00 65%)}.hero-media{background-position:60% center}.hero-description{font-size:14px}.hero-benefits{margin-top:23px}.hero-brush{font-size:21px;bottom:8px}.scent-band{display:block;padding:18px}.scent-band .section-intro{padding:0 0 17px;display:grid;grid-template-columns:1fr auto;align-items:center}.scent-band .eyebrow{grid-column:1}.scent-band h2{grid-column:1}.scent-band .section-intro p:not(.eyebrow){display:none}.scent-band .button{grid-column:2;grid-row:1/3;margin:0}.scent-grid{gap:9px;grid-template-columns:repeat(4,1fr)}.scent-card img{max-height:150px;object-fit:contain}.scent-card span{font-size:18px;min-height:42px}.shape-band{grid-template-columns:1fr;margin-top:12px;padding:18px}.shape-band .section-intro{display:grid;grid-template-columns:1fr auto;align-items:center}.shape-band .section-intro p{grid-column:1;font-size:14px}.shape-band .section-intro .button{grid-column:2;grid-row:1/3;margin:0}.shape-grid{grid-template-columns:repeat(4,1fr);gap:12px}.shape-card img{height:137px}.shape-card span{font-size:12px;max-width:none}.order-band{grid-template-columns:1fr;padding:20px;gap:20px}.order-band .section-intro h2{font-size:27px}.order-band .section-intro p{font-size:14px}.order-steps{gap:21px}.order-step{align-items:flex-start}.order-step small{font-size:11px}.order-step b{font-size:12px}.bottom-band{grid-template-columns:1fr 1fr}.business-panel{min-height:125px;padding:15px;gap:14px}.business-panel>.icon{width:45px}.business-panel h2{font-size:21px}.business-panel p{font-size:12px}.trust-panel b{font-size:12px}.trust-panel small{font-size:11px}.road-panel{grid-column:1/-1;min-height:155px;background-position:50% 58%;padding:22px 30px}.road-panel p,.road-panel p:last-child{font-size:29px}.site-footer{margin-top:25px}}
@media(max-width:600px){.header-inner{height:61px;padding:0 15px;gap:10px}.brand{width:204px}.header-tools{gap:17px}.search{position:absolute;top:68px;left:15px;right:15px;width:auto;display:none;z-index:7}.main-nav.open~.header-tools .search{display:flex}.main-nav{top:61px;padding-top:59px}.cart{padding-right:18px!important}.cart>.icon{width:24px}.cart>span{width:22px;height:22px;font-size:12px;right:-5px}.menu-toggle .icon{width:23px}.hero{height:auto;min-height:690px;display:flex;flex-direction:column;border-radius:10px 10px 0 0;background:linear-gradient(#f5fcff,white);padding-bottom:260px}.hero-copy{margin:0;padding:26px 23px 0;width:auto}.hero .eyebrow{font-size:9px;letter-spacing:.22em;margin-bottom:14px}.hero h1{font-size:clamp(39px,10.7vw,59px);letter-spacing:-1.7px;line-height:.94;margin-bottom:16px}.hero-description{font-size:14px;max-width:100%;line-height:1.4}.desktop-break{display:none}.hero-actions{gap:9px;flex-wrap:nowrap;margin-top:17px}.hero-actions .primary{flex:1;padding:12px 11px;font-size:13px}.hero-actions .secondary{padding:10px 11px;font-size:13px;gap:7px}.hero-actions .secondary .icon{width:22px;height:22px}.hero-benefits{gap:13px;justify-content:space-between;margin-top:23px}.hero-benefits>span{gap:8px}.hero-benefits .icon{width:28px;height:29px}.hero-benefits small{font-size:10px}.hero-media{top:auto;bottom:0;height:267px;background-size:auto 267px;background-position:right bottom;inset-inline:0}.hero:after{inset:auto 0 221px;height:52px;background:linear-gradient(#fff,#ffffff00)}.hero-brush{font-size:20px;bottom:2px;right:-8px;padding:12px 23px;transform:rotate(-10deg)}.content-bands{padding:0 11px;margin:0 auto;background:linear-gradient(#f4fbff,white 50%)}.scent-band{padding:17px 12px;margin-top:5px}.scent-band .section-intro{display:block;padding-bottom:17px;position:relative}.scent-band .eyebrow{font-size:10px;margin-bottom:6px}.section-intro h2{font-size:27px}.scent-band .button{position:absolute;right:0;top:14px;font-size:10px;min-height:33px;padding:7px 9px;gap:5px}.button.small .icon{width:15px}.scent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scent-card img{max-height:none;aspect-ratio:1;object-fit:contain}.scent-card span{font-size:20px;min-height:47px;padding-bottom:1px}.shape-band{padding:20px 11px 14px;gap:18px}.shape-band .section-intro{display:block}.shape-band .section-intro h2{font-size:28px}.shape-band .section-intro .button{margin-top:12px}.shape-band .section-intro p{font-size:14px}.shape-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 3px}.shape-card img{height:106px}.shape-card span{font-size:10px;max-width:75px}.order-band{padding:22px 16px;gap:23px}.order-steps{grid-template-columns:1fr 1fr;gap:25px 20px}.order-step{gap:9px;align-items:center}.order-step:not(:last-child):after{display:none}.order-step small{font-size:11px;max-width:114px}.order-step b{font-size:12px}.step-number{width:36px;height:36px}.bottom-band{grid-template-columns:1fr;gap:10px}.business-panel{padding:20px;gap:16px}.business-panel>.icon{width:47px}.business-panel h2{font-size:24px}.business-panel p{font-size:12px;max-width:265px}.business-panel .mini{font-size:12px;min-height:30px;padding:6px 18px;margin-top:10px}.trust-panel{min-height:105px}.trust-panel b{font-size:12px}.trust-panel small{font-size:11px}.road-panel{grid-column:auto;min-height:134px;padding:18px 12px}.road-panel p,.road-panel p:last-child{font-size:23px}.site-footer{padding:22px 24px;display:block;font-size:12px}.site-footer>div:nth-child(2){margin:20px 0;flex-wrap:wrap;gap:14px}.site-footer p{line-height:1.5}.preview-note{font-size:10px}dialog{padding:32px 22px}dialog h2{font-size:27px}.scent-detail{grid-template-columns:1fr;gap:15px}.scent-detail img{width:160px;margin:auto}.dialog-scents{grid-template-columns:1fr 1fr}}
/* Separate the scent selection from the approved header and hero. */
.content-bands{max-width:1600px;padding:0;margin:0 auto;background:#fff}
.scent-band{margin-top:36px;padding:54px 44px 58px;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:center;background:#0b1737;color:#fff;border-radius:0;box-shadow:none;min-height:0}
.scent-band .section-intro{padding-top:0}
.scent-band .section-intro h2{font-size:30px;color:#fff;white-space:normal}
.scent-band .section-intro p{font-size:15px;line-height:1.45;color:#cbd8ec;margin-top:13px}
.scent-band .section-intro .eyebrow{color:#9fe477;font-size:11px;margin:0 0 12px;letter-spacing:.055em}
.scent-band .section-intro .button{margin-top:20px;min-height:39px}
.scent-grid{gap:12px}
.order-band{margin-inline:24px}
.bottom-band{margin-inline:24px}
@media(max-width:1120px){.scent-band{grid-template-columns:200px minmax(0,1fr);padding:44px 28px 48px;gap:22px}.scent-band .section-intro h2{font-size:27px}.scent-band .section-intro p{font-size:14px}.scent-grid{gap:9px}}
@media(max-width:900px){.scent-band{display:block;margin-top:28px;padding:36px 26px 40px}.scent-band .section-intro{padding:0 0 26px}.scent-band .section-intro h2{font-size:30px}.scent-band .section-intro .eyebrow{margin-bottom:8px}.scent-band .section-intro .button{margin-top:0}.scent-grid{gap:15px}}
@media(max-width:600px){.scent-band{margin-top:24px;padding:31px 20px 35px}.scent-band .section-intro{padding-bottom:22px}.scent-band .section-intro h2{font-size:27px}.scent-band .section-intro .eyebrow{font-size:10px;letter-spacing:.03em;margin-bottom:9px}.scent-band .section-intro .button{top:16px;font-size:10px;min-height:34px}.scent-grid{gap:12px}.order-band,.bottom-band{margin-inline:12px}}
/* Spacious product selection: the eight supplied shapes form two rows. */
.shape-band{margin-top:0;display:grid;grid-template-columns:1fr;gap:32px;padding:52px 44px 56px;background:#f7fafc;border-radius:0;min-height:0}
.shape-band .section-intro{display:grid;grid-template-columns:1fr auto;column-gap:30px;align-items:center}
.shape-band .section-intro h2{grid-column:1;font-size:34px;white-space:normal}
.shape-band .section-intro p{grid-column:1;font-size:15px;line-height:1.5;margin-top:10px}
.shape-band .section-intro .button{grid-column:2;grid-row:1/3;margin:0;min-height:42px;padding:11px 22px;font-size:14px}
.shape-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:30px;row-gap:30px;max-width:1120px;width:100%;margin:auto}
.shape-card{padding:10px 8px 12px;border-radius:12px}
.shape-card:hover{background:#edf5ec}
.shape-card img{height:185px;width:100%;object-fit:contain}
.shape-card span{font-size:15px;font-weight:800;min-height:24px;max-width:none;margin-top:12px}
.shape-handwriting{display:none}
.order-band{margin-top:28px}
.bottom-band{margin-top:24px}
@media(max-width:900px){.shape-band{padding:38px 26px 42px;gap:25px}.shape-band .section-intro h2{font-size:30px}.shape-grid{column-gap:12px;row-gap:24px}.shape-card img{height:155px}.shape-card span{font-size:13px}}
@media(max-width:600px){.shape-band{padding:32px 14px 34px;gap:22px}.shape-band .section-intro{display:block}.shape-band .section-intro h2{font-size:28px}.shape-band .section-intro p{font-size:14px}.shape-band .section-intro .button{margin-top:15px;min-height:38px;padding:9px 17px;font-size:13px}.shape-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:4px;row-gap:22px}.shape-card{padding:4px 0 8px}.shape-card img{height:105px}.shape-card span{font-size:10px;max-width:75px;margin-top:7px;line-height:1.2}.order-band{margin-top:20px}.bottom-band{margin-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}