.category-page{--tint:#eef1fc;--accent:#a9b6e8;--deep:#293e8e}.category-page.memory,.related-card.memory{--tint:#edf5fc;--accent:#91bddd;--deep:#2c678c}.category-page.hair,.related-card.hair{--tint:#fcf1e8;--accent:#d7ac88;--deep:#8b5631}
.breadcrumbs{max-width:1400px;margin:auto;padding:26px 5% 0;display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.breadcrumbs a:hover{color:var(--blue)}
.category-hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:40px 5% 65px}.category-copy h1{font-size:clamp(40px,4.35vw,66px);line-height:1.08;letter-spacing:-2.5px}.category-copy .eyebrow{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.development-badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:0;border:1px solid var(--line);border-radius:50px;padding:5px 11px;color:var(--muted)}.category-lede{max-width:480px;color:var(--muted);font-size:16px;line-height:1.9;margin:25px 0 30px}.category-availability{font-size:11px;color:var(--muted);margin:22px 0 0}
.bottle-stage{position:relative;isolation:isolate;min-height:530px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 35%,#fff 0,var(--tint) 75%);border-radius:160px 160px 28px 28px;margin:0;overflow:hidden}.stage-ring{position:absolute;width:350px;height:350px;max-width:95%;border:1px solid var(--accent);opacity:.45;border-radius:50%;top:60px;z-index:-1}.stage-ring::after{content:"";position:absolute;inset:30px;border:1px solid var(--accent);border-radius:50%}.concept-bottle{position:relative;width:225px;filter:drop-shadow(16px 25px 17px #14223820);transform:rotate(-7deg);margin-bottom:15px}.bottle-cap{position:relative;z-index:2;height:55px;margin:0 8px -7px;border-radius:15px 15px 8px 8px;background:repeating-linear-gradient(90deg,#e4e6e9 0px,#f9f9fa 2px,#e8eaee 4px,#fff 6px);border:1px solid #d8dce3;box-shadow:inset 0 7px 5px #ffffffbd,inset 0 -8px 8px #ccd0d833}.bottle-body{height:310px;border-radius:37px 37px 24px 24px;padding:42px 0 23px;background:linear-gradient(90deg,#e2e5ea,#fff 24%,#fff 72%,#e1e5ec);border:1px solid #dfe3e9}.bottle-label{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;padding:8px 20px;background:linear-gradient(90deg,#eef0f4,#fff 20%,#fff 75%,#e8ebf0)}.bottle-label img{width:175px;max-width:100%;height:59px;object-fit:contain;margin-top:-8px}.bottle-index{font-size:7px;letter-spacing:1px;margin:5px 0 15px;color:var(--deep)}.bottle-label strong{font-size:27px;line-height:1.07;letter-spacing:-1px;max-width:170px;z-index:1}.bottle-description{font-size:9px;margin-top:13px;z-index:1}.bottle-wave{position:absolute;width:290px;height:160px;left:15px;top:185px;border-radius:50%;background:var(--accent);opacity:.7;transform:rotate(-23deg)}.bottle-stage figcaption{position:absolute;bottom:22px;left:15px;right:15px;text-align:center;display:block;color:var(--muted);font-size:10px}
.category-strip{display:flex;justify-content:center;gap:10%;background:var(--tint);padding:23px 5%;font-size:12px;font-weight:700}.category-strip span::before{content:'·';color:var(--blue);padding-right:12px}.category-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.category-story h2{max-width:520px}.category-story p{font-size:15px;line-height:1.9;color:var(--muted);max-width:510px;margin:25px 0 0}.intent-panel{padding:35px;border-radius:22px;background:var(--tint);border:1px solid #14223808}.intent-number{display:block;color:var(--deep);opacity:.35;font-size:66px;line-height:1;margin-bottom:25px;letter-spacing:-5px}.intent-panel h3{font-size:27px;letter-spacing:-1px;line-height:1.2}.intent-panel p{font-size:14px;margin-top:20px}.category-details{max-width:none;background:#f7f8fb;padding-inline:max(5%,calc((100vw - 1260px)/2))}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.spec-card{padding:30px;border-radius:20px;border:1px solid var(--line);background:white}.spec-card>span{color:var(--blue);font-size:12px;font-weight:700}.spec-card h3{font-size:25px;letter-spacing:-.8px;margin:25px 0 18px}.spec-card p{font-size:14px;line-height:1.8;color:var(--muted)}.spec-card small{display:block;font-size:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;color:var(--muted)}.related{padding-top:20px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.related-card{--tint:#eef1fc;display:block;background:var(--tint);border-radius:20px;padding:32px;transition:transform .3s,box-shadow .3s}.related-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #1422380a}.related-card h3{font-size:28px;letter-spacing:-1px;margin:22px 0 28px}.related-card>span:last-child{font-size:12px;font-weight:700}.related-card>span:last-child span{margin-left:15px}.category-page .closing{margin-top:20px}
nav a[aria-current="page"]{color:var(--blue)}nav a[aria-current="page"]::after{transform:scaleX(1)}
@media(max-width:1000px){.category-hero{gap:4%}.category-copy h1{font-size:44px}.bottle-stage{min-height:480px}.concept-bottle{width:205px}.bottle-body{height:295px}.bottle-label strong{font-size:25px}.category-story{gap:6%}.spec-card{padding:24px}}
@media(max-width:700px){.category-hero{grid-template-columns:1fr;padding:35px 6% 45px;gap:35px}.category-copy h1{font-size:clamp(38px,8vw,55px);letter-spacing:-1.7px}.category-lede{font-size:15px}.bottle-stage{min-height:440px;max-width:480px;width:100%;justify-self:center;border-radius:110px 110px 24px 24px}.concept-bottle{transform:rotate(-6deg) scale(.93);margin-bottom:0}.category-strip{gap:10px;flex-direction:column;text-align:center;font-size:11px}.category-story{grid-template-columns:1fr;gap:30px}.spec-grid{grid-template-columns:1fr;gap:16px}.spec-card{padding:26px}.spec-card h3{margin-top:15px}.related-grid{grid-template-columns:1fr;gap:18px}.related-card h3{font-size:26px}.intent-panel{padding:28px}.breadcrumbs{padding-inline:6%;gap:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.related-card:hover{transform:none}}.motion-off .related-card:hover{transform:none}