/* Страницы цен используют сетку и компоненты принятых главной и потолка. */
.ceny-hero .hero__art { inset-inline-start: 55%; }
.ceny-hero .hero__art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, var(--ink), transparent 48%); }
.ceny-hero .hero__art img { object-position: 65% center; }
.ceny-hero .hero__copy { max-width: 700px; }
.ceny-nav { margin-top: 0; }
.ceny-systems { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ceny-systems--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ceny-systems .prices__card { min-width: 0; }
.ceny-systems .prices__card.is-selected { border-color: var(--scarf); box-shadow: 0 0 0 2px var(--scarf); }
.ceny-kind { margin-top: 8px; font-size: 14px; color: var(--muted); }
.ceny-included { font-size: 14px; color: var(--muted); margin-top: 4px; }
.ceny-systems .ceny-facts { margin-top: 24px; }
.ceny-facts li + li { margin-top: 8px; }
.ceny-surface-link { margin-top: 32px; }
.ceny-extras { margin: 0; border-top: 1px solid var(--line); }
.ceny-extras > div { display: flex; justify-content: space-between; align-items: start; gap: 32px; padding-block: 24px; border-bottom: 1px solid var(--line); }
.ceny-extras dt { font-weight: 600; }
.ceny-extras dt span { display: block; margin-top: 8px; color: var(--muted); font-size: 16px; font-weight: 400; }
.ceny-extras dd { margin: 0; flex-shrink: 0; color: var(--scarf); }
.ceny-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ceny-stages img { aspect-ratio: 4/3; object-position: center 42%; }
.ceny-calculator { margin-top: 0; grid-template-columns: minmax(0, 1fr) minmax(0, .7fr) minmax(0, 1fr) auto; }
.ceny-calculator > *, .ceny-minimum { min-width: 0; }
.ceny-minimum > span { display: block; font-size: 14px; color: var(--muted); }
.ceny-calculator .calculator__result { display: block; padding-top: 8px; font-size: 26px; white-space: normal; overflow-wrap: anywhere; }
.ceny-area-error { grid-column: 1 / -1; font-size: 14px; color: var(--scarf); }
.ceny-total { margin-block: auto 24px; padding-top: 24px; border-top: 1px solid var(--line); }
.ceny-total > span { display: block; font-size: 14px; color: var(--muted); }
.ceny-total output { display: block; margin-top: 8px; font-size: 26px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.ceny-systems .ceny-choose { margin-top: 0; }
.ceny-choose { border: 0; background: transparent; text-align: left; padding: 8px 0; min-height: 44px; }
.ceny-choose:disabled { cursor: default; opacity: .55; }
.ceny-request-summary { grid-column: 1 / -1; border: 1px solid var(--line); border-radius: 16px; padding: 20px; background: var(--tone); font-size: 16px; overflow-wrap: anywhere; }
.ceny-page select, .ceny-page input { width: 100%; min-width: 0; }
@media (max-width: 1199px) {
  .ceny-calculator { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); }
  .ceny-systems { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
  .ceny-hero .hero__art { inset-inline-start: 45%; }
  .ceny-calculator { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ceny-minimum { grid-column: 1 / -1; }
}
@media (max-width: 599px) {
  .ceny-hero .hero__art { inset-inline-start: 0; }
  .ceny-hero .hero__art::after { background: linear-gradient(180deg, var(--ink), transparent 35%); }
  .ceny-systems, .ceny-stages, .ceny-calculator { grid-template-columns: minmax(0, 1fr); }
  .ceny-extras > div { flex-direction: column; gap: 12px; }
  .ceny-systems .prices__amount strong { font-size: 34px; }
  .ceny-calculator .calculator__button { grid-column: 1 / -1; }
  .ceny-request-summary { padding: 16px; }
}