/* Стили для добавления в избранное */
:root {
    --iconNormal: url('https://static.tildacdn.com/tild3732-6664-4663-b566-353664376132/free-icon-heart-2995.svg');
    --iconAdded: url('https://static.tildacdn.com/tild3634-3839-4330-b131-633963623330/noroot.png');
    --iconScaleHover: scale(1.1);
    --iconTransition: all 0.4s ease-in-out;
    --bgIconRadiusNormal: 5px;
    --bgIconRadiusHover: 5px;
    --widthIcon: 20px;
    --heightIcon: 20px;
}

/* Стили для кнопки добавления в избранное */
a.t1002__addBtn {
    padding: 0px; /* Отступы вокруг кнопки */
    border-radius: var(--bgIconRadiusNormal) !important;
    background: transparent !important;
    transition: var(--iconTransition);
    position: relative; /* Убедитесь, что родительский элемент имеет relative positioning */
    
    
}

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);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Иконка при наведении */
a.t1002__addBtn:hover:after {
    transform: translate(-50%, -50%) var(--iconScaleHover);
}

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

/* Скрытие стандартной SVG-иконки */
.t1002__addBtn svg {
    display: none;
}

/* Стили подложки для кнопки избранного */
.t1002__addBtn:hover {
    border-radius: var(--bgIconRadiusHover) !important;
    transition: var(--iconTransition);
}

.t1002__addBtn_active {
    background: transparent !important;
}