/* Contact lenses page (contact-lenses.html). Uses site.css + glass.css tokens. */
.clp-hero{position:relative;overflow:hidden;color:#fff;background:
  radial-gradient(60% 70% at 85% 30%,rgba(24,165,157,.28),transparent 70%),
  radial-gradient(50% 60% at 10% 100%,rgba(140,109,255,.22),transparent 70%),var(--ink);padding-block:clamp(28px,6vw,80px)}
.clp-hero__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,4vw,60px);align-items:center}
.clp-hero__txt{display:grid;gap:.9rem;align-content:center}
.clp-crumb{display:flex;gap:.5rem;font-size:.82rem;color:var(--muted-lt)}
.clp-crumb a{color:#fff;text-decoration:none}
.clp-h1{font:400 var(--s4)/.98 var(--display);font-variation-settings:"wght" 540;letter-spacing:-.04em}
[dir=rtl] .clp-h1{line-height:1.3;letter-spacing:0}
.clp-lede{max-width:34rem;color:#c9d2da}
.clp-stats{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.clp-stats li{display:grid;gap:.1rem;padding:.7rem 1rem;border-radius:18px;min-width:6.5rem;
  background:var(--spot-dk),linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03));box-shadow:var(--g-rim-dk);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur)}
.clp-stats b{font-size:1.5rem;color:var(--gold-lt)}
.clp-stats span{font-size:.76rem;color:#c9d2da}
.clp-hero__img{margin:0;border-radius:28px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 40px 80px -40px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.12)}
.clp-hero__img img{width:100%;height:100%;object-fit:cover}

.clp-tabs{position:sticky;top:calc(var(--navh,68px) + env(safe-area-inset-top,0px));z-index:40;padding-block:8px;pointer-events:none}
.clp-tabs__in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;pointer-events:auto;width:max-content;max-width:calc(100% - 24px);margin-inline:auto;padding:6px;border-radius:999px;
  background:var(--spot-dk),var(--g-dk);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);box-shadow:var(--g-rim-dk),var(--g-drop)}
.clp-tabs__in::-webkit-scrollbar{display:none}
.clp-tabs a{flex:none;display:flex;gap:.45rem;align-items:center;min-height:40px;padding:0 1rem;border-radius:999px;color:#dfe6ec;text-decoration:none;font-size:.86rem;transition:background .3s,color .3s}
.clp-tabs a i{font:500 .66rem var(--mono);font-style:normal;color:var(--gold-lt)}
.clp-tabs a.is-on{background:linear-gradient(180deg,#fff,#ece8df);color:var(--ink);box-shadow:inset 0 1px 0 #fff}
.clp-tabs a.is-on i{color:#93702f}
@media (max-width:760px){.clp-tabs__in{width:auto;max-width:none;margin-inline:12px}}

.clp-sec{scroll-margin-top:calc(var(--navh,68px) + 70px)}
.clp-avail{margin:.9rem 0 0;font-size:.84rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.3rem .5rem}
.clp-avail>span:first-child{color:var(--sea)}
.clp-avail--sm{font-size:.76rem;margin:0}
.clp-note{margin-top:1.2rem}

/* Power check */
.pchk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(14px,2.4vw,28px);padding:clamp(16px,2.4vw,28px);border-radius:28px;
  background:var(--spot),linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.6));box-shadow:var(--g-rim-lt),0 30px 60px -36px rgba(10,14,19,.4)}
.pchk__in{display:grid;gap:.6rem;align-content:start}
.pchk__h{font:400 var(--s2)/1.1 var(--display);font-variation-settings:"wght" 560;letter-spacing:-.03em}
.pchk__sub{color:var(--muted);font-size:.9rem}
.pchk__ctl{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.pchk__step{width:46px;height:46px;border-radius:50%;border:0;font-size:1.3rem;background:var(--spot),var(--g-lt);box-shadow:var(--g-rim-lt),0 6px 14px -8px rgba(0,0,0,.3)}
.pchk__in-num{width:7.5rem;min-height:46px;border-radius:14px;border:1px solid var(--line);background:#fff;text-align:center;font:500 1.15rem var(--mono)}
.pchk__in-num:focus{outline:2px solid var(--gold);outline-offset:2px}
.pchk__range{width:100%;accent-color:var(--gold)}
.pchk__msg{font-size:.92rem;min-height:1.4em}
.pchk__res{list-style:none;margin:0;padding:0;display:grid;gap:6px;align-content:start}
.pchk__res a{display:grid;grid-template-columns:30px 1fr;gap:.6rem;align-items:center;padding:.6rem .8rem;border-radius:14px;text-decoration:none;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px var(--line)}
.pchk__res i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;background:#e7ebef;color:var(--muted)}
.pchk__res .is-yes i{background:rgba(24,165,157,.16);color:#0e7f78}
.pchk__res .is-gap i{background:rgba(201,163,92,.2);color:#8a6327}
.pchk__res b{display:block;font-weight:600}
.pchk__res em{font-style:normal;font-size:.72rem;color:var(--violet);margin-inline-start:.3rem}
.pchk__res small{display:block;color:var(--muted);font-size:.8rem}
@media (max-width:860px){.pchk{grid-template-columns:1fr}}

/* Clear / power products */
.clp-prods{display:grid;gap:clamp(14px,2vw,22px);margin-top:clamp(18px,3vw,30px)}
.prod{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(14px,2.6vw,34px);padding:clamp(14px,2vw,22px);border-radius:28px;scroll-margin-top:calc(var(--navh,68px) + 80px);
  background:var(--spot),linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.62));box-shadow:var(--g-rim-lt),0 30px 60px -36px rgba(10,14,19,.4)}
.prod__img{border:0;padding:clamp(14px,2vw,26px);border-radius:22px;background:radial-gradient(70% 70% at 50% 40%,#fff,#eef1f3);display:grid;place-items:center;align-self:start;position:sticky;top:calc(var(--navh,68px) + 80px);cursor:zoom-in}
.prod__img img{max-height:260px;width:auto;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(10,14,19,.18));transition:transform .5s var(--ease)}
.prod__img:hover img{transform:scale(1.04) rotate(-1deg)}
.prod__body{display:grid;gap:.7rem;align-content:start;min-width:0}
.prod__name{font:400 var(--s2)/1.08 var(--display);font-variation-settings:"wght" 560;letter-spacing:-.03em}
.prod__type{font-weight:600;color:var(--sea)}
.prod__desc{color:var(--muted)}
.prod__feats{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.prod__feats li{font-size:.8rem;padding:.35rem .75rem;border-radius:999px;background:rgba(24,165,157,.09);color:#0e6f69}
.cspec{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;border-radius:16px;overflow:hidden;background:var(--line);box-shadow:inset 0 0 0 1px var(--line)}
.cspec div{background:rgba(255,255,255,.9);padding:.65rem .8rem;display:grid;gap:.15rem}
.cspec dt{font:500 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cspec dd{margin:0;font-weight:600;font-size:.92rem}
.cspec--sm{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.cspec--sm div{padding:.5rem .7rem}
.prod__range{display:grid;gap:.5rem;padding:.9rem 1rem;border-radius:18px;background:linear-gradient(180deg,#f3f5f7,#eceff2)}
.prod__rh{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;font-size:.9rem}
.prod__verdict{font-size:.8rem;font-weight:600}
.prod__verdict.is-yes{color:#0e7f78}.prod__verdict.is-gap{color:#8a6327}.prod__verdict.is-no{color:#b0453a}
.prod__segs{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.3rem 1rem;font-size:.8rem}
.prod__segs span{color:var(--muted)}
.prod__act{display:flex;gap:.5rem;flex-wrap:wrap}
@media (max-width:760px){.prod{grid-template-columns:1fr}.prod__img{position:static}.prod__img img{max-height:200px}}

/* Power scale */
.sc{display:grid;gap:4px;padding-top:6px}
.sc__bar{position:relative;height:14px;border-radius:8px;background:#dde2e6}
.sc__run{position:absolute;top:3px;bottom:3px;left:var(--a);width:calc(var(--b) - var(--a));background:linear-gradient(90deg,var(--sea),#38c2b9);border-radius:4px}
.sc__run.is-half{opacity:.55}
.sc__dot{position:absolute;top:50%;left:var(--x);width:3px;height:3px;margin:-1.5px;border-radius:50%;background:rgba(255,255,255,.9)}
.sc__needle{position:absolute;top:-6px;bottom:-6px;left:var(--x);width:3px;margin-left:-1.5px;border-radius:2px;background:var(--ink);box-shadow:0 0 0 3px rgba(255,255,255,.8)}
.sc__needle.is-yes{background:#0e7f78}.sc__needle.is-gap{background:#b8904b}.sc__needle.is-no{background:#b0453a}
.sc__labs{position:relative;height:1.1rem}
.sc__lab{position:absolute;left:var(--x);transform:translateX(-50%);font:500 .64rem var(--mono);font-style:normal;color:var(--muted)}
.sc__lab.is-zero{color:var(--ink);font-weight:700}

/* Colour collections */
.clp-rep{display:inline-flex;gap:4px;padding:4px;border-radius:999px;margin-bottom:12px;background:var(--spot),var(--g-lt);box-shadow:var(--g-rim-lt)}
.clp-rep button{border:0;background:transparent;min-height:38px;padding:0 1rem;border-radius:999px;font-size:.86rem}
.clp-rep button[aria-pressed=true]{background:linear-gradient(180deg,#26303c,#0b0f14);color:#fff}
.clp-colls{margin-bottom:clamp(14px,2vw,22px)}
.coll{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,2fr);gap:clamp(14px,2.4vw,28px);align-items:start}
.coll__info{position:sticky;top:calc(var(--navh,68px) + 80px);display:grid;gap:.7rem;padding:clamp(16px,2vw,24px);border-radius:26px;
  background:var(--spot),linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.6));box-shadow:var(--g-rim-lt),0 30px 60px -36px rgba(10,14,19,.4)}
.coll__name{font:400 var(--s2)/1.08 var(--display);font-variation-settings:"wght" 560;letter-spacing:-.03em}
.coll__intro{color:var(--muted);font-size:.92rem}
.coll__facts{margin:0;padding:0;list-style:none;display:grid;gap:.3rem;font-size:.86rem}
.coll__facts li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sea);margin-inline-end:.5rem;vertical-align:middle}
.coll__covers{display:grid;gap:.4rem}
.coll__covers>span{font:500 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.coll__covers>div{display:flex;gap:6px;flex-wrap:wrap}
.coll__covers button{border:0;padding:0;width:64px;height:84px;border-radius:10px;overflow:hidden;background:#eee;box-shadow:inset 0 0 0 1px var(--line);cursor:zoom-in}
.coll__covers img{width:100%;height:100%;object-fit:cover}
.coll__ask{justify-self:start}
.shades{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sh button{width:100%;border:0;padding:8px;border-radius:22px;display:grid;gap:.5rem;text-align:start;cursor:zoom-in;
  background:var(--spot),linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.66));box-shadow:var(--g-rim-lt),0 14px 30px -22px rgba(10,14,19,.45);transition:transform .45s var(--ease),box-shadow .45s}
.sh button:hover{transform:translateY(-4px);box-shadow:var(--g-rim-lt),0 26px 40px -24px rgba(10,14,19,.5)}
.sh__img{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#fff,#e8ebee);display:grid;place-items:center}
.sh__img img{width:100%;height:100%;object-fit:cover}
.sh__img em{position:absolute;bottom:8px;font-size:.7rem;color:var(--muted);font-style:normal}
.sh__ph{width:58%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,#b9c5cc,#e9eef1,#b9c5cc)}
.sh__txt{display:grid;gap:.1rem;padding:0 .3rem .2rem}
.sh__txt b{font-weight:600;font-size:.9rem}
.sh__txt small{display:flex;gap:.4rem;align-items:center;color:var(--muted);font-size:.74rem}
.sh__plano{font:600 .62rem var(--mono);font-style:normal;padding:.1rem .35rem;border-radius:6px;background:rgba(24,165,157,.12);color:#0e7f78}
.shades .sh{transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:calc(min(var(--i),16) * 25ms)}
.shades.is-enter .sh{opacity:0;transform:translateY(12px)}
@media (max-width:860px){.coll{grid-template-columns:1fr}.coll__info{position:static}.shades{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Solutions */
.sols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(12px,2vw,20px)}
.sol{display:grid;grid-template-rows:auto 1fr;border-radius:28px;overflow:hidden;
  background:var(--spot),linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.64));box-shadow:var(--g-rim-lt),0 30px 60px -36px rgba(10,14,19,.4)}
.sol__img{border:0;padding:18px;background:radial-gradient(70% 80% at 50% 40%,#fff,#e7f0f1);display:grid;place-items:center;height:240px;cursor:zoom-in}
.sol__img{overflow:hidden}
.sol__img img{height:204px;max-height:204px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(10,14,19,.2));transition:transform .5s var(--ease)}
.sol__img:hover img{transform:scale(1.05)}
.sol__body{display:grid;gap:.6rem;align-content:start;padding:clamp(14px,2vw,22px)}
.sol__name{font:400 var(--s1)/1.15 var(--display);font-variation-settings:"wght" 600;letter-spacing:-.02em}
.sol__does{color:var(--muted);font-size:.92rem}
.sol__steps{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.sol__steps li{font-size:.76rem;padding:.3rem .7rem;border-radius:999px;background:rgba(74,125,255,.09);color:#2d55c4}
.sol__body .btn{justify-self:start}
.sols__more{margin-top:clamp(14px,2vw,22px);display:grid;gap:.5rem;padding:1rem 1.2rem;border-radius:20px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px var(--line);font-size:.88rem}
.sols__more>span{color:var(--muted)}
.sols__chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.sols__chips li{padding:.35rem .8rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:.82rem}
.routine{margin-top:clamp(18px,3vw,30px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:clamp(14px,3vw,36px);padding:clamp(18px,3vw,34px);border-radius:30px;color:#fff;
  background:radial-gradient(60% 80% at 100% 0%,rgba(24,165,157,.25),transparent 70%),linear-gradient(160deg,#18202a,#0a0e13)}
.routine__h{font:400 var(--s2)/1.1 var(--display);font-variation-settings:"wght" 540;letter-spacing:-.03em;margin-top:.4rem}
.routine__list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.routine__list li{display:grid;gap:.25rem;padding:.9rem;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:var(--g-rim-dk)}
.routine__list i{font-style:normal;color:var(--gold-lt);font-size:.74rem}
.routine__list span{color:#c3ccd4;font-size:.86rem}
@media (max-width:760px){.routine{grid-template-columns:1fr}}

/* First time + reorder */
.first{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,3vw,36px);align-items:center}
.first__img{margin:0;border-radius:28px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.first__img img{width:100%;height:100%;object-fit:cover}
.first__steps{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.first__steps li{display:grid;grid-template-columns:38px 1fr;gap:.8rem;align-items:start;padding:.85rem 1rem;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.02));box-shadow:var(--g-rim-dk)}
.first__steps i{font-style:normal;color:var(--gold-lt);padding-top:.15rem}
.first__steps b{display:block}
.first__steps span{color:#c3ccd4;font-size:.88rem}
.first__cta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:clamp(16px,2.4vw,26px)}
@media (max-width:860px){.first{grid-template-columns:1fr}}
.ro{margin-top:clamp(24px,4vw,44px);display:grid;gap:1rem;padding:clamp(18px,2.6vw,30px);border-radius:30px;color:var(--text);
  background:var(--spot),linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,247,244,.9));box-shadow:var(--g-rim-lt),0 40px 80px -40px rgba(0,0,0,.7)}
.ro__h{font:400 var(--s2)/1.1 var(--display);font-variation-settings:"wght" 560;letter-spacing:-.03em;margin-top:.3rem}
.ro__sub{color:var(--muted);font-size:.92rem;margin-top:.3rem}
.ro__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.ro__wide{grid-column:span 2}
.ro select,.ro input{width:100%;min-height:46px;padding:0 .8rem;border-radius:12px;border:1px solid var(--line);background:#fff;font:inherit;color:inherit}
.ro__pw{display:block}
.ro__foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.ro__prev{font-size:.84rem;color:var(--muted);white-space:pre-line;flex:1;min-width:220px}
@media (max-width:760px){.ro__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Lightbox */
.lb{border:0;padding:0;background:transparent;max-width:min(980px,calc(100vw - 24px));width:100%;color:var(--text)}
.lb::backdrop{background:rgba(8,11,15,.45);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}
.lb[open]{display:block}
.lb__in{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);border-radius:30px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(247,247,244,.9));box-shadow:var(--g-rim-lt),0 40px 90px -30px rgba(0,0,0,.6)}
.lb__x{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;font-size:1.5rem;background:var(--spot),var(--g-lt);box-shadow:var(--g-rim-lt),0 6px 16px -8px rgba(0,0,0,.4)}
.lb__fig{margin:0;background:radial-gradient(circle at 50% 45%,#fff,#e6eaed);display:grid;place-items:center;min-height:320px;max-height:78vh}
.lb__fig img{max-width:100%;max-height:78vh;object-fit:contain}
.lb--doc .lb__fig img{object-fit:contain}
.lb__ph{width:50%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#b9c5cc,#e9eef1,#b9c5cc)}
.lb__info{display:grid;gap:.6rem;align-content:center;padding:clamp(18px,3vw,32px)}
.lb__name{font:400 var(--s2)/1.1 var(--display);font-variation-settings:"wght" 560;letter-spacing:-.03em}
.lb__meta{color:var(--muted);font-size:.9rem}
.lb__act{display:flex;gap:.5rem;flex-wrap:wrap}
.lb__nav{display:flex;align-items:center;gap:.8rem;margin-top:.4rem}
html.lb-open{overflow:hidden}
@media (max-width:760px){.lb__in{grid-template-columns:1fr}.lb__fig{min-height:240px;max-height:56vh}.lb__fig img{max-height:56vh}}
@media (max-width:860px){.clp-hero__in{grid-template-columns:1fr}.clp-hero__img{order:-1;aspect-ratio:16/9}}