*::-webkit-scrollbar {
    height: 2px;
    width: 2px;
}
*::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: #F5F9FB;
}
*::-webkit-scrollbar-track:hover { background-color: #F5F9FB; }
*::-webkit-scrollbar-track:active { background-color: #F5F9FB; }
*::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #BDCCD4;
}
*::-webkit-scrollbar-thumb:hover { background-color: #BDCCD4; }
*::-webkit-scrollbar-thumb:active { background-color: #BDCCD4; }
.swiper-pagination .swiper-pagination-bullet:only-child{display: none !important;} 


:root{
    --cl-brown:     #2F2212;
    --cl-brown-2:   #2F2212C0; 
    --cl-brown-light: #948F87;
    --cl-white:     #FFF;
    --cl-surface:   #FAFBFC;
    --cl-surface-2: #fafbfc;
    --cl-surface-t: #FAFBFCB0;
    --cl-light:     #BDCCD4;
    --cl-gray:      #8091a5;
    --cl-semi-light:#BDCCD480;
    --cl-accent-dim:#c55b04;    
    --cl-accent:    #EF6E23;    
    --cl-accent-dim:#e08f4d;    
    --cl-fade:      #0005;
    --cl-danger:    #D60000;

    --v-header:     108px;
    --v-header-p:   108px;
    --v-cont:       1230px;
    --v-cont-ext:   1430px;
}

/* html{
    scrollbar-gutter: stable;
} */

html body{
    background-color: var(--cl-surface) !important;
    font-family: 'Roboto Flex', sans-serif;
    padding-top: var(--v-header-p);
    color: var(--cl-brown);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    /* overflow-x: hidden; */
}
body a,
body p, body h1, body h2, body h3, body h4, body h5, body h6, body span, body .int-h3{
    color: var(--cl-brown);
}
body a{ 
    transition: color 300ms ease-in-out; 
    cursor: pointer;
    outline: none;
} 
body a:focus{
    outline: none;
}

input[type="checkbox"]{
    accent-color: var(--cl-accent);
    height: 16px;
    width: 16px;
    border-radius: 6px;
}
body .int-checkbox{
    display: flex;
    align-items: center;
    padding-left: 0;
}
body .int-checkbox input[type="checkbox"]{
    margin: 0;
    margin-right: 8px;
    position: static;
}

body a:active{ color: var(--cl-brown); }
body a:focus{ 
    color: var(--cl-accent); 
    text-decoration: none;
}
body a:hover{ color: var(--cl-accent); }
.wrap{
    max-width: var(--v-cont);
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
}
.wrap-ext{
    max-width: min(var(--v-cont-ext), calc(100dvw - 60px));
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.int-home-block{
    margin-bottom: 100px;
    margin-top: 40px;
}
.int-img-responsive{
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.int-alert-message{
    display: flex;  
    align-items: center;
    gap: 5px;
    color: var(--cl-brown);
    font-size: 13px;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 6px;
    background-color: #BDCCD41F;
    border: 1px dashed var(--cl-light); 
    margin-bottom: 20px;
    flex-direction: row !important;
}
.int-alert-message a{
    margin-left: auto;
    color: var(--cl-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.int-separator{
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--cl-light);
}

.int-number-slider{
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 2px solid var(--cl-light);
    padding: 0 10px;
}
.int-number-slider .int-number-slider-btn{
    background: none;
    border: none;
    outline: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 25px;
}
.int-number-slider input::-webkit-outer-spin-button,
.int-number-slider input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}
.int-number-slider input{ -moz-appearance:textfield; }
.int-number-slider input{
    border: none;
    outline: none;
    background: none;
    text-align: center;
    width: 30px;
    font-size: 16px;
    color: var(--cl-brown);
    height: 36px;
}

.int-error-text{
    color: var(--cl-danger);
    font-size: 14px;
    font-weight: 500;
    margin-top: -10px;
    margin-bottom: 0;
}

/* #common-home #content{ overflow-x: hidden; } */
.int-home-slideshow .swiper-pager{ 
    max-width: 100dvw; 
    opacity: 0;
    transition: opacity 300ms ease-in-out;
}
.int-home-slideshow:hover .swiper-pager{
    opacity: 1;
}

/* ---------- not_found ------------ */
.int-not-found{
    min-height: 240px;
    display: flex; 
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}
.int-not-found h1{
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.int-not-found p{
    font-size: 18px;
    line-height: 1.4;
}
.int-not-found .int-btn{
    color: var(--cl-brown);
    min-width: 320px;
}

/* ---------- password ------------ */
.int-input-wrap,
.form-password .required{
    position: relative;
}
.int-input-wrap .int-password-eye,
.form-password .int-password-eye{
    position: absolute;
    top: 12px;
    right: 12px;
    background: none;
    border: none;
    outline: none;
}
.int-input-wrap .int-password-eye{
    top: 50%;
    transform: translateY(-50%);
}
.int-password-eye .int-eye-opened{ display: none; }
.int-password-eye.active .int-eye-closed{ display: none; }
.int-password-eye.active .int-eye-opened{ display: block; }


.int-decorated-title{
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 50px;
    width: 100%;
    margin-bottom: 60px;
}
.int-decorated-title::after,
.int-decorated-title::before{
    content: "";
    display: block;
    height: 2px;
    background-color: var(--cl-light);
    flex: 1;
}

.int-invisible-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    background: none;
    padding: 0;
}
.int-cat-level-2,
.int-cat-level-3,
.int-cat-level-1{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto Flex', sans-serif;
    color: var(--cl-brown);
    text-indent: 15px;
}
.int-cat-level-3{
    font-weight: 300;
}
.int-cat-level-1{ 
    font-weight: 600; 
    text-indent: 0;
}
.int-input optgroup{
    font-size: 0;
}
.int-cat-level-1[selectted],
.int-cat-level-2[selectted],
.int-cat-level-3[selectted]{
    color: var(--cl-accent);
}


.int-btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.int-btn.int-btn-hollow{
    font-size: 16px;
    color: var(--cl-brown);
    background-color: transparent;
    border: 2px solid var(--cl-light);
    border-radius: 8px;
    transition: background-color 300ms ease-in-out,
                border-color 300ms ease-in-out;
}
.int-btn.int-btn-hollow:hover{
    border-color: transparent;
    background-color: var(--cl-semi-light);
}
.int-btn-secondary{
    border-radius: 16px;
    text-align: center;
    color: var(--cl-brown);
    font-family: 'Roboto Flex', sans-serif;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--cl-semi-light);
    transition: background-color 300ms ease-in-out;
    outline: none;
    border: none;
    padding: 16px 24px;
}
.int-btn-secondary:hover{
    background-color: var(--cl-light);
}
.int-btn-secondary:hover{
    background-color: var(--cl-light);
}
.int-product-card-cart-btn.btn_notify:hover,
.btn_notify.int-btn:hover{ background-color: var(--cl-semi-light); }
.int-product-card-cart-btn.btn_notify:hover img,
.btn_notify.int-btn img{ transition: filter 300ms ease-in-out; }
.int-product-card-cart-btn.btn_notify:hover img,
.btn_notify.int-btn:hover img{ filter: brightness(0); }

.int-btn-link{
    background: none;
    border: none;
    outline: none;
    color: var(--cl-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.int-btn-menu{
    color: var(--cl-brown);
    background: none;
    border: none;
    font-family: 'Roboto Flex', sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    transition: color 300ms ease-in-out;
}
.int-btn-menu-border{
    padding: 12px 10px;
    font-weight: 700;
    border: 2px solid var(--cl-light);
    border-radius: 8px;
    transition: color 300ms ease-in-out,
                background-color 300ms ease-in-out,
                border-color 300ms ease-in-out;
}
.int-btn-menu-border:active{
    background-color: var(--cl-light);
    border: 2px solid transparent;
}
.int-btn-menu-border:hover,
.int-header.opened .int-btn-menu-border{
    background-color: var(--cl-semi-light);
    border: 2px solid transparent;
}
.int-header-search-wrap{
    position: relative;
}
.int-header-search-wrap .int-floating-search{
    z-index: 1;
    position: absolute;
    top: -6px;
    right: -21px;
    transition: width 300ms ease-in-out;
    width: 70px;
}
.int-header-search-wrap.opened .int-floating-search{
    width: 300px;
}

.int-droplist-wrap{
    position: relative;
}
.int-droplist{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 22px;
    border-radius: 16px;
    border: 2px solid var(--cl-light);
    background-color: var(--cl-white);
    color: var(--cl-brown);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    justify-content: center;
    cursor: pointer;
}
.int-droplist-list a{
    white-space: nowrap;
}
.int-droplist-list a.int-selected{
    font-weight: 600;
}
.int-droplist-list{
    padding: 12px 22px;
    z-index: 100;
    position: absolute;
    top: calc(100% + 20px);
    right: 0;
    background-color: var(--cl-white);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 200px);
    gap: 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 16px;
    border: 2px solid var(--cl-light);
    box-shadow: 0px 10px 30px 0px #2F22120D;
}

.mfp-content .int-popup-window-message{
    padding: 0;
    position: static;
    background: none;
    background-color: transparent;
}

.int-loadmore-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: none;
    border: none; 
    outline: none;
    font-family: 'Roboto Flex', sans-serif;
    font-size: 16px;
    text-decoration: underline;
    color: var(--cl-accent);
    margin-top: 30px;
}
.int-loadmore-btn.pending img{
    -webkit-animation:spin .5s linear infinite;
    -moz-animation:spin .5s linear infinite;
    animation:spin .5s linear infinite;
}

.int-searchgroup{
    width: 100%;
    position: relative;
    display: flex; 
    justify-content: stretch;
    align-items: stretch;
    position: relative;
    margin-right: 10px;
}
.int-searchinput{
    height: 44px;
    width: 100%;
    background-color: var(--cl-white);
    padding: 10px 50px 10px 16px;
    border: 1px solid var(--cl-light);
    border-radius: 8px;
    outline: none;
}
.int-searchbtn img{
    height: 30px;
    width: 30px;
}
.int-searchbtn{
    background: none;
    outline: none;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.int-tab-wrapper{
    display: flex;
    justify-content: start;
}
.int-tab:first-of-type{
    border-radius: 0 0 0 10px;
}
.int-tab:last-of-type{
    border-radius: 0 0 0 10px;
}
.int-tab{
    padding: 8px;
    font-weight: 500;
    font-size: 16px;
    color: var(--cl-brown);
    transition: background-color 300ms ease-in-out;
}
.int-tab.active{
    background-color: var(--cl-semi-light);
}

/*--- HTML content ---*/
.int-html-content ul li,
.int-html-content{
    font-size: 16px;
    font-weight: 400;
    color: var(--cl-brown);
    font-family: 'Roboto Flex', sans-serif;
}
.int-html-content h4,
.int-html-content h5,
.int-html-content h6{
    font-size: 21px;
}

/*--- header ---*/
.int-header{
    z-index: 9999;
    background-color: var(--cl-surface);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--v-header);
    width: 100%;
    /* backdrop-filter: blur(16px); */
    transition: background-color 300ms ease-in-out, height 150ms ease-in-out;
}
.int-header-fade{
    z-index: 9995;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    background-color: var(--cl-fade);
}
.int-header.opened{
    background-color: var(--cl-surface-2);
}
.int-header #logo{
    max-width: 250px;
    margin-bottom: 0;
}
.int-header #logo-mobile{display: none;}
.int-footer-logo, .int-header #logo{
    cursor: pointer;
}
#logo h1 a{
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Roboto Mono';
    color: var(--cl-brown);
}
.int-header-main{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.int-header-left,
.int-header-right{
    width: calc(50% - 150px);
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
}
.int-header-right{
    justify-content: end;
}
.int-header-right .int-header-btn-group{
    display: flex;
    gap: 20px;
}
.int-header-right-btngroup{
    display: flex;
    gap: 20px;
}
.int-header-right-btngroup #cart{
    margin: 0;
    position: relative;
}
.int-header-iconbtn{
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--cl-brown);
    font-family: 'Roboto Flex', sans-serif;
    background: none;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    max-height: 30px;
}
.int-header-iconbtn span{
    position: absolute;
    /* top: 50%; */
    top: calc(50% + 3px);
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
    font-size: 12px;
}
/* #cart .int-header-iconbtn span{
    top: calc(50% + 3px);
} */
.int-header-iconbtn svg,
.int-header-iconbtn img{
    scale: 1;
    transition: scale 150ms ease-in-out;
}
.int-header-iconbtn:hover svg,
.int-header-iconbtn:hover img{
    scale: 1.1;
}
.int-header-iconbtn:active svg,
.int-header-iconbtn:active img{
    scale: 0.95;
}
.int-header-iconbtn .int-header-iconbtn-icon-active{ display: none; }
.int-header-iconbtn .int-header-iconbtn-icon{ display: block; }

.int-header-iconbtn.active .int-header-iconbtn-icon-active{ display: block; }
.int-header-iconbtn.active .int-header-iconbtn-icon{ display: none; }
.int-header-iconbtn.active span{top: calc(50% - 1px)}
.int-searchgroup{
    display: none;
}
/* popup cart */

#cart .dropdown-menu.pull-right{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 710px;
    padding: 12px 30px;
    background: var(--cl-surface);
    border: 0;
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    top: 0;
    height: 100vh;
    max-height: 100%;
}
.dropdown-menu-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.dropdown-menu-title {
    font-size: 18px;
    color: #2F2212;
}

.mini-cart-close {
    background: none;
    border: none;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    opacity: .6;
    padding: 4px 8px;
    transition: opacity .2s;
}

.mini-cart-close:hover {
    opacity: 1;
}
.mini-cart-list{
    display: grid;
    gap: 20px;
    max-height: calc(100vh - var(--v-header) - 250px);
    height: 100%;
    overflow: auto;
    transition: max-height 150ms ease-in-out;
    padding-right: 15px;
    padding-bottom: 60px;
    position: relative;
}
#cart .dropdown-menu-line{
    overflow: hidden;
    position: relative;
    border-bottom: 2px solid var(--cl-light);
}
#cart .dropdown-menu-line::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 70px;
    width: 100%;
    background: linear-gradient(0deg, var(--cl-surface), transparent);
}
#cart .dropdown-backdrop{
    top: var(--v-header);
    background: var(--cl-fade);
    transition: top 150ms ease-in-out;
}
.mini-cart-item{
    display:grid;
    grid-template-columns: 140px 1fr;
    gap: 16px;
    padding: 6px 0 24px;
    border-bottom: 2px solid #BDCCD4;
}
.mini-cart-item:last-child {
    border: none;
}
.mini-cart-thumb img{
    width: 140px;
    height: 140px;
    object-fit: contain;
    border-radius: 10px;
    display:block;
}

.mini-cart-main{ min-width:0; }

.mini-cart-title-row{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.mini-cart-title{
    font-weight:500;
    font-size:16px;
    color: #2F2212;
    text-decoration:none;
}

.mini-cart-remove{
    margin-left:auto;
    border:0;
    background:transparent;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    color:#2F2212;
    padding:0 4px;
}

.mini-cart-warning{ color:#d00; margin-top:6px; }

.mini-cart-options-list{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.mini-cart-option-row{
    display:flex;
    gap:10px;
    font-size:14px;
    color:#1f2a37;
}

.mini-cart-option-value{ font-weight:600; }

.mini-cart-change{
    border:0;
    background:transparent;
    color:#EF6E23;
    font-weight:500;
    font-size: 16px;
    text-decoration: underline;
    cursor:pointer;
    padding:0;
    margin-top:2px;
}

.mini-cart-bottom{
    margin-top:14px;
    display:flex;
    align-items:center;
    gap:16px;
}

.mini-cart-qty{
    display:inline-flex;
    align-items:center;
    border:2px solid #BDCCD4;
    border-radius: 8px;
    height:44px;
    overflow:hidden;
}

.mini-qty-btn{
    width:25px;
    height:44px;
    border:0;
    background: inherit;
    font-size:20px;
    cursor:pointer;
    color:#2F2212;
}
.mini-cart-options-box{
    margin-top:10px;
    border: 1px dashed #b9c8d6;
    border-radius: 10px;
    padding: 10px;
    display:flex;
    font-size: 14px;
    gap:12px;
    background: #BDCCD41A;
    justify-content:space-between;
}
.mini-cart-qty .mini-qty-btn:first-child{
    font-size: 18px;
}
.mini-cart-qty .mini-qty-btn.quantity-decrease{
    padding-left: 16px;
    padding-right: 0;
}
.mini-cart-qty .mini-qty-btn.quantity-increase{
    padding-right: 16px;
    padding-left: 0;
}
.mini-cart-main .mini-qty-input{
    width:52px;
    height:44px;
    border:0;
    text-align:center;
    font-size:16px;
    background: inherit;
    outline:none;
}

.mini-cart-prices{
    margin-left:auto;
    text-align:right;
    display:flex;
    gap:10px;
    align-items:baseline;
}

.mini-old-price{
    text-decoration: line-through;
    color: #2F2212;
    font-size: 22px;
    opacity: 0.5;
}

.mini-price{
    font-weight:600;
    font-size:22px;
    color:#2F2212;
}

.mini-price.orange{
    color:#EF6E23;
}

.mini-cart-recurring{
    display:flex;
    gap:10px;
    align-items:center;
    font-size:14px;
    opacity:.9;
}

.mini-cart-recurring img{
    width:18px;
    height:18px;
}

.mini-cart-options-edit{
    margin-top: 12px;
}
.mini-cart-total-wrap {
    margin-top: auto;
}
.mco-group{
    margin-top: 16px;
}

.mco-label{
    font-size: 14px;
    color: #2F2212;
    margin-bottom: 10px;
}

.mco-pills{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.mco-pill{
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    margin-bottom: 0;
}

.mco-pill input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.mco-pill-text{
    display: inline-flex;
    align-items: center;
    min-height: 39px;
    padding: 10px 13px;
    border: 2px solid #BDCCD4;
    border-radius: 8px;
    background: inherit;
    color: #2F2212;
    font-size: 16px;
    font-weight: 400;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.mini-cart-list .mco-pill input:checked + .mco-pill-text{
    border: 2px solid transparent;
    background: #BDCCD480;
    font-weight: 600;
}

.mco-pill:hover .mco-pill-text{
    border-color: #bfcbd8;
}

.mco-pill input:checked + .mco-pill-text{
    background: #BDCCD480;
    border-color: #BDCCD480;
}

.mco-select{
    width: 100%;
    max-width: 320px;
    height: 44px;
    border: 2px solid #cfd8e3;
    border-radius: 12px;
    padding: 0 14px;
    outline: none;
    background: #fff;
}

.mco-select:focus{
    border-color: #9fb3c8;
    box-shadow: 0 0 0 3px rgba(159,179,200,.25);
}

.mco-save{
    margin-top: 16px;
    border: 0;
    background: transparent;
    padding: 0;
    color: #EF6E23;
    font-weight: 500;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;
}

.mco-save:hover{
    text-decoration: none;
}
.mini-cart-total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 18px;
    color: #2F2212;
}
.mini-cart-total-row:last-child {
    font-weight: 600;
    text-transform: uppercase;
}
.mini-total-total {
    font-size: 24px;
}
.mini-total-special, .mini-total-shipping {
    color: #EF6E23;
    font-weight: 600;
}
.mini-cart-actions {
    padding-top: 24px;
}
.mini-cart-btn {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}
.mini-cart-btn:hover {
    color: inherit;
}


.int-input{
    border-radius: 10px;
    border: 2px solid var(--cl-light);
    background-color: var(--cl-white);
    padding: 13px 16px;
    font-size: 16px;
    color: var(--cl-brown);
    transition: border-color 300ms ease-in-out;
}
.int-input::placeholder{
    color: var(--cl-gray);
}
.int-input:focus,
.int-input:active{
    border-color: var(--cl-gray);
    outline: none;
}

.int-input-range {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    width: 25px;
}


#int-header-dropdown-content{
    background-color: var(--cl-white);
    position: fixed;
    transition: top 300ms ease-in-out;
    max-height: 600px;
    height: 100%;
    width: 100%;
    top: -100%;
    left: 0;
    border-radius: 0 0 16px 16px;
    z-index: 9997;
    overflow: hidden;
}
#int-header-dropdown-content .wrap{
    height: 100%;
}
#int-header-dropdown-content .int-menu-dropdown-page{
    height: 100%;
    width: 100%;
    overflow-y: auto;
    width: auto;
}
.int-header-dropdown-back-btn{
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: var(--cl-light);
    font-size: 14px;
    display: flex;
    gap: 6px;
    align-items: center;
}
.int-header.opened + #int-header-dropdown-content{
    top: var(--v-header);
}
#int-menu{
    padding: 32px 0;
    display: flex;
    height: 100%;
    gap: 20px;
    position: relative;
    margin-left: -20px;
}
#int-menu .int-header-dropdown-subcategories,
#int-menu .int-header-dropdown-categories{
    display: flex; 
    flex-direction: column;
    max-height: calc(100vh - 180px);
    padding: 0;
    margin: 0;
    overflow-y: auto;
}
#int-menu .int-header-dropdown-subcategories{
    max-width: 300px;
}
#int-menu .int-header-dropdown-subcategories .int-header-subcategories-image{
    position: absolute;
    right: 0;
    top: 30px;
    height: 300px;
    width: 300px;
    object-fit: contain;
    object-position: center;
    border-radius: 16px;
    overflow: hidden;
    background-color: var(--cl-light);
}
#int-menu .int-header-dropdown-subcategories li a,
#int-menu .int-header-dropdown-categories .int-header-dropdown-tab-btn a{
    font-family: 'Roboto Flex', sans-serif;
    font-weight: 500;
    color: var(--cl-brown);
    text-transform: uppercase;
    transition: color 300ms ease-in-out;
}
.int-footer-menu > ul > li a:hover, 
#int-menu .int-header-dropdown-categories .int-header-dropdown-tab-btn a:hover{
    color: var(--cl-accent);
}

#int-menu .int-header-dropdown-subcategories li,
#int-menu .int-header-dropdown-categories .int-header-dropdown-tab-btn{
    padding: 11px 70px 13px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 300ms ease-in-out;
    position: relative;
    border: none;
    outline: none;
    background: none;
    text-align: start;
}
#int-menu .int-header-dropdown-subcategories .int-header-dropdown-topline{
    display: none;
}
#int-menu .int-header-dropdown-categories .int-header-dropdown-tab-btn svg{
    position: absolute;
    top: calc(50% - 12px);
    right: 20px;
    transition: transform 300ms ease-in-out,
                stroke 300ms ease-in-out; 
    transform: translateX(-20px);
}
#int-menu .int-header-dropdown-categories .int-header-dropdown-tab-btn.active{
    background-color: var(--cl-surface-2);
}
#int-menu .int-header-dropdown-categories .int-header-dropdown-tab-btn:hover{
    background-color: var(--cl-surface);
}
#int-menu .int-header-dropdown-categories .int-header-dropdown-tab-btn.active svg,
#int-menu .int-header-dropdown-categories .int-header-dropdown-tab-btn:hover svg{
    transform: translateX(0px);
    stroke: var(--cl-brown);
}

.int-menu-dropdown-page{
    height: 100%;
    width: 100%;
    display: flex; 
    flex-direction: column;
    padding-right: 20px;
    gap: 1px;
}
.int-menu-dropdown-cat-btn{
    display: flex;
    justify-content: start;
    align-items: center;
    text-align: start;
    position: relative;
    width: 100%;
    border-radius: 8px;
    padding: 13px 50px 13px 20px;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto Flex', sans-serif;
    text-transform: uppercase;
    min-height: 45px;
    transition: background-color 300ms ease-in-out;
    max-width: 400px;
}
/* .int-menu-dropdown-cat-btn:hover{
    font-weight: 600;
} */
.int-menu-dropdown-cat-btn a:focus,
.int-menu-dropdown-cat-btn:active, 
.int-menu-dropdown-cat-btn:focus{
    outline: none;
}
.int-menu-dropdown-cat-image{
    background-color: var(--cl-light);
    object-fit: contain;
    object-position: center;
    display: flex;
    height: 285px;
    width: 285px;
    position: absolute;
    top: 30px;
    right: 0;
    border-radius: 16px;
}
.int-menu-dropdown-cat-btn svg{
    transition: right 150ms ease-in-out,
                stroke 150ms ease-in-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
.int-menu-dropdown-cat-btn.active svg,
.int-menu-dropdown-cat-btn:hover svg{
    right: 10px;
    stroke: var(--cl-brown);
}
.int-menu-dropdown-cat-btn.active,
.int-menu-dropdown-cat-btn:hover{
    background-color: #F7F8FB;
}
.int-menu-dropdown-cat-link.int-menu-dropdown-cat-btn{
    background-color: transparent;
}
.int-menu-dropdown-topline{
    display: none;
    justify-content: start;
    align-items: center;
    gap: 24px;
    padding: 25px 0 15px;
}
.int-menu-dropdown-topline b{
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--cl-brown);
}
.int-menu-dropdown-back-btn{
    display: flex;
    gap: 6px;
    font-size: 14px;
    color: var(--cl-light);
    font-weight: 500;
    align-items: center;
    background: none;
    outline: none;
    border: none;
}

/*--- footer ---*/
footer.int-footer{
    background: none;
    border: none !important;
    padding: 0;
    margin: 0;
    margin-top: auto;
}
.int-footer > .wrap-ext{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}
.int-footer-inner{
    background-color: var(--cl-semi-light);
    padding: 60px 15px;
    border-radius: 16px;
    width: 100%;
}
.int-footer-inner-wrap{
    max-width: calc(var(--v-cont) - 30px);
    margin: 0 auto;
    display: grid;
    width: 100%;
    grid-template-rows: 70px auto; 
    grid-template-areas:
        "a c d"
        "b c d";
    grid-template-columns: auto 415px auto;
}
.int-footer-logo{
    grid-area: a;
}
.int-footer-logo img{
    width: 100%;
    max-width: 250px;
    height: auto;
}
.int-footer-social{
    grid-area: b;
    display: flex;
    gap: 20px;
    align-items: start;
}
.int-footer-social a img{transition: scale 150ms ease-in-out, opacity 300ms ease-in-out;}
.int-footer-social a:hover img{scale: 0.95; opacity: 0.7;}
.int-footer-menu{
    grid-area: c;
    display: flex;
    gap: 30px;
}
.int-footer-adresses{
    grid-area: d;
    display: flex; 
    flex-direction: column;
    gap: 20px;
}
.int-footer-adresses .int-footer-adress{
    border-radius: 16px;
    background-color: var(--cl-white);
    overflow: hidden;
    display: flex;
    justify-content: stretch;
    align-self: center;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
}
.int-footer-adresses .int-footer-adress-link{
    padding: 13px;
    background-color: var(--cl-brown);
    transition: background-color 300ms ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}
.int-footer-adresses .int-footer-adress-link:hover{
    background-color: var(--cl-brown-2);
}
.int-footer-adresses a img{
    transition: scale 300ms ease-in-out;
}
.int-footer-adresses a:hover img{
    scale: 1.05;
}
.int-mobile-map-preview-wrap{
    display: none;
}
.int-footer-adress-mobile-arrow{
    padding: 0 16px 0 6px;
    background: none;
    display: none;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
}
.int-footer-adress-mobile-arrow img{ transition: rotate 150ms ease-in-out; }
.int-footer-adress-text{
    padding: 13px;
    font-family: 'Roboto Flex', sans-serif;
    font-weight: 500;
    font-size: 16px;    
    letter-spacing: 0%;
    color: var(--cl-brown);
    justify-content: start;
    align-items: center;
    display: flex;
    gap: 10px;
    margin: 0;
    width: 100%;
    text-decoration: underline;
    text-decoration-color: var(--cl-gray);
    text-decoration-style: dotted;
    text-underline-offset: 2px;
    transition: text-decoration-color 300ms ease-in-out;
}
.int-footer-adress-text:hover{
    text-decoration: underline;
    text-decoration-color: var(--cl-brown);
    text-decoration-style: dotted;
    text-underline-offset: 2px;
}
.int-footer-powered{
    font-family: "Roboto Flex", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: var(--cl-brown);
    margin: 20px auto;
    text-transform: uppercase;
}
.int-footer-menu > ul{
    list-style: none;
    gap: 0 30px;
    padding: 0;
    margin: 0;
    /* columns: 2; */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: unset !important;
    width: 100%;
}
.int-footer-menu > ul > li{
    margin-bottom: 20px;
    /* max-width: calc(50% - 20px); */
    max-width: unset !important;
    width: 100%;
}
.int-footer-menu > ul > li a{
    color: var(--cl-brown);
    font-family: 'Roboto Flex', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}

/*--- product card ---*/
.int-product-card{
    background-color: var(--cl-white);
    box-shadow: 0px 10px 30px 0px #2F22120D;
    display: flex;
    align-items: center;  
    flex-direction: column;
    text-align: center;
    gap: 15px; 
    border-radius: 16px;
    padding-bottom: 15px;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.int-product-card .int-product-info{
    display: flex;  
    flex-direction: column;
    text-align: center;
    padding: 0 15px;
    gap: 15px; 
    height: 100%;
    width: 100%;
}
.int-product-card .int-product-card-image{
    margin: 0;
    position: relative;
    display: block;
    aspect-ratio: 1/1;
    height: 100%;
    width: 100%;
    max-height: 260px;
    max-width: 260px;
    object-fit: cover;
    object-position: center;
    margin: 20px 12px;
}
/* .int-product-card-image-wrap{
    margin: 20px 12px; 
    position: relative;
    width: auto;
}
.int-product-card-image-wrap::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    box-shadow: inset 0 0 20px 15px var(--cl-white);
} */
.int-product-card .int-product-card-title{
    font-family: 'Roboto Flex', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    margin-bottom: auto;
}

.int-btn-pill{
    box-sizing: border-box;
    font-family: 'Roboto Flex', sans-serif;
    font-synthesis: none;
    font-optical-sizing: none;
    font-size: 14px;
    line-height: 1;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    white-space: nowrap;
    margin: 0;
    transition: background-color 300ms ease-in-out,
                border-color 300ms ease-in-out;
    cursor: pointer;
    border: 2px solid var(--cl-light); 
    color: var(--cl-brown);
    font-weight: 400;
    font-variation-settings: "wght" 400;
}
.int-product-card-wishlist-btn{
    padding: 14px 10px;
}
.int-product-card-wishlist-btn svg{
    transition: fill 300ms ease-in-out,
                scale 150ms ease-in-out; 
}
.int-product-card-wishlist-btn:active svg{ 
    scale: 0.9;
}
.int-product-card-wishlist-btn.int-in-wishlist svg,
.int-product-card-wishlist-btn:hover svg{ 
    fill: var(--cl-light); 
}
.int-product-card-cart-btn{
    display: flex; 
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border-radius: 16px;
    border: 2px solid var(--cl-light);
    transition: background-color 300ms ease-in-out,
                border-color 300ms ease-in-out;
    outline: none;
    height: 48px;
    width: 48px;
}
.int-product-card-cart-btn.active,
.int-product-card-cart-btn:hover{
    border-color: transparent;
    background-color: var(--cl-light);
}
.int-btn-pill:hover,
input:checked + .int-btn-pill,
.int-btn-pill.active{
    background-color: var(--cl-semi-light);
    border: 2px solid transparent; 
}
input:checked + .int-btn-pill{
    font-weight: 600;
    font-variation-settings: "wght" 600;
}
.int-product-card-optionsgroup{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px 10px;
    width: auto;
    margin: 0 auto;
}
.int-product-card-optionsgroup label{
    margin: 0;
}
.int-product-card-pricegroup{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.int-product-card-pricegroup .int-price{
    font-family: 'Roboto Flex', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    text-align: start;
    margin: 0;
    margin-right: auto;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
}
.int-product-card-pricegroup .int-price .int-price-new{
    font-weight: 600;
    line-height: 100%;
    color: var(--cl-accent);
}
.int-product-card-pricegroup .int-price .int-price-old{
    font-weight: 400;
    line-height: 100%;
    text-decoration: line-through;
    color: var(--cl-brown);
    opacity: 0.5;
}

.int-product-compare-btn{
    background: none;
    border: none;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    padding: 0;
}
.int-product-compare-btn svg{
    height: 30px;
    width: 30px;
    transition: stroke 300ms ease-in-out;
}
.int-type-list .int-product-compare-btn{
    top: 30px;
    right: 30px;
}
.int-product-compare-btn.active svg{
    stroke: var(--cl-accent);
}
.int-category-card{
    padding: 20px 20px 35px;
    border-radius: 16px;
    background-color: var(--cl-semi-light);
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
}
.int-category-card > a{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.category-wall-swiper .int-category-card{
    display: flex;
    height: 340px;
    gap: 30px;
}
.category-wall-slider .category-wall-pagination{ position: static; }
.category-wall-slider .category-wall-swiper .category-wall-pagination .swiper-pagination-bullet{ margin-top: 25px; }
.int-carousel-wrap{
    margin-top: 70px;
    margin-bottom: 70px;
    min-width: 0px;
    max-width: 1070px;
}
.swiper-viewport-wrap{
    margin-left: auto;
}
.int-carousel-wrap .swiper-container{ 
    padding-bottom: 50px; 
    width: 818px;
}
.swiper-pagination-bullets.int-swiper-pagination{
    bottom: 0;
}
.int-carousel-pagination{ display: none; }
.int-carousel-wrap .swiper-viewport{ min-width: 0px; }
.swiper-pagination-bullets.int-swiper-pagination .swiper-pagination-bullet{
    height: 10px; 
    width: 10px;
    margin: 0 5px;
    box-shadow: none;
    transition: background-color 150ms ease-in-out;
    background-color: var(--cl-light);
}
.swiper-pagination-bullets.int-swiper-pagination .swiper-pagination-bullet-active,
.swiper-pagination-bullets.int-swiper-pagination .swiper-pagination-bullet:hover{
    background-color: var(--cl-accent);
}
.int-category-card img{
    aspect-ratio: 1/1;
    display: block;
    height: 100%;
    width: auto;
    object-fit: contain;
    object-position: center;
    transition: scale 150ms ease-in-out;
}
.int-category-card:hover img{
    scale: 1.05;
}
.wrap .int-home-swiper{
    margin: 0 -20px; 
    padding: 0 20px 50px;
}
.int-home-swiper::after,
.int-home-swiper::before{
    content: "";
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    background: linear-gradient(90deg,var(--cl-surface) 0%, #FAFBFC00 100%);
}
.int-home-swiper::after{
    left: auto;
    right: 0;
    background: linear-gradient(270deg,var(--cl-surface) 0%, #FAFBFC00 100%);
}

.int-home-slideshow video{
    object-fit: cover;
}
.swiper-viewport.int-home-slideshow{
    background: transparent;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: none;
    border: none;
}
.swiper-viewport.int-home-slideshow .swiper-wrapper .swiper-slide{
    height: 500px;
    display: flex;
    overflow: hidden;
    border-radius: 16px;
}
.int-home-slideshow .swiper-container > .swiper-pagination-bullets.int-swiper-pagination{
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    max-width: calc(var(--v-cont) - 30px);
    display: flex;
    justify-content: start;
}

/* --- SEO block --- */
.int-seo-description-more{
    color: var(--cl-accent);
    text-decoration: underline;
    margin-top: 30px;
    background: none;
    border: none;
    outline: none;
    width: auto;
    margin-right: auto;
    padding: 0;
}
.int-seo-description-text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
}
.int-seo-description-text.opened{
    -webkit-line-clamp: unset;
}
.int-seo-description{
    display: flex;
    justify-content: space-between;
    font-family: 'Roboto Flex', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    margin-top: 100px;
    margin-bottom: 100px;
    gap: 30px;
}
.int-seo-description-left{
    max-width: 615px; 
    flex: 7;
    display: flex;
    flex-direction: column;
}
.int-seo-description-right{
    /* max-width: 450px; */
    max-height: 321px;
    flex: 5;
    height: auto;
    overflow: hidden;
    border-radius: 16px;
}
.int-seo-description h1{
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 25px;
    margin-top: 0;
}
.swiper-container > .swiper-wrapper > .swiper-slide{
    height: auto;
}
.swiper-slide picture{
    width: 100%;
    height: 100%;
}

/* --- Custom popup styles --- */
.mfp-content .ocdw_in_stock_alert-popup{
    border-radius: 10px;
    max-width: 500px;
    width: 100%;
}
.mfp-content .ocdw_in_stock_alert-popup .inner-center{
    padding: 0;
    max-width: 340px;
    margin: 30px auto 40px auto;
}
.mfp-content .int-popup-window-title{
    text-transform: uppercase;
    margin-top: 40px;
    font-size: 24px;
    font-weight: 600;
}
.int-inner-header .modal-close{
    position: absolute;
    top: 20px;
    right: 20px;
}
.int-inner-header,
.int-inner-footer{
    text-align: center;
    display: flex; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#ocdw_in_stock_alert-block .inner-center .int-input{
    height: 50px;
    padding: 14px 16px !important;
    font-size: 16px !important;
    border-width: 2px !important;
    border-color: var(--cl-light);
}
.int-inner-footer .int-btn{
    width: 100%;
    max-width: 340px;
    margin: 0 auto 40px auto;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    
}


/* --- Carouseel --- */
.int-carousel-wrap{
    display: flex;
    align-items: center;
    gap: 50px;
}
.int-carousel-wrap .swiper-viewport{
    background: none;
    box-shadow: none;
    outline: none;
    border: none;
    margin: 0;
}
.int-carousel-wrap .swiper-viewport .swiper-slide img{
    filter: grayscale(1);
}
.int-carousel-wrap .int-h3{
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    line-height: 100%;
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: 50px;
    font-weight: 400;
}

.int-info-block{
    display: flex;
    gap: 30px;
}
.int-info-block > .int-info-block-item{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 16px;
    line-height: 130%;
    font-family: 'Roboto Flex', sans-serif;
    color: var(--cl-brown);
}
.int-info-block .int-info-block-title p{
    margin: 0;
    display: flex;
    align-self: stretch;
    align-items: center;
}
.int-info-block .int-info-block-title{
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
    display: flex;
    gap: 16px;
    align-items: center;
}
.int-info-block > .int-info-block-item img{
    height: 60px;
    width: 60px;
}
.int-header-burger-btn{ 
    display: none; 
    background: none;
    border:none;
    outline: none;
    padding: 0;
}
.int-header-burger-btn .int-burger-img-cross{ display: none; }
.int-header-burger-btn.opened .int-burger-img-menu{ display: none; }
.int-header-burger-btn.opened .int-burger-img-cross{ display: block; }
.int-slider-info{
    width: 100%;
    position: absolute;
    left: 50%;
    display: flex;
    flex-direction: column;
    max-width: calc(var(--v-cont) - 30px);
    gap: 24px;
    text-align: start;
    justify-content: start;
    pointer-events: none;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* ----------- left padding fix ---------- */
.int-home-slideshow .swiper-container > .swiper-pagination-bullets.int-swiper-pagination,
.int-slider-info{
    max-width: min(calc(var(--v-cont) - 30px), calc(100% - 80px));
}
.int-slider-info > *{max-width: 530px;}
.int-slider-info .int-slider-info-title{
    margin-top: 10px;
    margin-bottom: 24px;
    line-height: 1.1;
}
.int-slider-info .int-slider-info-title, .int-slider-info p{
    font-size: 64px;
    font-weight: 500;
    font-family: 'Roboto Flex', sans-serif;
}
.int-slider-info p{
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
}
.int-slider-wrapper{
    position: relative;
}
.int-carousel-wrap:hover .int-slider-wrapper .swiper-pager{
    opacity: 1;
}
.int-carousel-wrap .int-slider-wrapper .swiper-pager{
    display: block;
    top: 35px;
}
.int-carousel-wrap .int-slider-wrapper{
    margin-left: auto;
}
.int-home-slideshow .swiper-pager{
    z-index: 10;
}
.int-slider-wrapper .swiper-pager{
    transition: opacity 300ms ease-in-out;
    opacity: 0;
    top: calc(50% - 30px);
    z-index: 10;
}
.int-slider-wrapper:hover .swiper-pager{ opacity: 1; }
.swiper-pager .swiper-button-prev{ left: -30px; }
.swiper-pager .swiper-button-next{ right: -30px; }
.swiper-pager .swiper-button-prev, 
.swiper-pager .swiper-button-next{
    height: 60px;
    width: 30px;
    border-radius: 12px;
    position: absolute;
    opacity: 0.7;
}
.swiper-pager .swiper-button-prev:before, 
.swiper-pager .swiper-button-next:before{
    content: none;
}

.int-question-body{
    font-size: 16px; 
    color: var(--cl-brown);
}
.int-question-text{ font-weight: 600; }
.int-question-votes{
    margin-bottom: 20px;
    display: flex;
    gap: 16px;
    align-items: center;
}
.int-question-votes > button{
    display: flex;
    gap: 8px;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    color: var(--cl-brown);
    opacity: 0.6;
    transition: 300ms ease-in-out opacity;
    cursor: pointer;
}
.int-question-votes > button:hover{
    opacity: 1;
}

.int-menu-info-popup-wrap,
#cart > .wrap{
    position: fixed;
    z-index: 9996;
    top: var(--v-header);
    width: 100%;
    height: calc(100% - var(--v-header));
    background-color: var(--cl-white);
    align-items: stretch;
    right: -110vw;
    display: flex;
    transition: right 300ms ease-in-out,
                top 150ms ease-in-out,
                height 150ms ease-in-out;
    max-width: 710px;   
}
.int-header-burger-btn.opened + .int-menu-info-popup-wrap,
#cart.open > .wrap{
    right: 0;
}
.int-menu-info-popup-wrap .wrap{
    overflow-y: auto;
}
.int-menu-info-popup{
    display: flex;
    flex-direction: column;
    gap: 45px;
    padding: 40px 0;
    width: 100%;
    height: 100%;
}
.int-menu-info-popup-social-icons{
    display: flex;
    gap: 16px;
}
.int-menu-info-popup-social-icons a img{
    height: 40px;
    width: 40px;
}
.int-menu-info-popup-top-btns{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: stretch;
}
.int-menu-info-popup-top-btns a,
.int-menu-info-popup-top-btns button{
    height: 43px;
    font-size: 16px;
    width: 100%;
}
/* .int-menu-info-popup .int-footer-adress.opened + .int-mobile-map-preview-wrap, */
.int-menu-info-popup .int-mobile-map-preview-wrap{
    background-color: var(--cl-semi-light);
}
.int-menu-info-popup .int-footer-adress{
    border: 1px solid var(--cl-light);
}
.int-menu-info-popup .int-footer-menu ul{
    text-align: start;
    grid-template-rows: repeat(4, auto);
}
.int-menu-info-popup-social{
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    align-items: center;
}
.int-menu-info-popup-social-lang{
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto Flex', sans-serif;
    color: var(--cl-brown);
}
.int-menu-info-popup-social-lang a:not(.active){
    text-decoration: underline; 
}
.int-menu-info-popup-social-lang a.active{
    color: var(--cl-accent);
}
.int-product-card .btn-outofstock{
    color: var(--cl-brown-light);
}
.btn-outofstock {
    background: none;
    text-align: left;
    line-height: 100%;
    width: 85px;
    font-size: 15px;
    padding: 0;
    border: 0;
}
.btn-outofstock:hover {
    background: none;
}
/* -------------- Breadcrumbs ------------ */
.int-breadcrumb-wrap{
    max-width: 100vw;
    margin: 0 -15px -10px -15px;
    font-size: 14px;
    position: relative;
}
.int-breadcrumb-wrap::after, .int-breadcrumb-wrap::before{
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 15px;
    left: 0;
    background: linear-gradient(90deg, var(--cl-surface), #fff0);
    z-index: 2;
} 
.int-breadcrumb-wrap::after{
    left: auto;
    right: 0;
    background: linear-gradient(270deg, var(--cl-surface), #fff0);
}
.int-breadcrumb{
    display: flex;
    gap: 10px;
    font-size: 14px;
    list-style: none;
    padding: 0;
    font-family: 'Roboto Flex', sans-serif;
    align-items: center;
    overflow-y: auto;
    padding: 0 15px 10px 15px;
    margin-bottom: 0;
}
.int-breadcrumb span{
    white-space: nowrap;
}
.int-breadcrumb a{
    color: var(--cl-brown);
    opacity: 0.5;
    transition: opacity 300ms ease-in-out;
    white-space: nowrap;
}
.int-breadcrumb a:hover{
    opacity: 1;
    color: var(--cl-brown);
}

.int-popup-window{
    position: fixed;
    top: 0;
    width: 0;
    height: 100dvh;
    width: 100dvw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10001;
}
.int-popup-window-message{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    background-color: var(--cl-surface);
    flex-direction: column;
    padding: 30px;
    text-align: center;
}
.int-popup-window-message span{text-transform: uppercase;}
.int-popup-window .int-popup-window-fade{
    background-color: var(--cl-fade);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.int-popup-window-content{
    max-width: 520px;
    min-height: 180px;
    min-width: 300px;
    padding: 40px 30px;
    background-color: var(--cl-surface);
    position: relative;
    border-radius: 10px;
    overflow: hidden auto;
    width: 100%;
    gap: 30px;
    display: flex;
    flex-direction: column;
    max-height: calc(100dvh - 60px);
}
.int-popup-window-content .int-btn-link{
    font-size: 18px;
}
.int-popup-window-content .int-btn-secondary{
    height: 51px; 
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}
.int-popup-window-content .int-burger-img-cross{
    background: none;
    padding: 0;
    border: none;
    outline: none;
    position: absolute;
    top: 20px;
    right: 20px;
    left: auto;
    bottom: auto;
    z-index: 1000;
}
.int-popup-window-content .int-popup-window-title{
    font-size: 24px;
    font-weight: 700;
    color: var(--cl-brown);
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-top: 0;
}
.int-popup-window-content form{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
}
.int-popup-window-content form .int-input{
    width: 100%;
}
.int-popup-window-content form legend{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: var(--cl-brown);
    border: none;
    margin: 0;
    margin-bottom: 5px;
}
.int-popup-window-review-stars > label > img{display: block;}
.int-popup-window-review-stars > label > img:first-of-type{display: none;}

.int-popup-window-review-stars > .int-selected > img{display: none;}
.int-popup-window-review-stars > .int-selected > img:first-of-type{display: block;}


/*--- custom oneclick popup ---*/
.int-popup-window #popup-quickorder{
    background: none;
    margin: auto;
    width: 100%;
    max-width: unset;
}
.int-popup-window #popup-quickorder .popup-heading,
.int-popup-window #popup-quickorder .popup-footer{
    padding: 0 0 30px;
    display: flex; 
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border: none;
    background: none;
}
.int-popup-window #popup-quickorder .popup-footer{
    border-top: 2px solid var(--cl-light);
    padding: 30px 0 0;
}
.int-popup-window #popup-quickorder .popup-footer .int-btn{
    margin: 0;
    max-width: 340px;
    width: 100%;
}
.int-popup-window #popup-quickorder .price-quantity-quickorder .quantity_quickorder{
    border-radius: 8px;
    display: flex;
    align-items: center;
    border: 2px solid var(--cl-light);
    justify-content: space-around;
    max-width: 100px;
    margin: 0;
}
.int-popup-window #popup-quickorder .price-quantity-quickorder{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.int-popup-window #popup-quickorder #fastorder_data{
    display: grid; 
    gap: 0 44px;
    grid-template-columns: 440px 400px;
    padding-bottom: 30px;
}
#fastorder_data > .int-separator{ display: none; }
.int-oneclick-popup-contacts-title{ display: none; }

.int-popup-window-content #popup-quickorder .int-burger-img-cross{
    top: -10px;
    right: 0;
}
.popup-center .int-popup-window-message{
    position: static;
}

.int-popup-window #popup-quickorder .radio-checbox-options{ margin: 0; }
.int-popup-window #popup-quickorder .radio-checbox-options label{
    background-color: transparent;
    border: 2px solid var(--cl-light);
    height: 40px;
    border-radius: 8px;
    color: var(--cl-brown);
    font-size: 16px;
    padding: 8px 11px;
    margin: 0;
    box-shadow: none !important;
    transition: background-color 300ms ease-in-out,
                border-color 300ms ease-in-out;
}
.form-group-radio-inner{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.int-popup-window #popup-quickorder label.control-label{
    color: var(--cl-brown);
    font-size: 16px;
    font-weight: 500;
}
.int-popup-window #popup-quickorder .radio-checbox-options input + label:hover,
.int-popup-window #popup-quickorder .radio-checbox-options input:checked + label{
    border: 2px solid transparent;
    background-color: var(--cl-semi-light);
    font-weight: 600;
}

.int-popup-window #popup-quickorder .price-quantity-quickorder .special_fast,
.int-popup-window #popup-quickorder .price-quantity-quickorder .price_fast,
.int-popup-window #popup-quickorder .quantity_quickorder > input:hover,
.int-popup-window #popup-quickorder .quantity_quickorder > input:active,
.int-popup-window #popup-quickorder .quantity_quickorder > input{
    background: none;
    outline: none;
    border: none;
    font-size: 16px;
}
.int-popup-window #popup-quickorder .price-quantity-quickorder .price_fast,
.int-popup-window #popup-quickorder .price-quantity-quickorder .special_fast{
    display: flex;
    flex-direction: column;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.int-popup-window #popup-quickorder .price-quantity-quickorder .price-old span{
    font-size: 22px;
    color: var(--cl-brown-light);
    font-weight: 400;
    text-decoration: line-through;
}
.int-popup-window #popup-quickorder .price-quantity-quickorder .price-new span{
    font-size: 22px;
    color: var(--cl-accent);
    font-weight: 600;
}
.int-oneclick-popup-info{
    display: flex;
    gap: 16px;
    width: 100%;
}
.int-oneclick-popup-info h4{
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}
.int-oneclick-popup-info-thumb{
    height: 140px;
    width: 140px;
    overflow: hidden;
    border-radius: 16px;
}
.int-oneclick-popup-info-right{
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: start;
    flex: 1;
}
.int-oneclick-popup-left,
.int-oneclick-popup-right{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.int-oneclick-popup-options{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.int-oneclick-popup-right .form-group{ margin: 0; }
.int-oneclick-popup-right .form-group .input-group{ width: 100%; }
.int-oneclick-popup-right .form-group .input-group input{
    width: 100%;
    height: 50px;
    border: 2px solid var(--cl-light);
    font-size: 16px;
    padding: 13px 16px;
    box-shadow: none;
    outline: none;
    border-radius: 10px;
}

#simple_login .simplecheckout-block-content{
    max-width: 330px;
    margin: 0 auto;
    font-size: 16px;
}
#simple_login .simplecheckout-block-content .int-btn-link{
    margin-left: auto;
    text-align: right;
    margin-top: 10px;
    justify-content: end;
    padding-right: 10px;
}
#simple_login .simplecheckout-block-content .int-btn{
    text-transform: uppercase;
    font-weight: 500;
}

.simple-content #simple_login{
    border-radius: 10px;
    padding: 40px;
    height: auto;
    max-height: calc(100vh - 200px);
    max-width: min(500px, calc(100% - 40px));
    width: 100% !important;
    overflow-y: auto;
    background-color: var(--cl-surface);
}
.int-simple-close-btn{
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
}
.simple-content #simplecheckout-block-content{
    padding: 0;
}
#simple_login .simplecheckout-block-content .int-input{
    font-size: 16px;
}

/* ----------- callback button & misc */
.callback-btn {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 999;
    background-color: #DEE5E9;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 200ms ease-in-out,
                scale 300ms ease-in-out; 
}
.callback-btn:hover { 
    background-color: var(--cl-light);
    scale: 1.15;
}
.callback-btn .callback-btn-wave {
    z-index: -1;
    background: none;
    border-radius: 50%;
    border: 1px solid #DEE5E9; 
    width: 100%;
    height: 100%;
    animation: 3s cubic-bezier(.15,1.02,0,.99) infinite beaconBlink;
    position: absolute;
    top: 0;
    left: 0;
}
.callback-btn .callback-btn-wave:nth-of-type(3n+1){ animation-delay: 200ms; }
.callback-btn .callback-btn-wave:nth-of-type(3n+2){ animation-delay: 400ms; }

@keyframes beaconBlink {
    0% {
        opacity: 1.0;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(1.7);
    }
}

#popup-call #form-callback{
    max-width: 330px;
    width: 100%;
    margin: 0 auto; 
}
#popup-call #button-callback{ margin-top: 24px; }



/* -------------- TABLET ------------ */
@media (max-width: 1280px) {
    .int-slider-wrapper .swiper-pager{
        display: none;
    }
}
@media (min-width: 1200px) {
    .swiper-viewport.int-home-slideshow{
        overflow: visible;
    }
    .int-home-slideshow .swiper-pager{
        width: calc(100% + 30px);
        /* left: -50px;
        top: calc(50% - 30px); */
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 1200px) {
    .int-menu-dropdown-cat-image{
        display: none;
    }
    .int-carousel-pagination{ display: block; }
    .int-menu-dropdown-cat-btn svg,
    .int-menu-dropdown-cat-btn.active svg,
    .int-menu-dropdown-cat-btn:hover svg{
        right: 0;
    }
    .int-menu-dropdown-cat-btn.active,
    .int-menu-dropdown-cat-btn:hover{
        background-color: transparent;
    }
    .int-menu-dropdown-cat-btn.active svg,
    .int-menu-dropdown-cat-btn:hover svg{
        stroke: rgb(189, 204, 212);
    }
    #int-header-dropdown-content .int-menu-dropdown-page{
        width: 100%;
        padding-right: 0;
    }
    .int-menu-dropdown-topline{
        display: flex;
    }
    /* .int-product-card-image-wrap{
        margin: 20px auto; 
    } */
    .int-product-card .int-product-card-image{
        max-width: 250px;
        max-height: 250px;
        margin: 15px auto;
    }
    
    .int-seo-description{
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .int-seo-description h1{
        font-size: 26px;
        margin-bottom: 20px;
    }
    .int-product-card-pricegroup,
    .int-product-card-optionsgroup{
        gap: 6px;
    }
    /* .int-btn-pill{
        padding: 6px 10px;
    } */
    .int-footer-menu > ul{
        width: 100%;
        gap: 0 10px;
        max-height: 180px;
        /* grid-template-rows: repeat(3, auto); */
        /* columns: 3; */
    }
    .int-footer-menu > ul > li{
        margin-bottom: 20px;
        max-width: calc(30% - 20px);
    }
    .int-footer-social img{
        height: 30px;
        width: 30px;
    }
    .int-decorated-title{
        font-size: 26px;
    }
    :root{
        --v-header:     100px;
        --v-header-p:   168px;
        --v-cont:       704px;
        --v-cont-ext:   704px;
    }
    #int-menu .int-header-dropdown-subcategories .int-header-subcategories-image{
        display: none;
    }
    .int-carousel-wrap.wrap{ 
        max-width: 800px;
        margin-top: 30px;
        flex-direction: column;
        gap: 0;
    }
    .int-carousel-wrap .int-h3{
        margin-bottom: 30px;
        font-size: 20px;
        text-transform: uppercase;
    }
    .int-carousel-wrap .int-slider-wrapper .swiper-pager{
        display: none;
    }
    .int-header .int-btn-menu:last-child{
        margin-right: auto;
    }
    .int-header .int-btn-menu{
        height: 40px;
    }
    .int-header .int-btn-menu-border{
        height: 40px;
        width: 40px;
    }
    .int-carousel-wrap .swiper-container{
        width: 508px;
    }
    .int-slider-info{
        top: 50%;
        left: 30px;
        transform: translateY(-50%);
        gap: 4px;
    }
    .int-home-slideshow .swiper-container > .swiper-pagination-bullets.int-swiper-pagination{
        transform: unset;
    }
    .int-seo-description-text{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 12;
        overflow: hidden;
    }
    .int-seo-description-text.opened{
        -webkit-line-clamp: unset;
    }
    #int-header-dropdown-content{
        max-height: calc(100% - var(--v-header) - 20px);
    }
    .int-header-dropdown-content .wrap{
        position: relative;
    }
    .int-slider-info .int-slider-info-title{
        font-size: 60px;
        margin-bottom: 20px;
    }
    #int-menu{
        /* position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        gap: 0;
        max-width: unset;
        transform: translateX(0%);
        transition: transform 300ms ease-in-out; */
        margin-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #int-header-dropdown-content{
        height: auto;
        overflow-x: hidden;
    }
    #int-menu.to-subcategory{
        transform: translateX(-50%);
    }
    #int-menu .int-header-dropdown-subcategories .int-header-dropdown-topline{
        display: flex;
        justify-content: start;
        gap: 24px;
    }
    #int-menu .int-header-dropdown-subcategories .int-header-dropdown-topline b{
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--cl-brown);
    }
    #int-menu .int-header-dropdown-subcategories, #int-menu .int-header-dropdown-categories{
        max-width: 50%;
        width: 100%;
        gap: 24px;
    }
    .int-home-slideshow .swiper-container > .swiper-pagination-bullets.int-swiper-pagination{
        width: auto;
        left: 30px;
        bottom: 30px;
    }
    .int-header-iconbtn{
        height: 24px;
        width: 24px;
    }
    .swiper-viewport.int-home-slideshow .swiper-wrapper .swiper-slide{
        height: 460px;
    }
    .int-decorated-title{
        margin-bottom: 30px;
    }
    .int-home-block{
        margin-bottom: 80px;
        margin-top: 30px;
    }
    .wrap .int-home-swiper{
        margin: 0 -15px;
        padding: 0 15px 50px;
    }
    .int-seo-description{
        flex-direction: column;
        gap: 30px;
    }
    .int-seo-description .int-seo-description-left,
    .int-seo-description .int-seo-description-right{
        width: 100%;
        max-width: 100%;
    }
    .int-seo-description .int-img-responsive{
        max-height: 360px;
    }
    .int-footer-logo img{
        width: 100%;
        max-width: 250px;
        height: auto;
    }
    .int-info-block{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .int-header-right-btngroup{
        gap: 10px;
    }
    .int-header-iconbtn img{
        /* height: 24px; */
        width: 24px;
    }
    .int-category-card{ font-size: 16px; }
    .int-header-left{
        width: 100%;
        max-width: unset;
        gap: 10px;
    }
    .int-header-right{
        min-width: 130px;
        width: auto;
    }
    .int-header #logo{ display: none; }
    .int-header #logo-mobile img{
        max-height: 24px;
    } 
    .int-header #logo-mobile{ 
        display: flex; 
        max-width: unset;
        width: auto;
        margin-right: auto;
    }
    .int-header .int-btn-menu-border span{ display: none; }
    .wrap, .wrap-ext{
        max-width: unset;
        max-width: calc(100% - 30px);
        /* max-width: var(--v-cont); */
        width: 100%;
    }
    .int-slider-wrapper{
        width: 100%;
    }
    .int-footer-inner{
        padding: 0;
    }
    .int-footer-inner-wrap{
        padding: 50px 30px 40px;
        gap: 40px;
        max-width: unset;
        grid-template-rows: unset;
        grid-template-areas:
            "a b"
            "c c"
            "d d";
        grid-template-columns: auto;
    }    
    .int-footer-adresses .int-footer-adress{
        margin: 0;
        max-width: unset;
    }
    .int-footer-social{
        justify-content: end;
        align-items: center;
    }
    

    .int-header-search-wrap.opened .int-floating-search,
    .int-header-search-wrap .int-floating-search{
        transition: top 150ms ease-in-out;
        top: calc(var(--v-header));
        position: fixed;
        right: 30px;
        width: calc(100% - 60px);
    }
    .int-searchgroup{ margin: 0; }
    .int-menu-dropdown-cat-btn{
        padding: 24px 50px 24px 0;
        font-size: 20px;
    }
    .int-header-search-wrap .int-floating-search{display: none;}
    .int-header-search-wrap .int-floating-search + .int-header-iconbtn{display: flex;}
    
    .int-header-search-wrap.int-fixed .int-floating-search{display: flex;}
    /* .int-header-search-wrap.int-fixed .int-floating-search + .int-header-iconbtn{display: none;} */
    
    .int-header-search-wrap.int-top-fixed .int-floating-search{display: flex !important;}
    .int-header-search-wrap.int-top-fixed .int-header-iconbtn{display: none;}

    .int-header-search-wrap.int-popup-blocked .int-floating-search{display: none !important;}
    /* .int-header-search-wrap.int-top-fixed .int-floating-search + .int-header-iconbtn{display: none !important;} */
    .int-droplist-list{
        /* width: 100%; */
        left: 0;
        right: auto;
        min-width: 100%;
    }
    .int-droplist{
        font-size: 14px;
        padding: 10px 20px;
    }
    .int-droplist-list{
        justify-self: start;
    }
    .int-droplist-list a{
        text-align: left;
    }
    .int-popup-window #popup-quickorder #fastorder_data{
        grid-template-columns: 1fr 1fr;
    }
    .int-oneclick-popup-info-thumb{
        height: 90px;
        width: 90px;
    }

    .simple-content input[type=text]{
        font-size: 16px !important;
    }

    #common-home .int-home-slideshow .swiper-pager{
        max-width: calc(100% - 30px);
    }
    .int-home-slideshow .swiper-pager{
        display: none;
        bottom: 20%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 20;
    }
    .int-home-slideshow .swiper-pager .swiper-button-prev,
    .int-home-slideshow .swiper-pager .swiper-button-next{
        height: 48px;
        width: 48px;
        background-color: var(--cl-surface); 
    }
}


/* -------------- PHONE ------------ */
@media (min-width: 767px) and (max-width: 880px) {
    .int-product-card .int-product-card-image{
        max-width: 230px;
        max-height: 230px;
    }
}
@media (max-width: 767px) {
    .int-popup-window #popup-quickorder .popup-footer{
        border-top: 0;
        padding-top: 0;
    }
    .mfp-content .int-popup-window-title{
        font-size: 18px;
    }
    /* .int-footer-adress-mobile-arrow{display: flex;} */
    /* .int-footer-adress > a{ display: none; } */
    .int-droplist-list{
        right: auto;
        left: 0;
    }
    .int-product-card-pricegroup .int-price{
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }
    .int-footer-powered{
        font-size: 14px;
    }
    .int-slider-info{ 
        gap: 0; 
        max-width: 90%;
    }
    .int-slider-info .int-slider-info-title{ font-size: 48px; }
    .int-slider-info p{ font-size: 18px; } 
    #int-menu .int-header-dropdown-subcategories, #int-menu .int-header-dropdown-categories{
        gap: 14px;
    }
    .int-category-card{ font-size: 16px; }
    .int-footer-adress-text{ font-size: 14px; }
    .int-seo-description{
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .int-seo-description h1{ font-size: 24px; }
    .int-seo-description-text{ font-size: 14px; }
    .int-seo-description-more{ 
        font-size: 16px; 
        margin-top: 10px;
    }
    .int-slider-info > *{
        max-width: calc(100% - 60px);
    }
    .int-header-left .int-btn-menu-border{
        height: 36px;
        width: 36px;
    }
    .int-header #logo-mobile img{
        max-height: 22px;
    } 
    .wrap, .wrap-ext{
        max-width: unset;
    }
    .int-carousel-wrap .swiper-container{
        width: auto;
    }
    .int-carousel-wrap{
        margin-top: 30px;
        margin-bottom: 60px;
        min-width: 0px;
    }
    .int-carousel-wrap h2{
        margin-top: 0;
        margin-bottom: 0;
    }
    .int-header-burger-btn{ display: flex; }
    .int-decorated-title{
        margin-bottom: 30px;
    }
    .int-category-card img{
        aspect-ratio: unset;
        width: 100%;
    }
    .int-home-block{
        margin-bottom: 60px;
        margin-top: 20px;
    }
    .int-info-block{
        gap: 30px 20px;
    }
    .swiper-viewport-wrap{ max-width: 100% }
    .int-info-block .int-info-block-title{
        flex-direction: column;
        align-items: start;
        font-size: 16px;
    }
    .int-info-block > .int-info-block-item{
        gap: 10px;
    }
    .int-info-block > .int-info-block-item img{
        height: 40px;
        width: 40px;
    }
    .int-footer-logo img{
        width: 100%;
        max-width: 250px;
        height: auto;
    }
    .int-decorated-title{ 
        font-size: 20px; 
        width: 100%;
        text-align: center;
        display: block;
    }
    .int-btn-menu-border{
        padding: 6px;
        height: 36px;
    }
    .int-decorated-title::after,
    .int-decorated-title::before{content: none;}
    :root{ 
        --v-header: 76px; 
        --v-header-p: 124px; 
    }
    body{ padding-top: 120px; }
    .int-seo-description-right{
        max-height: 413px;
    }
    .int-header-left .int-btn-menu{ display: none;}
    .int-header-left .int-btn-menu-border{ display: flex;}
    .int-footer-inner-wrap{
        padding: 60px 16px 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }
    .int-footer-adresses{
        gap: 0;
    }
    .int-footer-adresses .int-footer-adress{
        margin: 0;
        margin-bottom: 10px;
        max-width: unset;
    }
    .int-footer-menu > ul > li{
        margin-bottom: 16px;
    }
    .int-footer-menu > ul{
        max-height: 250px;
        /* grid-template-rows: repeat(5, auto); */
        /* columns: 2; */
    }
    .int-footer-menu > ul > li{
        max-width: calc(50% - 20px);
    }
    .int-footer-menu{
        width: 100%;
        justify-content: space-between;
    }
    .int-footer-social{
        order: 10000;
        justify-content: center;
    }
    .int-mobile-map-preview-wrap{
        background-color: var(--cl-white);
        padding: 0px 16px;
        height: 0px;
        margin-bottom: 0;
        transition: height 300ms ease-in-out,
                    padding 300ms ease-in-out,
                    margin 300ms ease-in-out;
    }
    .int-mobile-map-preview,
    .int-mobile-map-preview-wrap{
        box-sizing: border-box;
        display: flex;
        overflow: hidden;
        border-radius: 10px;
        width: 100%;
    }
    .int-mobile-map-preview{
        position: relative;
    }
    .int-mobile-map-preview a{
        border-radius: 10px;
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 10px;
        right: 10px;
        z-index: 2;
        background-color: var(--cl-brown);
    }
    .int-footer-adress.opened .int-footer-adress-mobile-arrow img{ rotate: 180deg; }
    .int-footer-adress.opened + .int-mobile-map-preview-wrap{ 
        height: 200px;
        padding: 16px;
        margin-bottom: 10px;
    }
    .int-header-search-wrap.opened .int-floating-search, 
    .int-header-search-wrap .int-floating-search{
        width: calc(100% - 30px);
        right: 15px;
    }
    .int-searchinput{ 
        height: 36px; 
        font-size: 16px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .int-searchbtn{
        padding: 6px 12px;
    }
    .int-searchbtn img{
        height: 24px;
        width: 24px;
    }

    #int-header-dropdown-content{
        border-radius: 0;
        height: 100%;
        max-height: calc(100% - var(--v-header));
    }
    .int-menu-dropdown-cat-btn{
        padding: 16px 50px 16px 0;
        font-size: 16px;
        max-width: unset;
    }
    .int-menu-dropdown-topline b{
        font-size: 16px;
    }
    .int-menu-dropdown-topline{
        padding: 10px 0;
    }

    .int-popup-window-content{
        padding: 40px 20px; 
        margin: auto 16px;
        gap: 16px;
    }
    .int-popup-window-content .int-btn-secondary{ font-size: 16px; }
    .int-popup-window-content .int-popup-window-title{
        font-size: 18px;
    }
    #cart .dropdown-menu.pull-right{
        padding-left: 15px;
        padding-right: 15px;
    }
    .mini-cart-item{
        grid-template-columns: 90px 1fr;
    }
    .mini-cart-list .mini-cart-thumb img{
        height: 90px;
        width: 90px;
    }
    .mini-cart-main .mini-cart-qty{
        width: 70px;
        height: 36px;
    }
    .mini-cart-prices{
        align-items: center;
        gap: 6px;
    }
    .mini-old-price, .mini-price{
        font-size: 18px;
        font-weight: 600;
    }
    .mini-cart-prices .mini-old-price{
        font-size: 14px;
        color: var(--cl-brown-light);
        font-weight: 500;
        text-decoration: line-through;
    }
    .mini-cart-prices .mini-price.orange{
        font-size: 18px;
        color: var(--cl-accent);
        text-decoration: none;
    }
    .mini-cart-main .mini-qty-input{
        height: 36px;
        width: 30px;
    }
    .mini-cart-qty .mini-qty-btn.quantity-decrease{padding-left: 8px;}
    .mini-cart-qty .mini-qty-btn.quantity-increase{padding-right: 8px;}
    .mini-cart-change{
        font-size: 13px;
    }
    .mini-cart-options-box{
        flex-direction: column;
        gap: 6px;
        align-items: start;
        padding: 6px 10px;
    }
    .mini-cart-option-row{ gap: 6px; }
    .mini-cart-options-list{ gap: 4px; }
    .mco-pill-text{
        padding: 6px 13px;
        min-height: 36px;
        font-size: 14px;
    }
    .int-popup-window #popup-quickorder #fastorder_data{
        display: flex;
        flex-direction: column;
    }
    .int-footer-social img{
        height: 30px;
        width: 30px;
    }
    #fastorder_data > .int-separator{ 
        display: block; 
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .int-oneclick-popup-contacts-title{
        display: block;
        font-size: 16px;
        font-weight: 600;
        color: var(--cl-brown);
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }
    .int-oneclick-popup-info h4{
        font-size: 14px;
    }
    .int-product-right .int-product-compare-btn{
        /* top: -7px; */
    }
}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

/**
    * Rent page styles START
*/

#rent-arcticle {
    color: #2F2212;
    font-family: 'Roboto Flex', sans-serif;
    margin-bottom: 100px;
    padding: 50px 0 80px;
}

#rent-arcticle ul {
    list-style: none;
}

#rent-arcticle ul,
#rent-arcticle p {
    margin: 0;
    padding: 0;
}

#rent-arcticle .rent-arcticle-title {
    padding: 0;
    margin: 0 0 40px 0;
}

#rent-arcticle .rent-arcticle-items {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-bottom: 100px;
}

#rent-arcticle .rent-arcticle-item {
    display: grid;
    gap: 122px;
    grid-template-columns: 488px 1fr;
}

#rent-arcticle .rent-arcticle-item-images {
    overflow: hidden;
    border-radius: 16px;
    max-width: 488px;
    max-height: 310px;
    width: 100%;
    background: #fff;
    display: flex;
}

#rent-arcticle .rent-arcticle-item-images img {
    object-fit: contain;
    background: #fff;
    flex-basis: 100%;
    width: 100%;
}

#rent-arcticle .rent-arcticle-item-images img:not(:only-child) {
    flex-basis: 50%;
    width: 50%;
}

.rent-arcticle-item-description {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#rent-arcticle .rent-arcticle-item-title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

#rent-arcticle .rent-arcticle-item-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#rent-arcticle .rent-arcticle-item-tags li {
    list-style: none;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    padding: 10px 13px;
    border: 2px solid #BDCCD4;
    border-radius: 8px;
    text-align: center;
}

#rent-arcticle .rent-arcticle-item-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.rent-arcticle-postscript {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#rent-arcticle .rent-arcticle-postscript-title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

#rent-arcticle .rent-arcticle-postscript-wrapper {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

#rent-arcticle .rent-arcticle-postscript-wrapper ul {
    margin-bottom: 20px;
}

#rent-arcticle .rent-arcticle-postscript-wrapper li {
    position: relative;
    padding-left: 25px;
}

#rent-arcticle .rent-arcticle-postscript-wrapper li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #BDCCD4;
    font-weight: bold;
}
body > .int-account-left {
    display: none !important;
}

@media (max-width: 1200px) {
    #rent-arcticle{
        padding-top: 40px;
    }
    #rent-arcticle .rent-arcticle-item {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    #rent-arcticle .rent-arcticle-item-images {
        max-width: 100%;
    }
    body > .int-account-left{
        display: flex !important;
        flex-direction: column;
        width: 100%;
        max-width: 280px;
    }
    .int-account-left {
        position: fixed;
        z-index: 9999;
        top: var(--v-header);
        width: 100%;
        height: calc(100% - var(--v-header));
        background-color: #FAFBFC;
        align-items: stretch;
        left: -110vw;
        display: flex;
        transition: left 300ms ease-in-out,
        top 150ms ease-in-out,
        height 150ms ease-in-out;
        max-width: 710px;
    }
    .int-account-left.open {
        left: 0;
        max-width: 100%;
    }
    .int-list {
        display: grid;
        width: 100%;
        gap: 15px;
    }
    .int-list .int-list-item:not(.btn-logout) {
        justify-content: space-between;
        padding-right: 20px;
        background: none !important;
    }
    .int-list-item:not(.btn-logout)::after {
        content: '';
        width: 24px;
        height: 24px;

        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BDCCD4'%3E%3Cpath d='M18.5 12.002H5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.0001 18.002C13.0001 18.002 19 13.583 19 12.0019C19 10.4208 13 6.00195 13 6.00195' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .int-account-menu-title {
        display: block;
        font-size: 18px;
        padding: 20px;
        margin-bottom: 10px;
    }
    .int-list{
        margin-bottom: 30px;
    }
    .int-list .int-list-item{
        display: flex;
        align-items: center;
        gap: 10px;
        text-decoration: none;
        color: #2F2212;
        font-size: 16px;
        line-height: 1;
        padding: 13px 57px 13px 20px;
        border-radius: 8px;
        text-transform: uppercase;
        transition: background-color .15s ease, color .15s ease, transform .05s ease;
    }
    .int-list .int-list-item:hover,
    .int-list .int-list-item.active{
        background: rgba(189, 204, 212, 0.1);
        font-weight: bold;
    }
    .int-list .int-list-item:active{
        transform: translateY(1px);
    }
    .int-list .int-list-item.btn-logout{
        margin-top: 20px;
        text-transform: inherit;
    }
    .int-list-item.btn-logout span{
        font-weight: 500;
        border-bottom: 1px dotted;
    }
}

@media (max-width: 768px) {
    #rent-arcticle {
        padding-top: 30px;
        margin-bottom: 80px;
    }

    #rent-arcticle .rent-arcticle-item-images {
        max-width: 100%;
        max-height: 393px;

        justify-content: center;
        align-items: center;
        justify-self: center;
    }

    #rent-arcticle .rent-arcticle-item-text {
        margin-top: 4px;
    }

    #rent-arcticle .rent-arcticle-item-tags li {
      font-size: 14px;
    }
}

@media (max-width: 768px) {
    #rent-arcticle {
        margin-bottom: 41px;
    }

    #rent-arcticle .rent-arcticle-item:not(:last-child) {
        padding-bottom: 20px;
        border-bottom: 2px solid #BDCCD4;
    }

    #rent-arcticle .rent-arcticle-item-images {
        max-height: 218px;
    }
}

/**
    * Rent page styles END
*/

/**
    * Global info pages styles START
*/
#information-information{
    margin-bottom: 50px;
}
#information-information h1 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 130%;
    text-transform: uppercase;
    color: #2F2212;
}

/* ------------- information-information HTML ------------ */
#information-information #content a,
#information-information #content b,
#information-information #content i{
    font-size: 16px;
    line-height: 130%;
}
#information-information #content p{
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 14px;
}
/*#information-information #content a{*/
/*    color: var(--cl-accent);*/
/*}*/

@media (max-width: 1200px) {
    #information-information h1 {
        margin-bottom: 30px;
        font-size: 26px;
    }
    .partners-information-page {
        padding-top: 40px;
    }
}
@media (max-width: 768px) {
    #information-information h1 {
        text-align: center;
        font-size: 20px;
    }
}

/**
    * Global info pages styles END
*/

/**
    * Loyalty Page START
*/

.cb-loyalty-page {
    font-family: 'Roboto Flex', sans-serif;
    line-height: 1.6;
    color: #2F2212;
    padding: 50px 0 80px;
}

.cb-loyalty-page-title {
    padding: 0;
    margin: 0 0 40px 0;
}

.cb-header {
    text-transform: uppercase;
    font-size: 28px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.cb-main-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.cb-text-content {
    flex: 1;
}

.cb-sidebar {
    flex: 0 0 350px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cb-section-title {
    text-transform: none;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

.cb-section-title:first-child {
    margin: 0 0 20px 0;
}

.cb-section-title:not(:first-child) {
    margin: 40px 0 20px 0;
}

.cb-paragraph {
    margin-bottom: 12px;
    text-align: justify;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.cb-list {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.cb-list-item {
    padding-left: 25px;
    position: relative;
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.cb-bonus-item::before {
    content: "✓";
    color: #BDCCD4;
    position: absolute;
    left: 0;
}

.cb-check-item::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #BDCCD4;
}

.cb-note {
    font-size: 14px;
    color: #2F2212;
    margin: 15px 0;
}

.cb-note-star {
    color: #c08050;
}

.cb-card-img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.cb-sidebar-features {
    font-size: 13px;
    text-transform: uppercase;
    color: #2F2212;
}

@media (max-width: 768px) {
    .callback-btn{
        height: 48px;
        width: 48px;
        bottom: 30px;
        right: 30px;
    }
    .callback-btn img{
        height: 30px;
        width: 30px;
    }
    .int-input{
        font-size: 16px;
    }
    .cb-main-grid {
        gap: 40px;
    }

    .int-footer-social img{
        height: 40px;
        width: 40px;
    }

    .cb-sidebar {
        flex-direction: row-reverse;
        align-items: end;
        justify-content: space-between;
        flex: 1 1 100%;
        order: -1;
        gap: 23px;
    }

    .cb-sidebar img {
        max-height: 370px;
        object-fit: cover;
        max-width: 340px;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 16px;
    }

    .cb-sidebar-features .cb-list-item {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
        text-transform: uppercase;
    }

    .cb-section-title:first-child {
        margin: 0 0 20px 0;
    }
}

@media (max-width: 768px) {
    .cb-sidebar {
        flex-direction: column;
    }

    .cb-paragraph {
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 130%;
    }

    .cb-section-title {
        margin: 30px 0 16px 0;
    }

    .cb-section-title:first-child {
        margin: 0 0 16px 0;
    }

    .cb-sidebar img {
        max-width: 100%;
    }
}
/**
    * Loyalty Page END
*/

/**
    * Partners Page START
*/

.partners-information-page {
    padding: 50px 0 80px;
    display: flex;
    flex-direction: column;
    gap: 50px;
    color: var(--cl-brown, #2F2212);
    font-family: 'Roboto Flex', sans-serif;
}

.partners-information-page ul {
    gap: 30px;
}

.partners-information-page p,
.partners-information-page ul {
    margin: 0;
    padding: 0;
}

.partners-information-page-title {
    padding: 0;
    margin: 0 0 40px 0;
}

.partners-information-page-why,
.partners-information-page-cases,
.partners-information-page-case {
    display: flex;
    flex-direction: column;
}

.partners-information-page-cases {
    gap: 30px;
}

.partners-information-page-why,
.partners-information-page-case {
    gap: 30px;
}


.partners-information-page-why-title,
.partners-information-page-case-title {
    font-weight: 400;
    font-size: 28px;
    line-height: 130%;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

.partners-information-page-case-picture {
    overflow: hidden;
    width: 100%;
    height: 400px;
    border-radius: 16px;
    position: relative;
    background: var(--cl-light, #BDCCD4);
}

.partners-information-page-case-picture img,
.partners-information-page-case-picture picture {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.partners-information-page-case-list {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.partners-information-page-case-list-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 380px;
    min-width: calc(25% - 30px);
}

.partners-information-page-case-list-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
}

.partners-information-page-case-info-paragraph,
.partners-information-page-case-paragraph,
.partners-information-page-why-text,
.partners-information-page-case-list-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.partners-information-page-case-paragraph--uppercase {
    text-transform: uppercase;
}

.partners-information-page-case-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.partners-information-page-case-links {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.partners-information-page-case-link {
    text-decoration: none;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
    transition: color 300ms ease-in-out;
    display: inline-flex;
    padding: 10px 13px;
    border: 2px solid var(--cl-light, #BDCCD4);
    border-radius: 8px;
    text-align: center;
    background-color: transparent;
    transition: background-color 300ms ease-in-out;
    will-change: background-color;
}

.partners-information-page-case-link span {
    color: var(--cl-brown, #2F2212);
}

.partners-information-page-case-link:hover {
    background-color: var(--cl-light, #BDCCD4);
}

ul.partners-information-page-case-info-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.partners-information-page-case-info-list-item {
    position: relative;
    padding-left: 25px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    display: flex;
    flex-direction: column;
}

.partners-information-page-case-info-list-item::before {
    content: "✓";
    position: absolute;
    left: 0px;
    color: var(--cl-light, #BDCCD4);
    font-weight: bold;
}

.partners-information-page-case-paragraph a {
    text-decoration: underline;
    color: var(--cl-accent, #EF6E23);
}

@media (max-width: 1330px) {
    .partners-information-page-case-list-item {
        max-width: calc(50% - 15px);
        flex-basis: calc(50% - 15px);
    }

    .partners-information-page-case-list {
        flex-wrap: wrap;
    }

    .partners-information-page-case-list--equipment {
        flex-wrap: nowrap;
    }
}

@media (max-width: 768px) {
    .partners-information-page-case-list--equipment .partners-information-page-case-list-item {
        max-width: 100%;
        flex-basis: 100%;
    }

    .partners-information-page-case-list--equipment {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .partners-information-page {
        padding-top: 30px;
    }
    .partners-information-page-cases {
        gap: 60px;
    }

    .partners-information-page-why-text,
    .partners-information-page-why-title,
    .partners-information-page-case-title {
        text-align: center;
    }

    .partners-information-page-case-picture {
        height: 442px;
    }

    .partners-information-page-case-picture img,
    .partners-information-page-case-picture picture {
        aspect-ratio: 9 / 16;
    }

    .partners-information-page-why-title,
    .partners-information-page-case-title {
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 23px;
    }

    .partners-information-page-case-list-title {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
    }

    .partners-information-page-case-info-paragraph,
    .partners-information-page-case-paragraph,
    .partners-information-page-why-text,
    .partners-information-page-case-list-text {
        font-weight: 400;
        font-size: 15px;
        line-height: 130%;
    }

    .partners-information-page-case-list-item {
        max-width: 100%;
        flex-basis: 100%;
    }
    .int-header-right{
        min-width: 180px;
    }
}

/**
    * Partners Page END
*/

/**
    * Delivery Page START
*/

.delivery-information-page {
    padding: 50px 0 80px;
    font-family: 'Roboto Flex', sans-serif;
}

.delivery-information-page p {
    padding: 0;
    margin: 0;
}

.delivery-information-page h1 {
    padding: 0;
    margin: 0 0 40px 0;
}

.delivery-information-page-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.delivery-information-page-section-title {
    font-family: 'Roboto Flex', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 20px;
}

.delivery-information-page-section-paragraph {
    font-family: 'Roboto Flex', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 14px;
}

.delivery-information-page-section-list {
    padding: 0;
    margin: 0 0 14px 0;
    list-style: none;
}

.delivery-information-page-section-list-item {
    position: relative;
    padding-left: 25px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.delivery-information-page-section-list-item::before {
    content: "✓";
    position: absolute;
    left: 0px;
    color: var(--cl-light, #BDCCD4);
    font-weight: bold;
}

.delivery-information-page-info-badge {
    box-sizing: border-box;
    padding: 6px 10px;
    gap: 6px;
    background: #f8fbfe;
    border: 1px dashed var(--cl-light, #BDCCD4);
    border-radius: 6px;
    margin-top: 40px;
    font-size: 16px;
}

/** 
    * Offer information Page START
*/

.offer-information-page p,
.offer-information-page ul,
.offer-information-page li {
    padding: 0;
    margin: 0;
    font-family: 'Roboto Flex', sans-serif;
    font-size: 16px;
}

.offer-information-page h1 {
    padding: 0;
    margin: 0 0 40px 0;
}
.offer-information-page {
    padding: 50px 0 0;
    font-family: 'Roboto Flex', sans-serif;
}

.offer-information-page-title {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 130%;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}


.offer-information-page p {
    font-family: 'Roboto Flex', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 14px;
}

@media (max-width: 768px) {
    .offer-information-page-title {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .int-slider-info .int-slider-info-title{
        font-size: 28px;
        margin-bottom: 15px;
    }
    .int-slider-info p{ 
        font-size: 12px; 
        line-height: 1.2;
    }
}

#information-information .partners-information-page,
#information-information .delivery-information-page,
#information-information .offer-information-page,
#information-information .cb-loyalty-page{
    padding-bottom: 0;
}

/**
    * Offer information Page END
*/

/* ---------- title fix ----------- */
#information-information .offer-information-page-title,
#information-information .partners-information-page-case-title,
#information-information .cb-loyalty-page-title{
    font-size: 28px;
    font-family: 'Inter', sans-serif;
}
@media (max-width: 768px) {
    #information-information .offer-information-page-title,
    #information-information .partners-information-page-case-title,
    #information-information .cb-loyalty-page-title{
        font-size: 26px;
    }
}
@media (max-width: 768px) {
    #information-information .offer-information-page-title,
    #information-information .partners-information-page-case-title,
    #information-information .cb-loyalty-page-title{
        font-size: 20px;
        text-align: center;
    }
}

/* ---------- end title fix ----------- */