:root{--ink:#17201f;--deep:#243633;--mist:#eef6f3;--mint:#bfe0d5;--aqua:#cdedea;--lime:#ddeb76;--white:#fbfdfb;--line:#d9e6e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.55 Arial,sans-serif}a{color:inherit;text-decoration:none}.utility{background:var(--deep);color:#fff;padding:8px 5%;font-size:12px;display:flex;justify-content:space-between}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 5%;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fbfdfbee;z-index:5}.logo{font-weight:900;letter-spacing:1px}.logo i{color:#688e84;font-style:normal}.navlinks{display:flex;gap:22px;font-size:14px}.bag{border:1px solid var(--deep);padding:8px 12px;border-radius:99px}.hero,.intro{padding:7vw 5%;display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;background:linear-gradient(115deg,var(--mist),var(--white))}.eyebrow{letter-spacing:2px;text-transform:uppercase;font-size:11px;color:#55776d;font-weight:bold}.hero h1,.intro h1{font-size:clamp(48px,7vw,108px);line-height:.86;letter-spacing:-4px;margin:15px 0}.hero img{width:100%;border-radius:28px;box-shadow:20px 20px 0 var(--aqua)}.lead{font-size:19px;max-width:520px}.button{display:inline-block;background:var(--deep);color:white;border:0;border-radius:99px;padding:14px 23px;margin:9px 8px 0 0;cursor:pointer}.button.alt{background:transparent;color:var(--deep);border:1px solid var(--deep)}.section{padding:74px 5%;max-width:1440px;margin:auto}.section.mist{max-width:none;background:var(--mist)}h2{font-size:clamp(30px,4vw,54px);line-height:1;margin:7px 0 28px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;padding:18px}.card.img{padding:0}.card img{width:100%;height:220px;object-fit:cover;display:block}.card.img div{padding:16px}.tag{display:inline-block;border-radius:99px;background:var(--aqua);padding:5px 10px;font-size:12px}.routine-options{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.routine-options button,.filter button{border:1px solid var(--line);background:#fff;padding:12px 18px;border-radius:99px;cursor:pointer}.routine-options button.active,.filter button.active{background:var(--lime);border-color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.step{padding:24px;border-top:2px solid var(--deep);background:white}.step b{font-size:11px;color:#6c8e84}.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.split img{width:100%;border-radius:18px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{font-weight:bold;cursor:pointer}.footer{background:var(--deep);color:white;padding:54px 5%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.product img{width:100%;height:240px;object-fit:cover}.product div{padding:13px}.price{font-weight:bold}.filter{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.gallery{display:grid;grid-template-columns:110px 1fr;gap:16px}.thumbs img{width:100%;height:90px;object-fit:cover;margin-bottom:8px;cursor:pointer;border-radius:8px}.main-image{width:100%;border-radius:20px}.detail{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;padding:70px 5%}.quantity button{padding:8px 13px;border:1px solid var(--line);background:#fff}.toast{position:fixed;right:20px;bottom:20px;background:var(--deep);color:#fff;padding:15px 20px;border-radius:10px;transform:translateY(100px);transition:.25s}.toast.show{transform:none}.form{display:grid;gap:12px}.form input,.form textarea{padding:14px;border:1px solid var(--line);border-radius:8px;font:inherit}.hidden{display:none!important}@media(max-width:800px){.navlinks{display:none}.hero,.intro,.split,.detail{grid-template-columns:1fr;padding:50px 5%}.grid,.products{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}.hero h1,.intro h1{letter-spacing:-2px}.gallery{grid-template-columns:70px 1fr}}@media(max-width:460px){.grid,.products{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.utility{font-size:10px}.card img{height:190px}}
/* Image clarity gate: photography always renders at full opacity without filters. */
.hero img,.intro img,.card img,.routine-hero img,.feature img,.ingredient img,.detail img,.gallery img,.article img,.about img,.contact img{display:block;opacity:1;filter:none;transform:none;will-change:auto}