/* fb 02.10: Фахівці та Акції — бокові колонки як на «Стоматологіях» (ті самі добірки їхнього сайту) */
:root{--acc:#EE7457;--acc2:#D65A3E;--acc3:#F6987F;--accb:#FFF5F1;--accl:#F8D5CA;--or:#EE7457;--or2:#D65A3E;--orb:#FFF5F1;--gb:#F2F8E3;--bb:#E8F5FD;--tb:#FFF6EF}
.kwrap{width:min(1440px,100% - 32px)}
.kgrid{display:grid;grid-template-columns:232px minmax(0,1fr) 262px;grid-template-areas:"l m r";gap:22px;align-items:start;padding-bottom:56px}
.kside{display:flex;flex-direction:column;gap:16px}
.kside.kl{grid-area:l}.kside.kr{grid-area:r}.kmain{grid-area:m;min-width:0}
@media (max-width:1279px){.kgrid{grid-template-columns:minmax(0,1fr) 262px;grid-template-areas:"m r" "m l"}}
@media (max-width:980px){
 .kgrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"m" "r" "l"}
 .kside{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;align-items:flex-start}
 .kside .sd{flex:none;width:300px;scroll-snap-align:start}
 .kside.kr .sd-film{position:static}
}
/* район / метро / клініка — чипи-посилання, як у каталозі */
.ib>div:has(>.t-d,>.t-m,>.t-c){display:flex;flex-wrap:wrap;gap:6px}
.t-d{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:8px;background:var(--gb);color:#4F6B08;font:600 13px var(--ff);transition:background .2s}
.t-d .i{width:14px;height:14px;color:var(--green2)}
.t-d:hover{background:#E3F0C4}
.t-m{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);color:var(--ink);font:600 13px var(--ff);transition:background .2s}
.t-m i{width:10px;height:10px;border-radius:50%;background:var(--lc)}
.t-m:hover{background:color-mix(in srgb,var(--lc) 10%,#fff)}
.t-m.l1{--lc:var(--m1)}.t-m.l2{--lc:var(--m2)}.t-m.l3{--lc:var(--m3)}.t-m.l0{--lc:var(--mut2)}
.t-c{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 10px;border-radius:8px;background:var(--bb);color:var(--blue2);font:600 13px/1.3 var(--ff);transition:background .2s}
.t-c .i{flex:none;width:15px;height:15px}
.t-c:hover{background:#D6EEFB}
/* телефон: ПІБ і спеціальність зверху, як на їхньому сайті; фото менше */
@media (max-width:900px){
 .dc{display:flex;flex-direction:column;gap:14px}
 .dc-m{display:contents}
 .dc .cc-type{order:1;margin:0}.dc .cc-n{order:2;margin:-8px 0 0}
 .dc-ph{order:3;width:180px;align-self:center}
 .dc .ibs{order:4}.dc .cc-r{order:5}
}
/* fb 02.10 Акції: підпис і кораловий блок */
.ac-of{margin-top:18px;padding:14px;border-radius:14px;background:#FFF4EE;border:1px solid #F8D3BF}
.ac-of-t{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-weight:800;font-size:15px;color:var(--or2)}
.ac-of-t .i{width:18px;height:18px;color:var(--or)}
.ac-of .offers{margin-top:0}
.ac-of .offers li{background:#fff;border:1px dashed #F2B79A;color:#6B3A1C}
.ac-tk{flex:none;color:var(--or)}.ac-tk .i{width:18px;height:18px}
.ac-of .offers mark{background:none;color:var(--or2);font-weight:800}
.ac-of .offers s{color:#B39A8A}
/* fb 02.10 вузька картка поруч із боковими колонками: кнопки під низ */
.kmain .list{container-type:inline-size}
@container (min-width:561px) and (max-width:820px){
 .dc{grid-template-columns:150px minmax(0,1fr)}.ac-h{grid-template-columns:180px minmax(0,1fr)}
 .dc .cc-r,.ac-h .cc-r{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center}
 .dc .cc-r .votes,.ac-h .cc-r .votes{width:auto;flex:0 0 auto;margin-right:8px}
 .dc .cc-r .btn,.ac-h .cc-r .btn{width:auto;flex:1 1 200px}
}

/* fb 03.10 п.6: кольори акцій на Фахівцях/Акціях — ті самі спокійні, що на «Стоматологіях» (корал замість яскраво-помаранчевого) */
.sd-tk{--tb:var(--accb);box-shadow:0 0 0 1px var(--accl),0 26px 50px -34px rgba(214,90,62,.45)}
.tk-h{background:linear-gradient(135deg,#F59A80 0%,var(--acc) 55%,var(--acc2) 100%)}
.tk-h .cnt{color:var(--acc2)}
.tk{filter:drop-shadow(0 10px 14px rgba(214,90,62,.10))}
.tk-a{border-bottom-color:var(--accl)}
.tk-a .im{box-shadow:0 0 0 2px var(--accl)}
.tk-b{color:#5A4A45}
.tk-b mark{background:none;color:var(--acc2);padding:0}
.tk-b s{color:#A9A09C;text-decoration-color:var(--acc3)}
.tk .stamp{background:radial-gradient(circle at 35% 30%,var(--acc3),var(--acc2));box-shadow:0 0 0 3px #fff,0 0 0 4px var(--accl),0 10px 18px -8px rgba(214,90,62,.55)}
