/* ============ СТОИМОСТЬ ============ */
.price-hero{background:#0b1014;color:var(--ink-fg);font-family:var(--t-text);padding:calc(64 * var(--u)) 0 calc(58 * var(--u))}
.price-hero-copy{max-width:none}
/* Заголовок держим одной строкой: кегль подобран под самую узкую десктопную ширину. */
.price-hero h1{margin:calc(13 * var(--u)) 0 0;font-size:var(--t-h1);font-weight:800;line-height:1.07;letter-spacing:-.03em;white-space:nowrap;font-family:var(--t-head)}
.price-hero h1 span{color:var(--copper-light)}
.price-lead{margin:calc(19 * var(--u)) 0 0;max-width:calc(880 * var(--u));color:var(--ink-muted);font-size:var(--t-lead);line-height:1.65}
/* Плашка про первую сотню — на светлом фоне блока покупки. */
.price-note{margin:calc(34 * var(--u)) 0 0;padding:calc(24 * var(--u)) calc(28 * var(--u));border:1px solid #e3d3c2;border-left:3px solid var(--brown);border-radius:10px;background:#fbf6f1}
.price-note strong{display:block;font-size:var(--t-intro);line-height:1.65;color:var(--brown);font-weight:700}
.price-note p{margin:calc(9 * var(--u)) 0 0;color:var(--paper-secondary);font-size:var(--t-body);line-height:1.65}

.plans-section{background:var(--paper);color:var(--paper-fg);font-family:var(--t-text);padding:calc(74 * var(--u)) 0 calc(80 * var(--u))}
.plans-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:calc(60 * var(--u));align-items:end}
.plans-section .section-kicker{color:var(--brown)}
.plans-intro h2{margin:calc(11 * var(--u)) 0 0;font-size:var(--t-h2);font-weight:800;line-height:1.08;letter-spacing:-.03em;font-family:var(--t-head)}
.plans-lead{margin:0;color:var(--paper-secondary);font-size:var(--t-intro);line-height:1.65}
.plans-grid{margin-top:calc(34 * var(--u));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(28 * var(--u))}
.plan-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--paper-line);border-radius:14px;padding:calc(36 * var(--u)) calc(36 * var(--u)) calc(34 * var(--u))}
.plan-card.is-max{border-color:#e0b183;box-shadow:0 18px 44px #91573718}
.plan-badge{position:absolute;top:calc(-14 * var(--u));left:calc(36 * var(--u));padding:calc(7 * var(--u)) calc(14 * var(--u));border-radius:999px;background:var(--brown);color:#fff;font-weight:800;font-size:var(--t-caption);line-height:1;font-family:var(--t-text);letter-spacing:.06em;text-transform:uppercase}
.plan-name{margin:0;font-size:var(--t-caption);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brown)}
.plan-price{margin:calc(14 * var(--u)) 0 0;font-size:calc(58 * var(--u));font-weight:800;line-height:1;letter-spacing:-.03em}
.plan-price small{font-size:var(--t-body);font-weight:500;letter-spacing:0;color:var(--paper-muted);margin-left:calc(9 * var(--u));line-height:1.65}
.plan-after{margin:calc(11 * var(--u)) 0 0;font-size:var(--t-body);color:var(--paper-muted);line-height:1.65}
.plan-after b{color:var(--paper-fg);font-weight:600}
.plan-list{margin:calc(26 * var(--u)) 0 calc(30 * var(--u));padding:calc(24 * var(--u)) 0 0;border-top:1px solid var(--paper-line);list-style:none;display:grid;gap:calc(14 * var(--u))}
.plan-list li{display:grid;grid-template-columns:calc(22 * var(--u)) minmax(0,1fr);gap:calc(12 * var(--u));align-items:start;font-size:var(--t-body);line-height:1.65;color:var(--paper-secondary)}
.plan-list .icon{width:calc(20 * var(--u));height:calc(20 * var(--u));margin-top:calc(2 * var(--u));color:var(--brown);stroke-width:2.4}
.plan-list b{color:var(--paper-fg);font-weight:600}
/* Кнопки обеих карточек — на одной линии: списки разной длины, остаток забирает отступ. */
.plan-cta{margin-top:auto;width:100%}
.plan-card .button{height:calc(64 * var(--u));font-size:var(--t-btn);border-radius:10px;font-family:var(--t-text);font-weight:800}
.plan-card .button-outline{border:1px solid var(--brown);color:var(--paper-fg);background:#fff}
.plan-card .button-outline:hover{border-color:var(--brown-hover);color:var(--brown)}
.plan-foot{margin:calc(30 * var(--u)) 0 0;font-size:var(--t-list);line-height:1.55;color:var(--paper-muted)}
.plan-foot a{color:var(--brown);font-weight:600}

.rent-section{background:var(--ink-1);color:var(--ink-fg);font-family:var(--t-text);padding:calc(70 * var(--u)) 0 calc(76 * var(--u))}
.rent-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:calc(60 * var(--u));align-items:end}
.rent-intro h2{margin:calc(11 * var(--u)) 0 0;font-size:var(--t-h2);font-weight:800;line-height:1.08;letter-spacing:-.03em;font-family:var(--t-head)}
.rent-intro h2 span{color:var(--copper-light)}
.rent-lead{margin:0;color:var(--ink-muted);font-size:var(--t-intro);line-height:1.65}
.rent-grid{margin-top:calc(38 * var(--u));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(26 * var(--u))}
.rent-card{display:flex;flex-direction:column;background:#111a21;border:1px solid var(--ink-line);border-radius:13px;padding:calc(32 * var(--u))}
.rent-name{margin:0;font-size:var(--t-caption);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--copper)}
.rent-price{margin:calc(13 * var(--u)) 0 0;font-size:calc(48 * var(--u));font-weight:800;line-height:1;letter-spacing:-.03em}
.rent-price small{font-size:var(--t-body);font-weight:400;color:#94a3b1;letter-spacing:0;margin-left:calc(8 * var(--u));line-height:1.65}
.rent-list{margin:calc(22 * var(--u)) 0 0;padding:calc(20 * var(--u)) 0 0;border-top:1px solid var(--ink-line);list-style:none;display:grid;gap:calc(12 * var(--u))}
.rent-list li{display:grid;grid-template-columns:calc(22 * var(--u)) minmax(0,1fr);gap:calc(12 * var(--u));align-items:start;font-size:var(--t-body);line-height:1.65;color:#b9c6d2}
.rent-list .icon{width:calc(19 * var(--u));height:calc(19 * var(--u));margin-top:calc(2 * var(--u));color:var(--copper);stroke-width:2.4}
.rent-card .button{margin-top:calc(26 * var(--u));width:100%;height:calc(60 * var(--u));font-size:var(--t-btn);border-radius:10px;font-family:var(--t-text);font-weight:800}

.compare-section{background:var(--paper-2);color:var(--paper-fg);font-family:var(--t-text);padding:calc(70 * var(--u)) 0 calc(76 * var(--u))}
.compare-section .section-kicker{color:var(--brown)}
.compare-section h2{margin:calc(11 * var(--u)) 0 calc(34 * var(--u));font-size:var(--t-h2);font-weight:800;line-height:1.08;letter-spacing:-.03em;font-family:var(--t-head)}
.compare-wrap{overflow-x:auto}
table.compare{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--paper-line);border-radius:12px;overflow:hidden}
table.compare th,table.compare td{padding:calc(17 * var(--u)) calc(20 * var(--u));text-align:left;font-size:var(--t-body);line-height:1.65;border-bottom:1px solid var(--paper-line)}
table.compare thead th{background:var(--ink-2);font-size:var(--t-caption);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#dee6ed;border-bottom-color:#26333d;white-space:nowrap}
table.compare thead th:first-child{color:transparent}
table.compare tbody th{font-weight:600;color:var(--paper-fg);white-space:nowrap}
table.compare td{color:var(--paper-secondary)}
table.compare tbody tr:last-child th,table.compare tbody tr:last-child td{border-bottom:0}
table.compare .yes{color:var(--brown);font-weight:600}
table.compare .no{color:#a9b3bc}
table.compare th.is-max,table.compare td.is-max{background:#fbf6f1}
table.compare thead th.is-max{background:#23313b;color:#f0c193}

@media(max-width:1100px){
  .price-hero{padding:46px 0 42px}.price-hero h1{font-size:var(--t-h1);white-space:normal}.price-lead{font-size:var(--t-lead);margin-top:16px}
  .price-note{margin-top:26px;padding:20px 22px}.price-note strong{font-size:var(--t-intro)}.price-note p{font-size:var(--t-body)}
  .plans-section,.rent-section,.compare-section{padding:52px 0 56px}
  .plans-intro,.rent-intro{grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
  .plans-intro h2,.rent-intro h2{font-size:var(--t-h2)}.plans-lead,.rent-lead{font-size:var(--t-intro)}
  .plans-grid,.rent-grid{margin-top:30px;gap:20px}
  .plan-card{padding:28px 26px 26px}.plan-price{font-size:46px}.plan-price small{font-size:var(--t-body)}
  .plan-list li,.rent-list li{font-size:var(--t-body)}.plan-card .button{height:56px;font-size:var(--t-btn)}
  .rent-card{padding:26px 24px}.rent-price{font-size:40px}.rent-card .button{height:54px;font-size:var(--t-btn)}
  .compare-section h2{font-size:var(--t-h2);margin-bottom:26px}
  table.compare th,table.compare td{padding:14px 15px;font-size:var(--t-body)}
  table.compare thead th{font-size:var(--t-caption)}
}
@media(max-width:760px){
  .plans-grid,.rent-grid{grid-template-columns:minmax(0,1fr)}
  .plan-badge{left:22px}
  table.compare{min-width:640px}
}

/* ---------- совместимость с темой на странице «Стоимость» ---------- */
body.mtahub-page .price-hero .container,
body.mtahub-page .plans-section .container,
body.mtahub-page .rent-section .container,
body.mtahub-page .compare-section .container{max-width:var(--content)!important;width:100%!important}
/* Тема навязывает заголовкам Inter и «Заглавные Буквы», кнопкам — Rubik и капс. */
.price-hero h1{font-family:var(--t-head);text-transform:none;font-weight:800}
.price-hero .price-lead{font-family:var(--t-text);text-transform:none}
.plans-intro h2,.compare-section h2{font-family:var(--t-head);text-transform:none;font-weight:800}
.plan-name,.plan-price,.plan-list,.plan-foot,.price-note,table.compare{font-family:var(--t-text);text-transform:none}
.rent-intro h2{font-family:var(--t-head);text-transform:none;font-weight:800}
.rent-name,.rent-price,.rent-list{font-family:var(--t-text);text-transform:none}
.plan-name,.rent-name,.plan-badge,table.compare thead th{text-transform:uppercase}
.plan-card .button,.rent-card .button{text-transform:none;letter-spacing:normal;font-family:var(--t-text);font-weight:800}
.plan-card .button span,.rent-card .button span{text-transform:none;letter-spacing:normal}
.plan-card .button{font-family:var(--t-text);font-weight:800}
.rent-card .button{font-family:var(--t-text);font-weight:800}
/* Заголовки тема красит в чёрный — на тёмных секциях они пропадали. */
.price-hero h1,.rent-intro h2{color:var(--ink-fg)}
.plans-intro h2,.compare-section h2{color:var(--paper-fg)}
table.compare tbody th{color:var(--paper-fg)}
table.compare thead th{color:#dee6ed}
table.compare thead th.is-max{color:#f0c193}
.price-note strong{color:var(--brown)}