:root {
    --Grey-50: #F8F6F8;
    --Grey-100: #EFEAEE;
    --Grey-200: #E3DAE2;
    --Grey-300: #CFC1CE;
    --Grey-400: #B8A2B6;
    --Grey-500: #A68BA1;
    --grey-800: #715C6A;
    --Grey-900: #4F424B;
    --Green-50: #F3FBEA;
    --Green-700: #3E6C1E;
    --Green-800: #35571D;
    --Blue-600: #36609E;
    --Red-600: #DA244F;
    --Orange-700: #9C4721;
    --White: #ffffff;

    --Header-Height: 190px
}


body {font-family: "Manrope", system-ui;color: var(--Grey-900);min-height: 100vh;display: flex; font-size: 16px; font-weight: 400; line-height: 22px;
    flex-direction: column;}


a {
    color: var(--Green-700);
    text-decoration: none;
    -o-transition: border 0.3s, background 0.3s, color 0.3s;
    -ms-transition: border 0.3s, background 0.3s, color 0.3s;
    -moz-transition: border 0.3s, background 0.3s, color 0.3s;
    -webkit-transition: border 0.3s, background 0.3s, color 0.3s;
}

.tc-orange { color: var(--Orange-700);}
.tc-red { color: var(--Red-600);}
.tc-green { color: var(--Green-700);}
.tc-grey { color: var(--Grey-900);}

@media (min-width: 1400px) {
    .col-xxl-five {
        flex: 0 0 auto;
        width: 20%;
    }
}

.mt-16 {margin-top: 16px;}
.mt-24 {margin-top: 24px;}
.mt-32 {margin-top: 32px;}
.mt-42 {margin-top: 42px;}
.mt-50 {margin-top: 50px;}
.mt-70 {margin-top: 70px;}

.mb-70 {margin-bottom: 70px;}

.pt-16 {padding-top: 16px;}
.pb-16 {padding-bottom: 16px;}

.p-8 {padding:8px !important;}
.p-16 {padding:16px !important;}
.p-32 {padding:32px;}

.bc-red {background-color: #EA4335!important;}
.bc-blue {background-color: #0866FF!important;}
.bc-grey {background-color: var(--Grey-300)!important;}
.bc-green {background-color: var(--Green-700)!important;}


.t-small {font-size: 13px;line-height: 18px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-24 {font-size: 24px;}
.fs-32 {font-size: 32px;}

.h-530 {height: 530px !important;}

.mw-130 {max-width: 130px;}
.mw-333 {max-width: 333px;}
.mw-390 {max-width: 390px;}
.mw-450 {max-width: 450px;}

.p-lr-32 {padding-left: 32px; padding-right: 32px;}

.c-pointer {cursor: pointer;}

.hide-scroll {overflow: hidden;}

.page-404 {padding:77px; background: conic-gradient(from 181deg at 104.78% 2.26%, #F9F9F9 2.639032658189535deg, rgba(249, 249, 249, 0.00) 360deg);}
.page-404 .title {color: var(--Grey-300);font-size: 128px;font-weight: 400;line-height: 175px;}
.page-404 .text {color: var(--Green-700);font-size: 23px;font-weight: 700;}


.btn-simple {padding: 12px 32px;border-radius: 8px;text-align:center; cursor:pointer; border: 1px solid var(--Green-700); background-color: var(--Green-700); color: var(--White); line-height:22px; font-weight: 700;display: inline-block;}
.btn-outline {padding: 12px 32px;border-radius: 8px;text-align:center; cursor:pointer; border: 1px solid var(--Green-700); background-color: transparent; color: var(--Green-700); line-height:22px; font-weight: 700;display: inline-block;}

.btn-simple.grey {border: 1px solid var(--Grey-300); background-color: var(--Grey-300);}
.btn-simple.grey-dark {border: 1px solid var(--Grey-900); background-color: var(--Grey-900);}
.btn-outline.red {border: 1px solid var(--Red-600); color: var(--Red-600);}
.btn-outline.grey-dark {border: 1px solid var(--Grey-900); color: var(--Grey-900);}

.btn-small {padding: 12px 6px;}

.green-box {border-radius: 8px;border: 1px solid var(--Green-700)}
.gray-box {border-radius: 8px;border: 1px solid var(--Grey-300)}

.img-container {position: relative;overflow: hidden;height: 100%; width: 100%}
.img-container img { position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%); }
.img-container.cover img { object-fit: cover; width: 100%; height: 100%;}
.img-container.contain img { object-fit: contain; width: 100%; height: 100%;}

header {min-height: var(--Header-Height); flex: 0;}
header .header {position: relative;z-index:9000; }
.scroll header .header {box-shadow: 0px 6px 5px 0px rgba(79, 66, 75, 0.10);position: fixed; width: 100%;background-color: #fff;}
header .main-header {padding: 32px;border-bottom: 1px solid #EFEAEE;}
header .tags {padding: 4px 8px;border-radius: 4px;background: var(--Grey-50);font-size: 14px;font-weight: 500;color: var(--Grey-900);}

header .main-menu {padding: 16px;border-bottom: 1px solid #EFEAEE;}
header .main-menu .menu-main-item {cursor: pointer;}
header .main-menu .menu-main-item:hover:after {content: ''; display: block; border-bottom: 2px solid var(--Grey-900);margin-top: -2px;}
header .main-menu .menu-main-item.active:after {content: ''; display: block; border-bottom: 2px solid var(--Grey-900);margin-top: -2px;}
header .main-menu ul {list-style: none;padding: 0;margin: 0;}
header .main-menu > ul > li {}
header .main-menu > ul > li > a {padding: 13px 16px;display: block;font-size: 14px;font-weight: 700;color: var(--Grey-900);}

header .mobile-menu {display:none; padding:9px 15px; position: fixed; width: 100%; bottom: 0; z-index: 11000; background-color: #fff; box-shadow: 0px -52px 15px 0px rgba(221, 217, 217, 0.00), 0px -33px 13px 0px rgba(221, 217, 217, 0.01), 0px -19px 11px 0px rgba(221, 217, 217, 0.05), 0px -8px 8px 0px rgba(221, 217, 217, 0.09), 0px -2px 5px 0px rgba(221, 217, 217, 0.10);}
header .mobile-menu .mobile-buttons {padding: 15px;display: inline-block;cursor: pointer;}
header .mobile-menu .mobile-buttons path {fill:var(--Grey-900)}
header .mobile-menu .mobile-buttons.active path {fill:var(--Green-700)}


.mega-menu {display:none; position: fixed; overflow-y:auto; padding:24px; width: 100%; height: calc(100% - var(--Header-Height)); background-color: #fff; z-index: 10000}
.mega-menu.active {display: block;}
.mega-menu .close-button { position: sticky; padding: 15px; top:0; cursor: pointer; display: inline-block; float: right;}
.mega-menu .menu-list {columns: 300px 4; column-gap: 32px;}
.mega-menu .menu-list .sub-categories {break-inside: avoid-column;padding: 8px;}
.mega-menu .menu-list .sub-categories .sub-title {color: var(--Grey-900);font-weight: bold;margin-top: 21px;}
.mega-menu .menu-list .sub-categories ul {list-style: none; padding: 0; margin: 0;display: block;}
.mega-menu .menu-list .sub-categories ul li {margin-top: 12px;}
.mega-menu .menu-list .sub-categories ul a {color: var(--Grey-900);display: block; }
.mega-menu .menu-list .sub-categories ul a:hover {font-weight: bold;}

.logged-in-container {position: relative;}
.logged-in-container .open-menu-helper {display:none;position: absolute;width: 100%;height: 111px;background-color: #fff;}
.logged-in-container .logged-in-menu {display:none;border-top: 1px solid #EFEAEE; position: fixed; z-index:1000;top: 110px;right: 0;width: 300px;background-color: #fff;box-shadow: -36px 94px 28px 0px rgba(150, 150, 150, 0.00), -23px 60px 26px 0px rgba(150, 150, 150, 0.01), -13px 34px 22px 0px rgba(150, 150, 150, 0.05), -6px 15px 16px 0px rgba(150, 150, 150, 0.09), -1px 4px 9px 0px rgba(150, 150, 150, 0.10);}
.logged-in-container:hover .open-menu-helper {display: block;}
.logged-in-container:hover .logged-in-menu {display: block;}
.logged-in-container .logged-in-menu ul {list-style: none; padding: 0; margin: 0; }
.logged-in-container .logged-in-menu ul > li { }
.logged-in-container .logged-in-menu ul > li:after { content: ' '; display:block; height:1px; width:calc(100% - 32px);margin: 0 auto; border-bottom: 1px solid #EFEAEE;}
.logged-in-container .logged-in-menu ul > li:last-child:after { display: none; }
.logged-in-container .logged-in-menu ul > li a { color: var(--Grey-900);display: block;padding: 32px;}
.logged-in-container .logged-in-menu ul > li a:hover { background: var(--Grey-200);}


.account-side-menu { margin-top: 24px; }
.account-side-menu ul {list-style: none; padding: 0; margin: 0; }
.account-side-menu ul > li { }
.account-side-menu ul > li:after { content: ' '; display:block; height:1px; width:calc(100% - 32px);margin: 0 auto; border-bottom: 1px solid #EFEAEE;}
.account-side-menu ul > li:last-child:after { display: none; }
.account-side-menu ul > li a { color: var(--Grey-900);display: block;padding: 32px;}
.account-side-menu ul > li a.active { font-weight: bold; }
.account-side-menu ul > li a:hover { background: var(--Grey-200);}

.login-form-container {display: none;position: fixed; top: 0; left: 0; width: 100%;height: 100%; z-index: 10000;}
.login-form-container.active {display: block;}
.login-form-container .login-background{background-color: rgba(255, 255, 255, 0.8); width: 100%;height: 100%;}

.login-form-container .login-form {border-radius: 16px;border: 1px solid var(--Green-800);background: var(--White);width: 396px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.login-form-container .sign-form {border-radius: 16px;border: 1px solid var(--Green-800);background: var(--White);width: 485px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);        max-height: calc(100vh - 155px);overflow: auto;}

.space-until-footer { flex: 1;display: flex;}
.main-body { width: 100%; }
footer { flex: 0;}

footer {background: var(--Grey-50);}
footer a {color: var(--Grey-900);}
footer .copyrights {background: var(--Grey-100);}
footer .footer-color-filter {mix-blend-mode: luminosity;}
footer .footer-logo {width: 120px;height: 100%}

footer .newsletter-form {margin-top: 19px;}
footer .newsletter-form input {padding: 12px 14px;width:260px; background-color: transparent;border-radius: 8px; border: 1px solid var(--Grey-900);}
footer .newsletter-form .button {padding: 12px 32px;border-radius: 8px;background: var(--Green-700);border: 0;color: var(--White);font-weight: 700;}

footer .footer-menu { margin-top: 12px; margin-left: -12px; margin-right: -12px;}
footer .footer-menu ul { padding: 0; margin: 0; list-style: none; }
footer .footer-menu ul li { float: left;  }
footer .footer-menu ul li a { padding: 12px; display: block;}


.main-title {font-size: 32px;line-height:49px;font-weight: 700;}
.inner-title {font-size: 26px;line-height:36px;font-weight: 700;}
.inner-heading {font-size: 18px;line-height:25px;font-weight: 700;}

.breadcrumb {padding: 40px 32px;font-weight: 700;}

.slider-next {cursor: pointer; }
.slider-prev {cursor: pointer; }

.search-box-container {position: relative;height: 46px; opacity: 1; transition: height 0.2s, opacity 0.2s;}
.search-box-container .icon {position: absolute;top: 12px;left: 16px;pointer-events: none;}
.search-box-container input { width:100%; height: 46px;border-radius: 8px;padding: 12px 16px 12px 48px; line-height: 22px;border: 1px solid var(--Grey-400);background: var(--White);color: var(--Grey-900);}
.search-box-container input::placeholder {color: var(--Grey-900);opacity: 1;}

.text-slider-background {background: var(--Grey-50);height: 530px;padding: 10px 0;}
.slider-text-container {padding: 0 55px;}
.slider-text-container .title {font-size: 44px;font-weight: 700;line-height: 60px;}
.slider-text-container .text {font-size: 20px;margin-top: 15px;}
.slider-text-container .button {display:inline-block; margin-top:40px; padding: 12px 32px;border-radius: 8px;background: var(--Green-700);color: var(--White);font-weight: 700;}

.main-slider-image {height: 530px; overflow: hidden;}
.main-slider-image .slider-image-container {height: 530px; position: relative; overflow: hidden;}
.main-slider-image .slider-image-container img { position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);   object-fit: cover;}

.main-slider-text .slick-dots {padding: 0; margin: 15px 0 0 55px;list-style: none;margin-top: 40px;}
.main-slider-text .slick-dots > li { font-size: 0; color: transparent; display: inline-block; float: left; }
.main-slider-text .slick-dots > li > button { border: 0; width: 37px;height: 8px; margin:4px;border-radius: 29px;background: var(--Grey-200);}
.main-slider-text .slick-dots > li.slick-active > button { background: var(--Grey-300);}
.main-slider-text .slick-track {display: flex !important;}
.main-slider-text .slick-slide {height: inherit !important;}

.banner-delivery {border-radius: 16px; height:100%; background: var(--Grey-50);}
.banner-delivery .title {font-size: 26px;font-weight: 700;}
.banner-delivery .text {margin-top:8px; font-size: 14px;}

.new-arrival-container {border-radius: 16px;border: 1px solid var(--Grey-200);background: var(--White);}





.simple-product-box {padding: 24px;border: 1px solid transparent; width:100%; margin: 8px;}
.simple-product-box.for-slider {max-width: 333px; width: 25vw;}
.simple-product-box:hover {border-radius: 8px;border: 1px solid var(--Grey-300);background: var(--White);}
.simple-product-box a {font-size: 14px;color: var(--Grey-900);}
.simple-product-box .product-image {position: relative;width:200px; height: 200px; max-width:100%;display: inline-block;}
.simple-product-box .product-image img {position: absolute;object-fit: contain;top:50%; left: 50%; transform: translate(-50%, -50%); }
.simple-product-box .title {font-size: 18px;margin-top: 12px;height: 44px;     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.simple-product-box .brand {margin-top: 12px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.simple-product-box .details {margin-top: 12px;}
.simple-product-box .price {font-size: 20px;font-weight: 700;}
.simple-product-box .btn-add-cart {margin-top: 32px;border:1px solid var(--Green-700);border-radius: 8px;overflow: hidden;}
.simple-product-box .add-to-cart {width:100%; border:0;padding: 12px 5px;background: var(--Green-700);color: var(--White);}
.simple-product-box .out-of-stock-btn {display: none;}
.simple-product-box .add-cart-control {text-align:center;color: var(--Green-700);font-size: 16px;font-weight: 700;}
.simple-product-box .add-cart-control .remove {padding: 12px 12px 12px 6px;display: inline-block;}
.simple-product-box .add-cart-control .count {padding: 12px;display: inline-block;line-height: 24px;}
.simple-product-box .add-cart-control .add {padding: 12px 6px 12px 12px; display: inline-block;}
.simple-product-box .add-cart-control button {background-color: transparent;border: 0;padding: 0;}

.simple-product-box.out-of-stock .product-image {opacity: 0.5}
.simple-product-box.out-of-stock .add-cart-control {display: none;}
.simple-product-box.out-of-stock .add-to-cart {display: none;}
.simple-product-box.out-of-stock .btn-add-cart {border: 1px solid var(--Grey-300);}
.simple-product-box.out-of-stock .out-of-stock-btn {display: block; border:0; width:100%;padding: 12px 5px; color: var(--Grey-300);}

.simple-product-box .btn-favourite {border: 0; background-color: transparent; position: absolute; z-index: 1;padding: 0;}
.simple-product-box .btn-favourite .solid {display: none;}
.simple-product-box .btn-favourite:hover .solid {display: block;}
.simple-product-box .btn-favourite.active .solid {display: block;}


.slider-fade {position: relative;}
.slider-fade:after { content: ' ';pointer-events: none;display: inline-block;; position: absolute;    width: 148px; height: 100%; right: 0; top: 0; background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);}

.brand-logos {}
.brand-logos img {max-width: 230px;max-height: 95px;opacity: 70%; transition: opacity 0.2s;}
.brand-logos img:hover {opacity: 100%;}

.filter-container {padding-bottom: 24px;padding-right: 50px;}
.filter-container .title {font-size: 20px;font-weight: 700;padding-bottom: 24px;}
.filter-container .clear-filter {color: var(--Blue-600);font-size: 16px;font-weight: 400;float: right;}
.filter-container .filter-section {border-top: 1px solid var(--Grey-200);padding-top: 24px;padding-bottom: 24px;}
.filter-container .filter-section a {color: var(--Grey-900);}
.filter-container .filter-section .subtitle {font-size: 18px;font-weight: 700;}
.filter-container .filter-section .filters-list > ul {list-style: none; margin: 0;padding:0;}
.filter-container .filter-section .filters-list > ul li {margin-top: 24px;}
.filter-container .filter-section .filters-list > ul li .count {float: right}


.custom-checkbox { display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.custom-checkbox .checkmark { position: absolute; top: 0; left: 0; width: 24px; height: 24px;border: 1px solid var(--Green-700);border-radius: 4px;}
.custom-checkbox input:checked ~ .label {font-weight: 700;}
.custom-checkbox input:checked ~ .count {font-weight: 700;}
.custom-checkbox .checkmark:after {content: "";position: absolute;display: none;}
.custom-checkbox input:checked ~ .checkmark:after {display: block;}
.custom-checkbox .checkmark:after {     left: 7px;top: 3px; width: 8px; height: 14px; border: solid var(--Green-700); border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.custom-radio { display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.custom-radio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.custom-radio .radio { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 24px; height: 24px;border: 1px solid var(--Green-700);border-radius: 50%;}
.custom-radio input:checked ~ .label {}
.custom-radio .radio:after {content: "";position: absolute;display: none;}
.custom-radio input:checked ~ .radio:after {display: block;}
.custom-radio .radio:after { background-color: var(--Green-700); width: 12px; height: 12px; border-radius: 50%; margin: 5px; padding: 5px;}


.custom-select {}
.custom-select:after {content: ' '; float: right; display: inline-block;width: 24px;height: 24px;background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 15.375L6 9.37498L7.4 7.97498L12 12.575L16.6 7.97498L18 9.37498L12 15.375Z" fill="%234F424B"/></svg>') }
.custom-select select {color: var(--Grey-900);border: 0; background-color: transparent;height: 24px;outline: 0; -webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';}
.custom-select select::-ms-expand {display: none;}

.radio-box-list {}
.radio-box-list .radio-box {border: 1px solid var(--Green-700); border-radius: 8px;padding: 8px; height: 100%; display: flex;align-items: center;}
.radio-box-list .radio-box svg {max-height: 33px;}

.radio-box-list .radio-box .radio-content-if-selected {display: none}
.radio-box-list .radio-box input:checked ~ .radio-content-if-selected {display: block;}
.radio-box-list .radio-box input:checked ~ .radio-content-if-selected ~ .radio { top: 16px; transform: translate(0, 0);}

.custom-input {width: 100%;position: relative;border-bottom: 2px solid rgba(255,255,255,0.24);}
.custom-input input {font-size: 16px;width:100%; outline:0; height: 46px;border-radius: 8px;padding: 12px 14px; line-height: 22px;border: 1px solid var(--Grey-400);background: var(--White); color: var(--Grey-900);}
.custom-input input::-webkit-input-placeholder { color: var(--Grey-500);}
.custom-input input:-moz-placeholder { color: var(--Grey-500);}
.custom-input input::-moz-placeholder { color: var(--Grey-500);}
.custom-input input:-ms-input-placeholder { color: var(--Grey-500);}
.custom-input .focus-input {position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;color: var(--Grey-500);}
.custom-input .focus-input:after {font-size: 16px;color: var(--Grey-500);content: attr(data-placeholder);display: block;position: absolute;top: 12px;left: 0px;margin-left: 14px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.custom-input input:focus + .focus-input:after {top: -10px;font-size: 12px;background-color: #fff; display: inline-block; padding: 0 6px; margin-left: 8px;}
.custom-input input:not(:placeholder-shown) + .focus-input:after {top: -10px;font-size: 12px;background-color: #fff; display: inline-block; padding: 0 6px; margin-left: 8px;}

.custom-input {width: 100%;position: relative;border-bottom: 2px solid rgba(255,255,255,0.24);}
.custom-input textarea {font-size: 16px;width:100%; outline:0; border-radius: 8px;padding: 12px 14px; line-height: 22px;border: 1px solid var(--Grey-400);background: var(--White); color: var(--Grey-900);}
.custom-input textarea::-webkit-input-placeholder { color: var(--Grey-500);}
.custom-input textarea:-moz-placeholder { color: var(--Grey-500);}
.custom-input textarea::-moz-placeholder { color: var(--Grey-500);}
.custom-input textarea:-ms-input-placeholder { color: var(--Grey-500);}
.custom-input .focus-input {position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;color: var(--Grey-500);}
.custom-input .focus-input:after {font-size: 16px;color: var(--Grey-500);content: attr(data-placeholder);display: block;position: absolute;top: 12px;left: 0px;margin-left: 14px;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.custom-input textarea:focus + .focus-input:after {top: -10px;font-size: 12px;background-color: #fff; display: inline-block; padding: 0 6px; margin-left: 8px;}
.custom-input textarea:not(:placeholder-shown) + .focus-input:after {top: -10px;font-size: 12px;background-color: #fff; display: inline-block; padding: 0 6px; margin-left: 8px;}

.custom-dropdown {position: relative;}
.custom-dropdown .dd-header {border: 1px solid var(--Green-700); border-radius: 8px;min-height: 46px;position: relative; cursor: pointer;}
.custom-dropdown .dd-header.active {border-radius: 8px 8px 0 0;border-bottom-color: var(--Grey-300);}
.custom-dropdown .dd-header .dropdown-value {height: 46px; width: 100%;border: 0;pointer-events: none;background-color: transparent;padding: 10px;-webkit-user-select: none; -ms-user-select: none;user-select: none;}
.custom-dropdown .dd-header .dropdown-value-hidden {pointer-events: none;position: absolute; left: -1000px; opacity: 0;visibility: hidden;}
.custom-dropdown .dd-header .arrow {position: absolute; right: 10px; top: 10px;transform: rotate(180deg);transition: transform 0.2s;}
.custom-dropdown .dd-header.active .arrow {transform: rotate(0)}


.custom-dropdown .dd-body {display: none;z-index:1;position: absolute; background-color:#fff; width: 100%; border: 1px solid var(--Green-700); border-top: 0; border-radius: 0 0 8px 8px; max-height: 50vh;overflow: auto;}
.custom-dropdown .dd-header.active ~ .dd-body {display: block;}
.custom-dropdown .dd-body .dd-selections {margin: 3px; padding: 7px; border-radius: 4px;cursor: pointer; }
.custom-dropdown .dd-body .dd-selections:hover { background-color: var(--Grey-300)}

.list-number-column a {border: 1px solid var(--Grey-100);float: left;padding: 8px;color: var(--Grey-900);display: inline-block;}
.list-number-column a.active {background-color: var(--Grey-50);}
.list-number-column a:first-child {border-radius: 8px 0px 0px 8px;}
.list-number-column a:last-child {border-radius: 0px 8px 8px 0px;border-left: 0;}

.simple-tag {border-radius: 8px;padding: 8px;display: inline-block;border:1px solid var(--Grey-50);background: var(--Grey-50);}
.outline-tag {border-radius: 8px;padding: 8px;display: inline-block;border:1px solid var(--Green-700);background: transparent;color: var(--Green-700)}

.description-label {font-size: 20px;font-weight: 500;margin-top: 42px;}

.product-images-gallery {height: 560px;border-radius: 8px;border: 1px solid var(--Grey-200); overflow: hidden;}
.product-images-gallery .slider-image-container {height: 560px; position: relative; overflow: hidden;}
.product-images-gallery .slider-image-container img { position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);   object-fit: contain;}

.product-images-gallery-thumb {}
.product-images-gallery-thumb .slider-image-container {cursor:pointer; height: 105px; position: relative; overflow: hidden;border-radius: 8px; border: 1px solid var(--Grey-200);}
.product-images-gallery-thumb .slider-image-container img { position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);   object-fit: contain;}
.product-images-gallery-thumb .slick-track { min-width: 100%;}



.description-tabs {margin-top: 42px;}
.description-tabs .tab-labels {display: inline-block;margin-right: 24px;font-size: 18px;cursor: pointer;}
.description-tabs .tab-labels.active {color:var(--Green-700);text-decoration: underline;font-weight: 700;}

.checkout-tabs {margin-top: 42px;border-bottom: 1px solid var(--Grey-200)}
.checkout-tabs .tab-labels {display: inline-block;margin-right: 24px;font-size: 18px;cursor: pointer;padding: 14px 43px;}
.checkout-tabs .tab-labels:last-child {margin-right: 0px;}
.checkout-tabs .tab-labels.active {color:var(--Green-700);border-bottom:2px solid var(--Green-700); font-weight: 700;}

.food-table {border-radius: 8px;border: 1px solid var(--Grey-300);background: var(--White);padding: 16px;}
.food-table .title { font-size: 20px;font-weight: 700;}
.food-table .content { margin-top: 24px;}

.google-account-badge {padding: 24px;border-radius: 8px;background: var(--Grey-100);font-weight: 700;}

.company-box {position:relative; color: var(--Grey-900);display:block; margin-bottom:16px; width:100%;padding: 12px;border-radius: 8px;background: var(--White);box-shadow: -1px 1px 5px -1px rgba(79, 66, 75, 0.25);}
.company-box .title {font-size: 20px;font-style: normal;font-weight: 700;margin-bottom: 24px;padding-right: 30px }
.company-box .address {font-size: 20px;font-weight: 700;padding: 8px 30px 8px 8px;margin-bottom: 28px;}
.company-box .details {margin-bottom: 12px;}
.company-box .delete {cursor: pointer; margin-bottom: 12px;display: block; padding: 8px; top: 8px;right: 9px; position: absolute;}
.company-box .edit {cursor: pointer; margin-bottom: 12px;display: block; padding: 8px; top: 59px;right: 9px; position: absolute;}


.favourite-tabs > div {border-bottom: 1px solid var(--Grey-200);}
.favourite-tabs .tab {display: block; cursor: pointer; padding:14px 46px; margin-right:32px; color: var(--grey-800);border-bottom: 2px solid transparent;}
.favourite-tabs .tab.active {border-bottom: 2px solid var(--Green-700); color:var(--Green-700);}


.simple-popup-container {display: none;position: fixed; top: 0; left: 0; width: 100%;height: 100%; z-index: 10000;}
.simple-popup-container.active {display: block;}
.simple-popup-container .popup-background{opacity: 0.5;background: var(--Grey-900); width: 100%;height: 100%;cursor: pointer;}
.simple-popup-container .popup-form {border-radius: 16px;background: var(--White);width: 440px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.simple-popup-container .popup-form.top {top: 30%;}

.favourite-list {padding: 24px;border-radius: 8px;border: 1px solid var(--Grey-300);background: var(--White); margin-top: 36px;}
.favourite-list .delete {}
.favourite-list .title {}
.favourite-list .count {margin-top: 8px;font-size: 14px;}
.favourite-list .image {max-width:100%; width: 200px; height: 200px;margin: 24px auto 0;}

.cart-container {display: none;position: fixed; right: 0; top: 0;background-color: #fff;z-index: 10000;width: 472px;box-shadow: -2px 7px 14px -2px rgba(227, 218, 226, 0.83);    max-height: 100vh;}
.cart-container.active {display: block;}
.cart-container .cart-header {padding: 24px;font-size: 26px;font-weight: 700;border-bottom: 1px solid #E3DAE2;line-height: 36px;}
.cart-container .close-cart {position: absolute; right: 24px; top: 22px;cursor: pointer;}
.cart-container .cart-products {padding: 14px;}
.cart-container .card-prod-box { margin-bottom:  29px; padding-bottom: 29px;border-bottom: 1px solid #E3DAE2}
.cart-container .card-prod-box:last-child { margin-bottom:  0; border-bottom: 0}
.cart-container .card-prod-box .product-image {position: relative;width:100px; height: 100px; max-width:100%;display: inline-block;}
.cart-container .card-prod-box .product-image img {position: absolute;object-fit: contain;top:50%; left: 50%; transform: translate(-50%, -50%); }
.cart-container .card-prod-box .price {font-weight: 700; }
.cart-container .card-prod-box .btn-add-cart {margin-top: 32px;border:1px solid var(--Green-700);border-radius: 8px;overflow: hidden;}
.cart-container .card-prod-box .add-to-cart {width:100%; border:0;padding: 12px 5px;background: var(--Green-700);color: var(--White);}
.cart-container .card-prod-box .add-cart-control {text-align:center;color: var(--Green-700);font-size: 16px;font-weight: 700;}
.cart-container .card-prod-box .add-cart-control .remove {padding: 12px 12px 12px 6px;display: inline-block;}
.cart-container .card-prod-box .add-cart-control .count {padding: 12px;display: inline-block;line-height: 24px;}
.cart-container .card-prod-box .add-cart-control .add {padding: 12px 6px 12px 12px; display: inline-block;}
.cart-container .card-prod-box .add-cart-control button {background-color: transparent;border: 0;padding: 0;}
.cart-container .cart-products {max-height: calc(100vh - 202px); overflow-y: auto; margin-bottom: 116px;}
.cart-container .cart-footer {position: absolute; bottom: 0;width: 100%;}
.cart-container .cart-footer .cart-total {background: var(--Grey-50);padding: 24px;font-size: 20px;font-weight: 700;}
.cart-container .cart-footer .cart-checkout {padding: 12px 32px; cursor:pointer; text-align: center; display: block; background-color: var(--Green-700);color: var(--White, #FFF);font-size: 16px;font-weight: 700;}

.checkout-list {width: 500px;}
.checkout-list .products .card-prod-box { margin-bottom:  29px; padding-bottom: 29px;border-bottom: 1px solid #E3DAE2}
.checkout-list .products .card-prod-box .product-image {position: relative;width:100px; height: 100px; max-width:100%;display: inline-block;}
.checkout-list .products .card-prod-box .product-image img {position: absolute;object-fit: contain;top:50%; left: 50%; transform: translate(-50%, -50%); }

.checkout-login {width:100%; margin:50px auto 40px; padding: 70px 100px;max-width: 538px;border-radius: 16px;border: 1px solid var(--Grey-500);}
.register-login {width:100%; margin:50px auto 40px; padding: 10px 10px;max-width: 538px;border-radius: 16px;border: 1px solid var(--Grey-500);}


.delivery-calendar {}
.delivery-calendar .calendar-prev {border-radius: 8px 0 0 8px;line-height:25px;background: var(--Grey-100);border: 0;padding: 8px;padding-right: 53px;}
.delivery-calendar .calendar-next {border-radius: 0 8px 8px 0;line-height:25px;background: var(--Grey-100);border: 0;padding: 8px;padding-left: 53px;}

.delivery-time-selector {}
.delivery-time-selector .title {padding: 8px;}
.delivery-time-selector .hours {}
.delivery-time-selector .hours > div {margin-top: 16px;border-radius: 8px;border: 1px solid var(--Grey-300);color: var(--Grey-300);padding: 8px;text-align: center;}
.delivery-time-selector .hours > div.active {border: 1px solid var(--Grey-900);color: var(--Grey-900);cursor: pointer;}
.delivery-time-selector .hours > div.selected {border: 1px solid var(--Green-700);outline: 1px solid var(--Green-700);color: var(--Green-700); font-weight: bold;}


.toggle-order {}
.toggle-order .open {display: block;}
.toggle-order .closed {display: none}
.toggle-order.active .open {display: none;}
.toggle-order.active .closed {display: block}
.toggle-order ~ .order-items-list {overflow:hidden;max-height: 0; transition: max-height 0.4s}
.toggle-order.active ~ .order-items-list {max-height: 10000px; transition: max-height 3s}

.out-of-stock-badge {display: none;}
.out-of-stock .out-of-stock-badge {display: block;}
.out-of-stock .product-images-gallery {opacity: 0.5}
.out-of-stock .product-images-gallery-thumb {opacity: 0.5}
.out-of-stock .btn-outline.btn-product {border: 1px solid var(--Grey-300); color: var(--Grey-300);}
.out-of-stock .btn-simple.btn-product {border: 1px solid var(--Grey-300); background-color: var(--Grey-300);}
.out-of-stock .btn-product path {fill: var(--Grey-300);}



.mega-menu-mobile {display:none;background-color: #fff; width: 100%; height: 100vh;padding: 12px;   max-height: calc(100vh - 238px);overflow: auto;}
.scroll .mega-menu-mobile {max-height: calc(100vh - 175px);}
.mega-menu-mobile.active {display: block;}
#mb-main-cats {display: none;}
#mb-main-cats.active {display: flex;}
.mb-sub-categories {display: none;}
.mb-sub-categories.active {display: flex;}
.mega-menu-mobile .menu-title {font-size: 23px;font-weight: bold; }
.mega-menu-mobile .menu-cat-box {margin-top:20px; display: block;color: var(--Grey-900); padding: 30px;border: 1px solid var(--Grey-300);border-radius: 8px;}
.mega-menu-mobile .menu-cat-box .title {text-align: center; margin-bottom: 20px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mega-menu-mobile .menu-cat-box .image {height: 100px;}

.mega-menu-mobile .menu-subcat-box {margin-top:20px; display: block;color: var(--Grey-900); padding: 15px;border: 1px solid var(--Grey-300);border-radius: 8px;}
.mega-menu-mobile .menu-subcat-box .title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mega-menu-mobile .menu-subcat-box .image {width: 60px;height: 60px;}


.order-box {border:1px solid var(--Grey-300);border-radius: 8px;padding: 15px;margin-bottom: 40px; display:block; color: var(--Grey-900)}
.order-box .image-big {height: 100px; width: 100px;}
.order-box .status.completed {color: var(--Green-700)}
.order-box .status.onhold {color: var(--Orange-700)}
.order-box .status.canceled {color: var(--Red-600)}
.order-box .shipping {color: var(--Green-700)}
.order-box .image-small {height: 30px; width: 30px;}

.order-details-box {padding: 10px;}
.order-details-box .image {width: 100px;height: 100px;}
.order-details-box .btn-add-cart {border:1px solid var(--Green-700);border-radius: 8px;overflow: hidden;}
.order-details-box .add-to-cart {width:100%; border:0;padding: 12px 5px;background: var(--Green-700);color: var(--White);}
.order-details-box .add-cart-control {text-align:center;color: var(--Green-700);font-size: 16px;font-weight: 700;}
.order-details-box .add-cart-control .remove {padding: 12px 12px 12px 6px;display: inline-block;}
.order-details-box .add-cart-control .count {padding: 12px;display: inline-block;line-height: 24px;}
.order-details-box .add-cart-control .add {padding: 12px 6px 12px 12px; display: inline-block;}
.order-details-box .add-cart-control button {background-color: transparent;border: 0;padding: 0;}

#edit-order .popup-form {width: 800px; max-width: 100%;}

#away-order .popup-form {width: 970px; max-width: 100%;}
#away-order .image {width: 53px; height: 53px;}

#away-order-price .popup-form {width: 970px; max-width: 100%;}
#away-order-price .image {width: 53px; height: 53px;}

.thankyou-header {background-color: var(--Green-50);padding: 32px;}


.product-page .btn-add-cart {margin-top: 24px;border:1px solid var(--Green-700);border-radius: 8px;overflow: hidden; display:inline-block}
.product-page .add-to-cart {border:0;padding: 12px 32px;background: var(--Green-700);color: var(--White);}
.product-page .out-of-stock-btn {display: none;}
.product-page .add-cart-control {text-align:center;color: var(--Green-700);font-size: 16px;font-weight: 700;}
.product-page .add-cart-control .remove {padding: 12px 12px 12px 6px;display: inline-block;}
.product-page .add-cart-control .count {padding: 12px;display: inline-block;line-height: 24px;}
.product-page .add-cart-control .add {padding: 12px 6px 12px 12px; display: inline-block;}
.product-page .add-cart-control button {background-color: transparent;border: 0;padding: 0;}


.truncate-text-2-row {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-suggestions {display: none; position: absolute;
    z-index: 1;
    padding: 10px;
    border: 1px solid var(--Grey-400);
    border-radius: 0 0 8px 8px;
    border-top: 0;
    width: 100%;
    margin-top: -7px;
    font-size: 14px;
    background-color: #fff;}
.search-input:focus ~ .search-suggestions {display: block;}
.search-input:focus {outline: none;box-shadow: none;}
.search-suggestions .title {font-weight: bold; font-size: 14px; padding: 5px 0;}
.search-suggestions .items {color: var(--Grey-900);display: block; width: 100%;    padding: 5px 0;}

.search-suggestions .item-with-product {color: var(--Grey-900);display: block; width: 100%; padding: 10px 0;}
.search-suggestions .item-with-product .product-image { position: relative;width: 53px;height: 53px;max-width: 100%;display: inline-block;}
.search-suggestions .item-with-product .product-image img { position: absolute; object-fit: contain; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.search-suggestions .item-with-product .details-box {padding: 2px 5px;}
.search-suggestions .item-with-product:hover .details-box {background-color: var(--Grey-200); border-radius: 8px;}
.search-suggestions .item-with-product .title {font-weight: bold;}
.search-suggestions .item-with-product .brand {font-size: 12px;}

.cart-count { display:none; min-width: 22px;text-align: center; font-size: 10px; position: absolute; top: -9px; background-color: var(--Green-700); line-height: 10px; color: #fff; padding: 4px; border: 2px solid #fff; border-radius: 11px; left: 24px;}

@media (max-width: 1399.98px) {
    .brand-logos img {max-width: 150px;max-height: 65px;opacity: 70%; transition: opacity 0.2s;margin: 8px;}

}
@media (max-width: 1199.98px) {
    .brand-logos img {max-width: 120px;max-height: 40px;opacity: 70%; transition: opacity 0.2s;margin: 8px;}

}
@media (max-width: 991.98px) {
    .brand-logos img {max-width: 150px;max-height: 65px;opacity: 70%; transition: opacity 0.2s;margin: 8px;}
    .brand-logos .border-end {border: 0 !important;}

    .hide-lg {display: none;}

    .w-lg-100 {width: 100%;}

    .mb-lg-20 {margin-bottom: 20px;}
    .mb-lg-40 {margin-bottom: 40px;}
    .mb-lg-70 {margin-bottom: 70px;}

    .mt-lg-10 {margin-top: 10px;}

    .p--lg-0 {padding: 0px;}

    footer {margin-bottom: 72px;}
    footer .newsletter-form input {width:100%;}

    header {min-height: 165px;}
    header .mobile-menu {display: block;}


    body.scroll .search-box-container {height: 0;opacity: 0;}
    .search-box-container .icon {top: 28px;}


    .filter-container {overflow-y:auto;  position: fixed; display: none; top: 0; left: 0; width: 100%; background-color: var(--White); height: 100%; z-index: 10000;padding: 16px 16px 50px;}
    .filter-container.active {display: block;}
    .filter-container .title {text-align: center;}
    .filter-container .filter-section:nth-child(3) {border-top:0;}
    .filter-container .clear-filter {margin-top: 50px;}
    .filter-container .close-filter-for-mobile {display: block; position: absolute; right: 16px;  cursor: pointer;}
    .filter-container .filter-submit {position: fixed;bottom: 0;width: 100%;left: 0;}
    .filter-container .filter-submit .btn-simple {border-radius: 0;}

    .filter-container .custom-checkbox {padding-left: 0; padding-right: 35px;}
    .filter-container .custom-checkbox .checkmark {right: 0;left: auto}
    .filter-container .filter-section .filters-list > ul li .count {float: none}

    .hide-scroll-for-open-filters {overflow: hidden;}

    .logged-in-menu.active {position: fixed; display: block;width: 100%;  top: 84px;height: 100vh;}

    .login-form-container {z-index: 10000; }
    .login-form-container .login-background{ display: none; }
    .login-form-container .login-form {top: 84px; width: 100%;  left: 0; border-radius: 0; height: 100%;  transform: translate(0);border: 0;}
    .login-form-container .login-form .logo {display: none;}

    .login-form-container .sign-form {top: 84px; width: 100%;  left: 0; border-radius: 0; height: 100%;  transform: translate(0);border: 0;}
    .login-form-container .sign-form .logo {display: none;}


    .mobile-menu.hide-on-simple-layout {display: block!important;}

    .cart-container .cart-products {max-height: calc(100vh - 274px);}

    #text-checkout-tab-1 {display: block!important;}
    #text-checkout-tab-2 {display: none!important;}

    #text-checkout-tab-2.active-mobile {display: block!important; position: fixed;z-index: 2;bottom: 0;background-color: #fff;height: 80vh;left: 0;width: 100%;padding: 12px;border-radius: 8px 8px 0 0; }
    #text-checkout-tab-2.active-mobile ~ .mobile-background {z-index: 1;background-color: rgba(79, 66, 75, 0.5); position: fixed; left: 0; top:0; width: 100%; height: 100%; }

    .checkout-tabs {margin-top: 0;width: 100%;}
    .checkout-tabs .tab-labels {margin-right:0;float: left; width: 50%;text-align: center;}

    .checkout-list {width:auto; border-top: 1px solid var(--grey-800);border-bottom: 1px solid var(--grey-800);}
}
@media (max-width: 767.98px) {

    .h-md-150 {height: 150px;}

    .hide-md {display: none;}

    .w-md-100 {width: 100%;}
    .mw-md-100 {max-width: 100%;}

    .simple-product-box.for-slider {width: 40vw;min-width: 210px;}

    .slider-product-2 {display: flex;
        flex-wrap: wrap;}
    .slider-product-2 .sl {flex: 0 0 auto;
        width: 50%;}
    .slider-product-2 .simple-product-box.for-slider {width: 100%;}
    .slider-product-2.slider-fade:after {display: none;}


    .mt-md-24 {margin-top: 24px;}

    .company-box {padding: 16px;}
    .company-box .edit {top:8px; right: 42px;}
    .company-box .title {padding-right: 60px;}
    .company-box .address {padding: 8px;}
}
@media (max-width: 575.98px) {
    .slider-text-container {    padding: 0 13px;}
    .main-slider-text .slick-dots {margin: 15px  0 0 13px;}

    .p-sm-lr-16 {padding-right: 16px; padding-left: 16px;}

    .w-sm-100 {width: 100%;}

    .cart-container {width: 100%;}

    .mt-sm-24 {margin-top: 24px;}
    .mt-sm-16 {margin-top: 16px;}
    .slider-fade:after {  width: 77px; }

    .product-images-gallery {height: 200px;}
    .product-images-gallery .slider-image-container {height: 200px; position: relative; overflow: hidden;}

    .product-images-gallery-thumb .slider-image-container {height: 50px;}

    .product-page .main-title {font-size: 18px;font-weight: 400;}
    .product-page .price {float: right;font-size: 20px;margin-top: 0 !important;line-height: 20px;}


}
@media (max-width: 449.98px) {
    .slider-product-2 .sl {width: 100%;}
    .full-in-xxs {width: 100%}
}