/* тарвуд.бел — шапка и подвал, 01.10.2026.
   Подключается после style.css и перекрывает только их. Откат: убрать строку
   с этим файлом из чанка HEAD и вернуть чанки HEADER и FOOTER из копии. */

:root{
	--tv-ink:#2e3846;      /* основной тёмный */
	--tv-text:#515e65;     /* вторичный текст */
	--tv-mute:#7b8794;
	--tv-line:#e6e9ee;
	--tv-bg:#f6f7f9;
	--tv-accent:#f9b668;   /* фирменный оранжевый */
	--tv-accent-d:#f0a245;
}

/* Чужая ширина во вставках: ролик 560 px и карта 800 px растягивали страницу
   на телефоне шире экрана — из-за этого уезжала и шапка. */
iframe, embed, video{max-width:100%;}

/* Широкие таблицы в текстах (характеристики товара — 1143 px, текстуры — 1008 px)
   на телефоне растягивали всю страницу. Теперь таблица прокручивается внутри
   себя, а страница остаётся по ширине экрана. */
@media (max-width:991px){
	body table{display:block; width:auto !important; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
}
/* На главной контейнер вложен в контейнер: внутренний шире внешнего и на
   планшете выталкивал страницу на 6 px вправо. */
@media (max-width:991px){
	.container .container{width:auto; padding-left:0; padding-right:0;}
}
/* Ряды сетки, лежащие без .container прямо в section или в div, вылезали на 15 px вправо
   и давали горизонтальную прокрутку и на телефоне, и на компьютере (рассрочка, контакты). */
section > .row, body > div:not(.container) > .row{margin-left:0; margin-right:0;}

/* Исходящие ссылки без href (адрес в data-tvu, переход делает tarvud-ui.js):
   выглядят и ведут себя как обычные ссылки. */
a[data-tvu]{cursor:pointer;}
a[data-tvu]:hover, a[data-tvu]:focus{text-decoration:underline;}

/* ---------- кнопка ---------- */
.tv-btn{
	display:inline-block; white-space:nowrap;
	padding:12px 22px; border-radius:6px;
	background:var(--tv-accent); color:var(--tv-ink);
	font-size:13px; font-weight:700; line-height:1.2; letter-spacing:.04em; text-transform:uppercase;
	transition:background-color .2s ease, box-shadow .2s ease, transform .1s ease;
}
.tv-btn:hover, .tv-btn:focus{background:var(--tv-accent-d); color:var(--tv-ink); box-shadow:0 6px 16px rgba(240,162,69,.35);}
.tv-btn:active{transform:translateY(1px);}
.tv-btn--lg{padding:16px 30px; font-size:14px;}

/* ---------- шапка ---------- */
.tv-header{position:-webkit-sticky; position:sticky; top:-34px; z-index:60; background:#fff;}
.tv-top{background:var(--tv-bg); color:var(--tv-text); font-size:12px; line-height:18px; height:34px; overflow:hidden;}
.tv-top__in{display:flex; align-items:center; gap:26px; height:34px;}
.tv-top__item{white-space:nowrap;}
.tv-top__item .fa{margin-right:7px; color:var(--tv-mute); font-size:13px;}
.tv-top__mail{margin-left:auto;}
.tv-top a, .tv-top a:hover, .tv-top a:focus{color:var(--tv-text);}
.tv-top a:hover{color:var(--tv-ink); text-decoration:underline;}

.tv-nav{padding:0; background:#fff; box-shadow:0 1px 0 var(--tv-line), 0 6px 18px rgba(46,56,70,.06);}
.tv-nav__in{display:flex; align-items:center; gap:22px; min-height:86px; position:relative;}
.tv-logo{flex:0 0 auto; display:block; line-height:0;}
.tv-logo img{height:62px; width:auto; display:block;}

.tv-nav #cssmenu{flex:1 1 auto; display:flex; justify-content:center; vertical-align:baseline;}
.tv-nav #cssmenu>ul>li>a{padding:14px 13px; font-size:15px; color:var(--tv-ink); white-space:nowrap;}
.tv-nav #cssmenu>ul>li>a:hover{color:#000;}
.tv-nav #cssmenu>ul>li.has-sub>a{padding-right:27px;}
.tv-nav #cssmenu>ul>li:before{bottom:2px;}
.tv-nav #cssmenu>ul>li.has-sub>a:after{top:21px;}
.tv-nav #cssmenu>ul>li.has-sub>a:before{top:18px;}
.tv-nav #cssmenu>ul>li.has-sub:hover>a:before{top:22px;}
.tv-nav #cssmenu ul ul{box-shadow:0 12px 28px rgba(46,56,70,.14); border-radius:0 0 8px 8px; background:#fff; padding:6px 0 8px;}
.tv-nav #cssmenu ul ul li a{padding:10px 20px; width:250px; line-height:1.3;}
.tv-nav #cssmenu ul ul li a:hover{background:var(--tv-bg); color:var(--tv-ink);}

.tv-phones{flex:0 0 auto; display:flex; flex-direction:column; gap:4px; text-align:right;}
.tv-phone, .tv-phone:hover, .tv-phone:focus{display:block; font-size:16px; line-height:20px; color:var(--tv-ink); white-space:nowrap;}
.tv-phone b{font-weight:700;}
.tv-phone .fa{display:none;}
.tv-phone:hover{color:#000;}
.tv-header__btn{flex:0 0 auto;}

/* ---------- блок призыва над подвалом ---------- */
.tv-foot-cta{background:var(--tv-ink); color:#fff; margin-top:60px;}
.tv-foot-cta__in{display:flex; align-items:center; justify-content:space-between; gap:36px; padding:38px 0;}
.tv-foot-cta__title{font-size:26px; line-height:1.25; font-weight:500; color:#fff; margin:0 0 8px;}
.tv-foot-cta__text p{margin:0; font-size:16px; line-height:1.5; color:#c3cad4; max-width:560px;}
.tv-foot-cta__act{flex:0 0 auto; display:flex; align-items:center; gap:28px;}
.tv-foot-cta__phones{display:flex; flex-direction:column; gap:6px; text-align:right;}
.tv-foot-cta__phones a, .tv-foot-cta__phones a:hover, .tv-foot-cta__phones a:focus{color:#fff; font-size:20px; line-height:24px; white-space:nowrap;}
.tv-foot-cta__phones a:hover{color:var(--tv-accent);}

/* ---------- подвал ---------- */
footer.tv-footer{background:var(--tv-bg); padding:44px 0 0; color:var(--tv-text); font-size:14px; line-height:1.5;}
.tv-foot{display:grid; grid-template-columns:1.25fr 1fr 1fr 1.45fr; gap:40px;}
.tv-foot__logo{display:inline-block; line-height:0; margin-bottom:14px;}
.tv-foot__logo img{height:64px; width:auto;}
.tv-foot__brand p{margin:0; max-width:250px; color:var(--tv-text);}
.tv-foot__h{font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--tv-ink); margin:4px 0 14px;}
.tv-foot__menu, .tv-foot__list{list-style:none; margin:0; padding:0;}
.tv-foot__menu li{margin:0 0 9px;}
.tv-foot__menu a, .tv-foot__list a{color:var(--tv-text);}
.tv-foot__menu a:hover, .tv-foot__menu a:focus, .tv-foot__list a:hover, .tv-foot__list a:focus{color:var(--tv-ink); text-decoration:underline;}
.tv-foot__list li{display:flex; gap:12px; margin:0 0 12px;}
.tv-foot__list .fa{flex:0 0 16px; text-align:center; color:var(--tv-accent-d); font-size:15px; line-height:21px;}
.tv-foot__contacts a[href^="tel"]{color:var(--tv-ink); font-weight:700; font-size:15px;}
.tv-foot__bottom{display:flex; justify-content:space-between; gap:20px; margin-top:34px; padding:18px 0 22px; border-top:1px solid var(--tv-line); font-size:13px; color:var(--tv-mute);}

/* ---------- планшет и узкий ноутбук: меню прячется за кнопку ---------- */
@media (max-width:1200px){
	.tv-nav__in{min-height:76px; gap:18px;}
	.tv-logo img{height:54px;}
	.tv-nav #cssmenu{flex:0 0 46px; order:5; display:block; position:static; width:46px; height:46px;}
	.tv-nav #cssmenu #menu-button{position:relative; top:auto; right:auto; float:none; width:46px; height:46px; padding:0; border-radius:6px; background:var(--tv-bg);}
	.tv-nav #cssmenu #menu-button:before{top:15px; right:13px;}
	.tv-nav #cssmenu #menu-button:after{top:21px; right:13px;}
	.tv-nav #cssmenu #menu-button.menu-opened:before, .tv-nav #cssmenu #menu-button.menu-opened:after{top:22px; right:15px;}
	.tv-nav #cssmenu>ul{position:absolute; left:-15px; right:-15px; top:100%; width:auto; background:#fff; box-shadow:0 18px 30px rgba(46,56,70,.16); max-height:calc(100vh - 80px); overflow-y:auto; -webkit-overflow-scrolling:touch;}
	.tv-nav #cssmenu>ul>li>a{padding:16px 20px; font-size:16px;}
	.tv-nav #cssmenu ul ul{box-shadow:none; border-radius:0; background:var(--tv-bg); padding:0;}
	.tv-nav #cssmenu ul ul li a{width:100%; padding:13px 20px 13px 34px;}
	.tv-nav #cssmenu .submenu-button{height:52px; width:52px;}
	.tv-nav #cssmenu .submenu-button:after{top:25px; right:22px;}
	.tv-nav #cssmenu .submenu-button:before{top:22px; right:25px;}
	.tv-phones{margin-left:auto;}
}

@media (max-width:991px){
	.tv-foot{grid-template-columns:1fr 1fr; gap:34px 40px;}
	.tv-foot-cta__in{flex-direction:column; align-items:flex-start; gap:24px;}
	.tv-foot-cta__phones{text-align:left;}
	.tv-nav #cssmenu #menu-button, .tv-nav #cssmenu #menu-button.menu-opened{top:auto;}
}

/* ---------- телефон ---------- */
@media (max-width:767px){
	.tv-header{top:-30px;}
	.tv-top, .tv-top__in{height:30px;}
	.tv-top__in{justify-content:center;}
	.tv-top__addr, .tv-top__mail{display:none;}
	.tv-nav__in{min-height:62px; gap:10px;}
	.tv-logo img{height:44px;}
	.tv-header__btn, .tv-phone--second{display:none;}
	.tv-phone, .tv-phone:hover, .tv-phone:focus{font-size:16px; padding:11px 0;}
	.tv-phone .fa{display:inline-block; margin-right:7px; color:var(--tv-accent-d);}
	.tv-nav #cssmenu, .tv-nav #cssmenu #menu-button{width:44px; height:44px; flex-basis:44px;}
	.tv-nav #cssmenu #menu-button:before{top:14px; right:12px;}
	.tv-nav #cssmenu #menu-button:after{top:20px; right:12px;}
	.tv-nav #cssmenu #menu-button.menu-opened:before, .tv-nav #cssmenu #menu-button.menu-opened:after{top:21px; right:14px;}
	.tv-nav #cssmenu>ul{max-height:calc(100vh - 62px);}

	.tv-foot-cta{margin-top:40px;}
	.tv-foot-cta__in{padding:30px 0;}
	.tv-foot-cta__title{font-size:22px;}
	.tv-foot-cta__text p{font-size:15px;}
	.tv-foot-cta__act{flex-direction:column; align-items:stretch; gap:18px; width:100%;}
	.tv-foot-cta__phones a{font-size:22px; line-height:28px;}
	.tv-foot-cta .tv-btn{text-align:center;}
	footer.tv-footer{padding-top:32px;}
	.tv-foot__menu li{margin-bottom:12px;}
	.tv-foot__menu a{display:inline-block; padding:2px 0; font-size:15px;}
	.tv-foot__bottom{flex-direction:column; gap:4px; margin-top:26px;}
}
@media (max-width:480px){
	.tv-foot{gap:26px 20px;}
	.tv-foot__brand, .tv-foot__contacts{grid-column:1 / -1;}
	.tv-foot__brand p{max-width:none;}
}
@media (max-width:359px){
	.tv-phone, .tv-phone:hover, .tv-phone:focus{font-size:14px;}
	.tv-phone .fa{display:none;}
}