/* CSS для активной звезды. */
.fav-star-btn.is-favorite {
    background-color: #c65102;
    /* brand-orange */
    color: white;
    border-color: #c65102;
    /* brand-orange */
}


[x-cloak] {
    display: none !important;
}



/* Включаем плавную прокрутку */
html {
    scroll-behavior: smooth;
}

[id] {
    scroll-margin-top: 96px;
}

/* Стили для индикаторов слайдера */
.custom-slider .slider-indicators button {
    background-color: rgba(255, 255, 255, 0.6);
}

.custom-slider .slider-indicators button.active {
    background-color: #fff;
}



/* 
  Стили для кнопки сравнения, когда товар уже добавлен.
  Цвета   любые здесь для примера синий
*/
.compare-btn.is-in-comparison {
    background-color: #c65201; /* bg-blue-600 */
    border-color: #c65201; /* border-blue-600 */
}

/* Можно также поменять цвет при наведении для активной кнопки */
.compare-btn.is-in-comparison:hover {
    background-color: #c65201; /* hover:bg-blue-800 */
    border-color: #c65201;
}