/* ==== fonts494 ==== */

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

/* базовый текст — Inter Tight Regular */
body {
  font-family: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 400;
}

/* поля/кнопки */
button, input, select, textarea {
  font-family: inherit;
}

/* все заголовки — Inter Tight Medium (500) */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title {
  font-family: 'Inter Tight', sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

/* кнопки */
.elementor-button,
.e-button-base,
.elementor-button .elementor-button-text,
.elementor-widget button,
button {
  font-family: 'Inter Tight', sans-serif !important;
}

/* выделенный текст в заголовках — оранжевый, обычный (не italic) */
h1 em, h1 i, h1 span,
h2 em, h2 i, h2 span,
h3 em, h3 i, h3 span,
h4 em, h4 i, h4 span,
.elementor-heading-title em,
.elementor-heading-title i,
.elementor-heading-title span {
  color: #FF5D15 !important;
  font-style: normal !important;
}

/* оранжевый класс для любого выделения */
.accent {
  color: #FF5D15 !important;
}

/* ==== preloader735 ==== */

  body { opacity: 0 !important; }
  body.tm22-ready { 
    opacity: 1 !important; 
    transition: opacity 0.3s ease;
  }

/* ==== header782 ==== */

/* ===== СКОУП: всё под .tm22-header, чтобы не задеть остальной сайт ===== */
.tm22-header{
  --tm-accent:#FF5D15;
  --tm-accent-2:#ff7a1a;
  --tm-bg:#050505;
  --tm-text:#F5F6F0;
  --tm-muted:#8a8a8a;
  --tm-line:rgba(255,255,255,.10);

  position:sticky; top:0; z-index:9999;
  padding:10px 16px;
  margin-bottom:-80px; /* плашка налезает на hero-секцию (уточняется в JS) */
  font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}
.tm22-header *{ box-sizing:border-box; }

.tm22-header__inner{
  max-width:1140px; margin:0 auto;
  display:flex; align-items:center; gap:24px;
  padding:8px 20px; min-height:58px;
  background:var(--tm-bg);
  border:1px solid var(--tm-line);
  border-radius:8px;
}

/* ЛОГОТИП + название */
.tm22-header__logo{
  display:flex; align-items:center; gap:10px; flex-shrink:0;
  text-decoration:none; line-height:1;
  transition:opacity .25s ease, transform .25s ease;
}
.tm22-header__logo img{ order:0; display:block; width:30px; min-width:30px; height:30px; object-fit:contain; flex:0 0 30px; }
.tm22-header__logo-name{ order:1; }
.tm22-header__logo-name{ color:var(--tm-text); font-weight:600; font-size:17px; letter-spacing:.01em; white-space:nowrap; }
.tm22-header__logo:hover{ opacity:.82; transform:translateY(-1px); }

/* НАВИГАЦИЯ (центр) */
.tm22-header__nav{
  display:flex; align-items:center; gap:30px;
  margin:0 auto; /* центрирует блок между лого и правой частью */
}
.tm22-header__nav a{
  position:relative; color:var(--tm-text); text-decoration:none;
  font-weight:500; font-size:15px; padding:6px 0;
  transition:color .2s ease;
}
.tm22-header__nav a::after{
  content:''; position:absolute; left:0; right:0; bottom:-2px; height:2px;
  background:var(--tm-accent); transform:scaleX(0); transform-origin:left;
  transition:transform .22s ease;
}
.tm22-header__nav a:hover{ color:var(--tm-accent); }
.tm22-header__nav a:hover::after{ transform:scaleX(1); }

/* ПРАВАЯ ЧАСТЬ */
.tm22-header__actions{ display:flex; align-items:center; gap:18px; flex-shrink:0; }

.tm22-header__contacts{ display:flex; flex-direction:column; align-items:flex-end; gap:2px; line-height:1.2; }
.tm22-header__address{ color:var(--tm-muted); font-size:12px; text-align:right; }
.tm22-header__phone{
  color:var(--tm-text); text-decoration:none; font-weight:600; font-size:15px;
  transition:color .2s ease;
}
.tm22-header__phone:hover{ color:var(--tm-accent); }

.tm22-header__route{
  display:inline-flex; align-items:center;
  background:var(--tm-accent); color:#140a04; text-decoration:none;
  font-weight:600; font-size:14px; padding:11px 20px; border-radius:50px;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.tm22-header__route:hover{
  background:var(--tm-accent-2); transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(255,93,21,.32);
}

/* ТУМБЛЕР ТЕМЫ */
.tm22-theme{
  border:0; padding:0; background:none; cursor:pointer; flex-shrink:0;
}
.tm22-theme__track{
  position:relative; display:flex; align-items:center; justify-content:space-between;
  width:62px; height:32px; padding:0 8px; border-radius:50px;
  background:#1a1a1a; border:1px solid var(--tm-line);
  transition:background .25s ease, border-color .25s ease;
}
.tm22-theme__icon{ display:flex; width:16px; height:16px; z-index:1; transition:color .25s ease, opacity .25s ease; }
.tm22-theme__icon svg{ width:16px; height:16px; }
.tm22-theme__icon--sun{ color:var(--tm-accent); }
.tm22-theme__icon--moon{ color:var(--tm-muted); }
.tm22-theme__knob{
  position:absolute; top:3px; left:3px; width:24px; height:24px; border-radius:50%;
  background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.4);
  transition:transform .28s cubic-bezier(.4,.9,.3,1.3), background .25s ease;
}
/* состояние "тёмная тема" (нажато) — knob уезжает вправо на луну */
.tm22-theme.is-dark .tm22-theme__track{ background:#111; }
.tm22-theme.is-dark .tm22-theme__knob{ transform:translateX(30px); background:#eee; }
.tm22-theme.is-dark .tm22-theme__icon--sun{ color:var(--tm-muted); }
.tm22-theme.is-dark .tm22-theme__icon--moon{ color:var(--tm-accent-2); }

/* БУРГЕР (CSS-линии) */
.tm22-burger{
  display:none; position:relative; width:44px; height:44px;
  border:1px solid var(--tm-line); border-radius:12px; background:#141414;
  cursor:pointer; flex-shrink:0;
}
.tm22-burger span{
  position:absolute; left:11px; right:11px; height:2px; border-radius:2px;
  background:var(--tm-text); transition:transform .28s ease, opacity .2s ease, top .28s ease;
}
.tm22-burger span:nth-child(1){ top:15px; }
.tm22-burger span:nth-child(2){ top:21px; }
.tm22-burger span:nth-child(3){ top:27px; }
.tm22-burger[aria-expanded="true"] span:nth-child(1){ top:21px; transform:rotate(45deg); }
.tm22-burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.tm22-burger[aria-expanded="true"] span:nth-child(3){ top:21px; transform:rotate(-45deg); }

/* МОБИЛЬНОЕ МЕНЮ */
.tm22-mobile{
  position:absolute; left:0; right:0; top:100%;
  padding:14px 16px 20px;
}
.tm22-mobile__card{
  background:#fff; color:#161616; border-radius:20px;
  padding:14px; box-shadow:0 24px 60px rgba(0,0,0,.5);
  transform:translateY(-10px); opacity:0;
  transition:transform .26s ease, opacity .26s ease;
}
.tm22-mobile.is-open{ display:block; }
.tm22-mobile.is-open .tm22-mobile__card{ transform:translateY(0); opacity:1; }

.tm22-mobile__nav{ display:flex; flex-direction:column; }
.tm22-mobile__nav a{
  color:#161616; text-decoration:none; font-weight:600; font-size:18px;
  padding:15px 12px; border-radius:12px; transition:background .18s ease, color .18s ease;
}
.tm22-mobile__nav a:hover,
.tm22-mobile__nav a:active{ background:#fff2ec; color:var(--tm-accent); }

.tm22-mobile__contacts{
  display:flex; flex-direction:column; gap:6px;
  margin:12px 0; padding:14px 12px; border-top:1px solid #eee; border-bottom:1px solid #eee;
}
.tm22-mobile__address{ color:#6a6a6a; font-size:14px; }
.tm22-mobile__phone{ color:#161616; text-decoration:none; font-weight:700; font-size:20px; }
.tm22-mobile__phone:active{ color:var(--tm-accent); }

.tm22-mobile__route{
  display:block; text-align:center; margin-top:4px;
  background:var(--tm-accent); color:#fff; text-decoration:none;
  font-weight:700; font-size:16px; padding:15px; border-radius:14px;
}
.tm22-mobile__route:active{ background:var(--tm-accent-2); }

/* ===== АДАПТИВ ===== */
/* прячем адрес на промежуточной ширине */
@media(max-width:1200px){
  .tm22-header__address{ display:none; }
}
/* мобильная раскладка */
@media(max-width:900px){
  .tm22-header__nav,
  .tm22-header__contacts,
  .tm22-header__route{ display:none; }
  .tm22-burger{ display:block; }
  .tm22-header__actions{ gap:12px; margin-left:auto; }
}
@media(min-width:901px){
  .tm22-mobile{ display:none !important; }
}

@media(prefers-reduced-motion:reduce){
  .tm22-header__logo,.tm22-header__nav a::after,.tm22-header__route,
  .tm22-theme__knob,.tm22-burger span,.tm22-mobile__card{ transition:none; }
}

/* =========================================================
   ГЛОБАЛЬНАЯ СВЕТЛАЯ ТЕМА ГЛАВНОЙ СТРАНИЦЫ
   Переключается существующей кнопкой .tm22-theme.
   Drawer-окна намеренно не зависят от темы и всегда белые.
   ========================================================= */

:root{
  --tm22-light-page:#F3F0EA;
  --tm22-light-surface:#FFFFFF;
  --tm22-light-surface-2:#F9F7F2;
  --tm22-light-text:#171717;
  --tm22-light-muted:#6F6B65;
  --tm22-light-border:rgba(20,20,20,.12);
  --tm22-light-shadow:0 22px 60px rgba(38,27,18,.10);
}

html[data-tm22-theme="light"]{
  color-scheme:light;
  background:var(--tm22-light-page);
}

html[data-tm22-theme="light"] body.home,
html[data-tm22-theme="light"] body.tm22-theme-page{
  background:var(--tm22-light-page) !important;
  color:var(--tm22-light-text);
}

/* Общие корневые обёртки WordPress, без вмешательства в раскладку. */
html[data-tm22-theme="light"] body.home #page,
html[data-tm22-theme="light"] body.home #content,
html[data-tm22-theme="light"] body.home .site,
html[data-tm22-theme="light"] body.home .site-content,
html[data-tm22-theme="light"] body.tm22-theme-page #page,
html[data-tm22-theme="light"] body.tm22-theme-page #content,
html[data-tm22-theme="light"] body.tm22-theme-page .site,
html[data-tm22-theme="light"] body.tm22-theme-page .site-content{
  background-color:var(--tm22-light-page) !important;
}

/* JS помечает только контейнеры нужных секций. */
html[data-tm22-theme="light"] body .tm22-theme-section-host{
  background-color:var(--tm22-light-page) !important;
}

/* ---------- ШАПКА ---------- */
html[data-tm22-theme="light"] body .tm22-header{
  --tm-bg:#FFFFFF;
  --tm-text:#171717;
  --tm-muted:#6E6A64;
  --tm-line:rgba(20,20,20,.12);
}

html[data-tm22-theme="light"] body .tm22-header__inner{
  box-shadow:0 14px 42px rgba(38,27,18,.13);
}

html[data-tm22-theme="light"] body .tm22-theme__track{
  background:#FFF3EB;
  border-color:rgba(255,93,21,.28);
}

html[data-tm22-theme="light"] body .tm22-burger{
  background:#FFFFFF;
  border-color:rgba(20,20,20,.12);
}

/* ---------- HERO ---------- */
html[data-tm22-theme="light"] body .tm22-theme-hero-host{
  background:
    radial-gradient(circle at 16% 18%, rgba(255,187,80,.43), transparent 34%),
    radial-gradient(circle at 82% 22%, rgba(255,93,21,.20), transparent 38%),
    linear-gradient(135deg,#FFF9F0 0%,#F5EBDD 55%,#FFFDFC 100%) !important;
}

html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-heading-title,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-widget-text-editor,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-widget-text-editor p{
  color:var(--tm22-light-text) !important;
}


html[data-tm22-theme="light"] body .tm22-hero-search__field{
  box-shadow:0 20px 60px rgba(54,39,25,.14);
}

/* ---------- BENTO-КАТЕГОРИИ ---------- */
html[data-tm22-theme="light"] body .tm22-bento-section{
  --tm22-bg:var(--tm22-light-page);
  --tm22-card-bg:#FFFFFF;
  --tm22-card-bg-light:#FBF8F3;
  --tm22-card-bg2:#FBF8F3;
  --tm22-border:rgba(20,20,20,.11);
  --tm22-text:#171717;
  --tm22-text-muted:#6F6B65;
  background:var(--tm22-light-page) !important;
}

html[data-tm22-theme="light"] body .tm22-bento-card{
  box-shadow:0 18px 50px rgba(38,27,18,.09);
}

html[data-tm22-theme="light"] body .tm22-bento-card::before{
  background-image:radial-gradient(rgba(20,20,20,.065) 1px,transparent 1px);
}

html[data-tm22-theme="light"] body .tm22-bento-card-title,
html[data-tm22-theme="light"] body .tm22-bento-title{
  color:#171717 !important;
}

html[data-tm22-theme="light"] body .tm22-bento-card-desc,
html[data-tm22-theme="light"] body .tm22-bento-subtitle{
  color:#6F6B65 !important;
}


/* ---------- КАТАЛОГ + FACETWP ---------- */
html[data-tm22-theme="light"] body .tm22-theme-catalog-host,
html[data-tm22-theme="light"] body #catalog,
html[data-tm22-theme="light"] body #tm-catalog{
  background-color:var(--tm22-light-page) !important;
}

html[data-tm22-theme="light"] body #tm-catalog .facetwp-search{
  background:#FFFFFF !important;
  color:#171717 !important;
  border-color:rgba(20,20,20,.14) !important;
  box-shadow:0 10px 30px rgba(38,27,18,.07);
}

html[data-tm22-theme="light"] body #tm-catalog .facetwp-search::placeholder{
  color:#77736D !important;
}

html[data-tm22-theme="light"] body #tm-catalog h1,
html[data-tm22-theme="light"] body #tm-catalog h2,
html[data-tm22-theme="light"] body #tm-catalog h3,
html[data-tm22-theme="light"] body #tm-catalog h4,
html[data-tm22-theme="light"] body #tm-catalog h5,
html[data-tm22-theme="light"] body #tm-catalog h6,
html[data-tm22-theme="light"] body #tm-catalog .elementor-heading-title,
html[data-tm22-theme="light"] body #tm-catalog .elementor-heading-title a{
  color:#171717 !important;
}

html[data-tm22-theme="light"] body #tm-catalog .facetwp-checkbox{
  color:#383633 !important;
}

html[data-tm22-theme="light"] body #tm-catalog .facetwp-checkbox:hover{
  color:#000000 !important;
}

html[data-tm22-theme="light"] body #tm-catalog .facetwp-checkbox.checked,
html[data-tm22-theme="light"] body #tm-catalog .facetwp-toggle,
html[data-tm22-theme="light"] body #tm-catalog .facetwp-reset{
  color:#FF5D15 !important;
}

html[data-tm22-theme="light"] body #tm-catalog .facetwp-counter,
html[data-tm22-theme="light"] body #tm-catalog .facetwp-facet-catalog_count,
html[data-tm22-theme="light"] body #tm-catalog .facetwp-type-pager{
  color:#77736D !important;
}

html[data-tm22-theme="light"] body #tm-catalog .e-loop-item{
  background:#FFFFFF !important;
  border-color:rgba(20,20,20,.11) !important;
  box-shadow:0 12px 34px rgba(38,27,18,.06);
}

html[data-tm22-theme="light"] body #tm-catalog .e-loop-item .e-con{
  background-color:transparent !important;
  background-image:none !important;
}

html[data-tm22-theme="light"] body #tm-catalog .elementor-widget-theme-post-excerpt p,
html[data-tm22-theme="light"] body #tm-catalog .elementor-widget-theme-post-content p,
html[data-tm22-theme="light"] body #tm-catalog .e-paragraph-base,
html[data-tm22-theme="light"] body #tm-catalog .tm-phone{
  color:#5F5B55 !important;
}

html[data-tm22-theme="light"] body #tm-catalog .elementor-post-info__terms-list-item{
  color:#D94D0D !important;
  background:#FFF1E8 !important;
}

html[data-tm22-theme="light"] body #tm-catalog .elementor-pagination .page-numbers{
  background:#FFFFFF !important;
  color:#171717 !important;
  border-color:rgba(20,20,20,.12) !important;
}

html[data-tm22-theme="light"] body #tm-catalog .elementor-pagination a.page-numbers:hover{
  background:#FFF5EE !important;
  color:#FF5D15 !important;
  border-color:#FF5D15 !important;
}

html[data-tm22-theme="light"] body #tm-catalog .elementor-pagination .page-numbers.current{
  background:#FF5D15 !important;
  color:#FFFFFF !important;
  border-color:#FF5D15 !important;
}

/* ---------- ИНТЕРАКТИВНАЯ СХЕМА ---------- */
html[data-tm22-theme="light"] body .tm22-map-section{
  --tm22-map-bg:var(--tm22-light-page);
  --tm22-map-card:#FFFFFF;
  --tm22-map-card-2:#F8F6F1;
  --tm22-map-border:rgba(20,20,20,.11);
  --tm22-map-text:#171717;
  --tm22-map-muted:#6F6B65;
  background:var(--tm22-light-page) !important;
}

html[data-tm22-theme="light"] body .tm22-map-card,
html[data-tm22-theme="light"] body .tm22-map-legend{
  box-shadow:0 18px 50px rgba(38,27,18,.08);
}

html[data-tm22-theme="light"] body .tm22-map-legend-title,
html[data-tm22-theme="light"] body .tm22-map-legend-group summary,
html[data-tm22-theme="light"] body .tm22-map-legend-name{
  color:#171717 !important;
}

html[data-tm22-theme="light"] body .tm22-map-legend-copy,
html[data-tm22-theme="light"] body .tm22-map-legend-pavilion,
html[data-tm22-theme="light"] body .tm22-map-legend-group summary span{
  color:#6F6B65 !important;
}

html[data-tm22-theme="light"] body .tm22-map-legend-search{
  background:#FFFFFF !important;
  color:#171717 !important;
  border-color:rgba(20,20,20,.14) !important;
}

html[data-tm22-theme="light"] body .tm22-map-legend-button{
  background:#F8F6F1 !important;
  color:#171717 !important;
  border-color:rgba(20,20,20,.10) !important;
}

html[data-tm22-theme="light"] body .tm22-map-legend-button:hover,
html[data-tm22-theme="light"] body .tm22-map-legend-button:focus-visible{
  background:#FFF1E8 !important;
  border-color:rgba(255,93,21,.55) !important;
}

/* ---------- БУДУЩИЕ БЛОКИ: ПРОЕЗД, НОВОСТИ, КОНТАКТЫ ---------- */
html[data-tm22-theme="light"] body #tm22-route,
html[data-tm22-theme="light"] body #tm22-news,
html[data-tm22-theme="light"] body #tm22-contacts{
  background-color:var(--tm22-light-page) !important;
  color:var(--tm22-light-text) !important;
}

html[data-tm22-theme="light"] body #tm22-route h1,
html[data-tm22-theme="light"] body #tm22-route h2,
html[data-tm22-theme="light"] body #tm22-route h3,
html[data-tm22-theme="light"] body #tm22-news h1,
html[data-tm22-theme="light"] body #tm22-news h2,
html[data-tm22-theme="light"] body #tm22-news h3,
html[data-tm22-theme="light"] body #tm22-contacts h1,
html[data-tm22-theme="light"] body #tm22-contacts h2,
html[data-tm22-theme="light"] body #tm22-contacts h3{
  color:#171717 !important;
}

html[data-tm22-theme="light"] body #tm22-route [class*="__card"],
html[data-tm22-theme="light"] body #tm22-news [class*="__card"],
html[data-tm22-theme="light"] body #tm22-contacts [class*="__card"]{
  background:#FFFFFF !important;
  color:#171717 !important;
  border-color:rgba(20,20,20,.11) !important;
}

/* ---------- DRAWER: ВСЕГДА БЕЛЫЕ, НЕЗАВИСИМО ОТ ТЕМЫ ---------- */
html body .tm22-org-drawer__panel,
html body .tm22-loop-global-drawer__panel,
html body [id^="off-canvas-f23dbff-"] .e-off-canvas__content{
  background:#FFFFFF !important;
  color:#161616 !important;
}

html body .tm22-org-drawer__panel h1,
html body .tm22-org-drawer__panel h2,
html body .tm22-org-drawer__panel h3,
html body .tm22-org-drawer__panel h4,
html body .tm22-loop-global-drawer__panel h1,
html body .tm22-loop-global-drawer__panel h2,
html body .tm22-loop-global-drawer__panel h3,
html body .tm22-loop-global-drawer__panel h4,
html body [id^="off-canvas-f23dbff-"] .elementor-heading-title,
html body [id^="off-canvas-f23dbff-"] h4{
  color:#161616 !important;
}

html body .tm22-org-drawer__panel p,
html body .tm22-org-drawer__description,
html body .tm22-org-drawer__contact-row,
html body .tm22-loop-global-drawer__panel p,
html body .tm22-loop-global-drawer__description,
html body .tm22-loop-global-drawer__contact-row,
html body [id^="off-canvas-f23dbff-"] p,
html body [id^="off-canvas-f23dbff-"] .e-paragraph-base{
  color:#5F5F5F !important;
}

html body .tm22-org-drawer__button--primary,
html body .tm22-loop-global-drawer__button--primary{
  background:#FF5D15 !important;
  color:#FFFFFF !important;
}

/* Аккуратный переход только цветов. */
.tm22-theme-section-host,
.tm22-bento-section,
#tm-catalog,
.tm22-map-section,
.tm22-header__inner,
.tm22-bento-card,
#tm-catalog .e-loop-item,
.tm22-map-card,
.tm22-map-legend,
.tm22-map-legend-button{
  transition:
    background-color .28s ease,
    background .28s ease,
    color .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

@media(prefers-reduced-motion:reduce){
  .tm22-theme-section-host,
  .tm22-bento-section,
  #tm-catalog,
  .tm22-map-section,
  .tm22-header__inner,
  .tm22-bento-card,
  #tm-catalog .e-loop-item,
  .tm22-map-card,
  .tm22-map-legend,
  .tm22-map-legend-button{
    transition:none !important;
  }
}



/* =========================================================
   HOTFIX v2 — правки светлой темы
   ========================================================= */

/* 1) Bento: убираем грязную внешнюю тень карточек,
      но даём лёгкую аккуратную тень самим изображениям. */
html[data-tm22-theme="light"] body .tm22-bento-card{
  box-shadow:none !important;
}

html[data-tm22-theme="light"] body .tm22-bento-img{
  filter:
    drop-shadow(0 18px 28px rgba(32,20,12,.10))
    drop-shadow(0 6px 14px rgba(255,93,21,.08)) !important;
}

/* 2) Функциональные оранжевые кнопки — с белым текстом.
      Чипсы/теги не затрагиваем. */
html[data-tm22-theme="light"] body .tm22-header__route,
html[data-tm22-theme="light"] body .tm22-mobile__route,
html[data-tm22-theme="light"] body #tm-catalog .elementor-button,
html[data-tm22-theme="light"] body #tm-catalog .elementor-button:visited,
html[data-tm22-theme="light"] body #tm-catalog .elementor-button .elementor-button-text,
html[data-tm22-theme="light"] body #catalog .elementor-button,
html[data-tm22-theme="light"] body #catalog .elementor-button:visited,
html[data-tm22-theme="light"] body #catalog .elementor-button .elementor-button-text,
html[data-tm22-theme="light"] body #tm22-route .elementor-button,
html[data-tm22-theme="light"] body #tm22-route .elementor-button .elementor-button-text,
html[data-tm22-theme="light"] body #tm22-news .elementor-button,
html[data-tm22-theme="light"] body #tm22-news .elementor-button .elementor-button-text,
html[data-tm22-theme="light"] body #tm22-contacts .elementor-button,
html[data-tm22-theme="light"] body #tm22-contacts .elementor-button .elementor-button-text,
html[data-tm22-theme="light"] body .tm22-map-legend-button.is-active,
html[data-tm22-theme="light"] body .tm22-map-legend-button--primary{
  color:#FFFFFF !important;
}

/* Если у функциональной кнопки оранжевая плашка, оставляем её оранжевой. */
html[data-tm22-theme="light"] body #tm-catalog .elementor-button,
html[data-tm22-theme="light"] body #catalog .elementor-button,
html[data-tm22-theme="light"] body .tm22-header__route,
html[data-tm22-theme="light"] body .tm22-mobile__route,
html[data-tm22-theme="light"] body .tm22-map-legend-button.is-active,
html[data-tm22-theme="light"] body .tm22-map-legend-button--primary{
  background-color:#FF5D15 !important;
  border-color:#FF5D15 !important;
}

/* 3) Каталожные заголовки/вложенные span/em в светлой теме. */
html[data-tm22-theme="light"] body #tm-catalog .elementor-heading-title,
html[data-tm22-theme="light"] body #catalog .elementor-heading-title,
html[data-tm22-theme="light"] body #tm-catalog .elementor-heading-title span:not(.accent),
html[data-tm22-theme="light"] body #catalog .elementor-heading-title span:not(.accent),
html[data-tm22-theme="light"] body #tm-catalog .elementor-heading-title em:not(.accent),
html[data-tm22-theme="light"] body #catalog .elementor-heading-title em:not(.accent),
html[data-tm22-theme="light"] body #tm-catalog .elementor-widget-heading h1,
html[data-tm22-theme="light"] body #tm-catalog .elementor-widget-heading h2,
html[data-tm22-theme="light"] body #tm-catalog .elementor-widget-heading h3,
html[data-tm22-theme="light"] body #catalog .elementor-widget-heading h1,
html[data-tm22-theme="light"] body #catalog .elementor-widget-heading h2,
html[data-tm22-theme="light"] body #catalog .elementor-widget-heading h3{
  color:#171717 !important;
}

html[data-tm22-theme="light"] body #tm-catalog .accent,
html[data-tm22-theme="light"] body #catalog .accent,
html[data-tm22-theme="light"] body #tm-catalog .elementor-heading-title .tm22-accent,
html[data-tm22-theme="light"] body #catalog .elementor-heading-title .tm22-accent{
  color:#FF5D15 !important;
}

/* 4) Блог: корректные светлые fade-полосы по краям. */
html[data-tm22-theme="light"] body .tm22-blog__fade,
html[data-tm22-theme="light"] body .tm22-blog__fade-l,
html[data-tm22-theme="light"] body .tm22-blog__fade-r{
  background:none !important;
}

html[data-tm22-theme="light"] body .tm22-blog__fade-l,
html[data-tm22-theme="light"] body .tm22-blog__fade--left{
  background:linear-gradient(
    90deg,
    rgba(243,240,234,1) 0%,
    rgba(243,240,234,.95) 42%,
    rgba(243,240,234,0) 100%
  ) !important;
}

html[data-tm22-theme="light"] body .tm22-blog__fade-r,
html[data-tm22-theme="light"] body .tm22-blog__fade--right{
  background:linear-gradient(
    270deg,
    rgba(243,240,234,1) 0%,
    rgba(243,240,234,.95) 42%,
    rgba(243,240,234,0) 100%
  ) !important;
}

/* На всякий случай убираем возможный старый box-shadow/overlay у фейдов. */
html[data-tm22-theme="light"] body .tm22-blog__fade,
html[data-tm22-theme="light"] body .tm22-blog__fade-l,
html[data-tm22-theme="light"] body .tm22-blog__fade-r,
html[data-tm22-theme="light"] body .tm22-blog__fade--left,
html[data-tm22-theme="light"] body .tm22-blog__fade--right{
  box-shadow:none !important;
  filter:none !important;
}




/* =========================================================
   HOTFIX v3 — два оставшихся бага
   ========================================================= */

/* 1. Новый Elementor Heading использует .e-heading-base.
      Основной текст заголовка каталога делаем тёмным,
      акцентную строку в <em> оставляем оранжевой. */
html[data-tm22-theme="light"] body #catalog .e-heading-base,
html[data-tm22-theme="light"] body #tm-catalog .e-heading-base{
  color:#171717 !important;
}

html[data-tm22-theme="light"] body #catalog .e-heading-base > em,
html[data-tm22-theme="light"] body #tm-catalog .e-heading-base > em{
  color:#FF5D15 !important;
}

/* 2. Общая обёртка чипсов всегда прозрачная.
      Сами отдельные чипсы сохраняют свои исходные стили. */
body .tm22-bento-tags,
html[data-tm22-theme="light"] body .tm22-bento-tags{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
}

body .tm22-bento-tags::before,
body .tm22-bento-tags::after{
  content:none !important;
  display:none !important;
}


/* Bento: общий контейнер тегов всегда прозрачный.
   Отдельные чипсы сохраняют собственное оформление из секции. */
html body .tm22-bento-section .tm22-bento-card .tm22-bento-content .tm22-bento-tags,
html[data-tm22-theme="light"] body .tm22-bento-section .tm22-bento-card .tm22-bento-content .tm22-bento-tags{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
}


/* =========================================================
   HOTFIX v6 — Hero в обеих темах
   ========================================================= */

/* Весь текстовый контент Hero остаётся белым и в тёмной,
   и в светлой теме. Поля поиска сюда не входят. */
body .tm22-theme-hero-host .elementor-heading-title,
body .tm22-theme-hero-host .elementor-heading-title *,
body .tm22-theme-hero-host .e-heading-base,
body .tm22-theme-hero-host .e-heading-base *,
body .tm22-theme-hero-host .elementor-widget-text-editor,
body .tm22-theme-hero-host .elementor-widget-text-editor p,
body .tm22-theme-hero-host .elementor-widget-text-editor span,
body .tm22-theme-hero-host .elementor-widget-text-editor em,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-heading-title,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-heading-title *,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .e-heading-base,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .e-heading-base *,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-widget-text-editor,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-widget-text-editor p,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-widget-text-editor span,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-widget-text-editor em{
  color:#FFFFFF !important;
}

/* Главная CTA-кнопка Hero всегда оранжевая с белым текстом. */
body .tm22-theme-hero-host .elementor-button,
body .tm22-theme-hero-host .e-button-base,
body .tm22-theme-hero-host .elementor-button .elementor-button-text,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-button,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .e-button-base,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-button .elementor-button-text{
  background:#FF5D15 !important;
  background-color:#FF5D15 !important;
  color:#FFFFFF !important;
  border-color:#FF5D15 !important;
}

/* Hover в обеих темах. */
body .tm22-theme-hero-host .elementor-button:hover,
body .tm22-theme-hero-host .e-button-base:hover,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-button:hover,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .e-button-base:hover{
  background:#FF7A1A !important;
  background-color:#FF7A1A !important;
  color:#FFFFFF !important;
  border-color:#FF7A1A !important;
}


/* =========================================================
   HOTFIX v7 — кнопка каталога и акцент Hero
   ========================================================= */

/* Кнопка «Подробнее» в карточках каталога:
   только в светлой теме делаем текст белым.
   Тёмную тему не затрагиваем. */
html[data-tm22-theme="light"] body #tm-catalog a.tm22-loop-drawer-trigger.e-button-base,
html[data-tm22-theme="light"] body #catalog a.tm22-loop-drawer-trigger.e-button-base,
html[data-tm22-theme="light"] body #tm-catalog .tm22-loop-drawer-trigger.e-button-base,
html[data-tm22-theme="light"] body #catalog .tm22-loop-drawer-trigger.e-button-base{
  color:#FFFFFF !important;
  background:#FF5D15 !important;
  background-color:#FF5D15 !important;
  border-color:#FF5D15 !important;
}

html[data-tm22-theme="light"] body #tm-catalog a.tm22-loop-drawer-trigger.e-button-base:hover,
html[data-tm22-theme="light"] body #catalog a.tm22-loop-drawer-trigger.e-button-base:hover{
  color:#FFFFFF !important;
  background:#FF7A1A !important;
  background-color:#FF7A1A !important;
  border-color:#FF7A1A !important;
}

/* Hero:
   в тёмной теме акцентная фраза «— в одном месте» оранжевая. */
html:not([data-tm22-theme="light"]) body .tm22-theme-hero-host .elementor-heading-title em,
html:not([data-tm22-theme="light"]) body .tm22-theme-hero-host .elementor-heading-title i,
html:not([data-tm22-theme="light"]) body .tm22-theme-hero-host .e-heading-base em,
html:not([data-tm22-theme="light"]) body .tm22-theme-hero-host .e-heading-base i,
html:not([data-tm22-theme="light"]) body .tm22-theme-hero-host .elementor-heading-title .pf,
html:not([data-tm22-theme="light"]) body .tm22-theme-hero-host .e-heading-base .pf,
html:not([data-tm22-theme="light"]) body .tm22-theme-hero-host .elementor-heading-title .accent,
html:not([data-tm22-theme="light"]) body .tm22-theme-hero-host .e-heading-base .accent{
  color:#FF5D15 !important;
}

/* В светлой теме тот же акцент остаётся белым. */
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-heading-title em,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-heading-title i,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .e-heading-base em,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .e-heading-base i,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-heading-title .pf,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .e-heading-base .pf,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .elementor-heading-title .accent,
html[data-tm22-theme="light"] body .tm22-theme-hero-host .e-heading-base .accent{
  color:#FFFFFF !important;
}


/* ==== footer826 ==== */

.tm22-footer{
  --tm-accent:#FF5D15; --tm-accent-2:#ff7a1a;
  --tm-bg:#000000; --tm-text:#F5F6F0; --tm-muted:#8a8a8a;
  --tm-line:rgba(255,255,255,.08);
  width:100%; background:var(--tm-bg); color:var(--tm-text);
  padding:72px 24px 28px; box-sizing:border-box;
  font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}
.tm22-footer *{ box-sizing:border-box; }
.tm22-footer__inner{ width:100%; max-width:1120px; margin:0 auto; }

.tm22-footer__top{
  display:grid;
  grid-template-columns:1.6fr 1fr 1.2fr 1fr;
  gap:40px;
  padding-bottom:44px; border-bottom:1px solid var(--tm-line);
}

/* Бренд */
.tm22-footer__logo{ display:inline-flex; align-items:center; gap:10px; text-decoration:none; margin-bottom:16px; transition:opacity .2s ease; }
.tm22-footer__logo:hover{ opacity:.82; }
.tm22-footer__logo img{ height:32px; width:auto; display:block; }
.tm22-footer__logo-name{ color:var(--tm-text); font-weight:600; font-size:18px; }
.tm22-footer__tagline{ margin:0 0 20px; max-width:340px; color:var(--tm-muted); font-size:14px; line-height:1.6; }

.tm22-footer__socials{ display:flex; gap:10px; }
.tm22-footer__social{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; border:1px solid var(--tm-line); border-radius:50%; color:var(--tm-muted); transition:color .2s ease, border-color .2s ease, transform .2s ease, background .2s ease; }
.tm22-footer__social svg{ width:19px; height:19px; }
.tm22-footer__social:hover{ color:#fff; background:var(--tm-accent); border-color:var(--tm-accent); transform:translateY(-2px); }

/* Колонки */
.tm22-footer__title{ margin:0 0 18px; color:var(--tm-text); font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; }
.tm22-footer__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.tm22-footer__list a{ color:var(--tm-muted); text-decoration:none; font-size:15px; transition:color .2s ease, padding-left .2s ease; }
.tm22-footer__list a:hover{ color:var(--tm-accent); padding-left:4px; }

.tm22-footer__contacts{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
.tm22-footer__contacts li{ display:flex; align-items:flex-start; gap:11px; color:var(--tm-muted); font-size:15px; line-height:1.4; }
.tm22-footer__contacts a{ color:var(--tm-muted); text-decoration:none; transition:color .2s ease; }
.tm22-footer__contacts a:hover{ color:var(--tm-accent); }
.tm22-footer__ic{ flex-shrink:0; width:20px; height:20px; color:var(--tm-accent); display:flex; }
.tm22-footer__ic svg{ width:20px; height:20px; }

.tm22-footer__hours{ list-style:none; margin:0 0 20px; padding:0; display:flex; flex-direction:column; gap:10px; }
.tm22-footer__hours li{ display:flex; justify-content:space-between; gap:16px; color:var(--tm-muted); font-size:15px; }
.tm22-footer__hours li span:last-child{ color:var(--tm-text); font-weight:500; }

.tm22-footer__route{ display:inline-flex; align-items:center; justify-content:center; background:var(--tm-accent); color:#140a04; text-decoration:none; font-weight:600; font-size:14px; padding:11px 22px; border-radius:50px; transition:background .2s ease, transform .2s ease, box-shadow .2s ease; }
.tm22-footer__route:hover{ background:var(--tm-accent-2); transform:translateY(-2px); box-shadow:0 10px 24px rgba(255,93,21,.3); }

/* Низ */
.tm22-footer__bottom{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding-top:24px; }
.tm22-footer__copy{ margin:0; color:var(--tm-muted); font-size:13px; }
.tm22-footer__note{ margin:0; color:#5a5a5a; font-size:13px; }

/* Адаптив */
@media(max-width:1024px){
  .tm22-footer__top{ grid-template-columns:1fr 1fr; gap:36px; }
  .tm22-footer__brand{ grid-column:1 / -1; }
}
@media(max-width:600px){
  .tm22-footer{ padding:56px 16px 24px; }
  .tm22-footer__top{ grid-template-columns:1fr; gap:32px; }
  .tm22-footer__bottom{ flex-direction:column; align-items:flex-start; gap:8px; }
}
@media(prefers-reduced-motion:reduce){
  .tm22-footer__social,.tm22-footer__route,.tm22-footer__list a{ transition:none; }
}

/* ==== patch842 ==== */
/*
 * Tehnomarket22 — итоговый CSS-патч интерфейса
 * Вставка: WPCode → CSS Snippet → Auto Insert → Site Wide Header
 *
 * Что исправляет:
 * 1) уменьшает вертикальные отступы основных секций на desktop до 30px;
 * 2) убирает красный hover у тумблера темы;
 * 3) центрирует солнце/луну относительно круглого ползунка;
 * 4) исправляет кнопки блока «Как добраться» в светлой теме;
 * 5) полностью скругляет кнопки «Подробнее» в каталоге;
 * 6) полностью скругляет кнопку звонка внутри обоих drawer.
 */


/* =========================================================
   1. КОМПАКТНЫЕ ВЕРТИКАЛЬНЫЕ ОТСТУПЫ — ТОЛЬКО DESKTOP
   ========================================================= */

@media (min-width:1025px){

  .tm22-bento-section,
  .tm22-map-section,
  #tm22-interactive-map.tm22-map-section,
  .tm22-blog,
  #tm22-news.tm22-blog,
  .tm22-route,
  #tm22-route.tm22-route{
    padding-top:30px !important;
    padding-bottom:30px !important;
  }

}


/* =========================================================
   2. ТУМБЛЕР ТЕМЫ — БЕЗ КРАСНОГО HOVER
   ========================================================= */

button.tm22-theme,
button.tm22-theme:hover,
button.tm22-theme:focus,
button.tm22-theme:focus-visible,
button.tm22-theme:active{
  padding:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  color:inherit !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  text-decoration:none !important;
}

button.tm22-theme::before,
button.tm22-theme::after{
  content:none !important;
  display:none !important;
}

/* Видимый focus оставляем на самой дорожке, а не красным фоном кнопки. */
button.tm22-theme:focus-visible .tm22-theme__track{
  outline:2px solid #FF5D15;
  outline-offset:3px;
}


/* =========================================================
   3. ЦЕНТРИРОВАНИЕ СОЛНЦА, ЛУНЫ И КРУГЛОГО ПОЛЗУНКА
   ========================================================= */

.tm22-theme__track{
  position:relative !important;
}

.tm22-theme__icon{
  position:absolute !important;
  top:50% !important;
  width:16px !important;
  height:16px !important;
  display:grid !important;
  place-items:center !important;
  transform:translateY(-50%) !important;
  z-index:2 !important;
  line-height:0 !important;
}

.tm22-theme__icon--sun{
  left:8px !important;
}

.tm22-theme__icon--moon{
  right:8px !important;
}

.tm22-theme__icon svg{
  display:block !important;
  width:16px !important;
  height:16px !important;
}

.tm22-theme__knob{
  top:50% !important;
  left:4px !important;
  width:24px !important;
  height:24px !important;
  transform:translateY(-50%) !important;
  z-index:1 !important;
}

.tm22-theme.is-dark .tm22-theme__knob{
  transform:translate(30px,-50%) !important;
}


/* =========================================================
   4. «КАК ДОБРАТЬСЯ» — КНОПКИ В СВЕТЛОЙ ТЕМЕ
   ========================================================= */

/* Оранжевая кнопка: белый текст вместо тёмного. */
html[data-tm22-theme="light"] body .tm22-route__btn--primary,
html[data-tm22-theme="light"] body .tm22-route__btn--primary:visited{
  background:#FF5D15 !important;
  background-color:#FF5D15 !important;
  color:#FFFFFF !important;
  border-color:#FF5D15 !important;
}

html[data-tm22-theme="light"] body .tm22-route__btn--primary:hover,
html[data-tm22-theme="light"] body .tm22-route__btn--primary:focus-visible{
  background:#FF7A1A !important;
  background-color:#FF7A1A !important;
  color:#FFFFFF !important;
  border-color:#FF7A1A !important;
}

/* Прозрачная кнопка «Позвонить»: чёрная плашка + белый текст. */
html[data-tm22-theme="light"] body .tm22-route__btn--ghost,
html[data-tm22-theme="light"] body .tm22-route__btn--ghost:visited{
  background:#171717 !important;
  background-color:#171717 !important;
  color:#FFFFFF !important;
  border-color:#171717 !important;
}

html[data-tm22-theme="light"] body .tm22-route__btn--ghost:hover,
html[data-tm22-theme="light"] body .tm22-route__btn--ghost:focus-visible{
  background:#2A2A2A !important;
  background-color:#2A2A2A !important;
  color:#FFFFFF !important;
  border-color:#2A2A2A !important;
}


/* =========================================================
   5. КАТАЛОГ — ПОЛНОСТЬЮ КРУГЛЫЕ КНОПКИ «ПОДРОБНЕЕ»
   ========================================================= */

#tm-catalog .tm22-loop-drawer-trigger.e-button-base,
#catalog .tm22-loop-drawer-trigger.e-button-base,
#tm-catalog a.tm22-loop-drawer-trigger,
#catalog a.tm22-loop-drawer-trigger{
  border-radius:999px !important;
  overflow:hidden !important;
}

/* В светлой теме гарантированно сохраняем белый текст. */
html[data-tm22-theme="light"] body #tm-catalog .tm22-loop-drawer-trigger.e-button-base,
html[data-tm22-theme="light"] body #catalog .tm22-loop-drawer-trigger.e-button-base,
html[data-tm22-theme="light"] body #tm-catalog a.tm22-loop-drawer-trigger,
html[data-tm22-theme="light"] body #catalog a.tm22-loop-drawer-trigger{
  color:#FFFFFF !important;
}


/* =========================================================
   6. DRAWER — ПОЛНОСТЬЮ КРУГЛАЯ КНОПКА ЗВОНКА
   ========================================================= */

.tm22-org-drawer__button--primary,
.tm22-loop-global-drawer__button--primary,
.tm22-org-drawer__panel a[href^="tel:"],
.tm22-loop-global-drawer__panel a[href^="tel:"],
[id^="off-canvas-f23dbff-"] a[href^="tel:"],
[id^="off-canvas-f23dbff-"] .elementor-button,
[id^="off-canvas-f23dbff-"] .e-button-base{
  border-radius:999px !important;
  overflow:hidden !important;
}

/* Оранжевая drawer-кнопка остаётся с белым текстом. */
.tm22-org-drawer__button--primary,
.tm22-loop-global-drawer__button--primary,
.tm22-org-drawer__panel a[href^="tel:"],
.tm22-loop-global-drawer__panel a[href^="tel:"]{
  color:#FFFFFF !important;
}


/* =========================================================
   7. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion:reduce){
  .tm22-theme__knob,
  .tm22-theme__icon,
  .tm22-route__btn,
  .tm22-loop-drawer-trigger{
    transition:none !important;
  }
}

/* TM22 three small UI fixes — 2026-08-03. */
.elementor-element-187c7d9 .elementor-button,
.elementor-element-187c7d9 .elementor-button:hover,
.elementor-element-187c7d9 .elementor-button:focus,
.elementor-element-187c7d9 .elementor-button-text,
.elementor-element-187c7d9 .elementor-button:hover .elementor-button-text,
.elementor-element-187c7d9 .elementor-button:focus .elementor-button-text {
  text-decoration: none !important;
}

.tm22-theme__icon--moon svg {
  transform: translateX(1.5px) !important;
  transform-origin: center !important;
}


/* TM22 hero CTA: the background belongs only to the button, never its spans. */
.elementor-element-187c7d9 .elementor-button-content-wrapper,
.elementor-element-187c7d9 .elementor-button-text,
.elementor-element-187c7d9 .elementor-button:hover .elementor-button-content-wrapper,
.elementor-element-187c7d9 .elementor-button:hover .elementor-button-text,
.elementor-element-187c7d9 .elementor-button:focus .elementor-button-content-wrapper,
.elementor-element-187c7d9 .elementor-button:focus .elementor-button-text,
.elementor-element-187c7d9 .elementor-button:active .elementor-button-content-wrapper,
.elementor-element-187c7d9 .elementor-button:active .elementor-button-text {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

/* Strong scoped override for theme rules applied to Elementor inner spans. */
html body .tm22-theme-hero-host .elementor-element.elementor-element-187c7d9
.elementor-button > .elementor-button-content-wrapper,
html body .tm22-theme-hero-host .elementor-element.elementor-element-187c7d9
.elementor-button > .elementor-button-content-wrapper > .elementor-button-text,
html body .tm22-theme-hero-host .elementor-element.elementor-element-187c7d9
.elementor-button:hover > .elementor-button-content-wrapper,
html body .tm22-theme-hero-host .elementor-element.elementor-element-187c7d9
.elementor-button:hover > .elementor-button-content-wrapper > .elementor-button-text,
html body .tm22-theme-hero-host .elementor-element.elementor-element-187c7d9
.elementor-button:focus > .elementor-button-content-wrapper,
html body .tm22-theme-hero-host .elementor-element.elementor-element-187c7d9
.elementor-button:focus > .elementor-button-content-wrapper > .elementor-button-text {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

/* ==== extra1080 ==== */
/* Скрываем старое изображение, когда drawer пометил его hidden */
.tm22-org-drawer__image[hidden],
.tm22-loop-global-drawer__image[hidden] {
  display: none !important;
}
/* TM22 — логотип в drawer выравниваем по левому краю */
.tm22-org-drawer__logo,
.tm22-org-drawer__media,
.tm22-org-drawer__image-wrap,
.tm22-loop-global-drawer__logo,
.tm22-loop-global-drawer__media,
.tm22-loop-global-drawer__image-wrap {
  width: 100% !important;

  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  text-align: left !important;
}

/* Само изображение */
.tm22-org-drawer__image,
.tm22-loop-global-drawer__image {
  display: block;

  margin-left: 0 !important;
  margin-right: auto !important;

  align-self: flex-start !important;
  object-position: left center !important;

  transform: none !important;
}

/* Буква-заглушка, когда логотипа нет */
.tm22-org-drawer__fallback,
.tm22-loop-global-drawer__fallback {
  margin-left: 0 !important;
  margin-right: auto !important;

  align-self: flex-start !important;
  text-align: left !important;
}

/* Сохраняем скрытие отсутствующего или сломанного изображения */
.tm22-org-drawer__image[hidden],
.tm22-loop-global-drawer__image[hidden] {
  display: none !important;
}
/* ==== hero_grad ==== */

  .hero-grad{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none;
    background: linear-gradient(120deg, #140000 0%, #240000 55%, #573000 100%); /* фолбэк */ }
  .hero-grad__canvas{ display:block; width:100%; height:100%; }

/* ==== lease ==== */

.tm22-lease-cta{
  --tm-accent:#FF5D15;
  --tm-accent-2:#ff7a1a;

  /* Единая сетка секций сайта */
  --tm-container-width:1132px;
  --tm-page-gutter:24px;

  --tm-text:#F5F6F0;
  --tm-muted:#aaa7a3;

  --tm-card-bg-1:rgba(16,16,16,.82);
  --tm-card-bg-2:rgba(16,16,16,.67);

  --tm-line:rgba(255,255,255,.13);
  --tm-feature-bg:rgba(255,255,255,.06);
  --tm-feature-line:rgba(255,255,255,.10);

  position:relative;
  isolation:isolate;
  overflow:hidden;

  /* Полная ширина контейнера Elementor без переполнения из-за 100vw */
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding:72px var(--tm-page-gutter);

  background:#140000;
  color:var(--tm-text);

  box-sizing:border-box;

  font-family:
    'Inter Tight',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Arial,
    sans-serif;
}

.tm22-lease-cta *,
.tm22-lease-cta *::before,
.tm22-lease-cta *::after{
  box-sizing:border-box;
}

/* =========================================
   АНИМИРОВАННЫЙ ФОН
   ========================================= */

.tm22-lease-grad{
  position:absolute;
  inset:0;
  z-index:0;

  overflow:hidden;
  pointer-events:none;

  background:
    linear-gradient(
      120deg,
      #140000 0%,
      #240000 55%,
      #573000 100%
    );
}

.tm22-lease-grad::after{
  content:"";

  position:absolute;
  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.30) 0%,
      rgba(0,0,0,.10) 46%,
      rgba(0,0,0,.18) 100%
    );
}

.tm22-lease-grad__canvas{
  display:block;

  width:100%;
  height:100%;
}

/* =========================================
   ОСНОВНАЯ КАРТОЧКА
   ========================================= */

.tm22-lease-cta__wrap{
  position:relative;
  z-index:2;

  width:100% !important;
  max-width:var(--tm-container-width) !important;
  margin:0 auto;
  padding:48px 52px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:64px;

  overflow:hidden;

  border:1px solid var(--tm-line);
  border-radius:26px;

  background:
    linear-gradient(
      120deg,
      var(--tm-card-bg-1) 0%,
      var(--tm-card-bg-2) 100%
    );

  box-shadow:
    0 30px 90px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.04);

  -webkit-backdrop-filter:blur(13px);
  backdrop-filter:blur(13px);
}

.tm22-lease-cta__content{
  position:relative;
  z-index:2;

  max-width:880px;
}

.tm22-lease-cta__kicker{
  margin:0 0 13px;

  color:var(--tm-accent);

  font-size:13px;
  font-weight:650;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.tm22-lease-cta__title{
  margin:0;

  color:var(--tm-text);

  font-size:50px;
  font-weight:600;
  line-height:1.06;
  letter-spacing:-.032em;
}

.tm22-lease-cta__accent{
  display:inline;

  color:var(--tm-accent);
}

.tm22-lease-cta__text{
  max-width:760px;
  margin:20px 0 0;

  color:var(--tm-muted);

  font-size:17px;
  font-weight:400;
  line-height:1.58;
}

.tm22-lease-cta__features{
  margin-top:24px;

  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.tm22-lease-cta__feature{
  min-height:36px;
  padding:8px 13px;

  display:inline-flex;
  align-items:center;
  gap:8px;

  border:1px solid var(--tm-feature-line);
  border-radius:999px;

  background:var(--tm-feature-bg);
  color:var(--tm-text);

  font-size:13px;
  font-weight:500;
  line-height:1.2;

  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

.tm22-lease-cta__feature svg{
  width:15px;
  height:15px;

  flex:0 0 auto;

  color:var(--tm-accent);
}

/* =========================================
   ПРАВАЯ ЧАСТЬ И КНОПКА
   ========================================= */

.tm22-lease-cta__action{
  position:relative;
  z-index:2;

  width:280px;
  flex:0 0 280px;

  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}

.tm22-lease-cta__button{
  width:100%;
  min-height:60px;
  padding:0 26px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;

  appearance:none;

  border:1px solid var(--tm-accent);
  border-radius:999px;

  background:var(--tm-accent);
  color:#fff !important;

  font:inherit;
  font-size:16px;
  font-weight:650;
  line-height:1;

  cursor:pointer;

  box-shadow:
    0 16px 44px rgba(255,93,21,.24),
    inset 0 1px 0 rgba(255,255,255,.18);

  transition:
    background .22s ease,
    border-color .22s ease,
    transform .22s ease,
    box-shadow .22s ease;
}

.tm22-lease-cta__button span{
  color:#fff !important;
}

.tm22-lease-cta__button svg{
  width:21px;
  height:21px;

  flex:0 0 auto;

  color:#fff;

  transition:transform .22s ease;
}

.tm22-lease-cta__button:hover{
  border-color:var(--tm-accent-2);
  background:var(--tm-accent-2);

  transform:translateY(-3px);

  box-shadow:
    0 21px 54px rgba(255,93,21,.34),
    inset 0 1px 0 rgba(255,255,255,.20);
}

.tm22-lease-cta__button:hover svg{
  transform:translateX(5px);
}

/* Elementor не должен перекрашивать кнопку при клике или фокусе */
#tm22-lease .tm22-lease-cta__button:focus,
#tm22-lease .tm22-lease-cta__button:focus-visible,
#tm22-lease .tm22-lease-cta__button:active{
  border-color:var(--tm-accent) !important;
  outline:none !important;
  background:var(--tm-accent) !important;
  color:#fff !important;
  transform:none;
  box-shadow:
    0 16px 44px rgba(255,93,21,.24),
    inset 0 1px 0 rgba(255,255,255,.18);
}

#tm22-lease .tm22-lease-cta__button:hover,
#tm22-lease .tm22-lease-cta__button:hover:focus,
#tm22-lease .tm22-lease-cta__button:hover:active{
  border-color:var(--tm-accent-2) !important;
  background:var(--tm-accent-2) !important;
  color:#fff !important;
  transform:translateY(-3px);
  box-shadow:
    0 21px 54px rgba(255,93,21,.34),
    inset 0 1px 0 rgba(255,255,255,.20);
}

.tm22-lease-cta__note{
  margin:0;
  padding:0 5px;

  color:var(--tm-muted);

  font-size:13px;
  font-weight:400;
  line-height:1.5;
}

/* =========================================
   ФОРМА АРЕНДЫ
   ========================================= */

.tm22-lease-modal,
.tm22-lease-modal *,
.tm22-lease-modal *::before,
.tm22-lease-modal *::after{box-sizing:border-box}

.tm22-lease-modal{
  --tm-accent:#FF5D15;
  --tm-accent-2:#ff7a1a;
  font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease, visibility .22s ease;
}

.tm22-lease-modal.is-open{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}

.tm22-lease-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(5,5,5,.68);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

.tm22-lease-modal__dialog{
  position:relative;
  z-index:1;
  width:100%;
  max-width:480px;
  max-height:calc(100vh - 48px);
  overflow:auto;
  padding:42px;
  border:1px solid rgba(20,20,20,.10);
  border-radius:26px;
  background:#fff !important;
  color:#171513 !important;
  box-shadow:0 30px 100px rgba(0,0,0,.28);
  transform:translateY(14px) scale(.985);
  transition:transform .22s ease;
}

.tm22-lease-modal.is-open .tm22-lease-modal__dialog{
  transform:none;
}

.tm22-lease-modal__close{
  position:absolute;
  top:16px;
  right:16px;
  width:42px;
  height:42px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  appearance:none;
  border:1px solid rgba(20,20,20,.10);
  border-radius:50%;
  background:#f5f3ef !important;
  color:#171513 !important;
  cursor:pointer;
}

.tm22-lease-modal__close svg{
  width:20px;
  height:20px;
}

.tm22-lease-modal__kicker{
  margin:0 48px 10px 0;
  color:var(--tm-accent) !important;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.tm22-lease-modal__title{
  margin:0 48px 12px 0;
  color:#171513 !important;
  font-size:34px;
  font-weight:650;
  line-height:1.08;
}

.tm22-lease-modal__text{
  margin:0 0 26px;
  color:#68635f !important;
  font-size:15px;
  line-height:1.5;
}

.tm22-lease-modal__form{
  display:grid;
  gap:16px;
}

.tm22-lease-modal__field{
  display:grid;
  gap:8px;
  color:#171513 !important;
  font-size:13px;
  font-weight:600;
}

.tm22-lease-modal__field input{
  width:100%;
  min-height:54px;
  padding:0 17px;
  border:1px solid rgba(20,20,20,.14) !important;
  border-radius:14px;
  outline:none;
  background:#f8f7f4 !important;
  color:#171513 !important;
  font:inherit;
  font-size:16px;
  font-weight:450;
  transition:border-color .18s ease, box-shadow .18s ease;
}

.tm22-lease-modal__field input::placeholder{
  color:#9a9691;
}

.tm22-lease-modal__field input:focus{
  border-color:var(--tm-accent) !important;
  box-shadow:0 0 0 4px rgba(255,93,21,.12);
}

.tm22-lease-modal__submit{
  min-height:56px;
  margin-top:4px;
  padding:0 26px;
  appearance:none;
  border:1px solid var(--tm-accent) !important;
  border-radius:999px;
  background:var(--tm-accent) !important;
  color:#fff !important;
  font:inherit;
  font-size:16px;
  font-weight:650;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(255,93,21,.24);
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}

.tm22-lease-modal__submit:hover{
  border-color:var(--tm-accent-2) !important;
  background:var(--tm-accent-2) !important;
  transform:translateY(-2px);
}

.tm22-lease-modal__status{
  min-height:18px;
  margin:0;
  color:#68635f !important;
  font-size:12px;
  line-height:1.45;
  text-align:center;
}

body.tm22-lease-modal-open{
  overflow:hidden !important;
}

/* =========================================
   ДЕКОРАТИВНЫЕ ЭЛЕМЕНТЫ
   ========================================= */

.tm22-lease-cta__decor{
  position:absolute;
  z-index:1;

  border-radius:50%;

  pointer-events:none;
}

.tm22-lease-cta__decor--one{
  right:-120px;
  bottom:-220px;

  width:470px;
  height:470px;

  background:
    radial-gradient(
      circle,
      rgba(255,93,21,.19) 0%,
      rgba(255,93,21,.07) 38%,
      transparent 70%
    );
}

.tm22-lease-cta__decor--two{
  top:-190px;
  left:38%;

  width:350px;
  height:350px;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.07) 0%,
      transparent 68%
    );
}

/* =========================================
   СВЕТЛАЯ ТЕМА
   ========================================= */

html[data-tm22-theme="light"] .tm22-lease-cta{
  --tm-text:#171513;
  --tm-muted:#534d48;

  --tm-card-bg-1:rgba(255,255,255,.80);
  --tm-card-bg-2:rgba(255,255,255,.62);

  --tm-line:rgba(73,42,16,.15);
  --tm-feature-bg:rgba(255,255,255,.48);
  --tm-feature-line:rgba(70,38,13,.13);

  background:#e5e0e9;
}

html[data-tm22-theme="light"] .tm22-lease-grad::after{
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.12) 0%,
      rgba(255,255,255,.03) 48%,
      rgba(87,37,8,.08) 100%
    );
}

html[data-tm22-theme="light"] .tm22-lease-cta__wrap{
  box-shadow:
    0 30px 90px rgba(83,44,10,.14),
    inset 0 1px 0 rgba(255,255,255,.65);
}

html[data-tm22-theme="light"] .tm22-lease-cta__feature{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45);
}

html[data-tm22-theme="light"] .tm22-lease-cta__decor--two{
  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.30) 0%,
      transparent 68%
    );
}

/* =========================================
   АДАПТИВ
   ========================================= */

@media(max-width:1024px){
  .tm22-lease-cta{
    --tm-page-gutter:20px;

    padding-top:64px;
    padding-bottom:64px;
  }

  .tm22-lease-cta__wrap{
    padding:42px;
    gap:42px;
  }

  .tm22-lease-cta__title{
    font-size:42px;
  }

  .tm22-lease-cta__action{
    width:245px;
    flex-basis:245px;
  }
}

@media(max-width:767px){
  .tm22-lease-cta{
    --tm-page-gutter:16px;
  }

  .tm22-lease-cta__wrap{
    flex-direction:column;
    align-items:flex-start;

    gap:34px;
  }

  .tm22-lease-cta__content{
    max-width:none;
  }

  .tm22-lease-cta__action{
    width:100%;
    flex-basis:auto;
  }

  .tm22-lease-cta__button{
    width:auto;
    min-width:250px;
  }

  .tm22-lease-cta__note{
    max-width:420px;
  }
}

@media(max-width:600px){
  .tm22-lease-cta{
    padding-top:48px;
    padding-bottom:48px;
  }

  .tm22-lease-cta__wrap{
    padding:30px 24px;

    gap:30px;

    border-radius:21px;
  }

  .tm22-lease-cta__kicker{
    margin-bottom:11px;

    font-size:12px;
  }

  .tm22-lease-cta__title{
    font-size:34px;
    line-height:1.08;
  }

  .tm22-lease-cta__accent{
    display:block;
  }

  .tm22-lease-cta__text{
    margin-top:16px;

    font-size:15px;
    line-height:1.55;
  }

  .tm22-lease-cta__features{
    margin-top:20px;
  }

  .tm22-lease-cta__feature{
    min-height:34px;

    padding:7px 11px;

    font-size:12px;
  }

  .tm22-lease-cta__button{
    width:100%;
    min-width:0;
    min-height:56px;
  }

  .tm22-lease-cta__note{
    padding:0;

    font-size:12px;
  }

  .tm22-lease-cta__decor--one{
    right:-230px;
    bottom:-250px;
  }

  .tm22-lease-modal{
    padding:16px;
  }

  .tm22-lease-modal__dialog{
    max-height:calc(100vh - 32px);
    padding:34px 22px 26px;
    border-radius:21px;
  }

  .tm22-lease-modal__title{
    font-size:30px;
  }
}

@media(prefers-reduced-motion:reduce){
  .tm22-lease-cta__button,
  .tm22-lease-cta__button svg,
  .tm22-lease-modal,
  .tm22-lease-modal__dialog,
  .tm22-lease-modal__submit{
    transition:none;
  }
}

/* ==== bento ==== */

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap');

.tm22-bento-section {
  --tm22-bg: #050505;
  --tm22-card-bg: #151515;
  --tm22-card-bg-light: #1b1b1b;
  --tm22-border: rgba(255, 255, 255, 0.1);
  --tm22-orange: #ff641e;
  --tm22-text: #f5f5f5;
  --tm22-text-muted: #9a9a9a;

  width: 100%;
  padding: 110px 24px;
  background: var(--tm22-bg);
  box-sizing: border-box;
  font-family: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.tm22-bento-section,
.tm22-bento-section * {
  box-sizing: border-box;
}

.tm22-bento-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.tm22-bento-head {
  max-width: 680px;
  margin-bottom: 56px;
}

.tm22-bento-title {
  margin: 0 0 14px;
  color: var(--tm22-text);
  font-family: inherit;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 700;
  line-height: 1.08;
}

.tm22-bento-subtitle {
  margin: 0;
  color: var(--tm22-text-muted);
  font-family: inherit;
  font-size: 17px;
  line-height: 1.5;
}

.tm22-bento-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 22px;
}

.tm22-bento-card {
  position: relative;
  display: block;
  min-height: 300px;
  overflow: hidden;

  color: inherit;

  border: 1px solid var(--tm22-border);
  border-radius: 30px;

  background:
    radial-gradient(
      90% 130% at 100% 100%,
      rgba(255, 100, 30, 0.1),
      transparent 58%
    ),
    linear-gradient(
      145deg,
      var(--tm22-card-bg-light),
      var(--tm22-card-bg)
    );
}

.tm22-bento-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background-image:
    radial-gradient(
      rgba(255, 255, 255, 0.07) 1px,
      transparent 1px
    );

  background-size: 22px 22px;
  opacity: 0.25;
  pointer-events: none;
}

.tm22-bento-content {
  position: relative;
  z-index: 3;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  width: 100%;
  height: 100%;
  min-height: inherit;
  padding: 24px;
}

/* Теги в левом верхнем углу */
.tm22-bento-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 62%;
  margin-bottom: 16px;
}

.tm22-bento-tag {
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;

  padding: 7px 12px;
  border-radius: 999px;

  color: var(--tm22-orange);
  background: rgba(255, 100, 30, 0.14);
  border: 1px solid rgba(255, 100, 30, 0.35);
}

.tm22-bento-card-title {
  margin: 0 0 10px;

  color: var(--tm22-text);
  font-family: inherit;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.18;
}

.tm22-bento-card-desc {
  max-width: 31ch;
  margin: 0;

  color: var(--tm22-text-muted);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}

.tm22-bento-img {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -2%;

  width: 58%;
  height: 92%;

  object-fit: contain;
  object-position: right center;

  transform: translateY(-50%);
  transform-origin: center right;

  filter:
    drop-shadow(0 24px 26px rgba(0, 0, 0, 0.34))
    drop-shadow(0 0 20px rgba(255, 100, 30, 0.07));

  pointer-events: none;
}

/* Первый ряд */
.tm22-bento-card--parts,
.tm22-bento-card--service {
  grid-column: span 6;
  min-height: 330px;
}

/* Второй ряд */
.tm22-bento-card--tires {
  grid-column: span 4;
  min-height: 320px;
}

.tm22-bento-card--battery {
  grid-column: span 5;
  min-height: 320px;
}

.tm22-bento-card--electronics {
  grid-column: span 3;
  min-height: 320px;
}

/* Индивидуальная настройка изображений */
.tm22-bento-card--parts .tm22-bento-img {
  right: -18%;
  width: 60%;
  height: 96%;
}

.tm22-bento-card--service .tm22-bento-img {
  right: -16%;
  width: 59%;
  height: 94%;
}

.tm22-bento-card--tires .tm22-bento-img {
  right: -22%;
  top: 55%;
  width: 63%;
  height: 94%;
}

.tm22-bento-card--battery .tm22-bento-img {
  right: -17%;
  top: 55%;
  width: 57%;
  height: 90%;
}

.tm22-bento-card--electronics .tm22-bento-img {
  right: -15%;
  width: 70%;
  height: 91%;
}

/* Планшет */
@media (max-width: 1024px) {
  .tm22-bento-section {
    padding: 90px 20px;
  }

  .tm22-bento-head {
    margin-bottom: 42px;
  }

  .tm22-bento-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tm22-bento-card--parts,
  .tm22-bento-card--service,
  .tm22-bento-card--tires,
  .tm22-bento-card--battery {
    grid-column: span 1;
  }

  .tm22-bento-card--electronics {
    grid-column: span 2;
  }

  .tm22-bento-card--electronics .tm22-bento-img {
    right: 0;
    width: 56%;
  }
}

/* Телефон */
@media (max-width: 767px) {
  .tm22-bento-section {
    padding: 64px 16px;
  }

  .tm22-bento-head {
    margin-bottom: 32px;
  }

  .tm22-bento-title {
    font-size: 32px;
  }

  .tm22-bento-subtitle {
    font-size: 15px;
  }

  .tm22-bento-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .tm22-bento-card--parts,
  .tm22-bento-card--service,
  .tm22-bento-card--tires,
  .tm22-bento-card--battery,
  .tm22-bento-card--electronics {
    grid-column: span 1;
    min-height: 340px;
  }

  .tm22-bento-card {
    border-radius: 24px;
  }

  .tm22-bento-content {
    justify-content: flex-start;
  }

  .tm22-bento-tags {
    max-width: 100%;
  }

  .tm22-bento-card-desc {
    max-width: 28ch;
  }

  .tm22-bento-img,
  .tm22-bento-card--parts .tm22-bento-img,
  .tm22-bento-card--service .tm22-bento-img,
  .tm22-bento-card--tires .tm22-bento-img,
  .tm22-bento-card--battery .tm22-bento-img,
  .tm22-bento-card--electronics .tm22-bento-img {
    top: auto;
    right: -5%;
    bottom: -7%;

    width: 78%;
    height: 72%;

    object-position: right bottom;
    transform: none;
  }

  .tm22-bento-card--parts .tm22-bento-img {
    right: -20%;
  }

  .tm22-bento-card--service .tm22-bento-img {
    right: -20%;
  }

  .tm22-bento-card--tires .tm22-bento-img,
  .tm22-bento-card--battery .tm22-bento-img {
    right: -20%;
    bottom: -12%;
  }
}

/* Десктоп: подобранные позиции картинок (только вьюпорт ≥ 1200px) */
@media (min-width: 1200px) {
  .tm22-bento-card--parts .tm22-bento-img {
    right: -44%;
    top: 68%;
    width: 60%;
    height: 96%;
    scale: 1.5;
  }

  .tm22-bento-card--service .tm22-bento-img {
    right: -54%;
    top: 96%;
    width: 59%;
    height: 94%;
    scale: 2;
  }

  .tm22-bento-card--tires .tm22-bento-img {
    right: -40%;
    top: 59%;
    width: 63%;
    height: 94%;
    scale: 1.6;
  }

  .tm22-bento-card--battery .tm22-bento-img {
    right: -47%;
    top: 90%;
    width: 57%;
    height: 90%;
    scale: 2;
  }

  .tm22-bento-card--electronics .tm22-bento-img {
    right: -70%;
    top: 76%;
    width: 70%;
    height: 91%;
    scale: 2;
  }
}

/* ==== blog ==== */

.tm22-blog{
  --tm-accent:#FF5D15; --tm-accent-2:#ff7a1a; --tm-accent-soft:rgba(255,93,21,.10);
  --tm-bg:#050505; --tm-surface:#141414; --tm-line:rgba(255,255,255,.10);
  --tm-text:#F5F6F0; --tm-muted:#8f8f8f;
  --tm-gap:20px;
  width:100%; padding:96px 24px; background:var(--tm-bg); color:var(--tm-text); box-sizing:border-box;
  font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}
.tm22-blog *{ box-sizing:border-box; }
.tm22-blog__wrap{ max-width:1440px; margin:0 auto; }

.tm22-blog__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:38px; }
.tm22-blog__kicker{ margin:0 0 12px; color:var(--tm-accent); font-weight:600; font-size:13px; letter-spacing:.14em; text-transform:uppercase; }
.tm22-blog__title{ margin:0; color:var(--tm-text); font-weight:600; font-size:52px; line-height:1.08; }
.tm22-blog__accent{ color:var(--tm-accent); }

.tm22-blog__nav{ display:flex; gap:10px; flex-shrink:0; }
.tm22-blog__arrow{ width:48px; height:48px; display:flex; align-items:center; justify-content:center; border:1px solid var(--tm-line); border-radius:50%; background:var(--tm-surface); color:var(--tm-text); cursor:pointer; transition:border-color .2s ease, color .2s ease, transform .2s ease, background .2s ease; }
.tm22-blog__arrow svg{ width:22px; height:22px; }
.tm22-blog__arrow:hover{ border-color:var(--tm-accent); color:var(--tm-accent); transform:translateY(-2px); }
.tm22-blog__arrow:active{ transform:translateY(0); }

.tm22-blog__viewport{ position:relative; overflow:hidden; }

/* Затемнение краёв — карточки «уходят в темноту» */
.tm22-blog__fade{ position:absolute; top:0; bottom:0; width:120px; z-index:3; pointer-events:none; }
.tm22-blog__fade--l{ left:0; background:linear-gradient(to right, var(--tm-bg), transparent); }
.tm22-blog__fade--r{ right:0; background:linear-gradient(to left, var(--tm-bg), transparent); }

.tm22-blog__track{ display:flex; gap:var(--tm-gap); will-change:transform; }

/* 4 карточки в ряд (desktop) */
.tm22-blog__card{
  flex:0 0 calc((100% - 3*var(--tm-gap)) / 4);
  background:var(--tm-surface); border:1px solid var(--tm-line); border-radius:20px;
  overflow:hidden; display:flex; flex-direction:column;
  transition:border-color .2s ease, transform .2s ease;
}
.tm22-blog__card:hover{ border-color:rgba(255,93,21,.45); transform:translateY(-4px); }

.tm22-blog__media{ position:relative; height:180px; background:linear-gradient(135deg,#241a14,#3a2a1e); overflow:hidden; }
.tm22-blog__media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.tm22-blog__card:hover .tm22-blog__media img{ transform:scale(1.06); }

.tm22-blog__body{ display:flex; flex-direction:column; gap:10px; padding:18px 18px 20px; flex:1; }
.tm22-blog__date{ color:var(--tm-accent); font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.tm22-blog__cardtitle{ margin:0; color:var(--tm-text); font-size:18px; font-weight:600; line-height:1.25; }
.tm22-blog__desc{ margin:0; color:var(--tm-muted); font-size:14px; line-height:1.5; flex:1; }
.tm22-blog__more{ color:var(--tm-text); font-size:14px; font-weight:600; transition:color .18s ease; cursor:pointer; }
.tm22-blog__card:hover .tm22-blog__more{ color:var(--tm-accent); }

/* Адаптив: меняем число видимых карточек */
@media(max-width:1024px){
  .tm22-blog{ padding:78px 20px; }
  .tm22-blog__card{ flex-basis:calc((100% - var(--tm-gap)) / 2); }
  .tm22-blog__fade{ width:70px; }
}
@media(max-width:600px){
  .tm22-blog{ padding:58px 16px; }
  .tm22-blog__title{ font-size:34px; }
  .tm22-blog__card{ flex-basis:calc(100% - 40px); }
  .tm22-blog__fade{ width:36px; }
}
@media(prefers-reduced-motion:reduce){
  .tm22-blog__track{ transition:none !important; }
  .tm22-blog__card,.tm22-blog__media img{ transition:none; }
}

/* ==== route ==== */

.tm22-route{
  --tm-accent:#FF5D15; --tm-accent-2:#ff7a1a; --tm-accent-soft:rgba(255,93,21,.10);
  --tm-bg:#050505; --tm-surface:#141414; --tm-surface-2:#1b1b1b;
  --tm-line:rgba(255,255,255,.10); --tm-text:#F5F6F0; --tm-muted:#8f8f8f;
  width:100%; padding:96px 24px; background:var(--tm-bg); color:var(--tm-text); box-sizing:border-box;
  font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}
.tm22-route *{ box-sizing:border-box; }
.tm22-route__wrap{ max-width:1440px; margin:0 auto; }
.tm22-route__head{ max-width:820px; margin-bottom:44px; }
.tm22-route__kicker{ margin:0 0 14px; color:var(--tm-accent); font-weight:600; font-size:13px; letter-spacing:.14em; text-transform:uppercase; }
.tm22-route__title{ margin:0 0 18px; color:var(--tm-text); font-weight:600; font-size:clamp(32px,4vw,52px); line-height:1.08; }
.tm22-route__accent{ color:var(--tm-accent); }
.tm22-route__lead{ margin:0; max-width:680px; color:var(--tm-muted); font-size:17px; line-height:1.55; }
.tm22-route__grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:28px; align-items:stretch; }
.tm22-route__cards{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:20px; }
.tm22-route__card{ display:flex; gap:14px; padding:18px; background:var(--tm-surface); border:1px solid var(--tm-line); border-radius:18px; transition:border-color .2s ease, transform .2s ease; }
.tm22-route__card:hover{ border-color:rgba(255,93,21,.4); transform:translateY(-2px); }
.tm22-route__card--wide{ grid-column:1 / -1; }
.tm22-route__card-ic{ flex-shrink:0; width:44px; height:44px; display:flex; align-items:center; justify-content:center; color:var(--tm-accent); background:var(--tm-accent-soft); border-radius:12px; }
.tm22-route__card-ic svg{ width:22px; height:22px; }
.tm22-route__card-body{ display:flex; flex-direction:column; gap:5px; min-width:0; }
.tm22-route__card-label{ color:var(--tm-muted); font-size:12px; text-transform:uppercase; letter-spacing:.06em; font-weight:600; }
.tm22-route__card-value{ color:var(--tm-text); font-size:15px; line-height:1.4; font-weight:500; }
.tm22-route__link{ text-decoration:none; transition:color .18s ease; }
.tm22-route__link:hover{ color:var(--tm-accent); }
.tm22-route__buttons{ display:flex; gap:12px; flex-wrap:wrap; }
.tm22-route__btn{ display:inline-flex; align-items:center; justify-content:center; padding:14px 26px; border-radius:50px; font-weight:600; font-size:15px; text-decoration:none; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease; }
.tm22-route__btn--primary{ background:var(--tm-accent); color:#140a04; border:1.5px solid var(--tm-accent); }
.tm22-route__btn--primary:hover{ background:var(--tm-accent-2); border-color:var(--tm-accent-2); transform:translateY(-2px); box-shadow:0 12px 28px rgba(255,93,21,.32); }
.tm22-route__btn--ghost{ background:transparent; color:var(--tm-text); border:1.5px solid var(--tm-line); }
.tm22-route__btn--ghost:hover{ border-color:var(--tm-accent); color:var(--tm-accent); transform:translateY(-2px); }
.tm22-route__map-shell{ position:relative; overflow:hidden; border-radius:30px; border:1px solid var(--tm-line); background:var(--tm-surface-2); min-height:0; }
.tm22-route__map{ position:absolute; inset:0; width:100%; height:100%; }
.tm22-route__loading{ position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; color:var(--tm-muted); font-size:15px; background:var(--tm-surface-2); }
.tm22-route__spinner{ width:38px; height:38px; border-radius:50%; border:3px solid rgba(255,255,255,.12); border-top-color:var(--tm-accent); animation:tm22-spin .8s linear infinite; }
@keyframes tm22-spin{ to{ transform:rotate(360deg); } }
.tm22-route__fallback{ position:absolute; inset:0; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:32px; text-align:center; background:radial-gradient(90% 70% at 50% 0%,rgba(255,93,21,.08),transparent 60%),var(--tm-surface); }
.tm22-route__fallback[hidden]{ display:none !important; }
.tm22-route__fallback-ic{ width:56px; height:56px; display:flex; align-items:center; justify-content:center; color:var(--tm-accent); background:var(--tm-accent-soft); border-radius:16px; margin-bottom:4px; }
.tm22-route__fallback-ic svg{ width:28px; height:28px; }
.tm22-route__fallback-title{ margin:0; font-weight:600; font-size:20px; color:var(--tm-text); }
.tm22-route__fallback-addr{ margin:0 0 8px; color:var(--tm-muted); font-size:15px; line-height:1.5; }

/*
  Светлая тема.
  Глобальная тема назначает белый фон через [class*="__card"] !important,
  поэтому сбрасываем заливку у всего дерева карточек более точным селектором.
*/
html[data-tm22-theme="light"] body section#tm22-route.tm22-route .tm22-route__cards,
html[data-tm22-theme="light"] body section#tm22-route.tm22-route .tm22-route__cards *{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
}

html[data-tm22-theme="light"] body section#tm22-route.tm22-route .tm22-route__map-shell{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

@media(max-width:1024px){ .tm22-route{ padding:78px 20px; } .tm22-route__grid{ grid-template-columns:1fr; } .tm22-route__map-shell{ min-height:430px; } }
@media(max-width:767px){ .tm22-route{ padding:58px 16px; } .tm22-route__cards{ grid-template-columns:1fr; } .tm22-route__map-shell{ min-height:360px; border-radius:24px; } .tm22-route__buttons .tm22-route__btn{ flex:1; } }
@media(prefers-reduced-motion:reduce){ .tm22-route__spinner{ animation:none; } .tm22-route__card,.tm22-route__btn{ transition:none; } }

/* ==== page custom css (адаптировать под uCoz) ==== */
/* TM22: главный экран карточкой с полями 20px */
.elementor-262 .elementor-element.elementor-element-693b1ba{margin:20px 20px 0;width:calc(100% - 40px) !important;max-width:calc(100% - 40px);border-radius:30px;min-height:calc(100vh - 20px) !important;}
/* TM22: подложка страницы под тему (тёмная по умолчанию, светлую задаёт шапка) */
html:not([data-tm22-theme="light"]) body{background:#050505;}
/* TM22: блок аренды карточкой с полями 20px */
.elementor-262 .elementor-element.elementor-element-fc10a8b{padding:0 20px 20px !important;box-sizing:border-box;}
.elementor-262 .elementor-element-fc10a8b #tm22-lease{border-radius:30px;}
/* TM22: блок «Автомобиль начинается с деталей» карточкой с полями 20px */
.elementor-262 .elementor-element.elementor-element-5bd7ac6{margin:0 20px 20px;width:calc(100% - 40px) !important;max-width:calc(100% - 40px);border-radius:30px;overflow:hidden;}
html:not([data-tm22-theme="light"]) .elementor-262 .elementor-element.elementor-element-5bd7ac6{background:#0f0f0f;}
html:not([data-tm22-theme="light"]) .elementor-262 .elementor-element-5bd7ac6 .tm22-bento-section{background:transparent;}
/* TM22: шапка на главной — вверху в 10px от края главного экрана (30px), при прокрутке прилипает на 10px */
body .tm22-header{padding-top:30px !important;top:-20px !important;margin-bottom:-107px !important;}