/* Свои стили поверх Tilda-CSS. Здесь только то, что нужно статике:
   Tilda-скриптов на странице нет, каталог отрисован готовыми карточками. */

/* Карточка открывает попап, а не страницу товара. */
.t-store__card { cursor: pointer; }

/* Мусор каталога Tilda: прелоадеры, переключатель разделов, «показать ещё». */
.t-store__grid-cont-preloader,
.t-store__load-more-btn,
.js-store-parts-select-container,
.js-store-tpl-slider-arrows { display: none !important; }

/* Скрытые шаблоны попапов внутри блоков каталога: их заменяет свой #y-popup. */
.t778 .t-popup,
.js-store .t-popup { display: none !important; }

/* Свой попап товара: разметка Tilda, показ — по классу t-popup_show. */
#y-popup { cursor: pointer; }
#y-popup.t-popup_show { display: block; }
#y-popup .t-popup__container { max-width: 1240px; }
#y-popup .t-store__prod-popup__col-left { float: left; }
#y-popup .t-store__prod-popup__info { float: right; }
#y-popup .t-store__prod-popup__name { font-size: 24px; font-weight: 600; line-height: 1.2; }
#y-popup .t-store__prod-popup__price-wrapper { margin-top: 10px; }
#y-popup .t-store__prod-popup__text { margin-top: 30px; font-size: 14px; font-weight: 300; line-height: 1.55; }
#y-popup .t-store__prod-popup__text:empty { display: none; }
#y-popup .t-slds__container { background-color: #ebebeb; }
#y-popup .t-store__prod-popup__container { padding: 40px 20px; }

/* Крестик закрытия одинаков на всех ширинах.
   На узких экранах Tilda-CSS (`.t-store .t-popup__close`) превращает кнопку в чёрную полосу
   высотой 50px и показывает стрелку «назад» вместо крестика. Стрелка — часть страницы товара
   (`/tproduct/...`), которой в статике нет: оставалась пустая полоса, закрыть попап было нечем.
   Тап-зона 44×44 — минимум для пальца, крестик 23×23 внутри неё на прежнем месте. */
#y-popup .t-popup__close {
  display: block;
  position: fixed;
  box-sizing: border-box;
  top: 9px;
  right: 9px;
  left: auto;
  width: 44px;
  height: 44px;
  padding: 10px;
  background: transparent;
  z-index: 999;
}
#y-popup .t-popup__close-wrapper {
  display: block;
  width: auto;
  padding: 0;
  border: none;
  text-align: left;
}
#y-popup .t-popup__close-icon_cross { display: inline; }
#y-popup .t-popup__close-icon_arrow { display: none; }
/* На узких экранах Tilda-CSS ужимает иконку до 16px — держим размер десктопа. */
#y-popup .t-popup__close-icon { width: 23px; height: 23px; }
@media screen and (max-width: 960px) {
  #y-popup .t-popup__container { max-width: 640px; }
  #y-popup .t-store__prod-popup__col-left,
  #y-popup .t-store__prod-popup__info { float: none; width: 100%; }
  #y-popup .t-store__prod-popup__info { margin-top: 30px; }
}

/* Кнопка «наверх» в футере — обычная ссылка, обработчик в js/app.js. */
.t452_scrolltop { cursor: pointer; }

/* Если скрипт упал — сказать об этом на странице, а не молчать. */
.y-error {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 10000002;
  padding: 12px 20px;
  background: #171717;
  color: #fff;
  font: 400 14px/1.4 'TildaSans', Arial, sans-serif;
  text-align: center;
}

/* Хиро-блок с акцией: первый экран, сразу под шапкой и до разделов меню.
   Разметка — blocks/hero-2x1.html, вставляется сборкой. Светлая тема страницы: крупная
   типографика на фоне #efefef, без карточки и без движения. */
.y-hero {
  /* 120px сверху — фиксированная шапка (80px) не накрывает блок, остаётся воздух. */
  padding: 120px 20px 0;
  text-align: center;
}
.y-hero__figure {
  font-size: clamp(80px, 12vw, 160px);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.03em;
  color: #171717;
}
.y-hero__title {
  margin-top: 14px;
  font-size: clamp(20px, 2.6vw, 30px);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #171717;
}
.y-hero__time {
  margin-top: 22px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #595959;
}