/**
 * WE DERMO site stilleri.
 * Görseller Medya Kütüphanesi'nden (wp-content/uploads) okunur.
 */

/* Tema tabanındaki (assets/less) .container iç boşluğunu sıfırlar. */
.container{padding-left:0;padding-right:0}

/* ---- styles ---- */
:root{--navy:#1f402d;--muted:#608470;--blue:#f0f5f0;--paper:#f9fbf9;--line:#e0ebe2;--green:#00a96c;--radius:clamp(10px,1.25vw,21px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--font-body);font-size:clamp(10px,.94vw,16px);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #4b986c;outline-offset:4px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h2{font-size:clamp(16px,1.65vw,28px);line-height:1.25;letter-spacing:-.035em}h3{font-size:inherit;line-height:1.3}p{line-height:1.4}ul{margin:0;padding:0;list-style:none}.container{width:92.6%;max-width:1560px;margin-inline:auto}.icon{width:1.3em;height:1.3em;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-button{display:inline-flex;justify-content:center;align-items:center;padding:6px;position:relative}.icon-button .icon{width:1.55em;height:1.55em}.skip-link{position:fixed;left:10px;top:-60px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.topbar{height:2.2vw;min-height:24px;max-height:37px;background:linear-gradient(100deg,#284e39,#1b3727);color:#fff;font-size:.75em}.topbar-inner,.top-promises,.top-links{display:flex;align-items:center;height:100%}.topbar-inner{justify-content:space-between}.top-promises{gap:1.6vw}.top-promises span{display:flex;align-items:center;gap:6px}.top-links{gap:1.4vw}.top-links button{padding:0}.header{background:rgba(255,255,255,.96);position:relative;z-index:5}.header-inner{height:5.6vw;min-height:58px;max-height:94px;display:flex;align-items:center;gap:1.6vw}.logo{font-size:clamp(18px,1.85vw,31px);font-weight:750;letter-spacing:-.055em;line-height:1;white-space:nowrap}.logo small{display:block;font-size:.275em;letter-spacing:.32em;font-weight:400;text-align:center;margin-top:.6em}.nav{display:flex;align-items:center;justify-content:space-between;flex:1;gap:.75vw;white-space:nowrap;font-size:.79em}.nav button{padding:12px 0}.nav button:hover,.nav a:hover{color:#4c8d68}.search{display:flex;align-items:center;width:20%;background:#fbfcfb;border:1px solid #e9f2ea;border-radius:30px;padding:.25em .6em;gap:6px}.search> .icon{display:none}.search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:.83em;padding:7px 2px;color:var(--navy)}input::placeholder{color:#81a490}.search button{font-size:.72em;padding:4px}.header-actions{display:flex;gap:.55vw}.cart-count{position:absolute;right:0;top:0;font-size:9px;border-radius:50%;background:#e32339;color:white;min-width:15px;height:15px;padding:2px}.favorite-dot{position:absolute;right:3px;top:3px;background:#fc5975;width:6px;height:6px;border-radius:50%}.mobile-menu{display:none}.hero{position:relative;height:28vw;max-height:472px;min-height:260px;background:#e2ede3 url('../../../../uploads/2026/10/site-hero.webp') center 50%/cover no-repeat;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,249,255,.82),rgba(239,248,255,.45) 28%,transparent 44%);z-index:-1}.hero-inner{height:100%;position:relative;display:flex;align-items:center;justify-content:space-between}.hero-copy{padding-left:1%;padding-bottom:1.6vw}.eyebrow{font-size:.72em;letter-spacing:.22em;font-weight:600;margin-bottom:.75em}.hero h1{font-family:var(--font-body);font-size:clamp(34px,4.05vw,68px);line-height:.99;font-weight:400;letter-spacing:-.055em;margin:.15em 0 .42em}.hero-copy>p:not(.eyebrow){font-size:1.18em;color:#3d624d}.text-link{display:inline-flex;align-items:center;gap:1.3em;font-weight:600;padding:0}.hero-copy>.text-link{margin-top:1.3em;font-size:1.15em}.handwritten{position:absolute;font-family:var(--font-body);font-size:clamp(16px,1.75vw,29px);font-style:italic;line-height:1.1;transform:rotate(-15deg);left:60.5%;top:53%;text-align:center}.routine-finder{width:21%;background:rgba(255,255,255,.88);border:1px solid #ffffffba;border-radius:var(--radius);backdrop-filter:blur(9px);overflow:hidden;margin-top:1vw;box-shadow:0 6px 30px #36534309}.routine-finder>div:first-child{padding:1.45vw 1.6vw 1.1vw}.routine-finder h2{font-size:1.2em;letter-spacing:-.025em;margin-bottom:.45em}.routine-finder p{font-size:.88em;color:var(--muted);line-height:1.35;margin-bottom:.85em}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.3em;background:linear-gradient(115deg,#21422f,#224531 78%,#1a3425);color:white;border-radius:11px;padding:.75em 1.45em;font-size:.93em;white-space:nowrap;box-shadow:inset 0 0 8px #ffffff0f;transition:background .2s,transform .2s}.button:hover{background:#326448;transform:translateY(-1px)}.finder-features{display:flex;justify-content:space-around;padding:1.1vw .6vw;background:#ffffffce;font-size:.75em;text-align:center;gap:4px}.finder-features span{line-height:1.35}.finder-features .icon{display:block;margin:0 auto .6em;width:1.8em;height:1.8em}.wave{position:absolute;bottom:-1px;left:0;width:100%;height:3.6vw;fill:var(--paper);pointer-events:none}.trust{display:flex;justify-content:space-between;align-items:center;min-height:6.9vw;padding-bottom:.4vw}.trust>div{display:flex;gap:1.6vw;align-items:center;position:relative}.trust>div:not(:last-child):after{content:'';position:absolute;right:-2.2vw;height:1.8vw;width:1px;background:#c1d5c4}.trust>div>.icon{width:2.35em;height:2.35em}.trust p{font-size:.95em;line-height:1.5}.trust strong{display:block;font-size:.95em}.trust p span{color:var(--muted);font-size:.9em}.concerns{display:grid;grid-template-columns:69% 29%;gap:2%;padding:1vw 0 1.9vw}.concern-list{display:grid;grid-template-columns:repeat(6,1fr);gap:1vw}.concern{padding:0;text-align:left;border-radius:var(--radius);transition:transform .2s;background:linear-gradient(180deg,transparent,#fff8)}.concern:hover{transform:translateY(-4px)}.concern-photo{height:7.3vw;max-height:123px;width:100%;border-radius:50%;background-image:url('../../../../uploads/2026/10/site-textures.webp');background-size:600% auto;background-position:var(--pos) 50%;mix-blend-mode:multiply}.concern h3{font-size:.98em;margin:.6em .6em .25em}.concern p{font-size:.88em;color:var(--muted);margin:0 .7em .65em;line-height:1.25;min-height:2.5em}.section-heading{display:flex;align-items:center;gap:2.8vw;margin-bottom:1.2vw;min-height:2vw}.section-heading h2{flex-shrink:0}.subtle-link{margin-left:auto;white-space:nowrap;font-size:.9em;display:flex;align-items:center;gap:1.4em;padding:0}.subtle-link:hover{text-decoration:underline}.products-section{position:relative;padding-bottom:2.3vw}.product-tabs{display:flex;align-items:center;gap:1.9vw;font-size:.88em}.product-tabs button{padding:.5em 0;color:var(--muted);white-space:nowrap;border-bottom:1px solid transparent}.product-tabs button[aria-selected=true]{color:var(--navy);font-weight:bold;border-color:var(--navy)}.product-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.9vw}.product-card{position:relative;min-width:0;border-radius:var(--radius);overflow:hidden;background:linear-gradient(150deg,#fff,#f1f6f1);box-shadow:0 4px 24px #25473403;transition:box-shadow .2s,transform .2s;padding:0 .85vw 1vw}.product-card:hover{box-shadow:0 8px 25px #1f402d10;transform:translateY(-3px)}.favorite{position:absolute;right:.7vw;top:.7vw;z-index:2;padding:4px}.favorite.active{color:#e84468}.favorite.active .icon{fill:#e8446820}.product-badge{position:absolute;left:.8vw;top:1vw;background:#fa1728;color:white;border-radius:9px;padding:.55em .6em;font-size:.85em;font-weight:bold}.product-badge.new{background:var(--green)}.product-image{display:flex;justify-content:center;align-items:center;width:100%;height:10.6vw;max-height:179px;min-height:100px;padding:0}.product-sprite{display:block;height:100%;aspect-ratio:1/2;background:url('../../../../uploads/2026/10/site-products.webp') var(--pos) 50%/600% 100% no-repeat;mix-blend-mode:multiply}.product-name{display:block;text-align:left;width:100%;padding:0;margin:.2em 0 .7em;line-height:1.4}.product-name strong{display:block;font-size:.98em;white-space:nowrap}.product-name span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:.9em}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:1.04em;min-height:2em}.product-bottom del{font-size:.75em;margin-left:.35em;color:var(--muted);font-weight:400}.sale-price{color:#f21428}.add-cart{display:flex;align-items:center;justify-content:center;background:var(--navy);border-radius:7px;color:white;width:2.7em;height:1.9em}.add-cart:hover{background:#417859}.edge-leaf{position:absolute;width:10vw;z-index:2;pointer-events:none;right:-5%;filter:drop-shadow(0 4px 2px #1f54211a)}.leaf-one{top:1vw;max-height:24vw;object-fit:contain}.filter-status{background:#edf4ee;border-radius:8px;padding:10px 14px;margin-bottom:14px}.filter-status button{float:right;text-decoration:underline}.empty-state{grid-column:1/-1;padding:45px 20px;text-align:center;color:var(--muted)}.campaigns{display:grid;gap:2.1vw;margin-bottom:2.1vw;overflow:hidden}.brand-row{display:grid;grid-template-columns:62.4% 37%;gap:.6%}.brand-banner,.brand-proof{height:17vw;max-height:287px;min-height:180px;border-radius:var(--radius);overflow:hidden}.brand-banner{background:#ebf2ec url('../../../../uploads/2026/10/site-brand-clean.webp') center/cover;position:relative;border-radius:10% var(--radius) var(--radius) 13%}.banner-copy{position:relative;z-index:1;padding:2.2vw 0 1.5vw 5.2vw}.brand-logo{font-size:1.75em;letter-spacing:-.08em;line-height:1;margin-bottom:.5em}.brand-logo small{font-size:.39em;letter-spacing:-.01em;display:block}.banner-copy h2{font-size:1.75em;line-height:1.2;margin-bottom:.3em}.banner-copy>p:not(.eyebrow){margin:.4em 0 .9em;font-size:.95em;color:#456653}.banner-copy .button{font-size:.9em;padding:.65em 1.4em}.brand-proof{background:radial-gradient(ellipse at 80% 60%,#f0f5f0,#e4efe6);padding:1.6vw 2.6vw 1vw;border-bottom-right-radius:12%}.proof-brand{display:flex;gap:.8em;align-items:center;font-size:.8em;line-height:1.05}.proof-brand p{line-height:1.1}.proof-stat{display:flex;align-items:center;gap:.7em;margin:1em 0}.proof-stat>strong{font-size:3.75em;letter-spacing:-.07em;font-weight:500;line-height:1}.proof-stat p{font-size:1.05em}.proof-features{display:flex;justify-content:space-between;text-align:center;font-size:.7em;color:#4e6e5c}.proof-features span{width:33.3%;border-right:1px solid #d4e4d6}.proof-features span:last-child{border:0}.proof-features .icon{display:block;border:1px solid;border-radius:50%;padding:3px;width:2.7em;height:2.7em;margin:0 auto .6em}.sun-row{display:grid;grid-template-columns:53.2% 46.8%;height:16.2vw;max-height:273px;min-height:180px}.sun-products,.sun-care{border-radius:var(--radius);overflow:hidden;position:relative;background-color:#f6e8dc}.sun-products{background-image:url('../../../../uploads/2026/10/site-sun-clean.webp');background-size:150% auto;background-position:0 54%;border-radius:11% 7% var(--radius) 15%}.sun-products .banner-copy{padding-top:2.1vw}.sun-products:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f9f2e8 20%,#f9f2e888 40%,transparent 57%)}.sun-care{background-image:linear-gradient(90deg,#f4eae4 29%,#f4eae4bb 40%,transparent 60%),url('../../../../uploads/2026/10/site-sun-clean.webp');background-size:auto,175% auto;background-position:center,right center}.sun-care .banner-copy{padding:2.2vw 2.4vw}.sun-care .eyebrow{font-size:.8em;letter-spacing:.1em;margin-bottom:.5em}.sun-care h2{font-size:1.55em}.sun-care ul{font-size:.92em;margin-top:1em;line-height:2.1}.sun-care li:before{content:'↣';margin-right:.8em}.routine-section{padding:.2vw 0 2.6vw}.routine-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.8vw}.routine-card{position:relative;padding:0 .9vw .7vw}.routine-image{display:block;background:url('../../../../uploads/2026/10/site-sets.webp') var(--pos) center/500% auto no-repeat;height:9vw;max-height:152px;width:100%;mix-blend-mode:multiply}.routine-card .favorite{top:.5vw}.routine-card h3{font-size:1em}.routine-card .product-bottom{font-size:.96em}.guides-section{padding-bottom:2.3vw}.guide-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3vw}.guide-card{text-align:left;background:white;border-radius:var(--radius);padding:.9vw .9vw .7vw;box-shadow:0 4px 20px #1f402d10;overflow:hidden}.editorial-photo{height:8.1vw;max-height:137px;border-radius:7px;background-image:url('../../../../uploads/2026/10/site-editorial.webp');background-size:300% auto;position:relative;background-position:var(--scene) 45%}.scene-0{--scene:0%}.scene-1{--scene:50%}.scene-2{--scene:100%}.editorial-photo>span,.blog-card span{font-size:.63em;padding:.35em .65em;border-radius:10px;background:#ffffffd9;letter-spacing:.03em}.editorial-photo>span{position:absolute;left:.8em;bottom:.8em}.guide-card>div:last-child{padding:.8em .15em .2em}.guide-card p{font-weight:600;margin-top:.15em}.guide-card p .icon{float:right}.guide-card:hover h3{text-decoration:underline}.blog-section{position:relative;padding-bottom:1.3vw}.blog-card{position:relative;height:11.7vw;max-height:197px;min-height:120px;background-image:url('../../../../uploads/2026/10/site-editorial.webp');background-position:var(--scene) 48%;background-size:300% auto;border-radius:var(--radius);overflow:hidden;text-align:left;padding:0;box-shadow:0 4px 20px #1f402d08}.blog-card>div{position:absolute;inset:38% 0 0;background:linear-gradient(0deg,#f2f7f3c9,#f5f9f688,transparent);padding:1vw 1.15vw .7vw;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.blog-card span{margin-bottom:1em}.blog-card h3{font-size:1.25em;font-weight:500;letter-spacing:-.03em}.blog-card:hover h3{text-decoration:underline}.leaf-two{top:-5vw;right:-5%;height:26vw;object-fit:contain}.newsletter{position:relative;overflow:hidden;height:16.7vw;max-height:282px;min-height:190px;background:radial-gradient(ellipse at 20% 20%,#fff,#ecf3ed 70%);isolation:isolate}.newsletter-inner{display:flex;align-items:center;height:100%;gap:7.5vw;padding:1vw 3.8vw 2.4vw}.newsletter-copy{flex-shrink:0}.newsletter-copy .eyebrow{color:#7ba08b;font-size:.72em;margin-bottom:.55em}.newsletter h2{font-family:var(--font-body);font-size:3em;font-weight:400;line-height:.95;letter-spacing:-.05em;margin-bottom:.4em}.newsletter-copy>p:last-child{font-size:.94em}.newsletter-right{width:43%;position:relative;padding-top:1vw}.newsletter-right form{display:flex;background:white;border-radius:30px;padding:4px;gap:4px;align-items:center}.email-input{display:flex;align-items:center;gap:.8em;padding-left:1em;flex:1;min-width:0}.email-input input{border:0;outline:0;min-width:0;width:100%;background:transparent;padding:9px 0;font-size:.95em;color:var(--navy)}.newsletter-right .button{border-radius:30px;padding:.9em 1.5em}.newsletter-benefits{display:flex;justify-content:space-between;margin-top:2vw;gap:1vw}.newsletter-benefits>span{font-size:.75em;display:flex;gap:.7em;align-items:center}.newsletter-benefits .icon{background:white;border-radius:50%;padding:.65em;box-sizing:content-box;width:1.6em;height:1.6em}#newsletter-message{font-size:.85em;margin-top:6px;position:absolute}.newsletter-product{position:absolute;z-index:-1;right:-4%;bottom:0;width:19%;height:100%;background:url('../../../../uploads/2026/10/site-brand-clean.webp') right center/auto 100% no-repeat;mask-image:linear-gradient(90deg,transparent,#000 45%)}.newsletter>.handwritten{left:auto;right:9%;top:13%;font-size:1.8em}.newsletter .wave{fill:#ebf3ec}.app-section{height:18vw;max-height:304px;min-height:210px;position:relative;background:radial-gradient(ellipse at 15% 80%,#deebe0,#edf4ee 70%);overflow:hidden}.app-inner{display:flex;align-items:center;height:100%;position:relative;gap:25%;padding-bottom:1vw}.app-copy{width:40%;flex-shrink:0}.app-copy h2{font-size:2em;font-weight:500;margin-bottom:.25em}.app-copy>p{font-size:1.1em;color:#466955}.app-download{display:flex;align-items:center;margin-top:1.4vw;gap:1vw}.qr-button{padding:5px;background:#fff;border-radius:3px;flex-shrink:0}.qr-button img{display:block;width:5.8vw;height:5.8vw;max-width:98px;max-height:98px}.app-download>div>strong{font-size:.95em}.app-download>div>p{margin-top:.5em;color:#476956;font-size:1em}.store-badges{display:flex;flex-direction:column;gap:.5em;margin-left:2.4vw}.store-badges button{display:flex;align-items:center;gap:.5em;background:#080c0a;color:white;border:1px solid #838b90;border-radius:6px;padding:.4em .7em;text-align:left;min-width:10.5em;font-size:.8em;line-height:1}.store-badges button small{font-size:1.35em;display:block;line-height:1.15}.apple-mark{font-size:2.5em}.play-mark{display:block;width:1.8em;height:2em;background:conic-gradient(from 45deg,#fdd13b,#f54b48,#31cc84,#62b184,#fdd13b);clip-path:polygon(0 0,100% 50%,0 100%)}.phone{position:absolute;left:44%;top:1vw;width:13vw;height:25vw;max-width:219px;max-height:422px;transform:rotate(12deg);border:4px solid #202021;border-radius:2.5vw;background:#fff;box-shadow:0 0 0 3px #c5c6c6,9px 10px 15px #2245311f;overflow:hidden}.phone-island{position:absolute;top:5px;left:29%;width:43%;height:9px;border-radius:10px;background:#17191c;z-index:2}.phone-screen{padding:2vw .8vw .8vw;font-size:.65em}.phone-screen>b{font-size:1.15em;display:block}.phone-screen>span{display:block;margin:1.2em 0;padding:.6em;background:#f6faf7;border-radius:9px;font-size:.7em;white-space:nowrap}.phone-hero{height:12vw;margin:0 -.8vw;background:url('../../../../uploads/2026/10/site-hero.webp') 60% center/auto 100%;position:relative}.phone-hero h3{font-family:var(--font-body);font-style:italic;font-weight:400;font-size:2.2em;position:absolute;top:1.5vw;left:.7vw;letter-spacing:-.06em}.phone-dots{padding:1em 0;text-align:center;color:#84a793}.phone-products{height:6vw;background:url('../../../../uploads/2026/10/site-products.webp') center/cover}.sustainability{position:absolute;right:-4%;top:1.5vw;bottom:1.7vw;width:40%;padding:1.7vw 3vw;background:linear-gradient(130deg,#fff,#fbf4e9);border-radius:2.3vw;overflow:hidden}.sustainability>.icon{color:#00a563;font-size:1.5em;margin-bottom:.6em}.sustainability h3{font-family:var(--font-body);font-size:1.6em;letter-spacing:-.04em;font-weight:400;margin-bottom:.5em;position:relative;z-index:1}.sustainability p{line-height:1.45;position:relative;z-index:1;color:#456553}.sustainability .text-link{font-size:.95em;margin-top:1em;position:relative;z-index:1;gap:.8em}.sustainability>img{position:absolute;right:-2vw;top:0;width:12vw;opacity:.85;transform:rotate(-35deg);mask-image:linear-gradient(90deg,transparent,#000 45%)}.app-section .wave{fill:#ebf2ec;height:3vw}.footer{height:15vw;max-height:253px;min-height:175px;background:#ebf2ec url('../../../../uploads/2026/10/site-water.webp') center 55%/cover}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;padding:1.3vw .8vw}.footer h2{font-family:var(--font-body);font-size:2.75em;line-height:1.05;font-weight:400;letter-spacing:-.05em}.footer-inner>div{padding-top:1.7vw}.footer p{color:var(--muted);font-size:1em}.payments{display:flex;align-items:center;justify-content:space-between;margin-top:1.7vw;gap:2vw;font-size:1.7em}.payments>b{font-style:italic;letter-spacing:-.04em}.mastercard{letter-spacing:-.35em;line-height:.6;display:block;font-size:1.15em;padding-right:.3em}.mastercard small{display:block;font-size:.22em;letter-spacing:0;text-align:center;margin-top:.6em}.payments>strong{font-size:.86em;letter-spacing:-.05em}dialog{color:var(--navy);border:1px solid #e4efe6;border-radius:22px;padding:36px;max-width:min(620px,92vw);width:100%;max-height:85vh;box-shadow:0 20px 100px #1b372730;background:#fdfdfd;font-size:15px}dialog::backdrop{background:#172e2165;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:15px}dialog h2{font-size:26px;margin:8px 30px 20px 0}dialog p{margin:12px 0;color:var(--muted);line-height:1.65}dialog h3{margin-top:20px;font-size:17px}dialog .button{margin-top:15px}dialog .product-sprite{height:200px;margin:auto}dialog .routine-image{height:160px}dialog .dialog-price{font-size:24px;font-weight:bold;color:var(--navy)}dialog .info-list{list-style:disc;padding-left:20px;line-height:1.8;color:var(--muted)}dialog .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}dialog .product-card{padding:12px}dialog .product-image{height:150px}dialog .product-name strong{white-space:normal}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.quiz-options button{padding:20px;border:1px solid #deeadf;border-radius:12px;background:#f3f8f4;font-weight:600}.quiz-options button:hover{background:#e2ede3}#cart-dialog{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;max-width:min(490px,100vw);border-radius:20px 0 0 20px;padding:28px;overflow:auto}.cart-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.cart-heading h2{margin:0;font-size:24px}.cart-heading h2 span{font-size:14px;font-weight:400;color:var(--muted)}.cart-item{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:20px 0;align-items:center}.cart-item>.product-sprite{width:65px;height:130px;flex-shrink:0;margin:0}.cart-item>.routine-image{width:90px;height:90px;flex-shrink:0}.cart-item h3{margin:0;font-size:14px}.cart-item p{font-size:13px;margin:5px 0}.quantity{display:inline-flex;align-items:center;border:1px solid #d1e2d3;border-radius:7px;margin-top:8px;gap:14px}.quantity button{padding:7px 11px}.remove-item{margin-left:auto;color:#709781;padding:5px}.cart-total{display:flex;justify-content:space-between;font-size:21px;margin-top:25px}.cart-note{font-size:12px}.cart-checkout{width:100%}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--navy);color:white;padding:14px 24px;border-radius:12px;box-shadow:0 5px 30px #1f402d25;z-index:20;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;font-size:14px;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}body:has(dialog[open]){overflow:hidden}
@media(min-width:1700px){body{max-width:1800px;margin:auto}.top-promises{gap:26px}.section-heading{gap:38px}.hero-inner{max-width:1560px}.campaigns{gap:35px}.product-tabs{gap:25px}}
@media(min-width:761px) and (max-width:1100px){.header-inner{gap:1.1vw}.nav{font-size:.67em;gap:.5vw}.search{width:19%}.header-actions{gap:0}.header-actions .icon-button{padding:4px}.section-heading{gap:2vw}.product-tabs{gap:1.3vw;font-size:.75em}.routine-finder{width:22%}.proof-stat{margin:.7em 0}.brand-proof{padding-top:1.5vw}.newsletter-inner{gap:6vw}.newsletter-right{width:45%}.newsletter h2{font-size:2.7em}.sustainability{padding:1.5vw 2.5vw}.sustainability p{font-size:.9em}.sustainability .text-link{font-size:.8em}.trust>div{gap:1vw}.trust>div:not(:last-child):after{right:-1.8vw}.brand-banner,.brand-proof,.sun-row{min-height:160px}}
@media(max-width:760px){body{font-size:13px;overflow-x:hidden}.container{width:91%}.topbar{height:28px;font-size:9px}.top-promises{width:100%;justify-content:space-between;gap:5px}.top-promises span:nth-child(4),.top-links{display:none}.top-promises .icon{width:12px}.header-inner{min-height:65px;height:65px;gap:10px;flex-wrap:wrap}.mobile-menu{display:flex;padding-left:0}.logo{font-size:22px;margin-right:auto}.header-actions{gap:7px}.header-actions .icon-button{padding:4px}.nav{display:none;position:absolute;left:0;right:0;top:65px;background:white;padding:15px 5%;box-shadow:0 12px 16px #1f402d10;font-size:13px;white-space:normal;z-index:5}.nav.open{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.nav button,.nav a{text-align:left;padding:10px}.search{width:100%;position:absolute;top:65px;left:4.5%;width:91%;height:34px;border-radius:8px;background:#f9fcfa}.search>.icon{display:block;width:14px;margin-left:5px}.search input{font-size:11px}.header{padding-bottom:45px}.hero{height:440px;min-height:0;max-height:none;background-position:58% center;background-size:auto 100%}.hero:before{background:linear-gradient(90deg,#f5f9f6f0,#f5f9f69c 30%,transparent 70%)}.hero-inner{align-items:flex-start}.hero-copy{padding:38px 0 0}.hero .eyebrow{font-size:8px;letter-spacing:.16em}.hero h1{font-size:42px;line-height:1.02;margin-top:12px}.hero-copy>p:not(.eyebrow){font-size:12px;max-width:200px}.hero-copy>p br{display:none}.hero-copy>.text-link{font-size:13px;margin-top:15px}.hero>.wave{height:25px}.hero .handwritten{display:none}.routine-finder{position:absolute;bottom:26px;right:0;width:220px;margin:0;border-radius:12px;display:flex;align-items:center}.routine-finder>div:first-child{padding:13px}.routine-finder h2{font-size:12px}.routine-finder p{font-size:9px}.routine-finder .button{font-size:10px;padding:8px 10px;gap:8px}.finder-features{padding:10px 6px;display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:7px;flex:1}.finder-features .icon{margin-bottom:3px}.trust{min-height:0;padding:19px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px 10px}.trust>div{gap:7px;align-items:flex-start}.trust>div>.icon{width:21px;height:21px}.trust p{font-size:9px;line-height:1.4}.trust p span{font-size:8px}.trust>div:nth-child(4),.trust>div:nth-child(5){display:none}.trust>div:not(:last-child):after{display:none}.concerns{grid-template-columns:1fr;gap:18px;padding:10px 0 25px}.concern-list{gap:9px;grid-template-columns:repeat(3,1fr)}.concern-photo{height:80px;max-height:none;background-size:600% auto}.concern h3{font-size:11px;margin:7px 8px 3px}.concern p{font-size:10px;margin:0 8px 10px;min-height:25px}.section-heading{flex-wrap:wrap;gap:12px;margin-bottom:16px;justify-content:space-between}.section-heading h2{font-size:19px;flex-shrink:1}.subtle-link{font-size:10px;gap:7px}.products-section>.section-heading h2{order:0}.products-section>.section-heading .subtle-link{order:1}.product-tabs{order:2;width:100%;gap:20px;font-size:10px;overflow:auto;scrollbar-width:none}.products-section{padding-bottom:25px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{padding:0 12px 12px;border-radius:13px}.product-image{height:145px;max-height:none;padding-top:8px}.product-name strong{font-size:12px}.product-name span{font-size:10px}.product-bottom{font-size:12px;min-height:28px}.product-badge{top:12px;left:12px;font-size:10px}.favorite{right:10px;top:10px;padding:5px}.add-cart{width:34px;height:26px}.leaf-one{right:-7%;top:120px;width:60px;max-height:none}.campaigns{gap:18px;margin-bottom:24px}.brand-row{grid-template-columns:1fr;gap:10px}.brand-banner{height:205px;max-height:none;min-height:0;border-radius:25px}.banner-copy{padding:28px 0 18px 6%}.brand-logo{font-size:20px;margin-bottom:12px}.banner-copy h2{font-size:21px}.banner-copy>p:not(.eyebrow){font-size:10px;margin:8px 0 12px}.banner-copy .button{font-size:10px;padding:9px 13px}.brand-proof{height:auto;max-height:none;min-height:0;border-radius:18px;margin:0 4.5%;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.proof-brand{font-size:9px}.proof-stat{margin:0;gap:6px}.proof-stat>strong{font-size:40px}.proof-stat p{font-size:10px}.proof-features{grid-column:1/-1;font-size:8px}.proof-features .icon{width:25px;height:25px;margin-bottom:6px}.sun-row{grid-template-columns:1fr;height:auto;max-height:none;gap:10px}.sun-products,.sun-care{height:200px;border-radius:22px}.sun-products{background-size:150% auto}.sun-products .banner-copy{padding-top:35px}.sun-care{height:180px;background-size:auto,155% auto}.sun-care .banner-copy{padding:23px 6%}.sun-care .eyebrow{font-size:9px}.sun-care h2{font-size:20px}.sun-care ul{font-size:11px;margin-top:12px}.routine-section{padding:0 0 25px}.routine-grid{grid-template-columns:repeat(5,150px);overflow-x:auto;gap:12px;padding-bottom:12px;scroll-snap-type:x mandatory}.routine-card{padding:0 8px 10px;scroll-snap-align:start}.routine-image{height:105px;max-height:none}.routine-card h3{font-size:11px}.routine-card .product-bottom{font-size:12px}.routine-card .favorite{top:3px;right:0}.guides-section{padding-bottom:25px}.guide-grid{grid-template-columns:repeat(3,235px);gap:12px;overflow:auto;padding:0 2px 12px;scroll-snap-type:x mandatory}.guide-card{padding:8px;border-radius:12px;scroll-snap-align:start}.editorial-photo{height:110px;max-height:none}.guide-card h3{font-size:12px}.guide-card p{font-size:12px}.editorial-photo>span{font-size:8px}.blog-section{padding-bottom:25px}.blog-grid{grid-template-columns:1fr;gap:12px}.blog-card{height:165px;max-height:none;min-height:0;background-size:300% auto}.blog-card>div{padding:17px;inset:25% 0 0}.blog-card h3{font-size:17px}.blog-card span{font-size:8px;margin-bottom:12px}.leaf-two{width:65px;height:200px;top:-25px;right:-9%}.newsletter{height:auto;max-height:none;min-height:0;padding:28px 0 40px}.newsletter-inner{padding:0;display:block}.newsletter h2{font-size:36px}.newsletter-copy>p:last-child{font-size:11px}.newsletter-right{width:100%;padding:0;margin-top:22px}.newsletter-right form{max-width:440px}.email-input{padding-left:10px;gap:8px}.email-input input{font-size:11px;padding:9px 0}.newsletter-right .button{font-size:11px;padding:10px 15px}.newsletter-benefits{gap:7px;margin-top:18px}.newsletter-benefits>span{font-size:8px;gap:5px}.newsletter-benefits .icon{font-size:9px;padding:7px}.newsletter-product{width:32%;height:55%;top:0;right:-4%}.newsletter>.handwritten{font-size:21px;right:23%;top:30px}.newsletter .wave{height:16px}.app-section{height:auto;max-height:none;min-height:0;padding:22px 0 28px}.app-inner{display:block;padding:0}.app-copy{width:70%;min-height:180px;position:relative;z-index:1}.app-copy h2{font-size:23px}.app-copy>p{font-size:11px;max-width:200px}.app-download{margin-top:17px;gap:8px;flex-wrap:wrap}.qr-button img{width:57px;height:57px}.app-download>div>strong{font-size:10px}.app-download>div>p{font-size:10px;margin-top:4px}.store-badges{margin-left:0;flex-direction:row;gap:6px;width:100%}.store-badges button{font-size:8px;padding:5px 7px;min-width:100px}.phone{left:auto;right:0;top:3px;width:115px;height:225px;max-width:none;max-height:none;border-radius:22px;border-width:3px;transform:rotate(11deg)}.phone-screen{padding:23px 7px 7px;font-size:7px}.phone-island{height:7px}.phone-hero{height:130px;margin:0 -7px}.phone-hero h3{font-size:19px;top:13px;left:7px}.phone-products{height:50px}.sustainability{position:relative;right:auto;top:auto;bottom:auto;width:100%;padding:24px;margin-top:20px;border-radius:20px;z-index:2}.sustainability h3{font-size:21px}.sustainability p{font-size:11px}.sustainability .text-link{font-size:11px}.sustainability>img{width:120px;top:0;right:-20px}.app-section .wave{height:20px}.footer{height:220px;max-height:none;min-height:0;background-position:35% center;background-size:auto 100%}.footer-inner{padding:10px 0;display:block}.footer h2{font-size:29px}.footer-inner>div{padding-top:24px}.footer p{font-size:10px;text-align:right}.payments{justify-content:flex-end;gap:24px;font-size:21px;margin-top:18px}dialog{padding:27px 22px;font-size:14px}dialog h2{font-size:23px}dialog .product-grid{gap:10px}dialog .product-image{height:130px}dialog .product-card{padding:10px}dialog .product-name strong{font-size:11px}dialog .product-name span{font-size:10px}.quiz-options{gap:8px}.quiz-options button{padding:17px 10px;font-size:13px}#cart-dialog{padding:22px;border-radius:14px 0 0 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
main{overflow:clip}.qr-button svg{display:block;width:5.8vw;height:5.8vw;max-width:98px;max-height:98px}@media(max-width:760px){.qr-button svg{width:57px;height:57px}}
/* Reference alignment: compact desktop scale and the two requested corrections. */
@media(min-width:761px){body{font-size:min(.94vw,16px)}.topbar,.header-inner,.hero,.product-image,.brand-banner,.brand-proof,.sun-row,.newsletter,.app-section,.footer{min-height:0}.section-heading h2{font-size:min(1.65vw,28px)}.header-inner{height:5.6vw}.hero{height:28vw}.routine-card .routine-image{width:72%;margin-inline:auto;mix-blend-mode:normal}.newsletter,.app-section{min-height:0}.footer{min-height:0}}
.footer{position:relative;isolation:isolate;height:17.1vw;max-height:289px;background:#e6f0e7 url('../../../../uploads/2026/10/site-footer-water.webp') center 55%/100% 100% no-repeat;margin-top:-2.1vw}.footer-wave{position:absolute;inset:0 0 auto;width:100%;height:4vw;max-height:68px;z-index:-1;pointer-events:none}.footer-inner{position:relative;display:flex;justify-content:space-between;align-items:flex-start;width:90.4%;padding:3.7vw 0 0;max-width:1527px}.footer h2{font-family:var(--font-body);font-size:2.85vw;line-height:1.03;letter-spacing:-.045em;font-weight:400}.footer-inner>div{padding-top:1.7vw}.footer p{font-size:.95vw;color:#567764;line-height:1.3}.payments{justify-content:space-between;gap:2.1vw;margin-top:1.55vw;color:#1c3929}.payments svg{width:3.55vw;height:1.55vw;display:block;overflow:visible}.payments .payment-mastercard{width:3.8vw;height:2.35vw;margin-block:-.4vw}.payments .payment-troy{width:3.5vw}.payments .payment-iyzico{width:3.8vw}
@media(min-width:1700px){.footer h2{font-size:48px}.footer p{font-size:16px}.footer-inner{padding-top:62px}.footer-inner>div{padding-top:28px}.payments{margin-top:26px}.payments svg{width:60px;height:26px}.payments .payment-mastercard{width:64px;height:40px}.payments .payment-troy{width:59px}.payments .payment-iyzico{width:64px}}
@media(max-width:760px){.routine-card .routine-image{mix-blend-mode:normal}.footer{height:210px;max-height:none;margin-top:-14px;background-size:auto 100%;background-position:40% center}.footer-wave{height:30px}.footer-inner{width:88%;display:flex;padding:40px 0 0;gap:14px}.footer h2{font-size:25px;line-height:1.05;flex-shrink:0}.footer-inner>div{padding-top:12px}.footer p{font-size:8px;text-align:right;max-width:145px}.payments{gap:10px;margin-top:18px;flex-wrap:wrap;justify-content:flex-end}.payments svg{width:29px;height:13px}.payments .payment-mastercard{width:31px;height:20px;margin-block:-3px}.payments .payment-troy{width:29px}.payments .payment-iyzico{width:31px}}
/* Footer: uninterrupted transition, water only at left, quiet payment area. */
.footer{margin-top:-4vw;background:#e6f0e7;z-index:2}.footer:before{content:'';position:absolute;inset:0 auto 0 0;width:77%;z-index:-2;background:url('../../../../uploads/2026/10/site-footer-water.webp') left 60%/100% 100% no-repeat;mask-image:linear-gradient(90deg,#000 0%,#000 65%,#000b 78%,transparent 100%)}.footer-wave{z-index:-1;top:-1px;height:3.7vw}.app-section{padding-bottom:0}.app-inner{padding-bottom:3vw}.footer-inner{padding-top:3.9vw}.footer-inner>div{padding-top:1.7vw}.footer p{font-size:.85vw}.payments{gap:1.6vw}
@media(max-width:760px){.footer{margin-top:-24px;background:#e6f0e7}.footer:before{width:75%;background-size:auto 100%;background-position:30% center}.footer-wave{height:29px}.app-section{padding-bottom:25px}.app-inner{padding-bottom:0}.footer-inner{padding-top:40px}.footer-inner>div{padding-top:12px}.footer p{font-size:8px}.payments{gap:10px}}
/* Every product and every kit has its own uncropped image. */
.product-photo{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}.product-image{padding:5px 0}.routine-image{background:none!important}.routine-card .routine-image{width:100%;margin:0;padding:0}.routine-card .product-photo{max-height:100%}.product-card .set-photo{object-fit:contain}.cart-item>.product-photo{width:70px;height:110px;flex-shrink:0}.cart-item>.set-photo{width:90px;height:90px}#dialog-content>.product-photo{height:230px;width:100%;object-fit:contain;margin:10px auto}#dialog-content>.set-photo{height:220px}.phone-products{display:flex;background:none;overflow:hidden}.phone-products img{width:33.333%;height:100%;object-fit:contain}
/* Readable type scale. Layout adapts before type becomes too small. */
body{font-size:16px;line-height:1.45}h2{font-weight:600}.topbar{font-size:12px;min-height:32px;height:32px}.top-promises{gap:23px}.top-links{gap:22px}.header-inner{height:84px;max-height:none;gap:22px}.logo{font-size:28px}.logo small{font-size:8px;letter-spacing:2.4px}.nav{font-size:14px;gap:13px}.nav button{font-size:inherit}.header-actions{gap:10px}.header-actions .icon-button{font-size:16px;padding:5px}.search{width:235px;flex-shrink:1;min-width:160px}.search input{font-size:13px;padding:9px 3px}.search button{font-size:12px}.section-heading h2{font-size:24px}.section-heading{gap:28px;margin-bottom:20px}.subtle-link{font-size:13px;gap:14px}.eyebrow{font-size:12px}.hero h1{font-size:clamp(44px,4.1vw,69px)}.hero-copy>p:not(.eyebrow){font-size:17px}.hero-copy>.text-link{font-size:16px}.hero{min-height:370px}.routine-finder{width:23%;min-width:270px}.routine-finder h2{font-size:18px}.routine-finder p{font-size:13px}.routine-finder .button{font-size:13px}.finder-features{font-size:11px}.trust{min-height:105px}.trust p,.trust strong{font-size:13px}.trust p span{font-size:12px}.trust>div{gap:16px}.trust>div>.icon{width:29px;height:29px}.concerns{grid-template-columns:65% 33%;gap:2%;padding-bottom:28px}.concern h3{font-size:13px;margin:10px 8px 4px}.concern p{font-size:12px;line-height:1.35;margin:0 8px 12px}.product-tabs{font-size:13px;gap:24px}.product-name strong{font-size:14px}.product-name span{font-size:13px;line-height:1.5}.product-name{margin-top:8px;margin-bottom:12px}.product-bottom{font-size:16px}.product-bottom del{font-size:12px}.product-badge{font-size:12px}.favorite{font-size:15px}.add-cart{width:36px;height:28px}.button{font-size:14px;padding:11px 19px}.banner-copy h2{font-size:26px}.banner-copy>p:not(.eyebrow){font-size:14px}.banner-copy .button{font-size:13px}.brand-logo{font-size:28px}.brand-logo small{font-size:10px}.brand-banner,.brand-proof{min-height:240px}.brand-proof{padding:24px 32px 18px}.proof-brand{font-size:12px}.proof-stat{margin:14px 0}.proof-stat>strong{font-size:60px}.proof-stat p{font-size:15px}.proof-features{font-size:11px}.sun-row{min-height:235px}.sun-care .eyebrow{font-size:12px}.sun-care h2{font-size:25px}.sun-care ul{font-size:13px;line-height:2.1;margin-top:15px}.routine-card h3{font-size:14px}.routine-card .product-bottom{font-size:14px}.editorial-photo>span,.blog-card span{font-size:10px}.guide-card h3{font-size:16px}.guide-card p{font-size:14px}.blog-card{min-height:175px}.blog-card h3{font-size:18px;line-height:1.35}.newsletter{min-height:255px}.newsletter h2{font-size:44px}.newsletter-copy .eyebrow{font-size:11px}.newsletter-copy>p:last-child{font-size:13px}.newsletter-right{width:44%}.newsletter-right .button{font-size:13px}.email-input input{font-size:14px}.newsletter-benefits>span{font-size:11px}.app-section{min-height:275px}.app-copy h2{font-size:29px}.app-copy>p{font-size:15px}.app-download>div>strong{font-size:13px}.app-download>div>p{font-size:13px}.store-badges{margin-left:20px}.store-badges button{font-size:11px}.sustainability h3{font-size:23px}.sustainability p{font-size:14px}.sustainability .text-link{font-size:13px}.footer h2{font-size:clamp(28px,2.85vw,48px)}.footer p{font-size:12px}.footer-inner>div{padding-top:1.7vw}
@media(min-width:761px) and (max-width:1450px){.header-inner{height:110px;flex-wrap:wrap;gap:10px 24px;padding-top:12px;padding-bottom:10px}.logo{margin-right:auto}.header .search{width:310px;max-width:42%;flex-shrink:0}.header-actions{gap:14px}.nav{order:4;flex-basis:100%;justify-content:space-between;font-size:14px;gap:10px}.nav button{padding:5px 0}.hero-copy>p:not(.eyebrow){font-size:16px}.product-tabs{gap:16px;font-size:12px}.section-heading{gap:24px;flex-wrap:wrap}.section-heading h2{font-size:23px}.products-section .section-heading{gap:18px}.products-section .subtle-link{margin-left:auto}.trust>div{gap:12px}.trust p,.trust strong{font-size:12px}.trust p span{font-size:11px}.trust>div:not(:last-child):after{right:-1.2vw}.newsletter-inner{gap:5vw;padding-inline:2vw}.newsletter h2{font-size:40px}.newsletter-right{width:47%}.sustainability{padding:23px;width:40%;right:-3%;top:20px;bottom:30px}.sustainability p{font-size:13px}.sustainability .text-link{font-size:12px}.store-badges{margin-left:10px}.app-copy>p{font-size:14px}.app-copy h2{font-size:27px}.app-download>div>p{font-size:12px}.app-download>div>strong{font-size:12px}.phone{min-height:300px;min-width:155px}.footer p{font-size:11px}}
@media(min-width:761px) and (max-width:1100px){.topbar{font-size:11px}.top-promises{gap:15px}.top-promises span:nth-child(4){display:none}.hero{height:370px}.hero-copy{max-width:42%;align-self:flex-start;padding-top:45px}.hero-copy .eyebrow{font-size:11px}.hero h1{font-size:43px}.routine-finder{width:250px;min-width:0;align-self:flex-end;margin-bottom:32px}.routine-finder>div:first-child{padding:17px}.routine-finder h2{font-size:17px}.routine-finder p{font-size:12px}.finder-features{padding:14px 7px;font-size:10px}.hero .handwritten{display:none}.trust{flex-wrap:wrap;gap:18px;justify-content:center;padding:23px 0}.trust>div{width:29%;gap:12px}.trust>div:nth-child(4),.trust>div:nth-child(5){width:35%;justify-content:center}.trust>div:after{display:none}.concerns{grid-template-columns:1fr;gap:22px}.concern-photo{height:100px}.concern h3{font-size:14px}.concern p{font-size:12px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-image{height:170px;max-height:none}.product-card{padding:0 15px 15px}.product-name strong{font-size:15px}.product-name span{font-size:14px}.product-bottom{font-size:17px}.product-tabs{order:3;width:100%;gap:28px;font-size:14px}.brand-row{grid-template-columns:58% 41.4%}.brand-banner,.brand-proof{min-height:250px}.banner-copy{padding:30px 0 20px 5vw}.banner-copy h2{font-size:24px}.banner-copy>p:not(.eyebrow){font-size:13px}.brand-logo{font-size:25px}.brand-proof{padding:25px 20px}.proof-brand{font-size:11px}.proof-stat>strong{font-size:51px}.proof-stat p{font-size:13px}.proof-features{font-size:10px}.sun-row{min-height:240px}.sun-products .banner-copy{padding-top:35px}.sun-care .banner-copy{padding:30px 20px}.sun-care h2{font-size:23px}.routine-grid{grid-template-columns:repeat(5,180px);overflow:auto;gap:15px;padding-bottom:15px}.routine-image{height:120px;max-height:none}.guide-card h3{font-size:14px}.guide-card p{font-size:13px}.editorial-photo{height:100px}.blog-card{min-height:160px}.blog-card h3{font-size:16px}.newsletter{min-height:280px}.newsletter-inner{padding-inline:0;gap:28px}.newsletter h2{font-size:38px}.newsletter-copy>p:last-child{font-size:12px}.newsletter-right{width:52%}.newsletter-right .button{font-size:12px}.newsletter-benefits{gap:10px}.newsletter-benefits>span{font-size:10px}.newsletter-product,.newsletter>.handwritten{display:none}.app-section{min-height:300px}.app-copy{width:45%}.app-copy>p{font-size:13px;max-width:280px}.store-badges{margin-left:0;flex-direction:row;width:100%}.app-download{flex-wrap:wrap;gap:10px}.app-download>div>p{font-size:12px}.phone{left:44%;top:25px;width:140px;min-width:0;min-height:280px;z-index:1}.sustainability{width:37%;padding:22px;z-index:2}.sustainability h3{font-size:22px}.sustainability p{font-size:12px}.sustainability .text-link{font-size:11px}.sustainability>img{width:100px;opacity:.3}.footer{height:180px}.footer-inner{padding-top:40px}.footer-inner>div{padding-top:18px}.footer p{font-size:10px}.payments svg{min-width:35px;min-height:16px}.payments .payment-mastercard{height:25px}}
@media(max-width:760px){body{font-size:16px}.topbar{font-size:10px;min-height:30px;height:30px}.top-promises{gap:6px}.top-promises span{gap:3px}.header-inner{height:70px;min-height:70px;gap:10px}.logo{font-size:24px}.logo small{font-size:7px;letter-spacing:1.8px}.header-actions{gap:8px}.header-actions .icon-button{font-size:15px;padding:3px}.header .search{min-width:0;width:91%;height:38px;top:70px}.search input{font-size:13px}.header{padding-bottom:48px}.nav{top:70px;font-size:15px;gap:10px}.hero{min-height:0;height:480px}.hero-copy{padding-top:32px;max-width:75%}.hero .eyebrow{font-size:10px}.hero h1{font-size:43px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:220px}.hero-copy>.text-link{font-size:15px}.routine-finder{width:265px;min-width:0;bottom:29px}.routine-finder h2{font-size:14px}.routine-finder p{font-size:11px}.routine-finder .button{font-size:12px}.finder-features{font-size:9px;gap:10px}.trust{min-height:0;gap:15px 10px;padding:22px 0}.trust p,.trust strong{font-size:11px}.trust p span{font-size:10px}.trust>div{gap:6px}.trust>div>.icon{width:22px;height:22px}.concerns{grid-template-columns:1fr;padding-bottom:28px}.concern-photo{height:85px}.concern h3{font-size:13px;margin:8px 5px 4px}.concern p{font-size:12px;margin:0 5px 10px}.section-heading{gap:12px;margin-bottom:16px}.section-heading h2{font-size:21px}.subtle-link{font-size:12px}.product-tabs{font-size:12px;gap:20px}.product-image{height:155px;max-height:none}.product-name strong{font-size:13px;white-space:normal;min-height:19px}.product-name span{font-size:12px;white-space:normal;min-height:36px;line-height:1.45}.product-bottom{font-size:14px}.product-bottom del{font-size:10px}.product-badge{font-size:11px}.product-card{padding:0 11px 12px}.favorite{font-size:14px}.add-cart{width:32px;height:28px}.button{font-size:13px}.brand-banner{height:230px;min-height:0}.brand-proof{height:auto;min-height:0;padding:20px}.banner-copy{padding:30px 0 18px 6%}.brand-logo{font-size:23px}.banner-copy h2{font-size:24px}.banner-copy>p:not(.eyebrow){font-size:12px;max-width:220px}.banner-copy .button{font-size:12px}.proof-brand{font-size:10px}.proof-stat{margin:0}.proof-stat>strong{font-size:43px}.proof-stat p{font-size:11px}.proof-features{font-size:10px}.sun-row{min-height:0}.sun-products,.sun-care{height:225px}.sun-care .eyebrow{font-size:11px}.sun-care h2{font-size:23px}.sun-care ul{font-size:12px;margin-top:13px}.routine-grid{grid-template-columns:repeat(5,180px)}.routine-image{height:120px}.routine-card h3{font-size:13px}.routine-card .product-bottom{font-size:14px}.guide-card h3{font-size:14px}.guide-card p{font-size:13px}.blog-card{min-height:190px}.blog-card h3{font-size:19px}.editorial-photo>span,.blog-card span{font-size:10px}.newsletter{min-height:0;padding-bottom:48px}.newsletter h2{font-size:38px}.newsletter-copy>p:last-child{font-size:13px;max-width:260px}.newsletter-copy>p:last-child br{display:none}.newsletter-right{width:100%}.email-input input{font-size:13px}.newsletter-right .button{font-size:12px}.newsletter-benefits{gap:10px;flex-wrap:wrap;justify-content:flex-start}.newsletter-benefits>span{font-size:11px;width:calc(50% - 5px)}.newsletter-benefits .icon{font-size:11px}.newsletter-product{width:27%}.newsletter>.handwritten{font-size:18px}.app-section{min-height:0}.app-copy h2{font-size:25px}.app-copy>p{font-size:13px}.app-copy{min-height:205px;width:68%}.app-download>div>strong{font-size:12px}.app-download>div>p{font-size:12px}.store-badges{margin-left:0}.store-badges button{font-size:9px;min-width:100px}.sustainability{padding:25px}.sustainability h3{font-size:24px}.sustainability p{font-size:14px}.sustainability .text-link{font-size:13px;max-width:95%;gap:8px}.sustainability>img{opacity:.35}.phone{min-height:0;min-width:0;top:8px}.footer{height:235px;max-height:none}.footer-inner{padding-top:37px;display:block}.footer h2{font-size:28px}.footer-inner>div{padding-top:18px;max-width:235px;margin-left:auto}.footer p{font-size:11px;max-width:none}.payments{gap:19px;margin-top:15px}.payments svg{width:35px;height:17px}.payments .payment-mastercard{width:37px;height:24px}.payments .payment-troy{width:35px}.payments .payment-iyzico{width:37px}.footer:before{width:77%;mask-image:linear-gradient(90deg,#000,#0009 60%,transparent)}.footer-wave{height:27px}}
.product-photo{mix-blend-mode:normal}.product-card{background:linear-gradient(155deg,#fafcfa,#f5f9f6)}
@media(min-width:761px) and (max-width:1100px){.nav{min-width:0;max-width:100%;overflow-x:auto;justify-content:flex-start;gap:23px;scrollbar-width:thin;flex-shrink:1}.nav>*{flex-shrink:0}.header-inner{min-width:0}}
.trust p span,.finder-features,.proof-features,.newsletter-benefits>span,.editorial-photo>span,.blog-card span{font-size:12px}.footer p{font-size:12px}
@media(max-width:760px){.trust p span{font-size:11px}.finder-features{font-size:10px}.proof-features{font-size:11px}.editorial-photo>span,.blog-card span{font-size:10px}.footer p{font-size:11px}}
/* Wide search and labeled account actions, with categories on their own row. */
.header-actions .action-label {display:none;}
.header .search {background:#f5f5f5;border-color:transparent;border-radius:9px;gap:10px;}
.header .search:focus-within {border-color:#b4d1c1;box-shadow:0 0 0 2px #e4eee566;}
.header .search input {font-size:14px;}
.header .search button {font-size:14px;padding:4px;flex-shrink:0;}
.search-suggestions {position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;max-height:min(440px,55dvh);overflow-y:auto;overscroll-behavior:contain;padding:7px;background:#fff;border:1px solid #e3ebe4;border-radius:12px;box-shadow:0 12px 32px #1e3e2c26;}
.header .search .search-option {display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px 10px;border-radius:8px;text-align:left;white-space:normal;}
.search-option:hover,.search-option[aria-selected="true"] {background:#f1f6f1;}
.search-option img {width:42px;height:48px;object-fit:contain;flex-shrink:0;}
.search-option-symbol {display:flex;align-items:center;justify-content:center;width:42px;height:48px;flex-shrink:0;color:#628772;}
.search-option-copy {display:flex;flex-direction:column;gap:5px;min-width:0;}
.search-option-copy strong {font-size:14px;font-weight:600;line-height:1.35;}
.search-option-copy small {font-size:12px;color:#678e78;line-height:1.35;}
.search-no-results {padding:16px;font-size:14px;color:#678e78;}
.search-announcement {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media (min-width:761px) {
  .header-inner {
    display:grid;
    grid-template-columns:190px minmax(0,1fr) auto;
    grid-template-rows:48px 32px;
    column-gap:40px;
    row-gap:4px;
    height:100px;
    max-height:none;
    min-height:0;
    padding-block:8px;
    align-items:center;
  }
  .header .logo {grid-column:1;grid-row:1;margin:0;}
  .header .search {
    position:relative;
    grid-column:2;grid-row:1;
    width:100%;max-width:none;min-width:0;
    height:46px;margin:0;justify-self:stretch;padding-inline:12px;
  }
  .header-actions {grid-column:3;grid-row:1;gap:20px;}
  .header-actions .icon-button {gap:6px;padding:6px 0;font-size:13px;white-space:nowrap;min-height:40px;}
  .header-actions .icon-button .icon {width:22px;height:22px;}
  .header-actions .action-label {display:inline;font-weight:600;}
  .header-actions .cart-count {left:13px;right:auto;top:1px;}
  .header-actions .favorite-dot {left:16px;right:auto;top:5px;}
  .header .nav {
    grid-column:1/-1;grid-row:2;order:initial;
    width:100%;min-width:0;max-width:100%;
    height:32px;justify-content:space-between;
    gap:24px;font-size:14px;overflow-x:auto;
    scrollbar-width:none;
  }
  .header .nav::-webkit-scrollbar {display:none;}
  .header .nav>* {flex-shrink:0;padding:5px 0;}
}

@media (min-width:761px) and (max-width:1000px) {
  .header-inner {grid-template-columns:165px minmax(0,1fr) auto;column-gap:20px;}
  .header-actions {gap:14px;}
  .header-actions .action-label {display:none;}
  .header .nav {justify-content:flex-start;}
}
@media (min-width:1001px) and (max-width:1200px) {
  .header-inner {grid-template-columns:170px minmax(0,1fr) auto;column-gap:22px;}
  .header-actions {gap:12px;}
}
/* Independent home collections replace the former product tabs. */
#products {padding-block:20px 46px;}
.collection-section {padding-block:10px 50px;}
.collection-section .section-heading {margin-bottom:22px;align-items:flex-end;}
.collection-kicker {display:block;font-size:11px;font-weight:600;letter-spacing:.16em;color:#6f9680;margin:0 0 7px;}
.collection-layout {display:grid;grid-template-columns:1fr 2fr;gap:22px;}
.collection-story {position:relative;isolation:isolate;overflow:hidden;border-radius:18px;min-height:345px;padding:30px;background:#edf4ee;display:flex;align-items:flex-end;}
.collection-story h3 {font-family:var(--font-body);font-weight:400;font-size:34px;line-height:1.08;letter-spacing:-.045em;margin:10px 0 13px;}
.collection-story p {font-size:14px;line-height:1.5;max-width:250px;color:#567664;}
.collection-story .collection-kicker {font-size:10px;}
.new-story {background-image:linear-gradient(0deg,#f0f6f1 3%,#f0f6f1f2 34%,#f0f6f133 78%),url('../../../../uploads/2026/10/site-editorial.webp');background-size:auto,300% auto;background-position:center,0% 25%;}
.expert-layout {grid-template-columns:1fr 3fr;}
.expert-story {background-image:linear-gradient(0deg,#eff5f0,#eff5f088),url('../../../../uploads/2026/10/site-water.webp');background-size:cover;background-position:70% center;align-items:center;}
.expert-story .icon {width:30px;height:30px;color:#5f9175;}
.expert-story h3 {font-size:31px;}
.collection-grid {grid-template-columns:repeat(var(--collection-columns,3),minmax(0,1fr));gap:18px;}
.collection-grid .product-card {padding:14px 20px 20px;display:flex;flex-direction:column;box-shadow:0 5px 24px #24403005;}
.collection-grid .product-image {height:235px;min-height:0;max-height:none;padding:0;}
.collection-grid .product-name {margin:12px 0 16px;}
.collection-grid .product-name strong {font-size:16px;white-space:normal;}
.collection-grid .product-name span {font-size:14px;white-space:normal;line-height:1.45;}
.collection-grid .product-bottom {margin-top:auto;font-size:18px;gap:8px;}
.collection-grid .favorite {right:15px;top:15px;}
.collection-grid .product-badge {left:15px;top:16px;}
.collection-grid .add-cart {width:40px;height:32px;}
.offer-layout {grid-template-columns:1fr 1.5fr;}
.offer-story {background-image:linear-gradient(90deg,#fff4e6f2,#fff4e6cc 50%,#fff4e655),url('../../../../uploads/2026/10/site-sun-clean.webp');background-size:cover;background-position:center;align-items:center;}
.offer-story p {color:#796b5d;}
.single-product .product-card {display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;column-gap:24px;align-items:center;padding:30px;}
.single-product .product-image {grid-column:1;grid-row:1/3;height:285px;}
.single-product .product-name {grid-column:2;grid-row:1;align-self:end;margin:0 0 20px;}
.single-product .product-name strong {font-size:21px;}
.single-product .product-name span {font-size:17px;margin-top:7px;}
.single-product .product-bottom {grid-column:2;grid-row:2;align-self:start;margin:0 0 55px;flex-wrap:wrap;font-size:22px;}
#routines {padding-block:15px 45px;}
@media (min-width:761px) and (max-width:1100px) {
  .collection-layout,.expert-layout {grid-template-columns:1fr;gap:18px;}
  .collection-story {min-height:180px;padding:25px 30px;align-items:center;}
  .collection-story h3 {font-size:29px;}
  .collection-story h3 br {display:none;}
  .collection-story p {max-width:440px;}
  .new-story {background-size:auto,160% auto;background-position:center,30% 30%;background-image:linear-gradient(90deg,#f0f6f1,#f0f6f1dd 55%,transparent),url('../../../../uploads/2026/10/site-editorial.webp');}
  .expert-story>div>.icon {display:none;}
  .offer-layout {grid-template-columns:1fr 1.4fr;}
  .offer-story h3 br {display:block;}
  .single-product .product-card {padding:20px;column-gap:15px;}
  .single-product .product-name strong {font-size:18px;}
  .single-product .product-name span {font-size:15px;}
  .single-product .product-bottom {font-size:18px;gap:12px;}
}
@media (max-width:760px) {
  #products {padding-block:15px 30px;}
  .collection-section {padding-block:8px 32px;}
  .collection-section .section-heading {gap:10px;margin-bottom:16px;}
  .collection-kicker {font-size:9px;letter-spacing:.12em;}
  .collection-section .subtle-link {font-size:11px;}
  .collection-layout,.expert-layout,.offer-layout {grid-template-columns:1fr;gap:14px;}
  .collection-story {min-height:190px;padding:23px;border-radius:15px;}
  .collection-story h3,.expert-story h3 {font-size:29px;margin:8px 0 10px;}
  .collection-story p {font-size:13px;max-width:260px;}
  .new-story {background-image:linear-gradient(90deg,#f0f6f1,#f0f6f1cc 60%,#f0f6f155),url('../../../../uploads/2026/10/site-editorial.webp');background-size:auto,180% auto;background-position:center,0% 30%;}
  .expert-story {min-height:210px;}
  .expert-story h3 br {display:none;}
  .expert-story p {max-width:280px;}
  .expert-story .icon {width:25px;height:25px;}
  .collection-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .collection-grid .product-card {padding:8px 11px 13px;}
  .collection-grid .product-image {height:160px;}
  .collection-grid .product-name {margin:10px 0 12px;}
  .collection-grid .product-name strong {font-size:13px;}
  .collection-grid .product-name span {font-size:12px;}
  .collection-grid .product-bottom {font-size:14px;}
  .collection-grid .favorite {right:7px;top:8px;}
  .collection-grid .product-badge {left:10px;top:12px;}
  .collection-grid .add-cart {width:32px;height:28px;}
  .single-product {grid-template-columns:1fr;}
  .single-product .product-card {padding:20px 14px;column-gap:15px;}
  .single-product .product-image {height:220px;}
  .single-product .product-name {margin-bottom:14px;}
  .single-product .product-name strong {font-size:16px;}
  .single-product .product-name span {font-size:14px;min-height:0;}
  .single-product .product-bottom {font-size:17px;margin-bottom:25px;gap:12px;}
  #routines {padding-block:10px 32px;}
}
/* Dedicated newsletter artwork matches the reference's single angled serum. */
.newsletter-product {
  display:block;
  right:0;bottom:0;top:auto;
  width:23%;height:100%;
  background:url('../../../../uploads/2026/10/site-newsletter-serum.webp') right bottom / auto 100% no-repeat;
  mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%);
  pointer-events:none;
}
.newsletter-inner {position:relative;z-index:1;}
@media (min-width:761px) and (max-width:1100px) {
  .newsletter {height:auto;max-height:none;min-height:0;}
  .newsletter-inner {display:block;padding:26px 0 42px;}
  .newsletter-copy {max-width:calc(100% - 190px);}
  .newsletter-right {width:75%;max-width:620px;margin-top:23px;padding-top:0;}
  .newsletter-product {display:block;width:220px;height:220px;top:0;bottom:auto;}
  .newsletter-benefits {margin-top:20px;}
}
@media (max-width:760px) {
  .newsletter-inner {padding:0;}
  .newsletter-copy {max-width:calc(100% - 115px);}
  .newsletter-copy>p:last-child {font-size:12px;}
  .newsletter-product {display:block;right:0;top:0;bottom:auto;width:175px;height:185px;}
  .newsletter-right {position:relative;z-index:1;margin-top:26px;}
}
@media (min-width:1101px) {
  .newsletter-product {width:auto;aspect-ratio:1;mask-image:linear-gradient(90deg,transparent,#000 19%);}
}
/* Continuous botanical edge and soft editorial-to-newsletter transition. */
.editorial-flow {
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg,#f9fbf9 0%,#f9fbf9 38%,#f4f9f5 62%,#edf4ee 87%,#ebf3ec 100%);
}
.editorial-foliage {
  position:absolute;
  z-index:3;
  pointer-events:none;
  top:-24px;right:-12px;
  width:clamp(125px,12vw,205px);
  height:calc(100% - 100px);
  background:url('../../../../uploads/2026/10/site-foliage-edge.webp') top right / 100% auto repeat-y;
  mask-image:linear-gradient(180deg,transparent 0%,#000 5%,#000 77%,transparent 100%);
}
.editorial-flow .guides-section,
.editorial-flow .blog-section {position:relative;z-index:1;background:transparent;}
.editorial-flow .guides-section {padding-bottom:36px;}
.editorial-flow .blog-section {padding-bottom:24px;}
.editorial-flow .newsletter {background:transparent;}
.editorial-flow .newsletter-product {
  mask-image:linear-gradient(90deg,transparent,#000 20%),linear-gradient(180deg,transparent,#000 16%);
  mask-composite:intersect;
}
.editorial-flow .newsletter .wave {height:32px;}
@media (min-width:761px) and (max-width:1100px) {
  .editorial-foliage {width:120px;right:-17px;height:calc(100% - 160px);}
}
@media (max-width:760px) {
  .editorial-flow {background:linear-gradient(180deg,#f9fbf9 0%,#f9fbf9 42%,#f4f8f4 70%,#edf4ee 90%,#ebf3ec 100%);}
  .editorial-foliage {width:76px;right:-15px;top:0;height:calc(100% - 230px);background-size:100% auto;mask-image:linear-gradient(180deg,transparent,#000 3%,#000 91%,transparent);}
  .editorial-flow .guides-section {padding-bottom:25px;}
  .editorial-flow .blog-section {padding-bottom:25px;}
  .editorial-flow .newsletter .wave {height:18px;}
}
/* Smaller left-side branches balance the continuous right border. */
#new-products,#routines {position:relative;}
#new-products::before,#routines::before {
  content:'';
  position:absolute;
  z-index:2;
  pointer-events:none;
  left:calc((100vw - 100%) / -2 - 12px);
  top:70px;
  width:clamp(110px,10vw,165px);
  height:310px;
  background:url('../../../../uploads/2026/10/site-foliage-edge.webp') top right / 100% auto no-repeat;
  transform:scaleX(-1);
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 72%,transparent);
}
#routines::before {top:16px;height:240px;}
.editorial-foliage-left {
  left:-13px;right:auto;top:30%;
  width:clamp(110px,10vw,165px);
  height:47%;
  transform:scaleX(-1);
  background-repeat:no-repeat;
  mask-image:linear-gradient(180deg,transparent,#000 14%,#000 75%,transparent);
}
@media(max-width:760px) {
  #new-products::before,#routines::before {left:-31px;width:66px;height:230px;top:75px;}
  #routines::before {top:20px;height:180px;}
  .editorial-foliage-left {left:-17px;right:auto;top:35%;width:72px;height:35%;background-repeat:repeat-y;}
}
/* Wider hero composition: preserve the product group and the stone ledge. */
.hero {
  background-image:url('../../../../uploads/2026/10/site-hero-wide.webp');
  background-size:100% auto;
  background-position:center bottom;
}
@media(min-width:1101px) {
  .hero {height:28.5vw;min-height:340px;max-height:500px;}
  .hero .handwritten {left:60%;top:53%;font-size:clamp(16px,1.4vw,24px);}
}
@media(min-width:761px) and (max-width:1100px) {
  .hero {height:340px;background-color:#eef4ef;}
  .hero-copy {padding-top:27px;}
  .routine-finder {margin-bottom:26px;}
}
@media(max-width:760px) {
  .hero {background-size:auto 100%;background-position:57% bottom;}
}
.phone-hero {background-image:url('../../../../uploads/2026/10/site-hero-wide.webp');}
/* Keep the handwritten line in the clear copy area, away from the product photo. */
.hero-actions{display:flex;align-items:center;gap:26px;margin-top:21px}
.hero-actions>.text-link{font-size:16px;flex-shrink:0}
.hero .hero-actions .handwritten{position:static;left:auto;top:auto;font-size:clamp(15px,1.2vw,20px);line-height:1.4;transform:rotate(-4deg);white-space:nowrap;color:#365b46}
.hero .hero-sky-note{left:31%;top:25%;font-size:clamp(17px,1.6vw,27px);line-height:1.15;transform:rotate(-10deg);color:#365b46}
@media(max-width:1100px){.hero-actions{margin-top:15px}.hero-actions>.text-link{font-size:15px}}
/* Keep neighboring frames out of editorial photos, including subpixel edges. */
.editorial-photo,
.blog-card {
  background-size:315% auto;
  background-repeat:no-repeat;
  background-clip:padding-box;
  overflow:hidden;
  isolation:isolate;
}
.editorial-photo {border-radius:10px;clip-path:inset(0 round 10px);}
.blog-card {clip-path:inset(0 round var(--radius));}
.guide-card {background-clip:padding-box;}
@media(max-width:760px) {
  .editorial-photo {border-radius:8px;clip-path:inset(0 round 8px);}
}
/* Mobile shelves preserve readable cards and expose all items through scrolling. */
.shelf-controls {display:none;}
@media(max-width:760px) {
  .container {min-width:0;}
  .collection-layout,.collection-grid,.guide-grid,.routine-grid {min-width:0;}
  .mobile-shelf {
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:clamp(175px,65vw,230px);
    gap:14px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:1px;
    scrollbar-width:thin;
    scrollbar-color:#b5d1c1 transparent;
    -webkit-overflow-scrolling:touch;
    padding:3px 1px 14px;
    width:100%;
    max-width:100%;
    align-items:stretch;
  }
  .mobile-shelf>* {min-width:0;scroll-snap-align:start;scroll-snap-stop:normal;}
  .mobile-shelf .product-card {display:flex;flex-direction:column;padding:8px 13px 15px;}
  .mobile-shelf .product-image {height:185px;max-height:none;flex-shrink:0;}
  .mobile-shelf .product-name strong {font-size:15px;line-height:1.35;min-height:21px;}
  .mobile-shelf .product-name span {font-size:13px;line-height:1.4;white-space:normal;min-height:37px;}
  .mobile-shelf .product-bottom {font-size:16px;margin-top:auto;gap:9px;}
  .mobile-shelf .product-bottom del {font-size:12px;}
  .mobile-shelf .add-cart {width:40px;height:36px;flex-shrink:0;}
  .mobile-shelf .favorite {width:40px;height:40px;right:7px;top:7px;display:flex;justify-content:center;align-items:center;}
  #routine-grid.mobile-shelf {grid-auto-columns:clamp(175px,59vw,220px);}
  #routine-grid.mobile-shelf .routine-card {display:flex;flex-direction:column;padding:5px 12px 13px;}
  #routine-grid.mobile-shelf .routine-image {height:145px;max-height:none;}
  #routine-grid.mobile-shelf h3 {font-size:14px;min-height:39px;}
  .guide-grid.mobile-shelf {grid-auto-columns:clamp(220px,78vw,300px);}
  .guide-grid.mobile-shelf .editorial-photo {height:130px;}
  .shelf-controls:not([hidden]) {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 7px;color:#608470;}
  .shelf-controls p {font-size:12px;}
  .shelf-buttons {display:flex;align-items:center;gap:9px;}
  .shelf-buttons span {font-size:12px;min-width:40px;text-align:center;font-variant-numeric:tabular-nums;}
  .shelf-buttons button {display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d4e4d6;border-radius:50%;background:#fff;color:var(--navy);}
  .shelf-buttons button:disabled {opacity:.35;cursor:default;}
  .shelf-buttons [data-shelf-direction="-1"] .icon {transform:rotate(180deg);}
  .section-heading {align-items:flex-start;}
  .section-heading h2 {min-width:0;max-width:100%;overflow-wrap:break-word;}
  .newsletter-benefits {column-gap:14px;row-gap:14px;}
  .newsletter-benefits>span {width:calc(50% - 7px);min-width:0;}
  .editorial-foliage,.edge-leaf,#new-products::before,#routines::before {z-index:0;}
  .mobile-shelf,.shelf-controls {position:relative;z-index:1;}
}
@media(max-width:360px) {
  .header-inner {gap:6px;}
  .header .logo {font-size:22px;}
  .header-actions {gap:5px;}
  .header-actions .icon-button {padding:2px;}
  .app-copy {width:65%;}
  .app-copy h2 {font-size:23px;}
  .app-copy>p {max-width:170px;}
  .phone {width:100px;height:210px;}
  .store-badges {flex-wrap:wrap;}
}
/* Keep the shopping controls visible while categories scroll with the page. */
html {scroll-padding-top:84px;}
.header {position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 8px #1e3e2c0a;}
.navigation-bar {background:#fff;}
@media(min-width:761px) {
  .header-inner {grid-template-rows:48px;height:64px;row-gap:0;}
  .navigation-bar .nav {height:36px;min-width:0;display:flex;justify-content:space-between;gap:24px;font-size:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;}
  .navigation-bar .nav::-webkit-scrollbar {display:none;}
  .navigation-bar .nav>* {flex-shrink:0;padding:5px 0;}
}
@media(min-width:761px) and (max-width:1000px) {
  .navigation-bar .nav {justify-content:flex-start;}
}
@media(max-width:760px) {
  html {scroll-padding-top:138px;}
  body {overflow-x:clip;}
  .navigation-bar .nav {position:fixed;top:118px;left:0;right:0;z-index:11;width:100%;max-height:calc(100dvh - 118px);overflow-y:auto;}
}


/* ---- pages ---- */
/* Reference-based category, product, cart and account views. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#page-view{min-height:65vh;padding-bottom:45px;background:radial-gradient(ellipse at 90% 0,#f0f6f199,transparent 55%)}
#page-view h1{font-family:var(--font-body);font-size:42px;line-height:1.12;font-weight:400;letter-spacing:-.035em;outline:none}
#page-view p{color:#608470;line-height:1.6}
.navigation-bar{position:relative;z-index:9}
.navigation-bar .nav{overflow:visible;gap:14px}
.nav-entry{display:flex;align-items:center;gap:2px;white-space:nowrap;flex-shrink:0;height:100%}
.nav-entry>a{padding:5px 0}
.navigation-bar .nav .submenu-toggle{padding:5px 2px;font-size:14px}
.mega-menu{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 18px 30px #1e3e2c24;border-top:1px solid #e9f1ea;border-radius:0 0 18px 18px}
.mega-inner{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;padding-block:28px}
.mega-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.mega-heading h2{font-size:23px}
.mega-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;margin-bottom:24px;font-size:14px}
.mega-links a:hover{text-decoration:underline}
.mega-inner aside{padding:25px;border-radius:12px;background:#ecf4ed url('../../../../uploads/2026/10/site-category-banner.webp') center/cover;isolation:isolate;position:relative;overflow:hidden}
.mega-inner aside:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f2f7f3f5,#f2f7f3b3 60%,transparent);z-index:-1}
.mega-inner h3{font-family:var(--font-body);font-size:30px;font-weight:400}
.mega-inner aside p{font-size:14px;margin:9px 0 17px}
.mega-inner .button{font-size:13px}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding-block:24px;font-size:13px;color:#678e78}
.breadcrumbs a:hover{text-decoration:underline}
.page-intro{padding-bottom:35px;background:linear-gradient(120deg,#f4f8f4,#fff);border-radius:0 0 45% 6%}
.page-intro h1{margin:0 0 12px}
.page-intro p{font-size:17px}
.category-hero{height:285px;position:relative;background:#f1f6f1 url('../../../../uploads/2026/10/site-category-banner.webp') center/cover;isolation:isolate}
.category-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4f8f4bb,transparent 65%);z-index:-1}
.category-hero .breadcrumbs{padding-top:26px;padding-bottom:25px}
#page-view .category-hero h1{font-size:52px;margin-bottom:12px}
.category-hero p{max-width:440px;font-size:18px}
.category-hero>svg{position:absolute;bottom:-1px;left:0;width:100%;height:32px}
.subcategory-strip{display:flex;gap:16px;justify-content:space-between;overflow-x:auto;padding:8px 0 26px;scrollbar-width:thin}
.subcategory-strip a{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;min-width:95px;max-width:130px;flex:1;font-size:13px;line-height:1.35}
.subcategory-strip a>span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(120deg,#eaf2eb,#f9fcfa)}
.subcategory-strip .icon{width:27px;height:27px}
.subcategory-strip .selected{font-weight:700}
.subcategory-strip .selected>span{background:#dce9dd;box-shadow:0 0 0 6px #ecf3ed88}
.catalog-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px;margin-top:12px;padding-bottom:30px;align-items:start}
.catalog-filters{padding:20px 17px;background:#fff;border:1px solid #e8f0e9;border-radius:16px;font-size:13px}
.filter-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}
.filter-heading h2{font-size:21px}
.filter-heading button{font-size:11px;color:#749a84;padding:0}
.catalog-filters details{border-bottom:1px solid #eaf2eb;padding:13px 0}
.catalog-filters details:last-child{border:0}
.catalog-filters summary{font-weight:700;font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.catalog-filters summary:after{content:'⌄'}
.catalog-filters details[open]>summary:after{content:'⌃'}
.catalog-filters label{display:flex;align-items:center;gap:8px;color:#678e78;line-height:1.4;margin-top:12px}
.catalog-filters input[type=checkbox],.catalog-filters input[type=radio]{accent-color:#2a553d;width:15px;height:15px;flex-shrink:0}
.filter-links{display:flex;flex-direction:column;gap:11px;margin-top:14px;color:#678e78}
.filter-links .selected{font-weight:bold;color:#234833}
.brand-search{background:#f9fbf9;border:1px solid #e8f0e9;border-radius:7px;padding:8px}
.brand-search input{width:100%;min-width:0;border:0;background:none;font-size:12px;outline:none}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;margin-bottom:14px;font-size:14px}
.sort-label select{max-width:100%;padding:9px 32px 9px 12px;border:1px solid #e0ebe1;border-radius:8px;background:white;color:#2a553d;font:inherit;font-size:13px}
.mobile-filter-button{display:none}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.catalog-grid .product-card{padding:12px 14px 16px;background:linear-gradient(145deg,#fff,#f5f8f5);border:1px solid #e9f1ea;display:flex;flex-direction:column;min-width:0;border-radius:12px}
.catalog-grid .product-image{height:200px;min-height:0;max-height:none;padding:0}
.catalog-grid .product-name{margin:10px 0 15px}
.catalog-grid .product-name strong{font-size:14px;white-space:normal;line-height:1.4}
.catalog-grid .product-name span{font-size:13px;white-space:normal;line-height:1.4;min-height:36px;margin-top:4px}
.catalog-grid .product-bottom{margin-top:auto;gap:8px;font-size:17px}
.catalog-grid .product-bottom del{font-size:12px}
.catalog-grid .add-cart{width:36px;height:33px;flex-shrink:0}
.catalog-grid .favorite{right:10px;top:10px;width:30px;height:30px}
.catalog-grid .product-badge{top:14px;left:12px;font-size:11px}
#active-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.filter-chip{font-size:12px;background:#ecf3ed;padding:6px 10px;border-radius:20px}
#page-view .catalog-note{font-size:12px;margin-top:24px;color:#84a693}
.view-empty{padding:48px 22px;text-align:center;background:#fff;border:1px solid #e8f0e9;border-radius:16px;grid-column:1/-1}
.view-empty>.icon{font-size:34px;margin-bottom:15px;opacity:.55}
.view-empty h2{font-size:22px;margin-bottom:10px}
.view-empty p{margin:0 auto 20px;max-width:420px;font-size:14px}
.view-empty>.text-link{display:block;margin:18px auto 0;font-size:13px}
.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-block:35px 60px}
.directory-card{padding:30px;border:1px solid #e1ece2;border-radius:18px;background:linear-gradient(135deg,#fff,#f2f7f3);transition:transform .2s}
.directory-card:hover{transform:translateY(-3px)}
.directory-symbol{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#e8f1e9;font-size:22px;font-weight:bold;margin-bottom:22px}
.directory-card h2{font-size:24px;margin-bottom:10px}
.directory-card .text-link{font-size:13px;margin-top:22px}
.campaign-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-block:35px}
.campaign-card{border-radius:20px;padding:38px;min-height:320px;background:linear-gradient(90deg,#eef4eff0,#eef4ef55),url('../../../../uploads/2026/10/site-sun.webp') center/cover}
.campaign-card h2{font-size:37px;font-family:var(--font-body);font-weight:400;margin:20px 0}
.campaign-card .button{margin-top:22px}
.routine-campaign{background-image:linear-gradient(90deg,#f4f8f4f0,#f4f8f444),url('../../../../uploads/2026/10/site-category-banner.webp')}
.product-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:start}
.product-gallery{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px}
.gallery-thumbs{display:flex;flex-direction:column;gap:12px}
.gallery-thumbs button{padding:3px;border:1px solid #e0ebe2;border-radius:10px;background:white;height:90px;overflow:hidden}
.gallery-thumbs button.active{border-color:#427357;box-shadow:0 0 0 1px #427357}
.gallery-thumbs .product-photo{height:100%;width:100%;object-fit:contain}
.gallery-thumbs button:nth-child(2) .product-photo{transform:scale(1.6)}
.gallery-main{position:relative;border-radius:20px;background:radial-gradient(ellipse at 50% 40%,#fff,#f0f6f1);height:510px;padding:32px;overflow:hidden;border:1px solid #e1ece2}
.gallery-main .product-photo{width:100%;height:100%;object-fit:contain;transition:transform .25s;mix-blend-mode:multiply}
.gallery-main.closeup .product-photo{transform:scale(1.5)}
.gallery-zoom{position:absolute;right:16px;bottom:16px;background:white;width:35px;height:35px;display:grid;place-items:center;border-radius:50%}
.product-details-copy{padding:8px 0}
#page-view .detail-brand{font-weight:700;letter-spacing:.02em;color:#234833;font-size:19px;margin-bottom:13px}
#page-view .product-details-copy h1{font-family:var(--font-body);font-size:32px;font-weight:600;line-height:1.2;margin-bottom:14px}
.product-details-copy>p{font-size:15px}
.volume-tag{display:inline-block;font-size:12px;margin-top:15px;border:1px solid #deebe0;border-radius:6px;padding:5px 12px}
.detail-price{display:flex;align-items:center;gap:15px;margin:22px 0}
.detail-price>strong{font-size:34px;line-height:1}
.detail-price del{font-size:17px;color:#8cab99}
.discount-tag{background:#ff273c;color:white;padding:4px 9px;border-radius:7px;font-size:14px;font-weight:700}
.detail-info{padding:16px;background:linear-gradient(100deg,#f1f6f1,#edf4ee);display:flex;align-items:center;gap:12px;border-radius:12px;font-size:13px;line-height:1.5}
.detail-info>.icon{font-size:22px}
.detail-promises{display:flex;justify-content:space-between;gap:10px;margin:24px 0;font-size:11px}
.detail-promises span{display:flex;align-items:center;gap:7px}
.detail-promises .icon{font-size:20px}
.purchase-row{display:flex;align-items:center;gap:12px}
.detail-quantity{display:flex;align-items:center;justify-content:space-between;border:1px solid #dae8dc;border-radius:9px;min-width:105px;height:44px;flex-shrink:0;font-size:14px}
.detail-quantity button{padding:10px 12px;min-width:33px}
.detail-quantity button:disabled{opacity:.3}
.detail-add{flex:1;min-height:46px}
.purchase-row>.favorite{position:static;width:44px;height:44px;border:1px solid #dae8dc;border-radius:9px;flex-shrink:0;display:grid;place-items:center}
#page-view .sample-note{font-size:12px;color:#80a38f;margin-top:17px;line-height:1.5}
.page-trust{display:flex;justify-content:space-between;gap:18px;padding-block:30px;margin-block:16px 25px;border-block:1px solid #ebf2ec}
.page-trust>div{display:flex;align-items:center;gap:12px}
.page-trust .icon{width:27px;height:27px}
.page-trust strong{display:block;font-size:13px;margin-bottom:4px}
.page-trust small{font-size:12px;color:#739a84}
.product-story{display:grid;grid-template-columns:1.1fr 1fr .9fr;border-radius:24px;background:linear-gradient(110deg,#f4f9f5,#eef4ef);overflow:hidden;margin-block:40px}
.product-story>div:first-child{padding:40px}
.product-story h2{font-family:var(--font-body);font-weight:400;font-size:34px;margin-bottom:20px}
.product-story p{font-size:15px;margin-bottom:20px}
.product-story .button{font-size:13px}
.product-story-art{height:340px;background:url('../../../../uploads/2026/10/site-water.webp') center/cover;padding:22px}
.product-story-art .product-photo{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(12deg)}
.product-story aside{padding:35px 25px;background:#ffffffaa}
.product-story aside h3{font-size:19px;margin-bottom:26px}
.product-story aside p{display:flex;align-items:center;gap:10px;font-size:13px}
.product-story aside .icon{padding:10px;box-sizing:content-box;border-radius:50%;background:#eef4ef}
.detail-tabs{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e0ebe2;overflow:auto;scrollbar-width:thin}
.detail-tabs button{padding:16px 18px;white-space:nowrap;color:#668e77;border-bottom:2px solid transparent;font-size:14px}
.detail-tabs button[aria-selected=true]{color:#234632;border-color:#478f66;font-weight:700}
#detail-panel{padding:30px 8px;min-height:200px}
#detail-panel h3{font-size:17px;margin-bottom:12px}
#detail-panel p{font-size:14px;max-width:800px}
#detail-panel p+p{margin-top:14px}
.detail-columns{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.detail-columns>div+div{border-left:1px solid #e4eee5;padding-left:25px}
.recommendations{padding-block:25px 50px}
.recommendations>h2{font-size:24px;margin-bottom:22px}
.recommendations .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.zoomed-product{height:min(65vh,600px);display:flex;justify-content:center}
.zoomed-product .product-photo{height:100%;width:100%;object-fit:contain}
.cart-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px;align-items:start;margin-top:20px}
.cart-list-panel,.order-summary{background:#fff;border-radius:18px;padding:25px;border:1px solid #ecf2ed}
.cart-list-panel>h2,.order-summary>h2{font-size:20px;margin-bottom:23px}
.cart-list-panel>h2 span{font-size:15px;font-weight:400;color:#6f9780;margin-left:6px}
.cart-page-item{display:grid;grid-template-columns:95px minmax(0,1fr) 108px 95px 32px;gap:14px;align-items:center;border-bottom:1px solid #ecf2ed;padding:22px 0;position:relative}
.cart-page-item:last-child{border-bottom:0}
.cart-item-photo{height:140px;border-radius:10px;background:#f7faf7;display:block;padding:8px}
.cart-item-photo .product-photo{width:100%;height:100%;object-fit:contain}
.cart-item-description a{display:flex;flex-direction:column;gap:7px;font-size:14px}
.cart-item-description a>span,.cart-item-description small{font-size:13px;color:#678e78}
.cart-item-description small{display:block;margin-top:9px}
.cart-line-price{font-size:17px}
.cart-item-actions{display:flex;flex-direction:column;gap:20px}
.cart-item-actions .favorite{position:static;display:grid;place-items:center;width:30px;height:30px}
.cart-item-actions>button{padding:4px}
.order-summary{position:sticky;top:84px}
.order-summary dl{margin:0}
.order-summary dl>div{display:flex;justify-content:space-between;gap:10px;margin:18px 0;font-size:14px;color:#658b75}
.order-summary dd{margin:0;color:#224531}
.order-summary .summary-total{font-weight:700;color:#224531;font-size:20px;border-top:1px solid #e8f1e9;padding-top:20px;margin-top:22px}
.summary-total small{display:block;font-size:12px;font-weight:400;color:#6e967f;margin-top:6px}
.order-summary>.button{width:100%;margin-block:12px 20px}
.order-summary>.button:disabled{opacity:.4;transform:none}
#coupon-form>label{display:block;font-size:13px;margin-bottom:8px}
#coupon-form>div{display:flex;gap:6px}
#coupon-form input{width:100%;min-width:0;padding:11px 9px;font-size:12px;border:1px solid #e1ebe2;border-radius:7px;color:#264b36}
#coupon-form button{background:#eaf2eb;border-radius:7px;font-size:12px;padding:9px}
#page-view #coupon-message{font-size:12px;margin-top:9px}
.account-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;min-height:580px;padding-top:15px;padding-bottom:65px}
.account-sidebar{background:#fff;border-radius:16px;padding:24px 15px;align-self:start}
.account-sidebar h2{font-size:21px;padding:0 10px 16px}
.account-sidebar>a{display:flex;align-items:center;gap:11px;font-size:14px;padding:12px 10px;margin-bottom:7px;border-radius:7px;color:#618772}
.account-sidebar>a.active{background:#eef4ef;color:#234733}
.account-sidebar>a:last-child{border-top:1px solid #eff5f0;margin-top:15px;padding-top:20px}
.account-content>h1{margin:4px 0 12px}
.account-content>p{margin-bottom:15px}
.order-tabs{display:flex;gap:14px;justify-content:space-between;border-radius:12px;background:#fff;padding:8px 18px;overflow:auto;margin:24px 0 14px}
.order-tabs button{padding:12px 0;white-space:nowrap;font-size:12px;border-bottom:2px solid transparent}
.order-tabs button[aria-pressed=true]{border-color:#479067;font-weight:700}
.order-card{display:grid;grid-template-columns:1.2fr 1fr auto auto;gap:22px;align-items:center;background:#fff;border-radius:15px;padding:25px;margin-bottom:18px;font-size:13px}
.order-card>div:first-child{display:flex;flex-direction:column;gap:8px}
.order-card small{color:#739a84;font-size:12px}
.order-images{display:flex;gap:7px}
.order-images .product-photo{width:52px;height:75px;object-fit:contain;background:#f7faf7;border-radius:7px}
.order-status{padding:6px 10px;font-size:11px;white-space:nowrap;border-radius:9px;background:#eef5ef;color:#40825d}
.order-status.delivered{color:#17854b;background:#e5f6ec}
.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px;border:1px solid #dae9dc;border-radius:8px;font-size:12px;background:#fff}
.account-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:30px;background:#fff;border-radius:16px;max-width:800px;margin-top:24px}
.account-form label,.login-card label{display:flex;flex-direction:column;gap:9px;font-size:14px}
.account-form input,.account-form textarea,.login-card input{width:100%;padding:12px;border:1px solid #dbe8dc;background:#fdfdfd;border-radius:8px;color:#224431;font-size:15px;min-width:0}
.account-form textarea{min-height:100px;resize:vertical}
.account-form .full-field{grid-column:1/-1}
.account-form>.button{justify-self:start}
.form-message{font-size:13px;grid-column:1/-1}
.notification-form{grid-template-columns:1fr}
.notification-form label{flex-direction:row;align-items:center}
.notification-form input{width:18px;height:18px;accent-color:#2b563e}
.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:40px 65px;max-width:1050px}
.login-card{padding:32px;background:#fff;border:1px solid #e5efe6;border-radius:18px}
.login-card h2{font-size:26px;margin-bottom:26px}
.login-card form{display:flex;flex-direction:column;gap:20px}
.login-layout aside{align-self:center}
.login-layout aside h2{font-family:var(--font-body);font-size:38px;font-weight:400;margin:18px 0}
.login-layout aside .button{margin-top:25px}
#login-message{font-size:13px}
@media(min-width:761px) and (max-width:1200px){.navigation-bar .nav{gap:8px;font-size:12px}.nav-entry{gap:0}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}.product-detail{gap:25px}.product-gallery{grid-template-columns:55px minmax(0,1fr);gap:8px}.gallery-main{height:430px;padding:20px}.gallery-thumbs button{height:75px}.cart-page-layout{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.cart-list-panel,.order-summary{padding:18px}.cart-page-item{grid-template-columns:70px minmax(0,1fr) 95px 30px;gap:12px}.cart-page-item .detail-quantity{grid-column:2;grid-row:2;width:108px}.cart-line-price{grid-column:3;grid-row:1}.cart-item-actions{grid-column:4;grid-row:1/3}.cart-item-photo{grid-row:1/3}.order-card{grid-template-columns:1fr 1fr;gap:20px}.account-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.product-story>div:first-child{padding:25px}.product-story h2{font-size:28px}.product-story aside{padding:25px 18px}}
@media(max-width:1000px) and (min-width:761px){.navigation-bar .nav{height:auto;min-height:36px;flex-wrap:wrap;justify-content:center;gap:0 17px}.nav-entry{height:34px}.mega-links{grid-template-columns:1fr 1fr}.page-trust{gap:12px}.page-trust>div{gap:7px}.page-trust strong{font-size:11px}.page-trust small{font-size:10px}.purchase-row{flex-wrap:wrap}.purchase-row>.detail-add{order:3;flex-basis:100%}.product-story{grid-template-columns:1fr 1fr}.product-story aside{grid-column:1/-1;display:flex;align-items:center;justify-content:space-around;gap:10px}.product-story aside h3,.product-story aside p{margin:0}.directory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
 #page-view{padding-bottom:20px}#page-view h1{font-size:33px}.breadcrumbs{font-size:11px;padding-block:20px;gap:7px}.page-intro{padding-bottom:28px}.page-intro p{font-size:14px}.navigation-bar .nav.open{display:flex;flex-direction:column;gap:0;padding:10px 5%;align-items:stretch}.nav-entry{height:auto;min-height:43px;justify-content:space-between;gap:10px}.nav-entry>a{padding:10px 0;flex:1}.navigation-bar .nav .submenu-toggle{padding:9px 12px}.mega-menu{position:fixed;top:118px;bottom:auto;max-height:calc(100dvh - 118px);overflow:auto;border-radius:0 0 15px 15px;z-index:12}.mega-inner{display:block;padding-block:20px}.mega-links{grid-template-columns:1fr 1fr;gap:18px;font-size:14px}.mega-inner aside{display:none}.mega-heading h2{font-size:22px}.category-hero{height:265px;background-position:60% center}.category-hero:before{background:linear-gradient(90deg,#f5f9f6f5,#f5f9f6e0 45%,#f5f9f633)}.category-hero .breadcrumbs{padding-block:20px}#page-view .category-hero h1{font-size:38px}.category-hero p{font-size:15px;max-width:240px}.subcategory-strip{gap:16px;justify-content:flex-start;padding-bottom:22px}.subcategory-strip a{min-width:84px;max-width:110px;font-size:12px}.subcategory-strip a>span{width:49px;height:49px}.catalog-layout{display:flex;flex-direction:column;gap:0;margin-top:0}.catalog-filters{display:none;width:100%;margin-bottom:20px;order:1}.catalog-filters.open{display:block}.catalog-results{width:100%;display:contents}.catalog-toolbar{order:0;width:100%;gap:9px;flex-wrap:wrap;margin-bottom:15px}.catalog-toolbar p{font-size:12px;margin-right:auto}.mobile-filter-button{display:flex;align-items:center;gap:7px;border:1px solid #d4e5d6;border-radius:7px;padding:8px 10px;font-size:13px;background:#fff}.sort-label{margin-left:auto}.sort-label select{font-size:12px;width:155px;padding:9px 5px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;order:3}.catalog-grid .product-card{padding:8px 10px 13px}.catalog-grid .product-image{height:170px}.catalog-grid .product-name strong{font-size:13px}.catalog-grid .product-name span{font-size:12px;min-height:36px}.catalog-grid .product-bottom{font-size:15px;gap:5px}.catalog-grid .product-bottom del{font-size:10px}.catalog-grid .add-cart{width:32px;height:32px}.catalog-grid .favorite{right:5px;top:5px}.catalog-grid .product-badge{font-size:10px;top:10px;left:8px}#active-filters{order:2}.catalog-note{order:4}.directory-grid{grid-template-columns:1fr 1fr;gap:12px;padding-block:24px 35px}.directory-card{padding:20px 15px}.directory-card h2{font-size:19px;overflow-wrap:anywhere}.directory-symbol{width:50px;height:50px;font-size:19px}.directory-card p{font-size:13px}.directory-card .text-link{font-size:12px;gap:8px}.campaign-cards{grid-template-columns:1fr;gap:18px;margin-block:25px}.campaign-card{padding:28px;min-height:290px}.campaign-card h2{font-size:32px}.product-detail{grid-template-columns:1fr;gap:24px}.product-gallery{grid-template-columns:1fr;gap:12px}.gallery-thumbs{flex-direction:row;order:2}.gallery-thumbs button{width:63px;height:70px}.gallery-main{height:350px;padding:25px;border-radius:16px}.product-details-copy{padding:0}#page-view .detail-brand{font-size:16px}#page-view .product-details-copy h1{font-size:27px}.detail-price>strong{font-size:30px}.detail-promises{font-size:10px;gap:6px}.detail-promises .icon{font-size:17px}.purchase-row{gap:8px}.detail-quantity{min-width:92px}.detail-quantity button{padding:9px}.detail-add{font-size:13px;padding:12px 10px;gap:7px}.purchase-row>.favorite{width:40px}.page-trust{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px;margin-block:25px;padding-block:20px}.page-trust strong{font-size:12px}.page-trust small{font-size:10px}.page-trust>div{gap:8px}.page-trust .icon{width:23px;height:23px}.product-story{grid-template-columns:1fr 1fr;margin-block:25px;border-radius:15px}.product-story>div:first-child{padding:23px 18px}.product-story .eyebrow{font-size:9px}.product-story h2{font-size:25px}.product-story p{font-size:12px}.product-story .button{font-size:11px;padding:10px;gap:8px}.product-story-art{height:100%;min-height:280px;padding:12px}.product-story aside{grid-column:1/-1;padding:22px}.product-story aside h3{margin-bottom:15px}.product-story aside p{margin-bottom:12px}.detail-tabs{gap:6px}.detail-tabs button{font-size:12px;padding:13px 9px}#detail-panel{padding:25px 0;min-height:170px}.detail-columns{grid-template-columns:1fr;gap:22px}.detail-columns>div+div{border:0;padding:0}.recommendations{padding-block:20px 30px}.recommendations>h2{font-size:21px}.recommendations .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-page-layout{grid-template-columns:1fr;gap:22px;margin-top:10px}.cart-list-panel,.order-summary{padding:18px 14px}.cart-page-item{grid-template-columns:67px minmax(0,1fr) 26px;gap:10px;padding:20px 0}.cart-item-photo{height:110px;grid-column:1;grid-row:1/3;padding:5px}.cart-item-description{grid-column:2;grid-row:1}.cart-item-description a{font-size:12px;gap:5px}.cart-item-description a>span,.cart-item-description small{font-size:11px}.cart-page-item .detail-quantity{grid-column:2;grid-row:2;width:96px;min-width:0;max-width:96px;height:35px;font-size:12px}.cart-line-price{grid-column:2;grid-row:3;font-size:15px}.cart-item-actions{grid-column:3;grid-row:1/4;gap:25px}.cart-item-actions .favorite{width:26px}.order-summary{position:static}.account-layout{grid-template-columns:1fr;gap:20px;padding-top:0;padding-bottom:30px}.account-sidebar{display:flex;overflow-x:auto;gap:8px;padding:10px;border-radius:12px;scrollbar-width:thin}.account-sidebar h2{display:none}.account-sidebar>a{white-space:nowrap;margin:0;font-size:12px;padding:10px}.account-sidebar>a:last-child{padding:10px;margin:0;border:0}.account-content{min-width:0}.account-content>p{font-size:14px}.order-tabs{gap:23px;padding:6px 15px}.order-tabs button{font-size:11px}.order-card{grid-template-columns:1fr 1fr;gap:17px;padding:19px;font-size:12px}.order-images{justify-content:flex-end}.order-images .product-photo{width:40px;height:60px}.order-status{justify-self:start;font-size:10px}.order-card .outline-button{font-size:11px;padding:10px;gap:8px}.account-form{grid-template-columns:1fr;padding:22px 18px;gap:18px;margin-top:20px}.login-layout{grid-template-columns:1fr;gap:32px;padding-block:25px 35px}.login-card{padding:24px}.login-layout aside{padding:0 8px}.login-layout aside h2{font-size:30px}.view-empty{padding:35px 18px}.view-empty h2{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.directory-card,.gallery-main .product-photo{transition:none}}
/* Unadorned menu labels and a compact, editorial dropdown. */
.navigation-bar .nav .nav-label{padding:8px 0;font-size:14px;font-weight:400;position:relative}
.nav-label:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:2px;background:#3c7253;transform:scaleX(0);transition:transform .15s}
.nav-label[aria-expanded=true]:after{transform:scaleX(1)}
.mega-menu{border-top:1px solid #eaf0eb;border-radius:0 0 12px 12px;box-shadow:0 15px 25px #22453114}
.mega-inner{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr) 260px;gap:30px;padding-block:30px;align-items:start}
.mega-title{padding-right:15px}
.mega-title .eyebrow{font-size:9px;color:#8bab99;letter-spacing:.15em;margin:0 0 12px}
.mega-title h2{font-size:25px;line-height:1.2;margin-bottom:20px}
.mega-all{font-size:13px;color:#547864;text-decoration:underline;text-underline-offset:5px}
.mega-category-links{border-left:1px solid #eaf1eb;padding-left:30px;min-height:130px}
.mega-category-links>p{font-size:12px;font-weight:600;color:#a0b0a7;margin:0 0 15px}
.mega-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 24px;margin:0;font-size:14px}
.mega-links a{line-height:1.4}
.mega-featured{display:flex;align-items:center;gap:15px;background:#f7faf7;border-radius:10px;padding:15px;margin-right:15px}
.mega-featured>img{width:65px;height:100px;object-fit:contain;mix-blend-mode:multiply}
.mega-featured>div{display:flex;flex-direction:column;gap:7px;font-size:12px}
.mega-featured small{font-size:9px;letter-spacing:.12em;color:#82a491;margin-bottom:4px}
.mega-featured strong{font-size:13px}
.mega-featured span{color:#6b937c;font-size:11px}
.mega-featured b{font-size:14px;margin-top:4px}
.mega-close{position:absolute;right:-10px;top:7px;font-size:12px;color:#7fa38f}
.card-seller{font-size:10px;color:#719882;line-height:1.4;margin:0 0 12px}
#page-view .card-seller{font-size:11px;line-height:1.4;color:#789d88}
.product-detail{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) 225px;gap:28px}
.product-gallery{grid-template-columns:60px minmax(0,1fr);gap:10px}
.gallery-main{height:470px;padding:25px}
#page-view .product-details-copy h1{font-size:29px}
.selected-seller{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;margin-top:17px;color:#769b86}
.selected-seller>a{font-weight:700;color:#427b5b;text-decoration:underline;text-underline-offset:3px}
.best-offer{display:inline-flex;border-radius:5px;background:#e6f5ed;color:#258453;font-size:10px;padding:3px 6px;line-height:1.4}
.seller-panel{display:flex;flex-direction:column;gap:20px;font-size:12px}
.seller-profile-card,.other-sellers{border:1px solid #e3ede4;border-radius:12px;background:#fff;overflow:hidden}
.seller-profile-card{padding:18px}
#page-view .seller-eyebrow{font-size:9px;letter-spacing:.06em;color:#8aaa98;margin-bottom:12px}
.seller-name{font-size:14px;font-weight:700;color:#447e5d;display:block}
.seller-name:hover{text-decoration:underline}
.seller-profile-card>p{font-size:12px;margin-top:7px}
.seller-demo{display:inline-block;font-size:10px;margin-top:10px;color:#779d88}
.seller-store-link{display:block;text-align:center;background:#f5f8f5;border-radius:7px;padding:10px;margin-top:15px;font-size:12px}
.other-sellers>h2{font-size:14px;letter-spacing:0;padding:16px;background:#f7faf7}
.other-sellers>h2 span{font-size:12px;font-weight:400;color:#83a692}
.seller-offer{padding:17px;border-top:1px solid #ebf1ec;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
#page-view .seller-offer p{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.4;color:#779c87}
.seller-offer small{font-size:10px;padding:3px 5px;border-radius:4px;background:#f3f7f3}
.seller-offer>strong{font-size:21px;letter-spacing:-.03em;margin:3px 0}
.offer-select{display:block;width:100%;border:1px solid #c6dcc9;border-radius:7px;padding:8px;text-align:center;font-size:12px}
.offer-select:hover{background:#f2f7f3}
.offer-direct-add{font-size:11px;color:#648974;padding:3px 0;text-decoration:underline;text-underline-offset:3px;align-self:center}
.seller-cart-group{margin-top:18px;border:1px solid #e7efe8;border-radius:12px;overflow:hidden}
.seller-cart-group>header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 15px;background:#f4f8f4;font-size:13px;color:#6a927b}
.seller-cart-group>header a{color:#33694a;font-weight:700}
.seller-cart-group>header small{font-size:10px;color:#2e865d}
.seller-cart-group .cart-page-item{margin-inline:15px}
.store-overview{display:flex;gap:25px;align-items:center;padding:30px;margin-top:30px;border:1px solid #e4efe6;border-radius:16px;background:#fff}
.store-overview h2{font-size:25px;margin-bottom:7px}
.store-overview>span{margin-left:auto;font-size:13px;color:#2d865c}
.store-monogram{width:80px;height:80px;display:grid;place-items:center;border-radius:18px;font-family:var(--font-body);font-size:37px;background:#ebf3ec;flex-shrink:0}
@media(min-width:761px) and (max-width:1200px){.navigation-bar .nav .nav-label{font-size:13px}.mega-inner{grid-template-columns:150px minmax(0,1fr) 200px;gap:20px}.mega-category-links{padding-left:20px}.mega-links{grid-template-columns:1fr 1fr;font-size:13px;gap:15px}.mega-featured{padding:12px;gap:9px}.mega-featured>img{width:45px;height:90px}.mega-title h2{font-size:23px}.product-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.seller-panel{grid-column:1/-1;display:grid;grid-template-columns:230px 1fr;gap:20px}.other-sellers{display:grid;grid-template-columns:1fr 1fr}.other-sellers>h2{grid-column:1/-1}.seller-offer+article{border-left:1px solid #ebf1ec}.gallery-main{height:440px}#page-view .product-details-copy h1{font-size:28px}}
@media(max-width:760px){
 .navigation-bar .nav .nav-label{font-size:15px;display:block;width:100%;text-align:left;padding:12px 0}.nav-label:after{display:none}.nav-entry{border-bottom:1px solid #f0f5f1}.nav-entry:last-child{border:0}.mega-inner{display:block;padding:25px 0 20px}.mega-title{padding:0 30px 20px 0;border-bottom:1px solid #eff4f0;margin-bottom:20px}.mega-title h2{font-size:25px;margin-bottom:12px}.mega-title .eyebrow{font-size:9px}.mega-category-links{border:0;padding:0;min-height:0}.mega-links{grid-template-columns:1fr 1fr;gap:0 22px}.mega-links a{padding:12px 0;font-size:14px;border-bottom:1px solid #f2f5f2}.mega-category-links>p{margin-bottom:7px}.mega-featured{margin:22px 0 0;padding:12px 20px}.mega-featured>img{width:55px;height:75px}.mega-featured>div{display:grid;grid-template-columns:1fr auto;gap:5px 14px;flex:1}.mega-featured small{grid-column:1/-1}.mega-featured span{grid-column:1;grid-row:3}.mega-featured b{grid-column:2;grid-row:2/4;align-self:center}.mega-close{right:0;top:15px}.product-detail{grid-template-columns:1fr;gap:24px}.product-gallery{grid-template-columns:1fr}.gallery-main{height:350px}#page-view .product-details-copy h1{font-size:27px}.seller-panel{display:flex;gap:15px}.seller-profile-card{padding:17px}.other-sellers{display:grid;grid-template-columns:1fr 1fr}.other-sellers>h2{grid-column:1/-1}.seller-offer{padding:14px;gap:10px}.seller-offer+article{border-left:1px solid #ebf1ec}.seller-offer .seller-name{font-size:13px}.seller-offer>strong{font-size:20px}.seller-cart-group>header{padding:12px 10px;font-size:12px;align-items:flex-start}.seller-cart-group .cart-page-item{margin-inline:10px;grid-template-columns:52px minmax(0,1fr) 23px;gap:8px}.cart-list-panel{padding:18px 10px}.store-overview{padding:20px;gap:15px;flex-wrap:wrap}.store-monogram{width:55px;height:55px;font-size:28px}.store-overview h2{font-size:22px}.store-overview p{font-size:12px}.store-overview>span{margin-left:70px}.card-seller{font-size:10px}.mega-featured strong{font-size:13px}
}
/* Soften the studio-photo edges without clipping the products. */
.gallery-main .product-photo,.product-story-art .product-photo{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
@media(min-width:1201px){
 .seller-panel{gap:14px}
 .seller-profile-card{padding:14px 16px}
 #page-view .seller-eyebrow{margin:0 0 9px}
 .seller-profile-card>p:not(.seller-eyebrow){display:inline-block;margin:7px 9px 0 0}
 .seller-demo{margin-top:7px}
 .seller-store-link{padding:8px;margin-top:12px}
 .other-sellers>h2{padding:13px 16px}
 .seller-offer{padding:14px 16px;gap:8px}
 .seller-offer>strong{margin:0}
 .offer-select{padding:6px}
 .offer-direct-add{padding:1px 0}
}
/* Dropdowns fit their links instead of stretching across the whole viewport. */
.mega-title .eyebrow,.mega-category-links>p{display:none}
.mega-title h2{font-size:22px;margin-bottom:13px}
.mega-category-links{min-height:0}
.mega-featured{margin-right:0;padding:12px;gap:12px}
.mega-featured>img{width:48px;height:78px}
.mega-featured>div{gap:5px}
.mega-featured small{margin-bottom:2px}
@media(min-width:761px){
 .mega-menu{right:auto;width:min(var(--menu-width,963px),calc(100% - 32px));border:1px solid #e6efe7;border-radius:0 0 12px 12px}
 .mega-inner{width:100%;max-width:none;grid-template-columns:160px minmax(0,1fr) 210px;gap:20px;padding:23px 24px;align-items:center}
 .mega-title{padding-right:0}
 .mega-category-links{padding-left:20px}
 .mega-links{grid-template-columns:repeat(var(--menu-columns,3),minmax(0,1fr));gap:12px 18px;font-size:14px}
 .mega-links a{padding:2px 0}
 .mega-close{top:3px;right:5px;padding:4px;font-size:10px}
}
@media(min-width:761px) and (max-width:1000px){
 .mega-inner{grid-template-columns:145px minmax(0,1fr) 185px;gap:16px;padding-inline:20px}
 .mega-category-links{padding-left:16px}
 .mega-links{grid-template-columns:repeat(2,minmax(0,1fr));font-size:13px}
 .mega-menu[data-columns="1"] .mega-links{grid-template-columns:1fr}
 .mega-featured{gap:8px;padding:10px}
 .mega-featured>img{width:38px;height:70px}
}
@media(max-width:760px){
 .mega-inner{padding-block:18px}
 .mega-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:0 28px 15px 0;margin-bottom:8px}
 .mega-title h2{font-size:22px;margin:0}
 .mega-all{font-size:12px}
 .mega-featured{margin-top:14px}
 .mega-featured>img{height:65px}
 .mega-close{top:15px}
}
/* Product-list controls share one filter state, including category and search. */
.catalog-filters .filter-links{gap:0;margin-top:4px}
.catalog-filters .filter-links label{cursor:pointer}
.catalog-filters .filter-links label:has(input:checked){color:#254b35;font-weight:600}
.catalog-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto 210px;gap:14px;align-items:center;margin-bottom:18px}
.catalog-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e0ebe1;border-radius:9px;padding:0 12px;height:44px;min-width:0}
.catalog-search:focus-within{border-color:#9dc3ad;box-shadow:0 0 0 2px #e4eee566}
.catalog-search>.icon{width:18px;height:18px;color:#6f9680}
.catalog-search input{width:100%;min-width:0;border:0;outline:0;background:none;color:#2a553d;font-size:14px;padding:10px 0}
.catalog-search input::-webkit-search-cancel-button{display:none}
.catalog-search button{display:grid;place-items:center;padding:6px;border-radius:5px;color:#719882;flex-shrink:0}
.catalog-search button:hover{background:#f1f6f1}
.catalog-search button .icon{width:16px;height:16px}
.catalog-toolbar #result-count{font-size:13px;white-space:nowrap;margin:0}
.catalog-sort{position:relative;min-width:0;width:100%}
#catalog-sort{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;height:44px;padding:0 15px;border:1px solid #e0ebe1;border-radius:9px;background:#fff;color:#2a553d;text-align:left;font-size:13px}
#catalog-sort>span{min-width:0;white-space:nowrap}
#catalog-sort .sort-chevron{width:16px;height:16px;flex-shrink:0;transition:transform .15s}
#catalog-sort[aria-expanded=true]{border-color:#9dc3ad;box-shadow:0 0 0 2px #e4eee566}
#catalog-sort[aria-expanded=true] .sort-chevron{transform:rotate(180deg)}
#catalog-sort-options{position:absolute;right:0;top:calc(100% + 7px);z-index:6;min-width:100%;width:230px;max-width:calc(100vw - 32px);padding:6px;background:#fff;border:1px solid #e0ebe2;border-radius:10px;box-shadow:0 10px 28px #2547341c}
#catalog-sort-options button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:12px 10px;text-align:left;font-size:13px;border-radius:6px;white-space:nowrap}
#catalog-sort-options button:hover,#catalog-sort-options button:focus-visible{background:#f3f8f4}
#catalog-sort-options button[aria-selected=true]{color:#356b4c;background:#f0f6f1;font-weight:600}
.sort-check{visibility:hidden}
[aria-selected=true]>.sort-check{visibility:visible}
.filter-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;line-height:1.4}
.filter-chip>span{font-size:16px;line-height:1}
@media(min-width:761px) and (max-width:1200px){
 .catalog-toolbar{grid-template-columns:minmax(0,1fr) 210px;gap:12px}
 .catalog-search{grid-column:1/-1}
}
@media(max-width:760px){
 .catalog-toolbar{grid-template-columns:minmax(80px,1fr) minmax(175px,1.7fr);gap:10px;margin-bottom:12px}
 .catalog-search{grid-column:1/-1;grid-row:1}
 .catalog-search input{font-size:14px}
 .catalog-toolbar .mobile-filter-button{grid-column:1;grid-row:2;height:44px;justify-self:start}
 .catalog-toolbar .catalog-sort{grid-column:2;grid-row:2}
 .catalog-toolbar #result-count{grid-column:1/-1;grid-row:3;font-size:12px;margin-top:2px}
 #catalog-sort{font-size:12px;padding-inline:12px;gap:10px}
 #catalog-sort-options button{min-height:44px}
}

/* Compact category popovers. */
.mega-menu{border:1px solid #e5ede6;border-radius:0 0 15px 15px;box-shadow:0 14px 35px #26483518}
.mega-menu .mega-inner{display:block;width:100%;max-width:none;padding:18px}
.mega-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 6px 12px;border-bottom:1px solid #eff4f0;margin-bottom:8px}
.mega-topline h2{font-size:16px;letter-spacing:-.02em}
.mega-topline .mega-close{position:static;padding:6px;font-size:13px;border-radius:6px;color:#6f9680}
.mega-topline .mega-close:hover{background:#f1f6f1}
.mega-menu .mega-links{display:grid;grid-template-columns:repeat(var(--menu-columns,2),minmax(0,1fr));gap:3px 8px;margin:0}
.mega-menu .mega-links a{display:flex;align-items:center;gap:10px;padding:9px 7px;min-height:48px;border:0;border-radius:8px;font-size:14px;line-height:1.35;text-decoration:none;transition:background .15s}
.mega-menu .mega-links a:hover,.mega-menu .mega-links a:focus-visible{background:#f2f7f3}
.menu-link-mark{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:8px;background:#f3f7f3;color:#5e826e}
.menu-link-mark .icon{width:17px;height:17px}
.mega-menu .mega-all{display:block;border-top:1px solid #eff4f0;margin-top:10px;padding:14px 6px 1px;color:#4e7a61;font-size:13px;font-weight:600;text-decoration:none}
.mega-menu .mega-all:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.mega-menu{left:0;right:0;width:100%}.mega-menu .mega-inner{padding:17px 5% 20px}.mega-menu .mega-links{grid-template-columns:1fr}.mega-menu .mega-links a{min-height:49px;font-size:15px}.mega-topline h2{font-size:18px}}

/* Account entry, with an explicit preview option until authentication is connected. */
.auth-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1050px;gap:65px;padding-block:48px 65px;align-items:start}
.auth-story{position:relative;overflow:hidden;min-height:610px;border-radius:24px;background:#eef4ef;padding:38px 35px;isolation:isolate}
.auth-story .eyebrow{font-size:10px;letter-spacing:.16em}
.auth-story h2{font-family:var(--font-body);font-size:48px;font-weight:400;line-height:1.08;margin:20px 0;letter-spacing:-.045em}
.auth-story>p:not(.eyebrow){font-size:15px;line-height:1.6;color:#587966}
.auth-story ul{display:grid;gap:17px;margin-top:28px;font-size:13px}
.auth-story li{display:flex;align-items:center;gap:12px}
.auth-story li .icon{width:19px;height:19px}
.auth-story-image{position:absolute;bottom:0;left:0;right:0;height:230px;background:linear-gradient(#eef4ef,transparent 30%),url('../../../../uploads/2026/10/site-category-banner.webp') right bottom/auto 250px no-repeat;z-index:-1}
.auth-card{padding:15px 0;min-width:0}
.auth-heading>p{font-size:10px;letter-spacing:.16em;color:#6b937c;margin-bottom:12px}
#page-view .auth-heading h1{font-size:31px;letter-spacing:-.035em;margin:0 0 26px}
.auth-tabs{display:flex;border-bottom:1px solid #e0eae1;margin-bottom:24px;gap:28px}
.auth-tabs a{font-size:16px;padding:0 4px 14px;color:#719882;border-bottom:2px solid transparent;margin-bottom:-1px}
.auth-tabs a.active{color:#2a553d;border-color:#2a553d;font-weight:600}
.auth-reason{display:flex;gap:10px;align-items:center;background:#f1f7f2;border-radius:9px;padding:12px;font-size:13px;line-height:1.5;margin-bottom:22px;color:#506f5d}
.auth-form{display:flex;flex-direction:column;gap:18px}
.auth-field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600;min-width:0}
.auth-field input{width:100%;height:48px;border:1px solid #dbe7dd;border-radius:8px;background:#fff;padding:0 13px;font-size:15px;color:#264734;outline-offset:2px;font-weight:400}
.auth-field input:focus{border-color:#8aae99}
.password-field{position:relative;display:block}
.password-field input{padding-right:48px}
.password-field button{position:absolute;right:4px;top:4px;width:40px;height:40px;display:grid;place-items:center;color:#729983}
.password-field .icon{width:20px;height:20px}
.auth-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.auth-hint{font-size:12px;color:#719882;margin-top:-11px}
.forgot-link{align-self:flex-end;font-size:13px;color:#567c66;margin-top:-3px}
.forgot-link:hover,.auth-back:hover{text-decoration:underline}
.auth-submit{width:100%;min-height:48px;font-size:15px;border-radius:8px;margin-top:2px}
.auth-message{font-size:13px;color:#5e816d;line-height:1.5}
.auth-message:empty{display:none}
.auth-preview{margin-top:25px;border-top:1px solid #e5eee6;padding-top:18px}
.auth-preview p{font-size:12px;color:#7a9f8a;line-height:1.5}
.auth-preview button{display:flex;align-items:center;gap:12px;padding:12px 0 0;font-size:13px;color:#537b64;text-align:left}
.auth-back{display:inline-block;margin-top:20px;font-size:14px}
.account-preview-label{display:block;font-size:11px;color:#7a9f8a;margin:20px 10px 4px}
.account-logout{display:flex;gap:10px;align-items:center;padding:12px 10px;font-size:14px;text-align:left;width:100%}
@media(max-width:1000px){.auth-layout{gap:35px}.auth-story{padding:30px 25px}.auth-story h2{font-size:42px}}
@media(max-width:760px){.auth-layout{display:block;max-width:470px;padding-block:25px 35px}.auth-story{display:none}.auth-card{padding:0 7px}#page-view .auth-heading h1{font-size:28px;margin-bottom:24px}.auth-heading>p{font-size:9px}.auth-field input{font-size:16px}.auth-preview{margin-top:24px}.account-preview-label{display:none}.account-logout{width:auto;white-space:nowrap;padding:10px}}

@media(max-width:760px){.navigation-bar:has(.mega-menu:not([hidden])) .nav.open{visibility:hidden}}

/* Side cart: fixed summary, independently scrolling seller groups. */
html:has(#cart-dialog[open]){overflow:hidden}
#cart-dialog{width:460px;max-width:100%;height:100dvh;max-height:100dvh;inset:0 0 0 auto;margin:0;padding:0;border:0;border-radius:18px 0 0 18px;background:#fff;color:#254834;overflow:hidden;box-shadow:-15px 0 60px #22433020}
#cart-dialog[open]{display:flex;flex-direction:column;animation:cart-enter .24s ease-out}
#cart-dialog::backdrop{background:#22433045;backdrop-filter:blur(2px)}
#cart-dialog .cart-heading{flex-shrink:0;margin:0;padding:23px 24px 20px;border-bottom:1px solid #eaf1eb;gap:15px}
#cart-dialog .cart-heading h2{font-size:24px;letter-spacing:-.035em;display:flex;align-items:center;gap:12px}
#cart-dialog #cart-items-count{font-size:12px;background:#f1f7f2;border-radius:20px;padding:5px 9px;color:#6a937c;letter-spacing:0;white-space:nowrap}
#cart-dialog .cart-heading button{width:36px;height:36px;background:#f5f8f5;border-radius:50%;font-size:13px}
#cart-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:7px 24px 20px;scrollbar-width:thin}
.drawer-seller{padding-top:16px}
.drawer-seller>header{display:flex;align-items:center;gap:8px;font-size:12px;background:#f5f8f5;padding:11px 12px;border-radius:8px;color:#668e77}
.drawer-seller>header strong{color:#375c47;font-weight:600}
.drawer-seller>header .icon{width:15px;height:15px}
.drawer-item{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:15px;padding:19px 0;border-bottom:1px solid #eff4f0}
.drawer-photo{height:117px;background:#f8fbf9;border-radius:9px;padding:7px;display:block}
.drawer-photo .product-photo{width:100%;height:100%;object-fit:contain}
.drawer-item-info>a{display:block;padding-right:28px;font-size:13px;line-height:1.45}
.drawer-item-info>a strong,.drawer-item-info>a span{display:block}
.drawer-item-info>a span{color:#5e816d;margin-top:4px}
.drawer-item-info>small{display:block;font-size:11px;color:#83a592;margin-top:7px}
.drawer-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}
.drawer-item-bottom>strong{font-size:16px;white-space:nowrap}
#cart-dialog .quantity{margin:0;gap:0;height:33px;border-color:#e0eae1;border-radius:6px;overflow:hidden;font-size:13px;flex-shrink:0}
#cart-dialog .quantity button{width:30px;height:31px;padding:0;font-size:17px}
#cart-dialog .quantity button:hover{background:#f1f6f1}
#cart-dialog .quantity button:disabled{opacity:.35}
#cart-dialog .quantity output{min-width:25px;text-align:center}
#cart-dialog .remove-item{position:absolute;top:16px;right:-5px;width:30px;height:30px;padding:7px;color:#8bab99}
#cart-dialog .remove-item:hover{color:#bc5260}
#cart-summary{flex-shrink:0;padding:16px 24px 14px;border-top:1px solid #e7f0e8;background:#fff;box-shadow:0 -8px 25px #2c4e3b05;max-height:50dvh;overflow:auto}
#cart-summary[hidden]{display:none}
.drawer-shipping{display:flex;align-items:center;gap:9px;font-size:11px;color:#588575;margin-bottom:12px}
.drawer-shipping .icon{width:18px;height:18px}
.drawer-coupon{font-size:12px;color:#6d957e;margin-bottom:12px}
.drawer-coupon summary{cursor:pointer;width:fit-content}
.drawer-coupon form{padding-top:10px}
.drawer-coupon form>div{display:flex;gap:8px}
.drawer-coupon input{min-width:0;width:100%;padding:9px 10px;border:1px solid #dee9df;border-radius:6px;color:#375c47}
.drawer-coupon form button{border:1px solid #dee9df;border-radius:6px;padding:7px 12px;font-size:12px}
.drawer-coupon form p{font-size:11px;margin-top:7px}
.drawer-discount{display:flex;justify-content:space-between;color:#588575;font-size:12px;margin-bottom:10px}
#cart-dialog .cart-total{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px;font-size:23px;gap:15px}
#cart-dialog .cart-total div>span{font-size:14px;font-weight:600;display:block}
#cart-dialog .cart-total small{display:block;font-size:10px;color:#8bab99;margin-top:4px}
#cart-dialog .cart-checkout{width:100%;height:48px;display:flex;justify-content:space-between;font-size:14px;border-radius:9px;margin:0}
.drawer-continue{display:block;text-align:center;width:100%;padding:13px 0 0;font-size:12px;color:#6c957e}
.drawer-empty{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:17px;padding:25px 0}
.drawer-empty>span{width:76px;height:76px;border-radius:50%;background:#f1f6f1;display:grid;place-items:center;margin-bottom:5px}
.drawer-empty>span .icon{width:32px;height:32px;color:#6d967f}
.drawer-empty h3{font-size:21px;letter-spacing:-.03em}
.drawer-empty p{font-size:14px;line-height:1.65;color:#7a9e8a}
.drawer-empty .button{font-size:13px;margin-top:10px;padding:13px 18px}
@keyframes cart-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#cart-dialog[open]{animation:none}}
@media(max-width:480px){#cart-dialog{width:100%;border-radius:0}#cart-dialog .cart-heading{padding:20px}#cart-content{padding-inline:18px}#cart-summary{padding:15px 20px max(14px,env(safe-area-inset-bottom))}.drawer-item{grid-template-columns:65px minmax(0,1fr);gap:12px}.drawer-photo{height:105px}.drawer-item-bottom>strong{font-size:15px}.drawer-item-info>a{font-size:12px}}

/* One continuous footer replaces the newsletter and promotional panels. */
.footer.footer-unified{height:auto;max-height:none;min-height:0;margin:0;padding:65px 0 25px;background:linear-gradient(180deg,#ebf3ec,#ecf3ed 65%,#f1f6f1);overflow:hidden;isolation:isolate}
.footer-unified:before{inset:auto auto 0 0;width:60%;height:200px;background:url('../../../../uploads/2026/10/site-footer-water.webp') left bottom/cover no-repeat;opacity:.6;mask-image:linear-gradient(to top,#000,transparent 95%),linear-gradient(to right,#000 35%,transparent 100%);mask-composite:intersect;z-index:-1}
.footer-unified .footer-wave{top:-1px;height:30px;max-height:none;z-index:0}
.footer-main{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:50px;position:relative;max-width:1320px;align-items:start;padding-bottom:37px}
.footer-brand .logo{display:inline-block;font-size:29px;letter-spacing:-.055em}
.footer-brand .logo small{font-size:8px;letter-spacing:.26em;margin-top:8px}
.footer-unified .footer-brand h2{font-family:var(--font-body);font-size:30px;font-weight:400;letter-spacing:-.04em;line-height:1.15;margin-top:28px}
.footer-link-group{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;padding-top:3px}
.footer-link-group h3{font-size:14px;font-weight:700;margin:0 0 15px;line-height:1.4}
.footer-link-group>a,.footer-link-group>button{font-size:13px;color:#608470;padding:7px 0;line-height:1.45;text-align:left}
.footer-link-group>a:hover,.footer-link-group>button:hover{color:#264c36;text-decoration:underline;text-underline-offset:4px}
.footer-bottom{position:relative;max-width:1320px;border-top:1px solid #bed4c170;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.footer-unified .footer-bottom p{font-size:11px;color:#608570;text-align:left;line-height:1.5}
.footer-unified .payments{display:flex;align-items:center;justify-content:flex-end;margin:0;gap:24px}
.footer-unified .payments svg{width:51px;height:27px;max-height:none}
.footer-unified .payments .payment-mastercard{height:31px;width:48px}
@media(max-width:1000px){.footer-main{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:25px}.footer-unified .footer-brand h2{font-size:26px}.footer-brand .logo{font-size:25px}.footer-brand .logo small{font-size:7px}.footer-unified .payments{gap:18px}}
@media(max-width:760px){.footer.footer-unified{padding:45px 0 22px}.footer-unified .footer-wave{height:22px}.footer-main{grid-template-columns:1fr 1fr;gap:26px 20px;padding-bottom:26px}.footer-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:5px}.footer-brand .logo{font-size:24px}.footer-brand .logo small{font-size:6px;letter-spacing:.21em}.footer-unified .footer-brand h2{font-size:21px;margin:0}.footer-link-group{padding:0}.footer-link-group h3{font-size:14px;margin-bottom:8px}.footer-link-group>a,.footer-link-group>button{font-size:13px;min-height:36px;padding:8px 0}.footer-link-group:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.footer-link-group:last-child h3{grid-column:1/-1}.footer-bottom{flex-direction:column-reverse;gap:17px;padding-top:22px;align-items:flex-start}.footer-unified .payments{gap:25px;justify-content:flex-start}.footer-unified .payments svg{width:46px;height:25px}.footer-unified .payments .payment-mastercard{width:44px;height:29px}.footer-unified .footer-bottom p{font-size:10px}.footer-unified:before{width:90%;height:185px;opacity:.4}}
@media(max-width:360px){.footer-brand{align-items:flex-start}.footer-brand .logo{font-size:22px}.footer-unified .footer-brand h2{font-size:19px}.footer-unified .payments{gap:22px}}

/* Ajans360: a centered, flat reveal without perspective or sideways rotation. */
.footer-unified .footer-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}
.footer-agency{flex:0 0 140px;margin-left:auto}
.footer-agency .a360-icon{width:100px;height:22px;position:relative;margin-inline:auto;letter-spacing:0;text-align:center}
.footer-agency .a360-icon *{box-sizing:border-box}
.footer-agency .a360-icon-link{display:block;position:absolute;inset:0;z-index:1;text-indent:-99999px}
.footer-agency .a360-icon-link::before{content:'';position:absolute;inset:-11px 0}
.footer-agency .a360-icon-card-container{width:100%;height:100%;position:relative}
.footer-agency .a360-icon-card-container figure{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0 8px;transition:opacity .18s;pointer-events:none}
.footer-agency .a360-icon-back{opacity:0}
.footer-agency .a360-icon:is(:hover,:focus-within) .a360-icon-front{opacity:0}
.footer-agency .a360-icon:is(:hover,:focus-within) .a360-icon-back{opacity:1}
.footer-agency .a360-icon figure>div{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center}
.footer-agency .a360-icon-front>div{background-image:url('../../../../uploads/2026/10/brand-ajans360-front.svg')}
.footer-agency .a360-icon-back>div{background-image:url('../../../../uploads/2026/10/brand-ajans360-back.svg')}
.footer-agency .tooltip360-a360-icon{position:absolute;inset:0;pointer-events:none;z-index:2}
.footer-agency .tooltip360-a360-icon-content{position:absolute;bottom:calc(100% + 10px);left:50%;width:140px;margin:0;text-align:center;opacity:0;transform:translate(-50%,6px);transition:opacity .18s,transform .18s;pointer-events:none}
.footer-agency .a360-icon:is(:hover,:focus-within) .tooltip360-a360-icon-content{opacity:1;transform:translate(-50%,0)}
.footer-agency .tooltip360-a360-icon-content span{display:block;color:#fff;font:400 14px/1.4 var(--font-body);letter-spacing:0;text-transform:none}
.footer-agency .tooltip360-a360-icon-text{border-bottom:2px solid #fffaf0}
.footer-agency .tooltip360-a360-icon-inner{padding:10px;background:rgba(0,0,0,.6)}
.footer-agency .tooltip360-a360-icon-content::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:#fffaf0}
.footer-agency .a360-icon-link:focus-visible{outline:2px solid #4b986c;outline-offset:5px;border-radius:3px}
@media(prefers-reduced-motion:reduce){.footer-agency .a360-icon *{transition:none!important}}
@media(max-width:760px){.footer-unified .footer-bottom p{max-width:190px}}

/* The original serum and foliage artwork, blended into the footer's right edge. */
.footer-serum-art{position:absolute;top:24px;right:0;width:clamp(220px,21vw,300px);height:auto;aspect-ratio:1;object-fit:contain;pointer-events:none;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 24%),linear-gradient(180deg,transparent,#000 10%,#000 85%,transparent);mask-composite:intersect}
.footer-unified .footer-main{padding-right:clamp(195px,19vw,280px);column-gap:32px;grid-template-columns:1.4fr 1fr 1fr 1fr}
@media(min-width:1800px){.footer-serum-art{right:calc((100% - 1560px)/2)}}
@media(min-width:761px) and (max-width:1100px){.footer-unified .footer-main{column-gap:20px;padding-right:180px;grid-template-columns:1.25fr 1fr 1fr 1fr}.footer-serum-art{width:210px;top:45px}.footer-unified .footer-brand h2{font-size:24px}.footer-link-group>a,.footer-link-group>button{font-size:12px}}
@media(max-width:760px){.footer-unified .footer-main{padding-right:0;grid-template-columns:1fr 1fr;column-gap:20px}.footer-unified .footer-link-group:last-child{display:flex;grid-column:1;align-items:flex-start}.footer-serum-art{top:auto;bottom:85px;width:52%;max-width:250px;right:0;mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(180deg,transparent,#000 10%,#000 85%,transparent);mask-composite:intersect}}
@media(min-width:761px){.footer-serum-art{max-height:calc(100% - 105px);object-position:right top}}

/* One continuous branch joins the upper editorial edge to the serum scene. */
.editorial-foliage:not(.editorial-foliage-left){display:none}
.footer.footer-unified{overflow:visible}
.footer-botanical-edge{position:absolute;top:calc(12px - var(--botanical-rise,0px));bottom:calc(100% - var(--botanical-join,100px));right:0;width:clamp(120px,12vw,190px);background:url('../../../../uploads/2026/10/site-foliage-edge.webp') right top/100% auto repeat-y;mask-image:linear-gradient(180deg,transparent,#000 3%,#000 92%,transparent);z-index:0;pointer-events:none}
.footer-serum-art{mask-image:linear-gradient(90deg,transparent,#000 20%),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;right:0}
@media(max-width:760px){.footer-botanical-edge{width:78px;right:-8px;top:calc(8px - var(--botanical-rise,0px));mask-image:linear-gradient(180deg,transparent,#000 2%,#000 96%,transparent)}.footer-serum-art{mask-image:linear-gradient(90deg,transparent,#000 16%),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}}
.footer-botanical-edge,.footer-serum-art{z-index:1}
.footer-unified .footer-main,.footer-unified .footer-bottom{z-index:2}
@media(min-width:761px){.footer-serum-art{width:clamp(190px,18vw,250px);height:auto;max-height:none;top:16px;object-position:center}}

/* Top-level links navigate directly; there are no category dropdowns. */
.navigation-bar .nav .nav-label{display:block;font-size:14px;padding:10px 0;font-weight:400}
.navigation-bar .nav .nav-label[aria-current=page]{font-weight:600;color:#356c4d}
.nav-label[aria-current=page]:after{transform:scaleX(1)}
@media(min-width:761px){.navigation-bar .nav{flex-wrap:nowrap;min-height:40px;height:40px;overflow-x:auto;justify-content:space-between;gap:24px}.navigation-bar .nav-entry{flex-shrink:0}}
@media(min-width:761px) and (max-width:1000px){.navigation-bar .nav{justify-content:flex-start}}
@media(max-width:760px){.navigation-bar .nav.open{display:block;padding:8px 5% 18px;overscroll-behavior:contain;box-shadow:0 15px 25px #284c381a}.navigation-bar .nav-entry{display:block;height:auto;min-height:0;width:100%;border-bottom:1px solid #eff4f0}.navigation-bar .nav .nav-label{width:100%;text-align:left;font-size:15px;padding:15px 0}}

/* Keep catalog filters visible below the header while browsing desktop results. */
@media(min-width:761px){
 .catalog-filters{position:sticky;top:calc(var(--sticky-header-height,96px) + 16px);align-self:start;max-height:calc(100dvh - var(--sticky-header-height,96px) - 32px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c2d0ba transparent;scrollbar-gutter:stable}
}

/* The product purchase area uses two columns while seller comparison is paused. */
.product-detail.single-offer{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(28px,5vw,80px)}
@media(max-width:760px){.product-detail.single-offer{grid-template-columns:minmax(0,1fr);gap:24px}}


/* ---- editorial ---- */
/* Individual photographs, consistent crops and a readable editorial hierarchy. */
.guide-grid .guide-card{padding:10px;border:1px solid #e8efe9;border-radius:22px;box-shadow:0 7px 24px #1f402d07;transition:box-shadow .2s,transform .2s}
.guide-grid .editorial-photo{height:auto;max-height:none;aspect-ratio:1.85;background:none;clip-path:none;border-radius:14px;overflow:hidden}
.editorial-photo img{display:block;width:100%;height:100%;object-fit:cover}
.guide-grid .editorial-photo>span{left:14px;bottom:14px;padding:7px 10px;font-size:10px;font-weight:600;letter-spacing:.09em;background:#fffffff0;border-radius:6px}
.guide-grid .guide-copy{padding:18px 10px 8px}
.guide-grid .guide-copy h3{font-size:18px;line-height:1.35;margin:0;letter-spacing:-.025em}
.guide-grid .guide-description{font-size:14px;line-height:1.5;color:#6d957e;font-weight:400;margin:7px 0 15px}
.guide-price{display:flex;align-items:center;justify-content:space-between;font-size:17px}
.card-open{width:34px;height:34px;border:1px solid #dee9e0;border-radius:50%;display:grid;place-items:center}
.guide-card:hover .card-open{background:#224431;color:white;border-color:#224431}
.guide-grid .guide-card:hover h3,.blog-grid .blog-card:hover h3{text-decoration:none}
.guide-card:hover,.blog-card:hover{box-shadow:0 10px 28px #1f402d12}
.blog-grid .blog-card{height:auto;max-height:none;min-height:0;background:white;clip-path:none;border-radius:20px;border:1px solid #e8efe9;display:flex;flex-direction:column;overflow:hidden}
.blog-card>img{width:100%;height:auto;aspect-ratio:1.85;object-fit:cover;display:block}
.blog-grid .blog-card>.blog-copy{position:static;inset:auto;background:white;padding:20px 22px;display:flex;flex:1;align-items:flex-start;justify-content:flex-start}
.blog-grid .blog-card span{font-size:10px;letter-spacing:.1em;color:#618571;background:none;padding:0;margin:0 0 10px;border-radius:0;font-weight:600}
.blog-grid .blog-card h3{font-size:20px;line-height:1.35;font-weight:500;letter-spacing:-.035em;margin:0 0 20px;max-width:360px}
.blog-copy p{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:13px;margin:auto 0 0;font-weight:600}
.blog-copy p .icon{width:18px}
.guide-card:focus-visible,.blog-card:focus-visible{outline:3px solid #67967b;outline-offset:3px}

#content-dialog[data-variant]:not([data-variant=""]){padding:0;border:0;border-radius:26px;background:#fff;width:min(980px,calc(100vw - 48px));max-width:none;max-height:min(880px,90dvh);overflow:hidden;box-shadow:0 32px 120px #1a322444}
#content-dialog[data-variant]:not([data-variant=""]) #dialog-content{overflow:auto;max-height:min(880px,90dvh);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4d5c6 transparent}
#content-dialog[data-variant]:not([data-variant=""]) .dialog-close{z-index:5;top:14px;right:14px;width:38px;height:38px;background:#ffffffed;border:1px solid #dee9e0;border-radius:50%;box-shadow:0 3px 10px #1f402d10}
#content-dialog[data-variant] #dialog-title:focus{outline:none}
#content-dialog[data-variant] .editorial-kicker{font-size:10px;letter-spacing:.14em;font-weight:600;color:#5e816d;margin:22px 0 12px;line-height:1.5}
#content-dialog[data-variant] h2{font-family:var(--font-body);font-weight:400;font-size:38px;letter-spacing:-.04em;line-height:1.12;margin:0 0 18px;color:#234632}
#content-dialog[data-variant] .editorial-intro{font-size:15px;line-height:1.7;margin:0 0 22px;color:#69927b}
.editorial-back{display:inline-flex;font-size:12px;line-height:1.5;padding:4px 0;color:#608470;text-align:left}
.editorial-back:hover{text-decoration:underline}
.routine-dialog-layout{display:grid;grid-template-columns:43% 57%;min-height:590px}
.routine-dialog-visual{position:relative;overflow:hidden;min-height:100%;background:#ebf1ec}
.routine-dialog-visual>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}
.routine-packshot>img{object-fit:contain;padding:20px;background:#f2f6f2}
.routine-image-caption{position:absolute;left:0;right:0;bottom:0;padding:60px 30px 30px;background:linear-gradient(transparent,#1c3828e0);color:white}
.routine-image-caption>span{font-size:9px;letter-spacing:.18em}
#content-dialog .routine-image-caption p{font-family:var(--font-body);font-size:29px;line-height:1.18;letter-spacing:-.03em;color:white;margin:12px 0 0}
.routine-dialog-copy{padding:30px 38px 25px;min-width:0}
#content-dialog .routine-steps h3{font-size:12px;letter-spacing:.03em;margin:0 0 12px;font-weight:600}
.routine-steps ol{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.routine-steps li{display:flex;align-items:center;gap:12px;font-size:14px}
.routine-steps li>span{display:grid;place-items:center;background:#eff4f0;color:#638873;width:28px;height:28px;border-radius:8px;font-size:10px}
.routine-buy{border-top:1px solid #e6ede7;margin-top:23px;padding-top:20px}
.routine-offer{display:flex;justify-content:space-between;align-items:center;gap:14px}
.routine-offer>div>span{font-size:11px;color:#6b947d;display:block;margin-bottom:4px}
.routine-offer strong{display:block;font-size:27px;letter-spacing:-.04em}
#content-dialog .routine-offer p{font-size:12px;text-align:right;margin:0;color:#3a5847}
.routine-offer small{display:block;font-size:10px;color:#799e89}
#content-dialog .routine-buy .button{width:100%;min-height:48px;justify-content:center;gap:10px;margin-top:17px;border-radius:10px;font-size:14px}
.routine-detail-link{display:flex;justify-content:center;align-items:center;width:100%;gap:12px;font-size:12px;margin-top:14px;padding:4px}
.routine-detail-link .icon{width:16px}
#content-dialog .editorial-note{font-size:10px;line-height:1.6;color:#7da08c;margin:18px 0 0}
#content-dialog[data-variant="article"]:not([data-variant=""]){width:min(820px,calc(100vw - 48px))}
.article-cover{position:relative;height:260px;background:#e8f0e9;overflow:hidden}
.article-cover img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}
.article-cover-label{position:absolute;left:32px;bottom:20px;padding:8px 10px;background:#ffffffe6;border-radius:5px;font-size:9px;letter-spacing:.15em}
.article-body{padding:25px 46px 35px}
#content-dialog .article-body h2{font-size:39px;max-width:650px}
.article-body .editorial-kicker span{color:#8aab98;letter-spacing:.07em;margin-left:8px}
#content-dialog .article-lead{font-size:17px;color:#6e967f;line-height:1.6;margin:0 0 25px}
.article-tips{list-style:none;padding:0;margin:0}
.article-tips li{display:flex;gap:18px;align-items:baseline;border-top:1px solid #e8efe9;padding:13px 0}
.article-tips li>span{font-family:var(--font-body);font-size:22px;color:#8bab99}
#content-dialog .article-tips p{margin:0;font-size:15px;line-height:1.65;color:#435e4f}
#content-dialog .article-prose p{font-size:16px;line-height:1.85;color:#435e4f}
.article-ending{padding:20px;border-radius:14px;background:#f1f6f2;margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.article-ending>div{display:flex;gap:12px;align-items:center}
.article-ending>div>.icon{color:#70958d;width:27px;height:27px}
#content-dialog .article-ending p{font-size:14px;margin:0;color:#3a5b48}
.article-ending p span{display:block;font-size:12px;color:#709781}
#content-dialog .article-ending .button{margin:0;font-size:12px;gap:14px;border-radius:9px;padding:12px 16px}
.editorial-library{padding:38px}
#content-dialog .editorial-library>.editorial-kicker{margin-top:0}
.routine-library-grid,.article-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.library-card{border:1px solid #e5ede6;border-radius:14px;overflow:hidden;display:flex;align-items:center;text-align:left;gap:15px;padding:10px;background:#fbfcfb}
.library-card>img{width:100px;height:100px;object-fit:cover;border-radius:9px;flex-shrink:0}
.library-card>.product-photo{object-fit:contain}
.library-card>span{flex:1;min-width:0}
.library-card strong{display:block;font-size:14px;line-height:1.4}
.library-card small{display:block;font-size:11px;line-height:1.5;color:#69917a;margin:5px 0}
.library-card>.icon{width:16px;flex-shrink:0}
.library-card:hover{background:#f0f5f0;border-color:#c3d8c6}
.article-library-grid{grid-template-columns:1fr}
.article-library-grid .library-card>img{width:145px;height:95px}
.library-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:15px}
#content-dialog .library-bottom p{font-size:13px}
.library-bottom .text-link{font-size:13px}
.quiz-layout{display:grid;grid-template-columns:38% 62%;height:min(660px,90dvh);min-height:0}
.quiz-visual{position:relative;background:#ecf3ed;overflow:hidden}
.quiz-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#content-dialog .quiz-visual>p{position:absolute;bottom:0;margin:0;padding:70px 28px 35px;background:linear-gradient(transparent,#eff6f5);width:100%;font:32px/1.1 var(--font-body);color:#294b38;letter-spacing:-.04em}
.quiz-copy{padding:45px 40px;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4d5c6 transparent}
#content-dialog .quiz-copy>.editorial-kicker{margin-top:0}
.quiz-progress{display:flex;gap:6px;margin:0 0 30px}
.quiz-progress span{height:3px;background:#eaf0eb;width:45px;border-radius:3px}
.quiz-progress span:first-child,.quiz-progress .filled{background:#7a9f8a}
.editorial-choices{display:grid;gap:10px;margin:25px 0}
.editorial-choices>button{display:flex;align-items:center;gap:13px;width:100%;padding:14px 16px;text-align:left;border:1px solid #e0e9e1;border-radius:10px;font-size:14px;background:#fcfdfc}
.editorial-choices>button>span{flex:1}
.editorial-choices>button>.icon{width:19px;color:#779d88}
.editorial-choices>button:hover{background:#f0f5f0;border-color:#94b2a1}
@media(min-width:761px){.blog-section{padding-top:35px}.guides-section{padding-top:35px}}
@media(max-width:760px){
 .guide-grid.mobile-shelf .editorial-photo{height:auto;aspect-ratio:1.55}
 .guide-grid .guide-copy{padding:14px 6px 5px}
 .guide-grid .guide-copy h3{font-size:16px}
 .guide-grid .guide-description{font-size:12px;margin-bottom:12px}
 .guide-price{font-size:16px}
 .blog-grid{grid-template-columns:repeat(3,minmax(260px,78vw));gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
 .blog-grid .blog-card{scroll-snap-align:start}
 .blog-grid .blog-card>.blog-copy{padding:18px}
 .blog-grid .blog-card h3{font-size:18px}
 .blog-card>img{aspect-ratio:1.55}
 #content-dialog[data-variant]:not([data-variant=""]){width:calc(100vw - 24px);border-radius:20px;max-height:92dvh}
 #content-dialog[data-variant]:not([data-variant=""]) #dialog-content{max-height:92dvh}
 .routine-dialog-layout,.quiz-layout{grid-template-columns:1fr;min-height:0}
 .routine-dialog-visual{height:210px;min-height:0}
 .routine-dialog-visual>img{object-position:center 58%}
 .routine-image-caption{padding:45px 22px 18px}
 #content-dialog .routine-image-caption p{font-size:24px;margin-top:7px}
 .routine-image-caption>span{font-size:8px}
 .routine-dialog-copy{padding:22px}
 #content-dialog[data-variant] h2,#content-dialog .article-body h2{font-size:30px}
 #content-dialog[data-variant] .editorial-intro{font-size:14px;margin-bottom:20px}
 #content-dialog[data-variant] .editorial-kicker{margin-top:18px}
 .article-cover{height:205px}
 .article-cover-label{left:22px;bottom:15px}
 .article-body{padding:20px 22px 25px}
 .article-body .editorial-kicker span{display:block;margin:5px 0 0}
 #content-dialog .article-lead{font-size:15px}
 .article-tips li{gap:13px}
 #content-dialog .article-tips p,#content-dialog .article-prose p{font-size:14px}
 .article-ending{flex-direction:column;align-items:stretch;padding:16px}
 .article-ending .button{justify-content:center}
 .editorial-library{padding:30px 20px}
 #content-dialog .editorial-library>.editorial-kicker{margin-top:0;padding-right:30px}
 .routine-library-grid{grid-template-columns:1fr;gap:10px}
 .library-card{gap:12px}
 .library-card>img,.article-library-grid .library-card>img{width:76px;height:80px}
 .library-card strong{font-size:13px}
 .library-bottom{flex-direction:column;align-items:flex-start;gap:0}
 .quiz-layout{height:min(720px,92dvh);grid-template-rows:160px minmax(0,1fr)}
 .quiz-visual{height:160px}
 .quiz-visual>img{object-position:center 60%}
 #content-dialog .quiz-visual>p{font-size:25px;padding:30px 22px 20px}
 .quiz-copy{padding:24px}
 #content-dialog .quiz-copy>.editorial-kicker{margin-top:0}
 .quiz-progress{margin-bottom:23px}
}
@media(prefers-reduced-motion:reduce){.guide-grid .guide-card{transition:none}}

/* Budget selection: a spending ceiling, with live catalog feedback. */
.budget-concern{display:flex;align-items:center;gap:7px;width:max-content;padding:5px 10px;margin-bottom:12px;background:#eff3ef;color:#4e6c5b;border-radius:7px;font-size:12px;font-weight:600}
.budget-concern .icon{width:15px;height:15px}
.budget-panel{padding:22px;border:1px solid #e0e8e1;background:linear-gradient(135deg,#f6faf7,#eff4f0);border-radius:17px}
.budget-value-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.budget-value-row label{font-size:13px;color:#658c76}
.budget-value-row output{font-size:32px;letter-spacing:-.045em;font-weight:600;color:#294937}
#routine-budget{display:block;width:100%;height:32px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;--budget-fill:50%}
#routine-budget::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,#668c76 var(--budget-fill),#dae4db var(--budget-fill))}
#routine-budget::-moz-range-track{height:5px;border-radius:5px;background:linear-gradient(to right,#668c76 var(--budget-fill),#dae4db var(--budget-fill))}
#routine-budget::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:23px;height:23px;border:5px solid white;border-radius:50%;background:#426250;box-shadow:0 2px 9px #35524233;margin-top:-9px}
#routine-budget::-moz-range-thumb{box-sizing:border-box;width:23px;height:23px;border:5px solid white;border-radius:50%;background:#426250;box-shadow:0 2px 9px #35524233}
#routine-budget:focus-visible{outline:2px solid #749a84;outline-offset:5px;border-radius:8px}
#routine-budget:disabled{opacity:.35;cursor:default}
.budget-scale{display:flex;justify-content:space-between;font-size:11px;color:#759b85;margin:5px 0 22px}
.budget-unlimited{display:flex;gap:12px;align-items:center;padding-top:18px;border-top:1px solid #dfe7e0;cursor:pointer;font-size:14px;color:#335040}
.budget-unlimited input{width:19px;height:19px;flex-shrink:0;accent-color:#496957;margin:0}
.budget-unlimited small{display:block;font-size:11px;font-weight:400;color:#789e89;margin-top:5px;line-height:1.4}
.budget-match{min-height:45px;padding:15px 0 12px;font-size:12px;color:#4a8070;line-height:1.5}
#content-dialog .budget-submit{display:flex;justify-content:space-between;width:100%;padding:15px 18px;margin:0 0 17px;border-radius:10px;font-size:14px}
.budget-submit:disabled{opacity:.45}
.budget-results{display:grid;gap:12px;margin:25px 0}
.budget-results .library-card>img{width:88px;height:90px}
@media(max-width:760px){.budget-panel{padding:18px}.budget-value-row output{font-size:29px}.budget-value-row{margin-bottom:12px}.budget-unlimited{font-size:13px}.budget-results .library-card>img{width:65px;height:75px}}


/* ---- product-extras ---- */
.product-pairing{margin-block:35px 25px;padding:28px;border:1px solid #e2ebe3;border-radius:23px;background:linear-gradient(115deg,#f3f8f4,#f9faf9)}
.pairing-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.pairing-heading .eyebrow{font-size:9px;letter-spacing:.16em;color:#769b86;margin:0 0 8px}
.pairing-heading h2{font-size:26px;margin:0 0 9px}
.pairing-heading p:not(.eyebrow){font-size:13px;color:#799e89;margin:0;line-height:1.6}
.pairing-heading>span{display:flex;align-items:center;gap:9px;font-size:11px;color:#6e967f;border:1px solid #dfe7e0;border-radius:30px;padding:9px 13px;white-space:nowrap}
#product-pairing-form{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px}
.pairing-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0}
.pairing-item{background:white;border:1px solid #e6ece7;border-radius:14px;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.pairing-item:has(input:checked){border-color:#8dad9b;box-shadow:0 0 0 1px #8dad9b22}
.pairing-select{position:relative;display:flex;gap:8px;align-items:center;padding:13px 13px 0;font-size:10px;color:#739a84;cursor:pointer}
.pairing-select input{accent-color:#4b6f5b;margin:0;width:16px;height:16px;flex-shrink:0}
.pairing-photo{display:block;height:150px;padding:14px 25px 5px}
.pairing-photo .product-photo{width:100%;height:100%;object-fit:contain}
.pairing-item-copy{padding:13px 16px 18px;display:flex;flex-direction:column;flex:1}
.pairing-item-copy small{display:block;font-size:11px;color:#779c87;margin-bottom:5px}
.pairing-item-copy h3{font-size:14px;font-weight:500;line-height:1.4;min-height:40px}
.pairing-item-copy p{font-size:10px;color:#87a895;margin:12px 0 8px}
.pairing-item-copy>strong{font-size:18px;margin-top:auto}
.pairing-summary{align-self:center;padding:14px 0 14px 20px;border-left:1px solid #dee7df}
.pairing-summary-icon{width:39px;height:39px;background:#e7efe8;border-radius:12px;display:grid;place-items:center;color:#638973;margin-bottom:13px}
.pairing-summary p{font-size:12px;color:#577865;margin:0 0 19px}
.pairing-summary>span:not(.pairing-summary-icon){font-size:11px;color:#739983}
.pairing-summary output{display:block;font-size:30px;letter-spacing:-.05em;font-weight:600;margin-top:5px}
.pairing-summary .button{width:100%;justify-content:space-between;font-size:12px;gap:8px;border-radius:9px;padding:14px 12px;margin-top:20px}
.pairing-summary .button:disabled{opacity:.4}
.pairing-summary>small{display:block;font-size:10px;color:#88a896;line-height:1.6;margin-top:12px}
@media(max-width:1100px){#product-pairing-form{grid-template-columns:1fr}.pairing-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:18px 0 0;border-left:0;border-top:1px solid #dee7df}.pairing-summary-icon{display:none}.pairing-summary p{margin:0}.pairing-summary output{margin:0}.pairing-summary .button{width:auto;margin:0 0 0 auto}.pairing-summary>small{width:100%;margin:0}}
@media(max-width:760px){.product-pairing{padding:20px 15px;border-radius:17px;margin-block:25px}.pairing-heading{margin-bottom:18px}.pairing-heading h2{font-size:22px}.pairing-heading>span{display:none}.pairing-heading p:not(.eyebrow){font-size:12px}.pairing-items{grid-template-columns:repeat(3,minmax(170px,72%));gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.pairing-item{scroll-snap-align:start}.pairing-photo{height:140px}.pairing-summary{gap:10px 15px}.pairing-summary>span:not(.pairing-summary-icon){margin-left:auto}.pairing-summary output{width:100%;font-size:28px}.pairing-summary .button{width:100%;margin:4px 0 0;font-size:13px}.pairing-summary>small{font-size:10px}}
.product-shortcuts{margin-top:24px;border-top:1px solid #dde9df}
.product-shortcuts details{border-bottom:1px solid #dde9df}
.product-shortcuts summary{display:flex;align-items:center;gap:11px;list-style:none;cursor:pointer;padding:17px 2px;font-size:13px;font-weight:500;color:#41604e}
.product-shortcuts summary::-webkit-details-marker{display:none}
.product-shortcuts summary>.icon{width:18px;height:18px;color:#789d88}
.shortcut-toggle{position:relative;width:14px;height:14px;margin-left:auto;flex-shrink:0;color:#749a84}
.shortcut-toggle:before,.shortcut-toggle:after{content:'';position:absolute;top:6px;left:2px;width:10px;height:1px;background:currentColor}
.shortcut-toggle:after{transform:rotate(90deg)}
.product-shortcuts details[open] .shortcut-toggle:after{transform:none}
.product-shortcuts details[open] summary{color:#294a37}
.shortcut-content{padding:0 2px 17px 31px}
.shortcut-content p{font-size:12px;line-height:1.8;color:#749a84;margin:0}
.shortcut-content button{display:inline-flex;align-items:center;gap:15px;font-size:12px;padding:0;margin-top:13px;color:#456b56;text-align:left}
.product-mini-selection{grid-column:1/-1;min-width:0;margin-top:12px}
.product-mini-selection>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.product-mini-selection header h2{font-size:13px;letter-spacing:0;font-weight:500;color:#567664}
.product-mini-selection header>a{display:flex;align-items:center;gap:7px;font-size:10px;color:#7fa38f}
.product-mini-selection>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mini-selection-item{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #e4ece5;border-radius:12px;background:#fff;min-width:0;padding:12px 12px 12px 8px;transition:border-color .2s}
.mini-selection-item:hover{border-color:#9dbaaa}
.mini-selection-photo{height:84px;width:62px;flex-shrink:0}
.mini-selection-photo .product-photo{width:100%;height:100%;object-fit:contain}
.mini-selection-copy{min-width:0}
.mini-selection-copy small{font-size:9px;color:#81a490;display:block;margin-bottom:5px}
.mini-selection-copy h3{font-size:12px;font-weight:500;line-height:1.4;margin:0 0 9px}
.mini-selection-copy strong{font-size:14px;display:block}
.mini-selection-arrow{display:none}
@media(min-width:1600px){.mini-selection-arrow{display:block;align-self:flex-end;margin-left:auto;color:#89a997}.mini-selection-arrow .icon{width:15px}.mini-selection-photo{width:76px;height:94px}}
@media(max-width:760px){.product-mini-selection{order:3;margin-top:6px}.product-mini-selection>div{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.mini-selection-item{flex:0 0 78%;scroll-snap-align:start;padding:12px}.mini-selection-photo{width:66px;height:80px}.mini-selection-copy h3{font-size:13px}.mini-selection-copy small{font-size:10px}.mini-selection-arrow{display:block;margin-left:auto;align-self:center}.mini-selection-arrow .icon{width:16px}.product-shortcuts{margin-top:20px}.product-shortcuts summary{font-size:13px;min-height:50px}}

/* Persistent notice remains visible alongside the product purchase information. */
.product-user-notice{padding:20px 22px;margin-top:24px;border:1px solid #dce3d8;border-left:3px solid #7f9572;border-radius:8px;background:#f5f7f1;color:#50634f}
.product-user-notice-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.product-user-notice-heading>.icon{width:21px;height:21px;flex-shrink:0;color:#647c57}
#page-view .product-user-notice h2{font-family:var(--font-body)!important;font-size:18px;line-height:1.4;font-weight:600;letter-spacing:0;margin:0;color:#28483a}
#page-view .product-user-notice p{font-size:15px;line-height:1.65;margin:0 0 12px;color:#50634f}
#page-view .product-user-notice .product-user-rights{padding-top:12px;border-top:1px solid #dce3d8;margin-bottom:0}
@media(max-width:760px){.product-user-notice{padding:18px 16px}}


/* ---- product-reviews ---- */
.product-rating-link{display:flex;align-items:center;gap:9px;padding:0;margin:0 0 15px;font-size:12px;text-align:left}
.product-rating-link>strong{font-size:14px}
.product-rating-link>span:not(.review-stars){color:#7da08c;border-left:1px solid #dce7de;padding-left:10px}
.product-rating-link>.icon{width:13px;color:#7fa38f}
.review-stars{position:relative;display:inline-block;font-size:19px;letter-spacing:2px;line-height:1.1;white-space:nowrap;color:#e4e8e5;vertical-align:middle}
.review-stars-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;color:#ffb700}
.product-rating-link .review-stars{font-size:15px}
.product-reviews{position:relative;margin-block:38px;scroll-margin-top:100px;padding:0}
.reviews-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.reviews-heading h2{font-size:23px;letter-spacing:-.025em}
.review-preview-label{font-size:10px;color:#83a592}
.reviews-score-panel{border-radius:10px;background:#fff9eb;margin-bottom:24px}
.reviews-score-panel>summary{display:flex;align-items:center;gap:24px;padding:24px;list-style:none;cursor:pointer;min-height:78px;color:#3c5446}
.reviews-score-panel>summary::-webkit-details-marker{display:none}
.reviews-score{display:flex;align-items:center;gap:13px}
.reviews-score>.review-stars{font-size:27px;letter-spacing:3px}
.reviews-score>strong{font-size:22px;letter-spacing:-.04em}
.review-chevron{width:19px;height:19px}
.reviews-score-panel[open] .review-chevron{transform:rotate(180deg)}
.reviews-summary-count{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}
.reviews-summary-count:before{content:'·';color:#a0a4a6;margin-right:7px}
.reviews-summary-count .icon{width:15px;height:15px;color:#7e858b}
.reviews-score-details{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;border-top:1px solid #f0e8d8;padding:22px 26px}
.review-distribution{display:grid;gap:10px}
.review-distribution>button{display:flex;align-items:center;gap:12px;width:100%;padding:0;font-size:12px}
.review-distribution>button>span:first-child{width:25px;white-space:nowrap}
.review-distribution b{color:#ffb700;font-weight:400}
.review-bar{height:6px;border-radius:4px;background:#e9e7df;flex:1;overflow:hidden}
.review-bar>span{display:block;height:100%;background:#ffb700;border-radius:4px}
.review-distribution small{width:13px;color:#89a997;font-size:10px;text-align:right}
.review-distribution button:disabled{opacity:.5}
.review-distribution button[aria-pressed=true]{font-weight:bold;color:#9c6925}
.reviews-filter-area>p{font-size:12px;color:#7e7f76;margin-bottom:12px}
.review-filters{display:flex;gap:7px;flex-wrap:wrap}
.review-filters button{border:1px solid #e6dfd0;background:#fff;border-radius:7px;padding:9px 12px;font-size:12px;white-space:nowrap}
.review-filters button[aria-pressed=true]{background:#fff0c6;border-color:#e7c36b;color:#755a27}
.review-filters button>span{color:#ffb700}
.review-sort{position:relative;display:block;margin-top:12px;max-width:100%}
.review-sort select{font:inherit;font-size:12px;color:#689079;padding:10px 30px 10px 12px;border:1px solid #e6dfd0;background:#fff;border-radius:7px;max-width:100%;cursor:pointer}
.reviews-carousel{position:relative}
.review-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(280px,calc((100% - 36px)/3.6),360px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:1px 1px 5px;align-items:stretch;overscroll-behavior-x:contain}
.review-shelf::-webkit-scrollbar{display:none}
.review-entry{display:flex;flex-direction:column;border:1px solid #e1e7e2;background:#fff;border-radius:9px;padding:18px 17px;min-height:229px;scroll-snap-align:start;min-width:0;color:#3e5648}
.review-entry>.review-stars{font-size:17px;align-self:flex-start}
.review-entry-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:#87929c;margin-top:6px}
.review-card-body{margin-top:29px;margin-bottom:20px;flex:1;position:relative}
.review-text{font-size:13px;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#445e4f}
.review-text.is-expanded{display:block;-webkit-line-clamp:unset;overflow:visible}
.review-read-more{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;margin:5px 0 0 auto;padding:0;color:#3d5547}
.review-read-more[hidden]{display:none}
.review-read-more>span{font-size:18px;line-height:1}
.review-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.review-card-footer>span{font-size:10px;color:#9aa3ab}
.review-card-footer a{font-size:11px;color:#518b6a}
.review-helpful{display:flex;align-items:center;gap:5px;padding:3px;color:#99a3ab;font-size:10px}
.review-helpful .icon{width:16px;height:16px}
.review-helpful[aria-pressed=true]{color:#4a7f61}
.review-scroll{position:absolute;top:50%;transform:translateY(-50%);width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #ebeeeb;box-shadow:0 3px 8px #243e2f17;z-index:1}
.review-scroll .icon{width:18px;height:18px}
.review-scroll-prev{left:-15px}.review-scroll-next{right:-15px}
.review-scroll-prev .icon{transform:rotate(180deg)}
.review-scroll[hidden]{display:none}
.review-shelf-expanded{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;overflow:visible}
.review-shelf-expanded .review-entry{height:100%}
.review-show-more{display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;margin:22px auto 0;padding:13px 28px;border-radius:30px;background:#eff3ef;color:#476353;min-width:230px}
.review-show-more .icon{width:16px}
.review-tab-preview{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.review-tab-preview>strong{font-size:20px}
.review-tab-preview>span:not(.review-stars){font-size:13px;color:#81a490}
.review-tab-preview>.text-link{font-size:13px;margin-left:auto}
@media(max-width:1000px){.reviews-score-panel>summary{gap:16px}.reviews-summary-count{font-size:12px;gap:7px}.reviews-score>.review-stars{font-size:23px}.review-shelf-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.product-reviews{margin-block:25px;scroll-margin-top:140px}.reviews-heading{align-items:flex-start;gap:8px;flex-direction:column;margin-bottom:14px}.reviews-heading h2{font-size:21px}.review-preview-label{font-size:9px}.reviews-score-panel{margin-bottom:18px}.reviews-score-panel>summary{padding:17px;min-height:0;flex-wrap:wrap;gap:12px 15px}.reviews-score{width:100%;gap:12px}.reviews-score>.review-stars{font-size:25px}.reviews-score>strong{font-size:21px}.reviews-score>.review-chevron{margin-left:auto}.reviews-summary-count{font-size:11px;gap:6px}.reviews-summary-count:before{display:none}.reviews-summary-count:last-child{border-left:1px solid #e8dfca;padding-left:15px}.reviews-score-details{grid-template-columns:1fr;gap:22px;padding:20px}.review-shelf{grid-auto-columns:85%;gap:10px}.review-entry{padding:17px 15px;min-height:245px}.review-entry-meta{font-size:9px;gap:6px}.review-card-body{margin-top:24px}.review-text{font-size:13px}.review-scroll{width:33px;height:33px}.review-scroll-next{right:-8px}.review-scroll-prev{left:-8px}.review-shelf-expanded{grid-template-columns:1fr}.review-show-more{font-size:12px;min-width:220px;margin-top:17px}.review-tab-preview{gap:12px}.review-tab-preview>.text-link{margin-left:0;width:100%}.product-rating-link{gap:7px;flex-wrap:wrap}.product-rating-link>span:not(.review-stars){font-size:10px}}


/* ---- premium ---- */
/* Photography-led storefront. Shared product/detail behaviors remain in their own files. */
.header{padding:0}
.header .header-inner{width:92%;max-width:1760px;height:96px;min-height:96px;grid-template-columns:230px minmax(0,1fr) auto;grid-template-rows:56px;column-gap:clamp(24px,4vw,72px);padding-block:20px}
.header .logo{font-size:32px;letter-spacing:-1.5px}
.header .search{height:52px;border:1px solid #e7eae7;border-radius:999px;background:#f7f8f8;max-width:860px;justify-self:center;box-shadow:none}
.header .search input{font-size:14px}
.header .search:focus-within{border-color:#7da08c;background:white;box-shadow:0 0 0 2px #eaf1eb}
.header-actions{gap:18px}
.header-actions .icon-button{width:48px;height:48px;min-height:48px;padding:11px;justify-content:center;border-radius:50%;transition:background .2s}
.header-actions .icon-button:hover{background:#eff4f0}
.header-actions .icon-button .icon{width:27px;height:27px;stroke-width:1.4}
.header-actions .action-label{display:none}
.header-actions .cart-count{left:auto;right:0;top:0}
.header-actions .favorite-dot{left:auto;right:5px;top:6px}
.navigation-bar{border-top:1px solid #f0f1f2;border-bottom:1px solid #ecefec}
.navigation-bar .nav{width:92%;max-width:1760px;height:52px;min-height:52px;justify-content:center;gap:clamp(20px,3vw,54px)}
.navigation-bar .nav .nav-label{font-size:13px;letter-spacing:.1px}
html{scroll-padding-top:112px}
#home-view{background:#fff}
#home-view>.container,.editorial-flow>.container{width:92%;max-width:1760px}
#home-view .premium-hero{height:auto;min-height:0;max-height:none;padding:0;background:#eaf1eb;position:relative;overflow:hidden}
.hero-photograph{display:block;width:100%;height:auto;aspect-ratio:3;object-fit:cover}
.premium-hero .hero-inner{position:absolute;inset:0;height:100%;display:flex;align-items:center;width:92%;max-width:1760px;padding:0}
.premium-hero .hero-copy{width:32%;max-width:none;padding:0;margin:0}
.premium-hero h1{font-family:var(--font-body);font-weight:400;font-size:clamp(38px,4.5vw,80px);line-height:1.07;letter-spacing:-2px;margin:0 0 26px}
.premium-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:500;letter-spacing:.2px}
.premium-link>span,.round-arrow{width:44px;height:44px;border:1px solid #294b3855;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}
.premium-link .icon,.round-arrow .icon{width:19px;height:19px}
a:hover .premium-link>span,a.premium-link:hover>span,.visual-tile:hover .round-arrow{background:#244532;color:white}
#home-view .products-section,#home-view .collection-section,#home-view .routine-section{padding:68px 0 50px;margin-block:0;position:relative}
#home-view .section-heading{margin:0 0 28px;align-items:center;gap:20px}
#home-view .section-heading h2{font-size:clamp(26px,2.5vw,40px);font-weight:500;letter-spacing:-1px;line-height:1.2;margin:0}
#home-view #products .section-heading{position:relative;justify-content:center;margin-bottom:38px;min-height:56px}
#home-view #products-title{font-size:clamp(34px,3.5vw,56px);text-align:center;letter-spacing:-1.8px}
#home-view #all-products{position:absolute;right:0;font-size:12px;font-weight:400}
#home-view .subtle-link{font-size:12px;font-weight:400;gap:12px}
#home-view .mobile-shelf{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px)/6);gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-inline:1px;scrollbar-width:none;padding:2px 1px 18px;align-items:stretch;width:100%;max-width:100%;min-width:0}
#home-view .mobile-shelf::-webkit-scrollbar{display:none}
#home-view .mobile-shelf>*{min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
#home-view .product-card,#home-view .routine-card{display:flex;flex-direction:column;background:#fff;border:0;border-radius:0;box-shadow:none;padding:0 0 12px;overflow:hidden;transition:none}
#home-view .product-card:hover,#home-view .routine-card:hover{transform:none;box-shadow:none}
#home-view .product-image,#home-view .routine-image{width:100%;height:clamp(180px,16vw,250px);max-height:none;border-radius:4px;background:#f8f9f8;margin:0 0 18px;overflow:hidden;flex-shrink:0;padding:10px}
#home-view .product-photo{width:100%;height:100%;object-fit:contain;transform:none;transition:none;mix-blend-mode:multiply}
#home-view .product-image:hover .product-photo,#home-view .routine-image:hover .product-photo{transform:none}
#home-view .product-name{text-align:left;margin:0;padding:0 3px}
#home-view .product-name strong{font-size:15px;line-height:1.4;min-height:21px;font-weight:600}
#home-view .product-name span{font-size:13px;line-height:1.5;min-height:39px;margin-top:4px;color:#5f846f;white-space:normal}
#home-view .card-seller{font-size:10px;color:#74818c;padding:0 3px;margin:9px 0 12px}
#home-view .product-bottom{font-size:17px;align-items:center;gap:10px;padding:0 3px;margin-top:auto}
#home-view .product-bottom del{font-size:12px;font-weight:400;color:#818991}
#home-view .favorite{top:8px;right:8px;width:36px;height:36px;border-radius:50%;background:#ffffffdf;z-index:2}
#home-view .favorite .icon{width:19px;height:19px}
#home-view .product-badge{top:12px;left:12px;font-size:10px;border-radius:3px;min-height:24px;line-height:24px;padding:0 8px}
#home-view .add-cart{width:38px;height:38px;border:1px solid #dee5df;border-radius:50%;background:white;color:#1e3e2c}
#home-view .add-cart:hover{background:#f0f5f0}
#home-view .add-cart .icon{width:18px;height:18px}
#home-view .shelf-controls:not([hidden]){display:flex;align-items:center;justify-content:flex-end;margin-top:10px;gap:12px}
#home-view .shelf-controls p{display:none}
#home-view .shelf-buttons{display:flex;align-items:center;gap:12px}
#home-view .shelf-buttons span{font-size:11px;color:#76848e;min-width:34px;text-align:center;letter-spacing:1px}
#home-view .shelf-buttons button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #dee5df;border-radius:50%;background:white}
#home-view .shelf-buttons button:disabled{opacity:.3;cursor:default}
#home-view .shelf-buttons [data-shelf-direction="-1"] .icon{transform:rotate(180deg)}
#home-view .shelf-buttons .icon{width:18px;height:18px}
.visual-break-wide{width:100%;margin:0;background:#f8eee0}
.wide-campaign{position:relative;display:block;overflow:hidden}
.wide-campaign>img{display:block;width:100%;height:auto;aspect-ratio:3;object-fit:cover}
.wide-campaign-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:92%;max-width:1760px;margin-inline:auto}
.wide-campaign h2{font-family:var(--font-body);font-weight:400;font-size:clamp(28px,3.2vw,56px);letter-spacing:-1.5px;margin:0 0 24px;max-width:32%}
.collection-categories{display:flex;align-items:center;gap:30px;overflow-x:auto;scrollbar-width:none;margin-bottom:26px;border-bottom:1px solid #eaeeea}
.collection-categories button{padding:0 1px 13px;font-size:14px;white-space:nowrap;border-bottom:2px solid transparent;color:#788690;min-width:44px}
.collection-categories button[aria-pressed=true]{color:#1e3e2c;border-color:#1e3e2c}
#home-view .visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:10px 0;padding:0}
.visual-tile{display:block;text-align:left;padding:0;min-width:0;background:transparent}
.visual-tile>img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;height:auto;border-radius:4px}
.visual-tile-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0}
.visual-tile h2{font-size:clamp(21px,2vw,32px);font-weight:400;letter-spacing:-.7px;line-height:1.2;margin:0}
#home-view #routines:before,#home-view #new-products:before{display:none}
#home-view #routine-grid .routine-image{width:100%;height:clamp(140px,12vw,195px);padding:0;background:#f7f8f7}
#home-view #routine-grid .set-photo{mix-blend-mode:normal;object-fit:contain}
#home-view #routine-grid h3{font-size:14px;line-height:1.45;padding:0 3px;min-height:41px;margin:0 0 15px;font-weight:500}
#home-view .editorial-flow{padding-top:38px;background:linear-gradient(180deg,#f6f9f6,#ebf3ec)}
#home-view .editorial-flow .section-heading h2{font-size:28px}
#home-view .guide-grid{grid-auto-columns:calc((100% - 40px)/3)}
#home-view .guide-card{border-radius:4px;padding:0;background:transparent;box-shadow:none}
#home-view .guide-card .editorial-photo{height:auto;aspect-ratio:1.5;border-radius:4px;clip-path:none}
#home-view .guide-card .editorial-photo>span{display:none}
#home-view .guide-copy{padding:18px 0 0}
#home-view .guide-copy h3{font-size:16px}
#home-view .guide-price{margin-top:12px;font-size:13px}
#home-view .blog-section{padding-top:36px}
#home-view .blog-card{border-radius:4px;clip-path:none}
#home-view .blog-copy>span,#home-view .blog-copy>p{display:none}
#home-view .blog-copy h3{font-size:21px;line-height:1.3}
@media(min-width:1800px){#home-view .mobile-shelf{grid-auto-columns:calc((100% - 100px)/6)}}
@media(min-width:761px) and (max-width:1100px){
 .header .header-inner{grid-template-columns:180px minmax(0,1fr) auto;column-gap:20px;height:88px;min-height:88px;padding-block:16px}
 .header .logo{font-size:27px}.header-actions{gap:4px}.header-actions .icon-button{width:42px;height:44px;padding:8px}
 .navigation-bar .nav{justify-content:flex-start;gap:26px}
 #home-view .mobile-shelf{grid-auto-columns:calc((100% - 54px)/3.6);gap:18px}
 #home-view .product-image{height:200px}
}
@media(max-width:760px){
 html{scroll-padding-top:136px}
 .header .header-inner{width:92%;display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:58px 44px;height:122px;min-height:122px;padding:0 0 12px;gap:6px 8px}
 .header .mobile-menu{display:flex;grid-row:1;grid-column:1;padding:5px;width:32px;height:42px;align-items:center}
 .header .logo{grid-row:1;grid-column:2;font-size:24px;letter-spacing:-1px;margin:0}
 .header-actions{grid-row:1;grid-column:3;gap:2px}
 .header-actions .icon-button{width:36px;height:42px;min-height:42px;padding:7px}
 .header-actions .icon-button .icon{width:23px;height:23px}
 .header .search{grid-row:2;grid-column:1/-1;position:relative;inset:auto;width:100%;max-width:none;height:44px;margin:0;padding-inline:10px}
 .header .search input{font-size:13px}
 .header-actions .cart-count{top:0;right:-1px}
 .navigation-bar .nav{display:none;top:122px;min-height:0;height:auto;width:100%;max-height:calc(100dvh - 122px)}
 .navigation-bar .nav.open{display:block}
 .hero-photograph{aspect-ratio:2;object-fit:cover;object-position:right center}
 .premium-hero .hero-inner{position:static;height:auto;width:92%;display:block}
 .premium-hero .hero-copy{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:18px}
 .premium-hero h1{font-size:30px;letter-spacing:-1px;margin:0;line-height:1.13}
 .premium-hero h1 br{display:none}
 .premium-hero h1 br:after{content:' '}
 .premium-link{font-size:12px;gap:10px}.premium-link>span,.round-arrow{width:36px;height:36px}
 #home-view .products-section,#home-view .collection-section,#home-view .routine-section{padding:38px 0 30px}
 #home-view .section-heading{margin-bottom:22px;gap:14px}
 #home-view .section-heading h2{font-size:26px;letter-spacing:-.8px}
 #home-view #products .section-heading{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
 #home-view #products-title{font-size:38px;letter-spacing:-1.3px}
 #home-view #all-products{position:static;font-size:11px}
 #home-view .mobile-shelf{grid-auto-columns:clamp(155px,48vw,195px);gap:14px;padding-bottom:5px}
 #home-view .product-image{height:180px;margin-bottom:12px;padding:9px}
 #home-view .product-name strong{font-size:14px}
 #home-view .product-name span{font-size:12px;min-height:36px}
 #home-view .card-seller{font-size:9px}
 #home-view .product-bottom{font-size:16px}
 #home-view .product-card{padding-bottom:8px}
 #home-view .shelf-controls:not([hidden]){margin-top:14px}
 #home-view .shelf-buttons button{width:36px;height:36px}
 .wide-campaign>img{aspect-ratio:2;object-position:right center}
 .wide-campaign-copy{position:static;padding:18px 0;flex-direction:row;justify-content:space-between;align-items:center;gap:14px}
 .wide-campaign h2{font-size:27px;max-width:none;letter-spacing:-.8px;margin:0}
 .collection-categories{gap:22px;margin-bottom:20px}.collection-categories button{font-size:13px;padding-bottom:11px}
 #home-view .visual-pair{grid-template-columns:1fr;gap:20px;margin-top:0}
 .visual-tile-caption{padding:15px 0 0}.visual-tile h2{font-size:25px}
 #home-view #routine-grid{grid-auto-columns:clamp(190px,65vw,260px)}
 #home-view #routine-grid .routine-image{height:150px}
 #home-view .editorial-flow{padding-top:28px}
 #home-view .editorial-flow .section-heading h2{font-size:25px}
 #home-view .guide-grid{grid-auto-columns:82%}
 #home-view .guide-card .editorial-photo{height:auto;aspect-ratio:1.5}
 #home-view .guide-copy h3{font-size:16px}
 #home-view .blog-section{padding-top:10px}
 #home-view .blog-copy h3{font-size:20px}
}
@media(max-width:360px){.header .logo{font-size:20px}.header-actions .icon-button{width:31px;padding:5px}.header .header-inner{column-gap:4px}.premium-hero h1{font-size:26px}.wide-campaign h2{font-size:24px}.wide-campaign .premium-link{font-size:11px;gap:6px}.wide-campaign .premium-link>span{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.premium-link>span,.round-arrow,.header-actions .icon-button{transition:none}}
/* Category icons with persistent labels on desktop and mobile. */
.navigation-bar .nav{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:center;justify-items:center;gap:8px;width:92%;max-width:1240px;height:100px;min-height:100px;overflow:visible;padding:8px 0}
.navigation-bar .nav-entry{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0}
.navigation-bar .nav .nav-icon-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;height:80px;padding:10px 5px;border-radius:12px;color:#244331;text-align:center;transition:background .18s,color .18s}
.navigation-bar .nav .nav-icon-link:hover,.navigation-bar .nav .nav-icon-link:focus-visible,.navigation-bar .nav .nav-icon-link[aria-current=page]{background:#eff5f0;color:#2e5e43}
.navigation-bar .nav .nav-icon-link:after{display:none}
.category-nav-icon{width:30px;height:30px;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.category-nav-text{display:block;font-size:12px;line-height:1.3;font-weight:400;white-space:normal}
@media(max-width:1000px) and (min-width:761px){.category-nav-text{font-size:11px}.navigation-bar .nav{width:96%;gap:2px}}
@media(max-width:760px){
 .navigation-bar .nav{display:none;height:auto;min-height:0;max-width:none;max-height:calc(100dvh - 122px);width:100%;overflow-y:auto;overflow-x:hidden;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 2px;background:#fff}
 .navigation-bar .nav.open{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:12px 4% 18px}
 .navigation-bar .nav-entry{display:flex;flex:0 0 calc((100% - 6px)/4);width:auto;height:90px;min-height:0;border:0}
 .navigation-bar .nav .nav-icon-link{width:100%;height:90px;padding:9px 3px;gap:8px}
 .category-nav-icon{width:28px;height:28px}
 .category-nav-text{font-size:11px;min-height:29px;display:flex;align-items:center;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.navigation-bar .nav .nav-icon-link{transition:none}}
/* Shelf arrows sit beside the imagery; no separate counter row below the products. */
#home-view .shelf-frame{position:relative;min-width:0;width:100%;--shelf-control-y:140px}
#home-view .shelf-frame .shelf-controls:not([hidden]){position:absolute;z-index:4;top:var(--shelf-control-y);left:0;right:0;height:0;display:block;margin:0;padding:0;pointer-events:none}
#home-view .shelf-frame .shelf-arrow{position:absolute;top:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:11px;border:1px solid #dce4d6;border-radius:50%;background:#fffffffa;box-shadow:0 3px 12px #28483a14;color:#28483a;pointer-events:auto;transition:background .15s,border-color .15s}
#home-view .shelf-arrow[data-shelf-direction="-1"]{left:-21px}
#home-view .shelf-arrow[data-shelf-direction="1"]{right:-21px}
#home-view .shelf-arrow[data-shelf-direction="-1"] .icon{transform:rotate(180deg)}
#home-view .shelf-frame .shelf-arrow .icon{width:19px;height:19px}
#home-view .shelf-frame .shelf-arrow:hover:not(:disabled){background:#edf2e8;border-color:#91a389}
#home-view .shelf-frame .shelf-arrow:disabled{color:#9eaa98;background:#fafcf8;box-shadow:none;cursor:default}
@media(max-width:760px){#home-view .shelf-arrow[data-shelf-direction="-1"]{left:-10px}#home-view .shelf-arrow[data-shelf-direction="1"]{right:-10px}#home-view .shelf-frame .shelf-arrow{width:40px;height:40px;padding:10px}}
@media(prefers-reduced-motion:reduce){#home-view .shelf-frame .shelf-arrow{transition:none}}
/* Quiet uppercase banner captions, positioned relative to each photograph. */
.commerce-banner{position:relative;display:block;overflow:hidden;container-type:inline-size;color:#1c2e24}
.commerce-banner h2{font-family:var(--font-body);font-style:normal;font-weight:400;line-height:1.35;letter-spacing:.15em;text-transform:uppercase;color:#1c2e24;margin:0}
.commerce-banner .banner-link{display:inline-flex;align-items:center;gap:14px;min-height:0;font-size:12px;font-weight:400;line-height:1.5;color:inherit;padding:0;border:0;border-radius:0;background:none;box-shadow:none;white-space:nowrap}
.commerce-banner .banner-link .icon{width:18px;height:18px;stroke-width:1.2;flex-shrink:0;transition:transform .18s}
.commerce-banner:hover .banner-link .icon{transform:translateX(4px)}
.wide-campaign.commerce-banner .wide-campaign-copy{position:absolute;inset:auto;left:8%;width:max-content;max-width:40%;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;z-index:1}
.wide-campaign.commerce-banner h2{font-size:clamp(16px,2.1cqw,34px);max-width:100%;margin:0}
.wide-campaign.commerce-banner-sun .wide-campaign-copy{top:50%;transform:translateY(-50%)}
.wide-campaign.commerce-banner-skin .wide-campaign-copy{bottom:15%}
.commerce-banner-skin h2{white-space:nowrap}
#home-view .visual-tile.commerce-banner{isolation:isolate;border-radius:4px}
.visual-tile.commerce-banner .visual-tile-caption{position:absolute;inset:auto;left:8%;max-width:45%;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;padding:0}
.visual-tile.commerce-banner-moisture .visual-tile-caption{top:15%;color:#4a4a4a}
.visual-tile.commerce-banner-routine .visual-tile-caption{top:20%}
.visual-tile.commerce-banner h2{font-size:clamp(12px,2.7cqw,22px);margin:0;white-space:nowrap}
.visual-tile.commerce-banner-moisture h2{color:#4a4a4a}
.visual-tile.commerce-banner-moisture:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 8% 15%,#fffdf3bf,transparent 50%)}
.visual-tile.commerce-banner>img{display:block;aspect-ratio:1.5;object-fit:cover;height:auto;transform:none}
@media(max-width:760px){
 .wide-campaign.commerce-banner>img{aspect-ratio:3;object-fit:cover;object-position:center}
 .wide-campaign.commerce-banner h2{font-size:clamp(12px,3.2cqw,24px)}
 .wide-campaign.commerce-banner-skin h2{font-size:clamp(11px,2.8cqw,22px)}
 .commerce-banner .banner-link{font-size:10px;gap:8px}
 .commerce-banner .banner-link .icon{width:14px;height:14px}
}
@media(prefers-reduced-motion:reduce){.commerce-banner .banner-link .icon{transition:none}}
/* Use the available header width instead of reserving empty columns around search. */
@media(min-width:761px){
 .header .header-inner{grid-template-columns:max-content minmax(0,1fr) auto;column-gap:24px}
 .header .search{width:100%;max-width:none;justify-self:stretch}
 .header-actions{gap:10px}
}
/* A sticky input must not be scrolled below the document's anchor offset on every keystroke. */
html:has(.header .search input:focus){scroll-padding-top:0}

/* Campaign compositions sit in the photographs' negative space. */
.commerce-banner .campaign-composition{color:#1c2e24;text-align:left}
.commerce-banner .campaign-kicker{display:flex;align-items:center;gap:9px;font-size:clamp(11px,.85vw,14px);font-weight:500;letter-spacing:.16em;line-height:1.5}
.commerce-banner .campaign-kicker>span{width:22px;height:1px;background:currentColor;flex-shrink:0}
.wide-campaign.commerce-banner .campaign-composition{top:50%;bottom:auto;transform:translateY(-50%);width:36%;max-width:none;gap:0}
.wide-campaign.commerce-banner .campaign-composition h2{font-size:clamp(20px,2.6cqw,46px);letter-spacing:.1em;line-height:1.2;margin:18px 0 0;white-space:nowrap}
.commerce-banner .campaign-offer{display:flex;align-items:center;gap:22px;margin:25px 0 26px;padding-top:22px;border-top:1px solid #1c2e2433;width:100%;max-width:470px}
.commerce-banner .campaign-offer[hidden]{display:none}
.commerce-banner .campaign-offer>strong{font-family:var(--font-body);font-weight:400;font-style:normal;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(36px,4.6cqw,78px);letter-spacing:-.025em;line-height:1.1;white-space:nowrap}
.commerce-banner .campaign-offer>strong small{font-family:var(--font-body);font-size:.32em;letter-spacing:0;vertical-align:baseline}
.commerce-banner .campaign-offer>span{font-size:16px;line-height:1.5}
.commerce-banner .campaign-offer>span small{display:block;font-size:14px;margin-top:6px;opacity:1}
.commerce-banner .campaign-offer-sun>span{font-size:22px;font-weight:400}
.commerce-banner .campaign-composition .banner-link{font-size:16px;min-height:40px;gap:20px;border-bottom:1px solid #1c2e2466;padding-bottom:4px}
.commerce-banner .campaign-composition .banner-link .icon{width:20px;height:20px}
.visual-tile.commerce-banner .campaign-composition{top:13%;left:8%;max-width:29%;gap:0;color:#1c2e24}
.visual-tile.commerce-banner .campaign-kicker{font-size:clamp(10px,1.7cqw,12px);letter-spacing:.1em;gap:6px}
.visual-tile.commerce-banner .campaign-kicker>span{width:12px}
.visual-tile.commerce-banner .campaign-composition h2{white-space:normal;font-size:clamp(16px,3.5cqw,28px);letter-spacing:.08em;line-height:1.3;margin-top:16px;color:inherit}
.visual-tile.commerce-banner .campaign-offer{display:block;padding-top:17px;margin:18px 0 14px}
.visual-tile.commerce-banner .campaign-offer>strong{font-size:clamp(28px,6.2cqw,52px)}
.visual-tile.commerce-banner .campaign-offer>span{display:block;font-size:14px;margin-top:9px}
.visual-tile.commerce-banner .campaign-composition .banner-link{font-size:14px;gap:12px}
.visual-tile.commerce-banner:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#f6f9edc9, #f6f9ed66 28%,transparent 53%)}
.visual-tile.commerce-banner-routine .campaign-composition{max-width:26%}
@media(min-width:901px) and (max-width:1100px){
 .wide-campaign.commerce-banner .campaign-composition{width:40%;left:6%}
 .wide-campaign.commerce-banner .campaign-composition h2{margin-top:12px}
 .wide-campaign.commerce-banner .campaign-offer{margin:15px 0 12px;padding-top:14px;gap:18px}
 .wide-campaign.commerce-banner .campaign-offer>span{font-size:14px}
 .wide-campaign.commerce-banner .campaign-offer>span small{font-size:13px}
}
@media(max-width:1100px){
 .visual-tile.commerce-banner{background:#f0f4eb}
 .visual-tile.commerce-banner:after{display:none}
 .visual-tile.commerce-banner .campaign-composition{position:relative;inset:auto;max-width:none;width:auto;padding:24px 8%;display:flex;gap:0}
 .visual-tile.commerce-banner .campaign-kicker{font-size:11px}
 .visual-tile.commerce-banner .campaign-composition h2{font-size:22px;margin-top:12px}
 .visual-tile.commerce-banner .campaign-offer{margin:18px 0 12px;padding-top:16px;display:flex;align-items:center;gap:18px}
 .visual-tile.commerce-banner .campaign-offer>strong{font-size:36px}
 .visual-tile.commerce-banner .campaign-offer>span{font-size:14px;margin:0}
 .visual-tile.commerce-banner .campaign-composition .banner-link{font-size:14px;min-height:40px}
}
@media(max-width:900px){
 .wide-campaign.commerce-banner{background:#f8efdf}
 .wide-campaign.commerce-banner-skin{background:#e8f2f9}
 .wide-campaign.commerce-banner .campaign-composition{position:relative;inset:auto;transform:none;width:auto;max-width:none;margin:0;padding:26px 8%;display:flex;gap:0}
 .wide-campaign.commerce-banner .campaign-kicker{font-size:11px;letter-spacing:.13em}
 .wide-campaign.commerce-banner .campaign-composition h2{font-size:clamp(22px,4cqw,32px);letter-spacing:.08em;white-space:normal;margin:12px 0 0}
 .wide-campaign.commerce-banner .campaign-offer{margin:18px 0 12px;padding-top:16px;gap:18px}
 .wide-campaign.commerce-banner .campaign-offer>strong{font-size:clamp(40px,7cqw,56px)}
 .wide-campaign.commerce-banner .campaign-offer>span{font-size:14px}
 .wide-campaign.commerce-banner .campaign-offer>span small{font-size:13px;margin-top:5px}
 .wide-campaign.commerce-banner .campaign-composition .banner-link{min-height:40px;font-size:15px;gap:16px}
}


/* ---- hero-slider ---- */
/* Uploaded artwork stays intact; live CTAs follow its original image coordinates. */
.hero-slider .hero-slides{overflow:hidden;isolation:isolate;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none}
.hero-slider .hero-slides.is-dragging{cursor:grabbing}
.hero-slider .hero-track{display:flex;align-items:stretch;width:100%;transform:translate3d(0,0,0);will-change:transform}
.hero-slider .hero-slide{position:relative;flex:0 0 100%;min-width:0;container-type:inline-size;background:#f5f4ec}
.hero-slider .hero-photograph{display:block;width:100%;height:auto;aspect-ratio:3;object-fit:contain;transform:none;transition:none;user-select:none}
.hero-slider .hero-image-cta{position:absolute;z-index:2;left:var(--cta-x);top:var(--cta-y);width:var(--cta-w);height:var(--cta-h);display:flex;align-items:center;justify-content:center;gap:1.15cqw;padding:0 .7cqw;border:0;border-radius:var(--cta-radius);background:var(--cta-color);color:#fff;font-family:var(--font-body);font-size:1.48cqw;font-weight:400;line-height:1;letter-spacing:0;text-decoration:none;white-space:nowrap;cursor:pointer;transition:filter .18s}
.hero-slider .hero-image-cta{transform:scale(.85);transform-origin:left center}
.hero-slider .hero-slide-water .hero-image-cta{font-weight:600;background:linear-gradient(110deg,#155c80,#237ca0)}
.hero-slider .hero-image-cta .icon{width:1.55cqw;height:1.55cqw;stroke-width:1.3;flex-shrink:0}
/* Increase the touch target without moving or enlarging the visible artwork button. */
.hero-slider .hero-image-cta:after{content:'';position:absolute;left:0;right:0;top:50%;height:max(100%,52px);transform:translateY(-50%)}
.hero-slider .hero-image-cta:hover{filter:brightness(1.1)}
.hero-slider .hero-image-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--cta-color)}
.hero-slider-controls{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;padding:8px 0;background:#fff;pointer-events:none}
.hero-slider-controls[hidden]{display:none}
.hero-slide-dots{display:flex;align-items:center;justify-content:center;gap:4px;border-radius:30px;padding:0 7px;background:#f3f5ee}
.hero-slide-dots button{width:38px;height:36px;display:flex;align-items:center;justify-content:center;padding:8px;pointer-events:auto}
.hero-slide-dots button span{display:block;width:6px;height:6px;border-radius:8px;background:#9ca996;transition:width .3s,background .3s}
.hero-slide-dots button[aria-current=true] span{width:24px;background:#28483a}
@media(max-width:760px){.hero-slider-controls{padding:5px 0}.hero-slide-dots button{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-track,.hero-slide-dots button span,.hero-slider .hero-image-cta{transition:none}}


/* ---- green-theme ---- */
/* Shared botanical palette for navigation, shopping flows, editorial and footer. */
:root{--navy:#28483a;--muted:#6b7a68;--blue:#edf2e8;--paper:#fafbf7;--line:#dce4d6;--green:#527448;--brand-green:#28483a;--brand-accent:#64785a;--brand-surface:#f2f4ed}
body{color:var(--brand-green);background:var(--paper)}
.logo,.header .logo{color:var(--brand-green)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#6d855c}
.header .search{background:#f6f8f2;border-color:#e0e6da}
.header .search:focus-within{border-color:#8ca17d;box-shadow:0 0 0 2px #eef2e8}
.header .search input::placeholder{color:#7c8b75}
.header-actions .icon-button{color:var(--brand-green)}
.header-actions .icon-button:hover{background:#eef3e9}
.navigation-bar{border-color:#e7ebe1}
.navigation-bar .nav .nav-icon-link{color:var(--brand-green)}
.navigation-bar .nav .nav-icon-link:hover,.navigation-bar .nav .nav-icon-link:focus-visible,.navigation-bar .nav .nav-icon-link[aria-current=page]{background:#eff3e9;color:#3e614a}
.button{background:var(--brand-green);color:white;border-color:var(--brand-green)}
.button:hover{background:#3d5d48}
.premium-link>span,.round-arrow{border-color:#28483a55}
a:hover .premium-link>span,a.premium-link:hover>span,.visual-tile:hover .round-arrow{background:var(--brand-green);color:white}
#home-view .collection-categories button[aria-pressed=true]{color:var(--brand-green);border-color:var(--brand-green)}
#home-view .add-cart{color:var(--brand-green);border-color:#dce4d6}
#home-view .add-cart:hover{background:#edf2e8}
#home-view .product-image,#home-view .routine-image{background:#f6f8f3}
#home-view .product-name span,#home-view .card-seller{color:#6f7b69}
#home-view .editorial-flow{background:linear-gradient(180deg,#f8faf5,#edf2e7)}
.footer.footer-unified{background:#edf2e7}
.footer-link-group h3,.footer-brand .logo,.footer-unified .footer-brand h2{color:var(--brand-green)}
.footer-link-group>a,.footer-link-group>button,.footer-unified .footer-bottom p{color:#697a62}
.footer-bottom{border-color:#d8e2d1}
.hero-slider .hero-slide-title{color:#304832}
.hero-slide-dots button[aria-current=true] span{background:var(--brand-green)}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:#527448}
::selection{background:#dae4ce;color:#28483a}

@media(max-width:760px){#home-view .hero-slider,#home-view .hero-slider .hero-slide{background:#f2f3eb}}


/* ---- commerce ---- */
/* Shopping details complement the existing photography and green palette. */
.commerce-product,#home-view .routine-card{container-type:inline-size}
.card-shopping-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:10px 3px 16px;font-size:12px}
.card-rating{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:24px;padding:2px 0;color:#343c35;white-space:nowrap;text-decoration:none;font-size:11px;line-height:1.2;font-variant-numeric:lining-nums tabular-nums}
.card-rating .review-stars{font-size:13px;letter-spacing:.5px;flex-shrink:0}
.card-rating-score{font-weight:500}
.card-rating-count{font-size:10px;color:#798174}
.card-rating:hover .card-rating-count{text-decoration:underline;color:#28483a}
.card-rating:focus-visible{outline:2px solid #527448;outline-offset:3px;border-radius:3px}
#home-view .routine-card>.card-shopping-meta{margin:7px 3px 12px}
.card-delivery{display:inline-flex;align-items:center;gap:6px;color:#3c6145;font-size:12px}
.card-delivery .icon{width:16px;height:16px}
.card-compare{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#57645b;text-align:left;padding:3px 0}
.card-compare .icon{width:14px;height:14px}
.card-compare:hover{color:#1c3829;text-decoration:underline}
#home-view .product-card .product-bottom,.commerce-product .product-bottom,#home-view .routine-card .product-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.card-price-block{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:44px;justify-content:center}
.card-price-label{font-size:11px;color:#657268;font-weight:400}
#home-view .card-price-block>strong,#page-view .card-price-block>strong{font-size:22px;font-weight:600;line-height:1.3;font-variant-numeric:lining-nums tabular-nums;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;color:#28483a}
#home-view .card-price-block del,#page-view .card-price-block del{font-size:13px;color:#778178;font-weight:400;margin:0}
#home-view .product-card .add-cart,#home-view .routine-card .add-cart,.commerce-product .add-cart{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;height:44px;min-width:44px;min-height:44px;border:1px solid #d3dfd0;border-radius:24px;background:#f5f8f1;color:#28483a;font-size:13px;font-weight:500;padding:10px 14px}
#home-view .product-card .add-cart:hover,#home-view .routine-card .add-cart:hover,.commerce-product .add-cart:hover{background:#e8efdf;border-color:#91a486}
#home-view .add-cart .icon,.commerce-product .add-cart .icon{width:18px;height:18px;flex-shrink:0}
#home-view .routine-card .product-bottom>strong{font-size:22px;font-weight:600;font-variant-numeric:lining-nums tabular-nums}
@media(max-width:600px){
 #home-view .card-price-block>strong,#page-view .card-price-block>strong{font-size:20px}
 .commerce-product .add-cart{font-size:12px;gap:5px;padding-inline:5px}
 .card-shopping-meta{font-size:11px}
}

#home-view .product-card .add-cart:focus-visible,#home-view .routine-card .add-cart:focus-visible,.commerce-product .add-cart:focus-visible{outline:2px solid #28483a;outline-offset:3px}
@container (max-width:210px){
 #home-view .product-card .add-cart,#home-view .routine-card .add-cart,.commerce-product .add-cart{width:44px;padding:11px}
 .add-cart>span{display:none}
 #home-view .product-card .product-bottom,.commerce-product .product-bottom,#home-view .routine-card .product-bottom{gap:6px}
}
@container (max-width:170px){
 #home-view .card-price-block>strong,#page-view .card-price-block>strong,#home-view .routine-card .product-bottom>strong{font-size:16px;gap:4px}
}

#page-view .catalog-grid .product-image{height:170px}
@media(max-width:760px){#page-view .catalog-grid .product-image{height:125px}}


/* ---- campaign-banners ---- */
/* New campaign artwork is composed at the exact display ratio. */
#home-view .campaign-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin-block:16px;padding:0;background:transparent}
#home-view .store-campaign{display:block;width:100%;max-width:none;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:16px;background:#edf1e8;text-decoration:none;line-height:0;overflow:hidden;cursor:pointer}
.store-campaign .campaign-photo{position:static;display:block;width:100%;height:auto;aspect-ratio:1688/932;max-width:none;max-height:none;object-fit:contain;border:0;border-radius:0;transform:none}
#home-view :is(#campaigns,#care-campaigns) .store-campaign{position:relative;container-type:inline-size;aspect-ratio:5/2;cursor:default;color:#344328}
#home-view :is(#campaigns,#care-campaigns) .campaign-photo{height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;transform:none}
#home-view #campaigns .store-campaign-discount{--campaign-accent:#673344;--campaign-hover:#512636;background:#fff3ef}
#home-view #campaigns .store-campaign-shipping{--campaign-accent:#253a64;--campaign-hover:#182a4e;background:#eef5ff}
:is(#campaigns,#care-campaigns) .campaign-cta{position:absolute;left:6%;bottom:8%;display:inline-flex;align-items:center;justify-content:center;gap:2cqw;min-height:24px;height:5.4cqw;padding:0 2.6cqw;border:1px solid var(--campaign-accent);border-radius:999px;background:var(--campaign-accent);color:#fff;font-family:var(--font-body,Arial,sans-serif);font-size:clamp(10px,1.9cqw,13px);font-weight:400;line-height:1;text-decoration:none;white-space:nowrap;transition:background .15s ease}
:is(#campaigns,#care-campaigns) .campaign-cta svg{display:block;width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:is(#campaigns,#care-campaigns) .campaign-cta:hover{background:var(--campaign-hover)}
:is(#campaigns,#care-campaigns) .campaign-cta:focus-visible{outline:2px solid var(--campaign-accent);outline-offset:3px}
@container(max-width:420px){
 :is(#campaigns,#care-campaigns) .campaign-cta{bottom:6%}
}
.store-campaign:focus-visible{outline:3px solid #527448;outline-offset:-3px}
@media(max-width:760px){
 #home-view .campaign-pair{gap:12px;margin-block:12px}
}
@media(max-width:760px){#home-view .campaign-pair{grid-template-columns:1fr}}

#home-view #care-campaigns .store-campaign-serum{--campaign-accent:#482349;--campaign-hover:#321633;background:#eee5f3}
#home-view #care-campaigns .store-campaign-routine{--campaign-accent:#873f25;--campaign-hover:#6b2e19;background:#f8e8d6}
#care-campaigns .campaign-cta{cursor:pointer}


/* ---- inner-banners ---- */
/* Straight, compact banners throughout the inner pages. */
#page-view .page-intro,
#page-view .category-hero,
#page-view .campaign-card,
#page-view .auth-story{
 border-radius:0;
 clip-path:none;
 mask-image:none;
}
#page-view .page-intro{
 padding-bottom:28px;
 background:#f1f4ec;
 border-bottom:1px solid #e2e8db;
}
#page-view .page-intro .breadcrumbs,
#page-view .category-hero .breadcrumbs{padding-block:20px}
#page-view .page-intro h1,
#page-view .category-hero h1{
 font-family:var(--font-body);
 font-size:clamp(30px,3vw,44px);
 line-height:1.15;
 font-weight:400;
 letter-spacing:-.035em;
 margin-bottom:10px;
}
#page-view .page-intro p,
#page-view .category-hero p{font-size:14px;line-height:1.6;color:#5d715f}
#page-view .category-hero{
 height:auto;
 min-height:280px;
 padding-bottom:36px;
 background:#f3f5ee;
 overflow:hidden;
}
#page-view .category-hero-photo{
 position:absolute;
 inset:0;
 z-index:-2;
 width:100%;
 height:100%;
 max-width:none;
 object-fit:cover;
 object-position:center 20%;
}
#page-view .category-hero:before{
 background:linear-gradient(90deg,#f6f5ec9c,transparent 42%);
}
#page-view .category-hero h1{font-size:clamp(38px,4.2vw,64px);margin-top:14px;margin-bottom:14px}
#page-view .category-hero p{max-width:340px;font-size:15px}
#page-view .category-hero[data-category=body] .category-hero-photo,
#page-view .category-hero[data-category=baby] .category-hero-photo{object-position:center top}
#page-view .subcategory-strip{padding-top:22px}
#page-view .campaign-cards{gap:20px;margin-block:28px}
#page-view .campaign-card{
 display:block;
 min-width:0;
 min-height:0;
 padding:0;
 background:transparent;
 overflow:hidden;
}
#page-view .campaign-card>img{
 display:block;
 width:100%;
 height:auto;
 border-radius:0;
 transform:none;
}
#page-view .campaign-caption{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 padding:16px 0;
 border-bottom:1px solid #dce4d6;
 font-size:15px;
 color:#28483a;
}
#page-view .campaign-caption .icon{width:20px;height:20px;transition:transform .2s}
#page-view .campaign-card:hover .campaign-caption .icon{transform:translateX(3px)}
#page-view .campaign-card:focus-visible{outline:2px solid #527448;outline-offset:4px}
@media(max-width:760px){
 #page-view .page-intro{padding-bottom:24px}
 #page-view .page-intro .breadcrumbs,
 #page-view .category-hero .breadcrumbs{padding-block:16px;font-size:11px}
 #page-view .category-hero p{max-width:250px;font-size:13px}
 #page-view .category-hero{min-height:240px}
 #page-view .category-hero h1{font-size:36px;margin-top:8px}
 #page-view .campaign-cards{grid-template-columns:1fr;gap:20px;margin-block:22px}
 #page-view .campaign-caption{font-size:14px;padding-block:12px}
}
@media(max-width:540px){
 #page-view .category-hero{min-height:220px;padding-bottom:24px}
 #page-view .category-hero:before{display:block;background:linear-gradient(90deg,#f6f5ece6,#f6f5ecb8 42%,transparent 72%)}
 #page-view .category-hero-photo{object-position:76% top}
 #page-view .category-hero[data-category=body] .category-hero-photo,
 #page-view .category-hero[data-category=baby] .category-hero-photo{object-position:76% top}
 #page-view .category-hero>.container:not(.breadcrumbs){width:92%;padding-right:38%}
 #page-view .category-hero h1{font-size:30px}
 #page-view .category-hero p{font-size:12px}
}


/* ---- header-poster ---- */
/* A non-interactive campaign poster above the sticky header. */
.header-poster{position:relative;width:100%;height:max(40px,5.2vw);overflow:hidden;background:#e8e1c9}
.header-poster>img{position:absolute;left:50%;top:50%;width:max(100%,680px);max-width:none;height:auto;transform:translate(-50%,-46.5%);display:block;pointer-events:none;user-select:none}
@media(max-width:760px){
 .navigation-bar .nav{top:var(--poster-header-bottom,124px);max-height:calc(100dvh - var(--poster-header-bottom,124px))}
}


/* ---- routine-editorial ---- */
/* Unnumbered routine cards inspired by the supplied editorial layout. */
#home-view .editorial-flow{margin-top:clamp(28px,3vw,48px);padding-top:0;background:#f3f1e9}
#home-view .routine-editorial{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:36px 0 34px;background:radial-gradient(ellipse at 0 100%,#dcd8c7a6,transparent 38%),radial-gradient(ellipse at 100% 30%,#e3dfd066,transparent 40%),#f4f1ea}
.routine-editorial-inner{width:92%;max-width:1760px}
.routine-editorial-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px;padding:0 3px}
.routine-editorial-eyebrow{font-size:10px;font-weight:400;letter-spacing:.3em;line-height:1.6;color:#334b40;margin-bottom:3px}
#home-view .routine-editorial-heading h2{font-family:var(--font-body);font-size:clamp(38px,4vw,72px);font-weight:400;letter-spacing:-.045em;line-height:1.1;color:#29463a}
#home-view .routine-editorial-heading h2 span{color:#969c83}
.routine-editorial-intro{font-size:clamp(14px,1.1vw,19px);font-weight:400;line-height:1.45;color:#485d51;margin-top:10px}
.routine-editorial-all{display:inline-flex;align-items:center;gap:23px;flex-shrink:0;font-size:14px;color:#304d3e;padding:5px 0;min-height:48px}
.routine-editorial-all>span{padding-bottom:4px;border-bottom:1px solid #87957c}
.routine-editorial-all>.icon{width:46px;height:46px;padding:13px;border-radius:50%;background:#e5e5d9;stroke-width:1.4}
#home-view .routine-editorial .guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:24px;overflow:visible;padding:0;align-items:stretch;scroll-snap-type:none}
#home-view .routine-editorial .guide-card{display:flex;flex-direction:column;min-width:0;padding:0;background:#f8f6f0;border:1px solid #e4e1d7;border-radius:7px;box-shadow:0 12px 24px #38442c0a;text-align:left;overflow:hidden;transition:box-shadow .2s}
#home-view .routine-editorial .editorial-photo{width:100%;height:auto;max-height:none;aspect-ratio:1.62;flex-shrink:0;border-radius:0;clip-path:none;background:none}
#home-view .routine-editorial .editorial-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
#home-view .routine-editorial .guide-copy{display:flex;flex-direction:column;flex:1;width:100%;padding:17px 23px 20px}
.routine-editorial-label{display:block;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:.19em;color:#405a4b;margin:0 0 10px}
#home-view .routine-editorial .guide-copy h3{font-family:var(--font-body);font-size:clamp(19px,1.65vw,30px);font-weight:400;letter-spacing:-.025em;line-height:1.18;color:#284c3e;margin:0 0 10px;text-decoration:none}
#home-view .routine-editorial .guide-description{font-family:var(--font-body);font-size:clamp(13px,1.05vw,18px);font-weight:400;line-height:1.4;color:#53665a;margin:0 48px 12px 0}
#home-view .routine-editorial .guide-price{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-top:auto;font-size:clamp(16px,1.15vw,21px);color:#2f5141;font-variant-numeric:lining-nums tabular-nums}
#home-view .routine-editorial .guide-price strong{font-weight:600;line-height:1.4}
#home-view .routine-editorial .card-open{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;margin-top:-19px;border:0;border-radius:50%;background:#e5e5d8;color:#2f4d3e;padding:0}
#home-view .routine-editorial .card-open .icon{width:23px;height:23px;stroke-width:1.5}
#home-view .routine-editorial .guide-card:hover{transform:none;box-shadow:0 15px 30px #38442c18}
#home-view .routine-editorial .guide-card:hover .card-open{background:#d7deca;color:#2f4d3e}
#home-view .routine-editorial .guide-card:focus-visible{outline:2px solid #526c48;outline-offset:4px}
@media(max-width:1100px){
 #home-view .routine-editorial .guide-grid{gap:16px}
 #home-view .routine-editorial .guide-copy{padding:16px 17px 19px}
 #home-view .routine-editorial .guide-description{margin-right:0}
}
@media(max-width:760px){
 #home-view .routine-editorial{padding:28px 0 25px}
 .routine-editorial-heading{align-items:flex-start;flex-wrap:wrap;gap:17px;margin-bottom:20px;padding:0}
 #home-view .routine-editorial-heading h2{font-size:clamp(34px,7.5vw,46px)}
 .routine-editorial-eyebrow{font-size:9px;letter-spacing:.22em;margin-bottom:7px}
 .routine-editorial-intro{font-size:14px;line-height:1.5}
 .routine-editorial-all{font-size:13px;gap:15px;padding:0;min-height:40px}
 .routine-editorial-all>.icon{width:40px;height:40px;padding:11px}
 #home-view .routine-editorial .guide-grid{grid-template-columns:1fr;gap:22px}
 #home-view .routine-editorial .editorial-photo{aspect-ratio:1.62}
 #home-view .routine-editorial .guide-copy{padding:19px 21px 23px}
 #home-view .routine-editorial .guide-copy h3{font-size:25px}
 #home-view .routine-editorial .guide-description{font-size:15px;margin-bottom:15px}
 #home-view .routine-editorial .guide-price{font-size:18px}
}
@media(prefers-reduced-motion:reduce){#home-view .routine-editorial .guide-card{transition:none}}


/* ---- journal ---- */
/* Care journal: photographic cards and warm botanical framing. */
#home-view .journal-section{position:relative;isolation:isolate;z-index:4;width:100%;max-width:none;margin:0;padding:36px 0 38px;background:radial-gradient(ellipse at 20% 100%,#e7e4d8,transparent 48%),#f3f1e9;overflow:hidden}
#home-view .journal-section:before,#home-view .journal-section:after{content:'';position:absolute;top:-40px;bottom:0;width:clamp(85px,10vw,185px);background:url('../../../../uploads/2026/10/site-foliage-edge.webp') right top/100% auto no-repeat;opacity:.25;pointer-events:none;z-index:-1;mask-image:linear-gradient(#000 65%,transparent)}
#home-view .journal-section:before{left:-28px;transform:scaleX(-1);top:0}
#home-view .journal-section:after{right:-30px;filter:blur(1px)}
.journal-inner{width:92%;max-width:1760px}
.journal-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:22px;padding:0 20px}
#home-view .journal-heading h2{font-family:var(--font-body);font-size:clamp(34px,3.3vw,60px);font-weight:400;line-height:1.12;letter-spacing:-.045em;color:#264334}
#home-view .journal-heading h2 span{color:#7a8155}
.journal-heading p{font-size:clamp(13px,1.05vw,18px);font-weight:400;color:#6e7468;line-height:1.5;margin-top:10px}
.journal-all{display:inline-flex;align-items:center;gap:28px;flex-shrink:0;font-size:13px;color:#435b47;padding:10px 0;min-height:44px;align-self:flex-end;margin-bottom:9px}
.journal-all span{padding:0 0 7px;border-bottom:1px solid #afb699}
.journal-all .icon{width:23px;height:23px;stroke-width:1.3}
#home-view .journal-section .blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;overflow:visible;padding:0;align-items:stretch}
#home-view .journal-section .blog-card{display:flex;flex-direction:column;padding:0;height:auto;max-height:none;min-height:0;background:#faf8f2;border:0;border-radius:12px;clip-path:none;overflow:hidden;text-align:left;box-shadow:0 12px 25px #3e432811;transition:box-shadow .2s}
#home-view .journal-section .blog-card>img{display:block;width:100%;height:auto;aspect-ratio:2.12;object-fit:cover;object-position:center 30%;flex-shrink:0}
#home-view .journal-section .blog-card[data-article=summer]>img{object-position:center 22%}
#home-view .journal-section .blog-card>.blog-copy{position:static;inset:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;width:100%;background:#faf8f2;padding:18px 21px 21px}
#home-view .journal-section .blog-copy>.journal-tag{display:inline-flex;align-items:center;min-height:21px;padding:3px 14px;margin:0 0 10px;background:#e4e5d6;border-radius:30px;font-size:10px;font-weight:500;letter-spacing:0;line-height:1.3;color:#4e6150}
#home-view .journal-section .blog-copy h3{max-width:none;margin:0 0 11px;font-size:clamp(18px,1.55vw,28px);line-height:1.25;font-weight:400;letter-spacing:-.035em;color:#294b3b;text-decoration:none}
#home-view .journal-section .blog-copy h3 em{font-style:normal;color:#7c8457}
.journal-card-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin-top:auto}
#home-view .journal-section .journal-card-footer p{display:block;flex:1;width:auto;margin:0;color:#777d71;font-size:clamp(12px,.99vw,17px);font-weight:400;line-height:1.4}
#home-view .journal-section .journal-card-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;padding:0;margin:0;background:#e4e5d5;color:#314d39}
.journal-card-arrow .icon{width:22px;height:22px;stroke-width:1.4}
#home-view .journal-section .blog-card:hover{box-shadow:0 16px 30px #3e43281e}
#home-view .journal-section .blog-card:hover .journal-card-arrow{background:#d5dcc6}
#home-view .journal-section .blog-card:focus-visible{outline:2px solid #526c48;outline-offset:4px}
@media(max-width:1100px){
 .journal-heading{padding:0}
 #home-view .journal-section .blog-grid{gap:16px}
 #home-view .journal-section .blog-card>.blog-copy{padding:16px}
 .journal-card-footer{gap:12px}
 #home-view .journal-section .journal-card-arrow{width:36px;height:36px;flex-basis:36px}
}
@media(max-width:760px){
 #home-view .journal-section{padding:28px 0 30px}
 .journal-heading{align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px}
 #home-view .journal-heading h2{font-size:36px}
 .journal-heading p{font-size:13px;max-width:440px}
 .journal-all{align-self:auto;margin:0;gap:18px;padding:0;min-height:36px}
 #home-view .journal-section .blog-grid{grid-template-columns:1fr;gap:20px}
 #home-view .journal-section .blog-card>img{aspect-ratio:2.12}
 #home-view .journal-section .blog-card>.blog-copy{padding:19px 20px 21px}
 #home-view .journal-section .blog-copy h3{font-size:23px}
 #home-view .journal-section .journal-card-footer p{font-size:14px;line-height:1.45}
 #home-view .journal-section .journal-card-arrow{width:42px;height:42px;flex-basis:42px}
}
@media(prefers-reduced-motion:reduce){#home-view .journal-section .blog-card{transition:none}}


/* ---- footer ---- */
/* Botanical footer adapted from the supplied reference; content stays accessible HTML. */
.footer.footer-unified{height:auto;max-height:none;min-height:0;background:#252f1f;color:#e9ebdf;padding:0;overflow:hidden;margin:0;border:0}
.footer.footer-unified:before{display:none}
.footer-botanical-surface{background:#252f1f;background-image:linear-gradient(90deg,transparent,#202b1bd9 8%,#202b1b80 20%,#202b1b66 80%,#202b1be6 94%,transparent),url('../../../../uploads/2026/10/footer-botanical-v1-background.webp');background-position:center;background-size:cover;background-repeat:no-repeat}
.footer-unified .footer-main{width:80%;max-width:1680px;padding:52px 0;display:grid;grid-template-columns:1.12fr 2.12fr 1.45fr;gap:30px;align-items:start}
.footer-identity{min-width:0}
.footer-identity .footer-wordmark{display:inline-flex;align-items:center;gap:0;font-family:var(--font-body);font-size:clamp(36px,3.1vw,58px);font-weight:300;letter-spacing:-.065em;line-height:1.1;color:#f3f4ec}
.footer-wordmark .icon{width:.47em;height:.47em;margin-left:1px;stroke-width:1.2}
.footer-unified .footer-tagline{font-size:clamp(7px,.52vw,10px);letter-spacing:.25em;line-height:1.6;text-align:left;color:#d6ddcd;margin-top:12px;max-width:none;white-space:nowrap}
.footer-unified .footer-brand-copy{font-size:13px;line-height:1.65;color:#d6dccb;text-align:left;max-width:none;margin-top:23px}
.footer-socials{display:flex;gap:12px;align-items:center;margin-top:25px;flex-wrap:wrap}
.footer-socials button{display:flex;justify-content:center;align-items:center;border:1px solid #c0c9ae;border-radius:50%;width:36px;height:36px;padding:8px;color:#e4e9d9;background:transparent;transition:background .2s}
.footer-socials svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.footer-socials button:hover{background:#c4d0aa24}
.footer-navigation{display:grid;grid-template-columns:.85fr .95fr 1.18fr;gap:20px;border-left:1px solid #b6c39835;padding-left:30px;min-width:0}
.footer-unified .footer-link-group{display:flex;flex-direction:column;align-items:flex-start;grid-column:auto;min-width:0;padding:0}
.footer-unified .footer-link-group h3,.footer-subscribe h3{color:#eff0e7;font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;margin:0 0 12px}
.footer-unified .footer-link-group>a,.footer-unified .footer-link-group>button{display:block;color:#d6dccb;font-size:13px;padding:5px 0;line-height:1.55;min-height:30px;text-align:left}
.footer-unified .footer-link-group>a:hover,.footer-unified .footer-link-group>button:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.footer-subscribe{border-left:1px solid #b6c39835;padding-left:30px;min-width:0;align-self:stretch}
.footer-unified .footer-subscribe>p{font-size:13px;line-height:1.6;color:#d6dccb;text-align:left;max-width:none;margin-top:0}
.footer-newsletter-form{margin:20px 0 0}
.footer-email-field{display:flex;width:100%;height:48px;overflow:hidden;border:1px solid #f0f1e825;border-radius:5px;background:#f5f3ec}
.footer-email-field input{flex:1;min-width:0;width:100%;border:0;background:transparent;padding:12px 14px;font-size:13px;color:#39472e;border-radius:0}
.footer-email-field input::placeholder{color:#8b8d82;opacity:1}
.footer-email-field input:focus-visible{outline:none}
.footer-email-field:focus-within{outline:2px solid #d2dcbb;outline-offset:3px}
.footer-email-field button{display:flex;align-items:center;justify-content:center;background:#78865a;color:#f5f5e9;width:49px;flex:0 0 49px;padding:0}
.footer-email-field button:hover{background:#8d9a6b}
.footer-email-field .icon{width:22px;height:22px;stroke-width:1.4}
.footer-unified .footer-form-status{font-size:11px;line-height:1.45;color:#e0e6d2;text-align:left;max-width:none;margin-top:8px}
.footer-form-status:empty{display:none}
.footer-service-icons{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:30px}
.footer-service-icons>span{display:flex;align-items:center;gap:9px;color:#d7dfca;font-size:11px;line-height:1.4}
.footer-service-icons>span+span{border-left:1px solid #bcc8aa25;padding-left:12px}
.footer-service-icons .icon{width:27px;height:27px;stroke-width:1.2}
.footer-unified .footer-bottom{width:94%;max-width:1880px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:25px 0 29px;margin:0 auto;border-top:1px solid #c3cfa62e}
.footer-unified .footer-bottom p{color:#d6dccb;font-size:11px;max-width:none;text-align:left}
.footer-unified .footer-agency{margin-left:auto;flex:0 0 110px}
.footer-unified .a360-icon-card-container figure>div{filter:brightness(0) invert(1);opacity:.8}
.footer-botanical-surface :is(a,button):focus-visible{outline:2px solid #e0e6d2;outline-offset:4px}
@media(max-width:1600px){
 .footer-unified .footer-main{width:88%;gap:25px;grid-template-columns:1.1fr 2.15fr 1.4fr}
 .footer-navigation{gap:16px;padding-left:24px}
 .footer-subscribe{padding-left:24px}
 .footer-socials{gap:9px}
 .footer-service-icons{gap:7px}
 .footer-service-icons>span{gap:6px;font-size:11px}
 .footer-service-icons>span+span{padding-left:8px}
 .footer-service-icons .icon{width:24px;height:24px}
}
@media(max-width:1200px){
 .footer-unified .footer-main{width:90%;grid-template-columns:1fr 2.15fr;gap:32px;padding:38px 0}
 .footer-subscribe{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 36px;border-left:0;border-top:1px solid #b6c39835;padding:25px 0 0}
 .footer-subscribe h3{margin-bottom:8px}
 .footer-subscribe>p{grid-column:1}
 .footer-newsletter-form{grid-column:2;grid-row:1/3;margin:0;align-self:center}
 .footer-service-icons{grid-column:1/-1;justify-content:flex-start;gap:28px;margin-top:23px}
 .footer-service-icons>span{font-size:12px;gap:10px}
 .footer-service-icons>span+span{padding-left:28px}
 .footer-service-icons .icon{width:28px;height:28px}
 .footer-unified .footer-tagline{font-size:8px;letter-spacing:.15em}
}
@media(max-width:760px){
 .footer-botanical-surface{background-image:linear-gradient(#222d1b4d,#222d1b 630px),url('../../../../uploads/2026/10/footer-botanical-v1-background.webp');background-size:auto,auto 650px;background-position:center,center top;background-repeat:no-repeat}
 .footer-unified .footer-main{width:90%;grid-template-columns:1fr;gap:30px;padding:32px 0}
 .footer-identity .footer-wordmark{font-size:46px}
 .footer-unified .footer-tagline{font-size:8px;letter-spacing:.2em}
 .footer-unified .footer-brand-copy{font-size:13px;margin-top:18px}
 .footer-socials{margin-top:20px;gap:13px}
 .footer-socials button{width:40px;height:40px;padding:10px}
 .footer-navigation{border-left:0;border-top:1px solid #b6c39835;padding:24px 0 0;gap:22px;grid-template-columns:.8fr 1fr 1.1fr}
 .footer-unified .footer-link-group h3{font-size:13px;margin-bottom:10px}
 .footer-unified .footer-link-group>a,.footer-unified .footer-link-group>button{font-size:12px;min-height:36px;padding:7px 0}
 .footer-unified .footer-link-group:last-child{grid-column:auto;display:flex}
 .footer-subscribe{grid-column:1;display:block;padding-top:24px}
 .footer-subscribe h3{font-size:15px}
 .footer-newsletter-form{margin-top:18px}
 .footer-email-field{height:48px}
 .footer-email-field input{font-size:16px}
 .footer-service-icons{justify-content:space-between;gap:8px;margin-top:24px}
 .footer-service-icons>span{gap:7px;font-size:10px}
 .footer-service-icons>span+span{padding-left:8px}
 .footer-service-icons .icon{width:25px;height:25px}
 .footer-unified .footer-bottom{width:90%;gap:12px;padding:20px 0 23px;margin-top:0}
 .footer-unified .footer-bottom p{font-size:10px;max-width:200px;line-height:1.5}
 .footer-unified .footer-agency{flex-basis:80px}
 .footer-agency .a360-icon{width:80px;height:20px}
}
@media(max-width:420px){
 .footer-navigation{grid-template-columns:1fr 1fr;gap:24px 20px}
 .footer-unified .footer-link-group:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
 .footer-unified .footer-link-group:last-child h3{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.footer-socials button{transition:none}}


/* ---- shopping-offer ---- */
/* Live offer UI surrounding the product photograph from the supplied artwork. */
#home-view .shopping-offer-section{display:grid;grid-template-columns:35% 31% 34%;position:relative;margin:20px auto 38px;padding:0;border:1px solid #e2e6da;border-radius:25px;background:#fafaf6;overflow:hidden;align-items:stretch}
.shopping-offer-intro{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px clamp(24px,3.2vw,60px);background:radial-gradient(ellipse at 0 100%,#e1e5d5aa,transparent 65%);min-width:0}
.shopping-eyebrow{display:flex;align-items:center;gap:10px;font-size:clamp(9px,.8vw,13px);letter-spacing:.13em;font-weight:600;color:#7b876d;white-space:nowrap}
.shopping-eyebrow:before{content:'';width:7px;height:7px;background:#99a387;border-radius:50%;flex-shrink:0}
.shopping-eyebrow:after{content:'';width:40px;height:1px;background:#b7bda9}
.shopping-offer-intro h2{font-size:clamp(34px,3.45vw,66px);font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:24px 0 16px;color:#4d6558}
.shopping-offer-intro h2 em{font-weight:400;color:#919b7f;white-space:nowrap}
.shopping-offer-intro p{font-size:clamp(13px,1.2vw,20px);line-height:1.4;color:#87907e;margin:0 0 24px}
.shopping-all-offers{display:inline-flex;align-items:center;gap:22px;font-size:clamp(13px,1.12vw,19px);color:#345344;border-bottom:1px solid #b7c1ad;padding:7px 0 9px}
.shopping-all-offers .icon{width:21px;height:21px}
.offer-photo-window{display:block;position:relative;align-self:center;aspect-ratio:597/520;overflow:hidden;border-radius:0 0 32px 0;background:#eee7d8}
.offer-photo-window>img{position:absolute;display:block;max-width:none;width:343.0486%;height:123.0769%;left:-123.9531%;top:-10.7692%;pointer-events:none}
.offer-discount{position:absolute;display:flex;align-items:center;justify-content:center;left:5.8%;top:9.3%;width:16%;aspect-ratio:1;border-radius:50%;background:#526b5e;color:#fff;font-size:clamp(14px,1.4vw,25px);font-weight:600}
.offer-product-details{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:62px clamp(22px,2.3vw,44px) 36px;gap:20px}
.offer-product-title{display:flex;flex-direction:column;gap:9px;color:#294b3c}
.offer-product-title strong{font-family:var(--font-body);font-size:clamp(23px,1.95vw,35px);line-height:1.2;font-weight:600}
.offer-product-title>span{font-size:clamp(14px,1.2vw,21px);color:#8b9483;line-height:1.4}
.offer-product-details .favorite{position:absolute;top:20px;right:24px;width:42px;height:42px;border:1px solid #dde4d5;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:10px;color:#345442}
.offer-product-details .favorite.active{color:#bd4f65}
.offer-product-details .card-rating{font-size:15px;gap:8px;flex-wrap:wrap}
.offer-product-details .review-stars{order:0;font-size:19px}
.offer-product-details .card-rating-score{order:1;font-weight:400;color:#8c9583}
.offer-product-details .card-rating-count{order:2;font-size:12px;color:#8c9583}
.offer-shipping{display:inline-flex;align-items:center;gap:7px;border-radius:25px;background:#edf2e6;color:#71846b;padding:7px 11px;font-size:12px}
.offer-shipping .icon{width:20px;height:20px;stroke-width:1.4}
.offer-purchase{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;width:100%;border-top:1px solid #e0e5d8;margin-top:6px;padding-top:22px}
.offer-price{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.offer-price strong{font-size:clamp(27px,2.2vw,40px);line-height:1.2;font-weight:600;letter-spacing:-.04em;color:#294b3c}
.offer-price del{font-size:12px;color:#939b8b}
.offer-add{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:0;border-radius:50px;background:#2f5141;color:#fff;padding:13px 18px;font-size:13px;white-space:nowrap;box-shadow:0 7px 17px #2c4b3020;cursor:pointer}
.offer-add .icon{width:19px;height:19px;stroke-width:1.5}
.offer-add:hover{background:#41644f}
.shopping-offer-section :is(a,button):focus-visible{outline:2px solid #48644d;outline-offset:3px}
@media(min-width:1700px){.offer-product-details{gap:25px}.offer-purchase{margin-top:14px;padding-top:28px}.offer-add{font-size:16px;padding:16px 24px}}
@media(max-width:1100px){
 #home-view .shopping-offer-section{grid-template-columns:46% 54%}
 .shopping-offer-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:0 24px;padding:26px 32px}
 .shopping-eyebrow{grid-column:1/-1;font-size:10px}
 .shopping-offer-intro h2{font-size:39px;grid-row:2/4;margin:15px 0 0}
 .shopping-offer-intro p{grid-column:2;margin:14px 0 5px;font-size:14px}
 .shopping-all-offers{grid-column:2;justify-self:start;font-size:14px}
 .offer-product-details{padding:55px 30px 30px;gap:18px}
 .offer-photo-window{border-radius:0 28px 28px 0}
 .offer-discount{font-size:22px}
}
@media(max-width:600px){
 #home-view .shopping-offer-section{grid-template-columns:42% 58%;margin:14px auto 28px;border-radius:20px}
 .shopping-offer-intro{display:flex;align-items:flex-start;padding:24px;gap:0}
 .shopping-offer-intro h2{font-size:34px;margin:16px 0 12px}
 .shopping-offer-intro p{font-size:14px;margin:0 0 10px}
 .shopping-all-offers{font-size:14px}
 .shopping-eyebrow:after{width:30px}
 .offer-product-details{padding:50px 16px 24px;gap:13px}
 .offer-product-title strong{font-size:19px}.offer-product-title>span{font-size:12px}
 .offer-product-details .favorite{top:8px;right:14px;width:33px;height:33px;padding:7px}
 .offer-product-details .card-rating{font-size:12px;gap:5px}.offer-product-details .review-stars{font-size:15px}.offer-product-details .card-rating-count{font-size:10px}
 .offer-shipping{font-size:10px;padding:6px 9px;gap:4px}.offer-shipping .icon{width:16px;height:16px}
 .offer-purchase{padding-top:14px;margin:0;gap:12px}.offer-price{gap:7px}.offer-price strong{font-size:25px}.offer-price del{font-size:10px}
 .offer-add{width:100%;padding:12px 9px;gap:7px;min-height:44px;font-size:12px}.offer-add .icon:last-child{display:none}
 .offer-photo-window{border-radius:0 18px 18px 0}.offer-discount{font-size:12px}
}


/* ---- typography ---- */
/* Site-wide font roles. Change the two families here, not in section styles. */
:root{
 --font-heading:Georgia,serif;
 --font-body:Arial,sans-serif;
}
body,button,input,select,textarea{font-family:var(--font-body)}

/* The family override deliberately wins over section-specific font shorthands.
   Sizes, weights and colors remain the responsibility of each component. */
:is(h1,h2,h3,h4,h5,h6),
.library-card strong{
 font-family:var(--font-heading)!important;
}
:is(h1,h2,h3,h4,h5,h6) *,
.library-card strong *{
 font-family:inherit!important;
}

/* Product information uses the body family for fast catalog scanning. */
.product-name,
.product-name strong,
.product-name span,
.routine-card h3,
.product-details-copy h1,
.detail-brand,
.routine-library-grid .library-card strong,
#content-dialog[data-variant="routine"] #dialog-title{
 font-family:var(--font-body)!important;
}


/* ---- home-promotions ---- */
/* A compact service strip shared by the storefront pages. */
.header-benefits{background:#28483a;color:#fff}
.header-benefits-list{display:flex;align-items:center;justify-content:center;min-height:38px;gap:0;list-style:none;margin-block:0;padding:0}
.header-benefits-list li{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 34px;font-size:12px;line-height:1.3;white-space:nowrap}
.header-benefits-list li+li{border-left:1px solid #ffffff30}
.header-benefits-list .icon{width:18px;height:18px;flex:0 0 auto;stroke:#dbe8d4;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* Reference-inspired cream campaign frame; shared product-card actions stay intact. */
#home-view .opportunity-section{position:relative;isolation:isolate;margin-block:32px;padding:38px 0 30px;background:#f3f1e9;color:#173f30}
.opportunity-section::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:clamp(330px,31vw,540px);background:linear-gradient(180deg,transparent 45%,#f3f1e9 100%),url('../../../../uploads/2026/10/opportunity-v1-serum-background.webp') center top/cover no-repeat;pointer-events:none}
#home-view .opportunity-inner{width:89%;max-width:1760px;min-width:0}
.opportunity-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:180px;margin-bottom:30px}
.opportunity-copy{position:relative;z-index:1;min-width:0}
.opportunity-eyebrow{display:flex;align-items:center;gap:18px;margin:0 0 12px;font-size:clamp(11px,1.05vw,17px);font-weight:500;letter-spacing:.14em;color:#53694a}
.opportunity-eyebrow>span{height:1px;width:40px;flex-shrink:0;background:#8e9c7b80}
#home-view #opportunity-title{margin:0 0 10px;color:#102e20;text-align:left;font-family:var(--font-heading);font-size:clamp(56px,6.7vw,118px);font-weight:400;line-height:1.03;letter-spacing:-.045em;white-space:nowrap}
#opportunity-title>span{color:#859573}
.opportunity-description{margin:0;font-size:clamp(14px,1.45vw,25px);line-height:1.5;color:#214d3d}
.opportunity-all{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;flex-shrink:0;padding:8px 10px 8px 20px;border:1px solid #ffffffb0;border-radius:18px;background:#fffffff0;color:#214d3d;font-size:clamp(11px,.9vw,15px);line-height:1.3;text-decoration:none;box-shadow:0 5px 18px #41513908}
.opportunity-all>span{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#194b37;color:#fff}
.opportunity-all svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.opportunity-all:hover{background:#fff;box-shadow:0 5px 18px #41513918}
.opportunity-carousel{position:relative;min-width:0}
#home-view #opportunity-products .product-card{border-radius:18px;padding-bottom:14px;background:#ffffffed}
#home-view #opportunity-products .product-image{width:calc(100% - 20px);margin:10px 10px 16px;border-radius:12px;background:#f6f6f1}
#home-view #opportunity-products .product-name{padding-inline:14px}
#home-view #opportunity-products .card-shopping-meta{margin-inline:14px}
#home-view #opportunity-products .product-bottom{padding-inline:14px}
.opportunity-track:focus-visible,.opportunity-all:focus-visible{outline:2px solid #486845;outline-offset:4px}
.opportunity-arrow{position:absolute;top:45%;z-index:3;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#fffffff0;color:#214d3d;transform:translateY(-50%);box-shadow:0 3px 15px #253c2010}
.opportunity-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.opportunity-prev{left:-50px}
.opportunity-next{right:-50px}
.opportunity-arrow:disabled{opacity:.4;cursor:default}
.opportunity-arrow:focus-visible{outline:2px solid #486845;outline-offset:4px}
@media(max-width:1100px){
 .opportunity-heading{flex-wrap:wrap;min-height:0;gap:18px}
 #home-view #opportunity-title{font-size:6.6vw}
 .opportunity-all{margin-left:auto}
 .opportunity-prev{left:-37px}.opportunity-next{right:-37px}
 .opportunity-arrow{width:32px;height:32px}
}
@media(max-width:760px){
 .header-benefits-list{min-height:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .header-benefits-list li{gap:5px;padding:0 3px;font-size:clamp(9px,2.3vw,11px)}
 .header-benefits-list .icon{width:15px;height:15px}
 #home-view .opportunity-section{margin-block:24px;padding:24px 0 22px}
 #home-view .opportunity-inner{width:90%}
 .opportunity-section::before{height:330px;background-image:linear-gradient(90deg,#f3f1e9f5 0%,#f3f1e9cf 45%,#f3f1e920 100%),linear-gradient(180deg,transparent 45%,#f3f1e9 100%),url('../../../../uploads/2026/10/opportunity-v1-serum-background.webp');background-position:65% top}
 .opportunity-heading{margin-bottom:22px;gap:16px}
 .opportunity-copy{padding:0;width:100%}
 .opportunity-eyebrow{margin-bottom:18px;font-size:10px;gap:12px}
 .opportunity-eyebrow>span{width:24px}
 #home-view #opportunity-title{font-size:clamp(36px,9.3vw,68px);margin-bottom:12px}
 .opportunity-description{font-size:14px;max-width:310px}
 .opportunity-all{margin:0;padding:6px 8px 6px 14px;font-size:12px;border-radius:14px}
 .opportunity-all>span{width:30px;height:30px}
 .opportunity-arrow{width:32px;height:32px}
 .opportunity-prev{left:-15px}
 .opportunity-next{right:-15px}
}


/* ---- skin-menu ---- */
/* A compact editorial disclosure, enabled only for Cilt Bakımı. */
#skin-menu-toggle{border:0;background:transparent;font:inherit;cursor:pointer}
#skin-menu-toggle .category-nav-text{display:flex;align-items:center;justify-content:center;gap:6px}
.skin-menu-chevron{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
#skin-menu-toggle[aria-expanded=true]{background:#f4f2ec}
#skin-menu-toggle[aria-expanded=true] .skin-menu-chevron{transform:rotate(180deg)}
#skin-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:15;width:92%;max-width:1200px;padding:24px 28px;background:#fffefa;border:1px solid #eeece5;border-radius:0 0 16px 16px;box-shadow:0 18px 40px #202a2314;color:#293b30;white-space:normal}
#skin-menu[hidden]{display:none}
.skin-menu-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,25%);gap:32px;align-items:stretch}
.skin-menu-copy{display:flex;flex-direction:column;min-width:0;padding:6px 0}
.skin-menu-eyebrow{font-size:9px;font-weight:400;letter-spacing:.17em;color:#8e8b7b}
#skin-menu h2{margin:8px 0;font-size:30px;font-weight:400;line-height:1.15;letter-spacing:-.025em}
.skin-menu-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px;margin-bottom:16px}
#skin-menu h3{margin:0 0 10px;font-family:var(--font-body)!important;font-size:12px;line-height:1.5;font-weight:600;color:#374333}
.skin-menu-group>a{display:block;width:fit-content;max-width:100%;padding:6px 0;font-size:13px;line-height:1.45;color:#737869;text-decoration:none;transition:color .15s}
.skin-menu-group>a:hover{color:#263e2c;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.skin-menu-all{display:flex;align-items:center;gap:15px;width:fit-content;margin-top:auto;padding-top:10px;font-size:11px;line-height:1.6;color:#56644d;text-decoration:none}
.skin-menu-all>.icon{width:17px;height:17px;stroke-width:1.3}
.skin-menu-all:hover{text-decoration:underline;text-underline-offset:5px}
.skin-menu-feature{align-self:center;overflow:hidden;border-radius:10px;background:#eee6d9}
.skin-menu-feature>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
.skin-menu-close{display:none}
#skin-menu a:focus-visible,#skin-menu button:focus-visible,#skin-menu-toggle:focus-visible{outline:2px solid #526a48;outline-offset:4px;border-radius:3px}
@media(min-width:761px) and (max-width:1100px){
 #skin-menu{width:94%;padding:22px}
 .skin-menu-layout{grid-template-columns:minmax(0,1fr) 200px;gap:24px}
 .skin-menu-groups{grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;margin-bottom:18px}
 .skin-menu-brands{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
 .skin-menu-brands h3{grid-column:1/-1;margin-bottom:5px}
 .skin-menu-feature{align-self:start;margin-top:46px}
}
@media(max-width:760px){
 #skin-menu{position:fixed;top:var(--poster-header-bottom,124px);left:0;transform:none;width:100%;max-height:calc(100dvh - var(--poster-header-bottom,124px));overflow-y:auto;overscroll-behavior:contain;padding:20px;border-radius:0 0 14px 14px}
 .skin-menu-layout{grid-template-columns:1fr;gap:20px}
 .skin-menu-copy{padding:0}
 #skin-menu h2{margin:10px 0;font-size:30px}
 .skin-menu-heading{padding-right:12px}
 .skin-menu-groups{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;margin-bottom:16px}
 #skin-menu h3{font-size:12px;margin-bottom:8px}
 .skin-menu-group>a{padding:10px 0;font-size:12px}
 .skin-menu-brands{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
 .skin-menu-brands h3{grid-column:1/-1}
 .skin-menu-all{padding-top:0}
 .skin-menu-feature{width:100%;max-width:280px;margin-inline:auto}
 .skin-menu-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;border:0;background:transparent;color:#7a8272;cursor:pointer}
 .skin-menu-close .icon{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){.skin-menu-chevron,.skin-menu-group>a{transition:none}}


/* ---- skin-finder ---- */
.finder-invite{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px;padding:24px 32px;margin:0 0 28px;border-radius:14px;background:#28483a;color:#fff;overflow:hidden}
.finder-invite[hidden]{display:none}
.finder-invite::after{content:"";position:absolute;z-index:-1;right:16%;top:-110px;width:320px;height:320px;border:1px solid #ffffff16;border-radius:50%;box-shadow:0 0 0 30px #ffffff05,0 0 0 60px #ffffff04;pointer-events:none}
.finder-invite-title{display:flex;align-items:center;gap:20px;min-width:0}
.finder-invite-symbol{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border:1px solid #ffffff40;border-radius:50%;color:#d8e6c4}
.finder-invite-symbol .icon{width:28px;height:28px}
.finder-invite h3{font-size:clamp(24px,2.2vw,31px);font-weight:400;line-height:1.25;letter-spacing:-.025em;margin:0;color:inherit}
.finder-invite h3 em{font-weight:400;color:#d8e6c4}
.finder-invite-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0;min-height:48px;padding:13px 22px;background:#e7edda;border:1px solid transparent;border-radius:8px;color:#28483a;font-size:16px;font-weight:600;line-height:1.4;cursor:pointer}
.finder-invite-button .icon{width:20px;height:20px}
.finder-invite-button:hover{background:#fff}
.finder-invite-button:focus-visible{outline:2px solid currentColor;outline-offset:4px;box-shadow:0 0 0 4px #fff}
.finder-invite-routine{background:#e8eddf;color:#28483a}
.finder-invite-routine h3 em{color:#567147}
.finder-invite-routine .finder-invite-symbol{border-color:#afbea4;color:#567147}
.finder-invite-routine .finder-invite-button{background:#28483a;color:#fff}
.finder-invite-routine .finder-invite-button:hover{background:#3b604b}
.finder-invite-routine::after{border-color:#28483a16;box-shadow:0 0 0 30px #28483a05,0 0 0 60px #28483a04}
@media(max-width:760px){
 .finder-invite{flex-wrap:wrap;gap:18px;min-height:0;padding:22px;margin-bottom:22px;border-radius:12px}
 .finder-invite-title{gap:14px}.finder-invite-symbol{width:44px;height:44px}.finder-invite-symbol .icon{width:24px;height:24px}
 .finder-invite h3{font-size:25px}.finder-invite h3 em{display:block}
 .finder-invite-button{width:100%;justify-content:space-between;padding:12px 16px}
 .finder-invite::after{right:-130px;top:-90px}
}
/* Shared presentation for the skin-test and routine invitations. */
:is(#skin-finder,.finder-invite-routine){min-height:100px;padding:24px 28px;border:1px solid #e2e6dc;border-radius:12px;background:#fafbf7;color:#344d3e}
:is(#skin-finder,.finder-invite-routine)::after{content:none}
:is(#skin-finder,.finder-invite-routine) .finder-invite-title{gap:18px}
:is(#skin-finder,.finder-invite-routine) .finder-invite-symbol{width:46px;height:46px;border:1px solid #e1e7d9;border-radius:12px;background:#f1f4eb;color:#718364}
:is(#skin-finder,.finder-invite-routine) .finder-invite-symbol .icon{width:24px;height:24px}
:is(#skin-finder,.finder-invite-routine) h3{font-size:clamp(23px,2vw,29px);line-height:1.3;letter-spacing:-.025em}
:is(#skin-finder,.finder-invite-routine) h3 em{font-style:italic;color:#69795c}
:is(#skin-finder,.finder-invite-routine) .finder-invite-button{min-height:48px;padding:13px 23px;gap:24px;border:1px solid #28483a;border-radius:7px;background:#28483a;color:#fff;font-size:14px;font-weight:600}
:is(#skin-finder,.finder-invite-routine) .finder-invite-button .icon{width:18px;height:18px}
:is(#skin-finder,.finder-invite-routine) .finder-invite-button:hover{background:#3b5a47;border-color:#3b5a47}
:is(#skin-finder,.finder-invite-routine) .finder-invite-button:active{background:#203b2e;border-color:#203b2e}
:is(#skin-finder,.finder-invite-routine) .finder-invite-button:focus-visible{outline:2px solid #526b47;outline-offset:6px;box-shadow:none}
@media(prefers-reduced-motion:no-preference){
 :is(#skin-finder,.finder-invite-routine) .finder-invite-button{transition:background-color .18s,border-color .18s}
}
@media(max-width:760px){
 :is(#skin-finder,.finder-invite-routine){padding:22px;gap:20px}
 :is(#skin-finder,.finder-invite-routine) .finder-invite-title{gap:14px}
 :is(#skin-finder,.finder-invite-routine) h3{font-size:25px}
 :is(#skin-finder,.finder-invite-routine) h3 em{display:block}
 :is(#skin-finder,.finder-invite-routine) .finder-invite-button{width:100%;padding:13px 20px;justify-content:center;gap:18px}
}
@media(max-width:360px){
 :is(#skin-finder,.finder-invite-routine){padding:18px}
 :is(#skin-finder,.finder-invite-routine) .finder-invite-title{gap:11px}
 :is(#skin-finder,.finder-invite-routine) .finder-invite-symbol{width:38px;height:42px;border-radius:10px}
 :is(#skin-finder,.finder-invite-routine) h3{font-size:22px}
}

/* The form sits directly on the generated botanical background. */
#content-dialog[data-variant="skin-finder"]:not([data-variant=""]){width:min(820px,calc(100vw - 40px));border-radius:24px;background:#f1eee2 url('../../../../uploads/2026/10/skin-finder-v1-botanical-background.webp') center top/cover no-repeat}
.finder-dialog{color:#28483a;text-align:left;padding:0 20px 20px}
.finder-sidebar{padding:25px 14px 16px}
.finder-brand{display:flex;align-items:center;gap:18px;padding-right:35px;margin:0}
.finder-brand img{display:block;width:120px;height:auto}
.finder-brand>span{padding-left:18px;border-left:1px solid #bdc8b1;color:#28483a;font-size:19px;font-weight:600;line-height:1.4;white-space:nowrap}
.finder-main{padding:12px 30px 24px;min-width:0}
.finder-question-heading{text-align:center;margin-bottom:18px}
.finder-question-heading>div{min-width:0}
#content-dialog .finder-main .finder-question-heading h2{margin-bottom:0}
#content-dialog .finder-main h2{text-align:center;font-size:36px;line-height:1.2;letter-spacing:-.035em;margin:0 0 26px;font-weight:400;color:#28483a}
.finder-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border:0;padding:0;margin:0;min-width:0}
.finder-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 2px;border:0;border-bottom:1px solid #dce2d3;border-radius:0;cursor:pointer;min-height:66px;background:transparent}
.finder-option input{position:absolute;width:1px;height:1px;opacity:0}
.finder-option-icon{display:grid;place-items:center;flex-shrink:0;width:24px;color:#647b54}
.finder-option-icon .icon{width:23px;height:23px}
.finder-option-label{flex:1;min-width:0}
.finder-option strong{display:block;font-size:18px;font-weight:500;line-height:1.5}
.finder-radio{display:grid;place-items:center;width:18px;height:18px;border:1px solid #ced8c4;border-radius:50%;flex-shrink:0;background:#fff}
.finder-option:hover{border-color:#879c74;color:#526e46}
.finder-option:has(input:checked){border-bottom-color:#526e46;color:#28483a}
.finder-option:has(input:checked) strong{font-weight:600}
.finder-option:has(input:checked) .finder-radio{border-color:#526e46;background:#526e46}
.finder-option:has(input:checked) .finder-radio::after{content:"";width:7px;height:4px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.finder-option:has(input:focus-visible){outline:2px solid #28483a;outline-offset:3px}
.finder-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;padding-top:22px;border-top:1px solid #e2e7db}
.finder-actions>button[type="submit"]{min-width:148px}
#content-dialog .finder-main .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 19px;gap:14px;border:1px solid #385744;border-radius:999px;background:#385744;color:#fff;font-size:15px;font-weight:500;line-height:1.4}
.finder-actions .icon{width:17px;height:17px}
#content-dialog .finder-actions>button[type="submit"]{margin-left:auto}
#content-dialog .finder-main .button:hover:not(:disabled){background:#28483a;border-color:#28483a}
#content-dialog .finder-main .button:disabled{opacity:1;background:#f0f2e9;border-color:#dce2d2;color:#718064;cursor:not-allowed}
.finder-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600;line-height:1.5;color:#28483a;background:none;border:0;cursor:pointer;padding:8px 0}
.finder-back:hover{text-decoration:underline;text-underline-offset:4px}
.finder-actions>.finder-back{justify-content:center;padding:10px 17px;min-height:44px;border:1px solid #c4ceba;border-radius:999px;background:#fffdf5ed;color:#28483a;font-size:15px;font-weight:500;line-height:1.4}
.finder-actions>.finder-back:hover{background:#fffdf7;border-color:#8b9d7c;text-decoration:none}
.finder-actions>button:focus-visible{outline:2px solid #456337;outline-offset:4px}
.finder-summary{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px}
.finder-summary span{font-size:14px;line-height:1.4;padding:7px 11px;background:#eef2e7;border:1px solid #e2e8d9;border-radius:6px;color:#536749}
.finder-results{display:grid;gap:12px}
.finder-product{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:20px;border:1px solid #e0e6d8;border-radius:12px;padding:16px;background:white}
.finder-product-image{background:#f7f8f3;border:0;border-radius:8px;padding:8px;cursor:pointer}
.finder-product-image img{display:block;height:120px;width:100%;object-fit:contain}
.finder-product-brand{font-size:13px;color:#748369;text-transform:uppercase;letter-spacing:.1em}
#content-dialog .finder-product h3{font-family:var(--font-body)!important;font-size:15px;line-height:1.5;margin:6px 0 8px;font-weight:500;letter-spacing:0}
.finder-product>div>strong{font-size:18px;font-weight:600}
.finder-product-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px}
#content-dialog .finder-product-actions .button{min-height:44px;padding:10px 14px;font-size:14px;gap:9px}
.finder-empty{padding:28px;background:#f5f7ef;border:1px solid #e0e6d8;border-radius:10px;font-size:14px;line-height:1.7}
@media(prefers-reduced-motion:no-preference){
 .finder-option{transition:color .16s,border-color .16s}
 .finder-actions>button{transition:background-color .18s,border-color .18s}
}
@media(max-width:700px){
 #content-dialog[data-variant="skin-finder"]:not([data-variant=""]){width:calc(100vw - 24px);border-radius:16px;max-height:92dvh}
 #content-dialog[data-variant="skin-finder"]:not([data-variant=""]) #dialog-content{max-height:92dvh}
 .finder-dialog{padding:0 12px 12px}
 .finder-sidebar{padding:25px 7px 18px}
 .finder-brand{gap:12px;margin-bottom:0}
 .finder-brand img{width:98px}
 .finder-brand>span{padding-left:12px;font-size:17px}
 .finder-main{padding:10px 18px 20px}
 .finder-question-heading{margin-bottom:14px}
 #content-dialog .finder-main h2{font-size:31px;margin-bottom:18px}
 .finder-options{grid-template-columns:minmax(0,1fr);gap:0}
 .finder-option{padding:15px 2px;min-height:56px;gap:16px}
 .finder-option strong{font-size:16px;line-height:1.5}
 .finder-actions{gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:18px}
 .finder-actions>button[type="submit"]{min-width:140px}
 .finder-product{grid-template-columns:65px minmax(0,1fr);gap:13px;padding:12px}
 .finder-product-image img{height:100px}
 .finder-product-actions{gap:6px;flex-wrap:wrap;margin-top:6px}
 #content-dialog .finder-product h3{font-size:15px}
 .finder-product>div>strong{font-size:16px}
 .finder-product-actions .finder-back{font-size:14px}
}
@media(max-width:360px){
 .finder-sidebar{padding-inline:2px}
 .finder-main{padding-inline:14px}
 #content-dialog .finder-main h2{font-size:29px}
 .finder-actions>button[type="submit"]{min-width:140px}
}

/* Responsive navigation with a compact secondary back action. */
#skin-finder-form .finder-actions{align-items:stretch}
#skin-finder-form .finder-actions>button{width:min(180px,calc((100% - 16px)/2));min-width:0;min-height:44px;white-space:normal}
@media(max-width:700px){
 #skin-finder-form .finder-actions>button{width:calc((100% - 12px)/2);padding-inline:8px;gap:8px}
}

#skin-finder-form .finder-actions>[data-finder-back]{align-self:center;width:auto;min-width:94px;min-height:40px;padding:8px 15px;gap:12px;border-color:#cdd5c4;font-size:14px}


/* ---- dealership ---- */
.dealership-section{padding:24px 0 64px;background:#f3f1e9;color:#28483a}
.dealership-inner{display:grid;grid-template-columns:44% 56%;background:#faf8f2;border-radius:18px;overflow:hidden;min-height:0;box-shadow:0 12px 25px #3e432811}
.dealership-copy{position:relative;isolation:isolate;overflow:hidden;padding:48px clamp(28px,4.3vw,68px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(130deg,#fbfaf5,#f6f4ec)}
.dealership-copy::before,.dealership-copy::after{content:"";position:absolute;z-index:-1;pointer-events:none;filter:blur(13px);opacity:.14;transform:rotate(-34deg);background:radial-gradient(ellipse at 20% 48%,#58674b 0 12%,transparent 14%),radial-gradient(ellipse at 50% 30%,#58674b 0 11%,transparent 13%),radial-gradient(ellipse at 72% 60%,#58674b 0 16%,transparent 18%)}
.dealership-copy::before{width:400px;height:230px;top:-100px;right:-180px}
.dealership-copy::after{width:360px;height:180px;bottom:-80px;right:-110px;opacity:.28}
.dealership-label{font-size:14px;font-weight:600;letter-spacing:.22em;margin:0 0 28px;color:#8d977f}
.dealership-copy h2{font-size:clamp(40px,4vw,66px);line-height:.98;letter-spacing:-.035em;font-weight:400;margin:0 0 24px;color:#28483a}
.dealership-copy h2 em{font-weight:400;color:#8a9079}
.dealership-copy>p:not(.dealership-label){font-size:16px;line-height:1.6;margin:0 0 26px;color:#70776b}
.dealership-apply{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;min-height:50px;padding:13px 23px;background:#284f3e;border:1px solid #284f3e;border-radius:5px;color:white;font-size:16px;line-height:1.4;cursor:pointer}
.dealership-apply:hover{background:#3c5e45}
.dealership-apply:focus-visible{outline:2px solid #28483a;outline-offset:4px}
.dealership-photo{position:relative;min-width:0;background:#d6ccba;overflow:hidden}
/* The SVG viewport crops only the photo from the supplied design. Copy and CTA
   remain native HTML, accessible and responsive; the source image is unchanged. */
.dealership-photo>svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden}
/* Application dialog: a quiet brand panel beside a focused, readable form. */
#content-dialog[data-variant="dealership"]:not([data-variant=""]){width:min(1010px,calc(100vw - 48px));border-radius:22px;background:#fdfcf9}
.dealer-application{display:grid;grid-template-columns:35% 65%;color:#28483a}
.dealer-story{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;background:#e8ebdf;padding:38px 34px;min-width:0}
.dealer-story-logo{display:block;width:130px;height:auto}
.dealer-story-copy{position:relative;z-index:1;padding-top:64px}
#content-dialog .dealer-eyebrow{font-size:10px;line-height:1.5;letter-spacing:.19em;font-weight:600;color:#64745b;margin:0 0 15px}
#content-dialog .dealer-story h3{font-size:39px;line-height:1.15;letter-spacing:-.045em;font-weight:400;margin:0 0 22px;color:#2f4b3c}
.dealer-story h3 em{font-weight:400;color:#6a785d}
.dealer-story-photo{display:block;width:calc(100% + 68px);height:200px;min-height:150px;flex:1;margin:32px -34px -38px;mask-image:linear-gradient(transparent,#000 30%);opacity:.9}
.dealer-form-panel{padding:40px 42px 30px;min-width:0}
.dealer-form-heading{padding-right:12px;margin-bottom:28px}
#content-dialog .dealer-form-heading .dealer-eyebrow{margin-bottom:10px}
#content-dialog .dealer-application h2{font-size:34px;font-weight:400;line-height:1.15;letter-spacing:-.04em;margin:0 0 14px;color:#28483a}
.dealer-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:19px 18px}
.dealer-form-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px;line-height:1.4;font-weight:600;min-width:0}
.dealer-form-grid b{font-size:12px;font-weight:400;color:#788469;margin-left:3px}
.dealer-form-grid label small{font-size:11px;font-weight:400;color:#77806f;margin-left:3px}
.dealer-form-grid input,.dealer-form-grid select,.dealer-form-grid textarea{width:100%;min-width:0;border:1px solid #dce1d5;border-radius:8px;background:#fff;padding:13px 14px;color:#28483a;font-size:14px;font-weight:400;line-height:1.4;min-height:48px;box-shadow:0 2px 3px #28483a03}
.dealer-form-grid input:hover,.dealer-form-grid select:hover,.dealer-form-grid textarea:hover,.dealer-select-control:hover{border-color:#a8b49c}
.dealer-form-grid input:focus,.dealer-form-grid select:focus,.dealer-form-grid textarea:focus{outline:2px solid #7c9570;outline-offset:2px;border-color:#7c9570}
.dealer-form-grid input:user-invalid,.dealer-form-grid select:user-invalid{border-color:#a3563c}
.dealer-form-wide{grid-column:1/-1}
.dealer-form-grid textarea{resize:vertical;min-height:88px}
.dealer-form-actions{margin-top:23px;padding-top:20px;border-top:1px solid #e2e5da;display:flex;justify-content:flex-end;align-items:center;gap:16px}
.dealer-form-actions .dealership-apply{min-height:48px;gap:25px;padding:13px 20px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 4px 10px #28483a12}
.dealer-form-status{font-size:13px;line-height:1.6;margin:18px 0 0;padding:12px 14px;border:1px solid #e6d9bd;border-radius:8px;background:#faf5e9;color:#6f5933}
.dealer-form-status:empty{display:none}
.dealer-business-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;font-weight:600;line-height:1.4}
.dealer-select{position:relative;min-width:0}
.dealer-select select[hidden],.dealer-select-options[hidden],.dealer-select-error[hidden]{display:none}
.dealer-select-control{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;padding:13px 14px;border:1px solid #dce1d5;border-radius:8px;background:#fff;color:#7d8478;font-size:13px;font-weight:400;line-height:1.4;text-align:left;cursor:pointer}
.dealer-select-control.has-value{color:#28483a}
.dealer-select-control>svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dealer-select-control[aria-expanded="true"]>svg{transform:rotate(180deg)}
.dealer-select-control:focus-visible,.dealer-select-control[aria-expanded="true"]{outline:2px solid #7c9570;outline-offset:2px}
.dealer-select-control[aria-invalid="true"]{border-color:#a3563c}
.dealer-select-options{position:absolute;z-index:10;top:calc(100% + 7px);left:0;right:0;list-style:none;margin:0;padding:5px;border:1px solid #ced8c9;border-radius:9px;background:#fff;box-shadow:0 10px 28px #263d2926;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#becbb5 transparent}
.dealer-select-options.opens-up{top:auto;bottom:calc(100% + 7px)}
.dealer-select-options>li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 11px;border-radius:5px;color:#28483a;font-size:16px;font-weight:400;line-height:1.4;cursor:pointer}
.dealer-select-options>li:hover,.dealer-select-options>li.is-active{background:#edf2e7}
.dealer-select-options>li[aria-selected="true"]{font-weight:600;background:#e4eddd}
.dealer-select-options svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}
.dealer-select-options>li[aria-selected="true"] svg{visibility:visible}
.dealer-select-error{color:#994a33;font-size:14px;font-weight:400}


@media(min-width:761px) and (max-width:1100px){.dealership-copy{padding:36px 28px}.dealership-label{font-size:12px;letter-spacing:.17em}.dealership-desktop-break{display:none}}
@media(max-width:760px){.dealership-section{padding:16px 0 36px}.dealership-inner{grid-template-columns:1fr;min-height:0;border-radius:14px}.dealership-copy{padding:32px 26px}.dealership-label{font-size:13px;letter-spacing:.17em;margin-bottom:24px}.dealership-copy h2{font-size:46px;line-height:1.02;margin-bottom:22px}.dealership-copy>p:not(.dealership-label){font-size:16px;margin-bottom:24px}.dealership-desktop-break{display:none}.dealership-photo{aspect-ratio:1.76}}
@media(max-width:360px){.dealership-copy{padding:28px 22px}.dealership-copy h2{font-size:40px}.dealership-label{font-size:12px}.dealership-copy .dealership-apply{width:100%;gap:16px}}
@media(prefers-reduced-motion:no-preference){.dealership-apply .icon{transition:transform .2s}.dealership-apply:hover .icon{transform:translateX(4px)}}

@media(max-width:900px){
  .dealer-story{padding:32px 26px}
  .dealer-story-copy{padding-top:55px}
  #content-dialog .dealer-story h3{font-size:33px}
  .dealer-story-photo{width:calc(100% + 52px);margin:32px -26px -32px}
  .dealer-form-panel{padding:40px 28px 28px}
  #content-dialog .dealer-application h2{font-size:30px}
}
@media(max-width:700px){
  #content-dialog[data-variant="dealership"]:not([data-variant=""]){width:calc(100vw - 24px);border-radius:18px;max-height:92dvh}
  #content-dialog[data-variant="dealership"]:not([data-variant=""]) #dialog-content{max-height:92dvh}
  .dealer-application{grid-template-columns:1fr}
  .dealer-story{display:none}
  .dealer-form-panel{padding:35px 24px 24px}
  .dealer-form-heading{padding-right:16px}
  #content-dialog .dealer-form-heading .dealer-eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:18px}
  #content-dialog .dealer-application h2{font-size:30px;max-width:270px}
  .dealer-form-grid{gap:18px 14px}
  .dealer-form-grid input,.dealer-form-grid select,.dealer-form-grid textarea,.dealer-select-control{font-size:16px}
  .dealer-form-actions{gap:12px}
  .dealer-form-actions .dealership-apply{gap:16px}
}
@media(max-width:480px){
  .dealer-form-grid{grid-template-columns:minmax(0,1fr)}
  .dealer-form-panel{padding:33px 22px 24px}
  .dealer-form-actions{flex-direction:column-reverse;align-items:stretch;gap:14px}
  .dealer-form-actions .dealership-apply{width:100%;font-size:14px}
}



/* ---- brand-logo ---- */
/* SVG brand logo: sized by width so the 5.3:1 wordmark never distorts inside grid columns. */
.logo{display:inline-flex;align-items:center;line-height:0;letter-spacing:0}
.logo .logo-mark{display:block;height:auto;max-width:100%}
.header .logo .logo-mark{width:190px}
.footer-identity .footer-wordmark .logo-mark{width:clamp(180px,13vw,250px)}
@media(min-width:761px) and (max-width:1450px){.header .logo .logo-mark{width:172px}}
@media(min-width:761px) and (max-width:1100px){.header .logo .logo-mark{width:150px}}
@media(max-width:760px){.header .logo .logo-mark{width:128px}.footer-identity .footer-wordmark .logo-mark{width:190px}}
@media(max-width:360px){.header .logo .logo-mark{width:108px}}


/* ---- Ajans360 logosu: tema combine.css kurallarını (kayma, ölçek) nötrler ---- */
.footer-agency .a360-icon .tooltip360-a360-icon{display:block;position:absolute;inset:0;z-index:2}
.footer-agency .a360-icon .tooltip360-a360-icon .tooltip360-a360-icon-content{margin:0;bottom:calc(100% + 10px);left:50%;transition:opacity .18s,transform .18s}
.footer-agency .a360-icon .tooltip360-a360-icon .tooltip360-a360-icon-content .tooltip360-a360-icon-text,.footer-agency .a360-icon .tooltip360-a360-icon .tooltip360-a360-icon-content .tooltip360-a360-icon-text .tooltip360-a360-icon-inner{transform:none;transition:none}