body{
    overflow-x: hidden;
}

.point{
    
    padding: clamp(.2rem, 2vw, 2rem);
    border: 1px solid #ccc;
    height: 100%;
    
    & h2{
        margin-top: 0;
    }
    
    & p:last-of-type{
        margin-bottom: 0;
    }
}

.row.flex .col{
    margin-bottom: 1rem;
}

.divider{
    margin: 2rem 0;
}

.item-product-cart-action{
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    perspective: 300px;
}
.item-product-cart-action__to-cart, .item-product-cart-action__amount{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.item-product-cart-action_amount .item-product-cart-action__to-cart{
    transform: rotateY(180deg);
}
.item-product-cart-action__amount {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #FF2741;
    border-radius: 4px;
    transform: rotateY(-180deg);
}
.item-product-cart-action_amount .item-product-cart-action__amount{
    transform: rotateY(0);
}
.bttn-wrapper:first-of-type {
    border-right: 1px solid #ccc;
}
.bttn-wrapper {
    width: 30px;
    aspect-ratio: 1 / 1;
}
.input-wrapper input{
    width: 100%;
    height: 100%;
    text-align: center;
    border: 0;
    background-color: transparent;
}
.bttn-wrapper a {
    display: block;
    text-align: center;
    line-height: 30px;
    width: 30px;
    aspect-ratio: 1 / 1;
}
.bttn-wrapper:last-of-type {
    border-left: 1px solid #ccc;
}
.col {
    flex: none;
}
footer a:hover {
    color: unset;
}
.quick-navi a:hover {
    color: #FF2741;
}
.price-filter-input {
    margin-bottom: 20px;
    display: inline-flex;
}
.noUi-origin {
    width: 10%;
}
.noUi-handle:after, .noUi-handle:before {
    display: none;
}
.noUi-horizontal .noUi-handle {
    height: 20px;
    width: 20px;
}
.catalog-filter__apply, .catalog-filter__clean {
    display: none;
}
img.lazy {
    mix-blend-mode: darken;
}
.hidden-checkout-block {
    display: none !important;
}
ul.address-list {
    margin-top: 16px;
}
.datepicker-modal {
    height: auto;
}
body .input-field ul.interval-dropdown {
    top: calc(100% - 0px);
}
body .input-field.hover ul {
    display: block !important;
}
button.bttn {
    border: none;
}
body .pin {
    top: 55px;
}
body .input-field input, body .input-field textarea{
    font-family: 'Roboto Flex', sans-serif;
}
main#checkout .summary {
    margin-bottom: 35px;
}
.formFieldError{
    position: absolute;
    bottom: 0;
    color: red;
    font-size: 12px;
}
.order-errors{
    color: red;
    text-align: right;
    font-size: 14px;
    margin-bottom: 10px;
}
.agreement {
    text-align: left;
}
input:focus {
    outline: none;
}
.finish-button a {
    display: inline-block;
    width: auto;
    margin: 0 25px;
}
.finish-button {
    justify-content: flex-end;
}
.rs-cart-block span {
    display: none;
}
.rs-cart-block.active span{
    display: inline-block;
}
.modal .modal-footer {
    background-color: unset;
    border-top: none;
    justify-content: space-between;
}
.register-form .invalid-feedback {
    position: absolute;
    font-size: 13px;
    bottom: -25px;
}
.row.register-form {
    margin-bottom: 0;
}
.company-fields {
    display: none;
}
.company-fields.show{
    display: block;
}
.mobile-cart{
    cursor: pointer;
}
.rs-cart-block .summ {
    display: none;
}
.rs-cart-block.active .summ {
    display: inline-block;
}
.modal-content {
    border: none !important;
}
.modal-content h3 {
    font-size: 18px;
}
.modal-footer.align_right {
    justify-content: flex-end;
}
.add-empty-bottle{
    display: flex;
    align-items: center;
}
.add-empty-bottle div {
    padding: 0 5px;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    width: 100%;
}
.add-empty-bottle .counter input{
    width: 30px;
    border: 0;
    background-color: transparent;
    text-align: center;
}
.profile-action {
    display: flex;
    justify-content: space-between;
    padding: 0 15px !important;
}
.page-success-result {
    color: green;
}
input:focus {
    outline: none !important;
    border: none;
    box-shadow: none;
}
.form-control.is-invalid, .was-validated .form-control:invalid{
    border: none !important;
    box-shadow: none !important;
}
.cookies-policy {
    display: none;
}
.cookies-policy.cookies-policy_active{
    display: block !important;
}
body .fab {
    bottom: 13vmax;
}

@media(max-width: 390px){
    body header .header-top .logo{
        width: 160px;
    }
}
main#action .action-hero:before {
    width: 100%;
    position: absolute;
}
main#action .action-hero {
    margin-bottom: 25px;
    background-position-y: top; 
}
.action-card-description {
    padding-top: 35px;
}
@media(max-width: 455px){
    main#action .action-hero + .row .prices > *{
        font-size: 2rem;
        white-space: nowrap;
    }
}
@media(max-width: 320px){
    main#action .action-hero + .row .prices{
        flex-wrap: wrap;
    }
    main#action .action-hero + .row .prices .price-old{
        margin-right: 0;
    }
}
main#actions .action-card img {
    width: 100%;
}
body a.white-color {
    color: #fff;
}
.sidenav .name-wrapper a {
    display: flex;
    align-items: center;
}
.offer-photo img {
    max-width: 100%;
    mix-blend-mode: darken;
}
.item-product-cart-action {
    margin-top: 30px;
    margin-bottom: 30px;
}
.modal.datepicker-modal{
    left: initial;
}
.last_order_data {
    display: flex;
}
.last_order_row_title {
    font-weight: 500;
    margin-right: 5px;
}
.last_order_productItem {
    display: flex;
}
.last_order_productTitle {
    margin-right: 5px;
}
.last_order_total{
    display: flex;
}
.last_order_products .last_order_row_title p {
    margin-bottom: 0;
}
.last_order_address .last_order_row_title {
    margin-bottom: 0;
}
.last_order_payment {
    display: flex;
}
.modal-content .row {
    margin-bottom: 0;
}
.last_order_action {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    flex-wrap: wrap; 
}
.last_order_action * {
    margin-bottom: 5px;
}
.modal{
    background-color: unset;
    width: 100% !important;
    height: 100% !important;
    max-height: none;
}
.modal .modal-footer {
    height: auto;
    width: auto;
    text-align: left;
}
.register-button {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
}
@media print {
    #jivo-iframe-container, jdiv{
        display: none !important;
    }
}
.banner-link{
    position: relative;
}
.banner-label {
    position: absolute;
    bottom: 5px;
    color: #888;
    z-index: 100;
    padding: 0 5px;
    right: 5px;
    margin-bottom: 0;
    font-size: 8px;
    border-radius: 5px;
}
.banner-link a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.product-adv-label {
    font-size: 8px;
    margin-bottom: 0;
    text-align: right;
    padding: 0;
    line-height: 1;
    color: #888;
}
.image-adv-label {
    text-align: right;
    font-size: 8px;
    line-height: 1;
    color: #888;
}

#vacations .header {
    text-decoration: underline;
    margin-bottom: 7px;
}

.new-year {
    width: 100%;
    display: block;
    font-size: 0;
    position: absolute;
    z-index: 100;
    height: 100%;
    line-height: 0;
    font-size: 0;
    top: -1.5px;
}
.new-year img {
    max-width: 100%;
    width: 100%;
    height: 100.8%;
}
.new-year-mobile {
    display: none;
    width: 100%;
    font-size: 0;
    position: absolute;
    z-index: 100;
    height: 100%;
    line-height: 0;
    font-size: 0;
    top: -1.5px;
}
.new-year-mobile img {
    max-width: 100%;
    width: 100%;
    height: 100.8%;
}
@media only screen and (max-width: 850px){
    .new-year {
        display: none;
    }
    .new-year-mobile {
        display: block;
    }
}

table.news-new-year {
        width: 100%;
    }

table.news-new-year td:not(:first-of-type),
table.news-new-year td:not(:last-of-type),
table.news-new-year th:not(:first-of-type),
table.news-new-year th:not(:last-of-type) {
    text-align: center;
}

table.news-new-year td:first-of-type,
table.news-new-year th:first-of-type {
    text-align: left;
}

/*@media(max-width: 1600px) {*/
/*    .desktop-table {*/
/*        display: none;*/
/*    }*/
/*}*/

/*    @media(min-width: 1600px) {*/
/*        .mobile-table {*/
/*            display: none;*/
/*        }*/
/*    }*/

/*     @media(max-width: 950px) {*/
/*        .mobile-table tr {*/
/*            width: 95% !important;*/
/*        }   */
/*     }*/


/*    @media(max-width: 1600px) {*/

/*        .mobile-table {*/
/*            display: block;*/
/*        }*/

/*        .mobile-table thead {*/
/*            display: none;*/
/*        }*/

/*        .mobile-table tbody {*/
/*            display: flex;*/
/*            flex-wrap: wrap;*/
/*        }*/

/*        .mobile-table tr {*/
/*            display: flex;*/
/*            flex-direction: column;*/
/*            margin-bottom: 1rem;*/
/*            padding: clamp(5px, 2vw, 12px);*/
/*            border-radius: 6px;*/
/*            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);*/
/*            margin-left: 5px;*/
/*            margin-right: 5px;*/
/*            width: 48%;*/
/*        }*/

/*        .mobile-table td:first-of-type {*/
/*            display: block;*/
/*            font-size: 1.5rem;*/
/*            font-weight: bold;*/
/*        }*/

/*        .mobile-table td:not(:first-of-type) {*/
/*            display: block;*/
/*            text-align: left !important;*/
/*            font-weight: bold;*/
/*            display: flex;*/
/*            font-size: 18px;*/
/*        }*/

/*        .mobile-table td:not(:first-of-type):before {*/
/*            content: attr(data-addr);*/
/*            font-weight: normal;*/
/*            flex-grow: 1;*/
/*        }*/
/*    }*/

/*    @media(max-width: 500px) {*/
/*        .mobile-table td {*/
/*            flex-direction: column;*/
/*            margin-bottom: .5rem;*/
/*        }*/

/*        .mobile-table td:before {*/
/*            font-size: 14px;*/
/*        }*/
/*    }*/

/*@media(min-width: 1000px){*/
/*    .mobile-table{*/
/*        display: none;*/
/*    }*/
/*}*/

/*.mobile-table{*/
/*    width: 100%;*/
/*}*/

/*.mobile-table td:not(:first-of-type){*/
/*    text-align: center;*/
/*}*/

/*.mobile-table th:first-of-type{*/
/*    text-align: left;*/
/*}*/

/*.mobile-table th:not(:first-of-type){*/
/*    text-align: center;*/
/*}*/

@media(max-width: 1000px){
    .desktop-table{
        display: none;
    }
}

@media(max-width: 600px){

    .mobile-table{
        display: block;
    }

    .mobile-table tbody{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .mobile-table thead{
        display: none;
    }

    .mobile-table tr{
        display: block;
        border-radius: 6px;
        padding: 10px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.4);
    }

    .mobile-table td{
        display: block;
        text-align: left !important;
        margin-bottom: .7em;
        padding: 0;
    }

    .mobile-table td:first-of-type{
        font-weight: bold;
    }

    .mobile-table td:before{
        content: attr(data-day);
        display: block;
        color: #777;
        font-size: 14px;
    }
}

@media(max-width: 460px){
    .mobile-table tbody{
        grid-template-columns: 1fr;
    }
}

.desktop-table{
    width: 100%;
}

.desktop-table th:first-of-type{
    text-align: left;
}

.desktop-table th:not(:first-of-type){
    text-align: center;
}

.desktop-table td:not(:first-of-type){
    text-align: center;
}



.timing-table{
    width: 100%;
}

.timing-table td:not(:first-of-type){
    text-align: center;
}

.timing-table th:first-of-type{
    text-align: left;
}

@media(max-width: 600px){
    thead{
        display: none;
    }

    tbody{
        display: flex;
        flex-wrap: wrap;
    }

    tr{
        display: flex;
        flex-direction: column;
        width: calc(50% - 20px);
        margin-right: 20px;
        padding: clamp(5px, 2vw, 20px);
        margin-bottom: 20px;
        box-sizing: border-box;
        border-radius: 6px;
        box-shadow: 0 2px 4px rgba(0,0,0, .2), 0 8px 12px rgba(0,0,0, .2);
    }

    td{
        display: block;
        text-align: left !important;
        margin-bottom: 10px;
    }

    td:before{
        content: attr(data-title);
        font-size: 12px;
        display: block;
        padding-bottom: 6px;
        color: #aaa;
    }

    @media(max-width: 460px){
        tr{
            width: 100%;
            margin-right: 0;
        }
    }
}

.dlv-description {
    margin-left: 27px;
    border-left: 3px solid #3C84F3;
    padding-left: 20px;
}
#delivery-item {
    font-size: 1.2rem;
    color: #888888;
}
main#checkout .summary{
    margin-top: 5px;
}
#rs-cart-page{
    margin-bottom: 10px;
}

.mdi.ru-store::before{
    content: url("../img/rustore.svg");
    width: 25px;
    vertical-align: top;
}
.white-block h3 {
    margin-bottom: 10px;
}

.rs-visible-new, .rs-visible-hold, .rs-visible-success, .rs-visible-fail{
    display: none;
}
.transaction-status.success .rs-visible-success{
    text-align: center;
    width: 100%;
    margin-top: 3rem;
    display: block;
}
.transaction-status.success .rs-visible-success img{
    margin-bottom: 15px;
}
.transaction-status.fail .rs-visible-fail{
    text-align: center;
    width: 100%;
    margin-top: 3rem;
    display: block;
}
.transaction-status.fail .rs-visible-fail img{
    margin-bottom: 15px;
}
.transaction-status-buttons{
    display: flex;
    margin-bottom: 50px;
}
.transaction-status-buttons > div {
    margin: 0 15px;
}
.product-image .slider-container{
    width: 100%;
    max-width: 173px;
}
body .header-line-banner picture {
    display: block; }
body .header-line-banner picture img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 50px;
    -o-object-fit: cover;
    object-fit: cover; }
body main#main section#mobile-app {
    padding: 20px 0;
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden; }
body main#main section#mobile-app:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/iphone.png) right 20px center no-repeat;
    background-size: contain; }
@media (max-width: 300px) {
    body main#main section#mobile-app:before {
        background-position: right -20px center; } }
body main#main section#mobile-app .section-header {
    color: #3C84F3;
    font-weight: bold;
    text-transform: uppercase;
    font-size: clamp(16px, 6vw, 45px);
    line-height: 1.2em;
    margin-bottom: 20px; }
body main#main section#mobile-app .store-buttons {
    position: relative;
    padding: 20px 0; }
body main#main section#mobile-app .store-buttons:before, body main#main section#mobile-app .switcher input ~ label.store-buttons:after, body .switcher main#main section#mobile-app input ~ label.store-buttons:after, body main#main section#mobile-app .switcher .input-field textarea ~ label.store-buttons:after, body .switcher .input-field main#main section#mobile-app textarea ~ label.store-buttons:after, body main#main section#mobile-app .input-field .switcher textarea ~ label.store-buttons:after, body .input-field .switcher main#main section#mobile-app textarea ~ label.store-buttons:after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: -40px;
    width: calc(100vw + 40px);
    height: 100%;
    background: linear-gradient(to bottom, #1267E9, #69A4FF);
    z-index: -1; }
body main#main section#mobile-app .store-buttons li:not(:last-of-type) {
    margin-bottom: 16px; }
body main#main section#mobile-app .store-buttons li a {
    display: block; }
body main#main section#mobile-app .store-buttons li a img {
    display: block;
    height: 12vw;
    max-height: 60px; }
