/* Страница цен на тестовом домене (26.10.2026): блоки /prices-preview/ (калькулятор pc-*) внутри оформления
   прежней страницы (полосы band, крупные номера разделов, фото-баннер, финальный баннер, кнопки uoc-btn).
   Подключается после prices_test.css, prices_program.css и prices_preview.css. */

/* Новые разделы — в той же сетке «номер слева, содержимое справа», что и остальные */
.prices-calc #calc > .band-inner,
.prices-calc #all-rates > .band-inner {
  display: grid;
  grid-template-columns: minmax(135px,.28fr) minmax(0,1fr);
  column-gap: clamp(38px,7vw,110px);
}
.prices-calc .px-col { grid-column: 2; min-width: 0; }
.prices-calc .px-wide { grid-column: 1 / -1; min-width: 0; }
.prices-calc #offers .offers-grid { grid-column: auto; }
.prices-calc .band { scroll-margin-top: 68px; }

/* фон разделов: линованная бумага и светлая бумага, как раньше */
.prices-calc #calc {
  background-color: #eeece7;
  background-image: linear-gradient(rgba(10,10,10,.037) 1px, transparent 1px);
  background-size: 100% 116px;
  background-attachment: fixed;
}
.prices-calc #all-rates { background: #f8f7f3; border-block: 1px solid #dad7cf; }
.prices-calc #offers { background: #e6e3dd; border: 0; }

/* 01 · калькулятор во всю ширину */
.prices-calc .pc-calculator { border-color: #181818; border-top-width: 2px; box-shadow: 0 24px 60px rgba(20,20,20,.08); }
.prices-calc .pc-result .uoc-btn.pc-cta { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 58px; margin-top: auto; padding: 14px 18px; }

/* 02 · сроки — тёмная полоса */
.prices-calc #timeline.px-dark { background: #151517; color: #fff; border: 0; }
.prices-calc #timeline.px-dark .section-head-num { color: #fff; border-top-color: #d52225; }
.prices-calc #timeline.px-dark .section-head-num::before { color: #f24946; }
.prices-calc #timeline.px-dark .section-head-title { color: #fff; border-top-color: #4a4a4d; }
.prices-calc #timeline.px-dark .section-head-tag { color: #f24946; }
.prices-calc .px-dark .pc-period-card { color: #fff; }
.prices-calc .px-dark .pc-period-card--current { color: #111; }
.prices-calc .px-dark .pc-period-card--past { opacity: .55; }
.prices-calc .px-dark-note { max-width: 62ch; margin: 22px 0 0; color: #a9a7a3; font-size: .9rem; line-height: 1.55; }

/* 03 · все тарифы: строка-раскрывашка вместо второго заголовка */
.prices-calc #all-rates .pc-rates-disclosure { border-top: 2px solid #181818; }
.prices-calc #all-rates .pc-rates-disclosure summary { padding: 20px 0; }
.prices-calc #all-rates .pc-rates-description { margin: 0; color: #3b3a37; font-size: 1rem; }
.prices-calc #all-rates .pc-rates-disclosure summary:hover .pc-rates-toggle-symbol { background: #d52225; }

/* 04 · условия: три пункта, ниже — спеццена и заявки команд */
.prices-calc #offers .pc-terms-grid { border-top: 2px solid #181818; border-bottom: 1px solid #bcb9b2; margin-bottom: 36px; }
.prices-calc #offers .pc-terms-grid > div { border-right-color: #c3bfb8; }
.prices-calc #offers .pc-terms-grid h3 { margin-top: 16px; font-size: 1.25rem; }

/* финальный баннер и кнопки остаются из prices_program.css / buttons_test.css */

@media (max-width: 1000px) {
  .prices-calc .pc-terms-grid { grid-template-columns: 1fr; }
  .prices-calc .pc-terms-grid > div, .prices-calc .pc-terms-grid > div:first-child { padding: 20px 0; border-right: 0; border-bottom: 1px solid #c3bfb8; }
  .prices-calc .pc-terms-grid > div:last-child { border-bottom: 0; }
}
@media (max-width: 720px) {
  .prices-calc #calc > .band-inner, .prices-calc #all-rates > .band-inner { display: block; }
  .prices-calc #calc { background-attachment: scroll; }
  .prices-calc .pc-period-grid { grid-template-columns: 1fr; }
}