/* === 1. Типографика: шрифт Montserrat Alternates === */
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
  font-family: 'Montserrat Alternates', sans-serif;
}

/* === 2. Кастомные чекбоксы фильтрации — бордовый цвет === */
/* Рамка квадратика */
.t-catalog .t-checkbox__indicator {
  border-color: #b11829 !important;
}
/* Заливка при выборе */
.t-checkbox__control .t-checkbox:checked ~ .t-checkbox__indicator {
  background-color: #b11829 !important;
  border-color: #b11829 !important;
}
/* Галочка внутри — белая */
.t-checkbox__control .t-checkbox:checked ~ .t-checkbox__indicator::after {
  border-color: #ffffff !important;
}

/* === 3. Ползунок цены === */
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
}
/* Треклайн — бордовый, высота 3px */
input[type="range"]::-webkit-slider-runnable-track {
  height: 3px;
  background: #b11829;
  border-radius: 3px;
}
input[type="range"]::-moz-range-track {
  height: 3px;
  background: #b11829;
  border-radius: 3px;
}
/* Ползунок: 18×18px, круглый, бордовый */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  margin-top: -8px; /* центрирование: -(18px/2) + (3px/2) */
  background-color: #b11829;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background-color: #b11829;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}

/* === 4. Теги активных фильтров рядом с «Найдено:» === */
.t-catalog__filter__chosen-val {
  border: 1.5px solid #ecb8b9 !important;
  border-radius: 50px !important;
  background-color: transparent !important;
  color: #ecb8b9 !important;
}
.t-catalog__filter__chosen-val-text {
  color: #ecb8b9 !important;
}
/* Крестик удаления тега */
.t-catalog__filter__chosen-val::before {
  background-color: #ecb8b9 !important;
}

/* === 5. Кнопка избранного (сердечко) на карточках товаров === */
/* Базовый вид: бежевый фон, розовая обводка */
.t1002__addBtn {
  background-color: #f5ede6 !important;
  border: 2px solid #e8a0b0 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
/* Контур сердца — розовый, без заливки */
.t1002__addBtn svg path {
  stroke: #e8a0b0 !important;
  fill: none !important;
}
/* Активное состояние (товар в избранном) */
.t1002__addBtn_active {
  background-color: #f7c5d0 !important;
  border: 2px solid #cc3355 !important;
}
/* Сердце при лайке — малиновое, залитое */
.t1002__addBtn_active svg path {
  fill: #cc3355 !important;
  stroke: #cc3355 !important;
}

/* === 6. Кнопка «В корзину» на карточках товаров === */
/* Позиция: под кнопкой избранного (10px отступ + 45px высота + 8px зазор = 63px от верха) */
.byjam-cart-btn {
  position: absolute;
  top: 63px;
  right: 10px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #f5ede6;
  border: 2px solid #e8a0b0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: background 0.2s, border-color 0.2s;
}
/* Иконка корзины: цвет через stroke, без хардкода в SVG-атрибутах */
.byjam-cart-btn svg path,
.byjam-cart-btn svg rect {
  stroke: #e8a0b0;
  transition: stroke 0.2s;
}
/* Состояние hover */
.byjam-cart-btn:hover {
  background: #f7c5d0;
  border-color: #cc3355;
}
.byjam-cart-btn:hover svg path,
.byjam-cart-btn:hover svg rect {
  stroke: #cc3355;
}
/* Состояние is-added: товар добавлен в корзину (держится 1500 мс) */
.byjam-cart-btn.is-added {
  background: #f7c5d0;
  border-color: #cc3355;
}
.byjam-cart-btn.is-added svg path,
.byjam-cart-btn.is-added svg rect {
  stroke: #cc3355;
}

/* === 7. Скрытие знака «Сделано на Tilda» === */
a[href*="tilda.cc"],
[class*="tilda-made"],
[id*="tilda-made"] {
  display: none !important;
}