[hidden] { display: none !important; }
.page { gap: 64px; padding-top: 36px; }
h1 { font-size: 45px; line-height: 1.12; }
h2 { font-size: 34px; line-height: 1.2; }
.hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 44px; padding: 40px; align-items: center; }
.hero-copy { gap: 20px; }
.hero-sub { font-size: 18px; line-height: 1.5; max-width: 54ch; }
.hero-preview { min-width: 0; }
.hero-preview h3 { font-size: 19px; margin-bottom: 16px; }
.hero-preview .hc-compare { aspect-ratio: 1.6; }
.hero-preview .hc-note { font-size: 13px; }
.hero-preview .hc-cta { display: none; }
.hero-preview .hc-label { font-size: 13px; }
.hero-stats b { font-size: 23px; }
.learn-link { align-self: flex-start; font-size: 16px; }
.patient-tabs, .learn-tabs { display: flex; gap: 8px; border-bottom: 1px solid var(--blue); margin-bottom: 32px; }
.patient-tabs button, .learn-tabs button { min-height: 60px; padding: 16px 28px; border: 0; border-bottom: 3px solid transparent; background: transparent; font-weight: 600; font-size: 19px; color: var(--slate); }
.patient-tabs button[aria-selected="true"], .learn-tabs button[aria-selected="true"] { border-bottom-color: var(--primary); color: var(--primary); background: var(--ice); }
.patient-tabs button:focus-visible,.learn-tabs button:focus-visible { outline: 2px solid var(--primary); outline-offset: -4px; }
.quiz { gap: 36px; grid-template-columns: 300px minmax(0,1fr); }
.quiz-panel { padding: 24px; }
.quiz-q h2 { font-size: 30px; }
.quiz-counter { font-size: 23px; }
.stepper button { font-size: 16px; }
.stepper span { padding-top: 0; line-height: 26px; }
.stepper small { line-height: 1.4; }
.opt { min-height: 72px; padding: 16px 20px; }
.opt b { font-size: 17px; }
.learn-wide { padding: 36px; background: #f5f8fa; }
.learn-wide .section-head { max-width: 760px; }
.learn-tabs { margin-top: 24px; }
.learn-wide .hs { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(300px,1fr); gap: 20px 32px; align-items: start; }
.learn-wide .hs-stage { grid-column: 1; grid-row: 1 / 5; }
.learn-wide .hs-legend { grid-column: 1; grid-row: 5; }
.learn-wide .hs-thesis { grid-column: 2; grid-row: 1; font-size: 19px; }
.learn-wide .hs-switch { grid-column: 2; grid-row: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.learn-wide .hs-cardwrap { grid-column: 2; grid-row: 3; }
.learn-wide .hs-cta { grid-column: 2; grid-row: 4; }
.learn-wide .hs-note { grid-column: 1 / -1; }
.learn-wide .hs-card { padding: 22px; gap: 16px; }
.learn-wide .hs-list li { font-size: 16px; line-height: 1.5; }
.hs-condition { position: absolute; top: 8px; left: 8px; display: flex; gap: 2px; padding: 3px; background: white; border: 1px solid #9ba9c1; border-radius: 999px; }
.hs-cbtn { min-height: 34px; padding: 0 12px; border: 0; background: transparent; border-radius: 999px; font-size: 14px; font-weight: 600; }
.hs-cbtn[aria-pressed="true"] { background: #1f3a66; color: white; }
.hs-cbtn:focus-visible { outline: 2px solid #1f3a66; }
.hs[data-condition="cataract"] .hs-scene { filter: blur(2px) sepia(.4) saturate(.7) contrast(.65); }
.hs-btn:disabled { opacity: .45; cursor: default; }
.learn-wide .ho { max-width: 1050px; margin: 0 auto; gap: 20px; }
.learn-wide .ho-toggle { justify-content: center; flex-wrap: wrap; }
.learn-wide .ho-btn { flex: none; padding: 0 24px; }
.learn-wide .ho-svg { max-height: 490px; }
.optics-intro { max-width: 72ch; margin-bottom: 24px; color: var(--slate); }
.doctor-copy .name { font-size: 32px; }
@media(max-width:767px) {
 h1 { font-size: 32px; } h2 { font-size: 26px; }
 .hero { grid-template-columns: 1fr; padding: 24px; gap: 28px; }
 .quiz { grid-template-columns: 1fr; } .quiz-q h2 { font-size: 25px; }
 .patient-tabs button,.learn-tabs button { padding: 14px; font-size: 16px; }
 .learn-wide { padding: 20px; } .learn-wide .hs { display: flex; }
 .hs-condition { position: static; margin-top: 8px; width: fit-content; }
 .doctor-copy .name { font-size: 26px; }
}

/* Selected hero: interactive lens, shared with approved concept. */
.hero-preview .lens-showcase { position:relative; overflow:hidden; border:1px solid #d0e0e7; border-radius:24px; padding:48px 20px 24px; min-height:550px; background:radial-gradient(ellipse at 35% 45%,#ffffff 0,#edf5f8 47%,#dceaf0 100%); }
.hero-preview .lens-stage { min-width:0; height:430px; }
.hero-preview .lens-showcase .tag { position:absolute; top:22px; left:20px; color:#627e8d; font-size: 12px; }
.hero-preview .lens-name { margin:16px 0 10px; line-height:1.2; }
.hero-preview .lens-summary { line-height:1.5; }
.hero-preview .lens-model { line-height:1.5; }
.hero-preview .lens-showcase .showcase-note { text-align:center; margin:20px 0 0; line-height:1.5; }
@media(max-width:767px) { .hero-preview .lens-showcase { grid-template-columns:1fr; } .hero-preview .lens-stage { height:320px; } }

/* Flat panels follow the clinic layout. */
.hero-preview .lens-showcase, .hero-preview .lens-stage, .hero-preview .lens-stage canvas, .hero-preview .optic-detail, .hero-preview .highlight-toggle { border-radius: 0; }

.hero-preview .lens-showcase { background: radial-gradient(ellipse at 35% 45%, #eaf1f5 0, #e3edf3 47%, #d8e6ee 100%); }
.hero-preview .lens-summary { font-size: 16px; line-height: 1.5; color: var(--primary); }

/* Approved desktop atlas from Pen. */
.lens-atlas { padding:48px; }
.atlas-kicker { margin:0; color:#60788b; font-size:12px; font-weight:600; letter-spacing:1.3px; }
.atlas-heading { display:flex; justify-content:space-between; align-items:end; gap:60px; margin-top:20px; }
.atlas-heading h2 { font-family:var(--font); font-size:48px; font-weight:600; line-height:1.12; letter-spacing:-1.2px; }
.atlas-heading > p { margin:0; color:#60788b; font-size:17px; line-height:1.5; }
.atlas-ready .hs { display:flex; gap:32px; align-items:stretch; }
.atlas-ready [data-iol-visual="scene"] { margin-top:32px; }
.atlas-ready .hs-switch { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.atlas-ready .hs-btn { display:flex; align-items:start; gap:16px; min-height:90px; padding:20px; border:0; border-radius:0; background:#eaf0f5; text-align:left; }
.atlas-ready .hs-btn[aria-pressed="true"] { background:#1f3a66; color:white; }
.atlas-ready .hs-btn:hover { box-shadow:inset 0 0 0 1px #9ba9c1; }
.atlas-type-number { font-size:12px; padding-top:4px; }
.atlas-type-mark { margin-left:auto; font-size:13px; }
.atlas-ready .hs-btn b { display:block; font-size:20px; font-weight:600; line-height:1.25; }
.atlas-ready .hs-btn small { display:block; font-size:13px; font-weight:400; margin-top:4px; line-height:1.4; }
.atlas-main { display:grid; grid-template-columns:minmax(0,1.87fr) minmax(0,1fr); gap:40px; align-items:start; }
.atlas-visual { display:flex; flex-direction:column; gap:20px; min-width:0; }
.atlas-caption { display:flex; justify-content:space-between; gap:16px; font-size:12px; color:#60788b; }
.atlas-caption b { font-size:14px; color:#323f4a; font-weight:600; }
.atlas-controls { display:flex; justify-content:space-between; gap:8px; align-items:center; flex-wrap:wrap; }
.atlas-scene-filters { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.atlas-ready .hs-condition,.atlas-ready .hs-time,.atlas-ready .learn-tabs { position:static; margin:0; border:1px solid #dce4ee; border-radius:0; padding:4px; gap:4px; background:#f1f5f9; }
.atlas-ready .learn-tabs { border:0; padding:0; gap:20px; background:transparent; }
.atlas-ready .learn-tabs button { font-size:14px; min-height:46px; padding:0; border:0; border-bottom:2px solid transparent; border-radius:0; color:#607182; background:transparent; }
.atlas-ready .learn-tabs button[aria-selected="true"] { color:#1f3a66; background:transparent; border-bottom-color:#1f3a66; font-weight:700; }
.atlas-ready .hs-cbtn,.atlas-ready .hs-tbtn { border-radius:0; min-height:36px; font-size:14px; padding:0 12px; }
.atlas-ready .hs-stage { grid-column:auto; grid-row:auto; padding:16px 0 0; background:white; }
.atlas-ready .hs-scene { border:0; }
.atlas-ready .hs-legend { grid-column:auto; grid-row:auto; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0 20px 16px; gap:20px; margin-top:-20px; background:white; }
.atlas-ready .hs-legend li { gap:10px; }
.atlas-ready .hs-zone { gap:4px; }
.atlas-ready .hs-zone-name { font-size:14px; font-weight:600; color:#1f3a66; line-height:1.35; }
.atlas-ready .hs-state { font-size:13px; line-height:1.35; color:#586b80; }
.atlas-ready .hs-thesis,.atlas-ready .hs-cardwrap,.atlas-ready .hs-cta,.atlas-ready .hs-note,.atlas-ready .ho-toggle { display:none; }
.atlas-annotation .atlas-kicker { font-size:11px; letter-spacing:.6px; }
.atlas-annotation h3 { font-family:var(--font); font-size:26px; font-weight:600; line-height:1.22; margin:10px 0; }
.atlas-summary { font-size:14px; line-height:1.5; margin:0 0 22px; }
.atlas-distance-list { list-style:none; margin:0; padding:0; }
.atlas-distance-list li { display:flex; gap:16px; padding:12px 0; border-top:1px solid #dce4ee; }
.atlas-distance-list li > span { font-size:11px; color:#60788b; padding-top:2px; }
.atlas-distance-list b { font-size:14px; font-weight:600; }
.atlas-distance-list p { font-size:13px; line-height:1.5; margin:4px 0 0; color:#60788b; }
.atlas-caveat { margin-top:22px; border-left:2px solid #b99d70; padding-left:16px; }
.atlas-caveat b { font-size:10px; letter-spacing:1px; color:#8c6b38; }
.atlas-caveat p { font-size:13px; line-height:1.45; margin:6px 0 0; color:#597485; }
.atlas-price { font-size:15px; font-weight:600; margin:22px 0 0; }
.atlas-footer { margin-top:32px; }
.atlas-next { display:flex; align-items:center; gap:24px; justify-content:space-between; background:#e5edf4; padding:24px 28px; }
.atlas-next h3 { font-family:var(--font); font-size:24px; font-weight:600; }
.atlas-next p { margin:6px 0 0; font-size:15px; color:#60788b; }
.atlas-next .btn { border-radius:0; white-space:nowrap; }
.atlas-disclaimer { font-size:12px; color:#60788b; margin:20px 0 0; }
.atlas-ready .ho { gap:20px; }
.atlas-ready .ho-note { font-size:13px; }
.atlas-ready[data-view="optics"] .hs-scene,
.atlas-ready[data-view="optics"] .hs-legend,
.atlas-ready[data-view="optics"] .atlas-scene-filters { display:none; }
@media(max-width:1100px) { .lens-atlas { padding:32px; } .atlas-main { gap:28px; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); } .atlas-ready .hs-btn b { font-size:18px; } .atlas-controls { justify-content:flex-start; } }
@media(max-width:767px) { .lens-atlas { padding:20px; } .atlas-heading { display:block; } .atlas-heading h2 { font-size:34px; } .atlas-heading > p { margin-top:16px; font-size:15px; } .atlas-ready .hs-switch { grid-template-columns:repeat(2,minmax(0,1fr)); } .atlas-ready .hs-btn { padding:14px; gap:8px; } .atlas-ready .hs-btn b { font-size:16px; } .atlas-ready .hs-btn small { font-size:12px; } .atlas-main { grid-template-columns:1fr; } .atlas-caption span { display:none; } .atlas-ready .hs-legend { gap:8px; } .atlas-ready .hs-zone-name { font-size:12px; } .atlas-next { align-items:start; flex-direction:column; padding:20px; } .atlas-next h3 { font-size:21px; } }

/* The selection journey belongs to the selection tab. */
.patient-route { margin: -8px 0 36px; padding: 24px 0; border-bottom: 1px solid var(--blue); }
.patient-route ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; margin: 0; padding: 0; gap: 36px; }
.patient-route li { display: flex; gap: 16px; position: relative; align-items: flex-start; }
.patient-route li:not(:last-child)::after { content: '→'; position: absolute; right: -27px; top: 19px; color: var(--slate); }
.route-art { flex: 0 0 64px; height: 64px; background: var(--ice); color: var(--primary); display: grid; place-items: center; }
.route-art svg { width: 48px; height: 48px; }
.patient-route h3 { font-family: var(--font); font-size: 17px; font-weight: 600; letter-spacing: 0; margin: 0 0 8px; line-height: 1.35; }
.patient-route p { font-size: 14px; line-height: 1.5; color: var(--slate); margin: 0; }
.row { grid-template-columns: 64px minmax(0,1fr) 200px 190px 282px; }
.row > * { min-width: 0; }
.row .actions { display: grid; grid-template-columns: 150px 124px; gap: 8px; }
.row .actions .btn { width: 100%; padding-left: 8px; padding-right: 8px; white-space: nowrap; }
@media(max-width:767px) { .row { grid-template-columns: 56px minmax(0,1fr); } .row .actions { grid-template-columns: repeat(2,minmax(0,1fr)); } .row .actions .btn { white-space: normal; } }
@media(max-width:767px) { .patient-route ol { grid-template-columns: 1fr; gap: 22px; } .patient-route li:not(:last-child)::after { display: none; } .patient-route { margin-bottom: 24px; } }

/* readability 30.09: текст «Атласа» и маршрута не мельче 14-17 px, контраст AA */
@media(min-width:768px){
.hero-preview .lens-showcase .tag{font-size:15px;color:#4d6575}
.hero-preview .hc-note,.hero-preview .hc-label{font-size:15px}
.patient-route p{font-size:16px}
.atlas-kicker,.atlas-annotation .atlas-kicker{font-size:14px;color:#4d6575}
.atlas-type-number{font-size:14px}
.atlas-type-mark{font-size:15px}
.atlas-ready .hs-btn small{font-size:15px}
.atlas-caption{font-size:15px;color:#4d6575}
.atlas-caption b{font-size:16px}
.atlas-ready .learn-tabs button{font-size:16px;color:#4d6575}
.atlas-ready .hs-cbtn,.atlas-ready .hs-tbtn{font-size:16px}
.atlas-ready .hs-zone-name{font-size:16px}
.atlas-ready .hs-state{font-size:15px}
.atlas-summary{font-size:17px}
.atlas-distance-list li > span{font-size:14px;color:#4d6575}
.atlas-distance-list b{font-size:17px}
.atlas-distance-list p{font-size:16px;color:#4d6575}
.atlas-caveat b{font-size:13px}
.atlas-caveat p{font-size:16px;color:#46606f}
.atlas-price{font-size:17px}
.atlas-next p{font-size:16px;color:#46606f}
.atlas-disclaimer{font-size:15px;color:#4d6575}
.atlas-ready .ho-note,.atlas-ready .ho-note p{font-size:16px}
.atlas-ready .ho-range-title{font-size:16px}
.atlas-ready .ho-range-caption{font-size:15px;color:#4d6575}
.atlas-ready .ho-disc{font-size:15px}
.doctor-comment-label,.doctor-reviews-date{font-size:15px}
}
@media(min-width:768px){.atlas-heading > p{color:#4d6575}}
/* 30.09: «Атлас зрения» третьим пунктом в ряду цифр, кликабельный */
.stat-link{display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:none;text-align:left;cursor:pointer;font:inherit}
.hero-stats .stat-link b{color:#1F3A66;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.stat-link i{font-style:normal;display:inline-block;transition:transform .2s}
.stat-link:hover i{transform:translateX(4px)}
.stat-link:focus-visible{outline:2px solid #1F3A66;outline-offset:4px}
/* 30.09: маршрут «3 шага» — линия-шкала с крупными номерами, без плашки и иконок; текущий шаг тёмный */
@media(min-width:768px){
.patient-route{margin:28px 0 44px;padding:0;border-bottom:0}
.patient-route ol{gap:40px;counter-reset:route}
.patient-route li{counter-increment:route;gap:20px;padding-top:20px;border-top:2px solid #cfdae4;align-items:flex-start}
.patient-route li:first-child{border-top-color:#1F3A66}
.patient-route li:not(:last-child)::after{display:none}
.patient-route li::before{content:counter(route,decimal-leading-zero);flex:none;font-family:var(--font-heading);font-size:34px;line-height:1;color:#9BA9C1}
.patient-route li:first-child::before{color:#1F3A66}
.patient-route .route-art{display:none}
.patient-route h3{font-family:var(--font-heading);font-weight:400;font-size:20px;line-height:1.25;margin:4px 0 6px}
.patient-route p{line-height:1.4;max-width:34ch}
}
/* 30.09: ряд цифр не ломается — заголовки в одну строку, «Атлас» в том же стиле, подчёркивание только при наведении */
.hero-stats li{flex:0 0 auto}
.hero-stats b,.hero-stats span{white-space:nowrap}
.hero-stats .stat-link b{text-decoration:none}
.hero-stats .stat-link:hover b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.hero-stats{flex-wrap:wrap;row-gap:14px}
@media(max-width:1500px){.hero-stats li{padding-right:18px;margin-right:18px}.hero-stats b{font-size:21px}}
@media(max-width:1360px){.hero-stats li{padding-right:12px;margin-right:12px}.hero-stats b{font-size:20px}.hero-stats span{font-size:14px}}
@media(min-width:768px){.atlas-ready .hs-legend{margin-top:-20px;padding:16px 20px 18px;border-top:1px solid #DDE3EA}}
@media(min-width:768px){.atlas-ready .hs-stage{padding-top:0}.atlas-ready .hs-legend{grid-template-columns:repeat(3,auto);justify-content:space-between;gap:12px;padding-left:16px;padding-right:16px}.atlas-ready .hs-zone-name{font-size:15px;white-space:nowrap}}
/* 30.09: текст справа в «Атласе» — на белой карточке */
@media(min-width:768px){.atlas-annotation{background:#fff;padding:24px 24px 26px;align-self:start}}
/* 30.09: врач в блоке записи — кликабельная строка, ведёт к блоку «Кто проведёт подбор» */
button.booking-doc{width:100%;border-left:0;border-right:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background .2s}
button.booking-doc > div:not(.ava){flex:1;min-width:0}
button.booking-doc i{flex:none;font-style:normal;font-size:20px;color:#1F3A66;padding-right:6px;transition:transform .2s}
button.booking-doc:hover{background:rgba(232,240,246,.6)}
button.booking-doc:hover b{color:#1F3A66;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
button.booking-doc:hover i{transform:translateX(4px)}
button.booking-doc:focus-visible{outline:2px solid #1F3A66;outline-offset:2px}
/* 30.09: в шапке сравнения колонки линз на белом, серым остаётся только колонка названий параметров */
thead th:not(:first-child){background:#fff;border-bottom:2px solid #DCE4EE}
/* 30.09: шаги не должны выглядеть как вкладки — без верхних линий и без «выбранного» шага, между шагами стрелки */
@media(min-width:768px){
.patient-route{margin:0 0 40px;padding:24px 0;border-bottom:1px solid #DCE4EE}
.patient-route ol{gap:56px}
.patient-route li{padding-top:0;border-top:0}
.patient-route li::before,.patient-route li:first-child::before{color:#9BA9C1}
.patient-route li:not(:last-child)::after{display:block;content:'→';position:absolute;right:-38px;top:6px;font-size:20px;line-height:1;color:#9BA9C1}
}
/* 30.09 (встреча): два врача, блок-ссылка на услугу «Операция» */
@media(min-width:768px){
.doctor.doctors-two{display:block;padding:48px 40px 40px;background:var(--ice);overflow:visible}
.doctors-two .section-head{max-width:820px;margin-bottom:32px}
.doctors-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.doc-card{display:grid;grid-template-columns:230px minmax(0,1fr);background:#fff;border:1px solid var(--border)}
.doc-card-photo{display:flex;align-items:flex-end;justify-content:center;padding:20px 0 0 12px;background:#F4F8FB}
.doc-card-photo img{display:block;width:100%;height:320px;object-fit:contain;object-position:bottom}
.doc-card-copy{display:flex;flex-direction:column;gap:14px;padding:28px 28px 26px;min-width:0}
.doc-card-copy .name{font-family:var(--font-heading);font-weight:400;font-size:26px;line-height:1.15;letter-spacing:-.01em;color:var(--primary)}
.doc-card-copy .spec{font-size:16px;line-height:1.45;color:#4d6575}
.doc-card .doc-stats{padding:14px 16px;margin-top:auto}
.doc-card .doc-stats li{padding-right:12px;margin-right:12px}
.doc-card .doc-stats b{font-size:20px;white-space:nowrap}
.doc-card .doc-stats span{font-size:14px}
.doc-links{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:16px}
.doc-links a{color:#1F3A66;text-decoration:none;border-bottom:1px solid rgba(31,58,102,.35)}
.doc-links a:hover{border-bottom-color:#1F3A66}
.booking-doc .avas{display:flex;flex:none}
.booking-doc .avas .ava + .ava{margin-left:-14px;box-shadow:0 0 0 2px #fff}
.operation-link{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:24px;padding:36px 40px;background:var(--ice)}
.operation-link .op-copy{display:flex;flex-direction:column;gap:10px;max-width:760px}
.operation-link h2{font-size:30px;line-height:1.15}
.operation-link p:not(.eyebrow){font-size:17px;color:#4d6575}
.operation-link .btn{flex:none;text-decoration:none}
}
@media(min-width:768px){
.doc-card .doc-stats{flex-direction:column;padding:2px 16px;margin-top:auto}
.doc-card .doc-stats li{flex:none;flex-direction:row-reverse;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;margin:0;border-right:0;border-bottom:1px solid rgba(50,63,74,.12)}
.doc-card .doc-stats li:last-child{border-bottom:0}
.doc-card .doc-stats b{font-size:18px}
.doc-card .doc-stats span{font-size:15px}
.doc-links{flex-direction:column;align-items:flex-start;gap:8px}
}
@media(min-width:768px){
.doc-card{position:relative;transition:border-color .2s,box-shadow .2s}
.doc-card:hover{border-color:#9BA9C1;box-shadow:0 6px 24px rgba(31,58,102,.08)}
.doc-card-link{color:inherit;text-decoration:none}
.doc-card-link::after{content:'';position:absolute;inset:0}
.doc-card:hover .doc-card-link{color:#1F3A66}
.doc-card-link:focus-visible{outline:none}
.doc-card:has(.doc-card-link:focus-visible){outline:2px solid #1F3A66;outline-offset:2px}
.doc-links{position:relative;z-index:1}
.doc-links:empty{display:none}
}
/* 30.09: шапка и подвал боевого сайта (Shadow DOM, version-b/site-chrome). Шрифты сайта — те же файлы под именами сайта */
@font-face{font-family:'gilroy';src:url('../fonts/Gilroy-Regular.woff2') format('woff2');font-weight:300 400;font-display:swap}
@font-face{font-family:'gilroy';src:url('../fonts/Gilroy-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'gilroy';src:url('../fonts/Gilroy-SemiBold.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:'stolzl';src:url('../fonts/Stolzl-Book.woff2') format('woff2');font-weight:300 400;font-display:swap}
@font-face{font-family:'stolzl';src:url('../fonts/Stolzl-Medium.woff2') format('woff2');font-weight:500 900;font-display:swap}
#site-header{display:block;position:sticky;top:0;z-index:30;background:#fff}
#site-footer{display:block}
/* 30.09: знак Review на фоне за врачами */
@media(min-width:768px){
.doc-card-photo{position:relative;overflow:hidden}
.doc-card-photo::before{content:'';position:absolute;left:50%;top:26px;width:190px;height:190px;transform:translateX(-50%);background:url('../img/review-mark.svg') center/contain no-repeat;opacity:.08}
.doc-card-photo img{position:relative}
}
/* 30.09: вместо схематичной картинки у «Выберем линзу вместе» — три настоящие линзы, средняя отмечена */
@media(min-width:768px){
.faq-cta-lenses{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:10px;margin:2px 0 4px}
.faq-cta-lenses span{position:relative;display:block;aspect-ratio:1;background:#fff;border:1px solid #DCE4EE;overflow:hidden}
.faq-cta-lenses img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.faq-cta-lenses .is-pick{border-color:#1F3A66;box-shadow:0 10px 26px rgba(31,58,102,.14);overflow:visible}
.faq-cta-lenses .is-pick::after{content:'';position:absolute;right:-9px;top:-9px;width:26px;height:26px;border-radius:50%;background:#1F3A66 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12.5l3.6 3.6 7.4-8'/%3E%3C/svg%3E") center/16px no-repeat}
}
/* 30.09: у «Выберем линзу вместе» вместо картинки — два хирурга */
@media(min-width:768px){
.faq-cta-docs{display:flex;align-items:center;gap:16px;padding:0 0 20px;border-bottom:1px solid rgba(50,63,74,.14)}
.faq-cta-docs .avas{display:flex;flex:none}
.faq-cta-docs .avas span{display:block;width:76px;height:76px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 3px var(--ice)}
.faq-cta-docs .avas span + span{margin-left:-18px}
.faq-cta-docs .avas img{display:block;width:100%;height:150%;object-fit:cover;object-position:50% 0}
.faq-cta .faq-cta-docs p{display:flex;flex-direction:column;gap:3px;font-size:16px;line-height:1.3;color:var(--primary);min-width:0}
.faq-cta-docs p b{font-weight:600}
.faq-cta-docs p span{font-size:15px;color:#4d6575}
}