/* Тарифы ТСЖ: общая типографика, зелёное направление, сравнение состава работ. */
.abc-tszh-tariffs{ --tt-green:#326657; --tt-light:#e6eee7; --tt-line:#bfd0c2; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-14:56px; --s-16:64px; --s-18:72px; }
.abc-tszh-tariffs main{ letter-spacing:0; }
.abc-tszh-tariffs main h1{ margin:0;}.abc-tszh-tariffs main h2{ margin:0;}.abc-tszh-tariffs main h3{ font-family:var(--ff-display); font-weight:600; letter-spacing:0; margin:0; }
.abc-tszh-tariffs main h3{ font-size:21px; line-height:1.3; }
.abc-tszh-tariffs main p{ margin:0; }
.tt-icon{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.abc-tszh-tariffs .tt-kicker{ font-size:12px; color:var(--tt-green); margin-bottom:var(--s-4); }
.tt-intro{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:var(--s-18); align-items:center;}
.tt-intro h1 span{ color:var(--tt-green); }
.tt-link{ display:inline-flex; min-height:44px; align-items:center; gap:var(--s-4); color:var(--ink); text-decoration:none; font-size:14px; line-height:1.5; }
.tt-link:hover{ color:var(--coral-600); }.tt-jump a:hover{ color:var(--coral-600); }
.tt-intro .tt-link{ margin-top:var(--s-4); }
.tt-jump{ display:flex; flex-wrap:wrap; gap:var(--s-2) var(--s-8); border-block:1px solid var(--ink-line); padding-block:var(--s-2); }
.tt-jump a{ display:inline-flex; min-height:44px; align-items:center; text-decoration:none; font-size:13px; color:var(--ink); }
.tt-tariffs{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s-6); padding-top:var(--s-8); scroll-margin-top:104px; }
.tt-card{ border:1px solid var(--ink-line); display:flex; flex-direction:column; align-items:start; min-width:0; scroll-margin-top:104px;}
.tt-featured{ border-color:var(--tt-green); }
.abc-tszh-tariffs .tt-price{ font-size:20px; margin-top:var(--s-6); white-space:nowrap; }
.tt-price strong{ font-size:48px; line-height:1.2; font-weight:600; margin-inline:4px; }
.tt-price span{ font-size:14px; color:var(--ink-mute); }
.abc-tszh-tariffs .tt-card-lead{ font-size:16px; line-height:1.75; color:var(--ink-mute); margin-top:var(--s-4); }
.tt-card ul{ padding:var(--s-6) 0 var(--s-4) var(--s-5); margin:0; font-size:15px; line-height:1.7; }
.tt-card li+li{ margin-top:var(--s-2); }.tt-card li::marker{ color:var(--tt-green); }
.abc-tszh-tariffs .tt-included{ background:var(--tt-light); border-radius:var(--r-sm); padding:var(--s-3) var(--s-4); color:var(--tt-green); font-size:14px; margin-top:var(--s-2); width:100%; }
.tt-card-bottom{ margin-top:auto; padding-top:var(--s-6); width:100%; }
.tt-card-bottom .btn{ width:100%; justify-content:space-between; gap:var(--s-4);}
.tt-card-bottom .tt-link{ font-size:13px; margin-top:var(--s-2); }
.abc-tszh-tariffs .tt-tariff-note{ margin-top:var(--s-5); color:var(--ink-mute); font-size:13px; line-height:1.7; }
.tt-section{ padding-block:var(--s-16); scroll-margin-top:104px; }
.tt-section-head{ display:grid; grid-template-columns:1.15fr 1fr; gap:var(--s-18); align-items:end; margin-bottom:var(--s-8); }
.tt-section-head>p{ font-size:16px; line-height:1.75; color:var(--ink-mute); }
.tt-table{ border-collapse:collapse; width:100%; table-layout:fixed; font-size:15px; line-height:1.6; }
.tt-table th{ padding:var(--s-5) var(--s-6); border-bottom:1px solid var(--ink-line); text-align:left; vertical-align:middle; }.tt-table td{ padding:var(--s-5) var(--s-6); border-bottom:1px solid var(--ink-line); text-align:left; vertical-align:middle; }
.tt-table thead th{ background:var(--tt-light); font-weight:500; color:var(--tt-green); font-size:14px; }
.tt-table th:first-child{ width:50%; padding-left:var(--s-5); }.tt-table tbody th{ font-weight:400; }
.tt-table td{ color:var(--tt-green); }.tt-table td.tt-not-included{ color:var(--ink-mute); }
.tt-snt{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:var(--s-12); padding:var(--s-8); border:1px solid var(--tt-line); border-radius:var(--r-md); background:var(--tt-light); margin-bottom:var(--s-16); scroll-margin-top:104px; }
.abc-tszh-tariffs .tt-snt p:not(.tt-kicker){ font-size:16px; line-height:1.75; margin-top:var(--s-4); color:var(--ink-soft); max-width:760px; }
.tt-snt .btn{ gap:var(--s-6); border-color:var(--tt-line); background:var(--paper-3);}
.tt-factors{ background:var(--paper-2); border-block:1px solid var(--ink-line); }
.tt-factor-list{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s-8); padding:0; margin:0; list-style:none; }
.tt-factor-list li{ border-top:1px solid var(--ink-line); padding-top:var(--s-6); }
.tt-factor-list span{ display:block; font:400 12px/1.5 var(--ff-mono); color:var(--tt-green); margin-bottom:var(--s-4); }
.abc-tszh-tariffs .tt-factor-list p{ font-size:15px; line-height:1.75; color:var(--ink-mute); margin-top:var(--s-3); }
.tt-oneoff{ display:grid; grid-template-columns:1fr auto; gap:var(--s-8); align-items:center; margin-top:var(--s-10); padding-top:var(--s-8); border-top:1px solid var(--ink-line); }
.abc-tszh-tariffs .tt-oneoff h3{ font-size:18px; }.abc-tszh-tariffs .tt-oneoff p{ font-size:14px; line-height:1.75; margin-top:var(--s-3); color:var(--ink-mute); max-width:720px; }
.tt-faq{ display:grid; grid-template-columns:1fr 1.3fr; gap:var(--s-18); }
.tt-final{ background:var(--ink); color:var(--paper); padding-block:var(--s-16); scroll-margin-top:104px; }
.tt-final-grid{ display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:var(--s-18); align-items:center; }
.abc-tszh-tariffs .tt-final .tt-kicker{ color:var(--tt-line); }
.abc-tszh-tariffs .tt-final-grid>div>p:not(.tt-kicker){ font-size:16px; line-height:1.75; margin-top:var(--s-6); color:var(--ink-pale); max-width:600px; }
.abc-tszh-tariffs .tt-final .tt-free{ font-size:13px; color:var(--tt-line); }
.tt-final-actions{ display:grid; gap:var(--s-3); max-width:340px; width:100%; justify-self:end; }
.tt-final-actions .btn{ justify-content:space-between; gap:var(--s-6);}
.abc-tszh-tariffs .tt-final-actions .btn-outline-light{ color:var(--paper); border:1px solid var(--ink-soft); background:transparent;}
.abc-tszh-tariffs .tt-final-actions .btn-outline-light:hover{ color:var(--paper); border-color:var(--ink-pale); background:var(--ink-soft);}
.abc-tszh-tariffs .tt-final-actions>p{ font-size:12px!important; margin-top:var(--s-2)!important; }
.tt-visually-hidden{ position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }.tt-skip:not(:focus){ position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.tt-skip:focus{ position:fixed; top:var(--s-3); left:var(--s-3); z-index:10000; padding:var(--s-3); color:var(--ink); background:var(--paper); }
.tt-noscript{ display:flex; flex-wrap:wrap; gap:var(--s-5); padding-block:var(--s-6); }
@media(max-width:1100px) {.tt-intro{ gap:var(--s-10);}.tt-section-head{ gap:var(--s-10); }.tt-faq{ gap:var(--s-10); }.tt-final-grid{ gap:var(--s-10); }.tt-factor-list{ gap:var(--s-6); }
 .tt-snt{ gap:var(--s-8); }.tt-table th{ padding-inline:var(--s-4); }.tt-table td{ padding-inline:var(--s-4); }
}
@media(max-width:760px) {
 .tt-intro{ grid-template-columns:1fr; gap:var(--s-6);}.tt-tariffs{ grid-template-columns:1fr; gap:var(--s-6); }.tt-section-head{ grid-template-columns:1fr; gap:var(--s-6); }.tt-snt{ grid-template-columns:1fr; gap:var(--s-6); }.tt-factor-list{ grid-template-columns:1fr; gap:var(--s-6); }.tt-oneoff{ grid-template-columns:1fr; gap:var(--s-6); }.tt-faq{ grid-template-columns:1fr; gap:var(--s-6); }.tt-final-grid{ grid-template-columns:1fr; gap:var(--s-6); }.tt-jump{ gap:0 var(--s-6); }.tt-jump a{ font-size:12px; }.tt-price strong{ font-size:42px; }.abc-tszh-tariffs .tt-card-lead{ font-size:15px; }
 .tt-section{ padding-block:var(--s-10); }.tt-section-head{ margin-bottom:var(--s-6); }.tt-section-head>p{ font-size:15px; }
 .tt-table{ font-size:13px; }.tt-table th{ padding:var(--s-4) var(--s-2); }.tt-table td{ padding:var(--s-4) var(--s-2); }
 .tt-table th:first-child{ width:44%; padding-left:var(--s-2); }.tt-table thead th{ font-size:12px; overflow-wrap:anywhere; }
 .tt-snt{ padding:var(--s-6); margin-bottom:var(--s-10); }.abc-tszh-tariffs .tt-snt p:not(.tt-kicker){ font-size:15px; }.tt-snt .btn{ justify-content:space-between;}
 .tt-oneoff{ margin-top:var(--s-8); padding-top:var(--s-6); gap:var(--s-3); }.tt-final{ padding-block:var(--s-12); }
 .tt-final-actions{ max-width:none; justify-self:start; }.abc-tszh-tariffs .tt-final-grid>div>p:not(.tt-kicker){ font-size:15px; }
 .tt-section{ scroll-margin-top:96px; }.tt-tariffs{ scroll-margin-top:96px; }.tt-card{ scroll-margin-top:96px;}.tt-snt{ scroll-margin-top:96px; }.tt-final{ scroll-margin-top:96px; }
}
@media(max-width:360px) {.tt-snt{ padding:var(--s-5); }.tt-price strong{ font-size:36px; }.tt-price span{ font-size:12px; }.tt-jump{ gap:0 var(--s-4); }
 .tt-table thead th{ font-size:11px; }.tt-table th:first-child{ width:40%; }.tt-table{ font-size:12px; }.tt-table th{ padding-inline:6px; }.tt-table td{ padding-inline:6px; }
}
@media(prefers-reduced-motion:reduce) { }