:root {
    --iconNormal: url('https://static.tildacdn.com/tild3034-6362-4130-b238-353065313730/free-icon-font-bookm.png');
    --iconAdded: url('https://static.tildacdn.com/tild6533-3761-4534-b739-343462343632/iconizer-svg_2___1.svg');
    --iconScaleHover: scale(1.1);
    --iconTransition: all 0.4s ease-in-out;
    --bgIconRadiusNormal: 0px;
    --bgIconRadiusHover: 0px;
    --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: 0px; /* Отступ сверху */
    right: 0px; /* Отступ справа */
}

/* Иконка при наведении */
a.t1002__addBtn:hover:after {
    transform: var(--iconScaleHover);
    top: 0px; /* Изменение отступа сверху при наведении */
    right: 0px; /* Изменение отступа справа при наведении */
}

/* Иконка, когда товар добавлен в избранное */
a.t1002__addBtn_active:after {
    background-image: var(--iconAdded);
    top: 0px; /* Изменение отступа сверху в активном состоянии */
    right: 0px; /* Изменение отступа справа в активном состоянии */
}

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

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

.t1002__addBtn_active {
    background: transparent !important;
}




/* Каталог СТИЛИ */
/* Product link */
.t786 .t-item .js-product-link{
 border-color:#3498db;
 border-width:1px;
 border-style:solid;
 border-top-left-radius:5px;
 border-top-right-radius:5px;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:5px;
}

@media (max-width:639px){

 /* Mobile two columns */
 #allrecords .t786 .mobile-two-columns{
  transform:translatex(0px) translatey(0px);
 }
 
 /* Rec */
 #allrecords .t-rec{
  padding-bottom:0px !important;
  padding-top:0px !important;
  transform:translatex(3px) translatey(86px);
 }
 
 /* Item */
 .t786 .t-item{
  margin-bottom:10px;
 }
 /* T786  mark */
.t786 .t-item .t786__mark{
 height:20px;
}


}