/* Common */
.basket__actions {
    gap: 3.375rem;
}

.basket__btn-no-fill {
    background: none;
    border: none;
    text-decoration: none;
    outline: none;
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: 600;
    color: var(--color__fill-2);
    gap: 1rem;
    cursor: pointer;
    transition: all ease .24s;
}

.basket__btn-no-fill:hover {
    color: var(--color__fill-1);
}

.basket__btn-no-fill:active {
    opacity: .4;
}

.basket__btn-no-fill.--gray {
    color: #13132a7a;
    gap: .75rem;
}

.basket__btn-no-fill.--gray:hover {
    color: var(--color__fill-2);
}

.basket__btn.btn.--fill-2 {
    width: 100%;
    font-weight: 600;
}

.basket__total-btn.btn {
    width: 100%;
    height: 4rem;
    font-size: 1.125rem;
    font-weight: 600;
}

.basket__inner {
    flex-wrap: nowrap;
}

.basket__list,
.basket__item,
.basket__item-rows,
.basket__item-column {
    flex-shrink: 2;
}

.basket__list {
    filter: drop-shadow(0px 8px 28px rgba(0, 0, 0, 0.08));
}

.basket__calc::after {
    content: '';
    position: absolute;
    top: 0;
    right: -2rem;
    width: .0625rem;
    height: 100%;
    background-color: #d9d9d980;
}

.basket__calc.is-disabled {
    opacity: .5;
}

.basket__calc .counter-calc__btn {
    border-radius: .24rem;
    width: 2.375rem;
    height: 2.375rem;
}

.basket__calc .counter-calc__btn.btn.is-disable {
    filter: grayscale(0);
}

.basket__symbol {
    font-family: 'Roboto', sans-serif;
}

/* Item */
.basket__item {
    background-color: var(--color__white);
    border-radius: .75rem;
    width: 100%;
    padding-bottom: 1.875rem;
    flex-wrap: nowrap;
}

.basket__item-picture {
    width: 11rem;
    margin: -2rem;
    margin-left: -1.5rem;
    aspect-ratio: 1;
    background-color: transparent;
}

.basket__item-picture.--not-available {
    opacity: .48;
}

.basket__item-picture img {
    object-fit: contain;
}

.basket__item-name {
    font-family: 'HelveticaC';
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 700;
}

.basket__item-top-row {
    gap: 1.5rem;
    flex-wrap: nowrap;
}

.basket__item-desc {
    color: #13132a7a;
    font-weight: 600;
}

.basket__item-desc span {
    position: relative;
}

.basket__item-desc span::after {
    content: '';
    position: absolute;
    top: 0;
    right: -0.75rem;
    width: .0625rem;
    height: 100%;
    background-color: #d9d9d980;
}

.basket__item-desc span:last-child::after {
    display: none;
}

.basket__item-price {
    font-family: 'HelveticaC';
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 2rem;
}

.basket__item-false-price {
    color: #13132a66;
    font-weight: 700;
    text-decoration: line-through;
}

.basket__item-discount {
    background-color: var(--color__fill-1);
    border-radius: .25rem;
    color: var(--color__white);
    font-weight: 700;
    height: 1.125rem;
    line-height: 1.125rem;
}

.basket__item-tag {
    font-family: "Helvetica";
    background-color: var(--color__fill-4);
    color: #14142b7a;
    font-weight: 600;
    border-radius: 3.375rem;
    height: 2.5rem;
}

.basket__item-tag-count {
    color: var(--color__dark);
}

.basket__item-tag-count.--false {
    color: #F52536;
}

.basket__item-extra {
    border-top: .0625rem solid #13132a1f;
}

/* Sidebar */
.basket__sidebar {
    flex-shrink: 2;
    width: auto !important;
}

.basket__stick {
    position: sticky;
    top: 8.3rem;
}

.basket__total {
    width: 100%;
    background: var(--color__white);
    border-radius: 0.75rem;
}

.basket__total-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 600;
}

.basket__total-desc {
    width: 100%;
    gap: .75rem;
}

.basket__total-row {
    width: 100%;
}

.basket__total-type {
    color: #0000007a;
}

.basket__total-type--sum {
    color: #000000;
    font-weight: 700;
}

.basket__total-count {
    font-weight: 700;
}

.basket__total-count.--sum {
    font-size: 2rem;
    line-height: 3rem;
    font-family: HelveticaC;
}

.basket__total-count--fill-2 {
    color: var(--color__fill-2);
}

.basket__total-total {
    width: 100%;
    border-top: .0625rem solid #13132a1f;
}

.basket__total-symbol {
    font-family: "Roboto", sans-serif;
}

.basket__help {
    position: relative;
    background: var(--color__fill-4);
    width: 100%;
    border-radius: 0.75rem;
    box-sizing: border-box;
}

.basket__help-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
}

.basket__help-text {
    color: #14142bb3;
    width: 100%;
    word-wrap: normal;
}

.basket__share {
    position: relative;
    outline: none !important;
}

.basket__share.is-active {
    color: var(--color__fill-1);
    z-index: 1;
}

.basket__share-wrap {
    display: flex;
    align-items: center;
    gap: 0.92rem;
    position: absolute;
    top: 50%;
    left: -1rem;
    z-index: -1;
    background-color: white;
    padding: 0.92rem 1.25rem;
    box-shadow: 0 0 2.15rem 0 rgba(0, 0, 0, 0.12);
    border-radius: 0.92rem;
    transition: all ease .24s;
    transform: translate(0%, -50%);
    opacity: 0;
    overflow: hidden;
}

.basket__share.is-active .basket__share-wrap {
    z-index: 1;
    opacity: 1;
    transform: translate(-100%, -50%);
}

.basket__share-link {
    width: 2.3rem;
    height: 2.3rem;
}

.basket__share-link:hover {
    opacity: .64;
}

.basket__share-shade {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.basket__share.is-active .basket__share-shade {
    display: block;
}

/* Breakpoints */
@media screen and (max-width: 1680px) {
    .basket__btn-no-fill svg {
        width: 1.83rem;
        height: 1.83rem;
    }
}

@media screen and (max-width: 1199px) {
    .basket {
        padding-bottom: 0 !important;
    }

    .basket__page-title {
        font-size: 2.18rem;
        line-height: 2.83rem;
    }

    .basket__subtitle {
        font-size: 1.16rem;
        line-height: 1.33rem;
        margin-left: 2rem !important;
    }

    .basket__btn-no-fill {
        font-size: 1.13rem;
        line-height: 2.8rem;
        padding: 0 !important;
        gap: .66rem;
        font-weight: 600;
    }

    .basket__btn-no-fill.--gray {
        font-size: 1rem;
        line-height: 1.66rem;
        gap: .83rem;
    }

    .basket__item {
        padding: 1.5rem 1.33rem !important;
        align-items: flex-start !important;
    }

    .basket__item-picture {
        margin-right: 1.5rem !important;
    }

    .basket__item-top-row {
        flex-wrap: wrap;
        gap: .5rem;
    }

    .basket__item-column.--btns {
        gap: 1.83rem;
    }

    .basket__item-column.--second-column {
        gap: 2.5rem;
        align-items: flex-end;
    }

    .basket__calc::after {
        display: none;
    }

    .basket__calc .counter-calc__input {
        height: 2.16rem;
        font-size: 1.33;
    }

    .basket__calc .counter-calc__btn {
        height: 2.16rem;
        width: 2.16rem;
        background-size: 50% auto;
    }

    .basket__item-price {
        font-size: 2rem;
        line-height: 2.66rem;
    }

    .basket__item-false-price.p.--m,
    .basket__item-false-price p .--m {
        font-size: 1.16rem;
        line-height: 1.5rem;
    }

    .basket__item-discount.p.--s,
    .basket__item-discount p.--s {
        font-size: 1rem;
        line-height: 1.66rem;
        height: 1.5rem;
    }

    .basket__total {
        padding: 1.66rem !important;
    }

    .basket__help-content {
        padding: 1.66rem !important;
        padding-bottom: 2rem !important;
    }
}

@media screen and (max-width: 991px) {
    [data-entity="basket-total-block"] {
        width: 100%;
    }

    .basket__header {
        align-items: flex-start;
        margin-bottom: 1.33rem !important;
    }

    .basket__header-column {
        flex-direction: column;
        align-items: flex-start;
    }

    .basket__header-link {
        display: flex !important;
    }

    .basket__header-arrow {
        opacity: .48;
        margin-right: 1rem !important;
        height: 1.33rem !important;
        width: .92rem !important;
    }

    .basket__list,
    .basket__item,
    .basket__item-rows,
    .basket__item-column {
        flex-shrink: 0;
    }

    .basket__inner {
        gap: 0;
        flex-wrap: wrap;
    }

    .basket__list.col.--8 {
        min-width: 100%;
        margin-bottom: 1rem;
        gap: 1rem;
    }

    .basket__item {
        min-width: 100%;
        flex-wrap: wrap;
    }

    .basket__item a {
        display: inline-flex;
    }

    .basket__item-column.mob-show {
        flex-grow: 1;
    }

    .basket__item-column.--second-column {
        margin-top: .25rem;
    }

    .basket__item-rows {
        min-width: 100%;
    }

    .basket__item-name {
        font-size: 1.23077rem;
        line-height: 1.84615rem;
    }

    .basket__item-price {
        font-size: 1.69231rem;
        line-height: 2.46154rem;
    }

    .basket__item-false-price.p.--m {
        font-size: 1.07692rem;
        line-height: 1.84615rem;
    }

    .basket__item-discount.p.--s {
        font-size: 0.92308rem;
        line-height: 1.53846rem;
        padding: 0 .31rem;
    }

    .basket__item-extra {
        min-width: 100%;
    }

    .basket__item-available {
        font-size: 1rem;
        line-height: 1.66;
        color: var(--color__fill-2);
        margin-top: .5rem;
    }

    .basket__item-available.--false {
        color: #F52536;
    }

    .basket__total {
        padding: 0 !important;
        padding-bottom: 1rem !important;
        background-color: transparent;
        margin-top: 2rem;
    }

    .basket__total-title {
        font-size: 1.66rem;
        line-height: 2.33rem;
    }

    .basket__total-desc {
        margin-top: 1.38rem !important;
        gap: .92rem;
    }

    .basket__total-type.--p,
    .basket__total-type p {
        font-size: 1.07692rem;
        line-height: 1.84615rem;
    }

    .basket__total-count.--p,
    .basket__total-count p {
        font-size: 1.23077rem;
        line-height: 1.84615rem;
    }

    .basket__total-count.--sum {
        font-size: 2.15385rem;
        line-height: 2.76923rem;
    }

    .basket__total-total {
        margin-top: 1.85rem !important;
        padding-top: 1.23rem !important;
        align-items: flex-end;
    }

    .basket__total-type.p.--l,
    .basket__total-type p.--l {
        font-size: 1.23077rem;
        line-height: 1.53846rem;
    }

    .basket__total-btn {
        font-size: 1.23077rem;
        line-height: 1.84615rem;
        height: 4rem;
        display: flex !important;
    }

    .basket__total-btn.--sticky {
        position: sticky;
        bottom: 6rem;
        margin-top: 2rem;
    }

    .basket__total-btn.btn.--border-2 {
        width: 100%;
        margin-top: .92rem;
        font-weight: 600;
        box-shadow: inset 0rem 0rem 0rem 0.16rem rgba(143, 104, 142, 0.32);
    }

    .basket__help {
        margin-top: 1.85rem;
    }

    .basket__help-content {
        padding: 1.23rem !important;
        padding-bottom: 1.85rem !important;
    }

    .basket__help-title.p.--xl {
        font-size: 1.38462rem;
        line-height: 2rem;
        margin-bottom: .62rem !important;
    }

    .basket__help-text {
        font-size: 1.07692rem;
        line-height: 1.53846rem;
    }
}

@media screen and (max-width: 640px) {
    .basket__item-picture {
        margin-right: 1.23rem !important;
    }

}

@media screen and (max-width: 640px) {
    .basket__item-picture {
        width: 7rem;
        margin: 0;
        margin-right: 2.8rem !important;
    }

    .basket__item-column.mob-show {
        max-width: calc(100% - 7rem - 2.8rem);
    }

    .basket__btn-no-fill svg {
        width: 1.5rem;
        height: 1.5rem;

    }

    .basket__btn-no-fill.--gray {
        font-size: 0.875rem;
    }
}