/* Start:/local/components/2quick/tqOrder_basket_3/templates/twc/style.css?178592486337227*/
body:has(#ecom-widget:not(.hide)),
body:has(#magintPopup.--open),
body:has(#ydPopup1.--open),
body:has(.cdek-map:not(:empty)),
body:has(.IPOL_FIVEPOST-widget__popup-mask:not([style*="display: none"])){
    overflow:hidden;
}
i.svg{
    line-height:1;
}
.order-page.inner.standart{
    background:var(--twc-bg);
}
.order-page .center{
    padding:0 20px;
}
#side-mobile-basket{
    display:none !important;
}
.order-page{
    --twc-yellow:#FFCC00;
    --twc-black:#000;
    --twc-gray:#666;
    --twc-gray2:#888;
    --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;
}
.order_header_wraper{
    padding-bottom: 20px;
    border-bottom:1px solid #0000001a;
}
.order_header{
    display:flex;
    align-items: center;
    gap:18px;
}
.order_header h1{
    font-size:26px;
    font-family: 'PTMono-Bold';
    font-weight: 700;
    margin:0;
}
.order_header a .arrow-pc,
.order_header a span{
    display:none;
}
#bx-soa-order-form.loading .order-form-inner::after{
    content:'';
    width:100%;
    height:100%;
    background: url('/local/components/2quick/tqOrder_basket_3/templates/twc/images/loader.gif') center/contain no-repeat, #ffffff99;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 64px;
    z-index: 9;
    margin-top: 10px;
    margin-left: 20px;
    border-radius:16px;
}
.order-form-inner{
    position: relative;
}
.order-items-block{
    padding-top: 15px;
}
.order-items-title{
    display:flex;
    gap:5px;
    align-items: center;
    font-size:25px;
    cursor:pointer;
}
.order-items-title span{
    position: relative;
}
.order-items-title span::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: transparent;
    background-image: repeating-linear-gradient(90deg, var(--twc-black) 0, var(--twc-black) 4px, transparent 4px, transparent 8px);
}

.order-block{
    padding-top: 30px;
}
.order-block-head{
    display:flex;
    align-items: center;
    gap:8px;
    cursor:pointer;
}
.order-block-head-num{
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:20px;
    width:29px;
    height:29px;
    min-width: 29px;
    min-height: 29px;
    border-radius: 50px;
    background: var(--twc-yellow);
}
.order-block-head-title{
    font-size:20px;
    margin-right:10px;
}
.order-block-head-text{
    color:var(--twc-gray);
    font-size:12px;
}
.order-block-body{
    display:none;
    padding-top: 15px;
}
.order-block.opened .order-block-body{
    display:block;
}
.order-field{
    margin-bottom: 10px;
    position: relative;
}
.order-field input[type="text"],
.order-field input[type="email"],
.order-field input[type="tel"],
.order-field textarea{
    height:auto;
    padding:10px 14px;
    border:1px solid var(--twc-border1) !important;
    width: 100%;
    font-size: 16px;
    color:var(--twc-font-color);
    background: var(--twc-bg);
    outline:0;
}
.order-field input[type="text"]:not(:placeholder-shown),
.order-field input[type="email"]:not(:placeholder-shown),
.order-field input[type="tel"]:not(:placeholder-shown),
.order-field textarea:not(:placeholder-shown){
    background:var(--twc-border1);
}
.order-field textarea{
    min-height:66px;
    overflow: hidden;
    resize:none;
    font-size:18px;
}
.order-field:has(.checkbox){
    margin: 20px 0;
}
.order-field .checkbox::before{
    content:'';
    position:absolute;
    left:0;
    top:1px;
    width:18px;
    height:18px;
    border:1px solid var(--twc-black);
    background-repeat:no-repeat;
    background-position:center;
}
.order-field .checkbox{
    padding:0 0 0 28px;
}
.order-field .checkbox:has(input[type="checkbox"]:checked)::before{
    background-image:url('/local/components/2quick/tqOrder_basket_3/templates/twc/images/check.svg');
}
.order-field .js-phone{
    display:flex;
    gap:10px;
}
.order-field .js-phone .nice-select{
    background: var(--twc-border1);
    border-radius: 0;
}
.order-field .js-phone .nice-select::after{
    right:2px;
}
.order-field .js-phone .nice-select .current{
    color: var(--twc-gray);
    margin-top: 11px;
    display: block;
    padding-left: 5px;
}
.order-field.location .bx-sls .bx-ui-sls-loader{
    top:6px;
    background-size: 30px;
    background-image:url('/local/components/2quick/tqOrder_basket_3/templates/twc/images/loader.gif') !important;
}
[data-field-connect="other-recipient"]{
    margin-top: 30px;
}
.outOfStockActions select{
    opacity:0;
    height:40px;
}
.outOfStockActions .outOfStockActions-title{
    margin-bottom: 5px;
}
.outOfStockActions .nice-select{
    padding:10px 20px 10px 14px;
    font-size:16px;
    background: var(--twc-border1);
    border: 1px solid var(--twc-border1);
    color: var(--twc-font-color);
    border-radius: 0;
    text-wrap: auto;
}
.outOfStockActions .nice-select.open .list{
    width:100%;
    left:0;
}
.outOfStockActions .nice-select:after{
    right:7px;
}

.order-auth-title{
    font-size:20px;
    margin-bottom: 15px;
}
.order-auth-items{
    margin-bottom: 15px;
}

.customDropdown{
    position: relative;
}
.customDropdown-head{
    padding:10px 14px;
    color:var(--twc-gray);
    border:1px solid var(--twc-border1);
    cursor:pointer;
}
.customDropdown-body{
    display:none;
    position: absolute;
    z-index:100;
    top:100%;
    left:0;
    right:0;
}
.customDropdown.opened .customDropdown-body{
    display:block;
}
.savedAdresses__select{
    display:flex;
    gap:10px;
    justify-content: space-between;
    align-items: center;
}
.savedAdresses__select .arrow-revert{
    display: inline-block;
    transform: rotate(90deg);
    transition: transform 0.2s;
}
.savedAdresses__wrapper.opened .savedAdresses__select .arrow-revert{
    transform: rotate(270deg);
}
.address__item{
    padding:10px 14px;
    margin-top:-1px;
    border:1px solid var(--twc-border1);
    background: var(--twc-white);
    color:var(--twc-gray);
    cursor:pointer;
}
.address__item:hover,
.address__item.selected{
    background: var(--twc-yellow);
}

.paySystems__items{
    display:flex;
    flex-wrap: wrap;
    gap:14px;
}
.paySystem__item{
    width: calc(50% - 7px);
    min-height:80px;
    padding:10px 14px;
    display:flex;
    justify-content: space-between;
    gap:10px;
    border:1px solid #E0E0DA;
    position: relative;
    border-radius:16px;
    cursor: pointer;
}
.paySystem__item input[type="radio"]{
    width:0;
    height:0;
    position:absolute;
    opacity:0;
}
.paySystem__item:has(input[type="radio"]:checked){
    border-color:var(--twc-yellow);
}
.paySystem__img{
    min-width:50px;
    display:flex;
    align-items: flex-end;
}
.paySystem__img img{
    max-width:100%;
    max-height:100%;
}


.order-items{
    padding-top: 30px;
}
.order-item-wrapper + .order-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;
}
.order-item-wrapper.notInStock .basket-item-name a{
    color:#FF0000;
}
.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);
    text-decoration: none;
    border:0;
}
.basket-item-name .basket-item-actions-remove{
    margin-top: 4px;
    cursor: pointer;
}
.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;
}
.order-field.location{
    margin-top: 10px;
}
.order-field.location .quick-locations{
    display:none;
}
.order-field.location .bx-ui-sls-input-block{
    height: auto;
    padding: 10px 14px;
    border: 1px solid var(--twc-border1);
    width: 100%;
    font-size: 16px;
    box-shadow: none;
    color:var(--twc-font-color);
    background: var(--twc-border1);
}
.order-field.location .bx-sls .dropdown-fade2white{
    display:none;
}
.order-field.location .bx-sls .bx-ui-sls-route{
    border:0 !important;
    font-family: 'Cera Pro';
}
#cityidu{
    font-family: 'Cera Pro';
    border: 0 !important;
    color: var(--twc-font-color) !important;
}
.order-field.location .dropdown-icon{
    display:none;
}
.order-field.location .bx-ui-sls-container{
    height:20px;
    min-height: initial;
}
.order-field.location .bx-sls .bx-ui-sls-clear{
    top:4px;
    z-index: 10;
}

.coupons-block{
    margin-top: 20px;
}
.coupon-input{
    display:flex;
    gap:8px;
}
.coupon-input input[name="coupon"]{
    height: auto;
    padding: 7px 14px;
    border: 4px solid var(--twc-border1);
    background: var(--twc-bg);
    flex:1;
    font-size: 16px;
}
.btn-black{
    padding:10px 14px;
    font-size:16px;
    text-align: center;
    text-transform: initial;
    color:var(--twc-white);
    background: var(--twc-black);
    border:0;
    cursor: pointer;
}
.btn-black.disabled{
    pointer-events: none;
    opacity:.6;
}
.coupon-item{
    display:flex;
    gap:8px;
}
.coupon-val{
    padding:10px 14px;
    border: 1px solid var(--twc-border1);
}


.order-total-block{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index: 9999;
}
.order-total-line-wrapper{
    background: var(--twc-white);
}
.order-total-line{
    padding: 10px 0;
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    gap:10px 30px;
    align-items: center;
}
.btn-yellow,
#paysystem-button-pay,
.IPOL_FIVEPOST_pvzLair .IPOL_FIVEPOST_selectPVZ{
    background: var(--twc-yellow);
    border:0;
    color:var(--twc-black) !important;
    padding:10px 14px;
    display:flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: auto;
    border-radius: 0 !important;
    text-transform: initial;
    letter-spacing: initial;
}
.IPOL_FIVEPOST_pvzLair .IPOL_FIVEPOST_selectPVZ{
    font-size:16px;
}
.btn-yellow.disabled{
    pointer-events: none;
    opacity:.6;
}
.order-total-trigger{
    position: relative;
    cursor: pointer;
}
.order-total-trigger::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: transparent;
    background-image: repeating-linear-gradient(90deg, var(--twc-black) 0, var(--twc-black) 4px, transparent 4px, transparent 8px);
}
.order-total-detail{
    background:var(--twc-yellow);
    position: absolute;
    left: 0;
    right: 0;
    transition: bottom .3s ease-in-out;
    bottom: -1000px;
    border-radius:40px 40px 0 0;
}
.order-total-detail.opened{
    bottom: 0px;
}
.order-total-detail-inner{
    position: relative;
    padding:30px 0;
}
.order-total-head{
    display:flex;
    justify-content: space-between;
    gap:20px;
    font-size:25px;
}
.close-total{
    cursor: pointer;
    position:absolute;
    right:0;
    top: 30px;
}
.order-total-item{
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:20px;
    padding:20px 0 10px;
}
.order-total-item+.order-total-item{
    border-top:1px solid #0000001a;
}
.order-total-item .order-total-item-name{
    font-size:14px;
}
.order-total-item:not(.final) .order-total-item-name{
    color:#00000099;
}
.order-total-item.final .order-total-item-val{
    font-size:26px;
}
.order-total-item.final{
    border:none;
}
.order-total-item.discount .order-total-item-val{
    color:#CC0000;
    font-weight:700;
}
.order-total-btn-block{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.order-total-btn-block .order-field{
    margin:0;
}
.order-total-btn-block .order-field .field-label{
    font-size:10px;
}
.order-total-btn-block .order-field .field-label a{
    color:var(--twc-black);
    text-decoration: underline;
}
.order-total-btn-block .save-order{
    white-space: nowrap;
    width:100%;
}
.order-total-btn-block .order-field .checkbox:has(input[type="checkbox"]:checked)::before{
    background-image:url('/local/components/2quick/tqOrder_basket_3/templates/twc/images/check-black.svg');
}

.delivery-blocks{
    position: relative;
    display:flex;
    flex-direction: column;
    gap:10px;
}
.delivery-item-head{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:23px;
    border:1px solid var(--twc-gray);
    cursor: pointer;
    border-radius: 12px;
}
.delivery-item-head input[type="radio"]{
    width:0px;
    height:0px;
}
.delivery-item-head:has(input[type="radio"]:checked){
    background:var(--twc-yellow);
}
.delivery-item-head span:after{
    content:'';
    display: inline-block;
    margin-left: 5px;
    width:9px;
    height:7px;
    background: url('/local/components/2quick/tqOrder_basket_3/templates/twc/images/arrow-yellow.svg') center no-repeat;
}
 .delivery-item-body{
    display:none;
    margin-top: 10px;
}
.delivery-item-wrap:has(input[type="radio"][name="delivery-step"]:checked) .delivery-item-body{
    display:block;    
}
.deliveries__menu{
    margin-top: 1px;
}
.deliveries__wrapper .delivery__item{
    display: flex;
    justify-content: space-between;
    position: relative;
    gap:10px;
    padding: 11px 15px;
    border:1px solid var(--twc-gray);
    margin-top:-1px;
    background: var(--twc-white);
    min-height:94px;
    font-size:15px;
    cursor:pointer;
}
.deliveries__wrapper .delivery__item input[name="delivery"]{
    display:none;
}
.deliveries__wrapper .delivery__item:has(input[name="delivery"]:checked),
.deliveries__wrapper .deliveries__list .delivery__item:hover{
    background: var(--twc-yellow);
}
.deliveries__wrapper .delivery__item .delivery__item-icon{
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 100px;
    height: 30px;
    text-align: right;
}
.deliveries__wrapper .delivery__item .delivery__item-icon img{
    max-width:100%;
    max-height:100%;
}
.deliveries__wrapper .delivery__item .delivery__item-term{
    font-size:13px;
}
.deliveries__wrapper .delivery__item.deliveries__select{
    border:3px solid var(--twc-yellow);
    margin:0;
    border-radius:25px;
}
.deliv-buttons{
    margin-top: 10px;
}
.tqError{
    width:100%;
    color:red;
    text-align: center;
}
.next-stage-btn{
    margin-top: 10px;
}
.deliv-buttons .samovivoz-wrapper{
    display: block;
    padding: 0;
    height: auto;
    background: transparent !important;
    width: 100%;
}
.deliv-buttons .samovivoz-wrapper .nice-select{
    white-space: initial;
    border: 1px solid;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.deliv-buttons .samovivoz-wrapper .nice-select:after{
    right:3px;
}
.deliv-buttons .samovivoz-wrapper .nice-select.open:after{

}
.deliv-buttons .samovivoz-wrapper .nice-select .current{
    background-color: transparent !important;
    color:var(--twc-gray) !important;
    padding: 0 5px !important;
    display: flex;
    align-items: center;
    margin: 0;
    text-align: left;
    height: auto !important;
}
.deliv-buttons .samovivoz-wrapper .nice-select .list{
    left: -1px;
    right: -1px;
    max-width: calc(100% + 2px);
}
.deliv-buttons .samovivoz-wrapper .nice-select .option{
    padding: 5px;
}
.payment-total-info{
    display: none;
}
.hidden-order-fields{
    margin-top: 10px;
}
.selectPvzBtn{
    animation: pulse 2s infinite;
    color:#fff !important;
}



.order-success-num{
    margin-top: 32px;
    font-weight: 600;
}
.order-success-num span{
    border-bottom:1px solid;
    display: inline-block;
}
.order-success-table{
    margin-top: 50px;
}
.order-success-table__item{
    display:flex;
    gap:10px;
    padding:15px 0;
}
.order-success-table__item.hide-mobile{
    display:none;
}
.order-success-table__item + .order-success-table__item{
    border-top:1px solid #0000001a;
}
.order-success-table__item-icon{
    margin-top: 2px;
    min-width:20px;
    width:20px;
}
.order-success-table__item-val{
    font-size:14px;
    color:#BFBFBF;
}
#paysystem-button-pay{
    margin-top: 16px;
}
.order-success-btn{
    margin-top: 50px;
}
.order-success-basket__items{
    display:flex;
    margin-top: 20px;
    gap:20px;
    flex-wrap: wrap;
}
.order-success-basket__item{
    width:calc(50% - 10px);
}
.order-success-basket__item-image img{
    max-width:100%;
    max-height:100%;
}
.order-success-basket__item-name{
    font-weight: 600;
}
.order-success-basket__item-props{
    margin-top: 3px;
    font-size:14px;
    color:var(--twc-gray);
}
.order-success-basket__item-prop{
    padding:10px 0;
}
.order-success-basket__item-prop + .order-success-basket__item-prop{
    border-top:1px solid #0000001a;
}
.question-block{
    display:none;
    align-items: center;
    gap:10px;
    margin-bottom: 12px;
    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;
}

.notInStockWarning{
    margin-top: 10px;
    color: #FF0000;
    font-size: 13px;
}
.order-total-products{
    display:none;
    padding-left: 19px;
    padding-right: 15px;
}
.order-total-products-title{
    font-size:11px;
    color:#00000080;
    text-transform: uppercase;
    font-weight:700;
}
.order-total-product-items{
    margin-top: 8px;
    padding-bottom: 13px;
    border-bottom:1px solid #0000001F;
}
.order-total-product{
    display:flex;
    gap:20px;
    justify-content: space-between;
    font-size:13px;
}
.order-total-product.notInStock{
    color:#FF0000;
}
.order-total-product-price{
    font-weight:700;
}
.order-total-product+.order-total-product{
    margin-top: 8px;
}
.coupon-PC{
    display:none;
    margin-top: 12px;
    padding-right: 15px;
    padding-left: 19px;
}
.coupon-PC .coupon-input{
    gap:11px;
}
.coupon-PC input[name="coupon2"]{
    height:auto;
    padding:12px 16px;
    font-size:13px;
    border:1px solid #00000026;
    border-radius:12px;
    background-color: #FFFFFF99;
}
.coupon-PC .coupon-val{
    border-color:var(--twc-black);
    border-radius:12px;
    background-color: #FFFFFF99;
}
.coupon-PC .btn-black{
    font-weight:700;
}

.order-success-basket__items-title{
    display:none;
}
.order-success-num-PC{
    display:none;
}
.order-success-total>*:not(.order-success-pay-btn){
    display:none;
}
.order-success-total .order-success-pay-btn{
    margin-bottom: 20px;
}
.order-success-total-num{
    color:#00000099;
    font-size:10px;
}
.order-success-total-num{
    text-transform: uppercase;
    font-weight: 700;
}
.order-success-total-num span{
    display:block;
    color:var(--twc-black);
    margin-top:6px;
    font-size:24px;
    font-weight:700;
}
.order-total-body.success{
    padding:16px 0 0;
}
.order-total-body.success .order-total-item{
    padding:4px 0;
}
.order-total-body.success .order-total-item.final{
    padding:8px 0;
    margin-top:10px;
}
.order-total-body.success .order-total-item.final .order-total-item-name{
    font-size:15px;
}
.order-total-body.success .order-total-item.final .order-total-item-val{
    font-size:30px;
}
.order-success-table__item-icon-PC{
    display:none;
}
.order-block-head-text-total{
    display:none;
}
.order-success-timer{
    display:none;
}
.order-success-right{
    position:fixed;
    bottom:0;
    left:20px;
    right:20px;
    z-index: 9999;
}
#payButton,
#paysystem-button-pay,
.order-success-pay-btn .btn{
    border: 0;
    width: 100%;
    padding: 15px 16px;
    font-size: 15px;
    text-transform: initial;
    letter-spacing: initial;
    background: var(--twc-black) !important;
    color: var(--twc-white) !important;
    cursor:pointer;
}
.order-total-comment{
    margin-bottom: 20px;
    font-size:14px;
}
.order-total-comment-title{
    color: #00000099;
    margin-bottom: 5px;
}
.order-total-comment-success{
    margin-bottom: 20px;
    font-size:13px;
}
.order-total-comment-success-title{
    margin-bottom: 5px;
    color: #00000099;
}
.order-success-total .ipol_ozonpay_payment_descr{
    margin-bottom: 10px;
}
.order-success-total .order-success-pay-btn p{
    display:none;
}
.order-success-total .order-success-pay-btn .alert{
    display:none;
}
.order-success-total .order-success-pay-btn .col-auto{
    width:100%;
}
body .tinkoff-fps-button{
    width:100% !important
}
.order-success-total .order-success-pay-btn .mb-4,
.order-success-total .order-success-pay-btn .mb-3{
    margin-bottom: 0 !important;
}


@media(min-width:991px){
    .btn-yellow, 
    #paysystem-button-pay, 
    #payButton,
    .IPOL_FIVEPOST_pvzLair .IPOL_FIVEPOST_selectPVZ,
    .order-success-pay-btn .btn{
        font-size:13px;
        padding:11px 16px;
        border-radius: 12px !important;
        background: var(--twc-black) !important;
        color: var(--twc-white) !important;
        cursor:pointer;
    }
    #paysystem-button-pay{
        padding:15px 16px;
        font-size:15px;
    }
    #payButton,
    #paysystem-button-pay,
    .order-success-pay-btn .btn{
        border: 0;
        width: 100%;
        padding:15px 16px;
        font-size:15px;
        margin-bottom: 20px;
        text-transform: initial;
        letter-spacing: initial;
    }
    .btn-black{
        font-size:14px;
        padding:11px 16px;
        border-radius: 12px;
    }
    .order-form-inner{
        display:flex;
        max-width: 1700px;
        margin: 0 auto;
        gap:30px;
    }
    .order-fields-block{
        flex:1;
    }
    .order-page .order-fields-block .center{
        padding-right:0;
    }
    .order-total-block{
        position: static;
        width:360px;
        z-index: initial;
    }
    .order-page h1{
        font-size:96px;
    }
    .order_header{
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 50px;
    }
    .order_header a .arrow-mobile{
        display:none;
    }
    .order_header a .arrow-pc{
        position: relative;
        top: 3px;
        display:initial;
    }
    .order_header a span{
        display:initial;
    }
    .order_header a{
        color:var(--twc-gray2) !important;
        border:0 !important;
        font-size: 13px;
    }
    .order_header_wraper{
        padding-bottom: 0;
        border:0;
    }
    .order-items-block{
        display:none;
    }
    .order-block{
        margin-top: 20px;
        background: var(--twc-white);
        padding: 18px;
        border:1px solid var(--twc-border2);
        border-radius:16px;
    }
    .order-field input[type="text"], 
    .order-field input[type="email"], 
    .order-field input[type="tel"], 
    .order-field textarea{
        background-color: var(--twc-white);
        padding:11px 16px;
        border-color:#E0E0DA;
        font-size:14px;
        border-radius:12px;
    }
    .order-field textarea{
        font-size:16px;
    }
    .order-field .js-phone .nice-select{
        border-radius:12px;
    }
    .outOfStockActions .outOfStockActions-title{
        font-size:13px;
        color: var(--twc-black);
    }
    .outOfStockActions .nice-select{
        padding: 11px 22px 11px 16px;
        font-size: 14px;
        border-radius: 12px;
    }
    .order-block-head{
        gap:12px;
    }
    .order-block-head-text{
        margin-left: auto;
        max-width:170px;
        text-align: right;
    }
    .order-auth-title{
        font-size:11px;
        font-weight:700;
        color:var(--twc-gray2);
        margin-bottom: 5px;
        text-transform: uppercase;
    }
    .order-block.personal .order-fields{
        display:flex;
        flex-wrap:wrap;
        gap:8px 12px;
    }
    .order-block.personal .order-field{
        margin:0;
        width:100%;
    }
    .order-block.personal .order-field.half-PC{
        width: calc(50% - 6px);
    }
    .order-block.personal .order-field:has(input[type="checkbox"]){
        width:calc(33.333% - 8px);
        margin-top: 6px;
        margin-bottom: 6px;
    }
    div[data-field-connect="other-recipient"]{
        display:flex;
        flex-wrap:wrap;
        gap:8px 12px;
        width: 100%;
        margin-top: 0;
    }
    .order-field.location .bx-ui-sls-input-block{
        font-size:14px;
        border-radius:12px;
        padding: 10px 16px;
        border-color:#E0E0DA;
    }
    .customDropdown-head{
        padding:11px 16px;
        border-radius:12px;
        font-size:14px;
        border-color:#E0E0DA;
    }
    .savedAdresses{
        margin-bottom: 8px;
    }
    .address__item{
        padding:11px 16px;
        font-size:14px;
    }
    .order-block.delivery .order-fields{
        display:flex;
        flex-wrap:wrap;
        gap:8px 12px;
    }
    .order-block.delivery .hidden-order-fields{
        display:flex;
        flex-wrap:wrap;
        gap:8px 12px;
        width:100%;
        margin:0;
    }
    .order-block.delivery .order-field{
        margin:0;
        width:100%;
    }
    .order-block.delivery .order-field.half-PC{
        width: calc(50% - 6px);
    }
    .delivery-blocks{
        width:100%;
        margin-top: 4px;
        gap:12px;
        flex-direction: row;
    }
    .delivery-item-wrap{
        width:calc(33.333% - 8px);
    }
    .delivery-item-head{
        padding: 17px 16px;
        font-size: 13px;
        font-weight: 700;
        justify-content: flex-start;
        border-color:#E0E0DA;
    }
    .delivery-item-head span:after{
        display:none;
    }
    .deliveries__wrapper .delivery__item{
        padding: 17px 16px;
        border-radius:12px;
        font-size:13px;
        font-weight: 700;
        color:#111111;
    }
    .deliv-buttons .samovivoz-wrapper .nice-select{
        padding:11px 16px;
        font-size:14px;
        border-radius:12px;
    }
    .deliveries__wrapper .delivery__item.deliveries__select{
        border-radius:12px;
        border:1px solid var(--twc-yellow);
    }
    .delivery-blocks:has([name="delivery-step"]:checked){
        padding-bottom:110px;
    }
    .delivery-blocks:has([data-type="pvz"]:checked):has(.more-padding[name="delivery"]:checked),
    .delivery-blocks:has([data-type="filial"]:checked):has(.more-padding[name="delivery"]:checked){
        padding-bottom:160px;
    }
    .delivery-item-body{
        position:absolute;
        left:0;
        right:0;
    }
    .paySystems__items{
        gap:30px 35px;
    }
    .paySystem__item{
        width: calc(33.333% - 24px);
        flex-direction: column-reverse;
        padding:24px;
        align-items: center;
        font-size:12px;
        font-weight: 700;
        text-transform: uppercase;
        gap:8px;
        min-height: initial;
    }

    .order-total-line-wrapper{
        display:none;
    }
    .order-total-detail{
        position: static;
        margin-top: 20px;
        border-radius:16px;
    }
    .order-page .order-total-detail .center{
        padding-left: 9px;
        padding-right: 9px;
    }
    .question-block{
        display:flex;
    }

    .order-total-detail-inner{
        padding:11px 0 20px;
    }
    .order-total-head{
        display:none;
    }
    .order-total-products{
        display:block;
    }
    .order-total-body{
        padding: 9px 15px 0 19px;
    }
    .order-total-item{
        font-size:13px;
        color:#111111;
        padding:6px 0;
    }
    .order-total-item+.order-total-item{
        border:0;
    }
    .order-total-item.final{
        border-top:1px solid #0000001F;
        font-size:15px;
        padding:8px 0 18px;
        font-weight:700;
    }
    .order-total-item.final .order-total-item-val{
        font-size:28px;
    }
    .order-total-btn-block{
        flex-direction: column;
        gap:24px;
    }
    .order-total-btn-block .save-order{
        width:100%;
        padding:15px;
        font-size:16px;
    }
    .order-total-btn-block .order-field .field-label{
        font-size:11px;
        color:#0000008C;
    }
    .order-field .checkbox::before{
        background-color:#FFFFFF80;
        border-color:#0000004D;
        border-radius: 3px;
    }
    .order-total-btn-block .order-field .checkbox::before{
        width:26px;
        height:26px;
    }
    .order-total-btn-block .order-field .checkbox{
        padding-left: 40px;
    }
    .order-total-btn-block .order-field .checkbox:has(input[type="checkbox"]:checked)::before{
        background-size: 16px;
    }
    .order-total-item .order-total-item-name{
        font-size:13px;
    }
    .coupon-mobile{
        display:none;
    }
    .coupon-PC{
        display:block;
    }

    .order-success-inner{
        width:100%;
        display:flex;
        gap:28px;
    }
    .order-success-left{
        flex:1;
    }
    .order-success-basket__items-title{
        display:block;
        margin:14px 0 6px;
        font-size:20px;
        font-weight:700;
    }
    .order-success-basket__items{
        margin-top: 0;
    }
    .order-success-basket__item{
        width: calc(33.333% - 14px);
    }
    .order-success-basket__item{
        background:var(--twc-white);
        border:1px solid var(--twc-border2);
        border-radius:16px;
        padding:8px 18px;
    }
    .order-success-basket__item-image{
        width:178px;
        height:178px;
        text-align: center;
        margin:0 auto;
    }
    .order-success-basket__item-prop{
        padding:4px 0 5px;
        font-size:12px;
    }
    .order-success-basket__item-name{
        font-size:14px;
    }
    .order-success-table{
        background-color: var(--twc-white);
        border-radius:16px;
        padding:20px 24px;
    }
    .order-success-table__item{
        padding:12px 20px 12px 50px;
        align-items: center;
    }
    .order-success-num{
        display:none;
    }
    .order_header-success-icon{
        display:flex;
        gap:15px;
        align-items: center;
    }
    .order_header-success-icon svg{
        width:84px;
        height:84px;
    }
    .order-success-num-PC{
        display: block;
        font-size:36px;
        font-weight:700;
    }
    .order-success-total{
        background: var(--twc-yellow);
        border-radius:16px;
        padding:20px 21px;
        width:360px;
        margin-top: 145px;
    }
    .order-success-total>*:not(.order-success-pay-btn){
        display:block;
    }
    .order-success-total .order-success-pay-btn{
        margin:0;
    }
    .order-success-basket__items-title{
        display:none;
    }
    .order-success-basket__items{
        display:none;
    }
    .order-success-table__item.hide-PC{
        display:none;
    }
    .order-success-table__item.hide-mobile{
        display:flex;
    }
    .order-success-table__item-icon-mobile{
        display:none;
    }
    .order-success-table__item-icon-PC{
        display:inline-block;
    }
    .order-success-table__item-icon{
        width:38px;
        min-width:38px;
    }
    .order-success-timer{
        margin-top:10px;
        background: var(--twc-white);
        border-radius:16px;
        border:1px solid var(--twc-border2);
        padding:20px 24px;
        display:flex;
        gap:14px;
        font-size:16px;
    }
    .order-success-timer-title{
        font-size:24px;
        font-weight:700;
        margin-bottom: 10px;
    }
    .order-cancel{
        text-align: center;
        text-decoration: underline;
        color:#00000099;
        font-size:13px;
        cursor:pointer;
    }
    .tqError:not(:empty){
        margin-bottom: 20px;
        font-size:16px;
    }
    .order-block-head-title{
        font-weight: 700;
    }
    .order-block:not(.opened):has(.order-block-head-text-total:not(:empty)) .order-block-head-text-total{
        display:block;
        flex: 1;
        text-align: center;
        font-size:13px;
        color:var(--twc-gray2);
    }
    .order-block:not(.opened):has(.order-block-head-text-total:not(:empty)) .order-block-head-text{
        display:none;
    }
    .order-block.opened .order-block-head-text{
        display:block;
    }

    .payment-total-info:has(.payment-total-info-items:not(:empty)){
        display:block;
        margin-top:20px;
        padding:18px 6px;
        border:1px solid var(--twc-border2);
        border-radius:16px;
    }
    .payment-total-info-title{
        font-size:14px;
        margin-bottom: 9px;
        font-weight:700;
    }
    .payment-total-info-items{
        
    }
    .payment-total-info-item{
        display:flex;
        gap:20px;
        font-size:13px;
    }
    .payment-total-info-item+.payment-total-info-item{
        margin-top: 6px;
    }
    .payment-total-info-item-name{
        width: 150px;
        color:var(--twc-gray2);
    }
    .cancel-text{
        margin-bottom: 10px;
        font-size:13px;
        font-weight: 700;
    }
    .order-success-right{
        position:static;
        z-index:initial;
    }
    .close-total{
        display:none;
    }
    .order-total-comment{
        margin:0;
        padding:13px 15px 0px 19px;
    }
    .order-total-comment-title{
        font-size: 11px;
        color: #00000080;
        text-transform: uppercase;
        font-weight: 700;
    }
    .order-total-comment-value{
        font-size:13px;
    }
}


@media(min-width:600px){
    .order-page .center{
        padding:0 50px;
    }
}
@media(max-width:575px){
    .order-page.inner.standart{
        padding-top: 80px;
    }
}

.yandex-widget-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.map-loader {
    position: absolute;
    inset: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-loader.is-hidden {
    display: none;
}

.map-loader__spinner {
    width: 42px;
    height: 42px;
    border: 4px solid #ddd;
    border-top-color: #f28c28;
    border-radius: 50%;
    animation: mapSpin 0.8s linear infinite;
}

@keyframes mapSpin {
    to {
        transform: rotate(360deg);
    }
}

/* =========================================================
 * СПОСОБЫ ОПЛАТЫ: отдельная карточка сохранённой карты
 * ========================================================= */

/* Теперь элементом исходной flex-сетки является wrapper. */
#Pay_system_block .paySystem__wrapper {
    position: relative;
    flex: 0 0 calc(50% - 7px);
    width: calc(50% - 7px);
    min-width: 0;
}

/* Сохраняем прежний размер и вид обычных карточек оплаты. */
#Pay_system_block .paySystem__wrapper > .paySystem__item {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

/* Отдельная карточка сохранённой карты. */
#Pay_system_block .paySystem__item--saved-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 10px;
    text-transform: none;
}

.paySystem__savedCardHead {
    width: 100%;
    text-align: center;
}

.paySystem__savedCardTitle {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    color: #000;
}

.paySystem__savedCardText {
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
    color: #888;
}

.cloudSavedCardSelect,
.cloudSavedCardSelect__control {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
}

.cloudSavedCardSelect select {
    display: block;
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 0 38px 0 12px;
    box-sizing: border-box;
    border: 1px solid #E0E0DA;
    border-radius: 10px;
    outline: none;
    background: #fff;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 42px;
    color: #000;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.paySystem__wrapper--saved-card.is-selected
.cloudSavedCardSelect select {
    border-color: var(--twc-yellow);
    background: #fffdf5;
}

.cloudSavedCardSelect__arrow {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    pointer-events: none;
    transform: translateY(-70%) rotate(45deg);
}

@media (min-width: 991px) {
    #Pay_system_block .paySystem__wrapper {
        flex: 0 0 calc(33.333% - 24px);
        width: calc(33.333% - 24px);
    }

    #Pay_system_block .paySystem__item--saved-card {
        padding: 18px;
    }
}

@media (max-width: 480px) {
    #Pay_system_block .paySystem__wrapper {
        flex: 0 0 100%;
        width: 100%;
    }
}

/* End */
/* /local/components/2quick/tqOrder_basket_3/templates/twc/style.css?178592486337227 */