/* 15.10 fpv (ccs 3aa24533abe2, п.60/66/67/68/69): «Спеціалісти» = образец каталога /stomatologii/.
   Правила окон фильтра и пагинации перенесены из cat3.css/gloss.css (скрипт tools/extract_css.py), скоуп .pg-specialisty. */
.pg-specialisty{--gl-e:cubic-bezier(.16,1,.3,1);--gl-d3:0 2px 4px rgba(7,26,46,.05),0 14px 30px -12px rgba(7,26,46,.2),0 40px 80px -40px rgba(11,58,102,.42);--gl-rim:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.55)}
@keyframes kpin{from{opacity:0;transform:translateY(-6px)}}
@keyframes glBtnSh{0%,60%{transform:translateX(-150%) skewX(-18deg)}100%{transform:translateX(350%) skewX(-18deg)}}
@keyframes glDn{0%,100%{translate:0 0}50%{translate:0 4px}}
@keyframes glCardIn{from{opacity:0;transform:translateY(28px) scale(.985)}}
.pg-specialisty .kfil{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 16px 14px;box-shadow:0 18px 40px -34px rgba(11,42,74,.5)}
.pg-specialisty .kf-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}
.pg-specialisty .kchip{position:relative}
.pg-specialisty .kc-b{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border-radius:11px;border:1.5px solid var(--line2);background:#fff;font:500 14px var(--ff);color:var(--ink);transition:border-color .2s,background .2s,color .2s}
.pg-specialisty .kc-b .i{width:17px;height:17px;color:var(--blue2)}
.pg-specialisty .kc-b .c{width:14px;height:14px;color:var(--mut2);transition:transform .2s}
.pg-specialisty .kc-b:hover{border-color:var(--blue)}
.pg-specialisty .kchip.open .kc-b{border-color:var(--blue);background:var(--bb)}
.pg-specialisty .kchip.open .kc-b .c{transform:rotate(180deg)}
.pg-specialisty .kchip.has .kc-b{background:var(--blue);border-color:var(--blue);color:#fff}
.pg-specialisty .kchip.has .kc-b .i,.pg-specialisty .kchip.has .kc-b .c{color:#fff}
.pg-specialisty .kc-b b[data-n]{display:none;min-width:20px;height:20px;border-radius:10px;background:#fff;color:var(--blue2);font:700 12px/20px var(--ff);text-align:center;padding:0 5px}
.pg-specialisty .kchip.has .kc-b b[data-n]{display:inline-block}
.pg-specialisty .kp{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:340px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -24px rgba(11,42,74,.45);animation:kpin .18s var(--ease)}
.pg-specialisty .kp.kp-w{width:560px}
.pg-specialisty .kp-h{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 6px}
.pg-specialisty .kp-h b{font:700 15px var(--ff);color:var(--ink)}
.pg-specialisty .kp-h button .i{width:18px;height:18px;color:var(--mut)}
.pg-specialisty .kp-q{display:flex;align-items:center;gap:8px;margin:4px 14px 8px;height:38px;padding:0 10px;border-radius:10px;background:var(--paper)}
.pg-specialisty .kp-q input{flex:1;border:0;outline:0;background:none;font-size:14px;min-width:0}
.pg-specialisty .kp-q .i{width:16px;height:16px;color:var(--mut2)}
.pg-specialisty .kp-l{max-height:330px;overflow:auto;padding:2px 8px 8px;scrollbar-width:thin}
.pg-specialisty .kp-l.cols{columns:2;column-gap:6px}
.pg-specialisty .op{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:9px;cursor:pointer;font-size:14px;color:var(--ink);break-inside:avoid;transition:background .15s}
.pg-specialisty .op:hover{background:var(--bb)}
.pg-specialisty .op input{appearance:none;flex:none;width:18px;height:18px;border:1.5px solid var(--line2);border-radius:5px;display:grid;place-items:center;transition:all .15s}
.pg-specialisty .op input[type=radio]{border-radius:50%}
.pg-specialisty .op input:checked{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 3px #fff}
.pg-specialisty .op span{flex:1;display:flex;align-items:center;gap:6px;line-height:1.25}
.pg-specialisty .op span .i{width:16px;height:16px;color:var(--green2)}
.pg-specialisty .op>i{font:600 12px var(--ff);font-style:normal;color:var(--mut);background:var(--paper);border-radius:6px;padding:1px 6px}
.pg-specialisty .op.zero{opacity:.38}
.pg-specialisty .op[hidden]{display:none}
.pg-specialisty .kp-f{display:flex;gap:8px;padding:10px 14px 14px;border-top:1px solid var(--line)}
.pg-specialisty .kp-clr{height:40px;padding:0 14px;border-radius:10px;color:var(--mut);font-size:14px}
.pg-specialisty .kp-clr:hover{color:var(--ink);background:var(--paper)}
.pg-specialisty .kp-go{flex:1;height:40px;border-radius:10px;background:var(--blue);color:#fff;font:600 14px var(--ff);transition:background .2s}
.pg-specialisty .kp-go:hover{background:var(--blue2)}
.pg-specialisty .kp-l.metro{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-height:360px}
.pg-specialisty .mg p{display:flex;align-items:center;gap:6px;font:700 11px var(--ff);text-transform:uppercase;letter-spacing:.05em;color:var(--lc);padding:6px 8px 4px;position:sticky;top:0;background:#fff;z-index:1}
.pg-specialisty .mg p i{width:22px;height:5px;border-radius:3px;background:var(--lc)}
.pg-specialisty .mg.l1{--lc:var(--m1)}
.pg-specialisty .mg.l2{--lc:var(--m2)}
.pg-specialisty .mg.l3{--lc:var(--m3)}
.pg-specialisty .mg .op{font-size:13px;padding:5px 6px;gap:6px}
.pg-specialisty .mg .op .md{flex:none;width:9px;height:9px;border-radius:50%;background:var(--lc);box-shadow:0 0 0 2px color-mix(in srgb,var(--lc) 25%,#fff)}
.pg-specialisty .mg .op input:checked{background:var(--lc);border-color:var(--lc)}
.pg-specialisty .kpg{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:22px}
.pg-specialisty .kpg[hidden]{display:none}
.pg-specialisty .kpg-more{height:48px;padding:0 28px;border-radius:999px;background:var(--blue);color:#fff;font:700 15px var(--ff);box-shadow:0 14px 26px -14px var(--blue);transition:background .2s}
.pg-specialisty .kpg-more:hover{background:var(--blue2)}
.pg-specialisty .kpg-n{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.pg-specialisty .kpg-n button,.pg-specialisty .kpg-n span{min-width:38px;height:38px;border-radius:10px;border:1.5px solid var(--line2);font:600 14px var(--ff);color:var(--ink);display:grid;place-items:center;padding:0 8px}
.pg-specialisty .kpg-n span{border:0;color:var(--mut2)}
.pg-specialisty .kpg-n button:hover{border-color:var(--blue)}
.pg-specialisty .kpg-n button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pg-specialisty .kpg-all{font:600 14px var(--ff);color:var(--blue2);text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){.pg-specialisty .kp.kp-w{width:calc(100vw - 32px)}.pg-specialisty .kp-l.metro{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.pg-specialisty .kfil{padding:12px;border-radius:14px}.pg-specialisty .kf-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.pg-specialisty .kchip{position:static}.pg-specialisty .kc-b{flex:none}.pg-specialisty .kp,.pg-specialisty .kp.kp-w{position:fixed;left:8px;right:8px;top:auto;bottom:8px;width:auto;max-width:none;max-height:80vh;display:flex;flex-direction:column}.pg-specialisty .kp[hidden]{display:none}.pg-specialisty .kp-l{max-height:none;flex:1}.pg-specialisty .kp-l.cols{columns:1}.pg-specialisty .kp-l.metro{grid-template-columns:minmax(0,1fr)}.pg-specialisty .kp>*{min-width:0;width:auto;align-self:stretch}.pg-specialisty .kp-l.metro .mg,.pg-specialisty .kp-l.metro .op{min-width:0;max-width:100%}.pg-specialisty .kp,.pg-specialisty .kp.kp-w{z-index:120;box-shadow:0 -8px 40px rgba(10,30,60,.25)}body.pg-specialisty.kp-open .concept-flag{display:none}}
@media (prefers-reduced-motion:reduce){.pg-specialisty .kp{animation:none}}
.pg-specialisty .kc-b{height:38px;font-size:13.5px;padding:0 11px}
.pg-specialisty .kc-b{white-space:nowrap}
@media (min-width:701px){.pg-specialisty .kp-l,.pg-specialisty .kp-l.metro{max-height:none;overflow:visible}.pg-specialisty .kp:has(.kp-l.cols){width:580px}.pg-specialisty .kp-l.cols{columns:2;column-gap:8px}.pg-specialisty .kp-l.cols .op{padding:7px 8px}}
.pg-specialisty .mg .op .md{display:none}
.pg-specialisty .mg .op .mi{flex:none;width:16px;height:16px;color:var(--lc)}
.pg-specialisty .kp-l .op span .i{color:var(--blue)}
.pg-specialisty .kp-l .op span .mi{color:var(--lc)}
@media (min-width:701px){.pg-specialisty .kp{display:flex;flex-direction:column;max-height:calc(100vh - 24px)}.pg-specialisty .kp:not([hidden]){display:flex}.pg-specialisty .kp[hidden]{display:none}.pg-specialisty .kp-l,.pg-specialisty .kp-l.metro{min-height:0;flex:1 1 auto;overflow:auto}.pg-specialisty .kp-h,.pg-specialisty .kp-q,.pg-specialisty .kp-f{flex:none}}
.pg-specialisty .kchip[data-g="sv"] .kp-l .op span .i,.pg-specialisty .kchip[data-g="dx"] .kp-l .op span .i{color:var(--green2)}
@media(min-width:701px){.pg-specialisty .kp{max-height:calc(100vh - var(--s101-header-bottom,88px) - 24px)}}
.pg-specialisty .kfil{background:rgba(255,255,255,.92);border-color:transparent;box-shadow:var(--gl-d3),var(--gl-rim)}
.pg-specialisty .kpg{position:relative;gap:16px;margin-top:34px;padding:34px 20px 26px;border-radius:28px;background:radial-gradient(420px 160px at 50% 0%,rgba(30,165,230,.14),transparent 70%)}
.pg-specialisty .kpg-bar{width:min(420px,100%);height:6px;border-radius:6px;background:#E2EAF2;overflow:hidden}
.pg-specialisty .kpg-bar i{display:block;height:100%;width:100%;border-radius:6px;background:linear-gradient(90deg,#1EA5E6,#86B33A);transform-origin:0 50%;transform:scaleX(var(--pct,0));transition:transform .8s var(--gl-e)}
.pg-specialisty .kpg-cap{font:600 13px var(--ff);color:#5E7690;letter-spacing:.02em}
.pg-specialisty .kpg-cap b{color:var(--ink,#0B2A4A)}
.pg-specialisty .kpg-more{position:relative;overflow:hidden;height:60px;padding:0 34px 0 30px;display:inline-flex;align-items:center;gap:12px;font-size:17px;
 background:linear-gradient(135deg,#1EA5E6,#0B86C4);box-shadow:0 22px 40px -18px rgba(30,165,230,.8),0 0 0 1px rgba(255,255,255,.3) inset;transition:transform .35s var(--gl-e),box-shadow .35s}
.pg-specialisty .kpg-more:hover{transform:translateY(-3px);box-shadow:0 30px 50px -20px rgba(30,165,230,.9),0 0 0 1px rgba(255,255,255,.4) inset;background:linear-gradient(135deg,#1EA5E6,#0B86C4)}
.pg-specialisty .kpg-more b{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:99px;background:rgba(255,255,255,.22);font-size:15px}
.pg-specialisty .kpg-more::before{content:"";position:absolute;inset:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-150%) skewX(-18deg);animation:glBtnSh 3.6s ease-in-out infinite}
.pg-specialisty .kpg-more::after{content:"";width:10px;height:10px;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(45deg);margin:-6px 0 0 4px;animation:glDn 1.6s ease-in-out infinite}
.pg-specialisty .kpg-n button{border-radius:12px;background:#fff;border-color:#E2EAF2;transition:transform .25s,border-color .25s}
.pg-specialisty .kpg-n button:hover{transform:translateY(-2px);border-color:#1EA5E6}
.pg-specialisty .kpg-n button.on{background:linear-gradient(135deg,#0B2A4A,#12467A);border-color:transparent;box-shadow:0 10px 20px -12px rgba(11,42,74,.8)}
@media (prefers-reduced-motion:reduce){.pg-specialisty .kpg-more::before,.pg-specialisty .kpg-more::after{animation:none}}
/* п.66: ряд чипов внутри прежнего блока фильтров */
.pg-specialisty .filters .kf-row{margin-top:12px}
.pg-specialisty .kp-h button{display:grid;place-items:center;width:30px;height:30px;border-radius:8px}
.pg-specialisty .kp-h button:hover{background:var(--paper)}
/* п.69: номера страниц — ссылки (SEO), вид как кнопки каталога */
.pg-specialisty .kpg-n a{min-width:38px;height:38px;border-radius:12px;border:1.5px solid #E2EAF2;background:#fff;font:600 14px var(--ff);color:var(--ink);display:grid;place-items:center;padding:0 8px;transition:transform .25s,border-color .25s}
.pg-specialisty .kpg-n a:hover{transform:translateY(-2px);border-color:#1EA5E6}
.pg-specialisty .kpg-n a.on{background:linear-gradient(135deg,#0B2A4A,#12467A);border-color:transparent;color:#fff;box-shadow:0 10px 20px -12px rgba(11,42,74,.8)}
.pg-specialisty .kpg-n span{min-width:24px;height:38px;display:grid;place-items:center;color:var(--mut2)}
.pg-specialisty .kpg .s101-result-count{display:none}
.pg-specialisty .kpg-more[hidden],.pg-specialisty .kpg-n:empty{display:none}
.pg-specialisty .dc.gl-new{animation:glCardIn .8s var(--gl-e) both;animation-delay:calc(var(--k,0)*70ms)}
@media (prefers-reduced-motion:reduce){.pg-specialisty .dc.gl-new{animation:none}}

/* п.60: ФИО реагирует на наведение, как название клиники в каталоге */
.pg-specialisty .dc .cc-n a{background:linear-gradient(90deg,currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .5s var(--gl-e),color .3s}
.pg-specialisty .dc:hover .cc-n a,.pg-specialisty .dc .cc-n a:focus-visible{background-size:100% 2px;color:#0B86C4}

/* п.67: район как в карточке клиники; п.68: метро цветом линии */
.pg-specialisty .dc .t-d{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:8px;border:0;background:var(--gb);color:#4F6B08;font:600 13px var(--ff);transition:background .2s}
.pg-specialisty .dc .t-d .i{width:18px;height:18px;flex:none;color:var(--green2)}
.pg-specialisty .dc .t-d:hover{background:#E3F0C4}
.pg-specialisty .dc .t-m{--lc:var(--mut2);display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border-radius:8px;border:1.5px solid color-mix(in srgb,var(--lc) 35%,#fff);background:#fff;color:var(--ink);font:600 13px var(--ff);transition:background .2s}
.pg-specialisty .dc .t-m.l1{--lc:var(--m1)}
.pg-specialisty .dc .t-m.l2{--lc:var(--m2)}
.pg-specialisty .dc .t-m.l3{--lc:var(--m3)}
.pg-specialisty .dc .t-m .i{width:18px;height:18px;flex:none;color:var(--lc)}
.pg-specialisty .dc .t-m:hover{background:color-mix(in srgb,var(--lc) 10%,#fff)}
/* fb 17.10 п.77б: вікно «Станції метро» ширше і щільніше — три лінії вміщуються без внутрішньої прокрутки (ні знизу, ні збоку); ≤980 і телефон без змін. */
@media (min-width:981px){.pg-specialisty .kp.kp-w{width:700px}.pg-specialisty .kp-l.metro{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px}.pg-specialisty .mg .op{padding:3px 6px}.pg-specialisty .mg p{margin-bottom:4px}}