.header-icons {
    top: -8px;
    gap: 18px;
    pointer-events: all;
}

.header-icons.in-breadcrumb {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    will-change: opacity;
}

.is-sticky .header-icons.in-breadcrumb {
    opacity: 1;
    pointer-events: all;
}

.is-sticky .header-icons {
    gap: 12px;
}

.header-icons .header-top__kosik-items,
.header-icons .header-top__wishlist-items {
    width: 18px;
    height: 18px;
    background: orangered;
    top: -2px;
    right: -3px;
    border-radius: 20px;
    border: 1px solid #cecece;
    font-size: 12px;
    color: #FFF;
    z-index: 99;
}

.header-icons .header-top__link {
    position: relative;
    padding: 0 3px;
    border-radius: 50%;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    background: white;
}

.header-icons .header-top__link:hover {
    background: var(--header-icons-circle-color);
}

.header-icons .header-top__link img {
    height: 30px;
}

@media (min-width: 992px) {
    .header-icons .header-top__link {
        position: relative;
        width: 34px;
        height: 34px;
    }

    .is-sticky .header-icons .header-top__link {
        width: 30px;
        height: 30px;
    }

    .header-icons .header-top__link img,
    .header-icons .header-top__link svg {
        height: 22px;
        position: absolute;
        top: calc(calc(34px - 22px) / 2);
        left: calc(calc(34px - 22px) / 2);
        transition: color 0.3s ease-in-out;
        will-change: color;
        color: var(--header-icons-color);
    }

    .header-icons .header-top__link:hover img,
    .header-icons .header-top__link:hover svg {
        color: var(--header-icons-hover-color);
    }

    .is-sticky .header-icons .header-top__link img,
    .is-sticky .header-icons .header-top__link svg{
        height: 22px;
        position: absolute;
        top: calc(calc(30px - 22px) / 2);
        left: calc(calc(30px - 22px) / 2);
    }

    .header-icons .header-top__link:after {
        content: "";
        border: 1px solid var(--header-icons-circle-color);
        border-radius: 50%;
        width: 104%;
        height: 100%;
        position: absolute;
        left: -1px;
        top: 0;
    }
}