.bold{
        font-weight: 700;
    }
    .thin{
        font-weight:100;
    }
    [v-cloak]{
        display:none;
    }
    #page {
        background: #f5f7fa;
    }    
    .footer_market {
        background: #fff;
    }
    .footer_market .subline {
        background-color: #fff;
    }
    .product-cart .price-block .price {
        font-size: 18px;
        font-weight: 700;
    }
    .product-cart .old-price {
        font-size: 14px;
    }
    .delete-buttons{
        display: flex;
    }
    .delete-all{
        color:#fd271c;
        position:relative;
        top:2px;
        cursor: pointer;
    }
    .select-all{
        border-radius: 10px;
        padding: 5px 7px;    
    }     
    
    .checkbox-round {
      width: 1.1em;
      height: 1.1em;
      background-color: white;
      border-radius: 50%;
      vertical-align: middle;
      border: 1px solid #ddd;
      appearance: none;
      -webkit-appearance: none;
      outline: none;
      cursor: pointer;
      
    }
    .checkbox-round input {  
        display: none;  
    } 
    .checkbox-round svg{
        top: -5px;
        left: -2px;
        position: relative;
    }
    .checkbox-fix svg{
        top:0;
    }
    .cart-item .checkbox-round{
        position:relative;
        left:-10px;
        top:20px;
    }    
    .checkbox-round:checked::after{
        width: 35px;
        height: 35px;
        top: 2px;             
        overflow: show;
        
    }
    .cart-item .checkbox-round:checked::after {
        position:relative;
        left:2px;
        top:-1px;
    }   
    .disabled{
        display:none;
    }
    .btn:disabled {
        opacity: 0.35;
        background:grey;      
    }
    .cart-info{
        top:65px;
        position:sticky;
    }
    .payment-icon img{
        height:34px;
        width:auto;
    }
    .payment-icon .sbp{
        height:auto;
        width:auto;
    }
    .payment-methods{
        display:flex;
    }
    .payment-method{
        margin-right: 10px;
        text-align: center;
    }
    .cart-info-dst-buy{
        display: flex;
        justify-content: space-between;
    }
    #page {
        background: #f5f7fa;
    }
    .footer_market {
        background: #fff;
    }
    .footer_market .subline {
        background-color: #fff;
    }
    .product-cart .price {
        font-size: 20px;
        font-weight: 600;
        color:#00c2c2;
        float:left;
    }
    .product-cart .old-price {
        font-size: 14px;
        color:#9AA2AC;
    }
    .product-cart .old-price:before {
        background:#9AA2AC;
    }
    .product-cart .discount{
        color:#9AA2AC;
        font-size:14px;
    }
    .delete-buttons{
        display: flex;
        justify-content: space-between;
    }
    .delete-all{
        color:#fd271c;
    }   
    .not_add, .is_add, .remove-cart-item{
        cursor: pointer;
    }    
    #app .cart-header-dst{
        padding: 20px;
        margin-bottom: 0;        
    } 
    .cart-page .cart-header-items {
        background: none;    
        margin: 0;
        padding:0;
    }
    .select-all-event .text{
        position:relative;
        top: 2px;
        cursor: pointer;
    }
    .cart-wrapper {
        background: #fff;      
        border-radius: 18px;
        margin-bottom: 50px;
    }
    .cart-item {
        border-bottom: 1px solid #F4F7FA;
        width: 100%;
    }
    .delivery{
        background-color: #F4F7FA;
        border-radius: 10px;
        margin: 0 15px; 
        height:50px;     
    }
    .delivery p{
        position: relative;
        top:-8px;
    }
    .selected-all .select-all{
        color:#ddd;
        border:0;
    }
    .product-title{
        color:#000;
        font-size: 18px;
        font-weight: 500;
    }
    .stock_count{
        color:#9AA2AC;
        font-size:14px;
    }
    .remove-cart-item svg, .not_add svg{
        height:24px;
        width:auto;
    }
    .not_add svg{
        height:30px;
        width: auto;
        color:#000;
    }
    .is_add svg{
        height: 18px;
    }
    .not_add {
        padding: 4px 1px;
        border-radius: 5px;
        background:#F4F7FA;
    }
    .is_add{
        padding: 5px;
        border-radius: 5px;
        background:#F4F7FA;
        margin-left: 2px;
    }
    .product-cart {
        margin-top: 0;
        top:-3px;
    }
    .remove-cart-item{
        padding:4px 2px;
        border-radius: 5px;
        background:#F4F7FA;
        margin-left: 8px;
    }
    .count-input {
        border: 0;
        display: inline-flex;
        width: auto;
        border-radius: 0;
    }
    .count-button button{
        background:#F4F7FA;
        color:#D0D5DB;
        font-size: 20px;
        font-weight: 600;
        padding: 0.1rem 0.75rem;
    }
    .count-input .count{
        position: relative;
        top:5px;
        background:#F4F7FA;
        padding: 0.5rem 0.3rem;
        color:#353535;
        border-radius: 8px;
        margin:0 5px;
    }
    .cart-info-dst-buy div{
        font-weight: 400;
        font-size:14px;
        color:#9AA2AC;
    }
    .sum-sale{
        color: #fd271c; 
        font-weight: 600
    }
    .all_sum{
        margin:0;
        display:flex;
        justify-content: space-between;
    }
    .all_sum .cost{
        color:#00c2c2;
        font-weight: 700;
        font-size: 26px;
    }
    .btn-to-confirm{
        background: #00c2c2 !important;
    }
    .cart-page .btn-to-confirm:hover{
        background: #00c2c2 !important;
    }
    .mobile-cart, .mobile-item{
        display:none;
    }
    .availability {
        background-color: #F4F7FA;
    }
    /* чекаут стили */
    #right-sidebar{
        display: none;
    }
    .back-to-cart{
        display:flex;
        justify-content: space-between;
    }
    .cart-button .title{
        font-weight: 600;
    }
    .btn-adress{
        color:#00C2C2;
        background: #E6FCED;
        min-width:260px;
    }
    .cart-button .commit{
        margin-left: 28px;
    }
    .title .txt{
        position: absolute;
        margin-top: 3px;
        margin-left: 4px;
    }
    .user-info{
        border-top: 1px solid #F4F7FA!important;
        padding-top:23px;
        cursor: pointer;
        display:flex;
        justify-content: space-between;
    }
    .checkout-page h4{
        font-size: 20px;
    }
    .checkout-page .cart-header-dst {
        box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    }
    .checkout-page .cart-header-dst p{
        margin-top: -3px;
        font-size:14px;
        line-height: 14px;
        color: #9AA2AC;
    }
    .checkout-page .group-item{
        width: 20%;
        padding: 5px;
        text-align: center;
        min-width: 90px;
        max-width: 110px;       
    }
    .group-item-img{
        position:relative;
    }
    .group-item-img span{
        position:absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        bottom:0;
        width: fit-content;
        text-align: center;
        z-index:50;
        padding: 2px 3px;
        background-color: #F4F7FA;
        border-radius: 5px;
        font-size:14px;
        line-height: 14px;
        color: #9AA2AC;
    }
    .group-item-price{
        margin-top: 15px;
        font-size:14px;
        line-height: 14px;
        color: #9AA2AC;
    }
    .partner-title h5{
        font-weight:600;
        font-size:16px;
    }
    .delivery-time, .payment-method{
        padding: 10px 15px;
        border-radius:8px;
        border: 1px solid #9AA2AC;
        width:max-content;
        font-weight: 500;
        cursor: pointer; 
    }
	
    .butkor1 {
        background: #000 url(/templates/default/images/butkor1.png) no-repeat 0 0;
            background-size: auto;
        background-size: 100%;
    }	

    .butkor2 {
        background: #fff url(/templates/default/images/butkor2.png) no-repeat 0 0;
        background-size: auto;
        background-size: 100%;
    }

    .butkor3 {
        background: #fff url(/templates/default/images/butkor3.png) no-repeat 0 0;
        background-size: auto;
        background-size: 100%;
    }
	
    .payment-method{
        height: 100%;
        width: 100%;
        padding: 15px 0px 30px 0px!important;
        max-width: 110px;
        max-height: 75px;
    }

    .recipient-info{
        cursor: pointer;
    }    	
	
    .payment-method:hover, .delivery-time:hover {
        border: 1px solid #00C2C2;
        color: #00C2C2;
    }
    .delivery-time.active, .payment-method.active{
        border: 2px solid #00C2C2;
    }
    .vue-user-info{
        cursor: pointer;
        display: flex;
        align-items: center;
        padding: 0 10px;
    }
    .vue-modal-overlay{
        position: fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        background: rgba(0,0,0, 0.6);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
    }
    .vue-modal{
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        min-width: 300px;
        z-index: 1050;
        margin: 15px;
    }
    .vue-modal-input{
        display: block;
        margin: 10px 0;
        padding: 10px;
        width:100%;
    }
    .modal-body{
        display:flex;
        justify-content: space-between;
        padding: 1rem 0;        
    }
    .modal-body input{
        margin: 0 10px;
        border: 2px solid #b3bcc5;
        border-radius: 6px;
        box-sizing: border-box;        
    }
    .vue-modal h4{
        margin-left: 10px;
    }
    .error{
        color:red;
    }
    /* карусель товаров в чекауте */
    .carousel{
        display: flex;
        align-items:center;
    }
    .products-group {
       display: flex;
        overflow-x: scroll;
        width: 100%;
        scrollbar-width: thin;
    }
    .group-item{
        flex: 0 0 auto;
        width:11%;
        padding: 5px;
    }
    .carousel-button{       
        color:black;
        border:0;
        border-radius: 10px;
        padding: 5px 10px;
        margin-top: -35px;
        cursor: pointer;
        background: none;
        font-weight: 700;
        font-size: 24px;
    }
    .carousel-button:disabled{
        cursor: not-allowed;
        display: none;       
    }
    /* карусель доставки */
    .delivery-intervals {  
        display: flex;   
      }  
      .delivery-time {  
        margin: 0;
        margin-right:5px;  
        cursor: pointer; 
        padding: 5px 10px; 
      }  
      .delivery-time:hover {  
        text-decoration: underline;  
      } 
    .today{
        border-bottom: 1px dashed #000;
        cursor: pointer;
    }
    .partner-delivery .carousel-button{
        margin-top: 0;
    }
    .modal {  
        display: none;  
        position: fixed;  
        left: 0;  
        top: 0;  
        width: 100%;  
        height: 100%;  
        overflow: auto;  
        background-color: rgb(0, 0, 0);  
        background-color: rgba(0, 0, 0, 0.4);  
        z-index: 1100;  
    }  

    .modal-content {  
        background-color: #fefefe;  
        margin: 15% auto;  
        padding: 20px;  
        border: 1px solid #888;  
        width: 80%;  
    }
    .add-recipient-btn{
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    .add-recipient-form .modal-body{
        flex-direction: column;
    } 
    .add-recipient-form .modal-body input{
        margin:0;
        margin-bottom: 20px;
    } 
    .recipient-list{
        width:100%;
    }
    .dots-btn{
        float:right;
        margin-top: -10px;
        font-weight: bold;
        color:#888;
    }
    .recipient-item p{
        font-size:16px;
        color:#888;
    }
    .recipient-item .remove-cart-item{
        margin-left:0;
    }
    .recipient-item a , .recipient-adress-item a{
        display: block;
        width:30px;
        cursor:pointer;
        margin-top: -10px;
        margin-left: -3px;
    }
    .recipient-item a{
        margin-top: 5px;
    }
    .recipient-item{
        display:flex;
        border-bottom: 1px solid #e9ecef;
    }
    .recipient-adress-item{
        border-bottom: 1px solid #e9ecef;
    }
    .selected-item{
        margin-top: 15px;
        margin-right: 10px;
    }
    .item-info{
        width:100%;
    }
    .checkmark{
        background:#00c2c2;
        color:white;
        padding: 4px 8px;
        border:0;
    }
    .btn-succes:hover{
        background: #00c2c2 !important;
    }
    .recipient-name{
        font-weight: 500;
    }
    .cart-kd .title, .cart-kd .commit, .cart-process-title h4{
        margin-left: 10px;
    }
    .change-adress{
        padding-left:10px;
    }
    partner-delivery {  
        width: 100%;  
    }  

    .carousel-container {  
        display: flex;  
        align-items: center;  
        overflow: hidden; 
    }  

    .delivery-intervals {  
        display: flex;
        overflow-x: auto;
        scroll-behavior: smooth;
        white-space: nowrap;
        scrollbar-width: thin;
        padding-bottom: 10px;
    } 
    .add-recipient-form .btn-block{
        background: #00c2c2 !important;
    } 

    .delivery-time {  
        padding: 5px 10px;  
        cursor: pointer;  
        border: 1px solid #ccc;  
        margin-right: 10px;  
		font-size: 14px;
        user-select: none; 
    }  

    .delivery-time.active {  
        background-color: #00c2c2;  
        color: white;   
    }  

    .carousel-button {  
        background-color: #007bff;  
        color: white;  
        border: none;  
        padding: 10px;  
        cursor: pointer;  
    }  

    .carousel-button:disabled {  
        background-color: #ccc;  
    }  
      
      
    @media (max-width:1200px) {
      .mobile-item, .mobile-cart{
        display:block;
      }
      .mobile-cart{
        margin:15px;
        padding: 15px;
        position: sticky; 
        bottom: 58px; 
        box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
      }
      .itssearch , .header-big, .delivery {
        display: none;
      }
      .cart-page{
        margin-top: 20px!important;        
      }
      .cart-page h1{
        margin-bottom: 20px;
      }
      .mobile-item-info{
        display:grid;
        grid-template-columns: 10% 23% 66%;
        height:auto;
      }      
      
      .cart-page .cart-header-items {
        font-size: 14px;
      }
      .price-block{
        margin-top: -5px;
      }
      .price {
        font-size: 18px;
        font-weight: 600;
        color:#00c2c2;
        float:left;
      } 
      .cost, .products-sum{
        margin-bottom: 0;
      }  
      .products-sum{
        font-size:14px;
      }   
      .old-price {
        font-size: 14px;
        color:#9AA2AC;
        margin-left: 10px;
      }
      .old-price:before {
        background:#9AA2AC;
      }
      .discount{
        color:#9AA2AC;
        font-size:14px;
      }
      .product-title {
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        line-height: 16px;
      }
      .mobile-item-bottom, .mobile-cart{
        display:flex;
        justify-content: space-between;
      }
      .count-button button {
        font-size:16px;
      }
      .count-input {
        margin-top: 10px;
      }
      .count-input .count {
        top: 2px;
        padding: 0.3rem 0.3rem;
      } 
      .hidden-sm, .hidden{
        display: none;
      }  

      .generate-back-to-top, .generate-back-to-top:visited {
        position:fixed;
        bottom: 150px;
        right: 15px;        
        z-index: 1110;
        line-height: 30px;
        width: 30px; 
        opacity: 0.5;       
       }

    }
    
    @media (max-width: 680px) {
        #app .cart-header-dst {
            padding: 20px 15px;
            margin-bottom: 0;
        }
        .count-input .count {
            top: 1px;
            padding: 8px;
        }
    } 
    @media (max-width:420px) {
        .payment-method{
            padding: 25px 0px 25px 0px !important;
        }        
        .count-input .count {
            top: 1px;            
        }
    }	

    @media (max-width:360px) {
        .payment-method{
            padding: 20px 0px 20px 0px !important;
        }
	}