/* st-price-accordion.css v1 — аккордеон с прайс-таблицами («Стены / Полы / Инженерная часть / Потолки»).
   Разметка: .pr-holder-accordion > .accordion > section.accordion_item > h3.title_block + div.info > p + table
   Только стили. Скрипт аккордеона и display у .info не трогаем. Подключать после adaptiv.css (и после st-faq.css — они не пересекаются:
   st-faq работает с .accordion:not(:has(table)), этот файл — с .accordion:has(table)). */

#content .pr-holder-accordion .accordion:has(table){
  --pa-ink:#2D3440;--pa-mut:#4A5260;--pa-line:#E3E3E3;--pa-or:#FD8900;--pa-cream:#FFF7EC;--pa-cream-line:#F0DEC6;
  margin:0;padding:0;background:transparent!important;box-shadow:none!important;border:0!important;
}
#content .pr-holder-accordion:has(>.accordion:has(table)){background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}

/* карточка раздела */
#content .pr-holder-accordion .accordion:has(table) .accordion_item{
  background:#fff!important;border:1px solid var(--pa-line)!important;border-radius:16px!important;margin:0 0 14px!important;overflow:hidden;
  box-shadow:0 6px 22px rgba(45,52,64,.07)!important;scroll-margin-top:90px;
}

/* заголовок раздела: оранжевая полоса слева у всех; у открытого ещё и кремовая плашка */
#content .pr-holder-accordion .accordion:has(table) .accordion_item .title_block{
  box-sizing:border-box;position:relative;display:flex;align-items:center;min-height:72px;margin:0!important;padding:18px 72px 18px 28px!important;
  background:#fff!important;background-image:none!important;color:var(--pa-ink)!important;border:0!important;border-radius:0!important;box-shadow:inset 6px 0 0 var(--pa-or)!important;
  font-size:22px!important;line-height:1.3!important;font-weight:800!important;text-transform:none;text-align:left;cursor:pointer;
}
#content .pr-holder-accordion .accordion:has(table) .accordion_item.active_block .title_block{
  background:var(--pa-cream)!important;color:var(--pa-ink)!important;box-shadow:inset 6px 0 0 var(--pa-or)!important;
}
#content .pr-holder-accordion .accordion:has(table) .accordion_item .title_block::before{content:none!important}
/* шеврон справа: вниз у закрытого, вверх у открытого (знак «–/+» шаблона заменяем) */
#content .pr-holder-accordion .accordion:has(table) .accordion_item .title_block::after{
  content:"";position:absolute;right:26px;top:50%;width:28px;height:28px;margin:-14px 0 0;border:0;border-radius:0;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M5 10l9 9 9-9' fill='none' stroke='%232D3440' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/28px no-repeat;
  transform:none;font-size:0;line-height:0;transition:transform .2s ease;
}
#content .pr-holder-accordion .accordion:has(table) .accordion_item.active_block .title_block::after{transform:rotate(180deg)}
#content .pr-holder-accordion .accordion:has(table) .accordion_item .title_block:focus-visible{outline:3px solid var(--pa-ink);outline-offset:-3px}
@media (hover:hover){
  #content .pr-holder-accordion .accordion:has(table) .accordion_item .title_block:hover{color:#C25F00!important}
}

/* содержимое раздела (display у .info не трогаем — им управляет скрипт) */
#content .pr-holder-accordion .accordion:has(table) .accordion_item .info{margin:0!important;padding:0!important;background:#fff!important}
#content .pr-holder-accordion .accordion:has(table) .accordion_item .info>p{
  margin:0!important;padding:18px 28px!important;color:var(--pa-mut)!important;font-size:16px!important;line-height:1.6!important;font-weight:400!important;
}

/* таблица на всю ширину карточки */
#content .pr-holder-accordion .accordion:has(table) .accordion_item .info table{
  box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;
  border-collapse:collapse!important;border-spacing:0!important;border:0!important;border-radius:0!important;background:#fff!important;
}
/* шапка: белая, капсом, серая, снизу тёмная линия */
#content .pr-holder-accordion .accordion:has(table) .accordion_item .info table th{
  box-sizing:border-box;padding:18px 16px!important;border:0!important;border-bottom:3px solid var(--pa-ink)!important;border-radius:0!important;
  background:#fff!important;color:#6B7380!important;font-size:14px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:.08em;text-transform:uppercase;
  text-align:center;vertical-align:middle;
}
#content .pr-holder-accordion .accordion:has(table) .accordion_item .info table th:first-child{text-align:left;padding-left:28px!important}
#content .pr-holder-accordion .accordion:has(table) .accordion_item .info table th:last-child{text-align:right;padding-right:28px!important}
#content .pr-holder-accordion .accordion:has(table) .accordion_item .info table td{
  box-sizing:border-box;padding:18px 16px!important;border:0!important;border-bottom:1px solid #EDEFF2!important;border-radius:0!important;
  background:#fff!important;color:#6B7380!important;font-size:18px!important;font-weight:500!important;line-height:1.3!important;text-align:center;vertical-align:middle;font-variant-numeric:tabular-nums;
}
#content .pr-holder-accordion .accordion:has(table) .accordion_item .info table td:first-child{text-align:left;padding-left:28px!important;color:var(--pa-ink)!important;font-weight:500!important}
#content .pr-holder-accordion .accordion:has(table) .accordion_item .info table td:last-child{text-align:right;padding-right:28px!important;color:var(--pa-ink)!important;font-weight:800!important;white-space:nowrap}
#content .pr-holder-accordion .accordion:has(table) .accordion_item .info table tbody tr:last-child td{border-bottom:0!important}
#content .pr-holder-accordion .accordion:has(table) .accordion_item .info table tbody tr:nth-child(even) td{background:#F8F9FA!important}
@media (hover:hover){
  #content .pr-holder-accordion .accordion:has(table) .accordion_item .info table tbody tr:hover td{background:var(--pa-cream)!important}
}

@media (max-width:720px){
  #content .pr-holder-accordion .accordion:has(table) .accordion_item{border-radius:14px!important;margin-bottom:12px!important}
  #content .pr-holder-accordion .accordion:has(table) .accordion_item .title_block{min-height:60px;padding:15px 56px 15px 20px!important;font-size:18px!important}
  #content .pr-holder-accordion .accordion:has(table) .accordion_item .title_block::after{right:16px;width:24px;height:24px;margin-top:-12px;background-size:24px}
  #content .pr-holder-accordion .accordion:has(table) .accordion_item .info>p{padding:14px 20px!important;font-size:15px!important}
  #content .pr-holder-accordion .accordion:has(table) .accordion_item .info table th{padding:12px 8px!important;font-size:11px!important;letter-spacing:.04em}
  #content .pr-holder-accordion .accordion:has(table) .accordion_item .info table th:first-child,
  #content .pr-holder-accordion .accordion:has(table) .accordion_item .info table td:first-child{padding-left:20px!important}
  #content .pr-holder-accordion .accordion:has(table) .accordion_item .info table th:last-child,
  #content .pr-holder-accordion .accordion:has(table) .accordion_item .info table td:last-child{padding-right:20px!important}
  #content .pr-holder-accordion .accordion:has(table) .accordion_item .info table td{padding:13px 8px!important;font-size:15px!important}
}
@media (prefers-reduced-motion:reduce){#content .pr-holder-accordion .accordion:has(table) *{transition:none!important}}