/* тарвуд.бел — страница «Рассрочка» (документ 73), 22.10.2026.
   Подключается только на этой странице (ссылка в начале текста документа).
   Всё под .tvc: общие правила .content (подчёркнутые ссылки, точки у списков,
   нумерация ol, табличная прокрутка) здесь перебиваются. Цвета — переменные из tarvud-ui.css. */
.tvc{--tvc-r:20px; --tvc-shadow:0 10px 30px rgba(46,56,70,.07); --tvc-ok:#1f9d55; color:var(--tv-text); font-size:16px; line-height:1.6;}
.tvc *, .tvc *:before, .tvc *:after{box-sizing:border-box;}
.tvc h2, .content .tvc h2{font-size:32px; line-height:1.18; font-weight:700; color:var(--tv-ink); text-transform:none; letter-spacing:-.01em; margin:0 0 10px;}
.tvc h3{font-size:18px; line-height:1.35; font-weight:500; color:var(--tv-ink); text-transform:none; margin:0;}
.content .tvc p{margin:0 0 12px;}
.content .tvc ul, .content .tvc ol{list-style:none; margin:0; padding:0;}
.content .tvc ul li, .content .tvc ol li{padding-left:0; margin-left:0;}
.content .tvc ul li:before, .content .tvc ol li::before{content:none;}
.content .tvc a, .content .in-catalog a{text-decoration:none;}
.content .tvc a:not(.tv-btn):not(.tvc-btn-ghost){color:var(--tv-ink);}
.content .tvc p a, .content .tvc .tvc-steps a{border-bottom:1px solid rgba(240,162,69,.6);}
.content .tvc p a:hover, .content .tvc .tvc-steps a:hover{border-bottom-color:var(--tv-ink);}
.tvc .tv-btn .fa, .tvc .tvc-btn-ghost .fa{margin-right:8px;}
.tvc-section{margin:0 0 72px;}
.tvc-head{max-width:760px; margin:0 0 28px;}
.tvc-head p{font-size:17px; color:var(--tv-text);}
.content .tvc .tvc-kicker{display:inline-block; margin:0 0 10px; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--tv-accent-d);}

/* пилюли, чипы, бейджи */
.tvc-pill{display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:999px; background:var(--tv-bg); color:var(--tv-ink);
	font-size:12px; font-weight:700; line-height:1.4; letter-spacing:.02em; white-space:nowrap;}
.tvc-pill--accent{background:var(--tv-accent); color:var(--tv-ink);}
.tvc-num{display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-right:6px; border-radius:50%;
	background:var(--tv-ink); color:#fff; font-size:12px; letter-spacing:0; vertical-align:1px;}
.tvc-dot{width:8px; height:8px; border-radius:50%; background:var(--tvc-ok); box-shadow:0 0 0 4px rgba(31,157,85,.15);}
.content .tvc .tvc-chips-title{margin:22px 0 8px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--tv-mute);}
.content .tvc .tvc-chips{display:flex; flex-wrap:wrap; gap:8px;}
.content .tvc .tvc-chips li{padding:6px 12px; border-radius:999px; background:#fff; border:1px solid var(--tv-line); font-size:13px; font-weight:500; color:var(--tv-ink); line-height:1.3;}

/* первый экран */
.tvc-hero{display:grid; grid-template-columns:1.15fr .85fr; gap:28px; align-items:center;
	background:radial-gradient(120% 90% at 100% 0%,#ffe9cc 0%,rgba(255,233,204,0) 55%),linear-gradient(135deg,#fff8ef 0%,#f6f7f9 70%);
	border-radius:28px; padding:48px 50px; margin:6px 0 64px;}
.content .tvc .tvc-eyebrow{display:inline-flex; align-items:center; gap:10px; background:#fff; border-radius:999px; padding:7px 15px 7px 13px; margin:0;
	font-size:13px; font-weight:700; letter-spacing:.03em; color:var(--tv-ink); box-shadow:0 2px 10px rgba(46,56,70,.07);}
.tvc .tvc-hero__title{font-size:44px; line-height:1.1; margin:18px 0 16px; letter-spacing:-.02em;}
.content .tvc .tvc-hero__lead{font-size:18px; line-height:1.55; color:var(--tv-text); max-width:600px;}
.content .tvc .tvc-facts{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:24px 0 26px;}
.content .tvc .tvc-facts li{background:#fff; border-radius:16px; padding:13px 14px; box-shadow:0 4px 14px rgba(46,56,70,.06);}
.tvc-facts b{display:block; font-size:24px; line-height:1.15; color:var(--tv-ink); white-space:nowrap;}
.tvc-facts span{display:block; font-size:13px; line-height:1.3; color:var(--tv-mute); margin-top:3px;}
.tvc-actions{display:flex; flex-wrap:wrap; gap:12px; align-items:center;}
.tvc .tv-btn--lg{border-radius:12px; padding:17px 30px;}
.tvc-btn-ghost, .tvc-btn-ghost:hover, .tvc-btn-ghost:focus{display:inline-block; white-space:nowrap; padding:15px 28px; border-radius:12px;
	border:2px solid var(--tv-ink); color:var(--tv-ink); background:#fff;
	font-size:14px; font-weight:700; line-height:1.2; letter-spacing:.04em; text-transform:uppercase; transition:background-color .2s, color .2s;}
.content .tvc .tvc-btn-ghost:hover, .content .tvc .tvc-btn-ghost:focus{background:var(--tv-ink); color:#fff;}
.tvc-hero__art{position:relative;}
.tvc-hero__art svg{display:block; width:100%; height:auto; max-width:520px; margin:0 auto;}
.content .tvc .tvc-badge-float{position:absolute; left:0; top:8%; margin:0; display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border-radius:14px;
	background:#fff; box-shadow:0 10px 24px rgba(46,56,70,.12); font-size:14px; font-weight:500; color:var(--tv-ink);}
.tvc-badge-float .fa{width:22px; height:22px; border-radius:50%; background:var(--tvc-ok); color:#fff; font-size:12px; line-height:22px; text-align:center;}

/* калькулятор */
.tvc-calc__grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start;}
.tvc-calc__form, .tvc-calc__res{background:#fff; border:1px solid var(--tv-line); border-radius:var(--tvc-r); padding:28px; box-shadow:var(--tvc-shadow);}
.content .tvc .tvc-label{display:block; font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--tv-ink); margin:0 0 12px;}
.tvc-seg{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 0 24px;}
.tvc-seg button{position:relative; border:2px solid var(--tv-line); background:#fff; border-radius:14px; padding:11px 12px 11px 38px; text-align:left; cursor:pointer;
	font:inherit; font-size:15px; font-weight:500; line-height:1.3; color:var(--tv-ink); transition:border-color .15s, background-color .15s, box-shadow .15s;}
.tvc-seg button:before{content:""; position:absolute; left:12px; top:14px; width:16px; height:16px; border-radius:50%; border:2px solid #c9cfd8; background:#fff;}
.tvc-seg button small{display:block; font-size:12px; font-weight:400; color:var(--tv-mute); margin-top:2px;}
.tvc-seg button:hover{border-color:#d3d8df;}
.tvc-seg button.is-on{border-color:var(--tv-accent); background:#fff8ef; box-shadow:0 4px 14px rgba(240,162,69,.18);}
.tvc-seg button.is-on:before{border:5px solid var(--tv-accent-d);}
.tvc-field{margin:0 0 18px;}
.tvc-step{display:flex; align-items:stretch; gap:8px; max-width:280px;}
.tvc-step button{flex:0 0 52px; height:52px; border:2px solid var(--tv-line); background:#fff; border-radius:14px; cursor:pointer; font-size:22px; line-height:1; color:var(--tv-ink); transition:border-color .15s;}
.tvc-step button:hover{border-color:var(--tv-accent);}
.tvc .tvc-step input, .tvc .tvc-input{height:52px; border:2px solid var(--tv-line); border-radius:14px; padding:0 14px; font-size:22px; font-weight:700; color:var(--tv-ink); text-align:center; width:100%; -moz-appearance:textfield; text-transform:none; margin:0;}
.tvc .tvc-input{max-width:280px; text-align:left;}
.tvc .tvc-step input:focus, .tvc .tvc-input:focus{border-color:var(--tv-accent);}
.tvc-step input::-webkit-outer-spin-button, .tvc-step input::-webkit-inner-spin-button, .tvc-input::-webkit-outer-spin-button, .tvc-input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
/* ползунок: своя полоса, у браузерной в теме сайта видна только ручка */
.tvc .tvc-range{-webkit-appearance:none; appearance:none; display:block; width:100%; max-width:440px; height:28px; margin:16px 0 4px; padding:0; border:0; background:transparent; cursor:pointer;}
.tvc .tvc-range::-webkit-slider-runnable-track{height:6px; border-radius:6px; background:linear-gradient(90deg,var(--tv-accent) 0 var(--tvc-fill,10%),#e6e9ee var(--tvc-fill,10%) 100%);}
.tvc .tvc-range::-webkit-slider-thumb{-webkit-appearance:none; width:24px; height:24px; margin-top:-9px; border-radius:50%; background:#fff; border:3px solid var(--tv-accent-d); box-shadow:0 2px 8px rgba(46,56,70,.2);}
.tvc .tvc-range::-moz-range-track{height:6px; border-radius:6px; background:#e6e9ee;}
.tvc .tvc-range::-moz-range-progress{height:6px; border-radius:6px; background:var(--tv-accent);}
.tvc .tvc-range::-moz-range-thumb{width:20px; height:20px; border-radius:50%; background:#fff; border:3px solid var(--tv-accent-d);}
.tvc-quick{display:flex; flex-wrap:wrap; gap:6px; margin-top:10px;}
.tvc-quick button{border:1px solid var(--tv-line); background:#fff; border-radius:999px; padding:6px 12px; font:inherit; font-size:13px; line-height:1.3; color:var(--tv-ink); cursor:pointer; transition:background-color .15s, border-color .15s;}
.tvc-quick button:hover{border-color:var(--tv-accent);}
.tvc-quick button.is-on{background:var(--tv-ink); border-color:var(--tv-ink); color:#fff;}
.content .tvc .tvc-total{margin:8px 0 0; padding:16px 18px; border-radius:16px; background:var(--tv-bg); color:var(--tv-text); font-size:14px; line-height:1.4;}
.tvc-total b{display:block; font-size:28px; line-height:1.2; color:var(--tv-ink); margin:2px 0;}
.tvc-total > span{display:block; font-size:13px; color:var(--tv-mute);}
.tvc-best{border-radius:16px; padding:18px 20px; margin:0 0 16px; background:linear-gradient(135deg,#2e3846,#1f2632); color:#c3cad4;}
.content .tvc .tvc-best p{margin:10px 0 2px; font-size:15px; color:#c3cad4;}
.tvc-best p b{font-size:40px; line-height:1; color:#fff; letter-spacing:-.02em; margin-right:4px;}
.tvc-best > span:last-child{font-size:14px; color:#aab3bf;}
.tvc-table-wrap{margin:0 0 16px;}
.tvc .tvc-table{display:table; width:100% !important; max-width:none; overflow:visible; border-collapse:collapse; margin:0;}
.tvc-table th{font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--tv-mute); text-align:left; padding:0 8px 10px 0; border-bottom:1px solid var(--tv-line);}
.tvc-table th:last-child, .tvc-table td:last-child{text-align:right; padding-right:0;}
.tvc-table td{padding:11px 8px 11px 0; border-bottom:1px solid var(--tv-line); vertical-align:middle; color:var(--tv-text); font-size:15px;}
.tvc-table tr:last-child td{border-bottom:0;}
.tvc-table td b{display:block; color:var(--tv-ink); font-weight:500;}
.tvc-table td > span:not(.tvc-pill){display:block; font-size:12px; color:var(--tv-mute);}
.tvc-table td.tvc-m{font-size:19px; font-weight:700; color:var(--tv-ink); white-space:nowrap;}
.tvc-table td.tvc-m:after{content:" бел. руб."; font-size:12px; font-weight:400; color:var(--tv-mute);}
.tvc-table tr.is-best td{background:#fff8ef;}
.tvc-table tr.is-best td:first-child{box-shadow:inset 3px 0 0 var(--tv-accent-d); padding-left:10px;}
.tvc-table tr.is-best .tvc-pill{background:var(--tv-accent);}
.tvc-wide{display:block; text-align:center; width:100%;}
.content .tvc .tvc-sub{margin:10px 0 0; font-size:14px; color:var(--tv-mute); text-align:center;}
.tvc-sub .fa{color:var(--tvc-ok); margin-right:4px;}
.content .tvc .tvc-note{margin:14px 0 0; padding-top:14px; border-top:1px dashed var(--tv-line); font-size:12px; line-height:1.5; color:var(--tv-mute);}

/* карты рассрочки */
.content .tvc .tvc-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.content .tvc .tvc-card{position:relative; aspect-ratio:1.586/1; border-radius:20px; padding:22px 24px; color:#fff; overflow:hidden;
	display:flex; flex-direction:column; justify-content:flex-end; box-shadow:0 14px 30px rgba(46,56,70,.16); transition:transform .25s, box-shadow .25s;}
.content .tvc .tvc-card:hover{transform:translateY(-4px); box-shadow:0 20px 40px rgba(46,56,70,.22);}
.content .tvc .tvc-card:before{content:""; position:absolute; top:24px; left:24px; width:40px; height:30px; border-radius:7px;
	background:linear-gradient(135deg,#ffe3b0,#d99a45); box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);}
.content .tvc .tvc-card:after{content:""; position:absolute; right:-50px; top:-50px; width:180px; height:180px; border-radius:50%; background:rgba(255,255,255,.12);}
.tvc-card b{position:relative; z-index:1; font-size:24px; line-height:1.2; font-weight:700;}
.tvc-card__bank{position:relative; z-index:1; font-size:14px; opacity:.85;}
.tvc-card__term{position:absolute; top:20px; right:20px; z-index:1; background:#fff; color:var(--tv-ink); border-radius:999px; padding:5px 12px; font-size:14px; font-weight:700;}
.tvc-card__badge{position:absolute; top:62px; right:20px; z-index:1; background:var(--tv-accent); color:var(--tv-ink); border-radius:999px; padding:3px 10px; font-size:11px; font-weight:700; letter-spacing:.02em;}
.tvc-card--vtb{background:linear-gradient(135deg,#1e3a8a,#0b1f5c);}
.tvc-card--dbb{background:linear-gradient(135deg,#0f766e,#0b4f4a);}
.tvc-card--bb{background:linear-gradient(135deg,#15803d,#0c4f27);}
.tvc-card--sber{background:linear-gradient(135deg,#22a04b,#11692e);}
.tvc-card--bgpb{background:linear-gradient(135deg,#2563eb,#1e3a8a);}
.tvc-card--mtb{background:linear-gradient(135deg,#e2554f,#a8322e);}

/* условия */
.content .tvc .tvc-terms{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.content .tvc .tvc-terms li{position:relative; border:1px solid var(--tv-line); border-radius:18px; padding:20px 18px; background:#fff;}
.tvc-terms .fa{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; font-size:15px; margin-bottom:12px;}
.tvc-terms .is-yes .fa{background:rgba(31,157,85,.12); color:var(--tvc-ok);}
.tvc-terms .is-info{background:#fff8ef !important; border-color:#f6d6ad !important;}
.tvc-terms .is-info .fa{background:var(--tv-accent); color:var(--tv-ink);}
.tvc-terms b, .tvc-steps b, .tvc-why b{display:block; font-size:17px; line-height:1.3; color:var(--tv-ink); font-weight:500; margin-bottom:6px;}
.tvc-terms span, .tvc-steps li > span:not(.tvc-steps__n), .tvc-why span{display:block; font-size:14px; line-height:1.5; color:var(--tv-text);}

/* шаги */
.content .tvc .tvc-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.content .tvc .tvc-steps li{position:relative; background:var(--tv-bg); border-radius:20px; padding:26px 24px 24px;}
.tvc-steps__n{position:absolute; top:22px; right:22px; width:34px; height:34px; border-radius:50%; background:var(--tv-ink); color:#fff; font-size:15px; font-weight:700; line-height:34px; text-align:center;}
.tvc-steps .fa{display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:16px; background:#fff; color:var(--tv-accent-d); font-size:22px; margin-bottom:16px; box-shadow:0 4px 14px rgba(46,56,70,.06);}

/* хранение и доверие */
.tvc-store{display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; background:var(--tv-ink); color:#c3cad4; border-radius:28px; padding:44px 46px;}
.tvc .tvc-store h2{color:#fff; margin-top:14px;}
.content .tvc .tvc-store p{color:#c3cad4; font-size:17px; margin-bottom:24px;}
.content .tvc .tvc-why{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.content .tvc .tvc-why li{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:18px;}
.tvc-why .fa{color:var(--tv-accent); font-size:22px; margin-bottom:10px; display:block;}
.tvc .tvc-why b{color:#fff;}
.tvc .tvc-why span{color:#aab3bf;}

/* вопросы */
.tvc-faq{max-width:900px;}
.tvc-faq details{border:1px solid var(--tv-line); border-radius:16px; background:#fff; margin:0 0 10px; transition:box-shadow .2s, border-color .2s;}
.tvc-faq details[open]{box-shadow:0 8px 24px rgba(46,56,70,.07); border-color:#f6d6ad;}
.tvc-faq summary{list-style:none; cursor:pointer; padding:18px 60px 18px 22px; position:relative;}
.tvc-faq summary::-webkit-details-marker{display:none;}
.tvc-faq summary:after{content:"+"; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50%;
	background:var(--tv-bg); color:var(--tv-ink); font-size:20px; line-height:30px; text-align:center; transition:background-color .2s;}
.tvc-faq details[open] summary:after{content:"−"; background:var(--tv-accent);}
.tvc-faq details > div{padding:0 22px 18px;}
.content .tvc .tvc-faq details > div p{margin:0;}

/* финальный призыв */
.tvc-cta{display:flex; align-items:center; justify-content:space-between; gap:28px;
	background:radial-gradient(90% 120% at 0% 100%,#ffe2bb 0%,rgba(255,226,187,0) 60%),linear-gradient(135deg,#fff1dc,#fff8ef); border-radius:28px; padding:40px 44px; margin:0 0 20px;}
.tvc .tvc-cta h2{margin:12px 0 6px;}
.content .tvc .tvc-cta p{margin:0; font-size:16px; max-width:520px;}
.tvc-cta .tvc-pill{background:#fff;}
.tvc-cta__act{display:flex; flex-direction:column; align-items:stretch; gap:10px; flex:0 0 auto; min-width:290px;}
.content .tvc a.tvc-cta__phone{font-size:22px; font-weight:700; color:var(--tv-ink); white-space:nowrap;}
.tvc-cta__phone .fa{color:var(--tv-accent-d); margin-right:6px;}
.tvc-cta .tv-btn{text-align:center;}
.content .tvc a.tvc-cta__viber{display:block; padding:12px; border-radius:12px; background:#fff; font-size:15px; font-weight:500; color:#665cac; text-align:center; cursor:pointer;}
.content .tvc .tvc-fine{font-size:12px; color:var(--tv-mute); margin:0 0 34px;}

@media (max-width:1200px){
	.tvc .tvc-hero__title{font-size:36px;}
	.content .tvc .tvc-facts{grid-template-columns:repeat(2,1fr);}
	.content .tvc .tvc-terms{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:991px){
	.tvc-hero{grid-template-columns:1fr; padding:32px 28px;}
	.tvc-hero__art{order:-1;}
	.tvc-hero__art svg{max-width:400px;}
	.content .tvc .tvc-badge-float{left:50%; top:auto; transform:translateX(-50%); bottom:0; white-space:nowrap;}
	.tvc-calc__grid, .tvc-store{grid-template-columns:1fr;}
	.content .tvc .tvc-cards{grid-template-columns:repeat(2,1fr);}
	.content .tvc .tvc-steps{grid-template-columns:1fr;}
	.tvc-cta{flex-direction:column; align-items:stretch;}
	.tvc-cta__act{min-width:0;}
}
@media (max-width:767px){
	.tvc h2, .content .tvc h2{font-size:25px;}
	.tvc .tvc-hero__title{font-size:29px;}
	.content .tvc .tvc-hero__lead{font-size:16px;}
	.tvc-hero{padding:22px 16px 26px; border-radius:22px; margin-bottom:48px;}
	.tvc-hero__art svg{max-width:300px;}
	.tvc-facts b{font-size:20px;}
	.tvc-actions > a{flex:1 1 100%; text-align:center;}
	.tvc-section{margin-bottom:52px;}
	.tvc-calc__form, .tvc-calc__res{padding:18px 16px; border-radius:18px;}
	.tvc-seg button{font-size:14px; padding:9px 10px 9px 34px;}
	.tvc-seg button:before{left:10px; top:12px;}
	.tvc-step{max-width:none;}
	.tvc-best p b{font-size:34px;}
	.tvc-table td.tvc-m{font-size:17px;}
	.tvc-table td .tvc-pill{padding:3px 8px;}
	.content .tvc .tvc-cards{gap:12px;}
	.content .tvc .tvc-card{padding:16px; border-radius:16px;}
	.content .tvc .tvc-card:before{top:16px; left:16px; width:30px; height:22px;}
	.tvc-card__term{top:14px; right:12px; font-size:12px; padding:3px 9px;}
	.tvc-card__badge{top:44px; right:12px; font-size:10px; padding:2px 8px;}
	.tvc-card b{font-size:18px;}
	.tvc-card__bank{font-size:12px;}
	.content .tvc .tvc-terms{grid-template-columns:1fr;}
	.content .tvc .tvc-terms li{display:grid; grid-template-columns:34px 1fr; column-gap:14px; padding:16px;}
	.tvc-terms .fa{grid-row:span 2; margin:0;}
	.tvc-store{padding:26px 18px; border-radius:22px;}
	.content .tvc .tvc-why{gap:10px;}
	.content .tvc .tvc-why li{padding:14px;}
	.tvc-faq summary{padding:16px 54px 16px 16px;}
	.tvc-faq details > div{padding:0 16px 16px;}
	.tvc-cta{padding:26px 18px; border-radius:22px;}
}
@media (max-width:420px){
	.content .tvc .tvc-card{aspect-ratio:auto; min-height:124px;}
	.content .tvc .tvc-why{grid-template-columns:1fr;}
	.content .tvc .tvc-badge-float{font-size:13px;}
}
@media (prefers-reduced-motion:reduce){
	.tvc *{transition:none !important;}
}