/* Доработки 09.2026 (ТЗ №12/№13, юзабилити №1, №2, №7, №14). Отдельный файл: в style.css не сведены скобки,
   правила в его хвосте не применяются. Подключается из header.tpl после style.css. Точка перелома шапки в теме — 780px. */

/* ---------- Hero: H1 + оффер + CTA. На десктопе — строка под слайдером, на телефоне — первый экран ---------- */
.hero { background: #fff; border-bottom: 1px solid #eee; }
.hero__inner { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 18px 0; }
.hero__head { margin: 0 25px 0 0; }
.hero__title { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.25; color: #1e1b20; }
.hero__lead { margin: 2px 0 0; font-size: 16px; font-weight: 700; line-height: 1.25; color: #1e1b20; }
.hero__offer { margin: 0 25px 0 0; padding: 0; font-size: 14px; color: #555; }
.hero__offer li { display: inline-block; margin-right: 18px; }
.hero__offer li::before { content: "\2713"; color: #fabb00; font-weight: 700; margin-right: 6px; }
.hero__actions { margin-left: auto; white-space: nowrap; }
.hero__btn { min-height: 44px; padding: 10px 20px; border-radius: 15px; font-size: 16px; font-weight: 700; line-height: 22px; }
.hero__btn--primary { background: #fabb00; border: 2px solid #fabb00; color: #1e1b20; }
.hero__btn--primary:hover, .hero__btn--primary:focus { background: #e0a800; border-color: #e0a800; color: #1e1b20; }
.hero__btn--phone { background: transparent; border: 2px solid #fabb00; color: #1e1b20; margin-left: 8px; }
.hero__btn--phone:hover, .hero__btn--phone:focus { background: #fabb00; color: #1e1b20; }
.hero__btn .fa { color: inherit; margin-right: 4px; }

@media (max-width: 780px) {
	/* шапка на телефоне position:fixed высотой ~60px — раньше отступ давал .main-slider + .content, теперь слайдер скрыт */
	.hero { margin-top: 0; padding: 28px 0 24px; border: 0; color: #fff;
		/* фон — тёмная текстура десктопного слайдера (10 КБ), без надписей внутри картинки */
		background: #080808 url(../img/slider-bg.jpg) center center / cover no-repeat; }
	.hero .container { position: relative; }
	.hero__inner { display: block; padding: 0; text-shadow: 0 1px 6px rgba(0,0,0,.8); }
	.hero__head { margin: 0 0 14px; }
	.hero__title { margin: 0; font-size: 28px; color: #fff; }
	.hero__lead { margin: 4px 0 0; font-size: 20px; color: #fff; }
	.hero__offer { margin: 0 0 20px; font-size: 16px; color: #f2f2f2; }
	.hero__offer li { display: block; margin: 0 0 6px; }
	.hero__actions { margin: 0; white-space: normal; text-shadow: none; }
	.hero__btn { display: block; width: 100%; margin: 0 0 10px; padding: 13px 16px; font-size: 17px; text-align: center; }
	.hero__btn--phone { margin-left: 0; background: rgba(255,255,255,.92); }
	.hero + .content { margin-top: 0; }
}

.slide-m { display: none; }
@media (max-width: 780px) {
	.home-top { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
	.home-top > .hero { -webkit-order: -1; order: -1; }
	.main-slider, .main-slider .carousel { margin-top: 0; }
	.main-slider { border-top: 1px solid rgba(255,255,255,.12); }
	.main-slider .carousel-inner { background: #1e1b20; }
	.main-slider .carousel-inner > img { display: none; }
	.main-slider .carousel-inner > .item > .container { height: 400px; padding: 16px 15px 36px; }
	.main-slider .carousel-caption,
	.main-slider .carousel-caption2 { position: static; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column;
		-webkit-align-items: center; align-items: center; height: 100%; padding: 0; color: #fff; text-align: center; text-shadow: none; }
	.main-slider .carousel-caption > img,
	.main-slider .carousel-caption2 > img,
	.main-slider .carousel-caption > a,
	.main-slider .cap.two { -webkit-flex: 1 1 0; flex: 1 1 0; min-height: 0; width: 100%; margin: 0; }
	.main-slider .carousel-caption > a,
	.main-slider .cap.two { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
	.main-slider .cap.two { -webkit-order: -1; order: -1; }
	.main-slider .carousel-caption img,
	.main-slider .carousel-caption2 img { position: static; top: auto; right: auto; bottom: auto; left: auto; display: block; width: 100%; height: 100%; max-width: 100%; margin: 0 auto;
		-o-object-fit: contain; object-fit: contain; }
	.main-slider .cap { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; margin: 10px 0 0; }
	.main-slider .cap > br { display: none; }
	.main-slider .cap > span:first-child { font-size: 14px; letter-spacing: .04em; color: #fabb00; }
	.main-slider .cap .s-title { -webkit-order: 1; order: 1; margin: 2px 0 0; font-size: 22px; line-height: 1.2; color: #fff; }
	.main-slider .cap .s-price { -webkit-order: 2; order: 2; font-size: 22px; line-height: 1.3; }
	.main-slider .cap .s-price b { font-size: 16px; font-weight: 400; }
	.main-slider .cap > div { -webkit-order: 3; order: 3; }
	.slide-m { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; margin: 12px 0 0; }
	.slide-m__title { margin: 0 0 4px; font-size: 20px; font-weight: 700; line-height: 1.2; color: #fff; }
	.slide-m__text { margin: 0; font-size: 15px; line-height: 1.3; color: #ddd; }
	.main-slider a.sta1,
	.slide-m__btn { display: inline-block; min-height: 44px; margin: 10px 0 0; padding: 10px 24px; border: 2px solid #fabb00; border-radius: 15px; background: #fabb00;
		color: #1e1b20; font-size: 16px; font-weight: 700; line-height: 20px; text-transform: none; text-decoration: none; }
	.main-slider a.sta1:hover, .main-slider a.sta1:focus,
	.slide-m__btn:hover, .slide-m__btn:focus { background: #e0a800; border-color: #e0a800; color: #1e1b20; text-decoration: none; }
	.slide-m__btn .fa { margin-right: 4px; color: inherit; }
	.main-slider .carousel-indicators { bottom: 10px; margin-bottom: 0; }
	.main-slider .carousel-indicators li { width: 10px; height: 10px; margin: 0 4px; padding: 0; }
	.main-slider .carousel-indicators .active { width: 12px; height: 12px; background: #1e1b20; }
}
@media (min-width: 560px) and (max-width: 780px) {
	.main-slider .carousel-inner > .item > .container { height: 440px; }
}

/* ---------- Нижняя sticky-панель на телефоне: Позвонить / Написать / Оценить (юзабилити №1+14) ---------- */
.sticky-bar { display: none; }
@media (max-width: 780px) {
	body { padding-top: 60px; padding-bottom: 64px; }
	header + *, .main-slider + .content { margin-top: 0; }
	.sticky-bar { display: -webkit-flex; display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 98;
		height: 64px; background: #1e1b20; box-shadow: 0 -2px 8px rgba(0,0,0,.35); }
	.sticky-bar a { -webkit-flex: 1 1 0; flex: 1 1 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column;
		-webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
		min-width: 44px; min-height: 44px; color: #fff; font-size: 12px; line-height: 1.2; text-decoration: none; }
	.sticky-bar a + a { border-left: 1px solid rgba(255,255,255,.12); }
	.sticky-bar .fa { font-size: 22px; margin-bottom: 4px; color: #fabb00; }
	.sticky-bar__cta { background: #fabb00; }
	.sticky-bar__cta, .sticky-bar__cta .fa { color: #1e1b20; }
	/* чат Jivo и кнопка MegaPBX — над панелью, чтобы не перекрывали «Позвонить» (ТЗ №13 п.7.4) */
	jdiv[class*="wrap_"], #jvlabelWrap, jdiv.label_, .megapbx-callback, #megapbx_callback { bottom: 70px !important; }
	/* модалка колбэка поверх панели */
	#jbForm_overlay, [id^="jbForm_"], [id^="jbCallme_"] { z-index: 100; }
	.yt-menu-open jdiv, .yt-menu-open #jivo-iframe-container, .yt-menu-open .megapbx-callback, .yt-menu-open #megapbx_callback, .yt-menu-open .sticky-bar { display: none !important; }
}

/* ---------- Контакты первым блоком в бургер-меню (юзабилити №1 п.2) ---------- */
.menu-contacts { display: none; }
@media (max-width: 780px) {
	.menu-contacts { display: block; padding: 12px 0 8px; border-bottom: 1px solid rgba(255,255,255,.15); margin-bottom: 8px; }
	.menu-contacts a { display: block; padding: 10px 0; min-height: 44px; color: #fff; font-size: 17px; font-weight: 700; text-decoration: none; }
	.menu-contacts a .fa { width: 26px; color: #fabb00; }
	.menu-contacts__hours { display: block; padding: 6px 0 0; color: #bbb; font-size: 14px; }
	.menu-contacts a.menu-contacts__phone { padding-bottom: 0; }
	.menu-contacts .menu-contacts__hours { margin: 0 0 6px; padding: 2px 0 0 26px; }
	.menu-contacts__addr { display: block; padding: 10px 0 4px; color: #bbb; font-size: 14px; }
	.menu-contacts__addr .fa { width: 26px; color: #fabb00; font-size: 17px; }
}

@media (min-width: 781px) and (max-width: 1199px) {
	.main-nav > ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; padding: 4px 6px; }
	.main-nav > ul > li { display: block; }
	.main-nav > ul > li > a { padding: 8px 9px; font-size: 18px; white-space: nowrap; }
	.main-nav > ul > li > ul.drop { display: none; }
	.main-nav > ul > li:hover > ul.drop { display: block; }
	.main-nav > ul > li:nth-last-child(-n+6) > ul.drop { right: 0; left: auto; }
	.top-link a { margin-right: 3px; }
	.top-phone span { font-size: 19px; }
	.header__phone:first-child { margin-right: 12px; }
	.main-slider { margin-top: -200px; }
	.top-line { height: auto; min-height: 60px; padding-bottom: 8px; }
	header { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding-top: 10px; }
	.main-menu { position: relative; top: 0; margin-top: 0; }
	#cart-total { white-space: nowrap; }
}
@media (min-width: 781px) and (max-width: 991px) {
	.header__phones { -webkit-justify-content: flex-end; justify-content: flex-end; margin-top: 6px; }
	.header__phone { -webkit-flex: 0 0 auto; flex: 0 0 auto; }
	.top-phone span { margin-top: 0; }
	.main-slider { margin-top: -180px; }
}

/* ---------- Часы работы рядом с телефоном в шапке (юзабилити №9) ---------- */
.top-phone .header__hours { font-style: normal; display: block; margin-top: 4px; font-size: 12px; color: #bbb; white-space: nowrap; }
.header__phone > a { display: block; white-space: nowrap; }
.header__phone > a + a { margin-top: 4px; }

/* ---------- Отзывы на главной: owl вместо slick (точки как были у slick) ---------- */
section#reviews .review-filtering .owl-dots { text-align: center; margin-top: 40px; line-height: 0; }
section#reviews .review-filtering .owl-dot { display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; border: 2px solid #fabb00; border-radius: 50%; background: #fabb00; }
section#reviews .review-filtering .owl-dot span { display: none; }
section#reviews .review-filtering .owl-dot.active { background: #191919; }

/* ---------- H1 категории (юзабилити №7): раньше шаблон печатал только H2 перед списком подкатегорий ---------- */
h1.titleCategory { margin: 20px 0 20px; font-size: 30px; }
@media (max-width: 780px) { h1.titleCategory { margin: 16px 0 14px; font-size: 24px; } }

/* ---------- 152-ФЗ: блок согласий на формах (common/consent.tpl) ---------- */
.yt-consent { margin: 14px 0 10px; text-align: left; }
.yt-consent__item { display: block; position: relative; padding: 6px 0 6px 30px; margin: 0; min-height: 30px; font-size: 14px; line-height: 1.35; font-weight: 400; color: #1e1b20; cursor: pointer; }
.yt-consent__item input { position: absolute; left: 4px; top: 8px; width: 18px; height: 18px; margin: 0; cursor: pointer; }
.yt-consent__item a { color: #1e1b20; text-decoration: underline; }
.yt-consent__item--optional { color: #555; }
.yt-consent__error { margin-top: 6px; padding: 8px 12px; border-radius: 8px; background: #fde8e8; color: #a12020; font-size: 14px; }
.jbCallme .yt-consent { margin: 6px 0 8px; }
.jbCallme .yt-consent__item { color: #333; font-size: 13px; }
[data-consent-gate][disabled], [data-consent-gate].yt-consent-locked { opacity: .55; cursor: not-allowed; pointer-events: none; }
.jbCallme .yt-consent__item input, .yt-consent__item input { -webkit-appearance: checkbox; appearance: checkbox; }
.jbCallme input[type=tel] { margin: 0 10px 0 0; border: 1px solid #ccc; padding: 7px; background-color: #fff; width: 95%; color: #000; }
.jbCallme input[type=tel]:focus { background-color: #f9fbff; border: 1px solid #999; }

/* ---------- Cookie-баннер (footer.tpl + js/site.js) ---------- */
.yt-cookie { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; padding: 12px; }
.yt-cookie.is-open { display: block; }
.yt-cookie__box { max-width: 1140px; margin: 0 auto; padding: 16px 20px; border-radius: 15px; background: #1e1b20; color: #f2f2f2; box-shadow: 0 4px 24px rgba(0,0,0,.45); border: 2px solid #fabb00; font-size: 14px; line-height: 1.4; }
.yt-cookie__text a { color: #fabb00; }
.yt-cookie__settings { display: none; margin: 12px 0 4px; }
.yt-cookie.is-settings .yt-cookie__settings { display: block; }
.yt-cookie__cat { display: block; position: relative; padding: 6px 0 6px 28px; margin: 0; font-weight: 400; cursor: pointer; }
.yt-cookie__cat input { position: absolute; left: 2px; top: 8px; width: 18px; height: 18px; margin: 0; }
.yt-cookie__actions { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; gap: 8px; margin-top: 12px; }
.yt-cookie__btn { min-height: 44px; padding: 10px 18px; border-radius: 12px; border: 2px solid #fabb00; background: transparent; color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; }
.yt-cookie__btn--primary { background: #fabb00; color: #1e1b20; }
.yt-cookie__btn--link { border-color: transparent; text-decoration: underline; font-weight: 400; }
.yt-cookie__only-settings { display: none; }
.yt-cookie.is-settings .yt-cookie__only-settings { display: inline-block; }
.yt-cookie.is-settings .yt-cookie__only-main { display: none; }
.footer__legal a { color: #eaba2b; }
.footer p.footer__contacts { color: #fff; font-size: 16px; }
.footer__contacts a { color: #fff; font-weight: 700; }
.footer__contacts .footer__hours { color: #bbb; font-size: 14px; }
.footer__contacts a + .footer__hours { margin-left: 6px; }
.footer__nav a { color: #eaba2b; }
@media (max-width: 780px) {
	/* над sticky-панелью, кнопка «Только необходимые» всегда достижима без прокрутки (ТЗ п. 7) */
	.yt-cookie { bottom: 64px; padding: 8px; }
	.yt-cookie__box { padding: 12px 14px; font-size: 13px; }
	.yt-cookie__actions { gap: 6px; }
	.yt-cookie__btn { -webkit-flex: 1 1 45%; flex: 1 1 45%; padding: 10px 8px; font-size: 14px; }
	.yt-cookie__btn--link, .yt-cookie__only-settings { -webkit-flex-basis: 100%; flex-basis: 100%; }
}

/* 152-ФЗ п. 4.2, форма 5: радио «Подписаться на новости = Да» у Simple заменено третьей галочкой opt-in (consent.tpl);
   значение newsletter сервер берёт из agree_ads (common/consent_guard), поэтому строку прячем */
.row-register_newsletter { display: none; }

.contact-gallery { display: -ms-grid; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 14px; gap: 14px; margin: 0 0 24px; }
.contact-gallery img { display: block; width: 100%; height: 240px; -o-object-fit: cover; object-fit: cover; border-radius: 8px; }
@media (max-width: 991px) { .contact-gallery img { height: 190px; } }
@media (max-width: 780px) { .contact-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .contact-gallery img { height: 150px; } }

.blog-date { margin: -6px 0 18px; color: #777; font-size: 14px; }
.blog-list { padding-left: 0; list-style: none; }
.blog-list li { padding: 14px 0; border-bottom: 1px solid #e5e5e5; }
.blog-list li a { font-size: 18px; }
.blog-list__date { display: block; margin: 4px 0 0; color: #777; font-size: 13px; }
.blog-list li p { margin: 6px 0 0; }
.breadcrumb > li > span { color: #777; }

#content img, .descCategory img, .ext-description img { max-width: 100%; height: auto; }
@media (max-width: 780px) { #content table, .ext-description table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } }
#content, .ext-description { overflow-wrap: break-word; word-wrap: break-word; }
.breadcrumb > li:last-child:after { display: none; }
.breadcrumb > li:after { top: 5px; right: -4px; width: 12px; height: 12px; }
@media (max-width: 780px) {
	.breadcrumb > li { max-width: 100%; white-space: normal; }
	.breadcrumb > li:after { top: 4px; right: -3px; width: 10px; height: 10px; }
}

body .action-label-product { font-size: 23px; white-space: nowrap; }
body .action-label-category { white-space: nowrap; }

@media (min-width: 992px) and (max-width: 1199px) { #content .descCategory .description .col-md-6 { clear: none; } }
.yt-info { clear: both; width: 100%; margin: 0 0 30px; padding-top: 26px; }
.yt-facts { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 14px; margin: 0 0 18px; padding: 0; list-style: none; }
.yt-facts li { -webkit-flex: 1 1 calc(33.333% - 10px); flex: 1 1 calc(33.333% - 10px); max-width: calc(33.333% - 10px); margin: 0; padding: 16px 18px; background: #fff; border: 2px solid #fabb00; border-radius: 15px; text-align: center; }
.yt-facts b { display: block; font-size: 26px; line-height: 1.1; color: #1e1b20; font-family: "RobotoCondensedBold", Arial, sans-serif; }
.yt-facts span { display: block; margin-top: 6px; font-size: 14px; line-height: 1.3; color: #555; }
.yt-steps { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 14px; margin: 0 0 18px; padding: 0; list-style: none; counter-reset: yt-step; }
.yt-steps li { -webkit-flex: 1 1 calc(33.333% - 10px); flex: 1 1 calc(33.333% - 10px); max-width: calc(33.333% - 10px); margin: 0; padding: 18px 18px 18px 64px; position: relative; background: #f3f3f3; border-radius: 15px; text-align: left; counter-increment: yt-step; }
.yt-steps li:before { content: counter(yt-step); position: absolute; left: 16px; top: 16px; width: 34px; height: 34px; line-height: 34px; border-radius: 50%; background: #fabb00; color: #1e1b20; text-align: center; font-size: 20px; font-family: "RobotoCondensedBold", Arial, sans-serif; }
.descCategory .yt-steps li { background: #fff; }
.yt-steps b { display: block; font-size: 19px; line-height: 1.2; color: #1e1b20; font-family: "RobotoCondensedBold", Arial, sans-serif; }
.yt-steps span { display: block; margin-top: 6px; font-size: 14px; line-height: 1.4; color: #555; }
.yt-cta { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; gap: 12px 24px; padding: 20px 26px; background: #1e1b20; color: #fff; border-radius: 15px; text-align: left; }
.yt-cta p { margin: 0; font-size: 15px; line-height: 1.4; color: #fff; }
.yt-cta__phone { display: block; font-size: 28px; line-height: 1.1; color: #fabb00; font-family: "RobotoCondensedBold", Arial, sans-serif; text-decoration: none; }
.yt-cta__phone:hover, .yt-cta__phone:focus { color: #fff; text-decoration: none; }
.yt-cta__note { display: block; margin-top: 6px; font-size: 14px; color: #cfcfcf; }
#content .yt-cta a.sta1, .descCategory .yt-cta a.sta1 { margin: 0; padding: 12px 24px; font-size: 20px; color: #fff; background: transparent; }
#content .yt-cta a.sta1:hover, .descCategory .yt-cta a.sta1:hover { background: #fabb00; color: #1e1b20; }
@media (max-width: 991px) { .yt-facts li, .yt-steps li { -webkit-flex-basis: calc(50% - 7px); flex-basis: calc(50% - 7px); max-width: calc(50% - 7px); } }
@media (max-width: 780px) {
	.yt-facts, .yt-steps { gap: 10px; }
	.yt-facts li { -webkit-flex-basis: calc(50% - 5px); flex-basis: calc(50% - 5px); max-width: calc(50% - 5px); padding: 12px 10px; }
	.yt-facts b { font-size: 21px; }
	.yt-steps li { -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; padding: 14px 14px 14px 58px; }
	.yt-steps li:before { left: 12px; top: 12px; }
	.yt-cta { padding: 18px 16px; }
	#content .yt-cta a.sta1, .descCategory .yt-cta a.sta1 { width: 100%; text-align: center; }
}

.yt-faq { margin: 10px 0 28px; }
.yt-faq details { margin: 0 0 10px; background: #fff; border: 2px solid #fabb00; border-radius: 15px; }
.yt-faq summary { position: relative; padding: 16px 52px 16px 20px; font-size: 19px; line-height: 1.25; color: #1e1b20; font-family: "RobotoCondensedBold", Arial, sans-serif; cursor: pointer; list-style: none; }
.yt-faq summary::-webkit-details-marker { display: none; }
.yt-faq summary::marker { content: ""; }
.yt-faq summary:after { content: ""; position: absolute; right: 20px; top: 50%; width: 12px; height: 12px; margin-top: -9px; border-right: 3px solid #fabb00; border-bottom: 3px solid #fabb00; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform .2s; transition: transform .2s; }
.yt-faq details[open] summary:after { margin-top: -3px; -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.yt-faq details[open] summary { border-bottom: 1px solid #f3e2a3; }
.yt-faq__body { padding: 14px 20px 6px; font-size: 15px; line-height: 1.55; color: #333; }
.yt-faq__body p, .yt-faq__body ul { margin: 0 0 12px; }
.yt-faq__body ul { padding-left: 20px; }
.yt-faq__body li { margin: 0 0 5px; }
@media (max-width: 780px) { .yt-faq summary { padding: 13px 44px 13px 14px; font-size: 17px; } .yt-faq summary:after { right: 16px; } .yt-faq__body { padding: 12px 14px 4px; } }

@media (min-width: 781px) {
	.main-nav > ul > li > ul.drop { z-index: 30; }
}
@media (min-width: 781px) and (hover: none) {
	.main-nav .parent .toggle { display: block; }
	.main-nav > ul > li:hover > ul.drop { display: none; visibility: hidden; opacity: 0; }
	.main-nav > ul > li > .parent.active + ul.drop { visibility: visible; opacity: 1; }
}

svg.ic-max { display: inline-block; width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; }
.top-phone .header__msg { display: block; margin-top: 0; color: #eaba2b; font-size: 14px; line-height: 1.43; white-space: nowrap; }
.header__msg + a { margin-top: 4px; }
.menu-contacts a svg.ic-max { width: 17px; height: 17px; margin: 0 9px 0 0; color: #fabb00; vertical-align: -3px; }
.sticky-bar svg.ic-max { width: 22px; height: 22px; margin-bottom: 4px; color: #fabb00; }
.btn-social { width: auto; min-width: 118px; padding-right: 12px; }
.btn-social.btn-max { color: #fff; background: linear-gradient(135deg, #3d8bff, #8a4dff); border-color: rgba(0,0,0,.2); }
.btn-social.btn-max:hover, .btn-social.btn-max:focus { color: #fff; background: linear-gradient(135deg, #2f78ec, #7a3cf0); }
.btn-social.btn-max > :first-child { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.btn-social.btn-max svg.ic-max { width: 18px; height: 18px; }

.home-repair { padding: 10px 0 50px; background: #f4f4f4; }
.home-repair__heading { margin: 30px 0 0; font-size: 31px; text-transform: uppercase; text-align: center; }
.home-repair__heading:after { content: ''; display: block; width: 190px; height: 2px; margin: 10px auto 30px; background: #fac01e; }
.home-repair__row { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 40px; }
.home-repair__body { -webkit-flex: 1 1 52%; flex: 1 1 52%; min-width: 0; }
.home-repair__media { -webkit-flex: 1 1 48%; flex: 1 1 48%; position: relative; padding: 0 0 40px 60px; }
.home-repair__lead { margin: 0 0 22px; font-size: 18px; line-height: 1.5; color: #333; }
.home-repair__facts { display: -ms-grid; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0 0 26px; padding: 0; list-style: none; }
.home-repair__facts li { position: relative; margin: 0; padding: 16px 16px 16px 66px; background: #fff; border-radius: 15px; box-shadow: 0 2px 10px rgba(0,0,0,.05); }
.home-repair__facts .fa { position: absolute; left: 16px; top: 50%; width: 38px; height: 38px; margin-top: -19px; line-height: 38px; border-radius: 50%; background: #fabb00; color: #1e1b20; font-size: 18px; text-align: center; }
.home-repair__facts b { display: block; font-size: 18px; line-height: 1.2; color: #1e1b20; font-family: "RobotoCondensedBold", Arial, sans-serif; }
.home-repair__facts span { display: block; margin-top: 3px; font-size: 14px; line-height: 1.3; color: #666; }
.home-repair__actions { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 14px; }
.home-repair__btn { display: inline-block; padding: 14px 26px; border: 2px solid #fabb00; border-radius: 15px; color: #1e1b20; font-size: 18px; text-transform: uppercase; text-decoration: none; transition: all .3s; }
.home-repair__btn:hover, .home-repair__btn:focus { background: #fabb00; color: #1e1b20; text-decoration: none; }
.home-repair__btn--main { background: #fabb00; }
.home-repair__btn--main:hover, .home-repair__btn--main:focus { background: #1e1b20; border-color: #1e1b20; color: #fff; }
.home-repair__photo { display: block; width: 100%; height: auto; border-radius: 20px; box-shadow: 0 12px 30px rgba(0,0,0,.18); }
.home-repair__photo--small { position: absolute; left: 0; bottom: 0; width: 46%; border: 6px solid #f4f4f4; border-radius: 18px; box-shadow: 0 8px 20px rgba(0,0,0,.2); }
.home-repair__badge { position: absolute; top: 18px; right: -10px; padding: 12px 16px; border-radius: 15px; background: #1e1b20; color: #fabb00; font-size: 18px; line-height: 1.15; text-align: center; text-transform: uppercase; font-family: "RobotoCondensedBold", Arial, sans-serif; box-shadow: 0 8px 20px rgba(0,0,0,.25); }
@media (max-width: 1199px) {
	.home-repair__row { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-align-items: stretch; align-items: stretch; gap: 30px; }
	.home-repair__media { width: 100%; max-width: 560px; margin: 0 auto; padding-left: 40px; }
	.home-repair__badge { right: 0; }
}
@media (max-width: 780px) {
	.home-repair { padding-bottom: 36px; }
	.home-repair__heading { font-size: 24px; }
	.home-repair__lead { font-size: 16px; }
	.home-repair__facts { grid-template-columns: 1fr; gap: 10px; }
	.home-repair__facts li { padding: 12px 12px 12px 60px; }
	.home-repair__facts b { font-size: 17px; }
	.home-repair__media { padding: 0 0 30px 30px; }
	.home-repair__badge { top: 12px; padding: 9px 12px; font-size: 15px; }
	.home-repair__btn { width: 100%; text-align: center; font-size: 16px; }
}

.yt-prices { clear: both; margin: 26px 0 10px; }
.yt-prices h2 { margin: 0 0 14px; font-size: 26px; }
.yt-prices__table { width: 100%; max-width: 640px; margin: 0 0 14px; border-collapse: collapse; background: #fff; border-radius: 15px; overflow: hidden; }
.yt-prices__table th, .yt-prices__table td { padding: 11px 16px; text-align: left; border-bottom: 1px solid #eee; font-size: 16px; }
.yt-prices__table th { background: #fabb00; color: #1e1b20; font-family: "RobotoCondensedBold", Arial, sans-serif; font-weight: normal; }
.yt-prices__table td:last-child, .yt-prices__table th:last-child { text-align: right; white-space: nowrap; font-family: "RobotoCondensedBold", Arial, sans-serif; }
.yt-prices__table tr:last-child td { border-bottom: 0; }
.yt-prices__lead { font-size: 18px; line-height: 1.5; }
.yt-prices__note { font-size: 14px; color: #555; }
#content .yt-prices__cta a.sta1, .descCategory .yt-prices__cta a.sta1 { margin: 6px 0 0; }
@media (max-width: 780px) { .yt-prices h2 { font-size: 22px; } .yt-prices__table th, .yt-prices__table td { padding: 9px 12px; font-size: 15px; } #content .yt-prices__cta a.sta1 { width: 100%; text-align: center; } }

.yt-list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 14px; margin: 0 0 18px; padding: 0; list-style: none; }
.yt-list li { -webkit-flex: 1 1 calc(50% - 7px); flex: 1 1 calc(50% - 7px); max-width: calc(50% - 7px); margin: 0; padding: 16px 18px; background: #fff; border: 2px solid #fabb00; border-radius: 15px; text-align: left; }
.yt-list b { display: block; font-size: 19px; line-height: 1.2; color: #1e1b20; font-family: "RobotoCondensedBold", Arial, sans-serif; font-weight: normal; }
.yt-list span { display: block; margin-top: 6px; font-size: 15px; line-height: 1.45; color: #444; }
.yt-table { margin: 0 0 20px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.yt-table table { display: table !important; width: 100%; border-collapse: collapse; background: #fff; border-radius: 15px; overflow: hidden; }
.yt-table th, .yt-table td { padding: 11px 16px; text-align: left; border-bottom: 1px solid #eee; font-size: 16px; }
.yt-table th { background: #fabb00; color: #1e1b20; font-family: "RobotoCondensedBold", Arial, sans-serif; font-weight: normal; white-space: nowrap; }
.yt-table tr:last-child td { border-bottom: 0; }
.yt-table td:first-child { font-family: "RobotoCondensedBold", Arial, sans-serif; white-space: nowrap; }
.home-seo { padding: 10px 0 30px; }
.home-seo h2 { margin: 26px 0 12px; }
.home-seo h2:first-child { margin-top: 0; }
.home-seo h3 { margin: 18px 0 8px; }
.home-seo .yt-steps li { background: #fff; border: 2px solid #f3f3f3; }
@media (max-width: 780px) { .yt-list li { -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; padding: 12px 14px; } .yt-table { margin-left: -4px; margin-right: -4px; } .yt-table th, .yt-table td { padding: 9px 10px; font-size: 14px; } }
.home-seo .yt-steps, .ext-description .yt-steps { flex-direction: column; flex-wrap: nowrap; }
.home-seo .yt-steps li, .ext-description .yt-steps li { -webkit-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; width: 100%; }
.ext-description .yt-steps li { background: #fff; }

.home-adv { padding: 10px 0 20px; text-align: center; }
.home-adv h1, .home-adv h2 { margin: 30px 0 0; font-size: 31px; font-weight: 500; line-height: 1.2; text-transform: uppercase; }
.home-adv h1:after, .home-adv h2:after { content: ' '; width: 190px; height: 2px; background: #fac01e; display: block; margin: 10px auto 20px auto; }
.home-adv__lead { max-width: 860px; margin: 0 auto 10px; font-size: 16px; line-height: 1.6; color: #333; }
.home-adv__grid { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; gap: 20px; margin: 10px 0 10px; }
.home-adv__item { -webkit-flex: 0 1 calc(33.333% - 14px); flex: 0 1 calc(33.333% - 14px); box-sizing: border-box; padding: 26px 22px 22px; background: #fff; border-radius: 18px; box-shadow: 0 4px 18px rgba(30, 27, 32, .08); text-align: center; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.home-adv__item:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); box-shadow: 0 8px 24px rgba(250, 187, 0, .35); }
.home-adv__icon { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; box-sizing: border-box; width: 84px; height: 84px; margin-bottom: 14px; border: 3px solid #fabb00; border-radius: 50%; background: #fff; color: #1e1b20; line-height: 1; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.home-adv__icon .fa { display: block; width: auto; height: auto; margin: 0; padding: 0; font-size: 36px; line-height: 1; }
.home-adv__item:hover .home-adv__icon { background: #fabb00; }
.home-adv__item h3 { margin: 0 0 8px; font-size: 18px; line-height: 1.25; font-weight: bold; text-transform: uppercase; }
.home-adv__item p { margin: 0; font-size: 15px; line-height: 1.5; color: #444; font-family: "RobotoCondensedRegular", Arial, sans-serif; }
@media (max-width: 991px) { .home-adv__item { -webkit-flex-basis: calc(50% - 10px); flex-basis: calc(50% - 10px); } }
@media (max-width: 600px) { .home-adv h1, .home-adv h2 { font-size: 24px; } .home-adv__grid { gap: 12px; } .home-adv__item { -webkit-flex-basis: 100%; flex-basis: 100%; padding: 20px 16px 16px; } .home-adv__icon { width: 70px; height: 70px; } .home-adv__icon .fa { font-size: 30px; } }
.home-adv .hero__actions { margin: 6px 0 4px; white-space: normal; text-shadow: none; }
.home-adv .hero__btn--phone { background: transparent; }
@media (max-width: 780px) { .home-adv .hero__btn { display: block; width: 100%; margin: 0 0 10px; } .home-adv .hero__btn--phone { margin-left: 0; } }
.home-trade p { max-width: 400px; font-size: 16px; line-height: 1.6; }
@media (min-width: 992px) { .home-trade .row { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .home-trade .row:before, .home-trade .row:after { display: none; } .home-trade .row > .col-md-12 { width: 100%; } }
@media (max-width: 991px) { .home-trade p { max-width: 520px; margin-left: auto; margin-right: auto; padding-left: 0; text-align: center; } .home-trade a { margin: 5px 4px 0; } .home-trade .col-md-6 { text-align: center; } }