

/* Start:/local/templates/catherine/components/bitrix/sale.basket.basket/twc/style.css?17834225959720*/
i.svg{
    line-height:1;
}
#side-mobile-basket{
    display:none;
}
.basket-page.inner.standart{
    background:var(--twc-bg);
}
.basket-page .center{
    padding:0 20px;
}
.basket-page{
    --twc-yellow:#FFCC00;
    --twc-black:#000;
    --twc-gray:#666;
    --twc-white:#fff;
    --twc-border1:#EAEAEA;
    --twc-border2:#E8E8E4;
    --twc-bg:#F5F5F5;
    --twc-font-color:#777;
    line-height: 1.2;
    font-family:'Cera Pro';
    color:var(--twc-black);
    font-size:16px;
}
#basket-root{
    position: relative;
}
.basket-page h1{
    margin-bottom: 15px;
    font-size:26px;
    font-family: 'PTMono-Bold';
    font-weight: 700;
}
.basket-page .delivery_dates{
    border-top:3px solid var(--twc-yellow);
    border-bottom:3px solid var(--twc-yellow);
    padding:13px 0;
    margin-bottom: 35px;
    color:var(--twc-black);
}
.basket-page .delivery_dates_inner{
    display:flex;
    justify-content: center;
    align-items: center;
    gap:15px;
}
.basket-page .delivery_dates_inner .date-arrow .arrow-pc{
    display:none;
}
.basket-items-list{
    margin-bottom: 20px;
}
.basket-item-wrapper + .basket-item-wrapper{
    margin-top: 30px;
}
.basket-item{
    display:flex;
    gap:20px;
    position: relative;
}
.basket-item-image{
    width:128px;
    height:128px;
    text-align: center;
}
.basket-item-image a{
    text-decoration: none;
    border:0;
}
.basket-item-img{
    max-width:100%;
    max-height: 100%;
    object-fit: contain;
}
.basket-item-description{
    flex:1;
}
.basket-item-name{
    display:flex;
    gap:10px;
    justify-content: space-between;
}
.basket-item-name a{
    color:var(--twc-black) !important;
    text-decoration: none;
    border:0 !important;
}
.basket-item-name .basket-item-actions-remove{
    margin-top: 4px;
    cursor: pointer;
}




.min-order-wrapper{
    margin-bottom: 25px;
}
.min-order-block{
    display:flex;
    gap:15px;
}
.basket_comment{
    margin-bottom: 25px;
}
.basket_comment textarea{
    border:1px solid var(--twc-font-color);
    padding: 21px 17px;
    height: 65px;
    line-height: 1.2;
    min-height: initial;
    border-radius:25px;
    background:var(--twc-bg);
    color:var(--twc-font-color);
    overflow: hidden;
    resize:none;
}
.basket_comment textarea::placeholder{
    color:var(--twc-font-color);
}
.basket_comment textarea:not(:placeholder-shown){
    background:var(--twc-border1);
}


.basket-total-info{
    background:var(--twc-yellow);
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius:40px;
}
.basket-total-header{
    display:flex;
    align-items: flex-end;
    gap:14px;
    margin-bottom: 20px;
}
.basket-total-title{
    font-size:25px;
}
.basket-total-count{
    margin-bottom: 3px;
    color:var(--twc-gray);
    font-size:14px;
}
.basket-total-body-element{
    margin-bottom: 10px;
    padding:10px 0;
    border-bottom:1px solid var(--twc-gray);
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:20px;
}
.basket-total-body-element-title{
    font-size:14px;
    color:var(--twc-gray);
}
.basket-total-body-element.total{
    border:none;
    margin-top:20px;
}
.basket-total-body-element.total .basket-total-body-element-title{
    color:var(--twc-black);
}
.basket-total-body-element.total .basket-total-body-element-value{
    font-size:26px;
}

.basket-total-btns{
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:20px;
}
.basket-btn{
    padding:10px 18px;
    border:0;
    background: var(--twc-black);
    color:var(--twc-white);
    font-size:16px;
    cursor:pointer;
}
.basket-btn.disabled{
    pointer-events: none;
    opacity:.6;
}
.basket-clear-wrapper{
    display:flex;
    gap:7px;
    align-items: center;
    cursor:pointer;
}
.basket-clear-wrapper span{
    display:inline-block;
    border-bottom:1px solid;
}
.basket-item-info{
    margin-top: 20px;
}
.basket-item-select{
    padding:10px 0;
    border-bottom:1px solid #0000001a;
}
.basket-item-select:not(:has(option)){
    display:none !important;
}
.basket-item-select .current{
    font-size:14px;
    color:var(--twc-gray);
    text-decoration: dotted underline;
}
.basket-item-select .nice-select .list{
    left:0;
    right:0;
    max-width: calc(100% + 3px);
}
.basket-item-select .nice-select::after{
    transform: rotate(270deg);
}
.basket-item-select .nice-select.open::after{
    transform: rotate(0deg);
}
.basket-item-info .price-block{
    text-align: right;
    margin-top: 10px;
}

.question-block{
    display:none;
    align-items: center;
    gap:10px;
    margin-bottom: 20px;
    padding:15px 10px;
    background:#00000014;
    border-radius: 16px;
    cursor: pointer;
    font-family: 'PT Mono';
    color:var(--twc-black) !important;
}
.question-block .question-block-left{
    font-size:28px;
    min-width: 170px;
}
.question-block .question-block-left .svg{
    position: relative;
    top:7px; 
}
.question-block .question-block-right{
    text-decoration: underline;
}
.basket-total-text{
    display:none;
    margin-top: 24px;
    color:#0000008C;
    font-size:11px;
}



@media(min-width:1700px){
    .basket-items-list-wrapper{
        width: calc(1700px - 390px);
    }
    .basket-total-block{
        width: calc(1700px - 390px);
    }
}
@media(min-width:991px){
    #basket-root .center{
        padding-right: 30px;
        margin-left:0;
    }
    #basket-root{
        max-width: 1700px;
        margin: 0 auto;
        min-height:500px;
    }
    .basket-total-info{
        position: absolute;
        right: 0;
        top: 0;
        width: 390px;
        padding-top: 16px;
        padding-bottom: 40px;
    }
    .basket-total-info .center{
        padding:0 25px !important;
    }
    .basket-items-list-wrapper{
        width: calc(100% - 390px);
        margin-left: 0 !important;
        padding-right: 30px !important;
    }
    .basket-total-block{
        width: calc(100% - 390px);
    }
    .basket-page h1{
        font-size:96px;
    }
    .basket-page .delivery_dates{
        padding:0;
        border:0;
        margin-bottom: 10px;
    }
    .basket-page .delivery_dates_inner{
        display: inline-flex;
        justify-content: flex-start;
        padding: 10px 22px 13px 28px;
        background-color: var(--twc-white);
        border:1px solid var(--twc-border2);
        border-radius: 16px;
        font-size:13px;
    }
    .basket-page .delivery_dates_inner .date-arrow .arrow-pc{
        display:inline;
    }
    .basket-page .delivery_dates_inner .date-arrow .arrow-mobile{
        display:none;
    }
    .basket-page .delivery_dates_inner .date{
        font-weight: 700;
    }
    .basket-page .delivery_dates_inner .date span{
        font-weight: 400;
        font-size:10px;
        text-transform: uppercase;
        color:#888;
    }

    .basket-items-list{
        margin-bottom: 24px;
        background-color: var(--twc-white);
        border:1px solid var(--twc-border2);
        border-radius: 16px;
        padding:20px 30px 18px 15px;
    }
    .basket-item{
        gap:10px;
    }
    .basket-item-info{
        display:flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-top: 0;
    }
    .basket-item-info .price-block{
        font-size:15px;
        font-weight: 700;
        position: absolute;
        right:0;
        bottom:12px;
    }
    .basket-item-selects{
        width:200px;
    }
    .basket-item-select{
        padding:4px 0;
    }
    .basket-item-description{
        position: relative;
    }
    .basket-item-name a{
        font-weight: 700;
        max-width: 250px;
    }
    .basket-item-image{
        width: 150px;
        height: 150px;
    }

    .min-order-wrapper{
        font-size:13px;
        margin-bottom: 15px;
        color:#555;
    }
    .min-order-block+.min-order-block{
        margin-top: 6px;
    }
    .basket_comment textarea{
        border-color:#E0E0DA;
        background:var(--twc-white);
        border-radius: 16px;
        padding:22px 24px;
        font-size: 14px;
        height:62px;
    }
    .question-block{
        display:flex;
    }
    .basket-total-header{
        gap:5px;
    }
    .basket-total-title{
        font-size: 18px;
        font-weight: 700;
    }
    .basket-total-count{
        margin-bottom: 1px;
        color:#00000080;
        font-size:13px;
    }
    .basket-total-body-element{
        margin: 0;
        border: 0;
        padding:5px 0;
    }
    .basket-total-body-element-title{
        font-size:13px;
        color:#00000099;
    }
    .basket-total-body-element-value{
        font-size:13px;
    }
    .basket-total-body-element.total{
        border-top: 1px solid #0000001A;
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .basket-total-body-element.total .basket-total-body-element-title{
        font-size:14px;
        font-weight:700;
    }
    .basket-total-body-element.total .basket-total-body-element-value{
        font-size:28px;
        font-weight:700;
    }
    .basket-total-btns{
        gap: 10px;
        align-items: flex-end;
        flex-direction: column-reverse;
    }
    .basket-total-btns [data-entity="basket-checkout-button"]{
        width:100%;
    }
    .basket-btn{
        padding:15px 20px;
        font-size:16px;
        font-weight:700;
        border-radius: 10px;
    }
    .basket-clear-wrapper{
        font-size:13px;
        text-transform: lowercase;
        gap: 5px;
    }
    .basket-total-text{
        display:block;
    }
}
@media(min-width:600px){
    .basket-page .center{
        padding:0 50px;
    }
}
@media(max-width:575px){
    .basket-page.inner.standart{
        padding-top:80px;
    }
}
/* End */
/* /local/templates/catherine/components/bitrix/sale.basket.basket/twc/style.css?17834225959720 */
