/* NK.TEAM (сайт B): та же система, что у сайта A, акцент #9B5CFF, текст на акценте белый, бейджи контурные, скругление карточек 14 px. Генерируется из site-a/project.css. */
/* ===== База ===== */
body, .t-body { background-color: #0A0A0B; }
.t-records { background-color: #0A0A0B; }
h1, h2, h3, .t-title, .t-heading { font-family: 'Unbounded','Inter',sans-serif; letter-spacing: -0.02em; }

/* ===== Интерактивные компоненты NK ===== */
.nk-btn, .nk-tile, .nk-card, .nk-link, .nk-icon-btn { -webkit-tap-highlight-color: transparent; }
.nk-btn { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 56px; padding: 0 20px; border-radius: 999px; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 14px; line-height: 1; letter-spacing: .02em; text-transform: uppercase; text-decoration: none !important; cursor: pointer; user-select: none; white-space: nowrap; transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .12s ease; }
.nk-btn--sm { height: 32px; font-size: 12px; padding: 0 14px; }
.nk-btn--primary { background: #9B5CFF; border: 1px solid #9B5CFF; color: #FFFFFF !important; }
.nk-btn--primary:hover { background: #AE7BFF; border-color: #AE7BFF; box-shadow: 0 0 0 4px rgba(155,92,255,.22); }
.nk-btn--primary:active { background: #8646F5; border-color: #8646F5; box-shadow: none; transform: scale(.98); }
.nk-btn--secondary { background: transparent; border: 1px solid #26262E; color: #F4F4F6 !important; }
.nk-btn--secondary:hover { border-color: #9797A3; background: rgba(244,244,246,.04); }
.nk-btn--secondary:active { background: rgba(244,244,246,.08); transform: scale(.98); }
.nk-btn--dark { background: #0A0A0B; border: 1px solid #0A0A0B; color: #F4F4F6 !important; }
.nk-btn--dark:hover { background: #1C1C22; border-color: #1C1C22; }
.nk-btn--dark:active { background: #000; transform: scale(.98); }
.nk-btn:focus-visible { outline: 2px solid #9B5CFF; outline-offset: 3px; }
.nk-btn--dark:focus-visible { outline-color: #0A0A0B; }
.nk-icon-btn { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 36px; height: 36px; border-radius: 999px; background: #17171C; border: 1px solid #26262E; color: #F4F4F6 !important; font: 600 13px/1 'Inter', sans-serif; text-decoration: none !important; cursor: pointer; transition: border-color .18s ease, background-color .18s ease, transform .12s ease; }
.nk-icon-btn { position: relative; }
.nk-icon-btn:hover { border-color: #9B5CFF; }
.nk-icon-btn:active { transform: scale(.94); }
.nk-icon-btn:focus-visible { outline: 2px solid #9B5CFF; outline-offset: 3px; }
/* Сумка корзины нарисована рамками: SVG в текстовом элементе Zero не гарантирован */
.nk-cart__icon { position: relative; display: block; width: 14px; height: 11px; margin-top: 4px; border: 1.5px solid currentColor; border-radius: 2px 2px 4px 4px; }
.nk-cart__icon::before { content: ''; position: absolute; left: 3px; top: -6px; width: 5px; height: 5px; border: 1.5px solid currentColor; border-bottom: 0; border-radius: 6px 6px 0 0; }
.nk-cart__count { position: absolute; right: -5px; top: -5px; min-width: 16px; height: 16px; padding: 0 4px; box-sizing: border-box; border-radius: 999px; background: #9B5CFF; color: #FFFFFF; font: 700 10px/16px 'Inter', sans-serif; text-align: center; }
.nk-cart__count:empty { display: none; }
.nk-link { color: #F4F4F6 !important; text-decoration: none !important; border-radius: 4px; transition: color .15s ease; cursor: pointer; }
.nk-link:hover { color: #9B5CFF !important; }
.nk-link:active { opacity: .7; }
.nk-link:focus-visible { outline: 2px solid #9B5CFF; outline-offset: 3px; }
.nk-link--accent { color: #9B5CFF !important; }
.nk-link--accent:hover { color: #F4F4F6 !important; }
.nk-link--muted { color: #9797A3 !important; }
.nk-link--muted:hover { color: #F4F4F6 !important; }
/* Зона нажатия выше строки текста */
.nk-link--nav { display: inline-block; padding: 8px 0; }
.nk-link--list { display: inline-block; padding: 4px 0; }
.nk-tile { display: flex; flex-direction: column; justify-content: flex-end; box-sizing: border-box; width: 100%; height: 220px; padding: 20px; border-radius: 14px; background: #17171C; border: 1px solid #17171C; color: #F4F4F6 !important; text-decoration: none !important; cursor: pointer; transition: border-color .18s ease, background-color .18s ease, transform .18s ease; }
.nk-tile:hover { border-color: #26262E; background: #1C1C22; transform: translateY(-3px); }
.nk-tile:active { transform: translateY(0) scale(.99); }
.nk-tile:focus-visible { outline: 2px solid #9B5CFF; outline-offset: 3px; }
.nk-tile__title { display: block; font: 600 16px/1.2 'Inter', sans-serif; text-transform: uppercase; }
.nk-tile__meta { display: block; margin-top: 6px; font: 400 13px/1.2 'Inter', sans-serif; color: #9797A3; }
.nk-tile__arrow { display: inline-block; margin-left: 6px; color: #9B5CFF; transition: transform .18s ease; }
.nk-tile:hover .nk-tile__arrow { transform: translateX(4px); }
.nk-card { display: flex; flex-direction: column; box-sizing: border-box; width: 100%; border-radius: 14px; background: #121215; border: 1px solid #121215; overflow: hidden; color: #F4F4F6 !important; text-decoration: none !important; cursor: pointer; transition: border-color .18s ease, transform .18s ease; }
.nk-card:hover { border-color: #26262E; transform: translateY(-3px); }
.nk-card:active { transform: translateY(0) scale(.99); }
.nk-card:focus-visible { outline: 2px solid #9B5CFF; outline-offset: 3px; }
.nk-card__img { position: relative; display: block; height: 300px; background: #17171C; transition: background-color .18s ease; }
.nk-card:hover .nk-card__img { background: #1C1C22; }
.nk-card__badge { position: absolute; left: 16px; top: 16px; padding: 6px 12px; border-radius: 999px; background: rgba(10,10,11,.6); border: 1px solid #9B5CFF; color: #9B5CFF; font: 700 11px/1 'Inter', sans-serif; text-transform: uppercase; }
.nk-card__body { display: block; padding: 16px 16px 18px; }
.nk-card__title { display: block; min-height: 2.6em; font: 600 15px/1.3 'Inter', sans-serif; transition: color .15s ease; }
.nk-card:hover .nk-card__title { color: #9B5CFF; }
.nk-card__meta { display: block; margin-top: 6px; font: 400 12px/1.2 'Inter', sans-serif; color: #9797A3; }
.nk-card__price { display: block; margin-top: 12px; font: 800 20px/1.2 'Unbounded', 'Inter', sans-serif; }
.nk-card__price s { margin-left: 6px; font: 400 14px/1 'Inter', sans-serif; color: #9797A3; }
@media screen and (max-width: 640px) { .nk-btn { height: 50px; font-size: 13px; } .nk-btn--sm { height: 34px; font-size: 11px; } .nk-icon-btn { width: 32px; height: 32px; font-size: 11px; } .nk-tile { height: 140px; padding: 16px; } .nk-tile__title { font-size: 15px; } .nk-card__img { height: 220px; } .nk-card__price { font-size: 19px; } }
@media (hover: none) { .nk-tile:hover, .nk-card:hover { transform: none; } .nk-btn--primary:hover { box-shadow: none; } }
@media (prefers-reduced-motion: reduce) { .nk-btn, .nk-tile, .nk-card, .nk-icon-btn, .nk-tile__arrow { transition: none; } }

/* ===== Магазин ===== */
.t-store__card__bgimg { border-radius: 14px; }
.t-store__card__wrap_all { background: #121215; border-radius: 14px; padding-bottom: 16px; }
.t-store__card__title { color: #F4F4F6 !important; font-weight: 600; }
.t-store__card__descr, .t-store__card__sku { color: #9797A3 !important; }
.t-store__card__price { color: #F4F4F6 !important; font-family: 'Unbounded','Inter',sans-serif; font-weight: 800; }
.t-store__card__price_old { color: #9797A3 !important; }
.t-store__card__mark { background: rgba(10,10,11,.88) !important; border: 1px solid #9B5CFF !important; color: #9B5CFF !important; border-radius: 999px; font-weight: 700; }
.t-store__filter__item-title, .t-store__sort-title { color: #F4F4F6 !important; }
.t-store__filter__opts, .t-store__sort-wrapper { background: #121215; border: 1px solid #26262E; border-radius: 14px; }
.t-store__prod-popup__container, .t-popup__container { background: #0A0A0B !important; color: #F4F4F6; }
.t-store__prod-popup__title, .t-store__prod-popup__price-item { color: #F4F4F6 !important; }
.t-store__prod-popup__price-old { color: #9797A3 !important; }
.t-store__prod-popup__btn .t-submit { background: #9B5CFF !important; color: #FFFFFF !important; border-radius: 999px !important; font-weight: 700; text-transform: uppercase; }
.t-store__prod-popup__opt-title, .t-store__prod-popup__opt-value { color: #9797A3 !important; }
.t-store__tabs__button { color: #F4F4F6 !important; border-color: #26262E !important; }
.t706__cartwin-content { background: #0A0A0B !important; color: #F4F4F6; border-radius: 20px; }
.t706__cartwin-heading, .t706__product-title, .t706__cartwin-prodamount-wrap { color: #F4F4F6 !important; }
.t706__product-descr, .t706__cartwin-prodamount-info { color: #9797A3 !important; }
.t706__cartwin-totalamount-wrap { color: #F4F4F6 !important; font-family: 'Unbounded','Inter',sans-serif; }
.t706__form-bottom-text, .t-form__errorbox-text { color: #9797A3 !important; }
.t-input, .t-inputtext, .t-input-group textarea { background: #121215 !important; border: 1px solid #26262E !important; color: #F4F4F6 !important; border-radius: 12px !important; }
.t-input::placeholder { color: #6E6E7A !important; }
.t-submit, .t706__cartwin .t-submit { background: #9B5CFF !important; color: #FFFFFF !important; border-radius: 999px !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; transition: background-color .18s ease, transform .12s ease; }
.t-submit:hover { background: #AE7BFF !important; }
.t-submit:active { transform: scale(.98); }
.t-submit:focus-visible { outline: 2px solid #9B5CFF; outline-offset: 3px; }

/* ===== Сайт B: витрина (классы сверены с разметкой ST305N/ST100 16.09.2026) ===== */
/* Кнопки карточек задаются в настройках блока: «Подробнее» контурная, «В корзину» фиолетовая. Здесь — только попап и корзина. */
body #allrecords .t-btnflex.t-store__prod-popup__btn { background-color: #9B5CFF !important; border: 1px solid #9B5CFF !important; color: #FFFFFF !important; border-radius: 999px !important; }
body #allrecords .t-btnflex.t-store__prod-popup__btn:hover { background-color: #AE7BFF !important; border-color: #AE7BFF !important; color: #FFFFFF !important; }
body #allrecords .t-btnflex.t-store__prod-popup__btn:active { transform: scale(.98); }
body #allrecords .t-btnflex.t-store__prod-popup__btn:focus-visible { outline: 2px solid #9B5CFF; outline-offset: 3px; }
.t-store .t-btnflex:focus-visible { outline: 2px solid #9B5CFF; outline-offset: 3px; }
.t-store .t-btnflex:active { transform: scale(.98); }
.t706__cartwin-content { background: #121215 !important; border: 1px solid #26262E; }
.t706__cartwin-heading, .t706__product-title, .t706__product-title a, .t706__cartwin-prodamount-wrap, .t706__cartwin-totalamount-wrap, .t706__product-amount { color: #F4F4F6 !important; }
.t706__product-title__option, .t706__cartwin-prodamount-label, .t706__cartwin-totalamount-label { color: #9797A3 !important; }
.t706__cartwin-top, .t706__cartwin-bottom, .t706__product { border-color: #26262E !important; }
.t706__product-plus, .t706__product-minus, .t706__product-del { filter: invert(1) brightness(1.4); }
.t706__close-button svg path, .t706__close svg path { stroke: #F4F4F6 !important; fill: #F4F4F6 !important; }
.t706 .t-input-title, .t706 .t-input-subtitle, .t706 .t-name { color: #9797A3 !important; }
.t706__carticon-wrapper { background: transparent !important; }
.t706__carticon-imgwrap { background-color: #9B5CFF !important; box-shadow: 0 8px 24px rgba(0,0,0,.45) !important; }
.t706__carticon-img path { stroke: #FFFFFF !important; }
.t706__carticon-text { background: #17171C !important; color: #F4F4F6 !important; }
.t706__carticon-counter { background: #F4F4F6 !important; color: #0A0A0B !important; }
/* На телефоне плавающая корзина Tilda уходит вниз, чтобы не перекрывать корзину в шапке */
@media screen and (max-width: 640px) { .t706__carticon { top: auto !important; bottom: 24px !important; } }


/* ===== Аудит 16.09.2026: тёмный текст и невидимые элементы на тёмном фоне =====
   Разобрано по CSS Tilda (tilda-cart, tilda-catalog, tilda-catalog-filters, tilda-forms)
   и по инлайновым стилям блоков. Всё ниже — места, где Tilda ставит #000 или почти #000. */

/* 1. Кнопка «Оформить заказ» в корзине: форма и типографика. Цвет задаётся ниже, в п. 9. */
body #allrecords .t-btnflex.t-btnflex_type_submit,
body #allrecords .t706__cartwin .t-submit {
  color: #FFFFFF !important;
  border-radius: 999px !important;
  font-weight: 700;
  text-transform: uppercase;
}

/* 2. Плейсхолдеры. Блок корзины задаёт их чёрными, причём в вендорных вариантах —
      перечисляем все, иначе в части браузеров остаётся чёрный на тёмном. */
.t-input::placeholder,
.t-input::-webkit-input-placeholder,
.t-input::-moz-placeholder,
.t-input:-moz-placeholder,
.t-input:-ms-input-placeholder,
#allrecords input::-webkit-input-placeholder,
#allrecords input::-moz-placeholder,
#allrecords input:-moz-placeholder,
#allrecords input:-ms-input-placeholder,
#allrecords textarea::-webkit-input-placeholder,
#allrecords textarea::-moz-placeholder,
#allrecords textarea:-moz-placeholder,
#allrecords textarea:-ms-input-placeholder { color: #8A8A96 !important; opacity: 1 !important; }

/* 3. Счётчик количества и расшифровка суммы в корзине — в Tilda это #000.
      Проверено живьём 16.09: у «минус/плюс» чёрная и заливка текста, и рамка. */
.t706__product-quantity,
.t706__product-plusminus,
.t706__product-del,
.t706__product-amount--portion,
.t706__cartwin-totalamount-hint-label,
.t706__cartwin-totalamount-hint-name,
.t706__cartwin-totalamount-wrap_flextotals .t706__cartwin-totalamount-list { color: #F4F4F6 !important; }
.t706__product-plusminus { border-color: #666674 !important; }

/* 4. Поле количества в карточке товара и выпадающие списки вариантов — тоже #000. */
.t-store__prod__quantity-input,
.js-product .t-product__option-select,
.js-product .t-product__option-selected_select,
.js-product .t-product__option .t-product__option-variants_select {
  background: #121215 !important;
  border: 1px solid #666674 !important;
  color: #F4F4F6 !important;
}

/* 5. Фильтр и сортировка каталога (появятся, когда включим их в блоке). */
.t-store__filter__btn,
.t-store__filter__input,
.t-store__sort-select { color: #F4F4F6 !important; background: #121215 !important; border-color: #666674 !important; }

/* 6. Пункты выпадающих списков в формах: в тёмной теме без этого чёрные на чёрном. */
.t-form option,
.t-select_bbonly option,
#allrecords select option { color: #0A0A0B !important; background: #F4F4F6 !important; }

/* 7. Границы полей ввода. #26262E давало контраст 1.25 к фону поля — поле было
      не отличить от фона. #666674 даёт 3.3, это порог WCAG для элементов управления. */
.t-input, .t-inputtext, .t-input-group textarea, #allrecords select.t-input {
  border-color: #666674 !important;
}
.t-input:focus, .t-inputtext:focus, .t-input-group textarea:focus {
  border-color: #9B5CFF !important;
  outline: none;
}

/* 8. Контурные кнопки карточек («Подробнее», «Показать ещё»): граница #26262E
      давала контраст 1.25 к подложке карточки — кнопка читалась как простой текст. */
body #allrecords .t-store .t-btnflex.t-btnflex_type_button {
  border-color: #666674 !important;
}
body #allrecords .t-store .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover {
  border-color: #9797A3 !important;
}

/* 9. Контраст текста на заливке кнопок. Белый на #9B5CFF даёт 3.91 при норме 4.5
      (кнопки 14 px/700 — по WCAG это не «крупный текст»). Заливку делаем на тон
      темнее, #8646F5: белый на нём 4.99. Акцент страницы, ссылки, иконки и рамки
      остаются #9B5CFF — фирменный цвет не меняется. */
.nk-btn--primary { background: #8646F5; border-color: #8646F5; }
.nk-btn--primary:hover { background: #9B5CFF; border-color: #9B5CFF; }
.nk-btn--primary:active { background: #7A3BE0; border-color: #7A3BE0; }
body #allrecords .t-btnflex.t-btnflex_type_submit,
body #allrecords .t706__cartwin .t-submit,
body #allrecords .t-store .t-btnflex.t-btnflex_type_button2,
body #allrecords .t-btnflex.t-store__prod-popup__btn {
  background-color: #8646F5 !important;
  border-color: #8646F5 !important;
}
body #allrecords .t-btnflex.t-btnflex_type_submit:hover,
body #allrecords .t706__cartwin .t-submit:hover,
body #allrecords .t-store .t-btnflex.t-btnflex_type_button2:not(.t-animate_no-hover):hover,
body #allrecords .t-btnflex.t-store__prod-popup__btn:hover {
  background-color: #9B5CFF !important;
  border-color: #9B5CFF !important;
}
.t706__carticon-imgwrap { background-color: #8646F5 !important; }


/* 10. У поля телефона класс t-input стоит и на обёртке, и на самом input,
      поэтому рамка рисовалась дважды. Оставляем только внешнюю. */
input.t-input-phonemask { border: none !important; border-radius: 0 !important; background: transparent !important; }
.t-input-phonemask__wrap:focus-within { border-color: #9B5CFF !important; }

/* 11. Знак валюты Tilda держит в отдельном спане, а пробел в настройке «ЗНАК» обрезает.
      Отбиваем знак от числа сами: «499 ₽» вместо «499₽». */
[class*="-currency"] { margin-left: 0.18em; }

/* 12. Плавающая иконка корзины Tilda стояла в правом верхнем углу — ровно там же, где наша
      кнопка корзины в шапке, получались две корзины рядом. Опускаем плавающую вниз:
      в шапке остаётся одна кнопка, а при прокрутке корзина всё равно под рукой. */
.t706__carticon { top: auto !important; bottom: 32px !important; right: 24px !important; }

/* 13. Раскладка товаров в корзине: названию доставалось 163px из 478, оно ломалось на три
      строки, а цена висела посередине строки. Отдаём названию всё свободное место, цену
      прижимаем вправо. Уже 640px Tilda сама переносит количество и цену под название —
      там правим только цену. */
.t706__cartwin-content { max-width: 660px !important; }
.t706__cartwin-products { width: 100% !important; }
.t706__product > * { vertical-align: middle !important; }
@media screen and (min-width: 641px) {
  .t706__product-thumb { width: 74px !important; padding-right: 12px !important; }
  .t706__product-title { width: 100% !important; padding-right: 14px !important; }
  .t706__product-plusminus { width: 78px !important; text-align: center !important; white-space: nowrap !important; }
  .t706__product-amount { width: 92px !important; text-align: right !important; white-space: nowrap !important; }
  .t706__product-del-wrapper { width: 30px !important; text-align: right !important; }
}
@media screen and (max-width: 640px) {
  .t706__product-amount { float: right !important; text-align: right !important; padding-right: 0 !important; }
}

/* 14. Служебные плашки Tilda — зелёная «заказ принят» и красная «заполните поля» — приходят
      из чужого дизайна: заливка во всю ширину, текст 20px по центру, прямые углы.
      Приводим к теме сайта: тёмная подложка с тонкой рамкой и скруглением как у карточек. */
.t-form__successbox,
.t-form__errorbox-wrapper { border-radius: 14px !important; padding: 18px 20px !important; font-size: 15px !important; line-height: 1.5 !important; text-align: left !important; }
.t-form__successbox { background: rgba(155, 92, 255, 0.14) !important; border: 1px solid rgba(155, 92, 255, 0.55) !important; color: #F4F4F6 !important; }
.t-form__errorbox-wrapper { background: rgba(255, 92, 92, 0.12) !important; border: 1px solid rgba(255, 92, 92, 0.5) !important; }
.t-form__errorbox-text { padding: 0 !important; }
.t-form__errorbox-text,
.t-form__errorbox-item { color: #FFB3B3 !important; font-size: 14px !important; line-height: 1.5 !important; text-align: left !important; }
.t-input-error { color: #FF8B8B !important; font-size: 12px !important; margin-top: 6px !important; }

/* 15. Кнопка «Подробнее» в карточке товара вела туда же, куда клик по самой карточке.
      Убираем её, «В корзину» остаётся одна и занимает всю ширину карточки. */
.t-store__card__btn.js-store-prod-btn:not(.t-store__card__btn_second) { display: none !important; }
.t-store__card .t-store__card__btn_second { width: 100% !important; margin-left: 0 !important; }

/* 16. Мобильная раскладка Zero-блоков во всю ширину экрана.
      Tilda на телефоне рисует блок в сетке 320px по центру: на iPhone 12 (390px) по краям
      оставалось по 35px пустоты, шапка, баннер и подвал выглядели зажатыми.
      Переводим левый край и ширину из сетки в проценты ширины экрана (1px сетки = 100/320 vw);
      вертикальные отступы и кегли остаются из модели. Сгенерировано tools-mkvw.py по
      опубликованному CSS — после правки блоков перегенерировать. */
@media screen and (max-width: 479px) {
  /* заголовок секции магазина: «АРОМАТИЗАТОРЫ» не влезал в строку и рвался на «Ы» */
  .t-section__title { font-size: 6.4vw !important; }
  .t-section__descr { font-size: 4vw !important; }
  #rec3930554201 .tn-elem[data-elem-id="1789510904287"], #rec3930554201 .tn-elem[data-elem-id="1789510904301"], #rec3930554201 .tn-elem[data-elem-id="1789510904344"] { left: 0vw !important; width: 100vw !important; }
  #rec3930554201 .tn-elem[data-elem-id="1789510904308"] { left: 6.25vw !important; width: 50vw !important; }
  #rec3930554201 .tn-elem[data-elem-id="1789510904316"], #rec3930554201 .tn-elem[data-elem-id="1789510904351"], #rec3930554201 .tn-elem[data-elem-id="1789510904358"], #rec3930554201 .tn-elem[data-elem-id="1789510904365"], #rec3930554201 .tn-elem[data-elem-id="1789510904372"], #rec3930554201 .tn-elem[data-elem-id="1789510904379"] { left: 6.25vw !important; width: 87.5vw !important; }
  #rec3930554201 .tn-elem[data-elem-id="1789510904337"] { left: calc(93.75vw - 32px) !important; }
  #rec3930692001 .tn-elem[data-elem-id="1789564283648"], #rec3930692001 .tn-elem[data-elem-id="1789564283783"] { left: 0vw !important; width: 100vw !important; }
  #rec3930692001 .tn-elem[data-elem-id="1789564283670"] { left: 6.25vw !important; }
  #rec3930692001 .tn-elem[data-elem-id="1789564283655"], #rec3930692001 .tn-elem[data-elem-id="1789564283662"], #rec3930692001 .tn-elem[data-elem-id="1789564283677"], #rec3930692001 .tn-elem[data-elem-id="1789564283684"], #rec3930692001 .tn-elem[data-elem-id="1789564283691"], #rec3930692001 .tn-elem[data-elem-id="1789564283698"], #rec3930692001 .tn-elem[data-elem-id="1789564283705"], #rec3930692001 .tn-elem[data-elem-id="1789564283712"], #rec3930692001 .tn-elem[data-elem-id="1789564283719"], #rec3930692001 .tn-elem[data-elem-id="1789564283726"], #rec3930692001 .tn-elem[data-elem-id="1789564283734"], #rec3930692001 .tn-elem[data-elem-id="1789564283741"], #rec3930692001 .tn-elem[data-elem-id="1789564283748"], #rec3930692001 .tn-elem[data-elem-id="1789564283755"], #rec3930692001 .tn-elem[data-elem-id="1789564283762"], #rec3930692001 .tn-elem[data-elem-id="1789564283769"], #rec3930692001 .tn-elem[data-elem-id="1789564283776"], #rec3930692001 .tn-elem[data-elem-id="1789564283790"] { left: 6.25vw !important; width: 87.5vw !important; }
  #rec3937638401 .tn-elem[data-elem-id="1789545393732"], #rec3937638401 .tn-elem[data-elem-id="1789545393746"] { left: 0vw !important; width: 100vw !important; }
  #rec3937638401 .tn-elem[data-elem-id="1789545393753"] { left: 6.25vw !important; width: 50vw !important; }
  #rec3937638401 .tn-elem[data-elem-id="1789545393760"] { left: 6.25vw !important; width: 87.5vw !important; }
  #rec3937638401 .tn-elem[data-elem-id="1789545393781"] { left: calc(93.75vw - 32px) !important; }
  #rec3937645401 .tn-elem[data-elem-id="1789545500559"] { left: 0vw !important; width: 100vw !important; }
  #rec3937645401 .tn-elem[data-elem-id="1789545500568"], #rec3937645401 .tn-elem[data-elem-id="1789545500575"], #rec3937645401 .tn-elem[data-elem-id="1789545500583"], #rec3937645401 .tn-elem[data-elem-id="1789545500590"], #rec3937645401 .tn-elem[data-elem-id="1789545500597"], #rec3937645401 .tn-elem[data-elem-id="1789545500604"], #rec3937645401 .tn-elem[data-elem-id="1789545500611"], #rec3937645401 .tn-elem[data-elem-id="1789545500618"], #rec3937645401 .tn-elem[data-elem-id="1789545500625"], #rec3937645401 .tn-elem[data-elem-id="1789545500632"], #rec3937645401 .tn-elem[data-elem-id="1789545500639"], #rec3937645401 .tn-elem[data-elem-id="1789545500646"], #rec3937645401 .tn-elem[data-elem-id="1789545500653"] { left: 6.25vw !important; width: 87.5vw !important; }
  #rec3937657301 .tn-elem[data-elem-id="1789564294428"], #rec3937657301 .tn-elem[data-elem-id="1789564294561"] { left: 0vw !important; width: 100vw !important; }
  #rec3937657301 .tn-elem[data-elem-id="1789564294449"] { left: 6.25vw !important; }
  #rec3937657301 .tn-elem[data-elem-id="1789564294435"], #rec3937657301 .tn-elem[data-elem-id="1789564294442"], #rec3937657301 .tn-elem[data-elem-id="1789564294456"], #rec3937657301 .tn-elem[data-elem-id="1789564294463"], #rec3937657301 .tn-elem[data-elem-id="1789564294470"], #rec3937657301 .tn-elem[data-elem-id="1789564294477"], #rec3937657301 .tn-elem[data-elem-id="1789564294484"], #rec3937657301 .tn-elem[data-elem-id="1789564294491"], #rec3937657301 .tn-elem[data-elem-id="1789564294498"], #rec3937657301 .tn-elem[data-elem-id="1789564294505"], #rec3937657301 .tn-elem[data-elem-id="1789564294512"], #rec3937657301 .tn-elem[data-elem-id="1789564294519"], #rec3937657301 .tn-elem[data-elem-id="1789564294526"], #rec3937657301 .tn-elem[data-elem-id="1789564294533"], #rec3937657301 .tn-elem[data-elem-id="1789564294540"], #rec3937657301 .tn-elem[data-elem-id="1789564294547"], #rec3937657301 .tn-elem[data-elem-id="1789564294554"], #rec3937657301 .tn-elem[data-elem-id="1789564294568"] { left: 6.25vw !important; width: 87.5vw !important; }
}

/* 17. Вертикаль первого экрана на телефоне: после растяжки на всю ширину текст
      занимает меньше строк — подтягиваем кнопки и укорачиваем подложку баннера,
      чтобы внизу не оставалось пустоты. */
@media screen and (max-width: 479px) {
  #rec3930554201 .tn-elem[data-elem-id="1789510904372"] { top: 322px !important; }
  #rec3930554201 .tn-elem[data-elem-id="1789510904379"] { top: 384px !important; }
  #rec3930554201 .tn-elem[data-elem-id="1789510904344"] { height: 316px !important; }
  #rec3930554201 .t396__artboard, #rec3930554201 .t396__filter, #rec3930554201 .t396__carrier { height: 474px !important; }
}