/*Своя иконка избранного в карточках товаров*/
:root{
    --iconNormal: url(https://static.tildacdn.com/tild3732-6461-4666-b934-343230333565/free-icon-bookmark-2.png);
    --iconAdded: url(https://static.tildacdn.com/tild6439-6263-4932-a436-663437623131/free-icon-bookmark-2.png);
    --iconScaleHover: scale(1.1);  /*Увеличение иконки при наведении*/
    --iconTransition: all .4s ease-in-out;  /*Плавность анимации*/
    --bgIconRadiusNormal: 2px; /*Радиус скругления углов у подложки с иконкой*/
    --bgIconRadiusHover: 2px; /*Радиус скругления углов у подложки с иконкой при наведении*/
    --bgIconColorHover: ;    /*Цвет подложки с иконкой при наведении*/
    --bgIconColorAdded: ;    /*Цвет подложки с иконкой, когда товар добавлен в избранное*/
    --bgIconColorNomral: ; /*Цвет подложки в обычном состоянии*/
    --widthIcon: 20px;
    --heightIcon: 20px;
    
}
/*Иконка в обычном состоянии*/
    a.t1002__addBtn:after {
    content: "";
    position: absolute;
    width: var(--widthIcon);
    height: var(--heightIcon);
    background-image: var(--iconNormal);
    background-repeat: no-repeat;
    background-size: cover;
    transition: var(--iconTransition);
}   

/*Иконка при наведении*/
    a.t1002__addBtn:hover:after {
    content: "";
    transform: var(--iconScaleHover);
    transition: var(--iconTransition);
}   

/*Иконка, когда товар добавили в избранное*/
    a.t1002__addBtn_active:after {
    content: "";
    width: var(--widthIcon);
    height: var(--heightIcon);
    background-image: var(--iconAdded);
    background-repeat: no-repeat;
}

/*Скрываем оригинальную иконку*/
.t1002__addBtn svg{
    display:none;
}

/*Если нужен определенный радиус скругления и цвет у подложки с иконкой*/

.t1002__addBtn{
    border-radius: var(--bgIconRadiusNormal) !important; /*Радиус скругления*/
    background: var(--bgIconColorNomral) !important;    /*Цвет подложки*/
    transition: var(--iconTransition);
}
.t1002__addBtn:hover{
    border-radius: var(--bgIconRadiusHover) !important; /*Радиус скругления при наведении*/
    background: var(--bgIconColorHover) !important;    /*Цвет подложки при наведении*/
    transition: var(--iconTransition);
}
.t1002__addBtn_active{
    background: var(--bgIconColorAdded) !important;
}

/* ==========================================================
   НАСТРОЙКА КАРТОЧЕК КАТАЛОГА (БЛОК T1291 И АНАЛОГИ)
   ========================================================== */

/* 
 • СЕКЦИЯ: Link
 • Настройка вложенных ссылок в карточке товара (например, кнопки "Избранное" или доп. ссылок).
 • Убирает все стандартные отступы и принудительно прижимает элемент 
 • к самому верхнему правому углу карточки.
 */
.t-catalog__card-list a a {
  margin-left: 0px;               /* Удаляем отступ слева */
  margin-bottom: 0px !important;  /* Удаляем отступ снизу */
  padding-top: 0px;               /* Удаляем внутренний отступ сверху */
  top: 0px !important;            /* Фиксируем позицию в самом верху */
  right: 0px !important;          /* Фиксируем позицию в самом углу справа */
}

/* 
 • СЕКЦИЯ: Division (Ярлык/Метка товара)
 • Настройка позиции плашки "Sale", "New" и т.д.
 • Смещает метку в верхний левый угол с небольшим вылетом (-10px) 
 • за границы карточки для создания стильного эффекта.
 */
.t-catalog__card-list a .t-catalog__card__mark {
  padding-left: 0px;              /* Удаляем внутренние поля слева */
  padding-right: 0px;             /* Удаляем внутренние поля справа */
  position: relative;             /* Включаем относительное позиционирование */
  bottom: auto !important;        /* Отменяем привязку к нижнему краю */
  top: -10px;                     /* Сдвигаем вверх на 10px (вылет за край) */
  left: -10px;                    /* Сдвигаем влево на 10px (вылет за край) */
  transform: translatex(0px) translatey(0px); /* Сбрасываем программные сдвиги */
}

/* 
 • СЕКЦИЯ: Division (Точные размеры метки)
 • Этот длинный путь (селектор) нужен для того, чтобы перебить стандартные стили Tilda.
 • Устанавливает строгие размеры для плашки (Sale/New), делая её квадратной 45x45 пикселей.
 */
#allrecords .t-rec .t1291 .js-catalog .js-catalog-cont-w-filter .t-catalog__cont-wrapper .js-catalog-grid-cont .t-catalog__card-list .t-item a .t-catalog__card__imgwrapper .t-catalog__card__mark-wrapper .t-catalog__card__mark {
  width: 45px !important;         /* Принудительная ширина плашки */
  height: 45px !important;        /* Принудительная высота плашки */
}