/* Резервная страница ttcauto.ru (02.11.2026, сбой Beget). Вёрстка по макету Figma «ТЕХНОТРЕЙД»,
   страница «Сайт», фрейм 01_ТЕХНОТРЕЙД_Главная_v2 (1600 px): светлый фон, чёрные блоки,
   заголовки Oswald капсом, текст Montserrat, жёлтый только в логотипе и галочках. */
:root {
  --c-bg: #f4f4f6;
  --c-white: #ffffff;
  --c-black: #111111;
  --c-black-2: #1b1b1b;
  --c-text: #1a1a1a;
  --c-muted: #6f6f73;
  --c-line: #e3e3e6;
  --c-line-dark: rgba(255, 255, 255, .14);
  --c-accent: #ffbb00;
  --c-error: #d93a2b;
  --font-head: "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wrap: 1160px;
  --gutter: 16px;
  --section: clamp(56px, 7vw, 100px);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: var(--c-white); color: var(--c-text); font: 14px/1.55 var(--font-body); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button { font: inherit; color: inherit; }
h1, h2, h3 { margin: 0; font-weight: 500; }
h2 { font: 500 clamp(26px, 2.6vw, 36px)/1.15 var(--font-head); text-transform: uppercase; margin-bottom: 36px; }
.wrap { max-width: calc(var(--wrap) + 2 * var(--gutter)); margin: 0 auto; padding: 0 var(--gutter); }
.i { display: inline-grid; place-items: center; flex: none; width: 16px; height: 16px; border-radius: 50%; background: #6b6b6b; color: #fff; font: 700 10px/1 var(--font-body); font-style: normal; }

/* Кнопки */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 28px; border: 1px solid transparent; border-radius: 2px;
  font: 600 12px/1 var(--font-body); text-transform: uppercase; letter-spacing: .02em;
  text-decoration: none; cursor: pointer; transition: background .15s, color .15s, transform .15s;
}
.btn:active { transform: translateY(1px); }
.btn--black { background: var(--c-black); color: #fff; }
.btn--black:hover { background: #333; }
.btn--white { background: #fff; color: var(--c-black); }
.btn--white:hover { background: var(--c-accent); }
.btn--big { min-height: 100px; padding: 0 46px; font-size: 13px; }
.btn--wide { width: 100%; min-height: 80px; }
.btn[disabled] { opacity: .6; cursor: progress; }
:is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }

/* Шапка */
.header { position: sticky; top: 0; z-index: 30; background: #fff; border-bottom: 1px solid var(--c-line); }
.header__top { display: flex; align-items: center; gap: 22px; padding-top: 10px; padding-bottom: 8px; }
.logo img { width: 150px; }
.header__tag { margin: 0; font-size: 10px; color: var(--c-muted); }
.header__link { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 500; text-transform: uppercase; text-decoration: none; }
.header__link:first-of-type { margin-left: auto; }
.header__link:hover { color: #9b7000; }
.header__bottom { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; }
.nav { display: flex; gap: 0; }
.nav a { display: inline-flex; align-items: center; gap: 8px; padding: 4px 22px; font-size: 11px; font-weight: 500; text-transform: uppercase; text-decoration: none; border-left: 1px solid var(--c-line); }
.nav a:first-child { padding-left: 0; border-left: 0; }
.nav a:hover { color: #9b7000; }
.header__phone { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.3; }
.header__phone a { font-weight: 600; font-size: 13px; text-decoration: none; }
.header__phone span { font-size: 10px; color: var(--c-muted); }

/* Первый экран */
.hero { background: radial-gradient(ellipse at 60% 40%, #2a2a2a 0%, #0b0b0b 70%); color: #fff; }
.hero__inner { position: relative; padding-top: 56px; padding-bottom: 44px; }
.hero__head { display: flex; justify-content: space-between; gap: 40px; }
.hero h1 { font: 500 clamp(34px, 4.2vw, 56px)/1.12 var(--font-head); text-transform: uppercase; }
.hero__note { display: flex; gap: 12px; max-width: 290px; margin: 6px 0 0; font-size: 12px; color: #d6d6d6; }
.hero__slides { position: relative; height: clamp(200px, 24vw, 330px); margin: -30px 0 24px auto; max-width: 620px; }
.hero__slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: right center; opacity: 0; transition: opacity .6s; }
.hero__slide.is-active { opacity: 1; }
.hero__arrow { position: absolute; top: 46%; width: 44px; height: 44px; background: rgba(0,0,0,.4); border: 1px solid var(--c-line-dark); color: #fff; cursor: pointer; }
.hero__arrow:hover { background: #fff; color: var(--c-black); }
.hero__arrow--prev { left: -60px; }
.hero__arrow--next { right: -60px; }
.hero__count { position: absolute; right: -50px; top: calc(46% + 56px); margin: 0; font: 500 18px var(--font-head); color: #9a9a9a; }
.hero__count b { color: #fff; font-size: 22px; }
.hero__bottom { display: flex; align-items: center; gap: 48px; }
.hero__kinds { flex: 1; }
.hero__sixty { margin: 0 0 10px; font: 400 clamp(30px, 3.4vw, 44px)/1 var(--font-head); text-transform: uppercase; }
.hero__sixty b { font-weight: 600; }
.checks { display: flex; flex-wrap: wrap; gap: 8px 30px; margin: 0; padding: 0; list-style: none; font-size: 11px; color: #cfcfcf; }
.checks li { position: relative; padding-left: 18px; max-width: 170px; }
.checks li::before { content: "✓"; position: absolute; left: 0; top: -1px; color: var(--c-accent); font-weight: 700; }
.checks b { color: #fff; font-weight: 600; }
.socials { display: flex; gap: 6px; align-self: flex-start; margin-top: 4px; }
.socials a { display: grid; place-items: center; width: 40px; height: 40px; background: #2a2a2a; color: #fff; }
.socials a:hover { background: #fff; color: var(--c-black); }
.socials--light a { background: var(--c-bg); color: var(--c-black); }
.brands { border-top: 1px solid var(--c-line-dark); background: #0c0c0c; overflow: hidden; }
.brands__row { display: flex; align-items: center; gap: 56px; padding: 14px 24px; white-space: nowrap; animation: brands 40s linear infinite; width: max-content; }
.brands__row span { font: 600 16px var(--font-head); letter-spacing: .06em; color: #7a7a7a; }
.brands__row img { height: 26px; width: auto; opacity: .55; filter: grayscale(1) brightness(1.6); }
@keyframes brands { from { transform: translateX(0); } to { transform: translateX(-30%); } }

/* Секции */
.section { padding: var(--section) 0; background: #fff; }
.section--light { background: var(--c-bg); }
.section--tight { padding-top: 0; }
.section__head { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 36px; }
.section__head h2 { margin: 0; }

/* Вкладки и плитки каталога */
.tabs { display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid #cfcfd3; margin-bottom: 26px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.tabs::-webkit-scrollbar { display: none; }
.tabs__btn { padding: 0 0 20px; background: none; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; font: 500 clamp(18px, 2vw, 24px) var(--font-head); text-transform: uppercase; cursor: pointer; white-space: nowrap; }
.tabs__btn.is-active { border-color: #777; }
.tabs__btn:hover { color: #9b7000; }
.tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 30px; }
.tiles[hidden] { display: none; }
.tile { position: relative; display: flex; flex-direction: column; min-height: 230px; padding: 24px 24px 14px; background: #fff; border: 0; text-align: left; cursor: pointer; transition: box-shadow .2s; }
.tile span { font-size: 13px; font-weight: 500; text-transform: uppercase; }
.tile::after { content: "↗"; position: absolute; top: 18px; right: 18px; display: grid; place-items: center; width: 26px; height: 26px; background: var(--c-bg); font-size: 13px; transition: background .2s, color .2s; }
.tile img { margin: 8px auto 0; max-height: 170px; width: auto; object-fit: contain; }
.tile:hover { box-shadow: 0 14px 40px rgba(0,0,0,.12); z-index: 1; }
.tile:hover::after { content: "→"; background: var(--c-black); color: #fff; }
.tile--text { min-height: 120px; }

/* Полный каталог */
.promo { background: radial-gradient(ellipse at 50% 50%, #3a3a3a 0%, #0d0d0d 65%); color: #fff; }
.promo__row { display: grid; grid-template-columns: 1fr 1.1fr 1fr; align-items: center; gap: 30px; padding-top: 24px; padding-bottom: 24px; }
.promo h2 { margin-bottom: 26px; font-size: clamp(22px, 2.2vw, 28px); }
.promo__sub { display: flex; align-items: center; gap: 14px; margin: 0; font-size: 12px; text-transform: uppercase; }
.avatar { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--c-black); font: 600 13px var(--font-head); }
.promo__img { margin: 0 auto; max-height: 260px; width: auto; }
.promo .btn--wide { min-height: 64px; }
.promo__note { display: flex; gap: 12px; margin: 22px 0 0; font-size: 11px; color: #bdbdbd; }

/* Интересные модели */
.arrows { display: flex; gap: 6px; }
.arrows button { width: 44px; height: 44px; background: var(--c-black); color: #fff; border: 0; cursor: pointer; font-size: 16px; }
.arrows button:hover { background: #444; }
.cards { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 12px) / 3); gap: 6px; overflow-x: auto; overflow-y: hidden; padding-top: 12px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.cards::-webkit-scrollbar { display: none; }
.card { position: relative; display: flex; flex-direction: column; padding: 0 22px 22px; background: var(--c-bg); scroll-snap-align: start; }
.badge { position: absolute; top: -10px; left: 0; z-index: 1; padding: 3px 10px; background: var(--c-black); color: #fff; font-size: 10px; }
.card img { margin: 10px -22px 14px; width: calc(100% + 44px); max-width: none; aspect-ratio: 16 / 9; object-fit: contain; background: #fff; padding: 10px; }
.card h3 { margin-bottom: 16px; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1.35; }
.card dl { display: grid; grid-template-columns: 40% 1fr; gap: 4px 10px; margin: 0 0 18px; padding-bottom: 16px; border-bottom: 1px solid var(--c-line); font-size: 11px; }
.card dt { color: var(--c-muted); }
.card dd { margin: 0; font-weight: 500; }
.card .btn { align-self: flex-start; margin-top: auto; min-width: 160px; }

/* Каталог техники: фото + меню */
.showcase { position: relative; overflow: hidden; }
.showcase > img { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; }
.showcase__menu { position: absolute; inset: 0 auto 0 0; width: 24%; margin: 0; padding: 0; list-style: none; display: grid; grid-template-rows: repeat(4, 1fr); background: rgba(20, 20, 20, .35); backdrop-filter: blur(3px); }
.showcase__menu li + li { border-top: 1px solid var(--c-line-dark); }
.showcase__menu button { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 22px; background: none; border: 0; color: #fff; font-size: 12px; font-weight: 500; text-transform: uppercase; cursor: pointer; }
.showcase__menu button:hover { background: rgba(0,0,0,.45); }
.showcase__menu span { font-size: 22px; line-height: 1; }
.showcase__btn { position: absolute; right: 8px; bottom: 8px; min-height: 64px; }

/* Преимущества */
.adv { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; }
.adv__card { position: relative; display: flex; flex-direction: column; padding: 26px 20px 30px; background: #fff; min-height: 300px; }
.adv__card::after { content: "✓"; position: absolute; top: 8px; right: 8px; display: grid; place-items: center; width: 22px; height: 22px; background: var(--c-bg); font-size: 11px; }
.adv__card h3 { margin-bottom: 24px; font-size: 13px; font-weight: 500; text-transform: uppercase; line-height: 1.35; }
.adv__card p { margin: 0; font-size: 11px; line-height: 1.6; color: #3a3a3a; }
.adv__card img { width: 85%; margin: auto 0 -46px; }
.adv__bar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 0; padding: 26px 20px; list-style: none; background: var(--c-black); color: #fff; }
.adv__bar li { display: flex; align-items: center; gap: 14px; font-size: 12px; font-weight: 500; text-transform: uppercase; line-height: 1.35; }
.ico { display: grid; place-items: center; flex: none; width: 30px; height: 30px; background: #2b2b2b; }

/* Гарантируем */
.guarantee { background: #0d0d0d; color: #fff; padding: 56px 0; }
.guarantee__row { position: relative; display: grid; grid-template-columns: 300px 1fr; gap: 40px; }
.guarantee__text { display: flex; flex-direction: column; align-items: flex-start; }
.guarantee h2 { margin-bottom: 56px; }
.sq { width: 36px; height: 36px; background: none; border: 1px solid var(--c-line-dark); color: #fff; cursor: pointer; }
.sq:hover { background: #fff; color: var(--c-black); }
.guarantee__items { position: relative; min-height: 190px; width: 100%; margin: 40px 0 24px; }
.g-item { position: absolute; inset: 0; opacity: 0; transition: opacity .4s; pointer-events: none; }
.g-item.is-active { opacity: 1; pointer-events: auto; }
.g-num { margin: 0 0 12px; color: #777; font: 400 15px var(--font-head); }
.g-item h3 { margin-bottom: 18px; font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 1.4; }
.g-item p:last-child { margin: 0; font-size: 11px; color: #cfcfcf; }
.guarantee__media { position: relative; aspect-ratio: 4 / 3; max-height: 420px; }
.g-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .5s; }
.g-photo.is-active { opacity: 1; }
.dots { position: absolute; right: -30px; top: 50%; transform: translateY(-50%); margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.dots li { width: 6px; height: 6px; border-radius: 50%; border: 1px solid #777; }
.dots li.is-active { background: #fff; border-color: #fff; }

/* Компания + форма */
.split { display: grid; grid-template-columns: 1fr 1fr; }
.split__text { padding: 40px 30px 36px; background: #fff; }
.split__text h2 { margin-bottom: 22px; }
.split__text > p { margin: 0 0 12px; font-size: 11px; line-height: 1.6; }
.quote { display: grid; grid-template-columns: auto 1fr; gap: 6px 20px; margin-top: 30px; }
.quote__mark { font-size: 40px; line-height: .7; }
.quote p { margin: 0; grid-column: 1 / -1; font-size: 11px; font-style: italic; max-width: 330px; }
.quote__who { display: flex; flex-direction: column; align-items: flex-end; text-align: right; font-style: normal !important; max-width: none !important; }
.quote__who b { font-size: 12px; font-weight: 500; text-transform: uppercase; }
.quote__who span { font-size: 10px; color: var(--c-muted); }
.split__form { display: flex; flex-direction: column; gap: 4px; padding: 40px 30px 36px; background: linear-gradient(160deg, #2b2b2b, #050505); color: #fff; }
.split__form h2 { margin-bottom: 18px; }
.split__form > p { margin: 0 0 28px; font-size: 11px; max-width: 300px; }
.split__form input[name="name"], .phone { background: #2a2a2a; border: 0; color: #fff; }
.split__form input[name="name"] { height: 56px; padding: 0 18px; font: 500 12px var(--font-body); }
.phone { display: flex; align-items: center; gap: 12px; height: 56px; padding: 0 6px; margin-bottom: 18px; }
.phone span { display: grid; place-items: center; height: 44px; padding: 0 14px; background: #3a3a3a; font-size: 12px; font-weight: 600; white-space: nowrap; }
.phone input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; color: inherit; font: 500 13px var(--font-body); letter-spacing: .08em; }
.phone--light { background: #fff; color: var(--c-text); margin: 0; }
.phone--light span { background: var(--c-bg); }
input::placeholder { color: #9a9a9a; }
input[aria-invalid="true"] { box-shadow: inset 0 0 0 1px var(--c-error); }
.split__form .btn { min-height: 56px; }
.consent { display: flex; gap: 10px; margin-top: 18px; font-size: 9px; line-height: 1.5; color: #bdbdbd; }
.consent input { flex: none; width: 14px; height: 14px; margin: 0; accent-color: #fff; }
.consent--dark { color: var(--c-muted); }
.consent--dark input { accent-color: var(--c-black); }
.form__trap { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form__status { margin: 10px 0 0; min-height: 1.4em; font-size: 12px; font-weight: 600; }
.form__status.is-ok { color: #2f9e44; }
.split__form .form__status.is-ok { color: var(--c-accent); }
.form__status.is-error { color: var(--c-error); }

/* Клиенты и подбор */
.clients { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 40px; }
.client__n { display: inline-grid; place-items: center; width: 22px; height: 22px; background: var(--c-black); color: #fff; font-size: 10px; margin-bottom: 22px; position: relative; }
.client__n::after { content: ""; position: absolute; left: 34px; top: 50%; width: 180px; height: 1px; background: var(--c-line); }
.client { overflow: hidden; }
.client h3 { min-height: 36px; margin-bottom: 18px; font-size: 13px; font-weight: 400; text-transform: uppercase; line-height: 1.35; }
.client img { width: 100%; aspect-ratio: 13 / 10; object-fit: cover; }
.client p { margin: 16px 0 0; font-size: 10px; }
.pick { display: grid; grid-template-columns: 1fr 1fr; background: #1b1b1b; color: #fff; }
.pick > img { width: 100%; height: 100%; object-fit: cover; min-height: 320px; }
.pick__body { display: flex; flex-direction: column; align-items: flex-start; padding: 22px 30px; }
.pick__brand { display: flex; align-items: center; gap: 10px; margin: 0 0 26px; font-size: 10px; }
.pick h3 { margin-bottom: 14px; font: 500 20px/1.35 var(--font-head); text-transform: uppercase; max-width: 340px; }
.pick__body > p { margin: 0 0 22px; font-size: 10px; max-width: 340px; }
.pick__foot { display: flex; flex-direction: column; margin: auto 0 0 !important; padding-top: 20px; font-size: 11px; }
.pick__foot a { text-decoration: none; }
.pick__foot span { font-size: 9px; color: #9a9a9a; }

/* Партнёры */
.partners { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px; }
.partners img, .partners span { width: 100%; height: 76px; background: #fff; object-fit: contain; padding: 12px 22px; }
.partners span { display: grid; place-items: center; font-size: 10px; }

/* Мы предлагаем */
.offer { position: relative; min-height: 440px; overflow: hidden; color: #fff; display: flex; align-items: stretch; }
.offer > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.offer::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, #000 0%, rgba(0,0,0,.75) 25%, rgba(0,0,0,.1) 60%); }
.offer__inner { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; padding-top: 48px; padding-bottom: 48px; width: 100%; }
.offer h2 { margin-bottom: 16px; }
.offer p { max-width: 300px; margin: 0; font-size: 10px; line-height: 1.6; }
.offer__play { display: inline-flex; align-items: center; gap: 18px; margin-top: 40px; font-size: 10px; text-decoration: none; max-width: 260px; }
.offer__play span { display: grid; place-items: center; flex: none; width: 52px; height: 52px; border-radius: 50%; background: #fff; color: var(--c-black); font-size: 16px; padding-left: 3px; }

/* Отзывы */
.reviews { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 4px) / 2); gap: 4px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.reviews::-webkit-scrollbar { display: none; }
.review { margin: 0; padding: 24px 24px 22px; background: #fff; scroll-snap-align: start; display: flex; flex-direction: column; justify-content: space-between; min-height: 150px; }
.review figcaption { display: flex; align-items: center; gap: 10px; font-size: 10px; text-transform: uppercase; }
.review figcaption img { margin-left: auto; width: 70px; height: 30px; object-fit: contain; }
.q { font-size: 22px; line-height: .6; }
.review blockquote { margin: 40px 0 0; font-size: 10px; font-style: italic; max-width: 440px; }

/* Видеообзоры */
.section__head--videos { align-items: center; }
.sixty { display: flex; align-items: center; gap: 12px; margin: 0 0 0 auto; }
.sixty b { font: 500 30px/1 var(--font-head); }
.sixty span { max-width: 160px; font-size: 10px; }
.vtabs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }
.vtab { display: flex; align-items: center; gap: 30px; height: 40px; padding: 0 22px 0 10px; background: var(--c-bg); font-size: 11px; font-weight: 500; text-transform: uppercase; text-decoration: none; }
.vtab img { width: 80px; height: 40px; object-fit: contain; margin-top: -14px; }
.vtab.is-active { background: var(--c-black); color: #fff; }
.chips { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 26px; padding: 0; list-style: none; max-width: 420px; }
.chips li { padding: 6px 10px; background: #fff; border: 1px solid var(--c-line); font-size: 9px; font-weight: 500; }
.chips li.is-active { background: var(--c-black); color: #fff; border-color: var(--c-black); }
.videos { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.video { font-size: 9px; text-decoration: none; }
.video__img { position: relative; display: block; margin-bottom: 8px; }
.video__img img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.video__play { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 38px; height: 38px; margin: -19px 0 0 -19px; border-radius: 50%; background: #fff; color: var(--c-black); font-size: 13px; padding-left: 2px; transition: transform .2s; }
.video:hover .video__play { transform: scale(1.12); }

/* Остались вопросы */
.ask { margin-bottom: 50px; }
.ask__head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 36px; margin-bottom: 26px; }
.ask__head h2 { margin: 0; }
.ask__head > p { max-width: 230px; margin: 0; font-size: 9px; }
.ask__phone { display: flex; flex-direction: column; align-items: flex-start; }
.ask__phone a:first-child { font-size: 12px; font-weight: 500; text-decoration: none; }
.ask__call { font-size: 9px; text-decoration: none; }
.ask__row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4px; }
.ask__row > input { height: 40px; padding: 0 18px; border: 0; background: #fff; font: 500 10px var(--font-body); }
.ask__row .phone { height: 40px; }
.ask__row .phone span { height: 30px; font-size: 10px; }
.ask__row .btn { min-height: 40px; }
.subscribe { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 20px; padding: 30px 30px 0; background: linear-gradient(90deg, #0d0d0d, #2d2d2d); color: #fff; overflow: hidden; }
.subscribe h2 { margin-bottom: 12px; font-size: 22px; }
.subscribe p { margin: 0 0 20px; font-size: 10px; max-width: 260px; }
.subscribe > div { padding-bottom: 30px; }
.subscribe img { align-self: end; }

/* Подвал */
.footer { background: #0d0d0d; color: #fff; padding: 36px 0 90px; }
.footer__row { display: grid; grid-template-columns: 1fr 1fr auto; gap: 40px; }
.footer__col { display: flex; flex-direction: column; gap: 10px; }
.footer__phone { font-size: 14px; font-weight: 500; text-decoration: none; }
.footer__small { margin: 0; font-size: 8px; color: #8d8d8d; line-height: 1.7; }
.footer p { margin: 0; font-size: 9px; }
.footer a { text-decoration: none; }
.footer .btn { min-height: 34px; min-width: 130px; font-size: 9px; }

.callbar { display: none; }

/* Адаптив */
@media (max-width: 1280px) {
  .hero__arrow--prev { left: 0; } .hero__arrow--next { right: 0; }
  .hero__count { right: 8px; }
  .dots { right: 2px; }
  .guarantee__media { margin-right: 18px; }
}
@media (max-width: 1024px) {
  .header__tag, .header__link { display: none; }
  .promo__row { grid-template-columns: 1fr 1fr; }
  .promo__img { display: none; }
  .cards { grid-auto-columns: calc((100% - 6px) / 2); }
  .adv { grid-template-columns: 1fr 1fr; }
  .adv__bar { grid-template-columns: 1fr 1fr; }
  .adv__card img { margin-bottom: 0; }
  .clients { grid-template-columns: 1fr 1fr; }
  .partners { grid-template-columns: repeat(3, 1fr); }
  .guarantee__row { grid-template-columns: 1fr; }
  .dots { display: none; }
  .ask__head { grid-template-columns: 1fr; gap: 14px; }
}
@media (max-width: 720px) {
  body { font-size: 14px; }
  .header__top { padding-bottom: 4px; }
  .nav { display: none; }
  .header__bottom { position: absolute; right: var(--gutter); top: 10px; padding: 0; }
  .header__phone span { display: none; }
  .hero__head { flex-direction: column; gap: 14px; }
  .hero__slides { margin: 10px 0 20px; height: 200px; }
  .hero__arrow { display: none; }
  .hero__count { position: static; text-align: right; margin-top: -10px; }
  .hero__bottom { flex-direction: column; align-items: stretch; gap: 24px; }
  .btn--big { min-height: 64px; }
  .socials { display: none; }
  .tabs { justify-content: flex-start; gap: 24px; }
  .tiles { grid-template-columns: 1fr; }
  .tile { min-height: 190px; }
  .promo__row { grid-template-columns: 1fr; }
  .cards { grid-auto-columns: 86%; }
  .showcase > img { aspect-ratio: 4 / 3; }
  .showcase__menu { width: 52%; }
  .clients { grid-template-columns: 1fr 1fr; gap: 14px; }
  .client__n::after { display: none; }
  .adv, .adv__bar, .split, .pick, .videos, .vtabs, .subscribe, .footer__row, .ask__row { grid-template-columns: 1fr; }
  .adv__card { min-height: 0; }
  .split__text, .split__form { padding: 30px 20px; }
  .split__text > p, .adv__card p, .quote p, .client p, .offer p, .review blockquote, .ask__head > p, .subscribe p { font-size: 13px; }
  .partners { grid-template-columns: 1fr 1fr; }
  .reviews { grid-auto-columns: 88%; }
  .section__head--videos { flex-wrap: wrap; }
  .sixty { margin: 0; }
  .subscribe img { display: none; }
  .footer__small, .footer p { font-size: 12px; }
  .callbar {
    display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
    background: var(--c-black); color: #fff; text-align: center; text-decoration: none;
    font: 600 14px/1 var(--font-body); text-transform: uppercase; padding: 18px 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .brands__row { animation: none; }
}