/* ============================================================
   СКИН ДЛЯ TILDA STORE — «Звёздная свечная лавка»
   ============================================================
   Куда вставлять:
   1) Весь этот файл целиком — в Настройки сайта → Ещё →
      Пользовательские CSS-стили (применится ко всему сайту).
      ИЛИ вставить в блок «Другое» → Т123 на странице каталога,
      обернув в теги ...</style>.
   2) Один раз, в шапку сайта (Настройки сайта → Ещё → Вставить
      код в head), добавь подключение шрифта, если ещё не подключён:
      
      

   ВАЖНО: у Tilda несколько разных шаблонов блока «Товары» (ST1,
   ST2, ST100–ST400 и т.д.) — базовые классы карточки, попапа,
   фильтра и разделов (.t-store__card, .t-store__prod-popup,
   .t-store__filter, .t-store__parts-switch-btn) одинаковые везде
   и проверены. А вот классы заголовка/описания ВНУТРИ карточки
   (.t-store__card__title, .t-store__card__descr) могут отличаться
   в зависимости от выбранного шаблона карточки в настройках блока.
   Если после вставки что-то не подхватилось — открой каталог на
   сайте, нажми F12 (инструменты разработчика), кликни правой
   кнопкой по нужному элементу → «Просмотреть код» и подставь
   точный класс сюда вместо указанного.
   ============================================================ */

:root{
  --zs-coal:#0b0a0d;
  --zs-graphite:#171519;
  --zs-graphite-2:#1c1a20;
  --zs-card:#201d24;
  --zs-fuchsia:#e01a78;
  --zs-fuchsia-deep:#a3105a;
  --zs-ember:#ff8a3d;
  --zs-ember-soft:#ffb15e;
  --zs-tiffany:#4fd8c4;
  --zs-paper:#f4f0ea;
}

/* ---------- 1. ФОН БЛОКА КАТАЛОГА ---------- */
.t-store{
  background:
    radial-gradient(ellipse 55% 40% at 90% 0%, rgba(224,26,120,0.08), transparent 60%),
    radial-gradient(ellipse 55% 40% at 5% 100%, rgba(255,138,61,0.08), transparent 60%),
    linear-gradient(180deg, var(--zs-coal) 0%, var(--zs-graphite) 50%, var(--zs-coal) 100%) !important;
  padding-top:60px !important;
  padding-bottom:60px !important;
}

/* ---------- 2. РУБРИКИ / РАЗДЕЛЫ (табы категорий) ---------- */
.t-store__parts-switch-wrapper{
  display:flex; flex-wrap:wrap; gap:10px;
  justify-content:center;
  margin-bottom:36px !important;
}
.t-store__parts-switch-btn{
  background:transparent !important;
  border:1px solid rgba(255,177,94,0.3) !important;
  color:var(--zs-paper) !important;
  border-radius:999px !important;
  padding:10px 22px !important;
  font-family:'Manrope', sans-serif !important;
  font-size:13.5px !important;
  letter-spacing:0.02em;
  transition:border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}
.t-store__parts-switch-btn:hover{
  border-color:rgba(224,26,120,0.6) !important;
  color:var(--zs-ember-soft) !important;
}
.t-store__parts-switch-btn.t-active{
  background:linear-gradient(135deg, var(--zs-fuchsia), var(--zs-fuchsia-deep)) !important;
  border-color:transparent !important;
  color:var(--zs-paper) !important;
  box-shadow:0 0 20px rgba(224,26,120,0.4);
}

/* ---------- 3. ФИЛЬТР ПО ЗАПРОСУ (деньги/отношения/защита/масштаб) ---------- */
.t-store__filter{
  background:var(--zs-graphite-2) !important;
  border:1px solid rgba(255,177,94,0.14) !important;
  border-radius:8px !important;
  padding:18px 20px !important;
  margin-bottom:40px !important;
}
.t-store__filter__item-title{
  color:var(--zs-tiffany) !important;
  font-family:'Manrope', sans-serif !important;
  font-size:12px !important;
  letter-spacing:0.14em;
  text-transform:uppercase;
  opacity:0.85;
}
.t-store__filter__options label,
.t-store__filter__item{
  color:var(--zs-paper) !important;
  font-family:'Manrope', sans-serif !important;
  font-size:14px !important;
}
.t-store__filter__input{
  background:var(--zs-coal) !important;
  border:1px solid rgba(255,177,94,0.25) !important;
  color:var(--zs-paper) !important;
  border-radius:4px !important;
}
.t-store__filter__btn{
  background:linear-gradient(135deg, var(--zs-fuchsia), var(--zs-fuchsia-deep)) !important;
  color:var(--zs-paper) !important;
  border:none !important;
  border-radius:4px !important;
}
.t-store__filter__opts-mob-btn-icon path,
.t-store__filter__search-mob-btn-icon path{
  fill:var(--zs-ember-soft) !important;
}

/* ---------- 4. КАРТОЧКА ТОВАРА ---------- */
.t-store__card{
  background:linear-gradient(160deg, var(--zs-card), var(--zs-graphite-2)) !important;
  border:1px solid rgba(255,177,94,0.14) !important;
  border-radius:8px !important;
  overflow:hidden;
  transition:border-color 0.35s ease, box-shadow 0.35s ease, transform 0.3s ease !important;
}
.t-store__card:hover{
  border-color:rgba(224,26,120,0.45) !important;
  box-shadow:0 18px 40px -18px rgba(224,26,120,0.4) !important;
  transform:translateY(-4px);
}

/* фото — лёгкое затемнение снизу, чтобы текст карточки читался на графите */
.t-store__card__bgimg{
  filter:saturate(0.92) contrast(1.02);
  transition:filter 0.35s ease, transform 0.5s ease;
}
.t-store__card:hover .t-store__card__bgimg{
  filter:saturate(1.05) contrast(1.05);
  transform:scale(1.03);
}

.t-store__card__textwrapper{
  background:linear-gradient(180deg, transparent, rgba(11,10,13,0.55) 40%, var(--zs-coal) 100%) !important;
}

/* название и тип свечи */
.t-store__card__title,
.js-store-prod-name{
  font-family:'Cormorant SC', serif !important;
  font-weight:700 !important;
  color:var(--zs-paper) !important;
  font-size:19px !important;
  line-height:1.25 !important;
}
.t-store__card__descr{
  font-family:'Manrope', sans-serif !important;
  color:var(--zs-paper) !important;
  opacity:0.65;
  font-size:13px !important;
}

/* цена */
.t-store__card__price,
.t-store__card__price-value{
  font-family:'Manrope', sans-serif !important;
  color:var(--zs-ember-soft) !important;
  font-weight:700 !important;
  font-size:16px !important;
}
.t-store__card__price_old,
[class*="__price_old"]{
  color:var(--zs-paper) !important;
  opacity:0.4;
}

/* бейджи-тэги: новинка / в наличии / скидка */
.t-store__card__mark-wrapper{
  z-index:20;
}
.t-store__card__mark{
  background:linear-gradient(135deg, var(--zs-fuchsia), var(--zs-fuchsia-deep)) !important;
  color:var(--zs-paper) !important;
  border-radius:999px !important;
  padding:5px 14px !important;
  font-family:'Manrope', sans-serif !important;
  font-size:11px !important;
  letter-spacing:0.04em;
  text-transform:uppercase;
  box-shadow:0 0 14px rgba(224,26,120,0.5);
}

/* кнопка «в корзину / подробнее» на карточке */
.t-store__card__btns-wrapper .t-store__card__btn,
.js-store-prod-btn{
  background:transparent !important;
  border:1px solid rgba(255,177,94,0.4) !important;
  color:var(--zs-paper) !important;
  border-radius:2px !important;
  transition:background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.t-store__card:hover .t-store__card__btns-wrapper .t-store__card__btn{
  background:linear-gradient(135deg, var(--zs-fuchsia), var(--zs-fuchsia-deep)) !important;
  border-color:transparent !important;
  box-shadow:0 0 20px rgba(255,138,61,0.35);
}
.t-store__card__btn-text{
  font-family:'Manrope', sans-serif !important;
  font-weight:600 !important;
}

/* товар нет в наличии — приглушаем, без ярко-красного */
.js-store-prod-sold-out{
  color:var(--zs-paper) !important;
  opacity:0.5;
}

/* ---------- 5. СТРАНИЦА / ПОПАП ТОВАРА ---------- */
.t-store__prod-popup{
  background:var(--zs-graphite) !important;
}
.t-store__prod-popup__container,
.t-store__prod-popup__info-wrapper{
  background:var(--zs-graphite) !important;
}

.t-store__prod-popup__name,
.js-store-prod-name{
  font-family:'Cormorant SC', serif !important;
  font-weight:700 !important;
  color:var(--zs-fuchsia) !important;
  font-size:clamp(24px, 3vw, 34px) !important;
  text-shadow:0 0 16px rgba(224,26,120,0.35);
}

.t-store__prod-popup__price,
.t-store__prod-popup__price-value{
  font-family:'Manrope', sans-serif !important;
  color:var(--zs-ember-soft) !important;
  font-weight:700 !important;
  font-size:22px !important;
}

.t-store__prod-popup__descr,
.js-store-prod-text{
  font-family:'Manrope', sans-serif !important;
  color:var(--zs-paper) !important;
  opacity:0.9;
  line-height:1.7 !important;
}
.js-store-prod-text a{
  color:var(--zs-tiffany) !important;
  text-decoration:underline;
}

.t-store__prod-popup__slider{
  border-radius:8px !important;
  overflow:hidden;
}
.t-store__prod-popup__slider .t-slds__bgimg{
  filter:saturate(0.95);
}

/* кнопка «в корзину» / «купить» в попапе */
.t-store__prod-popup__btn,
.t-store__prod-popup__btn-wrapper .t-store__prod-popup__btn-text{
  background:linear-gradient(135deg, var(--zs-fuchsia) 0%, var(--zs-fuchsia-deep) 100%) !important;
  border:1px solid rgba(255,177,94,0.4) !important;
  border-radius:2px !important;
  color:var(--zs-paper) !important;
  font-family:'Manrope', sans-serif !important;
  font-weight:700 !important;
  transition:box-shadow 0.3s ease, transform 0.2s ease;
}
.t-store__prod-popup__btn:hover{
  box-shadow:0 0 28px rgba(255,138,61,0.45) !important;
  transform:translateY(-2px);
}

/* табы в попапе (оговор / как активировать / безопасность) */
.t-store__tabs__title,
.t-store__prod-popup .t-store__tabs__title{
  font-family:'Cormorant SC', serif !important;
  color:var(--zs-paper) !important;
}
.t-store__tabs__title.t-active,
.t-store__prod-popup .t-store__tabs__title.t-active{
  color:var(--zs-fuchsia) !important;
  border-color:var(--zs-fuchsia) !important;
}

/* закрытие попапа */
.t-store__prod-popup .t-popup__close-icon path{
  fill:var(--zs-paper) !important;
}