/* ============================================================
   TeslaCoilPro — Design Pack (overlay on top of Tilda export)
   Language: plasmatube.pro — dark glass, lightning gradient.
   Loaded AFTER all tilda-*.css files.
   ============================================================ */

:root {
  --tcp-bg: #000817;
  --tcp-panel: rgba(255, 255, 255, 0.03);
  --tcp-panel-2: rgba(255, 255, 255, 0.055);
  --tcp-line: rgba(255, 255, 255, 0.09);
  --tcp-line-2: rgba(255, 255, 255, 0.16);
  --tcp-text: #eef1f9;
  --tcp-muted: #9aa3b8;
  --tcp-dim: #6b7285;
  --tcp-blue: #4da6ff;
  --tcp-violet: #a06bff;
  --tcp-magenta: #ff4fd8;
  --tcp-grad: linear-gradient(93deg, #4da6ff 0%, #a06bff 45%, #ff4fd8 100%);
  --tcp-font-d: "Unbounded", "Arial Black", sans-serif;
  --tcp-font-b: "Manrope", "Segoe UI", Arial, sans-serif;
  --tcp-rad: 18px;
  --tcp-rad-lg: 26px;
}

::selection { background: rgba(160, 107, 255, 0.45); color: #fff; }

/* ---------- typography overlay ---------- */

.t-title, .t-name_xl, .t-heading, .tn-atom h1, .tn-atom h2 {
  font-family: var(--tcp-font-d) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
  line-height: 1.15 !important;
}
.t-descr, .t-text, .t-name:not(.t-name_xl) {
  font-family: var(--tcp-font-b) !important;
}

/* ---------- site navigation (zero headers + burger + sticky bar) ---------- */

/* пункты зеро-хедеров получают .tcp-navlink из designpack.js */
a.tcp-navlink .tn-atom__button-text,
a.tcp-navlink { font-family: var(--tcp-font-b) !important; font-weight: 600 !important; }
a.tcp-navlink .tn-atom__button-text {
  position: relative; padding-bottom: 4px;
  transition: color 0.2s;
}
a.tcp-navlink .tn-atom__button-text::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: var(--tcp-grad); border-radius: 2px;
  transform: scaleX(0); transform-origin: left; transition: transform 0.25s cubic-bezier(0.2,0.6,0.2,1);
}
a.tcp-navlink:hover .tn-atom__button-text { color: var(--tcp-blue); }
a.tcp-navlink:hover .tn-atom__button-text::after { transform: scaleX(1); }

/* бургер-меню t450 */
.t450 { background-color: rgba(0, 8, 23, 0.92) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.t450__list_item .t-menu__link-item {
  font-family: var(--tcp-font-b) !important; font-weight: 600 !important;
  transition: color 0.2s;
}
.t450__list_item .t-menu__link-item:hover { color: var(--tcp-blue) !important; }

/* sticky-панель #tcp-header (создаётся в store-toolbar.js) — общий glass дизайн-пакета */
#tcp-header {
  background: rgba(0, 8, 23, 0.85) !important;
  -webkit-backdrop-filter: blur(14px) !important; backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid var(--tcp-line) !important;
  font-family: var(--tcp-font-b) !important;
}
#tcp-header .tcp-brand { font-family: var(--tcp-font-d) !important; font-weight: 600 !important; letter-spacing: 0.02em !important; }
#tcp-header a.tcp-nav {
  font-family: var(--tcp-font-b) !important; font-weight: 600 !important;
  position: relative; padding: 6px 2px 8px !important;
}
#tcp-header a.tcp-nav::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 2px;
  background: var(--tcp-grad); border-radius: 2px;
  transform: scaleX(0); transform-origin: left; transition: transform 0.25s cubic-bezier(0.2,0.6,0.2,1);
}
#tcp-header a.tcp-nav:hover { color: var(--tcp-blue) !important; }
#tcp-header a.tcp-nav:hover::after { transform: scaleX(1); }

/* ---------- scroll reveal (elements get .tcp-rv from designpack.js) ---------- */

.tcp-rv {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.7s cubic-bezier(0.2, 0.6, 0.2, 1), transform 0.7s cubic-bezier(0.2, 0.6, 0.2, 1);
  transition-delay: var(--tcp-d, 0s);
  will-change: opacity, transform;
}
.tcp-rv.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .tcp-rv { opacity: 1; transform: none; transition: none; }
}

/* ---------- kill cheesy Tilda center animation (about block) ---------- */

#rec722448641 [data-animate-style],
#rec722448641 .t-animate,
#rec722448641 .t-animate_sbs {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ---------- store showcase cards ---------- */

.t-store__card {
  border-radius: var(--tcp-rad) !important;
  overflow: hidden;
  background: var(--tcp-panel) !important;
  border: 1px solid var(--tcp-line);
  /* Tilda t-col — content-box: наша рамка добавляла 2×1px к слоту,
     4×(260+40+2) > 1200 и четвёртая карточка падала на новый ряд */
  box-sizing: border-box !important;
  transition: transform 0.35s cubic-bezier(0.2, 0.6, 0.2, 1),
              border-color 0.35s, box-shadow 0.35s, background 0.35s;
}
/* контент карточки: внутренние отступы от рамки панели (родные нулевые) */
.t-store__card .t-store__card__wrap_txt-and-btns {
  padding: 16px 18px 20px !important;
  box-sizing: border-box;
  display: flex; flex-direction: column; flex: 1 1 auto;
}
.t-store__card .t-store__card__btns-wrapper { margin-top: auto; padding-top: 14px; }

/* дропдауны вариантов на карточках скрыты — вместо них метка «есть варианты»
   (designpack.js), полноценный выбор варианта — в попапе товара */
.t-store__card .js-product-controls-wrapper { display: none !important; }
.tcp-hasopts {
  display: inline-flex; align-items: center; gap: 7px;
  font: 600 12.5px/1 var(--tcp-font-b); letter-spacing: 0.04em;
  color: var(--tcp-blue); cursor: pointer;
  padding: 7px 12px; border: 1px solid rgba(77, 166, 255, 0.35); border-radius: 100px;
  margin: 10px 0 2px; align-self: flex-start;
  transition: background 0.2s, border-color 0.2s;
}
.tcp-hasopts::before { content: "≡"; font-size: 14px; line-height: 1; }
.tcp-hasopts:hover { background: rgba(77, 166, 255, 0.12); border-color: rgba(77, 166, 255, 0.6); }
.t-store__card:hover {
  transform: translateY(-6px);
  background: var(--tcp-panel-2) !important;
  border-color: rgba(160, 107, 255, 0.55);
  box-shadow: 0 18px 60px -18px rgba(160, 107, 255, 0.45);
}
.t-store__card__imgwrapper {
  border-radius: 0 !important;
  overflow: hidden;
  position: relative;
}
.t-store__card__imgwrapper .t-bgimg,
.t-store__card__imgwrapper img {
  transition: transform 0.6s cubic-bezier(0.2, 0.6, 0.2, 1);
}
.t-store__card:hover .t-store__card__imgwrapper .t-bgimg,
.t-store__card:hover .t-store__card__imgwrapper img {
  transform: scale(1.05);
}
/* soft glow rising from the bottom of the card on hover */
.t-store__card::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0; height: 44%;
  background: radial-gradient(70% 100% at 50% 100%, rgba(160, 107, 255, 0.22), transparent 70%);
  opacity: 0; transition: opacity 0.4s; pointer-events: none;
}
.t-store__card { position: relative; }
.t-store__card:hover::after { opacity: 1; }
.t-store__card__title {
  font-family: var(--tcp-font-d) !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
}
.t-store__card__price-item, .t-store__card__price {
  font-family: var(--tcp-font-b) !important;
  font-weight: 700;
}
/* мобайл: ценник ×2, закреплён над кнопкой «в корзину» с зазором (перенос — store-toolbar.js) */
@media (max-width: 640px) {
  .t-store__card .js-store-price-wrapper.tcp-price-pinned { margin-top: auto !important; margin-bottom: 12px !important; }
  .t-store__card .js-store-price-wrapper.tcp-price-pinned .t-store__card__price-item,
  .t-store__card .js-store-price-wrapper.tcp-price-pinned .t-store__card__price { font-size: 24px !important; line-height: 1.1 !important; }
  .t-store__card .t-store__card__btns-wrapper { margin-top: 0 !important; }
}

/* pill buttons with gradient */
.t-store__card__btn, .t-store__prod-popup__btn,
.t706__sidebar-continue, .t706__cartwin-prodamount-btn,
.t-btn[data-btneffects], .t-submit {
  border-radius: 100px !important;
  font-family: var(--tcp-font-b) !important;
  font-weight: 700 !important;
  transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
}
.t-store__card__btn:hover, .t-store__prod-popup__btn:hover, .t-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 32px rgba(255, 79, 216, 0.4);
}
.t-store__card__btn_second {
  border: 1px solid var(--tcp-line-2) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}
/* мобила: кнопка карточки в одну строку (стрелка не переносится) */
@media (max-width: 480px) {
  .t-store__card__btn {
    white-space: nowrap !important;
    font-size: 13.5px !important;
    padding-left: 12px !important; padding-right: 12px !important;
  }
}
.t-store__card__btn_second:hover { box-shadow: none; background: rgba(255,255,255,0.08) !important; }

/* ---------- product popup ---------- */

.t-store__prod-popup__container, .t-popup__container {
  border-radius: var(--tcp-rad-lg) !important;
  border: 1px solid var(--tcp-line-2);
  background-color: #0a0c15 !important;
  overflow: hidden;
}

/* перекомпоновка как в plasma-референсе (.modal): слева галерея, справа контент.
   Родная float-раскладка Tilda роняла правую колонку под галерею — правая
   половина попапа пустовала. */
.t-popup__container:has(.t-store__product-popup) { max-width: 1080px !important; }
/* перекомпоновка — ТОЛЬКО десктоп: слайдер Tilda ломается при измерении
   себя внутри grid-контейнера на узких вьюпортах (трек уезжает в бесконечность) */
@media (min-width: 961px) {
  .t-store__product-popup > div {
    display: grid;
    grid-template-columns: minmax(0, 440px) minmax(0, 1fr);
    gap: 40px;                       /* зазор карусель ↔ текст */
    align-items: start;
  }
  .t-store__prod-popup__col-left,
  .t-store__prod-popup__col-right {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
}
@media (max-width: 960px) {
  /* родная колоночная раскладка Tilda; только зазор карусель ↔ текст */
  .t-store__prod-popup__col-right { margin-top: 24px !important; }
}
.t-store__prod-popup__text { margin-top: 22px !important; }

/* бейдж питания 220/110 В (инжект в designpack.js) */
.tcp-voltage {
  display: flex; align-items: flex-start; gap: 8px;
  font: 500 13.5px/1.5 var(--tcp-font-b); color: var(--tcp-muted);
  border: 1px solid rgba(255, 177, 77, 0.3); border-radius: 12px;
  background: rgba(255, 177, 77, 0.07);
  padding: 10px 14px; margin: 14px 0 4px;
}

/* варианты в попапе: вертикальный список строк вместо дропдауна (designpack.js) */
.js-product-controls-wrapper.tcp-native-hidden { display: none !important; }
.tcp-variants { margin: 18px 0 6px; }
.tcp-variants .tcp-var-title {
  font: 700 11.5px/1 var(--tcp-font-b); letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--tcp-dim); margin-bottom: 10px;
}
.tcp-var-row {
  display: flex; align-items: center; gap: 14px;
  padding: 11px 2px; border-top: 1px solid var(--tcp-line);
  cursor: pointer; transition: background 0.15s;
}
.tcp-var-row:last-child { border-bottom: 1px solid var(--tcp-line); }
.tcp-var-row:hover { background: rgba(255, 255, 255, 0.03); }
.tcp-var-row.on .lbl { color: var(--tcp-blue); }
.tcp-var-row .lbl { flex: 1 1 auto; font: 500 15px/1.4 var(--tcp-font-b); color: var(--tcp-text); }
.tcp-var-row .prc { flex: none; font: 700 15px/1 var(--tcp-font-b); color: var(--tcp-text); white-space: nowrap; }
.tcp-var-row .add {
  flex: none; font: 700 12.5px/1 var(--tcp-font-b);
  color: #fff; background: var(--tcp-grad); border: none; border-radius: 100px;
  padding: 9px 16px; cursor: pointer; transition: transform 0.15s, box-shadow 0.2s;
}
.tcp-var-row .add:hover { transform: translateY(-1px); box-shadow: 0 0 22px rgba(255, 79, 216, 0.4); }
.t-popup {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.t-store__prod-popup__title {
  font-family: var(--tcp-font-d) !important;
  font-weight: 600 !important;
}
.t-store__prod-popup__close-txt { color: var(--tcp-muted) !important; }
.t-slds__thumbsbullet.t-slds__bullet_active .t-slds__thumbs_gallery {
  border-color: var(--tcp-violet) !important;
}

/* ---------- cart popup: compact, rounded, no inner scroll ---------- */

.t706 .t-popup__container {
  border-radius: var(--tcp-rad-lg) !important;
  border: 1px solid var(--tcp-line-2);
  background-color: #0a0c15 !important;
}
.t706__cartwin-content {
  border-radius: var(--tcp-rad-lg) !important;
  background-color: #0a0c15 !important;
  padding: 28px 30px !important;
  max-width: 560px !important;
}
.t706__cartwin-heading {
  font-family: var(--tcp-font-d) !important;
  font-size: 20px !important;
}
/* compact product rows */
.t706__product { padding: 10px 0 !important; }
.t706__product-thumb { width: 48px !important; height: 48px !important; border-radius: 10px; overflow: hidden; }
.t706__product-title { font-size: 14px !important; line-height: 1.35 !important; }
.t706__product-title a { color: var(--tcp-text) !important; }
.t706__product-title a:hover { color: var(--tcp-blue) !important; }
.t706__product-amount, .t706__product-price { font-size: 14px !important; }
.t706__product-plus, .t706__product-minus { transform: scale(0.9); }
/* let the popup size itself; viewport is the only limit */
.t706__cartwin-products { max-height: none !important; overflow: visible !important; }
.t706__cartwin { overflow-y: auto; }
.t706__cartwin-prodamount-wrap { padding: 12px 0 !important; font-size: 14px !important; }
.t706__cartwin-bottom { padding-top: 12px !important; }

/* ============================================================
   New design-pack sections (inserted markup)
   ============================================================ */

.tcp-sec { background: var(--tcp-bg); padding: 96px 0; position: relative; }
.tcp-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.tcp-kicker {
  display: inline-flex; align-items: center; gap: 10px;
  font: 700 12.5px/1 var(--tcp-font-b); letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--tcp-muted); margin-bottom: 18px;
}
.tcp-kicker::before { content: ""; width: 26px; height: 1px; background: var(--tcp-grad); }
.tcp-h2 {
  font: 600 clamp(28px, 4vw, 44px)/1.15 var(--tcp-font-d); color: var(--tcp-text);
  margin: 0 0 14px;
}
.tcp-h2 .g {
  background: var(--tcp-grad);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.tcp-lead { font: 400 17px/1.65 var(--tcp-font-b); color: var(--tcp-muted); max-width: 640px; margin: 0 0 52px; }

/* use-case cards */
.tcp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media (max-width: 980px) { .tcp-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .tcp-grid { grid-template-columns: 1fr; } }
.tcp-card {
  background: var(--tcp-panel); border: 1px solid var(--tcp-line);
  border-radius: var(--tcp-rad); padding: 26px 24px;
  transition: transform 0.3s cubic-bezier(0.2,0.6,0.2,1), border-color 0.3s, background 0.3s;
}
.tcp-card:hover {
  transform: translateY(-4px);
  background: var(--tcp-panel-2);
  border-color: rgba(77, 166, 255, 0.45);
}
.tcp-card .ico {
  width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center;
  background: rgba(160, 107, 255, 0.12); border: 1px solid rgba(160, 107, 255, 0.3);
  margin-bottom: 20px; font-size: 21px;
}
.tcp-card h3 { font: 600 18px/1.3 var(--tcp-font-d); color: var(--tcp-text); margin: 0 0 10px; }
.tcp-card p { font: 400 15px/1.6 var(--tcp-font-b); color: var(--tcp-muted); margin: 0; }

/* ---------- footer (строгий tcp-футер, обе локали) ---------- */
.tcp-footer { background: var(--tcp-bg); border-top: 1px solid var(--tcp-line); padding: 56px 0 28px; }
.tcp-footer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; padding-bottom: 36px; }
@media (max-width: 720px) { .tcp-footer-grid { grid-template-columns: 1fr; gap: 26px; } }
.tcp-footer-h {
  font: 700 11.5px/1 var(--tcp-font-b); letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--tcp-dim); margin-bottom: 16px;
}
.tcp-footer-col a, .tcp-footer-col span {
  display: block; font: 500 14.5px/1.5 var(--tcp-font-b);
  color: var(--tcp-muted) !important; text-decoration: none; margin-bottom: 9px;
}
.tcp-footer-col a { transition: color 0.2s; }
.tcp-footer-col a:hover { color: var(--tcp-blue) !important; }
.tcp-footer-bottom {
  display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap;
  border-top: 1px solid var(--tcp-line); padding-top: 22px;
  font: 400 12.5px/1.6 var(--tcp-font-b); color: var(--tcp-dim);
}
.tcp-footer-bottom a { color: var(--tcp-muted) !important; text-decoration: none; }
.tcp-footer-bottom a:hover { color: var(--tcp-blue) !important; }

/* about portfolio (компактные карточки проектов; шаблон добавления — в HTML рядом) */
.tcp-portfolio { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 42px; }
@media (max-width: 980px) { .tcp-portfolio { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .tcp-portfolio { grid-template-columns: 1fr; } }
.tcp-pf-card {
  margin: 0; border: 1px solid var(--tcp-line); border-radius: var(--tcp-rad);
  overflow: hidden; background: var(--tcp-panel);
  transition: transform 0.3s cubic-bezier(0.2,0.6,0.2,1), border-color 0.3s;
}
.tcp-pf-card:hover { transform: translateY(-4px); border-color: rgba(77, 166, 255, 0.45); }
.tcp-pf-card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.tcp-pf-card figcaption { padding: 14px 16px 16px; }
.tcp-pf-card figcaption b { display: block; font: 600 14.5px/1.35 var(--tcp-font-d); color: var(--tcp-text); margin-bottom: 6px; }
.tcp-pf-card figcaption span { font: 400 12.5px/1.5 var(--tcp-font-b); color: var(--tcp-muted); }
#tcp-about .tcp-lead { margin-bottom: 22px; }

/* about fact chips */
.tcp-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 40px; }
@media (max-width: 980px) { .tcp-facts { grid-template-columns: repeat(2, 1fr); } }
.tcp-fact {
  border: 1px solid var(--tcp-line); border-radius: var(--tcp-rad);
  background: var(--tcp-panel); padding: 22px 20px; text-align: left;
}
.tcp-fact b {
  display: block; font: 600 26px/1.1 var(--tcp-font-d);
  background: var(--tcp-grad); -webkit-background-clip: text; background-clip: text; color: transparent;
  margin-bottom: 8px;
}
.tcp-fact span { font: 400 13.5px/1.5 var(--tcp-font-b); color: var(--tcp-muted); }

/* FAQ accordion */
.tcp-faq { max-width: 860px; margin: 0 auto; }
.tcp-faq-item {
  border: 1px solid var(--tcp-line); border-radius: var(--tcp-rad);
  background: var(--tcp-panel); margin-bottom: 12px; overflow: hidden;
  transition: border-color 0.3s, background 0.3s;
}
.tcp-faq-item.open { border-color: rgba(160, 107, 255, 0.45); background: var(--tcp-panel-2); }
.tcp-faq-q {
  width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding: 20px 24px; background: none; border: none; text-align: left;
  font: 600 16px/1.4 var(--tcp-font-b); color: var(--tcp-text); cursor: pointer;
}
.tcp-faq-q .x {
  flex: none; width: 26px; height: 26px; border-radius: 50%;
  border: 1px solid var(--tcp-line-2); display: grid; place-items: center;
  font-size: 15px; color: var(--tcp-muted); transition: transform 0.3s, color 0.3s, border-color 0.3s;
}
.tcp-faq-item.open .x { transform: rotate(45deg); color: #fff; border-color: var(--tcp-violet); }
.tcp-faq-a {
  max-height: 0; overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.2, 0.6, 0.2, 1);
}
.tcp-faq-a > div {
  padding: 0 24px 22px; font: 400 15px/1.65 var(--tcp-font-b); color: var(--tcp-muted);
}

/* contact form */
.tcp-form-sec { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: start; }
@media (max-width: 860px) { .tcp-form-sec { grid-template-columns: 1fr; } }
.tcp-form {
  border: 1px solid var(--tcp-line); border-radius: var(--tcp-rad-lg);
  background: var(--tcp-panel); padding: 32px;
  display: flex; flex-direction: column; gap: 14px;
}
.tcp-form input, .tcp-form textarea {
  width: 100%; padding: 14px 18px; border-radius: 14px;
  border: 1px solid var(--tcp-line-2); background: rgba(255, 255, 255, 0.04);
  color: var(--tcp-text); font: 400 15px/1.5 var(--tcp-font-b);
  outline: none; transition: border-color 0.25s, background 0.25s;
}
.tcp-form input:focus, .tcp-form textarea:focus {
  border-color: var(--tcp-violet); background: rgba(255, 255, 255, 0.07);
}
.tcp-form textarea { min-height: 110px; resize: vertical; }
.tcp-form button {
  padding: 15px 30px; border-radius: 100px; border: none;
  background: var(--tcp-grad); color: #fff; font: 700 15px/1 var(--tcp-font-b);
  cursor: pointer; box-shadow: 0 0 24px rgba(160, 107, 255, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}
.tcp-form button:hover { transform: translateY(-1px); box-shadow: 0 0 38px rgba(255, 79, 216, 0.45); }
.tcp-form .note { font: 400 12.5px/1.5 var(--tcp-font-b); color: var(--tcp-dim); }
.tcp-form .ok { color: #22e0cf; font: 600 14px/1.4 var(--tcp-font-b); }

/* catalog super-heading subline "All prices are in USD" (EN, task iter4) */
.tcp-catrow-usd {
  font: 600 12px/1 var(--tcp-font-b);
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--tcp-muted); margin: 16px 0 0;
}

/* ---------- hero background slideshow (заменяет нативную t833-обложку) ---------- */
.tcp-hero-slides { position: absolute; inset: 0; z-index: 1; overflow: hidden; }
.tcp-hero-slide {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
  opacity: 0; transition: opacity 1.4s ease; will-change: opacity;
}
.tcp-hero-slide.on { opacity: 1; }
/* затемнение под текст hero (сверху — под меню/логотип, снизу — под кнопку) */
.tcp-hero-slides::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(0,8,23,0.58) 0%, rgba(0,8,23,0.22) 32%, rgba(0,8,23,0.30) 60%, rgba(0,8,23,0.74) 100%);
}
/* мобайл: фон слайдшоу ярче/пестрее — усиливаем затемнение на ~22% под белый текст */
@media (max-width: 860px) {
  .tcp-hero-slides::after {
    background: linear-gradient(180deg, rgba(0,8,23,0.80) 0%, rgba(0,8,23,0.46) 32%, rgba(0,8,23,0.54) 60%, rgba(0,8,23,0.90) 100%);
  }
}
@media (prefers-reduced-motion: reduce) { .tcp-hero-slide { transition: none; } }
/* прячем нативную t833-обложку (EN rec724284842 / RU rec150944807) — её заменяет слайдшоу выше */
#rec724284842, #rec150944807 { display: none !important; }
/* нативный t396-фильтр — непрозрачный чёрный градиент, перекрывал бы слайдшоу (особенно на мобиле);
   гасим его, затемнение под текст даёт .tcp-hero-slides::after */
#rec722448583 .t396__filter,
#rec148975590 .t396__filter,
#rec148992156 .t396__filter { background: none !important; opacity: 1 !important; }

/* «Смотреть на YouTube» — фолбэк для легаси видео в карусели товара (встроенный плеер
   упирается в бот-проверку YouTube; ссылка всегда открывает ролик на youtube.com) */
.tcp-yt-link {
  position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%);
  z-index: 30; display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 18px; border-radius: 100px; white-space: nowrap;
  background: rgba(0, 0, 0, 0.74); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: #fff !important; font: 600 13px/1 var(--tcp-font-b); text-decoration: none;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.55); transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
.tcp-yt-link::before {
  content: "▶"; font-size: 9px; display: inline-grid; place-items: center;
  width: 18px; height: 18px; border-radius: 50%; background: #ff0000; color: #fff;
}
.tcp-yt-link:hover { background: rgba(0, 0, 0, 0.9); border-color: var(--tcp-blue); transform: translateX(-50%) translateY(-1px); }

/* ЛОКАЛЬНОЕ видео (загружено в админке) — собственный HTML5-плеер поверх слайда.
   Постер уже нарисован Tilda как фон слайда; поверх — большая кнопка ▶, по клику
   разворачивается <video controls>. */
.tcp-localvid-play {
  position: absolute; inset: 0; z-index: 30; margin: 0; border: 0; padding: 0;
  display: grid; place-items: center; cursor: pointer; background: rgba(0, 0, 0, 0.18);
  transition: background 0.2s;
}
.tcp-localvid-play:hover { background: rgba(0, 0, 0, 0.32); }
.tcp-localvid-play > span {
  display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%;
  background: rgba(0, 0, 0, 0.62); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; font-size: 26px; padding-left: 4px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.55); transition: transform 0.2s, border-color 0.2s;
}
.tcp-localvid-play:hover > span { transform: scale(1.06); border-color: var(--tcp-blue); }
.tcp-localvid {
  position: absolute; inset: 0; z-index: 31; width: 100%; height: 100%;
  object-fit: contain; background: #000; border: 0;
}

/* «вам может понравиться» (relevants): скрытие лишних + раскладка (JS: trimRelevants).
   ВАЖНО: карточки лежат внутри .t-store__card-list (flex), а не прямо в grid-cont —
   раскладку задаём именно card-list, иначе всё валится в одну колонку. */
.tcp-rel-hide { display: none !important; }
@media (min-width: 641px) {
  /* десктоп: ровно 3 карточки в ряд */
  .t-store__relevants-grid-cont.tcp-rel-trimmed .t-store__card-list {
    display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important;
    flex-wrap: nowrap !important; justify-content: start !important;
  }
  .t-store__relevants-grid-cont.tcp-rel-trimmed .t-store__card {
    width: auto !important; max-width: none !important; margin: 0 !important; float: none !important;
  }
}
@media (max-width: 640px) {
  /* мобайл: горизонтальная карусель с ленивым свайпом (как витрины на главной) */
  .t-store__relevants-grid-cont.tcp-rel-trimmed .t-store__card-list {
    display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important;
    overflow-x: auto !important; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity;
    gap: 12px !important; padding-bottom: 6px;
  }
  .t-store__relevants-grid-cont.tcp-rel-trimmed .t-store__card {
    flex: 0 0 70% !important; max-width: 70% !important; width: 70% !important; margin: 0 !important; scroll-snap-align: start;
  }
}

/* ============================================================
   Fixes pack (footer links / Tilda label / mobile popup buy-bar /
   mobile section padding) — added by point-fixes task
   ============================================================ */

/* «Made on Tilda» label — hide (present on EN) */
.t-tildalabel, #tildacopy { display: none !important; }

/* Mobile product-popup fixed «Buy» bar — was a bright white plate;
   match the dark site theme */
@media (max-width: 561px) {
  .t-store__prod-popup__btn-wrapper-fixed {
    background: #0a0c15 !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.6) !important;
  }
}

/* New sections (.tcp-sec) — tighten vertical padding on small screens
   (default is 96px, too tall on mobile) */
@media (max-width: 640px) {
  .tcp-sec { padding: 56px 0; }
}

/* ============================================================
   Collapse empty Tilda T029 divider blocks stranded between the
   "Shipping / payment / support" section and the FAQ section.
   Each is a t-rec_pt_90 t-rec_pb_90 record (180px) holding only a
   faint 0.2-opacity divider line — two of them stacked = 360px of
   dead space. EN: rec722448642/645 · RU: rec148755645/148932064.
   ============================================================ */
#rec722448642, #rec722448645,
#rec148755645, #rec148932064 { display: none !important; }