/**
 * Header basket popup hotfix.
 * Scoped to header basket only — do not use global selectors here.
 */
.header .basket .cards-basket {
    right: 0;
}

.header .basket .cards-basket__arrow::before,
.header .basket .cards-basket__arrow::after {
    left: auto;
    transform: none;
}

.header .basket .cards-basket__arrow::before {
    right: 16px;
}

.header .basket .cards-basket__arrow::after {
    right: 17px;
}

.header .basket .cards-basket.open:has(.card-basket:hover) .cards-basket__arrow::after {
    border-bottom-color: var(--cl-white-smoke);
}

@media (max-width: 1023px) {
    .header .basket .cards-basket {
        position: absolute;
        top: calc(100% + 10px);
    }
}

@media (max-width: 1199px) {
    .header .basket .cards-basket,
    .header .basket .cards-basket__wrapper {
        max-width: min(440px, calc(100vw - 32px));
    }
}

@media (min-width: 1024px) {
    .header .basket .cards-basket {
        right: 0;
    }

    .header .basket .cards-basket__arrow::before {
        right: 16px;
    }

    .header .basket .cards-basket__arrow::after {
        right: 17px;
    }
}

.header .button--header-icon .button__counter.js-cart-amount {
    display: none;
}

.header .button--header-icon .button__counter.js-cart-amount.is-visible {
    display: flex;
}