@charset "UTF-8";
#page {
  background: #fff;
}

.storefront-breadcrumb {
  display: none !important;
}

.landing--five h2 {
  font-weight: 900;
  font-size: 39px;
  letter-spacing: 0.02em;
  margin-bottom: 3rem !important;
  color: #000;
  text-transform: uppercase !important;
  text-align: left !important;
}

.l-container {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
}

/* базовые мелочи */
*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* скрыть хлебные крошки Storefront */
.storefront-breadcrumb {
  display: none !important;
}

/* заголовки страницы */
.landing--five h2 {
  font-weight: 900;
  font-size: 39px;
  letter-spacing: 0.02em;
  margin-bottom: 3rem !important;
  color: #000;
  text-transform: uppercase !important;
  text-align: left !important;
}

/* контейнер */
.l-container {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
}

@media (max-width: 860px) {
  #page {
    padding-top: 60px;
  }
}

/* ── EXPO (layout v3 — под макет) ───────────────────────────────────────── */
.expo {
  background: #000;
  padding: 28px 0 12px;
  color: #fff;
  font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  /* === GRID (как в макете) ============================================== */
  /* Общий вид плиток */
  /* Области */
  /* 3×3, 16:9 */
  /* Ненужные старые тайлы */
  /* Стенд — картинка */
  /* Telegram-иконка */
  /* Типографика */
  /* === Видео 16:9 внутри грида ========================================== */
  /* это и растянет 3 ряда правильно */
  /* === Нижний баннер-приглашение (.expo.part-2) ========================== */
  /* ── MOBILE (оставляем твою ленту) ───────────────────────────────────── */
  /* === Цвета (как были) ================================================== */
}
.expo a:hover {
  color: #fff !important;
}
@media (max-width: 860px) {
  .expo {
    padding-left: 16px;
  }
  .expo.part-2 {
    padding-left: 0;
  }
}
.expo__headline {
  text-align: center;
  font-weight: 900;
  font-size: clamp(22px, 4.2vw, 39px);
  letter-spacing: 0.02em;
  margin-bottom: 2rem;
}
.expo__grid {
  width: min(1366px, 92vw);
  margin-inline: auto;
  display: -ms-grid;
  display: grid;
  gap: 12px;
  /* Ключ: строки растягиваются при нужде (для 16:9 видео),
     но не опускаются ниже $row — тогда всё совпадёт пропорционально */
  grid-auto-rows: minmax(176px, auto);
  -ms-grid-columns: minmax(0, 1fr) 12px minmax(0, 1fr) 12px minmax(0, 1fr) 12px minmax(0, 1fr);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  /* 1–3 ряды: слева (1×1 + 1×2), справа видео 3×3 */
  -ms-grid-rows: auto 12px auto 12px auto 12px auto 12px auto 12px auto 12px auto 12px auto;
      grid-template-areas: "ticket  video   video   video" "stand   video   video   video" "stand   video   video   video" "form    news    news    smoke" "form    tg      tg      smoke" "clips   pack    pack    mince" "stack   pack    pack    marinate" "portion twist   twist   marinate";
}
/* .expo__tile {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 20px;
  border-radius: 16px;
  text-decoration: none;
  color: inherit;
  font-size: 31px;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  overflow: hidden;
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.expo__tile:hover {
  opacity: 0.92;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
} */
.expo__tile--ticket {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: ticket;
}
.expo__tile--stand {
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: stand;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.expo__tile--video {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 3;
  -ms-grid-column-span: 5;
  grid-area: video;
}
.expo__tile--news {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: news;
}
.expo__tile--tg {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: tg;
}
.expo__tile--smoke {
  -ms-grid-row: 7;
  -ms-grid-row-span: 3;
  -ms-grid-column: 7;
  grid-area: smoke;
}
.expo__tile--form {
  -ms-grid-row: 7;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: form;
}
.expo__tile--clips {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
  grid-area: clips;
}
.expo__tile--stack {
  -ms-grid-row: 13;
  -ms-grid-column: 1;
  grid-area: stack;
}
.expo__tile--pack {
  -ms-grid-row: 11;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: pack;
}
.expo__tile--mince {
  -ms-grid-row: 11;
  -ms-grid-column: 7;
  grid-area: mince;
}
.expo__tile--marinate {
  -ms-grid-row: 13;
  -ms-grid-row-span: 3;
  -ms-grid-column: 7;
  grid-area: marinate;
}
.expo__tile--portion {
  -ms-grid-row: 15;
  -ms-grid-column: 1;
  grid-area: portion;
}
.expo__tile--twist {
  -ms-grid-row: 15;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: twist;
}
.expo__tile--equipment, .expo__tile--call, .expo__tile--meeting {
  display: none !important;
}
.expo__stand-img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
/* .expo__tile--tg {
    -webkit-box-align: end;
    -ms-flex-align: inherit;
    align-items: end;
    -webkit-box-pack: end;
    -ms-flex-pack: inherit;
    justify-content: flex-start;}
.expo__tg-icon {
  position: absolute;
  top: 16px;
  left: 16px;
  bottom: 16px;
  width: 64px;
  height: 64px;
  pointer-events: none;
}
.expo__1-icon {
  position: absolute;
  top: 16px;
  left: 90px;
  bottom: 16px;
  width: 64px;
  height: 64px;
  pointer-events: none;
}
.expo__2-icon {
  position: absolute;
  top: 16px;
  left: 164px;
  bottom: 16px;
  width: 64px;
  height: 64px;
  pointer-events: none;
}
.expo__3-icon {
  position: absolute;
  top: 16px;
  left: 238px;
  bottom: 16px;
  width: 64px;
  height: 64px;
  pointer-events: none;
}
.expo__4-icon {
  position: absolute;
  top: 16px;
  left: 312px;
  bottom: 16px;
  width: 64px;
  height: 64px;
  pointer-events: none;
} */

/***соцбаннер*/
.expo__tile {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 20px; /* Увеличено для соответствия пропорциям картинки */
  border-radius: 16px;
  text-decoration: none;
  color: #ffffff; /* Белый цвет текста */
  font-size: 31px; /* Скорректировано под макет */
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  overflow: hidden;
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease;
  
  /* Фирменный градиент с картинки */
  background: linear-gradient(135deg, #44b549 0%, #2f7d3a 100%);
  /* width: 100%; */
  /* max-width: 1000px; */
  /* min-height: 240px; Высота блока для вмещения иконок и текста */
}

.expo__tile:hover {
  opacity: 0.92;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.expo__tile--tg {
  -webkit-box-align: end;
  -ms-flex-align: inherit;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: inherit;
  justify-content: flex-start;
}

/* Контейнер для выстраивания иконок в ряд */
.expo__icons-wrapper {
  position: absolute;
  top: 16px;
  left: 8px;
  display: flex;
  gap: 0px;
}

/* Стилизация круглых иконок */
.expo__tg-icon {
  width: 70px;
  height: 70px;
  /* object-fit: contain; */
  pointer-events: none;
  /* border: 4px solid #ffffff; */
  /* border-radius: 50%; */
  padding: 6px; /* Внутренний отступ, чтобы картинки внутри круга смотрелись аккуратно */
  box-sizing: border-box;
}

/* Адаптивность для мобильных экранов */
@media (max-width: 650px) {
  .expo__tile {
    padding: 25px;
    min-height: 180px;
    font-size: 28px;
  }
  .expo__icons-wrapper {
    top: 25px;
    left: 8px;
    gap: 0px;
  }
  .expo__tg-icon {
    width: 64px;
    height: 64px;
    border-width: 3px;
    padding: 8px;
  }
}

/*****/




.expo__tile--ticket, .expo__tile--news, .expo__tile--smoke, .expo__tile--form, .expo__tile--clips, .expo__tile--pack, .expo__tile--mince, .expo__tile--stack, .expo__tile--marinate, .expo__tile--portion, .expo__tile--twist {
  font-size: 31px;
  line-height: 1.2;
}
.expo__tile--video {
  overflow: hidden;
  aspect-ratio: 16/9;
}
.expo__tile-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  pointer-events: none;
}
.expo__video {
  display: block;
  width: min(1366px, 92vw);
  /* баннер на всю ширину, высотой в два $row — как на макете */
  height: calc(176px * 2);
  min-height: calc(176px * 2);
  margin: 28px auto 0;
  position: relative;
  border-radius: 18px;
  padding: 24px 28px 40px;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
  background-image: url("/wp-content/themes/storefront-child/assets/landing-5/block-17-bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.expo__video-title {
  font-weight: 900;
  font-size: clamp(18px, 2.2vw, 39px);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  position: absolute;
  bottom: 100px;
}
@media (max-width: 860px) {
  .expo__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 0 12px 10px 16px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    -ms-grid-columns: unset !important;
    grid-template-columns: unset !important;
        grid-template-areas: unset !important;
    scrollbar-width: none;
  }
  .expo__grid::-webkit-scrollbar {
    height: 0;
  }
  .expo__tile {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 min(82vw, 340px);
            flex: 0 0 min(82vw, 340px);
    width: min(82vw, 340px);
    height: min(82vw, 340px);
    aspect-ratio: 1/1;
    border-radius: 14px;
    padding: 16px;
    scroll-snap-align: start;
  }
  .expo__tile--video {
    width: 92vw;
    height: auto;
    aspect-ratio: 16/9;
    -ms-flex-preferred-size: 92vw;
        flex-basis: 92vw;
    border-radius: 14px;
  }
  .expo__video {
    height: 220px;
    min-height: 220px;
    aspect-ratio: auto;
    border-radius: 14px;
    margin: 6px 16px 0 16px;
  }
}
.expo__tile--ticket {
  background: radial-gradient(140% 120% at 18% 18%, #79f05a 0%, #48c15c 48%, rgba(0, 0, 0, 0) 70%), radial-gradient(130% 120% at 88% 78%, #7cfb3c 0%, #60d63b 45%, #2a8c35 100%), linear-gradient(135deg, #77f142 0%, #49b653 55%, #2b7a3d 100%);
}
.expo__tile--stand {
  background: radial-gradient(140% 140% at 16% 18%, #c2ef30 0%, #87d733 42%, rgba(0, 0, 0, 0) 68%), radial-gradient(140% 120% at 84% 74%, #6ccf27 0%, #529e31 55%, rgba(0, 0, 0, 0) 72%), linear-gradient(135deg, #b5e02c 0%, #7bd034 60%, #3c8f30 100%);
}
.expo__tile--news {
  background: radial-gradient(130% 120% at 22% 82%, #d01667 0%, #9f296e 36%, rgba(0, 0, 0, 0) 64%), radial-gradient(130% 120% at 84% 24%, #6a336a 0%, #432a4a 60%, rgba(0, 0, 0, 0) 70%), linear-gradient(135deg, #7e2a65 0%, #3a2a45 100%);
}
.expo__tile--smoke {
  background: radial-gradient(150% 130% at 28% 22%, #b4ff2e 0%, #7cf150 40%, rgba(0, 0, 0, 0) 66%), radial-gradient(140% 130% at 78% 70%, #e1ff39 0%, #8bf23c 42%, rgba(0, 0, 0, 0) 66%), linear-gradient(135deg, #7ff14e 0%, #47c64f 55%, #6bd12d 100%);
}
.expo__tile--form {
  background: radial-gradient(160% 140% at 18% 78%, #cc1d70 0%, #8f2a6d 45%, rgba(0, 0, 0, 0) 70%), radial-gradient(130% 120% at 86% 18%, #5d2f67 0%, #3b2a44 65%, rgba(0, 0, 0, 0) 75%), linear-gradient(135deg, #7e2a63 0%, #3a2a45 100%);
}
.expo__tile--tg {
  background: radial-gradient(140% 120% at 24% 24%, #7be363 0%, #419f62 48%, rgba(0, 0, 0, 0) 68%), linear-gradient(135deg, #58b66b 0%, #246b45 100%);
}
.expo__tile--clips {
  background: radial-gradient(150% 130% at 20% 20%, #7edb82 0%, #4ea674 48%, rgba(0, 0, 0, 0) 70%), linear-gradient(135deg, #6cb780 0%, #375f49 100%);
}
.expo__tile--pack {
  background: radial-gradient(150% 130% at 22% 18%, #7bff43 0%, #57df55 40%, rgba(0, 0, 0, 0) 66%), radial-gradient(140% 120% at 74% 78%, #b1ff33 0%, #8fff2f 40%, rgba(0, 0, 0, 0) 68%), linear-gradient(135deg, #69ff45 0%, #46cf55 55%, #86f42c 100%);
}
.expo__tile--mince {
  background: radial-gradient(150% 130% at 22% 22%, #7fc6a0 0%, #4f8f78 45%, rgba(0, 0, 0, 0) 68%), linear-gradient(135deg, #5aa387 0%, #2c5447 100%);
}
.expo__tile--stack {
  background: radial-gradient(150% 130% at 24% 76%, #b81e6e 0%, #7f2b69 40%, rgba(0, 0, 0, 0) 68%), radial-gradient(140% 120% at 86% 18%, #6e3166 0%, #3b2b43 60%, rgba(0, 0, 0, 0) 74%), linear-gradient(135deg, #9c2e6a 0%, #402945 100%);
}
.expo__tile--marinate {
  background: radial-gradient(150% 130% at 78% 22%, #b6266e 0%, #7c2b63 42%, rgba(0, 0, 0, 0) 68%), radial-gradient(130% 120% at 18% 78%, #6c2f61 0%, #3b2a43 60%, rgba(0, 0, 0, 0) 74%), linear-gradient(135deg, #a22b69 0%, #3d2a43 100%);
}
.expo__tile--portion {
  background: radial-gradient(150% 130% at 20% 24%, #6fd089 0%, #3b966f 46%, rgba(0, 0, 0, 0) 68%), linear-gradient(135deg, #50a97e 0%, #2a5a45 100%);
}
.expo__tile--twist {
  background: radial-gradient(150% 130% at 74% 28%, #c01866 0%, #8a2a6a 38%, rgba(0, 0, 0, 0) 66%), radial-gradient(140% 120% at 18% 78%, #6c2f60 0%, #412a45 60%, rgba(0, 0, 0, 0) 74%), linear-gradient(135deg, #8f2a68 0%, #3b2a43 100%);
}

/* ── HINT "ЛИСТАЙ" (mobile only) ────────────────────────────────────────── */
.expo__hint {
  display: none;
}

@media (max-width: 600px) {
  .expo {
    /* уважение к reduced motion */
  }
  .expo__hint {
    position: fixed;
    top: 610px; /* как было */
    left: 23%;
    z-index: 50;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    color: #fff;
    font: 600 13px/1.2 "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    letter-spacing: 0.02em;
    pointer-events: none;
    /* появляемся и исчезаем */
    opacity: 0;
    -webkit-animation: expo-hint-in 400ms ease-out forwards, expo-hint-wiggle 1600ms ease-in-out 400ms 2, expo-hint-out 600ms ease-in 3400ms forwards;
            animation: expo-hint-in 400ms ease-out forwards, expo-hint-wiggle 1600ms ease-in-out 400ms 2, expo-hint-out 600ms ease-in 3400ms forwards;
  }
  .expo__hint-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 12h8'/><path d='M13 7l5 5-5 5'/><path d='M6.2 8.5l1.3 6.8a3 3 0 0 0 3 2.4h3.2a3 3 0 0 0 3-3V9.5'/><path d='M10 5v6'/><path d='M12.5 5.5V11'/><path d='M15 6v5'/></svg>");
  }
  @-webkit-keyframes expo-hint-in {
    from {
      opacity: 0;
      -webkit-transform: translateY(6px);
              transform: translateY(6px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes expo-hint-in {
    from {
      opacity: 0;
      -webkit-transform: translateY(6px);
              transform: translateY(6px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-webkit-keyframes expo-hint-out {
    to {
      opacity: 0;
      -webkit-transform: translateY(6px);
              transform: translateY(6px);
    }
  }
  @keyframes expo-hint-out {
    to {
      opacity: 0;
      -webkit-transform: translateY(6px);
              transform: translateY(6px);
    }
  }
  @-webkit-keyframes expo-hint-wiggle {
    0%, 100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    50% {
      -webkit-transform: translateX(-6px);
              transform: translateX(-6px);
    }
  }
  @keyframes expo-hint-wiggle {
    0%, 100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    50% {
      -webkit-transform: translateX(-6px);
              transform: translateX(-6px);
    }
  }
}
@media (max-width: 600px) and (prefers-reduced-motion: reduce) {
  .expo__hint {
    -webkit-animation: none;
            animation: none;
    opacity: 0.75;
  }
}
/* Минимальный, изолированный стиль попапа */
.expo-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
}
.expo-modal[aria-hidden=false] {
  display: block;
}
.expo-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}
.expo-modal__dialog {
  position: relative;
  width: min(960px, 100vw - 32px);
  margin: 6vh auto 0;
  background: #000;
  border-radius: 12px;
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.expo-modal__close {
  position: absolute;
  right: 8px;
  top: 6px;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.85;
}
.expo-modal__close:hover {
  opacity: 1;
}
.expo-modal__content {
  background: #000;
}
.expo-modal__embed {
  aspect-ratio: 16/9;
  width: 100%;
}
.expo-modal__embed iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
@media (min-width: 901px) {
  .expo-modal__embed {
    height: 650px;
    aspect-ratio: auto;
  }
}

body.expo-modal-open {
  overflow: hidden;
}

/* если где-то было .expo__tile.expo__tile--stand { padding: 20px !important; }
   — больше не нужно, padding уже задан выше */
/* ============ EQUIPMENT (макет) ============ */
.equipment {
  padding: 32px 0 48px;
  background: #fff;
  color: #111;
}
.equipment .l-container {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.equipment__title {
  margin: 0 0 28px 0;
  font-weight: 900;
  font-size: 39px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #111;
}
.equipment__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 36px minmax(0, 1fr) 36px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px 36px; /* вертикальный и горизонтальный отступы */
}
.equipment__group {
  padding: 0;
  background: transparent;
}
.equipment__subtitle {
  margin: 0 0 12px 0;
}
.equipment__subtitle a {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #111;
}
.equipment__items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.equipment__item {
  margin: 0 0 8px 0;
}
.equipment__item a {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  color: #111;
  line-height: 1.4;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.equipment__item a:hover, .equipment__item a:focus {
  color: #BFF453; /* акцент при ховере */
}
@media (max-width: 1024px) {
  .equipment__list {
    -ms-grid-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
  .equipment__title {
    font-size: 34px;
  }
}
@media (max-width: 600px) {
  .equipment {
    padding: 24px 0 36px;
  }
  .equipment__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .equipment__title {
    font-size: 28px;
    margin-bottom: 18px;
  }
  .equipment__subtitle {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .equipment__item {
    margin-bottom: 6px;
  }
}

.expo.part-2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#fff));
  background: linear-gradient(180deg, #000 0%, #fff 100%);
  padding-top: 0;
}
.expo.part-2 .expo__video {
  margin-top: 0;
}
.expo.part-2_ {
  margin-bottom: -2rem;
}

.equip {
  padding: 32px 0 48px;
  background: #fff;
  color: #000;
}
.equip__container {
  width: min(1366px, 92vw);
  margin: 0 auto;
}
.equip__title {
  font-weight: 800;
  font-size: clamp(22px, 3vw, 32px);
  margin: 0 0 24px;
}
.equip__divider {
  border: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
  margin: 20px 0 36px;
}

/* Карточка машины */
.equip-card {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 28px 1fr;
  grid-template-columns: 50% 1fr;
  gap: 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.equip-card .equip-card__name {
  font-size: 24px;
  text-transform: none;
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%; /* 28.8px */
}
.equip-card--reverse {
  -ms-grid-columns: 1fr 50%;
  grid-template-columns: 1fr 50%;
}
.equip-card--reverse .equip-card__media {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.equip-card--reverse .equip-card__body {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.equip-card__media {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.equip-card__img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
}
.equip-card__body {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.equip-card__title {
  font-weight: 700;
  font-size: clamp(18px, 2.2vw, 22px);
  margin: 0 0 12px;
  line-height: 1.3;
}
.equip-card__text {
  font-size: 16px;
  line-height: 1.55;
}
.equip-card__text p {
  margin: 0 0 10px;
}
.equip-card__actions {
  margin-top: 16px;
}
.equip-card__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 36px;
  border-radius: 12px;
  background: #BFF453;
  color: #000;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: -webkit-filter 0.2s ease;
  transition: -webkit-filter 0.2s ease;
  transition: filter 0.2s ease;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease;
}
.equip-card__btn:hover {
  -webkit-filter: brightness(0.95);
          filter: brightness(0.95);
}
.equip-card__btn:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

/* Адаптив */
@media (max-width: 1024px) {
  .equip-card,
  .equip-card--reverse {
    -ms-grid-columns: 340px 1fr;
    grid-template-columns: 340px 1fr;
  }
}
@media (max-width: 768px) {
  .equip-card,
  .equip-card--reverse {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .equip-card .equip-card__media,
  .equip-card .equip-card__body,
  .equip-card--reverse .equip-card__media,
  .equip-card--reverse .equip-card__body {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
  .equip__divider {
    margin: 16px 0 28px;
  }
}
.equip-card__media {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.equip-card__video-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9; /* держим 16:9 в узкой колонке */
  border-radius: 12px;
  overflow: hidden;
  background: #111;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.equip-card__video {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover; /* обрезаем красиво по краям */
  -webkit-filter: saturate(0.9) contrast(1.05);
          filter: saturate(0.9) contrast(1.05);
}
.equip-card__vignette {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(120% 120% at 50% 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.18) 100%), -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.12)));
  background: radial-gradient(120% 120% at 50% 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.18) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.12) 100%);
}
.equip-card__sound {
  position: absolute;
  right: 8px;
  bottom: 8px;
  padding: 6px 10px;
  border: 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background 0.2s ease, -webkit-transform 0.06s ease;
  transition: background 0.2s ease, -webkit-transform 0.06s ease;
  transition: background 0.2s ease, transform 0.06s ease;
  transition: background 0.2s ease, transform 0.06s ease, -webkit-transform 0.06s ease;
}
.equip-card__sound:hover {
  background: rgba(0, 0, 0, 0.7);
}
.equip-card__sound:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.equip-card__sound.is-on {
  background: rgba(191, 244, 83, 0.9);
  color: #000;
}
.equip-card__sound-ico {
  display: block;
}

/* зеркальная карточка — видео тоже работает */
.equip-card--reverse .equip-card__video-wrap {
  margin-left: auto;
}

/* уважение к system setting */
@media (prefers-reduced-motion: reduce) {
  .equip-card__video {
    -webkit-animation: none;
            animation: none;
  }
}
.landing--five .team {
  background: #fff;
  padding: 40px 0 80px;
  /* Стрелки */
  /* Карточка сотрудника */
}
.landing--five .team .centered {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0;
}
.landing--five .team h2 {
  font-weight: 900;
  font-size: 39px;
  line-height: 1.05;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0 0 24px;
}
@media (max-width: 600px) {
  .landing--five .team h2 {
    font-size: 22px;
    margin-bottom: 18px;
  }
}
.landing--five .team .owl-container {
  position: relative;
  margin: 0 auto;
  padding: 0 40px;
}
@media (max-width: 900px) {
  .landing--five .team .owl-container {
    padding: 0 28px;
  }
}
@media (max-width: 600px) {
  .landing--five .team .owl-container {
    padding: 0 16px;
  }
}
.landing--five .team .owl-theme .owl-nav {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.landing--five .team .owl-theme .owl-nav button {
  pointer-events: all;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  outline: none;
  /* рисуем «chevron» псевдо-элементом, цвет как в макете */
}
.landing--five .team .owl-theme .owl-nav button::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  border-right: 3px solid #a10083;
  border-top: 3px solid #a10083;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.landing--five .team .owl-theme .owl-nav button:hover {
  opacity: 0.85;
}
.landing--five .team .owl-theme .owl-nav button.owl-prev {
  left: 0;
}
.landing--five .team .owl-theme .owl-nav button.owl-prev::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.landing--five .team .owl-theme .owl-nav button.owl-next {
  right: 0;
}
.landing--five .team .owl-theme .owl-nav button.owl-next::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.landing--five .team .item .imageblock {
  margin: 0 auto 12px;
  width: 192px;
  height: 192px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 900px) {
  .landing--five .team .item .imageblock {
    width: 128px;
    height: 128px;
  }
}
@media (max-width: 600px) {
  .landing--five .team .item .imageblock {
    width: 112px;
    height: 112px;
    margin-bottom: 10px;
  }
}
.landing--five .team .item .textblock {
  text-align: center;
  font-family: "Roboto", "akrobatlight", sans-serif;
  font-weight: 400;
  color: #000;
}
.landing--five .team .item .textblock .name {
  margin: 0 0 6px;
  font-size: 24px;
  line-height: 120%;
  line-height: 1.15;
  letter-spacing: 0.01em;
  font-weight: 400;
}
.landing--five .team .item .textblock .phone {
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 1.2;
}
.landing--five .team .item .textblock .phone a {
  color: #000;
  text-decoration: none;
}
.landing--five .team .item .textblock .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.landing--five .team .item .textblock .contact .team-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: cover;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.landing--five .team .item .textblock .contact .team-icon:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.landing--five .team .item .textblock .contact .team-email {
  background-image: url("../images/team-email.png");
}
.landing--five .team .item .textblock .contact .team-whatsapp {
  background-image: url("../images/team-whatsapp.png");
}
.landing--five .team .item .textblock .contact .team-telegram {
  background-image: url("../images/team-telegram.png");
}
.landing--five .team .item .textblock .contact .team-vk {
  background-image: url("../images/team-vk.png");
}
.landing--five .team .button-container {
  margin-top: 28px;
  text-align: center;
}

.partners {
  background: #fff;
  color: #000;
  padding: 32px 0 40px;
  margin-bottom: 80px;
}
.partners__title {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 900;
  font-size: clamp(18px, 2.4vw, 28px);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0 0 40px;
}
.partners__list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: clamp(16px, 3vw, 48px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.partners__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 64px;
}
.partners__logo {
  max-width: 100%;
  width: auto;
  height: clamp(22px, 4vw, 44px);
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.6;
  -webkit-transition: opacity 0.25s ease, -webkit-filter 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, -webkit-filter 0.25s ease, -webkit-transform 0.25s ease;
  transition: filter 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
  transition: filter 0.25s ease, opacity 0.25s ease, transform 0.25s ease, -webkit-filter 0.25s ease, -webkit-transform 0.25s ease;
}
.partners__logo:hover, .partners__logo:focus {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  opacity: 1;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

/* Узкие экраны — немного плотнее */
@media (max-width: 480px) {
  .partners {
    padding: 24px 0 28px;
  }
  .partners__list {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 16px 20px;
  }
  .partners__item {
    min-height: 56px;
  }
}
/* === FIX ARROWS / OFFSETS / Z-INDEX === */
.owl-stage-outer {
  overflow: hidden;
}

.landing--five .team .owl-theme .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5; /* поверх слайдов */
  pointer-events: none; /* пробрасываем клик только на кнопки */
}

.landing--five .team .owl-theme .owl-nav.disabled {
  display: block;
} /* на всякий случай */
.landing--five .team .owl-theme .owl-nav button {
  pointer-events: all;
  position: absolute;
  width: 24px !important;
  max-width: 24px !important;
  height: 60px !important;
  max-height: 60px !important;
  background: transparent;
  border: 0;
  outline: none;
}

.landing--five .owl-theme .owl-nav [class*=owl-] {
  border-radius: 0 !important;
}

/* вынос за края контейнера — как в макете */
.landing--five .team .owl-theme .owl-nav .owl-prev {
  left: -1rem !important;
}

.landing--five .team .owl-theme .owl-nav .owl-next {
  right: -1rem !important;
}

.landing--five .team .owl-nav-ico {
  display: block;
  width: 24px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.landing--five .team .owl-prev {
  background-image: url("/wp-content/themes/storefront-child/assets/landing-5/arrow-slider-left.svg") !important;
  background-repeat: no-repeat !important;
  width: 24px !important;
  max-width: 24px !important;
  height: 60px !important;
  max-height: 60px !important;
  background-size: cover;
}

.landing--five .team .owl-next {
  background-image: url("/wp-content/themes/storefront-child/assets/landing-5/arrow-slider-right.svg") !important;
  background-repeat: no-repeat !important;
  width: 24px !important;
  max-width: 24px !important;
  height: 60px !important;
  max-height: 60px !important;
  background-size: cover;
}

/* убираем дефолтные символы Owl и рисуем «chevron» */
.landing--five .team .owl-theme .owl-nav button span {
  display: none;
}

.landing--five .team .owl-theme .owl-nav button::before {
  display: none !important;
}

.landing--five .team .owl-theme .owl-nav .owl-prev::before {
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
          transform: translate(-50%, -50%) rotate(-135deg);
}

/* адаптив: чуть внутрь и поменьше на мобилках */
@media (max-width: 900px) {
  .landing--five .team .owl-theme .owl-nav .owl-prev {
    left: -16px;
  }
  .landing--five .team .owl-theme .owl-nav .owl-next {
    right: -16px;
  }
  .landing--five .team .owl-theme .owl-nav button {
    width: 36px;
    height: 36px;
  }
  .landing--five .team .owl-theme .owl-nav button::before {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 600px) {
  .landing--five .team .owl-theme .owl-nav .owl-prev {
    left: -8px;
  }
  .landing--five .team .owl-theme .owl-nav .owl-next {
    right: -8px;
  }
  .landing--five .team .owl-theme .owl-nav button {
    width: 28px;
    height: 28px;
  }
  .landing--five .team .owl-theme .owl-nav button::before {
    width: 12px;
    height: 12px;
  }
}
/* L5 — NEWS (scoped) */
.l5-news {
  padding-bottom: 100px;
}
.l5-news .l5-news__inner {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 16px;
}
.l5-news .l5-news__title {
  margin: 0 0 16px 0;
  font-weight: 900;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #111;
}
.l5-news .l5-news__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.35fr 24px 1fr 24px 1fr;
  grid-template-columns: 1.35fr 1fr 1fr;
  grid-auto-rows: minmax(120px, auto);
  gap: 24px;
}
.l5-news .l5-news__card {
  display: block;
}
.l5-news .l5-news__card--featured {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  overflow: hidden;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
}
.l5-news .l5-news__card--featured .l5-news__media {
  display: block;
  position: relative;
  aspect-ratio: 1.4/1;
  background: #cfe6c0;
}
.l5-news .l5-news__card--featured .l5-news__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l5-news .l5-news__card--featured .l5-news__content {
  padding-top: 30px;
}
.l5-news .l5-news__card--featured .l5-news__head {
  margin: 0 0 12px 0;
}
.l5-news .l5-news__card--featured .l5-news__head a {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
  color: #1a1a1a;
  text-decoration: none;
}
.l5-news .l5-news__card--featured .l5-news__head a:hover {
  text-decoration: underline;
}
.l5-news .l5-news__card--featured .l5-news__excerpt {
  margin: 0 0 8px 0;
  color: #4a4a4a;
  font-size: 14px;
  line-height: 1.5;
}
.l5-news .l5-news__thumb {
  display: block;
  overflow: hidden;
  aspect-ratio: 1.4/1;
  background: #eee;
}
.l5-news .l5-news__thumb img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.l5-news .l5-news__name {
  margin: 10px 0 6px 0;
}
.l5-news .l5-news__name a {
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
  color: #1a1a1a;
  text-decoration: none;
}
.l5-news .l5-news__name a:hover {
  text-decoration: underline;
}
.l5-news .l5-news__meta {
  font-size: 12px;
  color: #7a7a7a;
}
.l5-news .l5-news__ph {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #d8e6c6, #b7d69f);
}
.l5-news .l5-news__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-top: 20px;
}
.l5-news .l5-news__more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 20px;
  border-radius: 12px;
  background: #BFF453;
  color: #000;
  font-weight: 700;
  text-decoration: none;
}
.l5-news .l5-news__more:hover {
  opacity: 0.9;
}
.l5-news .l5-news__subs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.l5-news .l5-news__icons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
}
.l5-news .l5-news__icons img {
  width: 48px;
  height: 48px;
  display: block;
}
.l5-news .l5-news__subscribe {
  font-weight: 700;
  color: #1a8f2f;
  text-decoration: none;
}
.l5-news .l5-news__subscribe:hover {
  text-decoration: underline;
}
@media (max-width: 1024px) {
  .l5-news .l5-news__grid {
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .l5-news .l5-news__card--featured {
    grid-column: 1/-1;
    grid-row: auto;
  }
}
@media (max-width: 640px) {
  .l5-news .l5-news__inner {
    padding: 0 12px;
  }
  .l5-news .l5-news__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .l5-news .l5-news__title {
    font-size: 22px;
    margin-bottom: 10px;
  }
}

/* ── ZEN TOC v2 ───────────────────────────────────────────────────────── */
.zen-toc {
  position: fixed;
  z-index: 1000;
  right: max(16px, env(safe-area-inset-right));
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 52px; /* свернуто */
  border-radius: 16px;
  background: rgba(18, 20, 18, 0.88);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: #e8e8e8;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
  opacity: 0.72;
  -webkit-transition: width 0.25s ease, opacity 0.2s ease, -webkit-box-shadow 0.25s ease;
  transition: width 0.25s ease, opacity 0.2s ease, -webkit-box-shadow 0.25s ease;
  transition: width 0.25s ease, opacity 0.2s ease, box-shadow 0.25s ease;
  transition: width 0.25s ease, opacity 0.2s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
  overflow: hidden;
  /* Компакт: показываем только «кнопку» */
  /* Мобильный UX */
}
.zen-toc:hover, .zen-toc.is-open, .zen-toc:focus-within {
  width: min(320px, 88vw);
  opacity: 1;
  -webkit-box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
          box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
}
.zen-toc__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(#141614), to(#111311));
  background: linear-gradient(180deg, #141614 0%, #111311 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.zen-toc__label {
  font: 700 13px/1.2 "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0.04em;
  color: #cfe99a; /* лайм приглушённый */
  text-transform: uppercase;
  white-space: nowrap;
}
.zen-toc__toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  padding: 6px 9px;
  border-radius: 10px;
  background: rgba(191, 244, 83, 0.12);
  color: #cfe99a;
  cursor: pointer;
  -webkit-transition: background 0.2s ease, -webkit-transform 0.06s ease;
  transition: background 0.2s ease, -webkit-transform 0.06s ease;
  transition: background 0.2s ease, transform 0.06s ease;
  transition: background 0.2s ease, transform 0.06s ease, -webkit-transform 0.06s ease;
  font-size: 16px;
  line-height: 1;
}
.zen-toc__toggle:hover {
  background: rgba(191, 244, 83, 0.18);
}
.zen-toc__toggle:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.zen-toc__list {
  margin: 0;
  padding: 8px;
  list-style: none;
  max-height: min(58vh, 520px);
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #93d03a rgba(255, 255, 255, 0.06);
}
.zen-toc__item + .zen-toc__item {
  margin-top: 2px;
}
.zen-toc__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration: none;
  color: #d6d6d6;
  font-size: 14px;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
  /* индикатор слева */
}
.zen-toc__link::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(147, 208, 58, 0.6);
  -webkit-box-shadow: 0 0 0 0 rgba(147, 208, 58, 0.25);
          box-shadow: 0 0 0 0 rgba(147, 208, 58, 0.25);
  -webkit-transition: background 0.2s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: background 0.2s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.2s ease;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.2s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6px;
          flex: 0 0 6px;
}
.zen-toc__link:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.zen-toc__link.is-active {
  color: #f7f7f7;
  background: #1a1d18; /* не ядовито */
  -webkit-box-shadow: inset 3px 0 0 0 #93d03a;
          box-shadow: inset 3px 0 0 0 #93d03a; /* аккуратный акцент слева */
}
.zen-toc__link.is-active::before {
  background: #93d03a;
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  -webkit-box-shadow: 0 0 0 6px rgba(147, 208, 58, 0.26);
          box-shadow: 0 0 0 6px rgba(147, 208, 58, 0.26);
}
.zen-toc.is-compact .zen-toc__list {
  display: none;
}
.zen-toc.is-compact .zen-toc__label {
  opacity: 0;
  width: 0;
}
@media (max-width: 768px) {
  .zen-toc {
    right: max(12px, env(safe-area-inset-right));
    bottom: max(12px, env(safe-area-inset-bottom));
    top: auto;
    -webkit-transform: none;
            transform: none;
    border-radius: 14px;
    width: 52px;
    /* hover на мобиле не нужен */
  }
  .zen-toc:hover {
    width: 52px;
    opacity: 0.9;
  }
  .zen-toc.is-open {
    width: calc(100vw - 24px);
  }
}

.expo__video {
  text-decoration: none !important;
  padding: 0 !important;
}

.expo__video--banner {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 24px;
  min-height: 360px;
  background: -webkit-gradient(linear, left top, right top, from(#9bf26b), to(#58d86a));
  background: linear-gradient(90deg, #9bf26b 0%, #58d86a 100%);
  -webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
          box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
  text-decoration: none !important;
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
}
@media (max-width: 768px) {
  .expo__video--banner {
    min-height: inherit;
  }
}
.expo__video--banner:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 12px 36px rgba(0, 0, 0, 0.3);
          box-shadow: 0 12px 36px rgba(0, 0, 0, 0.3);
}
.expo__video--banner .marquee {
  position: relative;
  z-index: 2;
}
.expo__video--banner .marquee img {
  max-width: 100%;
  margin: 0 auto 4rem;
}
.expo__video--banner .flex {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  height: 100%;
}
.expo__video--banner .flex .left,
.expo__video--banner .flex .right {
  width: 50%;
}
.expo__video--banner .flex .right img {
  margin-right: 0;
  margin-left: auto;
}
.expo__video--banner .flex .left img,
.expo__video--banner .flex .right img {
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.expo__video--banner .decor {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: auto;
  z-index: 1;
  pointer-events: none;
  -webkit-animation: decor-pulse 3s ease-in-out infinite;
          animation: decor-pulse 3s ease-in-out infinite;
}

@-webkit-keyframes decor-pulse {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-4%);
            transform: translateX(-4%);
  }
}

@keyframes decor-pulse {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-4%);
            transform: translateX(-4%);
  }
}
/* Хук для expo__tile-video (адаптив 16:9 + выравнивание) */
.expo__tile.expo__tile--video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* центрирование по вертикали */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* центрирование по горизонтали */
  /* чтобы сохранить пропорции */
}
.expo__tile.expo__tile--video .expo__tile-video {
  width: 100%;
  aspect-ratio: 16/9; /* фиксируем соотношение сторон */
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
          box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

/* для узких экранов – чтобы блок не расползался */
@media (max-width: 768px) {
  .expo__tile.expo__tile--video {
    padding: 0 12px;
  }
  .expo__tile.expo__tile--video .expo__tile-video {
    max-width: 100%;
  }
  .expo__video {
    height: 170px;
    min-height: 170px;
  }
}
@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}

.show-on-mobile {
  display: none;
}
@media (max-width: 768px) {
  .show-on-mobile {
    display: block !important;
  }
}

.expo.part-0 {
  background: #000;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .expo.part-1 {
    margin-top: 0;
    padding-top: 0;
  }
}

/* ───────────────── EQUIP MODAL (v2 clean build) ───────────────── */
:root {
  --equip-acc: #39b54a; /* акцент (зелёный). поменяй при желании */
  --equip-acc-hover:#2fa140;
  --equip-bg: #ffffff; /* фон модалки */
  --equip-text: #111111; /* основной текст */
  --equip-muted:#767676; /* вторичный текст */
  --equip-brd: #E5E7EB; /* базовая граница */
  --equip-field:#F7F7F8; /* фон инпутов */
  --equip-shadow: 0 22px 70px rgba(0,0,0,.22);
}

.equip-modal {
  position: fixed;
  inset: 0;
  z-index: 9990;
  display: -ms-grid;
  display: grid;
  place-items: center;
  padding: clamp(12px, 3vw, 28px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.18s ease;
  transition: opacity 0.18s ease;
}
.equip-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}
.equip-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.52);
  backdrop-filter: blur(2px);
}
.equip-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(760px, 100%);
  max-height: 90dvh;
  overflow: auto;
  background: var(--equip-bg);
  color: var(--equip-text);
  border-radius: 18px;
  -webkit-box-shadow: var(--equip-shadow);
          box-shadow: var(--equip-shadow);
  padding: clamp(20px, 4vw, 32px);
  -webkit-animation: equipModalIn 0.18s ease both;
          animation: equipModalIn 0.18s ease both;
  /* базовая типографика (чтобы тема не ломала) */
}
.equip-modal__dialog * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.equip-modal__dialog h1, .equip-modal__dialog h2, .equip-modal__dialog h3, .equip-modal__dialog h4 {
  margin: 0 0 0.7em;
  line-height: 1.2;
  font-weight: 800;
}
.equip-modal__dialog p {
  margin: 0 0 0.9em;
}
.equip-modal__title {
  font-size: clamp(22px, 2.5vw, 30px);
  letter-spacing: 0.01em;
}
.equip-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  display: -ms-grid;
  display: grid;
  place-items: center;
  border: 1px solid var(--equip-brd);
  border-radius: 999px;
  background: #fff;
  color: #1f2937; /* ровный, читаемый крестик */
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease, -webkit-transform 0.12s ease;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease, -webkit-transform 0.12s ease;
  transition: transform 0.12s ease, background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
  transition: transform 0.12s ease, background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease, -webkit-transform 0.12s ease;
}
.equip-modal__close:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
  color: #111;
}
.equip-modal__close:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.equip-modal__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin: 0.2rem 0 1.1rem;
  color: var(--equip-muted);
}
.equip-modal__meta-value {
  color: var(--equip-text);
  font-weight: 700;
}
.equip-modal__form {
  /* светлые поля */
  /* кнопка сабмита (акцентная) */
}
.equip-modal__form .wpcf7 {
  width: 100%;
}
.equip-modal__form .wpcf7-form {
  display: -ms-grid;
  display: grid;
  gap: 14px;
  margin: 0;
}
.equip-modal__form .wpcf7-form-control-wrap {
  display: block;
}
.equip-modal__form input[type=text],
.equip-modal__form input[type=email],
.equip-modal__form input[type=tel],
.equip-modal__form textarea,
.equip-modal__form select {
  width: 100%;
  background: var(--equip-field);
  color: var(--equip-text);
  border: 1px solid var(--equip-brd);
  border-radius: 14px;
  padding: 12px 14px;
  outline: none;
  -webkit-transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.equip-modal__form input[type=text]:focus,
.equip-modal__form input[type=email]:focus,
.equip-modal__form input[type=tel]:focus,
.equip-modal__form textarea:focus,
.equip-modal__form select:focus {
  background: #fff;
  border-color: var(--equip-acc);
  -webkit-box-shadow: 0 0 0 3px color-mix(in srgb, var(--equip-acc) 24%, transparent);
          box-shadow: 0 0 0 3px color-mix(in srgb, var(--equip-acc) 24%, transparent);
}
.equip-modal__form input[type=text]::-webkit-input-placeholder, .equip-modal__form input[type=email]::-webkit-input-placeholder, .equip-modal__form input[type=tel]::-webkit-input-placeholder, .equip-modal__form textarea::-webkit-input-placeholder, .equip-modal__form select::-webkit-input-placeholder {
  color: #9aa0a6;
}
.equip-modal__form input[type=text]::-moz-placeholder, .equip-modal__form input[type=email]::-moz-placeholder, .equip-modal__form input[type=tel]::-moz-placeholder, .equip-modal__form textarea::-moz-placeholder, .equip-modal__form select::-moz-placeholder {
  color: #9aa0a6;
}
.equip-modal__form input[type=text]:-ms-input-placeholder, .equip-modal__form input[type=email]:-ms-input-placeholder, .equip-modal__form input[type=tel]:-ms-input-placeholder, .equip-modal__form textarea:-ms-input-placeholder, .equip-modal__form select:-ms-input-placeholder {
  color: #9aa0a6;
}
.equip-modal__form input[type=text]::-ms-input-placeholder, .equip-modal__form input[type=email]::-ms-input-placeholder, .equip-modal__form input[type=tel]::-ms-input-placeholder, .equip-modal__form textarea::-ms-input-placeholder, .equip-modal__form select::-ms-input-placeholder {
  color: #9aa0a6;
}
.equip-modal__form input[type=text]::placeholder,
.equip-modal__form input[type=email]::placeholder,
.equip-modal__form input[type=tel]::placeholder,
.equip-modal__form textarea::placeholder,
.equip-modal__form select::placeholder {
  color: #9aa0a6;
}
.equip-modal__form input[type=submit],
.equip-modal__form button[type=submit],
.equip-modal__form .wpcf7-submit {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 14px;
  padding: 14px 20px;
  font-weight: 800;
  background: var(--equip-acc);
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 0.15s ease, -webkit-transform 0.12s ease, -webkit-filter 0.15s ease;
  transition: background-color 0.15s ease, -webkit-transform 0.12s ease, -webkit-filter 0.15s ease;
  transition: background-color 0.15s ease, transform 0.12s ease, filter 0.15s ease;
  transition: background-color 0.15s ease, transform 0.12s ease, filter 0.15s ease, -webkit-transform 0.12s ease, -webkit-filter 0.15s ease;
}
.equip-modal__form input[type=submit]:hover,
.equip-modal__form button[type=submit]:hover,
.equip-modal__form .wpcf7-submit:hover {
  background: var(--equip-acc-hover);
}
.equip-modal__form input[type=submit]:active,
.equip-modal__form button[type=submit]:active,
.equip-modal__form .wpcf7-submit:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.equip-modal__form .wpcf7-response-output {
  margin-top: 6px;
  border: 1px dashed #e6e6e6;
  background: #fbfbfb;
  color: #333;
  border-radius: 12px;
  padding: 10px 12px;
}

/* зелёные CTA в карточках (если нужны такие же в списке) */
/*.equip-card__btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:10px 16px; gap:.5em;
  border:0; border-radius:14px;
  background: var(--equip-acc); color:#fff; font-weight:800; cursor:pointer;
  transition: background-color .15s ease, transform .12s ease;
  &:hover{ background: var(--equip-acc-hover); }
  &:active{ transform: translateY(1px); }
}*/
/* блокировка прокрутки фона */
html.is-modal-open, body.is-modal-open {
  overflow: hidden !important;
}

/* плавное появление окна */
@-webkit-keyframes equipModalIn {
  from {
    -webkit-transform: translateY(4px) scale(0.992);
            transform: translateY(4px) scale(0.992);
    opacity: 0.98;
  }
  to {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1;
  }
}
@keyframes equipModalIn {
  from {
    -webkit-transform: translateY(4px) scale(0.992);
            transform: translateY(4px) scale(0.992);
    opacity: 0.98;
  }
  to {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1;
  }
}
/* ───────────────── END ───────────────── */
/* ── EQUIP MODAL v3 (clean) ─────────────────────────────────────────────── */
:root {
  --equip-acc:#39b54a;
  --equip-acc-hover:#2fa140;
  --equip-bg:#fff;
  --equip-text:#111;
  --equip-muted:#6b7280;
  --equip-brd:#e5e7eb;
  --equip-field:#f7f7f8;
  --equip-shadow:0 22px 70px rgba(0,0,0,.22);
}

.equip-modal {
  position: fixed;
  inset: 0;
  z-index: 9990;
  display: -ms-grid;
  display: grid;
  place-items: center;
  padding: clamp(12px, 3vw, 28px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.18s ease;
  transition: opacity 0.18s ease;
}

.equip-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.equip-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.52);
  backdrop-filter: blur(2px);
}

.equip-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(760px, 100%);
  max-height: 90dvh;
  overflow: auto;
  margin: 0;
  background: var(--equip-bg);
  color: var(--equip-text);
  border-radius: 18px;
  -webkit-box-shadow: var(--equip-shadow);
          box-shadow: var(--equip-shadow);
  padding: clamp(20px, 4vw, 32px);
  -webkit-animation: equipIn 0.18s ease both;
          animation: equipIn 0.18s ease both;
}

.equip-modal__title {
  margin: 0 0 0.7em;
  font-weight: 800;
  font-size: clamp(22px, 2.5vw, 30px);
  letter-spacing: 0.01em;
}

.equip-modal__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin: 0.2rem 0 1.1rem;
  color: var(--equip-muted);
}

.equip-modal__meta-value {
  color: var(--equip-text);
  font-weight: 700;
}

@-webkit-keyframes equipIn {
  from {
    -webkit-transform: translateY(4px) scale(0.992);
            transform: translateY(4px) scale(0.992);
    opacity: 0.98;
  }
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes equipIn {
  from {
    -webkit-transform: translateY(4px) scale(0.992);
            transform: translateY(4px) scale(0.992);
    opacity: 0.98;
  }
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
html.is-modal-open, body.is-modal-open {
  overflow: hidden !important;
}

/* — Крестик — */
.equip-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  display: -ms-grid;
  display: grid;
  place-items: center;
  border: 1px solid var(--equip-brd);
  border-radius: 999px;
  background: #fff;
  color: #1f2937;
  cursor: pointer;
  -webkit-transition: background-color 0.12s ease, border-color 0.12s ease, -webkit-transform 0.12s ease;
  transition: background-color 0.12s ease, border-color 0.12s ease, -webkit-transform 0.12s ease;
  transition: transform 0.12s ease, background-color 0.12s ease, border-color 0.12s ease;
  transition: transform 0.12s ease, background-color 0.12s ease, border-color 0.12s ease, -webkit-transform 0.12s ease;
}

.equip-modal__close:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
}

.equip-modal__close:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}

/* красивый крест через SVG, чтобы шрифты/иконки темы не мешали */
.equip-modal__close::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: no-repeat center/contain url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='%23111' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* — Форма (100% ширины) — */
.equip-modal__form .wpcf7 {
  width: 100%;
}

.equip-modal__form .wpcf7-form {
  display: -ms-grid;
  display: grid;
  gap: 14px;
  margin: 0;
}

.equip-modal__form .wpcf7-form p {
  margin: 0;
}

.equip-modal__form .wpcf7-form .form-row {
  display: block;
  width: 100%;
}

.equip-modal__form .wpcf7-form .form-row > * {
  width: 100%;
}

.equip-modal__form .wpcf7-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* поля — светлые, на всю ширину; !important — чтобы перебить тему */
.equip-modal__form input[type=text],
.equip-modal__form input[type=email],
.equip-modal__form input[type=tel],
.equip-modal__form textarea,
.equip-modal__form select {
  width: 100% !important;
  max-width: 100%;
  background: var(--equip-field) !important;
  color: var(--equip-text) !important;
  border: 1px solid var(--equip-brd) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  outline: none !important;
  -webkit-transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.equip-modal__form input[type=text]::-webkit-input-placeholder, .equip-modal__form input[type=email]::-webkit-input-placeholder, .equip-modal__form input[type=tel]::-webkit-input-placeholder, .equip-modal__form textarea::-webkit-input-placeholder {
  color: #9aa0a6;
}

.equip-modal__form input[type=text]::-moz-placeholder, .equip-modal__form input[type=email]::-moz-placeholder, .equip-modal__form input[type=tel]::-moz-placeholder, .equip-modal__form textarea::-moz-placeholder {
  color: #9aa0a6;
}

.equip-modal__form input[type=text]:-ms-input-placeholder, .equip-modal__form input[type=email]:-ms-input-placeholder, .equip-modal__form input[type=tel]:-ms-input-placeholder, .equip-modal__form textarea:-ms-input-placeholder {
  color: #9aa0a6;
}

.equip-modal__form input[type=text]::-ms-input-placeholder, .equip-modal__form input[type=email]::-ms-input-placeholder, .equip-modal__form input[type=tel]::-ms-input-placeholder, .equip-modal__form textarea::-ms-input-placeholder {
  color: #9aa0a6;
}

.equip-modal__form input[type=text]::placeholder,
.equip-modal__form input[type=email]::placeholder,
.equip-modal__form input[type=tel]::placeholder,
.equip-modal__form textarea::placeholder {
  color: #9aa0a6;
}

.equip-modal__form input[type=text]:focus,
.equip-modal__form input[type=email]:focus,
.equip-modal__form input[type=tel]:focus,
.equip-modal__form textarea:focus,
.equip-modal__form select:focus {
  background: #fff !important;
  border-color: var(--equip-acc) !important;
  -webkit-box-shadow: 0 0 0 3px color-mix(in srgb, var(--equip-acc) 24%, transparent) !important;
          box-shadow: 0 0 0 3px color-mix(in srgb, var(--equip-acc) 24%, transparent) !important;
}

/* submit (акцент) */
.equip-modal__form input[type=submit],
.equip-modal__form button[type=submit],
.equip-modal__form .wpcf7-submit {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 14px;
  padding: 14px 20px;
  font-weight: 800;
  background: var(--equip-acc);
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 0.15s ease, -webkit-transform 0.12s ease;
  transition: background-color 0.15s ease, -webkit-transform 0.12s ease;
  transition: background-color 0.15s ease, transform 0.12s ease;
  transition: background-color 0.15s ease, transform 0.12s ease, -webkit-transform 0.12s ease;
}

.equip-modal__form .wpcf7-submit:hover {
  background: var(--equip-acc-hover);
}

.equip-modal__form .wpcf7-submit:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

.equip-modal__form .wpcf7-response-output {
  margin-top: 6px;
  border: 1px dashed #e6e6e6;
  background: #fbfbfb;
  color: #333;
  border-radius: 12px;
  padding: 10px 12px;
}

/* — Кнопки CTA в карточках (если нужны зелёные) — */
/*.equip-card__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;
  border:0;border-radius:14px;background:var(--equip-acc);color:#fff;font-weight:800;cursor:pointer;
  transition:background-color .15s ease,transform .12s ease}*/
/*.equip-card__btn:hover{background:var(--equip-acc-hover)}
.equip-card__btn:active{transform:translateY(1px)}*/
/* FIX: крестик — точный размер, без плясок */
.equip-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-grid;
  display: grid;
  place-items: center;
  padding: 0;
  margin: 0;
  border: 1px solid var(--equip-brd);
  border-radius: 999px;
  background: #fff;
  color: #1f2937;
  cursor: pointer;
  z-index: 2;
  /* сброс нативных стилей кнопки */
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-size: 0;
  line-height: 0; /* прячем текстовый символ ×, если вдруг остался */
  outline: none;
  -webkit-transition: background-color 0.12s ease, border-color 0.12s ease, -webkit-transform 0.12s ease;
  transition: background-color 0.12s ease, border-color 0.12s ease, -webkit-transform 0.12s ease;
  transition: transform 0.12s ease, background-color 0.12s ease, border-color 0.12s ease;
  transition: transform 0.12s ease, background-color 0.12s ease, border-color 0.12s ease, -webkit-transform 0.12s ease;
}

.equip-modal__close:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
}

.equip-modal__close:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}

/* SVG-иконка крестика */
.equip-modal__close::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: no-repeat center/contain url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='%23111' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* На всякий: если символ × всё же остаётся в разметке */
.equip-modal__close > * {
  display: none !important;
}

.zen-toc__subitem {
  font-size: 0.8em;
  margin-left: 2rem;
}

/* ── убрать лишние "технические" пункты (#id без текста) ─────────── */
.zen-toc__subitem:first-child {
  display: none !important;
}

/* скрыть CTA у первой карточки в каждой секции .equip */
.equip .equip__container > article.equip-card:first-of-type .equip-card__btn,
.equip > article.equip-card:first-of-type .equip-card__btn,
.equip .equip__container > article.equip-card:first-of-type .js-cf7-open,
.equip > article.equip-card:first-of-type .js-cf7-open {
  display: none !important;
}