/*
Theme Name: ТехСоюз — лендинг
Theme URI: https://techsoyuz66.ru/
Author: ТехСоюз
Description: Самостоятельная тема лендинга «ТехСоюз»: аренда спецтехники и доставка нерудных материалов. Конструкторы не используются, вся вёрстка — в файлах темы. Тексты и фотографии правятся в админке, раздел «Контент сайта».
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ts-landing
*/

.ts{
  --orange:#f7901e;
  --orange-dark:#ef7d06;
  --amber:#ffc400;
  --ink:#16171b;
  --ink-soft:#23252b;
  --dark:#131416;
  --muted:#5d636e;
  --muted-light:#b9bdc6;
  --line:#e5e7ec;
  --bg:#f4f5f7;
  --radius:14px;

  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--ink);
  line-height:1.55;
  background:#fff;
  -webkit-font-smoothing:antialiased;
  /* Широкие фоновые секции не должны давать горизонтальную прокрутку на телефоне. */
  overflow-x:hidden;
}
.ts *{box-sizing:border-box;}
.ts img{max-width:100%;display:block;}
.ts h1,.ts h2,.ts h3,.ts h4{font-family:"Manrope",system-ui,sans-serif;font-weight:800;margin:0;line-height:1.12;}
.ts p{margin:0;}
.ts a{text-decoration:none;color:inherit;}
.ts :where(button){font:inherit;cursor:pointer;}
.ts svg{flex:none;}
.ts-accent{color:var(--orange);}
.ts-todo{background:#ffe9a8;padding:0 4px;}

.ts__wrap{max-width:1320px;margin:0 auto;padding:0 24px;width:100%;}

/* ---------- Кнопки ---------- */
.ts__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:10px;
  font-weight:700;font-size:.98rem;border:1.5px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .2s ease,border-color .2s ease;}
.ts__btn svg{width:18px;height:18px;}
.ts__btn--lg{padding:16px 32px;font-size:1.04rem;border-radius:11px;}
.ts .ts__btn--primary{background:linear-gradient(95deg,var(--orange) 0%,var(--amber) 100%);color:#15161a;
  box-shadow:0 12px 24px -14px rgba(247,144,30,.95);}
.ts__btn--primary:hover{transform:translateY(-1px);box-shadow:0 16px 28px -14px rgba(247,144,30,1);}
.ts__btn--glass{background:rgba(18,19,22,.5);color:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(3px);}
.ts__btn--glass:hover{background:rgba(18,19,22,.72);border-color:#fff;}
.ts__btn--ghost{background:#fff;border-color:var(--line);color:var(--ink);}
.ts__btn--ghost:hover{border-color:var(--orange);color:var(--orange-dark);}

/* ---------- Заголовки секций ---------- */
.ts-eyebrow{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-bottom:12px;}
/* Отступ задаём с запасом по весу: правило .ts p{margin:0} иначе перебивает его. */
.ts .ts-eyebrow{margin-bottom:20px;}
.ts-eyebrow span{width:26px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--amber));flex:none;}
.ts-eyebrow--light{color:rgba(255,255,255,.72);}

.ts-sect{padding:68px 0;}
.ts-sect__head{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.ts-sect__head h2{font-size:2.45rem;text-transform:uppercase;letter-spacing:-.015em;}
.ts-sect__head--split{align-items:flex-end;}
.ts-sect__lede{color:var(--muted);max-width:44em;margin-top:14px;}
.ts-sect__lede--light{color:rgba(255,255,255,.78);}
.ts-more{display:inline-flex;align-items:center;gap:8px;color:var(--orange-dark);font-weight:600;font-size:.95rem;white-space:nowrap;}
.ts-more svg{width:17px;height:17px;transition:transform .15s ease;}
.ts-more:hover svg{transform:translateX(3px);}
.ts-more--light{color:var(--amber);}

.ts-grid{display:grid;gap:24px;margin-top:28px;}
.ts-grid--4{grid-template-columns:repeat(4,1fr);}
.ts-grid--3{grid-template-columns:repeat(3,1fr);}

/* ===================== ШАПКА ===================== */
.ts-hdr{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 0 var(--line);}
.ts-hdr__bar{display:flex;align-items:center;gap:22px;padding-top:12px;padding-bottom:12px;}
.ts-logo{display:flex;align-items:center;gap:2px;flex:none;}
.ts-logo__mark{height:48px;width:auto;}
.ts-logo__word{height:29px;width:auto;}
.ts-logo--light{margin-left:-6px;}
.ts-logo__full{height:58px;width:auto;}

.ts-nav{display:flex;align-items:center;gap:24px;margin-right:auto;margin-left:14px;}
.ts-nav a{font-size:.97rem;color:#343842;white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent;}
.ts-nav a:hover{color:var(--orange-dark);border-color:var(--orange);}
/* Пункт «Наша техника» раскрывается по клику: виды техники — отдельные секции. */
.ts-nav__drop{position:relative;}
.ts-nav__toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:6px 0;
  font-size:.97rem;color:#343842;white-space:nowrap;border-bottom:2px solid transparent;}
.ts-nav__toggle svg{width:15px;height:15px;transition:transform .18s ease;}
.ts-nav__toggle:hover{color:var(--orange-dark);border-color:var(--orange);}
.ts-nav__drop.is-open .ts-nav__toggle{color:var(--orange-dark);}
.ts-nav__drop.is-open .ts-nav__toggle svg{transform:rotate(180deg);}
.ts-nav__sub{display:none;position:absolute;top:calc(100% + 10px);left:-14px;min-width:244px;z-index:10;
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;
  box-shadow:0 22px 40px -24px rgba(16,20,28,.7);}
.ts-nav__drop.is-open .ts-nav__sub{display:block;}
.ts-nav__sub a{display:block;padding:10px 12px;border-radius:8px;font-size:.95rem;color:#343842;}
.ts-nav__sub a:hover{background:var(--bg);color:var(--orange-dark);}

.ts-phone{display:flex;align-items:center;gap:10px;flex:none;}
.ts-phone__nums{line-height:1.24;}
.ts-phone__ico{color:var(--orange);display:flex;}
.ts-phone__ico svg{width:19px;height:19px;}
.ts-phone__nums a{display:block;font-family:"Manrope",sans-serif;font-size:1.22rem;font-weight:800;letter-spacing:.005em;white-space:nowrap;color:var(--ink);}
.ts-phone__nums a:hover{color:var(--orange-dark);}
.ts-phone__hours{display:block;margin-top:3px;font-size:.76rem;color:var(--muted);}
.ts-hdr__cta{flex:none;}
.ts-hdr--plain .ts-hdr__cta{margin-left:auto;}

.ts-burger{display:none;width:44px;height:40px;border:1px solid var(--line);border-radius:9px;background:#fff;
  flex-direction:column;justify-content:center;align-items:center;gap:5px;}
.ts-burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease;}
.ts-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.ts-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.ts-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ===================== ПЕРВЫЙ ЭКРАН ===================== */
.ts-hero{position:relative;background-color:#1a1b1f;background-size:cover;background-position:center;
  display:flex;flex-direction:column;min-height:calc(100svh - var(--ts-hdr-h, 88px));}
.ts-hero::before{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(10,11,13,.88) 0%,rgba(10,11,13,.72) 32%,rgba(10,11,13,.18) 62%,rgba(10,11,13,.4) 100%);}
.ts-hero__inner{position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;
  justify-content:space-evenly;padding-top:28px;padding-bottom:28px;color:#fff;}
.ts-hero__inner > *{margin-top:0;margin-bottom:0;}
.ts-hero__h1{font-size:4.1rem;letter-spacing:-.02em;margin-bottom:0;}
.ts-hero__lede{font-size:1.14rem;color:rgba(255,255,255,.86);max-width:34em;margin-bottom:0;}
.ts-hero__btns{display:flex;gap:16px;flex-wrap:wrap;}

.ts-hero__feats{position:relative;background:rgba(10,11,13,.55);border-top:1px solid rgba(255,255,255,.14);backdrop-filter:blur(4px);}
.ts-hero__feats-row{display:flex;align-items:center;gap:14px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap;}
.ts-hero__feat{display:flex;align-items:center;gap:11px;color:#fff;font-size:.95rem;font-weight:600;flex:1 1 200px;}
.ts-hero__feat + .ts-hero__feat{border-left:1px solid rgba(255,255,255,.18);padding-left:24px;}
.ts-hero__feat-ico{color:var(--orange);display:flex;}
.ts-hero__feat-ico svg{width:26px;height:26px;}

/* ===================== ВИДЫ ТЕХНИКИ ===================== */
/* Однотипные секции .ts-cat, фон через одну — белый и светло-серый:
   подпись лежит прямо на снимке, как на карточках услуг. */
.ts-lift{background:#fff;}
.ts-build{background:var(--bg);}
.ts-auto{background:#fff;}
.ts-load{background:var(--bg);}
.ts-road{background:#fff;}
.ts-attach{background:var(--bg);}
.ts-cat__h2{font-size:2.45rem;text-transform:uppercase;letter-spacing:-.015em;}
/* Описание обрывается по правому краю второй карточки: две колонки сетки плюс зазор. */
.ts-cat__lede{max-width:calc((100% - 48px) / 3 * 2 + 24px);}
/* Отступ задаём с запасом по весу: правило .ts p{margin:0} иначе перебивает его. */
.ts .ts-cat__lede{margin-top:26px;}
.ts-cat__card{aspect-ratio:3/2;}
.ts-cat__card .ts-scard__t{font-size:1.12rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;}

/* ===================== НЕРУДНЫЕ МАТЕРИАЛЫ ===================== */
.ts-mat{position:relative;background-color:#17181b;background-size:cover;background-position:center;
  padding:68px 0 120px;color:#fff;}
.ts-mat::before{content:"";position:absolute;inset:0;background:rgba(14,15,17,.86);}
.ts-mat__inner{position:relative;}
.ts-mat__h2{color:#fff;}
.ts-mcard{background:#fff;border-radius:var(--radius);padding:10px 10px 0;display:flex;flex-direction:column;
  box-shadow:0 18px 34px -22px rgba(0,0,0,.8);transition:transform .18s ease;}
.ts-mcard:hover{transform:translateY(-3px);}
.ts-mcard__pic{display:block;border-radius:9px;overflow:hidden;aspect-ratio:16/9;background:#dcdfe4;}
.ts-mcard__pic img{width:100%;height:100%;object-fit:cover;}
.ts-mcard__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 8px 8px;}
.ts-mcard__t{font-family:"Manrope",sans-serif;font-weight:800;font-size:1rem;color:var(--ink);}
.ts-mcard__p{display:block;flex:1 1 auto;padding:0 8px 18px;font-size:.92rem;line-height:1.55;color:var(--muted);}
.ts-mcard__go{width:38px;height:38px;border-radius:50%;background:#fde8cd;color:var(--orange-dark);
  display:flex;align-items:center;justify-content:center;flex:none;transition:background .18s ease,color .18s ease;}
.ts-mcard__go svg{width:18px;height:18px;}
.ts-mcard:hover .ts-mcard__go{background:var(--orange);color:#fff;}

/* ===================== ЦИФРЫ ===================== */
.ts-stats-wrap{background:var(--bg);}
.ts-stats{background:#fff;border-radius:var(--radius);display:grid;grid-template-columns:repeat(4,1fr);
  margin-top:-70px;box-shadow:0 20px 40px -26px rgba(16,20,28,.6);position:relative;}
.ts-stat{display:flex;align-items:center;gap:14px;padding:26px 22px;}
.ts-stat + .ts-stat{border-left:1px solid var(--line);}
.ts-stat__ico{color:var(--orange);display:flex;}
.ts-stat__ico svg{width:32px;height:32px;}
.ts-stat b{display:block;font-family:"Manrope",sans-serif;font-size:1.85rem;font-weight:800;line-height:1.05;}
.ts-stat span span{font-size:.88rem;color:var(--muted);}

/* ===================== УСЛУГИ ===================== */
.ts-svc{background:var(--bg);}
.ts-scard{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:3/2;display:block;background:#2a2d33;
  box-shadow:0 14px 30px -24px rgba(16,20,28,.6);transition:transform .18s ease;}
.ts-scard:hover{transform:translateY(-3px);}
.ts-scard img{width:100%;height:100%;object-fit:cover;}
.ts-scard::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,11,13,0) 38%,rgba(10,11,13,.82) 100%);}
.ts-scard__bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;
  justify-content:space-between;gap:12px;padding:16px 16px 15px;}
.ts-scard__t{font-family:"Manrope",sans-serif;font-weight:700;font-size:.98rem;line-height:1.2;color:#fff;}
.ts-scard__go{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);color:#fff;
  display:flex;align-items:center;justify-content:center;flex:none;transition:background .18s ease,color .18s ease;}
.ts-scard__go svg{width:15px;height:15px;}
.ts-scard:hover .ts-scard__go{background:var(--orange);border-color:var(--orange);}

/* Плашка под карточками услуг: земляные и демонтажные работы со значками. */
.ts-svcx + .ts-svcx{margin-top:24px;}
.ts-svcx{position:relative;background:#fff;border-radius:var(--radius);overflow:hidden;
  padding:34px 34px 30px;box-shadow:0 22px 44px -34px rgba(16,20,28,.55);}
.ts-svcx::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--orange),var(--amber));}
.ts-svcx__head{display:flex;align-items:center;gap:24px;flex-wrap:wrap;
  padding-bottom:26px;border-bottom:1px solid var(--line);}
.ts-svcx__head h3{font-size:1.5rem;text-transform:uppercase;letter-spacing:-.01em;flex:0 1 auto;}
.ts-svcx__head p{color:var(--muted);font-size:.97rem;flex:1 1 280px;max-width:34em;margin-right:auto;}
.ts-svcx__head .ts__btn{flex:none;}
.ts-svcx__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:34px 30px;margin-top:28px;}
.ts-svcx__item{position:relative;display:block;padding-left:26px;color:inherit;}
.ts-svcx__item::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:2px;
  background:var(--line);transition:background .2s ease;}
.ts-svcx__item:hover::before{background:linear-gradient(180deg,var(--orange),var(--amber));}
.ts-svcx__ico{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  color:var(--orange-dark);background:linear-gradient(140deg,rgba(247,144,30,.16),rgba(255,196,0,.14));
  transition:background .2s ease,color .2s ease,transform .2s ease;}
.ts-svcx__ico svg{width:27px;height:27px;}
.ts-svcx__item:hover .ts-svcx__ico{background:linear-gradient(140deg,var(--orange),var(--amber));color:#15161a;transform:translateY(-2px);}
.ts-svcx__item h4{font-size:1.02rem;text-transform:uppercase;letter-spacing:.01em;margin:16px 0 8px;transition:color .2s ease;}
.ts-svcx__item:hover h4{color:var(--orange-dark);}
.ts-svcx__item p{color:var(--muted);font-size:.94rem;}

/* ===================== ДВА БАННЕРА ===================== */
.ts-promo{background:var(--bg);padding-bottom:68px;}
.ts-promo__row{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.ts-banner{position:relative;border-radius:var(--radius);overflow:hidden;background-color:#1a1b1f;
  background-size:cover;background-position:center right;min-height:300px;display:flex;}
.ts-banner::before{content:"";position:absolute;inset:0;
  background:linear-gradient(95deg,rgba(14,15,17,.96) 0%,rgba(14,15,17,.86) 42%,rgba(14,15,17,.28) 100%);}
.ts-banner__in{position:relative;padding:32px;color:#fff;max-width:62%;display:flex;flex-direction:column;align-items:flex-start;gap:16px;}
.ts-banner h3{font-size:1.52rem;text-transform:uppercase;letter-spacing:-.01em;}
.ts-banner p{color:rgba(255,255,255,.82);font-size:.97rem;}
.ts-banner .ts__btn{margin-top:auto;}

/* ===================== ПРЕИМУЩЕСТВА ===================== */
.ts-why__lede{color:var(--muted);max-width:30em;text-align:right;}
.ts-why__card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px 26px;
  transition:border-color .18s ease,box-shadow .18s ease;}
.ts-why__card:hover{border-color:#f3d2a6;box-shadow:0 16px 30px -24px rgba(16,20,28,.5);}
.ts-why__ico{display:flex;color:var(--orange);margin-bottom:16px;}
.ts-why__ico svg{width:34px;height:34px;}
.ts-why__card h3{font-size:1.08rem;margin-bottom:9px;}
.ts-why__card p{color:var(--muted);font-size:.94rem;}

/* ===================== О КОМПАНИИ ===================== */
.ts-about{padding-top:40px;}
.ts-about__row{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:stretch;}
.ts .ts-about__h2{font-size:2.6rem;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:30px;}
.ts-about__body p{color:var(--muted);margin-bottom:14px;}
.ts-about__body p:last-child{margin-bottom:0;}
.ts-about__body p:first-child{font-size:1.06rem;line-height:1.62;color:var(--ink);}
.ts-about__pic{border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 40px -28px rgba(16,20,28,.65);}
.ts-about__pic img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover;}

/* ===================== ОТЗЫВЫ ===================== */
.ts-rev{background:var(--bg);}
.ts-rev__top{display:grid;grid-template-columns:minmax(260px,.8fr) 1.6fr;gap:40px;align-items:start;}
.ts-rev__top h2{font-size:2.3rem;text-transform:uppercase;letter-spacing:-.015em;}
.ts-rev__quote{margin:0;position:relative;padding-left:52px;}
.ts-rev__mark{position:absolute;left:0;top:-14px;font-family:"Manrope",sans-serif;font-size:3.6rem;font-weight:800;color:#c9ced6;line-height:1;}
.ts-rev__quote p{color:#303540;font-size:1.02rem;}
.ts-rev__quote cite{display:block;margin-top:12px;font-style:normal;font-size:.9rem;color:var(--muted);}

.ts-rev__strip{display:flex;align-items:center;gap:16px;margin-top:30px;}
.ts-rev__track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;flex:1;padding:4px 0;}
.ts-rev__track::-webkit-scrollbar{display:none;}
.ts-rev__item{margin:0;flex:0 0 184px;border-radius:10px;overflow:hidden;aspect-ratio:16/10;background:#dcdfe4;}
.ts-rev__item img{width:100%;height:100%;object-fit:cover;}
.ts-rev__nav{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--orange-dark);
  display:flex;align-items:center;justify-content:center;flex:none;transition:background .18s ease,color .18s ease;}
.ts-rev__nav svg{width:18px;height:18px;}
.ts-rev__nav:hover{background:var(--orange);color:#fff;border-color:var(--orange);}
.ts-rev__nav--prev svg{transform:rotate(180deg);}

/* ===================== ЗАЯВКА ===================== */
.ts-lead{background:var(--dark);color:#fff;padding:62px 0;border-radius:28px 28px 0 0;margin-top:0;}
/* Ориентир колонки — карта: форма занимает ровно её высоту, поля разнесены
   от верхнего края карты до нижнего. */
.ts-lead__row{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;}
.ts-lead__form{display:flex;flex-direction:column;}
.ts-lead__form{justify-content:space-between;}
.ts-lead h2{font-size:2.3rem;text-transform:uppercase;letter-spacing:-.015em;}
.ts-lead__sub{color:rgba(255,255,255,.72);}
.ts-lead__msg{border-radius:10px;padding:12px 16px;margin-bottom:18px;font-size:.95rem;}
.ts-lead__msg--ok{background:rgba(64,176,96,.18);color:#9ce0b1;}
.ts-lead__msg--err{background:rgba(224,80,70,.18);color:#f3a9a3;}

.ts-form{display:grid;grid-template-columns:1fr 1fr;gap:26px 16px;flex:0 0 62%;align-content:space-between;}
.ts-form__trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.ts-form__in{background:#fff;border:1.5px solid transparent;border-radius:10px;padding:17px 18px;font:inherit;color:var(--ink);width:100%;}
.ts-form__in::placeholder{color:#9aa0ab;}
.ts-form__in:focus{outline:none;border-color:var(--orange);}
/* Услугу подставил клик по карточке — подсвечиваем поле, чтобы это было заметно. */
.ts-form__in.is-filled{border-color:var(--orange);box-shadow:0 0 0 4px rgba(247,144,30,.2);}
.ts-form__sel{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d636e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:42px;}
.ts-form__send{width:100%;}
.ts-form__agree{grid-column:1/-1;margin-top:4px;display:flex;align-items:flex-start;gap:9px;font-size:.84rem;color:rgba(255,255,255,.66);}
.ts-form__agree input{margin-top:3px;accent-color:var(--orange);flex:none;}
.ts-form__agree a{color:var(--amber);text-decoration:underline;}

/* Адрес переехал в подвал, под меню, — здесь остаётся только карта. */
.ts-map{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;background:#e8eaed;}
.ts-map iframe{width:100%;height:100%;border:0;display:block;}

/* ===================== ПОДВАЛ ===================== */
.ts-foot{background:var(--dark);color:#fff;padding:14px 0 26px;}
.ts-foot__row{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.1);}
.ts-foot__brand{flex:none;}
.ts-foot__mid{margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px;}
.ts-foot__nav{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;}
.ts-foot__addr{display:flex;align-items:center;gap:8px;font-size:.9rem;color:rgba(255,255,255,.72);}
.ts-foot__addr:hover{color:#fff;}
.ts-foot__addr svg{width:16px;height:16px;flex:none;color:var(--orange);}
.ts-foot__nav a{font-size:.95rem;color:rgba(255,255,255,.82);}
.ts-foot__nav a:hover{color:var(--orange);}
.ts-foot__contacts{display:flex;flex-direction:column;gap:5px;}
.ts-foot__contacts a{display:flex;align-items:center;gap:9px;font-size:.95rem;color:rgba(255,255,255,.9);}
.ts-foot__contacts svg{width:17px;height:17px;color:var(--orange);}
.ts-foot__soc{display:flex;align-items:center;gap:10px;}
.ts-foot__soc-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;}
.ts-foot__soc-btn svg{width:20px;height:20px;}
.ts-foot__soc-btn--wa{background:#25d366;}
.ts-foot__soc-btn--tg{background:#2aabee;}
.ts-foot__up{width:36px;height:36px;border-radius:9px;border:0;background:linear-gradient(95deg,var(--orange),var(--amber));
  color:#15161a;display:flex;align-items:center;justify-content:center;}
.ts-foot__up svg{width:18px;height:18px;transform:rotate(-90deg);}
.ts-foot__bottom{padding-top:16px;font-size:.82rem;color:rgba(255,255,255,.5);display:flex;flex-direction:column;gap:4px;}
.ts-foot__legal{display:flex;gap:18px;flex-wrap:wrap;margin-top:4px;}
.ts-foot__legal a{color:rgba(255,255,255,.62);text-decoration:underline;}

/* ===================== ЮРИДИЧЕСКИЕ СТРАНИЦЫ ===================== */
.ts-page{padding:48px 24px 72px;max-width:900px;}
.ts-page__title{font-size:2.1rem;margin-bottom:24px;}
.ts-page__content h2{font-size:1.25rem;margin:28px 0 10px;}
.ts-page__content p,.ts-page__content li{color:#33373f;margin-bottom:10px;}
.ts-page__content ul{padding-left:22px;}
.ts-page__content a{color:var(--orange-dark);text-decoration:underline;}

/* ===================== COOKIE ===================== */
.ts-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:0 20px 44px -22px rgba(16,20,28,.6);padding:16px 20px;
  display:flex;align-items:center;gap:18px;max-width:880px;margin:0 auto;}
.ts-cookie p{font-size:.87rem;color:var(--muted);}
.ts-cookie a{color:var(--orange-dark);text-decoration:underline;}
.ts-cookie .ts__btn{flex:none;padding:10px 20px;font-size:.9rem;}
.ts-cookie[hidden]{display:none;}

/* ===================== АДАПТИВ ===================== */
/* Шесть пунктов меню в одну строку помещаются только на широком экране:
   ниже 1440 сжимаем шрифт и отступы, ниже 1280 прячем меню в бургер. */
@media (max-width:1440px){
  .ts-nav{gap:16px;margin-left:8px;}
  .ts-nav a{font-size:.9rem;}
  .ts-phone__nums a{font-size:1.08rem;}
}

@media (max-width:1280px){
  .ts-burger{display:flex;}
  .ts-nav{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;
    gap:0;margin:0;padding:8px 24px 16px;box-shadow:0 18px 30px -22px rgba(16,20,28,.6);display:none;}
  .ts-nav.is-open{display:flex;}
  .ts-nav a{padding:12px 0;border-bottom:1px solid var(--line);}
  /* В бургере выпадающий пункт раскрывается прямо в столбик, без плашки. */
  .ts-nav__drop{width:100%;}
  .ts-nav__toggle{width:100%;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);}
  .ts-nav__toggle:hover{border-color:var(--line);}
  .ts-nav__sub{position:static;min-width:0;border:0;border-radius:0;padding:0 0 0 14px;box-shadow:none;background:none;}
  .ts-nav__sub a{padding:11px 0;border-bottom:1px solid var(--line);border-radius:0;}
  .ts-nav__sub a:hover{background:none;}
  .ts-hdr__bar{position:relative;}
  .ts-hdr__cta{margin-left:auto;}
}

@media (max-width:1180px){
  .ts-hero__h1{font-size:3.4rem;}
}

@media (max-width:1024px){
  .ts-cat__lede{max-width:none;}
  .ts-grid--4,.ts-grid--3{grid-template-columns:repeat(2,1fr);}
  /* Третья карточка одна в ряду — растягиваем её на обе колонки. */
  .ts-grid--3 > :last-child{grid-column:span 2;}
  .ts-stats{grid-template-columns:repeat(2,1fr);}
  .ts-stat:nth-child(3){border-left:0;}
  .ts-stat:nth-child(n+3){border-top:1px solid var(--line);}
  .ts-about__row,.ts-lead__row,.ts-promo__row,.ts-rev__top{grid-template-columns:1fr;gap:28px;}
  /* В одну колонку высоту задаёт содержимое — растягивать форму не по чему. */
  /* Отступы задаём через gap: `.ts p{margin:0}` перебил бы margin у подзаголовка. */
  .ts-form{flex:none;}
  .ts-lead__form{gap:16px;}
  .ts-why__lede{text-align:left;}
  .ts-banner__in{max-width:78%;}
  .ts-rev__quote{padding-left:44px;}
}

@media (max-width:860px){
  .ts-phone{display:none;}
  /* Узкий экран вырезает из широкого снимка вертикальную полосу: по центру это
     небо, поэтому кадр сдвинут на экскаватор. Косая затемняющая заливка
     на такой ширине накрывает кадр целиком — на телефоне она вертикальная, чтобы
     техника читалась, а текст по-прежнему лежал на тёмном. */
  .ts-hero{min-height:calc(100svh - var(--ts-hdr-h, 76px));background-position:70% center;}
  .ts-hero::before{background:linear-gradient(180deg,rgba(10,11,13,.82) 0%,rgba(10,11,13,.5) 40%,rgba(10,11,13,.3) 64%,rgba(10,11,13,.66) 100%);}
  .ts-hero__h1{font-size:2.8rem;}
  .ts-hero__feat + .ts-hero__feat{border-left:0;padding-left:0;}
  .ts-sect__head h2,.ts-cat__h2,.ts-lead h2,.ts-rev__top h2{font-size:1.9rem;}
  .ts .ts-about__h2{font-size:2.1rem;}
}

@media (max-width:640px){
  .ts-sect{padding:46px 0;}
  .ts-svcx{padding:26px 20px 24px;}
  .ts-svcx__head h3{font-size:1.25rem;}
  .ts-svcx__head .ts__btn{width:100%;}
  /* На телефоне в строку помещаются только логотип и бургер. На главной
     кнопки в шапке нет вовсе — заявка живёт в первом экране. Здесь прячется
     кнопка «На главную» с юридических страниц: назад уводит меню. */
  .ts-hdr__cta{display:none;}
  .ts-hdr__bar{gap:12px;}
  .ts-logo__mark{height:38px;}
  .ts-logo__word{height:23px;}
  .ts-logo__full{height:46px;}
  .ts-burger{margin-left:auto;}
  .ts-grid--4,.ts-grid--3{grid-template-columns:1fr;}
  .ts-grid--3 > :last-child{grid-column:auto;}
  .ts-stats{grid-template-columns:1fr;margin-top:-50px;}
  .ts-stat + .ts-stat{border-left:0;border-top:1px solid var(--line);}
  .ts-hero__h1{font-size:2.3rem;}
  /* Первый экран выровнен по левому краю, поэтому ряд кнопок сам по себе
     ужимается по содержимому — без ширины на нём width у кнопки считался бы
     от её же ширины и ничего не менял. */
  .ts-hero__btns{width:100%;}
  .ts-hero__btns .ts__btn{width:100%;}
  /* На телефоне полоса преимуществ занимала нижнюю треть экрана и вместе с
     кнопкой закрывала технику на снимке. Здесь её нет: те же три пункта
     повторяются ниже по странице. Текст идёт сверху обычной колонкой, а
     кнопку отрывает от него margin-top:auto — она садится на самый низ
     первого экрана, поэтому распределять остаток через space-evenly больше
     нечем, и выравнивание переключено на flex-start. */
  .ts-hero__feats{display:none;}
  .ts-hero__inner{justify-content:flex-start;gap:26px;padding-top:34px;padding-bottom:34px;}
  .ts-hero__btns{margin-top:auto;}
  .ts-form{grid-template-columns:1fr;}
  .ts-banner__in{max-width:100%;padding:24px;}
  .ts-cookie{flex-direction:column;align-items:flex-start;}
  .ts-foot__row{flex-direction:column;align-items:flex-start;}
  .ts-foot__mid{margin:0;align-items:flex-start;}
  .ts-foot__nav{justify-content:flex-start;}
}