/* Прайс-лист klinika-dixion.ru — таблицы услуг (в сетке сайта) */
.price-app{--p:#29497a;--p2:#3b6bb5;--bd:#e3e8ef;--bg:#f7f9fc;--muted:#667085;color:#1d2733}
.price-app *{box-sizing:border-box}
.price-app [hidden]{display:none!important}

.price-toolbar{margin:0 0 22px}
.price-search{width:100%;padding:14px 20px;border:1.5px solid var(--bd);border-radius:14px;font-size:16px;outline:none;transition:border-color .15s;background:#fff}
.price-search:focus{border-color:var(--p2)}

.price-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 26px;border-bottom:2px solid var(--bd)}
.price-tab{appearance:none;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;padding:11px 18px;font-size:16px;font-weight:600;color:var(--muted);cursor:pointer;transition:.15s}
.price-tab:hover{color:var(--p)}
.price-tab.is-active{color:var(--p);border-bottom-color:var(--p)}

.price-clinic{display:none}
.price-clinic.is-active{display:block}
.price-clinic__head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px 16px;margin:0 0 20px}
.price-clinic__title{font-size:26px;font-weight:800;color:var(--p);margin:0;line-height:1.2}
.price-clinic__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.price-updated{font-size:14px;color:var(--muted)}
.price-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;border:1.5px solid var(--p);color:var(--p);background:#fff;transition:.15s}
.price-btn:hover{background:var(--p);color:#fff}

/* Аккордеон разделов */
.price-acc-list{display:flex;flex-direction:column;gap:10px}
.price-acc{border:1.5px solid var(--bd);border-radius:14px;overflow:hidden;background:#fff;scroll-margin-top:90px}
.price-acc[open]{border-color:#c9d6e8}
.price-acc__sum{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;list-style:none;user-select:none;font-weight:600;font-size:16px;color:#1d2733;transition:background .12s}
.price-acc__sum::-webkit-details-marker{display:none}
.price-acc__sum:hover{background:var(--bg)}
.price-acc__sum::before{content:"";flex:0 0 10px;width:10px;height:10px;border-right:2px solid var(--p);border-bottom:2px solid var(--p);transform:rotate(-45deg);transition:transform .18s;margin-right:2px}
.price-acc[open] .price-acc__sum::before{transform:rotate(45deg)}
.price-acc__name{flex:1 1 auto;color:var(--p)}
/* все разделы — единый вид без отступов и цветовых отличий (как в остальных клиниках) */
.price-acc--l2,.price-acc--l3{margin-left:0}
.price-col-days{text-align:center;white-space:nowrap;color:var(--muted);width:90px}
.price-table thead th.price-col-days{text-align:center}
.price-acc__count{flex:0 0 auto;font-size:13px;font-weight:600;color:var(--muted);background:var(--bg);border:1px solid var(--bd);border-radius:20px;min-width:30px;text-align:center;padding:2px 10px}
.price-acc[open] .price-acc__count{color:var(--p);border-color:#c9d6e8}

.price-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--bd)}
.price-table{width:100%;border-collapse:collapse;font-size:15px;background:#fff}
.price-table thead th{background:var(--bg);color:var(--muted);font-weight:600;text-align:left;padding:10px 20px;font-size:14px;white-space:nowrap}
.price-table thead th.price-col-price{text-align:right;width:140px}
.price-table tbody td{padding:12px 20px;border-top:1px solid #eef1f6;vertical-align:top}
.price-table tbody tr:hover{background:#fafbfd}
.price-row:target,.price-row--hl{background:#fff7e0!important;animation:priceHl 2.2s ease}
@keyframes priceHl{0%{background:#ffe9a8}100%{background:#fff7e0}}
.price-col-name{line-height:1.45}
.price-col-price{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.price-code{display:inline-block;margin-left:8px;font-size:12px;color:var(--muted);background:var(--bg);border:1px solid var(--bd);border-radius:6px;padding:1px 7px;vertical-align:middle}
.price-anchor{opacity:0;color:var(--p2);text-decoration:none;font-weight:700;margin-right:6px;transition:opacity .12s}
.price-row:hover .price-anchor{opacity:.6}
.price-anchor:hover{opacity:1!important}

.price-empty,.price-note{font-size:15px;color:var(--muted);margin:18px 0;line-height:1.55}
.price-note{border-top:1px solid var(--bd);padding-top:16px;margin-top:26px;font-size:13px}
.price-note a,.price-empty a{color:var(--p)}

/* Вводный текст */
.price-intro{font-size:16px;line-height:1.6;color:#475467;margin:0 0 22px;max-width:920px}

/* Sticky-панель: поиск + вкладки прилипают при прокрутке (под фикс. шапкой сайта ~91px) */
.price-sticky{position:sticky;top:88px;z-index:6;background:#fff;padding:12px 0 0}
.price-toolbar{position:relative;margin:0 0 16px}
.price-result-count{display:block;margin-top:8px;font-size:14px;color:var(--muted)}

/* Бейджи-счётчики на вкладках при поиске */
.price-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:7px;padding:0 6px;border-radius:11px;font-size:12px;font-weight:700;background:var(--p);color:#fff;vertical-align:middle;line-height:1}
.price-tab--empty{color:#b6c0cf}
.price-tab--empty .price-tab__badge{background:#cdd6e2;color:#fff}

/* Подпись-сноска под названием раздела */
.price-acc__note{display:block;font-weight:400;font-size:13px;color:var(--muted);margin-top:3px;line-height:1.4}

/* Развернуть / свернуть все */
.price-toggle-all{display:flex;gap:18px;margin:0 0 12px}
.price-toggle-btn{appearance:none;background:none;border:none;padding:0;font-size:14px;font-weight:600;color:var(--p2);cursor:pointer}
.price-toggle-btn:hover{text-decoration:underline}

/* Сноска по звёздочкам */
.price-footnote{font-size:13px;color:var(--muted);margin:16px 0 0;line-height:1.5}
.price-footnote a{color:var(--p)}

/* Индикатор загрузки таблиц */
.price-loading{font-size:15px;color:var(--muted);padding:20px 4px;margin:0}

@media(max-width:767px){
  .price-clinic__title{font-size:21px}
  .price-acc__sum{padding:14px 16px;font-size:15px}
  .price-table{font-size:14px}
  .price-table thead th,.price-table tbody td{padding:10px 14px}
  .price-table thead th.price-col-price{width:auto}
  .price-anchor{opacity:.45}
  .price-tab{padding:9px 12px;font-size:14px}
  .price-intro{font-size:15px}
  .price-sticky{top:56px;padding-top:10px}
  .price-toggle-all{gap:14px}
}