#select-active {
    color: #FFB701;
}

/* Для хедера при наведении */

.iconHover {
    cursor: pointer;
    transition: all 0.2s ease;
}

.iconHover:hover {
    box-shadow: 0px 8px 24px rgba(255, 202, 69, 0.05);
}

.icon:hover:not(.bucket) {
    fill: #FFCA45;
    stroke: #FFCA45;
    box-shadow: 0px 8px 24px rgba(255, 202, 69, 0.05);
}

/* для хедера для активного элемента */


/* для хедера кроме корзины */
.icon-active-header {
    fill: #FFCA45;
    stroke: #FFCA45;
}

.block-active-bucket {
    background: #FFCA45;
}

/* Предложения дня корзина */

.iconOfferCardActive path {
    fill: #FFB701;
}

.iconOfferCardActive {
    fill: white;
}

.iconOfferCardActive:hover {
    opacity: 0.6;
}

/* Предложение дня в желаемое */

.iconOfferLikeActive path {
    fill: #FFB701;
    stroke: #FFB701;
}

.iconOfferLikeActive {
    background-color: white;
    border: 1px solid #FFFFFF;
    border-radius: 9px;
}

.iconOfferLikeActive:hover {
    opacity: 0.6
}

/* Предложения дня в сравнение */

.iconOfferSravnenieActive {
    fill: white;
}

.iconOfferSravnenieActive path,
.iconOfferSravnenieActive rect {
    stroke: #FFB701;
}

.iconOfferSravnenieActive:hover {
    opacity: 0.3;
}


/* сравнение при наведении в блоке лучшие предложения и в карточке кат. товара */

.bestIconSravnenie,
.CategoryIconSravnenie,
.SingleIconSravnenie,
.SravnenieIconSravnenie {
    fill: white;
}

.bestIconSravnenie path,
.bestIconSravnenie rect,
.CategoryIconSravnenie path,
.CategoryIconSravnenie rect,
.SingleIconSravnenie path,
.SingleIconSravnenie rect,
.SravnenieIconSravnenie path,
.SravnenieIconSravnenie rect {
    stroke: #FFB701;
}

/* сравнение при наведении в блоке лучшие предложения при наводке и в карточке кат. товара */

.bestIconSravnenie:hover path,
.bestIconSravnenie:hover rect,
.CategoryIconSravnenie:hover path,
.CategoryIconSravnenie:hover rect,
.SingleIconSravnenie:hover path,
.SingleIconSravnenie:hover rect,
.SravnenieIconSravnenie:hover path,
.SravnenieIconSravnenie:hover rect {
    stroke: #FFCA45;
}




/* сравнение при наведении в блоке лучшие предложения и в карточке кат. товара при наводке ACTIVE*/


.SravnenieIconSravnenieActive {
    width: 42px;
    height: 42px;
}

.CategoryIconSravnenieActive,
.SravnenieIconSravnenieActive {
    fill: #FFB701;
}

.SingleIconSravnenieActive {
    fill: #FFB701;
}

.bestIconSravnenieActive {
    fill: #FFB701;
}


.CategoryIconSravnenieActive path,
.CategoryIconSravnenieActive rect,
.SingleIconSravnenieActive path,
.SingleIconSravnenieActive rect,
.SravnenieIconSravnenieActive path,
.SravnenieIconSravnenieActive rect {
    stroke: white;
}

.CategoryIconSravnenieActive:hover,
.SingleIconSravnenieActive:hover,
.SravnenieIconSravnenieActive:hover {
    fill: #FFCA45;


}

.bestIconSravnenieActive path,
.bestIconSravnenieActive rect {
    stroke: white;
}

/* понрав-ся в блоке лучшие предложения */

.bestIconLike path,
.CategoryIconLike path,
.SravnenieIconLike path {

    stroke: #FFB701;
}

.SravnenieIconLike {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 7px;
    padding-bottom: 6px;
    background-color: white;
    border: 2px solid #FFB701;
    border-radius: 9px;
    box-sizing: content-box;
}

.CategoryIconLike {
    padding-left: 7px;
    padding-right: 8px;
    padding-top: 9px;
    padding-bottom: 8px;
    background-color: white;
    border: 2px solid #FFB701;
    border-radius: 12px;
    box-sizing: content-box;
}

.bestIconLike {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 5px;
    padding-bottom: 5px;

    background-color: white;
    border: 2px solid #FFB701;
    border-radius: 9px;
    box-sizing: content-box;
}

/* понрав-ся при наводке в блоке лучшие предложения и в карточке категории. */

.CategoryIconLike:hover path {
    stroke: #FFCA45;
}

.SravnenieIconLike:hover path {
    stroke: #FFCA45;
}

.SravnenieIconLike:hover {
    background-color: white;
    border: 2px solid #FFCA45;
}

.CategoryIconLike:hover {
    background-color: white;
    border: 2px solid #FFCA45;
    border-radius: 12px;
}

.bestIconLike:hover path {

    stroke: #FFCA45;
}

.bestIconLike:hover {
    background-color: white;
    border: 2px solid #FFCA45;
}

/* понрав-ся в активе в блоке лучшие предложения и в карточке кат. */

.bestIconLikeActive path,
.CategoryIconLikeActive path {
    stroke: white;
    fill: white;
}

.SravnenieIconLikeActive {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 7px;
    padding-bottom: 6px;
    background-color: #FFB701;
    border: 2px solid #FFB701;
    border-radius: 9px;
    box-sizing: content-box;
}

.SravnenieIconLikeActive path {
    stroke: white;
    fill: white;
}

.SravnenieIconLikeActive:hover {
    background-color: #FFCA45;
    border: 2px solid #FFCA45;
}

.CategoryIconLikeActive {
    padding-left: 8px;
    padding-right: 7px;
    padding-top: 8px;
    padding-bottom: 9px;
    background-color: #FFB701;
    border: 2px solid #FFB701;
    border-radius: 12px;
    box-sizing: content-box;
}

.bestIconLikeActive {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #FFB701;
    border: 2px solid #FFB701;
    border-radius: 9px;
    box-sizing: unset;
}

/* понрав-ся в активе при наводке в блоке лучшие предложения и в карточке кат. */

.CategoryIconLikeActive:hover path {
    stroke: white;
    fill: white;
}

.bestIconLikeActive:hover path {
    stroke: #FFB701;
    fill: white;
}

.CategoryIconLikeActive:hover {
    background: #FFCA45;
    border: 2px solid #FFCA45;
    border-radius: 12px;
}

.bestIconLikeActive:hover {
    background: #FFCA45;
    border: 2px solid #FFCA45;
    border-radius: 9px;
    box-sizing: unset;
}

/* корзина в блоке лучшие предложения и в карточке товара в кат. */

.bestIconCardCategory {
    box-sizing: content-box;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 6px;
    padding-right: 5px;
    border-radius: 12px;
    border: 2px solid #FFB701;
}

.bestIconCardCategory path {
    fill: #FFB701
}

.bestIconCardCategoryActive {
    box-sizing: content-box;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 6px;
    padding-right: 5px;
    border-radius: 12px;
    background-color: #FFB701;
    border: 2px solid #FFB701;
}

.bestIconCardCategoryActive path {
    fill: white;
}




.CategoryIconCard {
    padding-top: 7px;
    padding-bottom: 9px;
    padding-left: 6px;
    padding-right: 5px;

    border-radius: 9px;

    border: 2px solid #FFB701;
}

.bestIconCard {
    padding-top: 5px;
    padding-bottom: 6px;
    padding-left: 4px;
    padding-right: 3px;
    border-radius: 9px;
    border: 2px solid #FFB701;
}

.bestIconCard path,
.CategoryIconCard path {
    fill: #FFB701
}

/* корзина при наводке в блоке лучшие предложения и карточка товара в кат. */

.bestIconCardCategory:hover {
    border: 2px solid #FFCA45;
}

.bestIconCardCategory:hover path {
    fill: #FFCA45
}

.bestIconCard:hover,
.CategoryIconCard:hover {
    border: 2px solid #FFCA45;
}

.bestIconCard:hover path,
.CategoryIconCard:hover path {
    fill: #FFCA45
}

.CategoryIconCardActive {
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 6px;
    padding-right: 5px;
    border-radius: 9px;
    border: 2px solid #FFB701;
    background-color: #FFB701;
    z-index: 1;
    box-sizing: content-box;
}

.CategoryIconCardActive path {
    fill: white;
    z-index: 2;


}

.bestIconCardActive {
    padding-top: 5px;
    padding-bottom: 6px;
    padding-left: 4px;
    padding-right: 3px;
    border-radius: 9px;

    border: 2px solid #FFB701;
    background-color: #FFB701;
    z-index: 1;
}

.bestIconCardActive path {
    fill: white;
    z-index: 2;
}


.bestIconCardActive:hover,
.CategoryIconCardActive:hover {
    border: 2px solid #FFCA45;
    background-color: #FFCA45;
}

.bestIconCardActive:hover path,
.CategoryIconCardActive:hover path {
    fill: white
}

.icon-sravnenie-sravnenie path {
    fill: #FFB701;
}

.icon-sravnenie-sravnenie:hover path {
    fill: #FFCA45;
}

.bestIconCardCategoryActive:hover {
    background-color: #FFCA45 !important;
    border: 2px solid #FFCA45 !important;
}

.bestIconSravnenieActive:hover {
    fill: #FFCA45;

}

.comparisonActive {
    fill: #FFCA45;
}

.favoritActive {
    fill: #FFCA45;
    stroke: #FFCA45;
}

.SingleIconLike {
    padding-left: 5px;
    padding-right: 6px;
    padding-top: 7px;
    padding-bottom: 6px;
    background-color: white;
    border: 2px solid #FFB701;
    border-radius: 12px;
    box-sizing: content-box;
}

.SingleIconLike path {
    stroke: #FFB701;
}

.SingleIconLike:hover {
    border: 2px solid #FFCA45;
    box-sizing: content-box;
}

.SingleIconLike:hover path {
    stroke: #FFCA45;
}

.SingleIconLikeActive {
    padding-left: 5px;
    padding-right: 6px;
    padding-top: 7px;
    padding-bottom: 6px;
    background-color: #FFB701;
    border: 2px solid #FFB701;
    border-radius: 12px;
    box-sizing: content-box;
}

.SingleIconLikeActive {
    stroke: white;
    fill: white;
}

.SingleIconLikeActive:hover {
    background-color: #FFCA45;
    border: 2px solid #FFCA45;
}

.header__two_bucketActive {
    background: #FFCA45;
    border-radius: 14px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 92px;
    height: 54px;
}