/* ── Додаткові компоненти (v3): мови, рекомендації, довідкові картки, меню ── */
.lang-sw{display:inline-flex;gap:0;border:1.5px solid var(--border);border-radius:50px;overflow:hidden;font-size:.72rem;font-weight:800;line-height:1;flex-shrink:0}
.lang-sw a,.lang-sw span{padding:.38rem .62rem;color:var(--text2);text-decoration:none!important}
.lang-sw span{background:var(--blue);color:#fff}
.lang-sw a:hover{background:var(--blue-pale);color:var(--blue)}
.menu-btn{display:none;background:var(--bg);border:1.5px solid var(--border);border-radius:9px;width:38px;height:36px;font-size:1.05rem;margin-left:auto}
@media(max-width:700px){
  .menu-btn{display:block}
  header .h-nav,.site-header .h-nav,.site-header .h-nav-art{display:none!important}
  header.menu-open .h-nav,.site-header.menu-open .h-nav,.site-header.menu-open .h-nav-art{display:flex!important;flex-direction:column;align-items:flex-start;width:100%;gap:.6rem;margin-left:0;padding:.4rem 0 .6rem}
  .header-inner{gap:.5rem}
  .h-search{order:5;flex:1 1 100%;max-width:none;margin-left:0}
  .site-header{padding:.7rem 1rem}
}
.skip{position:absolute;left:-999px}
.btn-primary{display:inline-block;background:var(--blue);color:#fff!important;padding:.7rem 1.3rem;border-radius:50px;font-weight:800;font-size:.85rem;border:none;text-decoration:none!important}
.btn-primary:hover{background:var(--blue-d)}
.btn-fil{background:var(--fil)}.btn-den{background:var(--den)}
.btn-ghost{display:inline-block;background:#fff;color:var(--blue)!important;border:1.5px solid var(--blue);padding:.6rem 1.15rem;border-radius:50px;font-weight:800;font-size:.82rem;text-decoration:none!important}
/* hero (home) */
.hero.has-img{background:linear-gradient(135deg,rgba(0,70,150,.9) 0%,rgba(0,120,190,.86) 55%,rgba(0,150,140,.84) 100%),var(--hero-img) center/cover no-repeat}
.hero-note{font-size:.72rem;opacity:.8;margin-top:.8rem}
/* recommended block */
.rec-wrap{margin:2rem 0}
.rec-wrap>h2,.rec-wrap>h3{font-family:'Playfair Display',serif;font-size:1.3rem;margin-bottom:.3rem}
.rec-lead{font-size:.84rem;color:var(--text2);margin-bottom:.9rem}
.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.8rem}
.rec-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;display:flex;gap:.75rem;align-items:flex-start}
.rec-card:hover{box-shadow:var(--shadow-md);border-color:#B0CDE8}
.rec-ava{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-family:'Playfair Display',serif;flex-shrink:0}
.rec-name{font-weight:800;font-size:.92rem;color:var(--text)}
.rec-name a{color:var(--text)}
.rec-spec{font-size:.7rem;color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.rec-cl{font-size:.74rem;color:var(--text2);margin:.2rem 0 .5rem}
.rec-btn{background:var(--blue);color:#fff;border:none;border-radius:8px;padding:.42rem .8rem;font-size:.76rem;font-weight:800}
.rec-btn:hover{background:var(--blue-d)}
.rec-clinics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem;margin-top:.9rem}
.rc-box{border-radius:var(--radius);padding:1rem 1.1rem;border:2px solid #B8D4F0;background:linear-gradient(135deg,#EEF6FF,#E0EFFF)}
.rc-box.den{border-color:#A8DFC6;background:linear-gradient(135deg,#EAFAF4,#D6F5E8)}
.rc-box h4{font-family:'Playfair Display',serif;font-size:1.02rem;margin-bottom:.2rem}
.rc-box p{font-size:.78rem;color:var(--text2);margin-bottom:.6rem}
.rc-box .rc-links{font-size:.76rem;margin-bottom:.6rem;display:flex;gap:.8rem;flex-wrap:wrap}
/* картка статті / фото */
.art-fig{margin:0 0 1.6rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#fff}
.art-fig img{display:block;width:100%;height:auto}
.art-fig figcaption{font-size:.7rem;color:var(--text3);padding:.45rem .8rem}
.art-fig2{margin:1.6rem 0}
.svc-fig{margin:0 0 1.4rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}
.svc-fig img{display:block;width:100%;height:auto}
.blog-thumb img{width:100%;height:122px;object-fit:cover;display:block}
.blog-thumb.img{padding:0;overflow:hidden}
.rel-card .rel-img{width:100%;height:96px;object-fit:cover;border-radius:8px;margin-bottom:.5rem;display:block}
.price-note{font-size:.78rem;color:var(--text3);margin:-.5rem 0 1.2rem}
td.price-val,.price-val{font-weight:800;color:var(--blue);white-space:nowrap}
.price-table .pv{font-weight:800}
/* довідкові картки */
.ref-card{background:#fff;border:1px dashed #B8C7DA;border-radius:var(--radius);padding:1rem 1.1rem;display:grid;grid-template-columns:52px 1fr;gap:.8rem;align-items:start}
.ref-card:hover{border-color:var(--blue)}
.ref-ava{width:48px;height:48px;border-radius:10px;background:#EEF2F7;color:#5A6A7A;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem}
.ref-badge{display:inline-block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#EEF2F7;color:#5A6A7A;border-radius:50px;padding:.14rem .55rem;margin-bottom:.25rem}
.ref-name{font-family:'Playfair Display',serif;font-size:1rem;font-weight:600;color:var(--text)}
.ref-name a{color:var(--text)}
.ref-spec{font-size:.74rem;color:var(--blue);font-weight:700;margin:.1rem 0}
.ref-meta{font-size:.76rem;color:var(--text2)}
.blur-ph{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;font-size:.74rem;color:var(--text3)}
.blur-ph i{display:inline-block;height:.7rem;width:7rem;border-radius:4px;background:linear-gradient(90deg,#DDE5EF,#EDF1F7);filter:blur(3px)}
.ref-alt{margin-top:.6rem;padding:.6rem .75rem;background:var(--blue-pale);border-radius:9px;font-size:.76rem;color:var(--text2)}
.ref-alt b{color:var(--text)}
.ref-alt .alt-btns{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.45rem}
.ref-alt button{border:none;border-radius:50px;padding:.36rem .85rem;font-size:.74rem;font-weight:800;color:#fff}
.ref-alt .b-fil{background:var(--fil)}.ref-alt .b-den{background:var(--den)}
.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:.8rem}
.dir-toolbar{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}
.dir-toolbar input,.dir-toolbar select{padding:.55rem .85rem;border:2px solid var(--border);border-radius:50px;font-family:inherit;font-size:.84rem;background:#fff;outline:none;min-width:0;flex:1 1 200px}
.dir-toolbar input:focus,.dir-toolbar select:focus{border-color:var(--blue)}
.dir-count{font-size:.84rem;font-weight:700;margin:.6rem 0}
.counters{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0 1.4rem}
.counter{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:.7rem 1rem;min-width:140px}
.counter strong{display:block;font-size:1.5rem;font-weight:900;color:var(--blue);line-height:1.1}
.counter span{font-size:.74rem;color:var(--text2)}
.disclaimer{font-size:.78rem;color:var(--text2);background:#fff;border-left:4px solid var(--teal);border-radius:8px;padding:.7rem .9rem;margin:1rem 0}
/* профіль лікаря/клініки */
.prof-hdr{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1.2rem}
.prof-ava{width:84px;height:84px;border-radius:18px;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:600;flex-shrink:0}
.prof-hdr h1{font-family:'Playfair Display',serif;font-size:clamp(1.4rem,3vw,2rem);line-height:1.2}
.chip-row{display:flex;gap:.3rem;flex-wrap:wrap;margin:.5rem 0}
.chip-row span{font-size:.72rem;font-weight:700;background:var(--blue-pale);color:var(--blue);padding:.2rem .65rem;border-radius:50px}
.kv{display:grid;grid-template-columns:140px 1fr;gap:.35rem .8rem;font-size:.88rem;margin:1rem 0}
.kv b{color:var(--text3);font-weight:700}
@media(max-width:560px){.kv{grid-template-columns:1fr}}
.link-list{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.4rem .8rem}
.link-list li{margin:0!important}
.link-list a{font-weight:700;font-size:.88rem}
.sc .rec-wrap h2,.sc .rec-wrap h3{margin-top:0}
.doc-card .d-clinic-row a{color:inherit;text-decoration:underline dotted}
.d-bio{font-size:.78rem;color:var(--text2);margin:.3rem 0}
.d-name a{color:var(--text)}
.d-slot{font-size:.7rem;color:var(--text3)}
.pick-note a{color:var(--blue)}
.home-links{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}
.faq-item h3{font:inherit}
.static .sc h2{margin-top:1.6rem}
.toc a{color:var(--blue)}
.art-end{margin:2rem 0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tag-lang{font-size:.7rem;color:var(--text3)}
.hero.has-img .hero-inner{max-width:880px}
.hero-stats{gap:1.2rem 2.4rem}
.hs-f label{white-space:normal}
@media(max-width:600px){
  .hero{padding:1.8rem 1rem 1.4rem}
  .hero-search{padding:.8rem}
  .hs-f{width:100%}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1rem}
  .h-stat strong{font-size:1.15rem}
  .main-wrap{padding:.8rem}
  .picker-grid{grid-template-columns:1fr}
  .results-hdr{align-items:flex-start;flex-direction:column;gap:.5rem}
  .sort-sel{max-width:100%}
  .doc-card .d-actions{flex-wrap:wrap}
  .rec-clinics{grid-template-columns:1fr}
  .ref-card{grid-template-columns:1fr}
  .ref-ava{display:none}
  .counters .counter{min-width:calc(50% - .4rem)}
  .blog-grid{grid-template-columns:1fr}
  .seo-grid{grid-template-columns:1fr 1fr}
}
/* mobile overflow guards */
.pw>*{min-width:0}
@media(max-width:900px){.pw{grid-template-columns:minmax(0,1fr)}}
.sc,.sb{overflow-wrap:anywhere}
.sc table{max-width:100%}
@media(max-width:600px){.sc table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}
/* v2: довідкові картки, підбір, один варіант */
.rec-clinics.one{grid-template-columns:minmax(240px,560px)}
.contact-ph{display:flex;align-items:center;gap:.6rem;margin:.5rem 0 .15rem;flex-wrap:wrap}
.contact-ph .blur-ph{margin:0;flex:1;min-width:130px;flex-direction:column;align-items:flex-start;gap:.3rem}
.contact-ph .blur-ph i{width:8rem;height:.6rem;filter:blur(4px)}
.contact-ph .blur-ph i.s{width:6rem}
.btn-locked{border:1px solid #D3DAE3;background:#EEF0F3;color:#8A94A2;border-radius:50px;padding:.34rem .85rem;font-size:.74rem;font-weight:700;cursor:not-allowed}
.ph-note{font-size:.7rem;color:var(--text3);margin-bottom:.2rem}
.ref-alt{background:transparent;padding:0;margin-top:.5rem}
.btn-suggest{border:1.5px solid var(--blue);background:#fff;color:var(--blue);border-radius:50px;padding:.42rem 1rem;font-size:.78rem;font-weight:800;cursor:pointer}
.btn-suggest:hover{background:var(--blue);color:#fff}
.btn-pick.alt{background:#fff;color:var(--blue);border:1.5px solid var(--blue)}
.picker-actions{flex-wrap:wrap;gap:.6rem}
.doc-res-slot{font-size:.76rem;color:var(--text3);margin:.3rem 0}
.sg-roll{display:flex;align-items:center;gap:.8rem;padding:1.4rem .6rem;background:var(--blue-pale);border-radius:var(--radius);margin:1rem 0}
.sg-slot{font-weight:800;font-size:1.05rem;min-height:1.4em}
.sg-card{display:flex;gap:.8rem;align-items:center;padding:.9rem;background:var(--blue-pale);border-radius:var(--radius);margin-bottom:1rem}
.sg-ava{width:54px;height:54px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1.25rem;flex-shrink:0}
.sg-name a{color:inherit;font-weight:800;text-decoration:none}.sg-spec{font-size:.8rem;color:var(--blue);font-weight:700}
.sg-cl,.sg-slot-t{font-size:.76rem;color:var(--text3)}
.sg-sim{margin-top:1.2rem;border-top:1px solid #E3EAF2;padding-top:.8rem}.sg-sim h4{font-size:.9rem;margin-bottom:.15rem}.sg-sim p{font-size:.74rem;color:var(--text3);margin-bottom:.5rem}
.sg-sim ul{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.sg-sim li{display:flex;flex-direction:column;font-size:.82rem}.sg-sim li span{font-size:.72rem;color:var(--text3)}
.ref-alt button.btn-suggest{background:#fff;color:var(--blue);border:1.5px solid var(--blue);padding:.42rem 1rem}.ref-alt button.btn-suggest:hover{background:var(--blue);color:#fff}