/* Permanent lenses guide: shared navigation is provided by site-experience.css. */
.lenses-page .lens-brands{padding:80px 0;background:var(--white)}
.lenses-page .lens-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px;list-style:none}
.lenses-page .lens-brand-tile{display:flex;align-items:center;justify-content:center;min-height:150px;padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.lenses-page .lens-brand-tile--dark{background:var(--green-950);border-color:var(--green-950)}
.lenses-page .lens-brand-tile img{width:180px;height:76px;object-fit:contain}
.lenses-page .lens-brand-tile--zeiss img{width:76px}
.lenses-page .lens-brand-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px}
.lenses-page .lens-brand-footer p{max-width:650px;color:var(--muted);font-size:.86rem}
.lenses-page .lens-brand-footer .btn{flex-shrink:0}
@media(max-width:720px){
  .lenses-page .lens-brands{padding:56px 0}
  .lenses-page .lens-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .lenses-page .lens-brand-tile{min-height:120px;padding:18px}
  .lenses-page .lens-brand-tile img{height:64px;max-width:100%}
  .lenses-page .lens-brand-tile--zeiss img{width:64px}
  .lenses-page .lens-brand-footer{align-items:stretch;flex-direction:column;gap:18px}
}
.lenses-page .site-header{position:relative;inset:auto;padding:0}
.lenses-page .hero{min-height:570px;padding:76px 0 88px}
.lenses-page .hero-content{max-width:690px}
.lenses-page .hero h1{font-size:clamp(2.2rem,4.7vw,4.1rem);line-height:1.08;letter-spacing:-.035em}
.lenses-page .hero h1 span{color:var(--cream)}
.lenses-page .hero-lead{max-width:610px}
.lenses-page .hero-kicker{border:0;border-radius:0;background:none;padding:0;backdrop-filter:none;color:var(--cream)}
.lenses-page .proof-number{font-size:1.55rem}
.lenses-page .types,.lenses-page .price,.lenses-page .process,.lenses-page .stores,.lenses-page .faq{padding:80px 0}
.lenses-page .types-grid{margin-top:30px}
.lenses-page .type-card{box-shadow:none}
.lenses-page .lens-treatments{background:var(--cream)}
.lenses-page .lens-note{padding:26px 0 0;max-width:840px;color:var(--muted)}
.lenses-page .lens-note h3{font-size:1rem;color:var(--green-900);margin-bottom:8px}
.lenses-page .lens-note p{font-size:.9rem}
.lenses-page .store-hours{color:var(--muted)}
.lenses-page section[id]{scroll-margin-top:24px}
.lenses-page a:focus-visible,.lenses-page button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:720px){
  .lenses-page .hero{min-height:0;padding:54px 0 64px}
  .lenses-page .hero h1{font-size:clamp(2.1rem,7vw,3rem)}
  .lenses-page .hero-actions{display:flex;flex-direction:column;align-items:stretch}
  .lenses-page .hero-actions .btn{padding-inline:15px}
  .lenses-page .proof{margin-top:0}
  .lenses-page .proof-grid{border-radius:0 0 18px 18px;box-shadow:none}
  .lenses-page .types,.lenses-page .price,.lenses-page .process,.lenses-page .stores,.lenses-page .faq{padding:56px 0}
  .lenses-page .section-title{font-size:clamp(1.75rem,6.5vw,2.5rem)}
}
@media(prefers-reduced-motion:reduce){.lenses-page *{scroll-behavior:auto!important;transition:none!important}}