.basket__header {
    display: grid;
    justify-content: space-between;
    margin-bottom: 3rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}
.basket__header .header__item {
    border-bottom: 6px solid #E0E0E0;
    padding-bottom: .5rem;
    color: #BFBFBF;
    text-align: center;
    gap: 1rem;
    font-size: 0.875rem;
}
.basket__header .header__item--active {
    border-bottom: 6px solid var(--orange);
    color: var(--orange);
}
@media screen and (max-width: 1023px) {
    .basket__header .header__item {
        border-bottom: 3px solid #E0E0E0;
    }

    .basket__header .header__item--active {
        border-bottom: 3px solid var(--orange);
    }
    .basket__header {
        margin-bottom: 1.5rem;
    }
}

@media screen and (max-width: 375px) {
    .basket__header .header__item {
        font-size: .8rem;
    }
}