@import "font.css";
:root {

    /* Fonts */
    --font-default: "Geist Mono", monospace;
    --font-primary: "Geist Mono", monospace;
    --font-secondary:  "Playfair Display", serif;
    --font-geist: "Geist Mono", monospace;
    --font-playfair: "Playfair Display", serif;
    --font-acumin: 'Acumin Variable Concept', serif;

    /* Colors */
    /* The *-rgb color names are simply the RGB converted value of the corresponding color for use in the rgba() function */

    /* Default text color */
    --color-default: #1a1f24;
    --color-default-rgb: 26, 31, 36;

    /* Defult links color */
    --color-links: #0ea2bd;
    --color-links-hover: #1ec3e0;

    /* Primay colors */
    --color-primary: #800123;
    --color-primary-light: #1ec3e0;
    --color-primary-dark: #0189a1;

    --color-primary-rgb: 14, 162, 189;
    --color-primary-light-rgb: 30, 195, 224;
    --color-primary-dark-rgb: 1, 137, 161;

    /* Secondary colors */
    --color-secondary: #2c4377;
    --color-secondary-light: #8f9fae;
    --color-secondary-dark: #3a4753;

    --color-secondary-rgb: 72, 86, 100;
    --color-secondary-light-rgb: 143, 159, 174;
    --color-secondary-dark-rgb: 58, 71, 83;

    /* General colors */
    --color-blue: #0d6efd;
    --color-blue-rgb: 13, 110, 253;

    --color-indigo: #6610f2;
    --color-indigo-rgb: 102, 16, 242;

    --color-purple: #6f42c1;
    --color-purple-rgb: 111, 66, 193;

    --color-pink: #f3268c;
    --color-pink-rgb: 243, 38, 140;

    --color-red: #df1529;
    --color-red-rgb: 223, 21, 4;

    --color-orange: #fd7e14;
    --color-orange-rgb: 253, 126, 20;

    --color-yellow: #ffc107;
    --color-yellow-rgb: 255, 193, 7;

    --color-green: #059652;
    --color-green-rgb: 5, 150, 82;

    --color-teal: #20c997;
    --color-teal-rgb: 32, 201, 151;

    --color-cyan: #0dcaf0;
    --color-cyan-rgb: 13, 202, 240;

    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;

    --color-gray: #6c757d;
    --color-gray-rgb: 108, 117, 125;

    --color-black: #000000;
    --color-black-rgb: 0, 0, 0;

    --hover-buttons-primary: #c6ccb2;

    --accent-900: #49a87d;
    --accent-800: #1b945b;
    --check-svg: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23ffffff'%3E%3Cpath d='M400-314.46 250.46-464 296-509.54l104 104 264-264L709.54-624 400-314.46Z'/%3E%3C/svg%3E");
    --notification-inset: 2rem;

}

body{
    font-family: var(--font-default) !important;
    background: #fefefe;
}

#main-menu ul li{
    float: left;
    list-style-type: none;
}
#main-menu ul li a{
    text-decoration: none;
    display: block;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 70px;
    color: #000;
}
#main-menu ul li a:hover{
    color: var(--color-primary);
}
.navigation-area{
    margin-top: 35px;
}
#header #user-menu img{
    max-height: 100px;
    height: 39px;
    object-fit: contain;
}
#header #user-menu a:hover > img{
    filter: brightness(0) saturate(100%) invert(14%) sepia(33%) saturate(6615%) hue-rotate(343deg) brightness(89%) contrast(96%);
}

#header #user-menu a.active > img{
    filter: brightness(0) saturate(100%) invert(14%) sepia(33%) saturate(6615%) hue-rotate(343deg) brightness(89%) contrast(96%);
}
.header .logo img {
    height: auto !important;
}
.active{
    color: var(--color-primary) !important;
}
.dropdown-large{
    width: 900px;
}
#header #user-menu a.active{
    color: #000 !important;
}
.btn-pd-login span{
    text-decoration: none;
    color: #fff;
    margin-right: 0;
    padding: 10px 20px 10px 20px;
    background: var(--color-primary);
    border-radius: 5px;
    width: 120px;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.5s ease;
}

.btn-pd-login span:hover{
    color: #fff;
    background: var(--hover-buttons-primary);
}

.btn-pd-light-green{
    text-decoration: none;
    color: #fff;
    padding: 10px 20px 10px 20px;
    background: transparent;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    position: absolute;
    right: 0;
}
#pd_search_modal .modal-header {
    border-bottom: none;
    position: absolute;
    top: 0;
    text-align: right;
    right: 0;
}
#pd_search_modal .modal-header button {
    color: #fff;
    font-size: 20px
}

.btn-pd-light-green:hover,.btn-pd-light-green:focus,.btn-pd-light-green:active {
    color: #fff;
    background: transparent;
}

.input-global-search{
    height: 44px;
    border-bottom: 2px solid #ffffff;
    border-top: none;
    border-right: none;
    border-left: none;
    width: 100%;
    background: transparent;
    color: #fff;
}
.input-global-search::placeholder{
    color: #fff;
}
.selection-carousel .slick-list {
    overflow: hidden !important;
}
.selection-carousel .slick-slide {
    margin: 0 10px; /* optional spacing */
}

.input-global-search:focus{
    height: 44px;
    border: 2px solid var(--color-primary);
    border-top: none;
    border-right: none;
    border-left: none;
    outline: none;
}

#pd_search_modal{
    background: rgba(255,255,255,0.8);
}

#pd_search_modal .modal-dialog {
    max-width: 100% !important;
    margin: 0;
}
#pd_search_modal .modal-content {
    border-radius: 0 !important;
    background-color: #910015;
    border: none;
    padding: 100px 0 150px;
}
#pd_search_modal .modal-content form{
    width: 1080px;
    margin: 0 auto;
}
#pd_search_modal .modal-content .modal-body {
    border-radius: 15px;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-pd-search{
    /*text-decoration: none;*/
    /*color: #fff;*/
    /*margin-right: 15px;*/
    /*background: #8a8a8a;*/
    /*width: 100% !important;*/
    /*height: 54px;*/
    /*align-items: start !important;*/
    /*justify-content: center;*/
}
.btn-pd-search img{
    width: 30px;
}
.btn-pd-search svg{
    position: relative;
    left: 3px;
    top: 0;
}

.btn-pd-wishlist{
    text-decoration: none;
    margin-right: 15px;
    width: 44px;
    height: 44px;
}

.btn-pd-wishlist svg {
    position: relative;
    left: 2px;
}
.btn-pd-user{
    margin-right: 0 !important;
    text-decoration: none;
    color: #000;
    text-align: center;

}

.btn-pd-cart{
    text-decoration: none;
    color: #ACC554;
    margin-right: 15px;
    padding: 0;
    position: relative;
}

.btn-pd-cart svg{
    position: relative;
    left: 2px;
}

.user-dropdown a{
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #000;
}

.user-dropdown a:hover{
    background: #ACC554;
    color: #fff;
}

#user-menu .dropdown-large a{
    line-height: 40px !important;
}
#cart_items{
    background: var(--color-primary);
    padding: 1px;
    border-radius: 50%;
    color: white;
    position: absolute;
    right: -5px;
    top: -5px;
    min-width: 23px;
    min-height: 23px;
    text-align: center;
    font-size: 14px;
}
.icon-text{
    margin-top: 5px;
}
.hidden{
    display: none !important;
}

#top-notification-bar{
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}
#top-notification-bar p{
    padding: 5px 0;
    margin: 0;
    color: #fff;
}
#top-notification-bar p a{
    text-decoration: underline;
    color: #fff;
}
.green-color-text{
    color: #acc554;
}
.text-bold{
    font-weight: 600;
}
.hero-home{
    background: #cdd1b9;
    background: linear-gradient(90deg, rgba(205,209,185,1) 0%, rgb(197, 205, 156) 51%, rgb(196, 211, 122) 100%);
    max-width: 100%;
    margin: 0 auto;
    clear: both;
    display: flex;
    flex-direction: column;
    border-radius: 0;
    box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.1);
    padding: 0;
}
.subscribe{
    align-items: center;
    padding: 40px 0;
}
.subscribe-title{
    color: var(--color-primary);
}
.subscribe-content{
    align-items: center;
    justify-content: center;
    display: flex;
    border-left: 1px solid var(--color-primary);
}
.subscribe-content ul{
    list-style: none;
}
.subscribe-content ul li{
    align-items: center;
    display: flex;
    padding: 5px 0;
}
.subscribe-content ul li span{
    width: 80px;
    margin-right: 50px;
    display: inline-flex;
    align-items: center;
}
.subscribe-form{
    display: flex;
    flex-direction: column;
    width: 450px;
}
.sub-input{
    padding: 10px;
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
}
.sub-btn{
    background: var(--color-primary);
    color: #fff;
    display: inline-flex;
    width: 190px;
    margin-left: auto;
    padding: 8px 15px;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 10px;
    border: 2px solid var(--color-primary);
}
input[type="text"]::placeholder {
    color: var(--color-primary);
}

.hero-home h1, .hero-home p{
    color: #fff;
}
.products-home{
    padding-bottom: 80px;
    background: #c6ccb2;
}
.font-geist{
    font-family: var(--font-geist);
}
.title-homepage{
    width: 100%;
    text-align: center;
    flex-direction: column;
    padding-bottom: 0;
    font-family: var(--font-geist);
    color: var(--color-primary);
    font-weight: 500;
}
.card{
    padding: 10px !important;
    border-radius: 10px !important;
}
#footer {
    background: #ffffff;
    max-width: 100%;
    margin: 30px auto 0;
    clear: both;
    display: flex;
    flex-direction: row;
    padding: 40px;
    color: #737373;
    border-radius: 0;
}
#footer footer{
    max-width: 1281px;
    margin: 0 auto;
    width: 100%;
}
#footer .footer-logo{
    padding-bottom: 10px;
}
#footer .subline-footer{
    width: 100%;
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
    padding-bottom: 5px;
}
#footer .social-icons{
    float: right;
    padding-top: 45px;
}
.btn-default {
    padding: 12px 40px !important;
    background-color: #fff !important;
    color: #c1d47f !important;
    text-transform: uppercase;
}
.btn-default:hover,.btn-default:active.btn-default:focus {
    background-color: #800123 !important;
    color: #fff !important;
    background-color: #800123;
    border-color: #800123;
}
#shop-retrait{
    width: 100%;
}
.btn-primary{
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #fff !important;
    border-radius: 5px;
    padding: 0.65rem 1.75rem!important;
    font-size: 18px;
}
.btn-primary:hover,.btn-primary:active.btn-primary:focus {
    background-color: var(--hover-buttons-primary) !important;
    border-color: var(--hover-buttons-primary) !important;
    color: #fff !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.m-top-auto{
    margin-top: auto !important;
}
.card-retrait{
    padding: 40px !important;
    background: url(../images/background-form-1.jpg) no-repeat top center;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.05);
    border-color: #f9f9f9 !important;
}
.progress-bar-wrapper{
    padding-bottom: 40px;
}
.progress-bar {
    background-color: #acc54e !important;
}
.shop-btn{
    font-weight: 600;
}
.form-select, .form-control{
    border-bottom: 1px solid #B2B2B2 !important;
    background: transparent;
    border: none;
    padding: 14px 0;
    border-radius: 0;
}
.form-control::placeholder{
    color: #FFF3E4;
}
#date-retrait {
    background-color: #fff;
    background-image: url(../images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
}
.icon-retrait{
    background-image: url(../images/location-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px 20px;
    padding-left: 25px;
}
.icon-date{
    background-image: url(../images/date-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px 20px;
    padding-left: 25px;
}
#shop-retrait label{
    padding-bottom: 10px;
}
.shop-arrow-right{
    position: relative;
    top: -1px;
    padding-left: 7px;
}
.progress-bar-retrait{
    width: 0%;
}
.form-control.disabled{
    opacity: 0.3 !important;
}
.footer-list li{
    list-style: none;
    padding-bottom: 20px;

}
.footer-list li a{
    color: #fff;
    text-decoration: none;
}
.address-footer{
    background-image: url(../images/address-footer.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 15px 25px;
    padding-left: 35px;
}
.phone-footer{
    background-image: url(../images/phone-footer.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 25px 25px;
    padding-left: 35px;
}
.mail-footer{
    background-image: url(../images/mail-footer.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 25px 23px;
    padding-left: 35px;
}
.card-quality{
    padding: 40px 60px !important;
}
.card-quality h3{
    padding: 25px 0;
}
.user-card{
    padding: 0 !important;
}
.forgot-pass-text{
    text-decoration: none;
    color: #000000;
}
.forgot-pass-text:hover{
    text-decoration: underline;
    color: #000000;
}
.card-user{
    flex-direction: row !important;
}
.product-home-image{
    width: 100%;
    padding: 10px;
}
.navbar .megamenu{ padding: 1rem; }

#page-products{
    padding-bottom: 60px;
}
.display-product-counter{
    position: relative;
    top: 5px;
}
.paginator-wrapper, .paginator-wrapper nav{
    float: right;
}
.product-categories a{
    text-decoration: none;
    padding: 5px;
    display: inline-flex;
    color: rgba(var(--color-secondary-dark-rgb), 0.7);
    width: 80%;
}

.product_sidebar{
    border-right: 1px solid #ccc;
    border-radius: 0;
    padding: 0 20px 20px;
    float: left;
    width: 100%;
    color: #979797;
}

.product_box{
    min-height: 500px;
    margin-bottom: 25px;
    padding: 25px 15px;
    position: relative;
    background: #FFF7F0;
    display: -webkit-flex; /* Safari prefix */
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
}
.slick-slide {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100% !important;
    justify-content: stretch;
    flex-flow: column;
}
.slick-track {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: stretch;
    align-items: stretch;
}
.product_box:nth-child(3n + 3){
    margin-right: 0 !important;
}
/* Main container adjustments */
.product-carousel {
    margin: 0;
    width: 100%;
}

/* Force equal height */
.product-carousel .slick-track {
    display: flex !important;
}

.product-carousel .slick-slide {
    height: auto; /* Override default slick height */
    padding: 0 5px;
    float: none; /* Disable default float */
}

/* Equal height container for slide content */
.product-carousel .slick-slide > div {
    height: 100%;
    display: flex; /* Makes direct children equal height */
}

/* Your actual slide content wrapper */
.product-carousel .slide-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd; /* Optional: visual aid */
}
.product_box .left {
    flex: 1;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100% !important;
    justify-content: stretch;
    flex-flow: column;
}
.product_box .right {
    flex: 1;
}
.category_box{
    border: 1px solid #ccc;
    border-radius: 15px;
    margin-bottom: 25px;
    padding: 10px;
    position: relative;
}
.category_desc{
    text-align: center;
    font-weight: 600;
    color: #000;
    height: 33px;
    line-height: 16px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.product-carousel .category_box {
    margin: 5px;
}

.product_box a{
    text-decoration: none;
    color: #000;
    margin-top: auto;
}

.product_desc a{
    font-size: 26px;
    min-height: auto;
    margin-top: 5px;
    margin-bottom: 0;
    text-decoration: none;
    color: var(--color-primary);
    line-height: 30px;
    font-family: var(--font-playfair);
    border-bottom: 1px solid;
    padding-bottom: 10px;
    height: auto;
    align-items: start;
    display: flex;
    flex-direction: column;
    text-align: left;
}
.font-playfair{
    font-family: var(--font-playfair);
}
.fn_add_to_wishlist, .fn_remove_wishlist {
    position: relative;
    float: right;
}
.product_wishlist{
    float: right;
    position: absolute;
    top: 10px;
    right: 30px;
}
.fn_remove_wishlist {
    outline: none;
    border: none;
    background: transparent;
    padding: 0;
    display: inline-block;
}
.product_price{
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px;
    color: var(--color-primary);
    margin-top: auto;
}

.product_box img, .category_box img{
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-height: 100%;
    object-fit: contain;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.category_box img{
    min-height: 140px
}
.btn-pd-add-to-cart{
    background: var(--color-primary);
    padding: 12px 5px;
    width: 100% !important;
    color: #fff !important;
    text-align: center;
    font-size: 16px;
    border: none;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}
.btn-pd-add-to-cart img{
    margin-right: 10px;
}
.fn_add_to_cart svg, .btn-pd-add-to-cart svg {
    width: 33px;
    height: 24px;
    position: relative;
    left: -1px;
    top: -3px;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.fn_add_to_cart svg path, .btn-pd-add-to-cart svg path{
    fill: var(--color-primary);
    stroke: #fff;
    stroke-width: 1.5;
}
.fn_add_to_cart .cart path.tick, .btn-pd-add-to-cart svg path.tick {
    --svg-stroke: #fff;
    stroke-dasharray: 10px;
    stroke-dashoffset: 1.5;
}
.btn-pd-add-to-cart:hover{
    background: var(--hover-buttons-primary);
}
.btn-pd-add-to-cart:hover svg path{
    fill: var(--hover-buttons-primary);
    stroke: #fff;
}
.pdr-10{
    padding-right: 10px;
}
.btn-pd-add-to-cart span{
    margin-right: 5px;
}

.btn-pd-cancel{
    padding: 0;
    color: #000 !important;
    display: block;
    text-align: center;
    font-size: 24px;
    border: none;
}

.active_category{
    font-weight: bold !important;
    color: var(--color-primary) !important;
}

#atc_prod_desc{
    font-size: 12px;
}

#paginator .pagination li{
    margin-right: 5px;
}
#paginator .pagination li a, #paginator .pagination li span{
    border: 1px solid #ccc;
    padding: 7px 0px;
    border-radius: 0;
    width: 37px;
    text-align: center;
    display: block;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    height: 37px;
}
#paginator .pagination li a:hover, #paginator .pagination li span:hover{
    border: 1px solid var(--color-primary);
}

#paginator .pagination .active span{
    border: 1px solid var(--color-primary);
    color: var(--color-primary);;
}

#paginator .pagination > :first-child, #paginator .pagination > :last-child{
    color: #ffffff;
    border-radius: 0;
}

.login-text-desktop{
    display: block;
}
.user-icon-mobile{
    display: none;
}
.producers_slider{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
}
.thumbnail_images ul {
    list-style: none;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.thumbnail_images ul li {
    margin: 5px;
    padding: 10px;
    border: 2px solid #eee;
    cursor: pointer;
    transition: all 0.5s;
}
.ratings span {
    font-size: 14px;
    margin-left: 12px;
}
.heart {
    height: 29px;
    width: 29px;
    background-color: #eaeaea;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.heart i{
    text-align: center;
    justify-content: center;
    display: flex;
    padding-top: 1px;
}
.title-product{
    width: 90%;
    color: var(--color-primary);
    font-family: var(--font-playfair);
    display: flex;
    flex-direction: column;

}
.btn-pd-add-to-cart-details {
    background: var(--color-primary);
    border-radius: 8px;
    padding: 12px 5px;
    color: #fff !important;
    display: block;
    text-align: center;
    font-size: 16px;
    border: none;
    width: 200px;
}
.btn-pd-add-to-cart-details:hover {
    background: var(--hover-buttons-primary);
}
.btn-pd-add-to-cart-details:hover svg path{
    fill: var(--hover-buttons-primary);
    stroke: #fff;
}
.modal .modal-content .modal-body .promo-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.bg-image {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.modal .modal-content .modal-body h3 {
    color: #000;
    font-size: 22px;
}
.modal .modal-content{
    border-radius: 0 !important;
    background-color: #C2C7AE;
}
.modal .modal-content .modal-body {
    border-radius: 15px;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-shadow: 0 10px 50px -10px rgb(0 0 0 / 90%);
    box-shadow: 0 10px 50px -10px rgb(0 0 0 / 90%);
}
.modal-header {
    border-bottom: 1px solid #fff2e5 !important;
}
.modal-title {
    color: var(--color-primary) !important;
}
#rename_wishlist{
    background: #c3c7af !important;
    color: #fff2e5;
    border: none;
    outline: 0;
    padding: 12px 20px;
}
.btn-cancel{
    margin-right: auto;
}
.closemodal {
    position: absolute;
    right: 15px;
    color: #000;
    z-index: 4;
    top: 8px;
    cursor: pointer;
}
.line {
    position: relative;
    padding-bottom: 20px;
}
.line:after {
    left: 35px;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    content: "";
    width: 70px;
    height: 1px;
    background: #ccc;
}
#atc_prod_price{
    font-weight: bold;
}
.cart-image img{
    margin-right: 15px;
    max-height: 225px;
    object-fit: contain;
    min-width: 180px;
}
.qty-cart{
    /*width: 60px;*/
    /*display: flex;*/
    /*float: left;*/
    /*border: 1px solid #ccc;*/
}
.remove-cart{
    outline: none;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    color: var(--color-primary);
    font-size: 22px;
}
.price-cart{
    width: 120px;
    color: var(--color-primary);
}
.cart-table td{
    color: var(--color-primary);
}
.cart-update-btn{
    outline: none;
    border: none;
    background: #cccccc;
    padding: 0;
    margin: 0 auto;
}
.qty-line{
    width: 120px;
}
.cart-update-btn {
    outline: none;
    border: none;
    background: #f2f2f2;
    margin: 0 auto;
    border-radius: 0 5px 5px 0;
    height: 31px;
    padding: 2px 5px;
    display: flex;
    float: left;
    align-items: center;
}
.spinner-update{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #ffffffa8;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 1056;
}
.spinner-wine{
    position: relative;
    top: 50%;
    left: 0;
    text-align: center;
    margin-top: -100px;
}
.spinner-wine img{
    filter: hue-rotate(33deg);
    width: 100px;
}
.spinner-update .spinner-border{
    position: relative;
    top: 50%;
    margin-top: -20px;
}
.text-right{
    text-align: right !important;
}
.remove-wishlist{
    outline: none;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
.wishlist-modal-body{
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 40px;
}
.border-bottom-tr {
    border-bottom: 1px solid #C2C7AE;
}
.wishlist-modal-body .main-content{
    margin: 0 auto;
    align-items: center;
    justify-content: start;
}
.modal-header .close{
    border: none;
    background: transparent;
    color: var(--color-primary);
}
.btn-add-to-cart-wishlist{
    width: 150px;
}
.btn-add-to-cart-wishlist a{
    text-decoration: none;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.producer-box .card{
    margin: 10px !important;
}
.producer-box{
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}
.producer-image{
    margin: 10px auto 18px;
}
.producer-color{
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    border-radius: 15px 0px 15px 15px;
}
.clearfix{
    clear: both;
}
.break {
    flex-basis: 100%;
    height: 0;
}
.line-d{
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.producers-products {
    margin-top: 30px;
    text-align: center;
    font-weight: 600;
}
#pd_search_modal.modal .modal-content .modal-body {
    padding-left: 20px;
    padding-right: 20px;
}
.justify-content-middle{align-items: center; justify-content: center;}
.mobile-cont .table h5 a{
    text-decoration: none;
}
.fs-7{
    font-size: 12px;
}
.white-space-nowrap{
    white-space: nowrap;
}
.p-no-top-4{
    padding: 15px 20px !important;
    border-radius: 15px;
}
.chk-btn{
    margin: 0 auto;
}
.history-dropdown-menu{
    position: relative;
    margin: 0;
    padding: 0;
    display: none;
}
.history-dropdown-menu li{
    list-style: none;
    text-align: center;
}
.history-dropdown-menu li:first-child a{
    border-bottom: 1px solid #e9e8e8;
}
.history-dropdown-menu li a{
    background: #f3f3f3;
}
.order-detail-list a{
    color: #212529;
}
.order-detail-list a:hover{
    color: #acc54e;
}
.btn-user{
    width: 300px;
}
.form-control:focus {
    color: #FFF3E4;
    background-color: #C2C9AC;
    border-bottom: 1px solid #000000 !important;
    outline: 0;
    box-shadow: 0 0 0 1px rgb(62 152 168 / 0%) !important;
    border-radius: 0;
}
.form-row{
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.category-list:after{
    /*content: '';*/
    /*border: solid #ccc;*/
    /*border-width: 0 3px 3px 0;*/
    /*display: inline-block;*/
    /*padding: 3px;*/
    /*transform: rotate(-45deg);*/
    /*-webkit-transform: rotate(-45deg);*/
}
.border-end-product {
    border-right: 1px solid #dee2e6!important;
}
.hero-img-1{
    background: url("../images/home-1.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
}
.hero-img-2{
    background: url("../images/home-2.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
}
.hero-img-3{
    background: url("../images/home-3.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
}
.hero-home h1{
    font-family: var(--font-playfair);
    margin: 10px 0;
    font-size: 60px;
    line-height: 70px;
    font-weight: normal;
}

.hero-home p{
    font-size: 23px;
    line-height: 30px;
}
.hero-img:before {
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 468px solid #c7cea2;
    border-right: 50px solid transparent;
}
.about-home-text p{
    font-size: 22px;
    line-height: 26px;
    margin: 10px 0;
}
.about-text-h3{
    font-size: 26px !important;
}
.featured-services .service-item {
    margin: 0 auto;
}
.featured-services .service-item h4 {
    text-align: center;
}
.text-about-homepage{
    padding: 0 !important;
}
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
    height: 430px;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}
.carousel-indicators .active {
    background-color: #fff;
}
.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255,255,255,.5);
}
.footer-menu-list {
    padding:  0 30px;
    text-align: right;
}
.footer-menu-list li{
    list-style: none;
    padding-bottom: 13px;
}
.footer-menu-list li a{
    color: #fff5e7;
    padding: 0;
    text-decoration: underline;
}
#footer .social-icons a{
    color: #fff;
    margin-right: 5px;
}
.mathieuvins-social img{
    margin-right: 10px;
}
.mathieuvins-social span{
    text-transform: uppercase;
    position: relative;
    top: 2px;
    margin-left: 15px;
    letter-spacing: 2px;
}
.footer-menu-list li a:hover {
    color: #000;
    padding: 0;
    text-decoration: underline;
}
#footer .social-icons a.active_lang{
    border-bottom: 1px solid #fff;
}
#page-products .card{
    padding: 0 !important;
    border: none;
}
#page-products .right-side .content h5{
    font-weight: 600;
}
.btn-back{
    width: 120px;
    color: var(--color-primary);
    padding-left: 40px;
}
.btn-back:hover,.btn-back:active,.btn-back:focus{
    color: #2D2D2D;
}
.producers-about-left{
    float: left;
}
.producers-about-right {
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
}
.producers-about-left img{
    border-radius: 15px;
}
.see-all-product a {
    color: #acc54e;
    text-decoration: underline;
}
.see-all-product{
    margin-top: 20px;
}
.see-all-product a:hover {
    color: #acc54e;
}
.about-producer-title{
    margin-bottom: 20px;
}
.producers-details{
    padding: 0;
}
.producers-content{
    margin: 40px auto 40px;
}
.producers-details-products{
    padding: 40px 50px 0 50px;
}
.producers-content h6{
    font-weight: 600;
}
.producers-content .content{
    display: block;
    float: left;
}
.producers-content .content .col-md-6{
    float: left;
}
.producers-desc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #3d3f40;
}
.points-de-retrait .producers-desc {
    -webkit-line-clamp: 5;
    line-clamp: 5;
}
.services .img {
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 215px;
     padding: 30px;
 }

.product_box .right{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 20px 20px;
}
.product-details-section{
    background: #FFF7F0;
    position: relative;
}
.user-card .bg{
    background: url(../images/background-login.jpg) no-repeat center center;
    width: 100%;
    height: 400px;
}
.user-card .card-footer{
    margin-top: 20px;
}
.create-one{
    border-bottom: 1px solid #999;
}
.create-one:hover{
    border-bottom: 1px solid #999;
}
.user-card .pr-1{
    right: 7px;
}
.user-card .pl-1{
    padding-left: 7px;
}
.datepicker table tr td.day {
    font-weight: bold !important;
}
.datepicker table tr td.disabled.day {
    font-weight: normal !important;
}
#featured-services .service-item h4{
    font-size: 26px;
}
.producers-list-icons{
    margin-top: 10px;
}
.social-producers a{
    font-size: 30px;
}
.social-producers a[href=""], .social-producers a[href="#"],.icons-mobile, .services .details .icon {
    display: none;
}
.about-text-home{
    padding-top: 0 !important;
}
.view-more-producers{
    margin:  20px auto 10px;
    text-align: center;
}
.about .accordion-button {
    font-size: 18px;
    color: var(--color-secondary);
    font-weight: 800;
}
.hero-descover-btn{
    color: var(--color-secondary);
    font-weight: 500;
}
.hero-descover-btn:hover{
    color: var(--color-secondary);
    text-decoration: underline;
}
.producers_subtitle{
    font-family: var(--font-primary);
    color: #2c4377;
}
.text-center{
    text-align: center;
}
#about_panierdici h2, #about_panierdici h3, #about_lrg h2, #about_lrg h3{
    margin-bottom: 15px !important;
    font-family: var(--font-playfair);
    margin-top: 30px;
}
.producers-home .producers-desc{
    height: 72px;
}
.producers_link{
    display: block;
}
.producers-home .producers-list-icons {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}
.producers-home .producers-list-icons span {
    margin-right: 5px;
}
.producer_box{
    padding: 15px;
}
.producers-home .details {
    box-shadow: 0 0 10px rgba(var(--color-black-rgb), 0.1);
}
.center-image{
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    display: flex;
}
.producers-home .producers_subtitle{
    text-align: center;
}
.producers-home .producers_subtitle a{
    color: #2c4377;
    font-weight: 600;
}
.producers-home .producers_subtitle a:hover{
    color: #2c4377;
    text-decoration: underline;
}
.subtitle_producer{
    clear: both;
    display: block;
    font-size: 18px;
    font-weight: 500;
}
#producers .col-md-6{
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}
.point-de-retrait-item{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.point-de-retrait-item:nth-child(4n){
    clear: both;

}
.main_image {
    display: flex;
    justify-content: center;
    align-items: self-start;
    height: 730px;
    width: 100%;
    overflow: hidden;
    z-index: 0;
}
.product-details-section .main_image img{
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    display: block;
    right: 0;
    position: relative;
    z-index: 0;
}
.z-index-1{
    z-index: 1;
}
.text-underline{
    text-decoration: underline;
}
.producers-icon{
    display: none !important;
}
.producers-links{
    color: #000;
    text-decoration: underline;
}
.producers-links:hover{
    color: #000;
    text-decoration: underline;
}
.product_category_image{
    width: 100%;
    height: 80px;
    object-fit: cover;
    position: relative;
}
.general-link{
    color: #fff5e7;
}
.general-link:hover{
    color: #000;
    text-decoration: underline;
}
.special-text
{font-size: 20px;
font-weight: 600
}
#paginator{
    display: inline-flex;
    width: 100%;
}
.desktop-only{
    display: block;
}
.mobile-only{
    display: none;
}
.product-modal{
    padding: 50px;
}
.pair_note{
    color: red;
    font-style: italic;
}
.quantity-selector {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--color-primary);
    padding: 8px 10px;
    background-color: transparent;
    color: var(--color-primary);
    width: 100%;
    margin-bottom: 10px;
}

.qty-btn {
    border: none;
    background: transparent;
    color: var(--color-primary);
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    padding: 0 10px;
    width: 33%;
}

.qty-number, .quantity-field {
    margin: 0 5px;
    font-weight: bold;
    font-size: 18px;
    width: 33%;
    text-align: center;
    color: var(--color-primary);
    background: #efefef1f;
    border: 0 solid #eee;
}

.qty-input-group{
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--color-primary);
    padding: 8px 10px;
    background-color: transparent;
    color: var(--color-primary);
    width: 100%;
    margin-bottom: 10px;
    height: 50px;
}
.product-listing-page .qty-input-group{
    margin-bottom: 0;
}
.qty-input-group input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
    border: none;
    background: transparent;
    color: var(--color-primary);
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    padding: 0 10px;
    width: 33%;
}

.qty-input-group input::-webkit-outer-spin-button,
.qty-input-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.qty-input-group input[type='button'] {
    width: auto;
    transition: all 300ms ease;
}

.qty-input-group .button-minus,
.qty-input-group .button-plus {
    font-weight: bold;
    height: 35px;
    padding: 0;
    width: 35px;
    position: relative;
    border: 1px solid #eee;
}

.qty-input-group .quantity-field:focus-visible {
     outline: 0 solid #000;
 }

.button-plus {
    left: -13px;
}

.qty-input-group  input[type="number"] {
    -moz-appearance: textfield !important;
    -webkit-appearance: none !important;
}
.product-details-inputs{
    margin: 0 0 5px !important;
    clear: both;
    display: flex;
    width: 50%;
    flex-direction: row;
    float: left;
    padding-right: 5px;
    gap: 5px;
}

.product-details-inputs select{
    width: 30%;
    float: left;
}
.form-addtocart{
    margin-top: auto;
}
.product-details-inputs .qty-input-group  .button-minus, .product-details-inputs .qty-input-group .button-plus {
    height: 38px;
    width: 33%;
    left: 0;
    float: left;
}
.product-details-inputs .form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.08rem rgba(13, 110, 253, 0.25);
}

.product-details-inputs .qty-input-group {
    width: auto;
    position: relative;
}
.qty-input-group.modal-qty {
    width: 100%;
    left: 0;
    position: relative;
    padding: 10px 0;
}
.points-de-retrait .producers-desc {
    overflow: auto;
    text-overflow: inherit;
    display: block;
    -webkit-line-clamp: inherit;
    line-clamp: inherit;
    -webkit-box-orient: unset;
    color: #3d3f40;
}
.remove-icon-svg{
    width: 15px;
    height: 16px;
}
.btn-coupon{
    margin-left: 15px;
}
.blog-header{
    text-align: center;
    width: 100%;
    /*background: url("//images/home-3.jpg") no-repeat center center;*/
    background-color: #ffffff;
    background-size: cover;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
}
.blog-header:after{
    content: '';
    /*background: rgba(0, 0, 0, 0.25);*/
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    backdrop-filter: blur(3px);
}
.blog-header span{
    z-index: 2;
    font-weight: 700;
}
.addtocart_btn{
    padding-left: 5px;
}
.ajouter-icon{
    width: 19px !important;
    height: 21px !important;
    position: relative;
    top: -3px;
    right: 5px;
}
.blog-box{
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 45px;
}
.blog-box .post-content-container {
    padding-left: 13%;
    padding-right: 13%;
    padding-top: 32px;
    background-color: #fff;
}
.post-content-container {
    transition: .3s all ease-in-out;
    box-shadow: 0 15px 45px -9px rgba(0,0,0,.2);
    overflow: hidden;
    position: relative;
}
.blog-box:nth-of-type(2n+1){
    clear: both;
}
.blog-box .card{
    padding: 0 !important;
    border-radius: 3px !important;
    border: none;
}
.blog-img{
    overflow: hidden;
    object-fit: cover;
}
.blog-img img{
    transition: .3s all ease-in-out;
    object-fit: cover;
}
.blog-box:hover .post-content-container{box-shadow:0 1px 1px 1px rgba(0,0,0,.06)}
.blog-box:hover .blog-img img{transform: scale(1.1);}

.post-meta-two {
    margin-left: -18%;
    margin-right: 92px;
    padding: 19px 0 19px 18%;
    position: relative;
    border-top: 1px solid #e9e9e9;
}
.post-meta-two a{
    color: var(--color-primary);
}
.post-meta-categories {
    padding-left: 0;
}
.post-meta-categories a {
    font-size: 13px;
    text-transform: uppercase;
}
.post-title h2 {
    font-size: 28px;
    margin-top: 12px;
    margin-bottom: 14px;
    line-height: 100%!important;
    color: #505050;
    font-weight: 700;
}
.post-title h2, .post-title h1 {
    transition: .25s all ease;
}
.widget-item {
    padding-bottom: 45px;
}
.blog-sidebar .widget-title {
    color: #505050;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
}
.blog-sidebar a {
    color: #8d8d8d!important;
}
.widget_categories li .count {
    float: right;
    font-weight: 700;
    background-color: #f3f3f3;
    color: #9a9a9a;
    border-radius: 50px;
    padding: 0 8px;
    line-height: 1.4;
    cursor: default;
}
.widget_categories ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.widget_categories li * {
    font-size: 13px;
}
.widget-item ul {
    list-style: none;
    padding-left: 0;
}
#sidebar .widget-item li, #sidebar .widget-item .sh-recent-posts-widgets-item {
    border-color: #e3e3e3!important;
}
.widget_categories li:first-child {
    padding-top: 0;
}
.widget_categories li {
    padding: 12px 1px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 0;
    text-transform: uppercase;
}
.widget_categories li>a {
    display: inline-block;
}
.post-title-details{
    font-size: 30px;
    padding-top: 15px;
    cursor: default;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 16px;
}
.post-content {
    padding-bottom: 15px;
    word-break: break-word;
}
.post-meta-border{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.post-meta-data{
    font-size: 12px!important;
}
.post-details-categories-one{
    float: left;
}
.sh-columns .post-details-categories {
    float: right;
}
.sh-columns .post-details-categories a{
    color: #8d8d8d!important;
    font-size: 12px!important;
    transition: all .3s ease-in-out;
}
.sh-mini-overlay-container {
    border-radius: 100px;
}
.sh-table-full {
    display: table;
    width: 100%;
    height: 100%;
}
.sh-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none!important;
}
.sh-mini-overlay i {
    line-height: 1px;
    font-size: 24px;
    color: #fff!important;
    display: block;
}
.sh-recent-posts-widgets-item-thumb .sh-ratio {
    border-radius: 100px;
    overflow: hidden;
    z-index: 0;
}
.sh-ratio {
    position: relative;
}
.sh-ratio-container-square {
    padding-bottom: 100%;
}
.sh-ratio-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
}
.sh-recent-posts-widgets-item-thumb {
    position: absolute;
    width: 76px;
    height: 76px;
    border-radius: 100px;
    left: 0;
    top: 0;
}

.sh-recent-posts-widgets-item {
    border-color: #e3e3e3!important;
}

.sh-recent-posts-widgets-item {
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
}
.sh-recent-posts-widgets {
    position: relative;
}
.sh-recent-posts-widgets-item-content {
    padding-left: 95px;
    min-height: 76px;
}
.post-meta-categories {
    padding-left: 0;
}
.sh-recent-posts-widgets-item h6 {
    padding-top: 2px;
    --max-lines: 2;
    overflow: hidden;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--max-lines);
}
.blog-box .post-title h2{
    --max-lines: 2;
    overflow: hidden;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--max-lines);
}
.latest-post-meta-cat:nth-last-child(2) .seperator-cat,.bloglist-post-meta-cat:last-child .seperator-cat{
    display: none;
}
.post-details-categories .post-meta-categories-det:last-child .seperator-cat{
    display: none;
}
.sh-blog-style2 .sh-recent-posts-widgets-item-content h6 {
    font-size: 16px;
}
.sh-recent-posts-widgets-item h6 {
    padding-top: 5px;
    margin-bottom: 8px;
    color: #3f3f3f;
    font-weight: 700;
    font-size: 18px;
}
.sh-mini-overlay-container{
    background-color: rgba(172,197,84,0.75)!important;
}
.sh-mini-overlay-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(71,201,229,.75);
    text-align: center;
    opacity: 0;
}
.sh-mini-overlay .sh-mini-overlay-container:hover {
    opacity: 1;
}
.icon-link{
    background: url("../images/link-w.png") no-repeat center center;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    left: 25px;
    top: 25px;
}
.blog-details-content img {
    max-width: 100%;
}
.title-level .breadcrumbs {
    font-size: 14px;
    margin: 0;
    margin-bottom: -4px;
    position: relative;
}
.sh-titlebar:not(.sh-titlebar-template) .title-level {
    text-align: right;
    float: right;
    align-items: end;
    display: flex;
}
.sh-titlebar:not(.sh-titlebar-revslider) a {
    color: #fff!important;
}
.sh-titlebar .title-level .separator {
    font-size: 0;
}
.sh-titlebar .title-level .separator:after {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 10px;
    padding: 0;
    background: #fff;
    border-radius: 50%;
    width: 3px;
    height: 3px;
    top: -2px;
    position: relative;
    margin: 0 8px;
}

.sh-titlebar .title-level .item-current {
    font-weight: 700;
}
.sh-titlebar .titlebar-title h1, .sh-titlebar .titlebar-title h2 {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 700;
    color: var(--color-primary);
}
.sh-titlebar-content{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    align-items: center;
    width: 100%;
    flex-direction: row;
    margin-right: auto;
}
.titlebar-title{
    float: left;
    display: flex;
    flex: auto;
}
.blog-content #paginator{
    justify-content: center;
}
.top-header-lang{
    border-bottom: 1px solid #ababab;
    justify-content: flex-end;
    display: flex;
    padding-bottom: 10px;
}
.top-header-lang a{
    color: #000;
    margin-left: 20px;
    font-family: var(--font-geist);
    position: relative;
}
.top-header-lang a:after{
    content: "";
    width: 1px;
    height: 7px;
    position: absolute;
    right: -10px;
    top: 8px;
    background: #000;
}
.top-header-lang a:last-child:after{
   display: none;
}

.promo-container {
    display: flex;
    gap: 15px;
    height: 1120px;
}

.promo-box {
    background-size: cover;
    background-position: center;
    color: white;
    position: relative;
    padding: 20px;
    display: flex;
    background: #9a9a9a;
    align-items: flex-end;
}

.promo-container .left {
    flex: 1;
}

.promo-container .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.promo-container .top {
    flex: 1;
}
.promo-container .bottom {
    flex: 2;
}

.promo-container .content {
    padding: 20px;
    bottom: 60px;
    position: relative;
    left: 20px;
}

.promo-container .content h2 {
    font-size: 50px;
    font-family: var(--font-playfair);
    margin: 0 0 10px;
}

.promo-container .content h2 em {
    font-style: italic;
    display: block;
    font-weight: 300;
    margin-left: 25px;
    position: relative;
}
.promo-container .content h2 em:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    left: 0;
    bottom: -10px;
}
.promo-container .discover-more-btn{
    margin-left: auto;
    margin-right: 40px;
    margin-bottom: 10px;
}
.promo-container .content  .highlight {
    background-color: rgba(255, 255, 200, 0.6);
    color: #fff;
    padding: 0 5px;
}

.btn {
    display: inline-block;
    margin-top: 10px;
    background: #fff;
    color: #333;
    padding: 8px 15px;
    text-decoration: none;
    border-radius: 0;
    font-weight: bold;
}

.selection_box img{
    width: 100%;
}

.selection-carousel .slick-slide  {
    margin: 0 7.5px; /* Half of your desired gap on each side */
}
.footer-bottom-elements{
    background: var(--color-primary);
    color: #fff5e7;
    padding: 40px 80px;
    display: flex;
    align-items: start;
    justify-content: center;
}
.footer-bottom-elements p, .footer-bottom-elements p a{
    color: var(--color-primary);
}
.justify-content-start{
    justify-content: start;
}
.justify-content-end{
    justify-content: end;
}


.shop-notification{
    display: none;
}
.selection_box{
    position: relative;
}
.selection_box .content{
    position: absolute;
    top: 30px;
    left: 40%;
    color: #fff;
}
.selection_box .content h2{
    white-space: pre-wrap; /* Respects manual spaces/line breaks */
    margin-left: 1em;
    font-family: var(--font-playfair);
    padding-right: 20px;
}
.selection_box a{
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.selection_box a{
    background: #85001B;
    color: #fff;
}
.selection_box a:hover{
    background: #85001B;
    color: #fff;
}
.wine-specs {
    width: 100%;
    max-width: 600px;
}

.spec-row {
    display: flex;
    border-bottom: 1px solid #C4C9B0;
    padding: 12px 0;
}

.spec-label {
    width: 40%;
    font-weight: 500;
    color: #2D2D2D;
}

.spec-value {
    width: 60%;
    color: #2D2D2D;
    text-align: right;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: end;
}
.product-of-the-month{
    background: #FFF1E3;
    padding: 60px 0;
    overflow: visible;
    margin: 60px 0;
}
.pofm-wrapper {
    max-width: 1340px;
    margin: 0 auto;
    min-height: 390px;
}
.content-potm h3{
    color: var(--color-primary);
}
.content-potm-right{
    position: relative;
    height: 100%;
}
.content-potm-right img.potm-wine{
    position: absolute;
    transform: rotate(-30deg);
    transform-origin: left center;
    top: -110px;
    width: 180px;
    left: 70px;
}
.content-title {
    position: absolute;
    right: 0;
    width: 310px;
}

.content-title h3 {
    display: inline-block;
    font-family: var(--font-playfair);
}
.content-title h3 br {
    display: block;
    line-height: 0;
}
.content-title h3 br::after {
    content: "";
    display: inline-block;
    width: 20px; /* indentation size */
}
/* all children in one sequence */
.content-title h3 span,
.content-title .type,
.content-title .price {
    display: block;
    font-size: 30px;
    line-height: 36px;
    color: #85001B;
}

/* staircase effect across all lines */

.content-title .type {
    margin-left: 75px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #C4C9B0;
    border-bottom: 1px solid #C4C9B0;
    padding: 20px 0;
    display: inline-block;
    font-weight: 300;}
.content-title .price{
    margin-left: 145px;
    font-size: 20px;
    font-weight: 300;
}
.wotm-btn{
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: 500;
    text-transform: capitalize;
    width: 320px;
}
.bg-wine,.bg-stars,.bg-grape{
    position: relative;
}
.bg-wine:before{
    content: '';
    background: url("/images/wine-bottle.png") left center no-repeat;
    width: 84px;
    height: 27px;
    background-size: contain;
    position: absolute;
    left: 170px;
}
.bg-stars:before{
    content: '';
    background: url("/images/stars-icon.png") right center no-repeat;
    width: 119px;
    height: 25px;
    background-size: contain;
    position: absolute;
    right: 100px;
}
.bg-grape:before{
    content: '';
    background: url("/images/grape-icon.png") left center no-repeat;
    width: 19px;
    height: 25px;
    background-size: contain;
    position: absolute;
    left: 100px;
}
.bg-grape:lang(en):before{
    left: 150px;
}
.background-region{
    background: url("/images/explore-burgundy-homepage.jpg") center center no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.region-title{
    padding: 220px 60px 130px;
    font-size: 55px;
    margin-left: 1.5em;
    text-indent: -1.5em;
    line-height: 53px;
    font-weight: 300;
    color: #C2C9AC;
    font-family: var(--font-playfair);
}
.region-title span{
    font-family: var(--font-playfair);
    font-style: italic;
}
.content-region{
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 60px;
    padding-bottom: 130px;
}
.content-region a{
    color: #C2C9AC;
    text-decoration: underline;
}
.section-region{
    margin: 120px 0;
}
.home-products-3col{
    max-width: 1340px;
    margin: 0 auto;
}
.view-more-product-btn{
    text-align: right;
    float: right;
    padding-right: 35px;
    margin-top: 40px;
}
.view-more-product-btn a{
    color: var(--color-primary);
}

.mega-menu {
    position: absolute;
    top: 180px; /* adjust based on header height */
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    display: none; /* hidden by default */
    padding: 50px 50px 30px;
    z-index: 999;
}

.mega-menu h5 {
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 16px;
    color: #85001B;
}

.mega-menu ul {
    list-style: none;
    padding: 0;
}

.mega-menu ul li {
    margin-bottom: 8px;
}

.mega-menu ul li a {
    text-decoration: none;
    color: #333;
}

.mega-menu ul li a:hover {
    color: #b22222; /* highlight color */
}
.login-form, .forgotpass-form{
    background: #C2C9AC;
}
.forgotpass-form{
    padding: 60px 0;
}
.login-title{
    color: var(--color-primary);
}
.user-login{
    max-width: 900px;
    margin: 0 auto;
}
.user-register, .forgot-pass-card {
    max-width: 900px;
    margin: 0 auto;
}
.spec-desc{
    color: var(--color-primary);
    font-size: 24px;
    padding: 10px 0;
    border-top: 1px solid #e2ded3;
    border-bottom: 1px solid #e2ded3;
    font-family: var(--font-acumin);
}
.product_box .spec-desc{
    border-top: none !important;
    border-bottom: 1px solid var(--color-primary) !important;
    }

.right-side{
    width: 80%;
}
.spec-desc .cat-color{
    text-transform: uppercase;
}
/* CSS to add gaps between items but not on sides */
.related-carousel .slick-slide {
    margin: 0 10px;
}
.related-carousel .slick-list {
    margin: 0 -10px;
}
.related-carousel .slick-track {
    display: flex !important;
    align-items: stretch; /* Make all items same height */
}
.related-carousel .slick-slide > div {
    height: 100%; /* Fill the slide height */
    display: flex;
    flex-direction: column;
}

.related-carousel .slide-item {
    overflow: hidden;
    height: 100%; /* Take full height of parent */
    display: flex;
    flex-direction: column;
}
.related-carousel .product_box {
    min-height: 630px;
}
.related-products h3{
    color: var(--color-primary);
}

/* Green styled select */
.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    height: 50px !important;
    border: 1px solid var(--color-primary) !important;
    border-radius: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 50px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #C2C9AC  !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--color-primary) transparent transparent transparent  !important;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    }

.price-slider-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    position: relative;
    font-family: sans-serif;
}

.min-label, .max-label {
    font-size: 14px;
    color: #555;
    min-width: 40px;
    text-align: center;
    font-family: var(--font-geist);
}

.slider-container {
    flex: 1;
    position: relative;
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    background: linear-gradient(to right, #85001B 0%, #FACDB2 100%);
    outline: none;
    margin: 0;
    transition: background 0.3s ease;
}

/* thumb */
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #85001B;
    cursor: pointer;
    border: none;
    background-size: contain;
}
input[type=range]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #85001B;
    cursor: pointer;
    border: none;
    background-size: contain;
}

/* tooltip */
.tooltip-range {
    position: absolute;
    bottom: -30px;
    left: 0;
    transform: translateX(-50%);
    background: transparent;
    color: #706F6F;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 13px;
    white-space: nowrap;
    pointer-events: none;
    font-family: var(--font-geist);
}
.price-wrapper{
    border-bottom: 1px solid #979797;
    padding-bottom: 0;
}
.Couleur .category-list {
    width: 100%;
    margin-bottom: 10px;
}
.category-filter-list h5{
    margin-top: 30px;
    padding-bottom: 20px;
    clear: both;
    display: flex;
    float: left;
    width: 100%;
    border-bottom: 1px solid #979797;
}
.category-filter-list h5.active{
    border-bottom: none;
}
.Région h5.active, .Région h5, .Région .filter-content{
    border-bottom: none;
}
.filter-content{
    border-bottom: 1px solid #979797;
    float: left;
    padding-bottom: 10px;
}
.fixed-height-scroll .filter-content{
    height: 400px;
    overflow-y: scroll;
}
/* Hide default checkbox */
.Couleur .category-list input[type="checkbox"] {
    display: none;
}

/* Style the label like a button */
.Couleur .category-list label {
    display: block;
    width: 100%;
    padding: 12px 35px;
    text-align: left;
    border: 1px solid #979797;
    border-radius: 35px;
    cursor: pointer;
    background: #fff;
    font-size: 16px;
    transition: all 0.3s ease;
}

/* Hover effect */
.Couleur .category-list label:hover {
    border-color: #aaa;
}

.milesime .category-list {
    width: 50%;
    margin-bottom: 10px;
    gap: 10px;
    display: flex;
    float: left;
}
/* Hide default checkbox */
.milesime .category-list input[type="checkbox"] {
    display: none;
}

/* Style the label like a button */
.milesime .category-list label {
    display: block;
    width: 100%;
    padding: 12px 35px;
    text-align: left;
    border: 1px solid #979797;
    border-radius: 35px;
    cursor: pointer;
    background: #fff;
    font-size: 16px;
    transition: all 0.3s ease;
}

/* Hover effect */
.milesime .category-list label:hover {
    border-color: #aaa;
}

/* Checked state */
.Couleur .category-list input[type="checkbox"]:checked + label {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);;
}

.milesime .category-list input[type="checkbox"]:checked + label {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);;
}

.accordion-header {
    cursor: pointer;
    position: relative;
    padding-right: 20px;
}
.accordion-header::after {
    content: "+";
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 0.2s;
}
.accordion-header.active::after {
    content: "-";
}

/* Animation with max-height */
.accordion-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease;

}
.accordion-content.show {
    opacity: 1;
    overflow: visible;
}
.filter-btns{
    display: flex;
    float: left;
    margin-top: 10px;
    width: 100%;
    justify-content: center;
}
.filter-reset{
    align-items: center;
    padding: 0 !important;
    display: flex !important;
    justify-content: start;
}
.filter-button{
    background: var(--color-primary);
    padding: 12px 25px;
    color: #fff !important;
    text-align: center;
    font-size: 16px;
    border: none;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    width: 100%;
}
.fn_create_wishlist{
    margin: 0 auto 15px;
    justify-content: center;
    align-items: center;
    float: none;
    display: flex !important;
    width: 100%;
    color: var(--color-primary) !important;
    background: #c2c7af !important;
    border: 1px solid #c2c7af;
    height: 60px;
}
.wishlistplus-icon{
    margin-left: auto;
}
.border-top-wishlist{
    border-top: 1px solid #cacaca;
}
.wishlist-title-cat{
    color: #979797;
}
.wishlist-wrapper{
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--color-primary);
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.table-wishlist{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.table-wishlist, .table-wishlist a{
    color: var(--color-primary);
}
.editwish .fn_rename_wishlist{
    background: #FDF6F0;
    padding: 20px;
    float: left;
    font-size: 20px;
}
.wishlistname a{
    margin-left: 10px;
    color: #979797;
}
.wishlist-delete{
    margin-left: auto;
}
.btn-primary.btn-save:hover,.btn-primary.btn-cancel:hover{
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}
.btn-primary.btn-cancel{
    background: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
}
.modal-footer {
    border-top: 1px solid #fff2e5 !important;
}
.chk-status .col-4{
    flex-direction: column;
}
.chk-status img{
    clear: both;
    width: 32px;
    height: 33px;
}
.align-content-start{
    align-items: start;
}
.align-content-center{
    align-items: center;
}
.align-content-end{
    align-items: end;
}
.line-cart{
    background: #F6D2B9;
    width: 96%;
    height: 3px;
    display: flex;
    z-index: -1;
    position: absolute;
    top: 12px;
    left: 2%;
    margin: 0 auto;
}
.line-cart.line-checkout{
    background: #85001B;
    background: linear-gradient(90deg,rgba(133, 0, 27, 1) 0%, rgba(133, 0, 27, 1) 50%, rgba(246, 210, 185, 1) 50%, rgba(246, 210, 185, 1) 100%);
}
.color-red{
    color: var(--color-primary) !important;
}
.chk-status div{
    line-height: 18px;
}
.footer-cart p{
    color: var(--color-primary);
}
.cart-table{
    color: var(--color-primary);
}
.cart-image{
    align-items: center;
}
.cart-img-desc{
    width: 480px;
}
.cart-titles{
    width: 100%;
}
.cart-titles a{
    color: var(--color-primary);
}
.cart-table .qty-line{
    width: 180px;
}
.cart-table .form-qty-cart{
    width: 100%;
    display: flex;
}
.cart-table .qty-input-group {
    display: inline-flex;
    align-items: center;
    border: 0 solid var(--color-primary) !important;
    padding: 0;
    background-color: transparent;
    color: var(--color-primary);
    width: 100% !important;
    margin-bottom: 0 !important;
    height: auto;
}
.cart-table  .qty-input-group input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
    border: 0  !important;
    background: transparent;
    color: var(--color-primary);
    font-size: 18px !important;
    font-weight: bold;
    padding: 0 10px !important;
    width: 33%  !important;
    float: left;
}
.cart-table  .quantity-field {
    margin: 0 7px 0 0 !important;
}
.cart-table  .qty-input-group input.button-minus[type="button"]  {
    border-left: 2px solid #C2C7AE !important;
}
.cart-table  .qty-input-group input.button-plus[type="button"]  {
    border-right: 2px solid #C2C7AE !important;
}
.sidecart-checkout{
    background: #FDF6F0;
    padding: 30px;
    display: flex;
    flex-direction: column;
}
.sidecart-row .text-left{
    justify-content: start;
    display: flex;
    float: left;
}
.sidecart-row .text-right{
    justify-content: end;
    display: flex;
}
.total-sidecart{
    border-top: 1px solid #706F6F;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 20px;
    color: var(--color-primary);
}
.cart-checkout-btn{
    width: 240px;
    text-transform: none;
    font-weight: 500;
    color: #FDF6F0 !important;
    font-size: 16px;
    margin: 40px auto 10px;
}
.cart-continue-shop-btn{
    text-align: center;
    color: var(--color-primary);
    text-decoration: underline;
    margin: 15px 0;
}
.cart-continue-shop-btn:hover{
    color: #000;
}
.guest-checkout .form-group{
    gap: 20px;
    margin-bottom: 10px;
}
.delivery-payment{margin-top: 40px;}

.delivery-payment p{
    min-width: 300px;
    align-items: center;
    display: flex;
    margin-bottom: 0;
}
.bg-creme{
    background: #FDF6F0;
}
.loyalite-points-wrapper{
    background: url("../images/profile-page.jpg") no-repeat center center;
    width: 100%;
    height: 550px;
    background-size: cover;
    padding: 80px;
    display: flex;
    flex-direction: column;
}
.username-profile{
    color: #C2C9AC;
    font-size: 30px;
    line-height: 32px;
    width: 60%;
}
.fidalite-text{
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}
.fidalite-points{
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 22px;
    width: 60%;
    margin-top: 40px;
}
.fidalite-points .points{
    font-size: 60px;
}
.top-header-lang a.active_lang{
    color: var(--color-primary);
}
.loyality-shop-btn{
    margin-top: auto;
    margin-left: auto;
}
.loyality-shop-btn a{
    color: #fff;
}
.loyality-shop-btn a:hover{
    color: #fff;
    text-decoration: underline;
}
.bg-olive{
    background: #C2C9AC;
}
.bg-creme{
    background: #FFF3E4;
}
.bg-rose{
    background: #FCCFB4;
}
.bg-olive .accordion-button:not(.collapsed) {
    color: var(--color-primary);
    background-color: #C2C9AC;
    box-shadow: none;
}
.bg-creme .accordion-button:not(.collapsed) {
    color: var(--color-primary);
    background-color: #FFF3E4;
    box-shadow: none;
}
.bg-rose .accordion-button:not(.collapsed) {
    color: var(--color-primary);
    background-color: #FCCFB4;
    box-shadow: none;
}
.user-wrapper .accordion-header .accordion-button::after {
    background-image: none !important;
}
.accordion-button:focus {
    box-shadow: none !important;
}
.user-wrapper .accordion-button{
    padding: 59px 40px;
}
.accordion-img{
    width: 100px;
    text-align: center;
}
.accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.user-wrapper .accordion-header::after {
    content: "+";
    font-size: 22px;
    position: absolute;
    right: 80px;
    top: 50%;
    transition: transform 0.2s;
    margin-top: -13px;
    color: var(--color-primary);
}
.user-wrapper .accordion-header.active::after {
    content: "-";
}
.user-wrapper .accordion-button:hover {
    z-index: 0;
}
.user-wrapper .accordion-button:focus {
    z-index: 0 !important;
    border-color: transparent !important;
    outline: 0;
    box-shadow: none !important;
}
.user-wrapper .accordion-item{
    margin-bottom: 20px;
    border: none;
}
.points-btn{
    border: none;
    background: none;
    color: var(--color-primary);
    text-decoration: underline;
    text-align: left;
}
.loyalite-circle{
    padding-left: 25px;
    position: relative;
}
.loyalite-circle:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid var(--color-primary);
    position: absolute;
    left: 0;
    display: block;
    top: 8px;
}
.promo-code-wrapper{
    border: 1px solid #706F6F;
    padding: 20px;
    margin-bottom: 20px;
}
.total-end-row-border{
    border-bottom: 2px solid #000;
}
.total-chk-end{
    font-size: 20px;
}
.promocode-box{
    display: flex;
}
.promocode-box a{
    color: #000;
    text-decoration: underline;
    margin-left: auto;
    cursor: pointer;
}
.div-promo-code{
    display: none;
}
.coupon-checkout{
    align-items: end;
    display: flex;
}
.btn-coupon-div{
    align-items: end;
    justify-content: end;
    display: flex;
}
.btn-coupon{
    text-transform: none;
    font-size: 13px;
    margin: 0;
    padding: 10px !important;
}
.edit-profil-btn{
    color: #FFF3E4;
    text-decoration: underline;
    position: absolute;
    right: 100px;
}
.edit-profil-btn:hover{
    color: var(--color-primary);
}
.personal_information{
    padding: 0 60px 60px 120px;
}
.personal_information .form-group span{
    padding: 15px 0;
    color: #FFF3E4;
    border-bottom: 1px solid #B2B2B2;
    width: 100%;
    display: flex;
}
.personal_information .form-group{
    gap: 20px;
    display: flex;
    width: 100%;
    flex-direction: column;
}
.personal_information .form-group .col-6{
    float: left;
    display: flex;
}
#user_addresses .form-group span {
    color: #000 !important;
}
.ship-title-prof{
    display: block;
    margin-top: 20px;
}
.login-form .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    height: 50px !important;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #B2B2B2 !important;
}
.select-custom-dropdown .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0;
}
.select-custom-dropdown .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--color-primary) !important;
}
#user_orders{
    padding: 0 60px 60px 120px;
}
#user_orders a{
    color: var(--color-primary);
}
.doc-date{
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 20px;
}
.doc-date img{margin-left: 10px;}
.doc-total{
    margin-left: auto;
}
.order_details-profile div{
    display: flex;
    border-bottom: 1px solid #FFF7F0;
    align-items: center;
}

.order_details-profile div:last-child{
    padding-bottom: 10px;
}
.about-hero{
    background: url(../images/about.jpg) no-repeat center center;
    width: 100%;
    height: 500px;
    background-size: cover;
    position: relative;
}
.about-hero h1{
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    top: 0;
    align-content: center;
    color: #fff;
    font-size: 50px;
}
.loyality-hero{
    background: url("../images/loyalty-program-page.jpg") no-repeat center center;
    width: 100%;
    height: 500px;
    background-size: cover;
    align-items: center;
    display: flex;
}
.loyality-hero .content h2, .loyality-access-content .content h2{
    font-size: 50px;
    font-family: var(--font-playfair);
    margin: 0 0 10px;
    padding-bottom: 10px;
}
.loyality-access-content .content h2{
    color: var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
    display: inline-flex;
    flex-direction: column;
}
.loyality-hero .content h2 em, .loyality-access-content .content h2 em {
    font-style: italic;
    display: block;
    font-weight: 300;
    margin-left: 25px;
    position: relative;
}
.loyality-hero-content{
    width: 40%;
    color: #fff;
}
.loyality-hero-content h2{
    border-bottom: 2px solid #C2C9AC;
}
.loyality-access-content .content p{
    max-width: 260px !important;
}
.loyality-hero-content p{
    font-size: 24px;
}
.loyality-accordion  .accordion-item {
    background-color: transparent;
    border: 0;
}
.loyality-accordion .accordion-button {
    color: var(--color-primary);
    background-color: transparent;
    box-shadow: none !important;
}
.loyality-accordion .accordion-button::after{
    background-image: none !important;
}
.loyality-accordion .accordion-header::after {
    content: "+";
    right: 30px;
    top: 14px;
    color: var(--color-primary);
}
.loyality-accordion .accordion-header.active::after {
    content: "-";
}
.loyality-accordion .accordion-button:hover {
    z-index: 0;
}
.loyality-accordion .accordion-button:focus {
    z-index: 0 !important;
    border-color: transparent !important;
    outline: 0;
    box-shadow: none !important;
}
.small-about-title{
    font-size: 26px;
}
#page-checkout textarea{
    color: #444;
}
#page-checkout textarea::placeholder{
    color: #444;
}
#page-checkout .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    height: 50px !important;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #B2B2B2 !important;
}
.modal .form-select,.modal  .form-control {
    background: #C2C7AE !important;
}
.cat-filters-box{
    width: 75%;
}
.export-pdf-list{
    margin-left: auto;
}
.cat-filters-box ul{
    padding: 0;
    list-style: none;
}
.cat-filters-box ul li{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.cat-filters-box ul li a{
    border: 1px solid #C2C7AE;
    color: #979797;
    padding: 8px 10px;
    display: block;
}
.cat-filters-box ul li a.active{
    border: 1px solid #C2C7AE;
    background: #C2C7AE;
    color: var(--color-primary);
    padding: 8px 10px;
    display: block;
}


/* Default grid view */
.toggle-view .col-xxl-4,
.toggle-view .col-md-4,
.toggle-view .col-sm-6 {
    display: block;
}

.toggle-view:not(.list-mode) .product_box {
    display: flex;
    flex-direction: column;
}

/* List view */
.toggle-view.list-mode .col-xxl-4,
.toggle-view.list-mode .col-md-4,
.toggle-view.list-mode .col-sm-6 {
    width: 100% !important;
    max-width: 100% !important;
}

.toggle-view.list-mode .product_box {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    background: #fff;
}

.toggle-view.list-mode .product_box .left {
    flex: 0;
    margin-right: 0;
    display: none;
}

.toggle-view.list-mode .product_box .right {
    flex: 1;
    flex-direction: row;
    padding: 0;
    align-items: center;
    gap: 20px;
}
.toggle-view.list-mode .product_price {
    margin: 0;
    width: auto;
}
.toggle-view.list-mode .form-addtocart{
    margin-left: auto;
    margin-right: 70px;
    margin-top: inherit;
}
.toggle-view.list-mode .product_box {
    min-height: auto;
    margin-bottom: 0;
    border-bottom: 1px solid #979797;
}
.toggle-view.list-mode .product-details-inputs {
    margin: 0 !important;
    gap: 0;
}
.toggle-view.list-mode .product_desc{
    width: 430px;
}
.toggle-view.list-mode .product_desc a {
    border-bottom: none;
    align-items: center;
    height: auto;
    font-size: 22px;
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: start;
}
.toggle-view.list-mode .product_desc a b{
    width: 50%;
    min-width: 230px;
}
.toggle-view.list-mode .product_desc a em{
    margin-left: 10px;
}

.toggle-view.list-mode .qty-input-group {
    margin-bottom: 0;
    border: none;
    border-left: 2px solid #C2C7AE;
    border-right: 2px solid #C2C7AE;
    width: 200px;
}
.toggle-view.list-mode .product_box .spec-desc {
    border-top: none !important;
    border-bottom:  none !important;
    width: 250px;
}
.toggle-view.list-mode .product_wishlist {
    float: right;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -15px;
}
.wishlist-modal-body{
    background: #C2C7AE !important;
}
.modal-title .fn_create_wishlist{
    font-size: 22px;
    margin: 0;
}
.modal-title .fn_create_wishlist span{
    margin-left: 10px;
}
.btn-add-wishlist{
background: none !important;
    border: none !important;
    color: #FFF2E5;
}
.btn-add-wishlist span{
    margin-left: auto;
}

.star-rating {
    direction: rtl; /* so stars go right-to-left */
    display: inline-flex;
    font-size: 2rem;
    cursor: pointer;
}
.star-rating input {
    display: none; /* hide radios */
}
.star-rating label {
    color: #ccc;
    padding: 0 5px;
    transition: color 0.2s;
}
.star-rating input:checked ~ label {
    color: gold;
}
.star-rating label:hover,
.star-rating label:hover ~ label {
    color: gold;
}
.product-review{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 40px;
}
.product-review textarea{
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
}
.btn-review{
    margin-left: auto;
    float: right;
    margin-top: 5px;
}
#product-reviews{
    margin-top: 10px;
    position: relative;
}
.review-date{
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 10px;
}
.review-stars {
    font-size: 1.4rem;
    color: #ccc;
    letter-spacing: -5px;
}
.review-comment{
    border-top: 1px solid #e6e6e6;
    margin-top: 7px;
    padding-top: 7px;
}
.review-stars .star.filled {
    color: gold;
}
.product-user-comment{
    border-bottom: 1px solid var(--color-primary);
    padding: 20px;
    margin-bottom: 10px;
    background: #fff;
    position: relative;
}
#pd_search_modal .modal-header{
    border-bottom: 0 !important;
}
.product-details-section .product_wishlist{
    position: absolute;
    right: 50px;
    top: 30px;
}
.product_box .fn_remove_wishlist img,.product_box .fn_add_to_wishlist img {
    width: 20px;
    height: 22px;
    object-fit: contain;
}
.price-wrapper h5{
    margin-top: 0;
}
.cat-filter-wrapper{
    border-bottom: 1px solid #979797;
    margin-bottom: 20px;
    padding-bottom: 3px;
}
.reset-filter-div a{
    color: #706F6F;
    text-decoration: underline;
}
.filter-tag{
    border-right: 1px solid var(--color-primary) !important;
    padding-right: 10px;
}
.filter-tag:last-child{
    border-right: none !important;
    padding-right: 0;
}

.category-list input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 25px;
    height: 25px;
    border: 0.15em solid #979797;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
    margin-bottom: 7px;
}

.category-list input[type="checkbox"]::before {
    content: "";
    width: 15px;
    height: 15px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--color-primary);
    border-radius: 50%;
}

.category-list input[type="checkbox"]:checked::before {
    transform: scale(1);
}
.category-list input[type="checkbox"]:checked + label {
    color: var(--color-primary);
}
.accordion-content .filter-search{
    width: 100%;
    margin-bottom: 15px;
    padding: 6px;
    border: 1px solid #979797;
    color: #979797;
}
.accordion-content .filter-search::placeholder{
    color: #979797;
}
.section-promo{
    padding-top: 0;
}
.section-promo .promo-box{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-timeless{
    height: 500px;
    width: 100%;
}
#lottie{
    background-color:#ffffff;
    width:100%;
    height:100%;
    display:block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-align: center;
    opacity: 1;
}
#lottie svg{
    scale: 2.8;
}
.advanced-accordion-header.accordion-header{
    background: #C2C7AE;
    padding-top: 30px;
    margin: 0 !important;
    padding-bottom: 30px;
    position: relative;
    left: -45px;
    width: 110%;
    padding-left: 45px;
    color: var(--color-primary);
}
.advanced-accordion-header.accordion-header::after {
    content: "";
    background: url("../images/arrow-d.png") no-repeat center center;
    width: 17px;
    height: 9px;
    background-size: contain;
    font-size: 18px;
    position: absolute;
    transition: transform 0.2s;
    right: 20px;
    top: 40px;
}
.advanced-accordion-header.accordion-header.active::after {
    content: "";
    rotate: 180deg;
}

.price-slider-wrapper .price-input {
    width: 100%;
    display: flex;
    margin: 30px 0 35px;
}
.price-slider-wrapper .price-input .field {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
}
.price-slider-wrapper .field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 19px;
    margin-left: 12px;
    border-radius: 0;
    text-align: center;
    border: 1px solid #C2C7AE;
    -moz-appearance: textfield;
    color: #979797;
}
.price-slider-wrapper input[type="number"]::-webkit-outer-spin-button,
.price-slider-wrapper input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.price-slider-wrapper .price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
}
.price-slider-wrapper .slider {
    height: 5px;
    position: relative;
    background: #FACDB2;
    border-radius: 5px;
}
.price-slider-wrapper .slider .progress {
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 5px;
    background: #85001B;
}
.price-slider-wrapper .range-input {
    position: relative;
}
.price-slider-wrapper .range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.price-slider-wrapper input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #85001B;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.price-slider-wrapper input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #85001B;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.second-nav-footer{
    margin-top: 20px;
    display: flex;
}
.mathieuvins-social{
    margin-top: 45px;
}
.mega-menu .submenu {
    list-style: none;
    padding-left: 15px;
    margin: 5px 0 0;
    display: none; /* hidden by default */
}

.mega-menu .submenu li {
    padding: 6px 10px;
    margin-bottom: 2px;
}
.mega-menu .has-submenu.active > i::before{
    rotate: 180deg;
}
.loyality-program{
    padding: 80px 60px;
}
.title-program {
    margin-top: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-primary);
    font-weight: 400;
    font-size: 36px;
    display: inline-flex;
    width: 60%;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
}
.loyality-program p{
    text-align: center;
}
.loyality-program a{
    display: flex;
    justify-content: end;
    margin-top: 20px;
    color: var(--color-primary);
    align-items: center;
}
.loyality-program a:hover{
    text-decoration: underline;
}
.loyality-program a img{
    width: 20px;
    height: 10px;
    object-fit: contain;
    margin-left: 15px;
}

.product-of-the-month .star-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 2px;
}
.product-of-the-month .review-stars {
    margin-right: 15px;
    display: flex;
}
b, strong {
    font-weight: 700 !important;
}
.close-sidebar, .filter-mobile-btn, .close-filter-sidebar {
    display: none;
}
.stotal-cart{
    border-right: 2px solid #C2C7AE !important;
    padding-right: 20px;
    height: 35px;
    display: inline-flex;
    align-items: center;
}
.cart-table .qty-input-group input.button-plus.cart-plus[type="button"] {
    border-right: none !important;
}

.logout-user a{
    color: #FFD0B4;
}
.btn-change-pass:hover{
    background: #FFCCAF !important;
}
#user_orders .price{
    width: 110px;
    display: flex;
    justify-content: end;
}
#user_orders .order_details-profile img{
    width: 110px;
    margin: 10px 0;
    height: 137px;
    object-fit: contain;
}
.remove-wishlist {
    font-family: "Font Awesome 6 Free";
    color: var(--color-primary);
}
.loyalty_product{
    pointer-events: none;
    opacity: 0.3;
}
.cat-filter-producers{
    width: 100%;
    border-bottom: none;
    margin-top: 15px;
    margin-bottom: 0;
}
.cat-filter-producers .cat-filters-box {
    width: 100%;
}
.btn-retour{
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: start;
    height: 100%;
    color: var(--color-primary);
    text-decoration: underline;
    float: left;
}
.btn-retour:hover,.btn-retour:focus, .btn-retour:active{
    color: var(--color-primary);
}
.profile-button{
    margin-left: auto;
}
.cart-titles h5 a{
    font-family: var(--font-playfair);
    display: flex;
    flex-direction: column;
    text-align: left;
}
.loyality-cart .cart-table .form-qty-cart:after{
    display: none;
}
#main-content{
    overflow: hidden;
}
.notification {
    color: rgba(0, 0, 0, 0.7);
    position: fixed;
    font-size: 1.3rem;
    letter-spacing: 2px;
    line-height: 1.4;
    gap: 1.75rem;
    top: 0;
    right: 0;
    margin: var(--notification-inset);
    width: 24rem;
    background-color: white;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
    border-radius: 0.5rem;
    max-width: calc(100% - 6rem);
    padding: 1.75rem 1.25rem 1.25rem;
    overflow: clip;
    transform: translateX(calc(100% + var(--notification-inset)));
    animation: slideInOut 3s infinite cubic-bezier(0.33, 0, 0.66, 1.33);
    z-index: 9999;
}

.notification:before {
    content: "";
    display: block;
    inset: 0 0 auto;
    height: 0.5rem;
    background-color: var(--color-primary);
    transform-origin: left;
    position: absolute;
    animation: countdown 3s infinite linear;
}
.notification__text {
    margin: 0.3rem 0 0;
}
.notification__header {
    color: black;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}
.notification__action {
    margin-left: auto;
}
.notification__icon {
    border-radius: 50%;
    display: block;
    aspect-ratio: 1;
    background-size: 3rem;
    background-color: var(--color-primary);
    background-image: var(--check-svg);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    width: 3.2rem;
    margin-bottom: auto;
    flex-shrink: 0;
}

.notification .button {
    appearance: none;
    background: no-repeat;
    border: none;
    font: inherit;
    margin: 0;
    color: currentColor;
    padding: 0;
}


@keyframes slideInOut {
    15%, 66% {
        transform: translateX(0);
    }
}
@keyframes countdown {
    66%, 100% {
        transform: scaleX(0);
    }
}
.hidden-mobile{
    display: block;
}
.show-mobile{
    display: none;
}
.cart-table tr.border-bottom-tr:nth-last-of-type(2) {
    border-bottom: none !important;
}
.chk-qtypiece-td{
    width: 160px;
}
.chk-product-td{
    width: 50%;
}
.color-creme{
    color: #FFF1E1;
}
.contact-form input::placeholder{
    color: #FFF1E1;
}
.contact-form-div, .condition-div{
    padding: 60px 120px;
}
.innerpage_mv{
    padding: 0;
}
.condition-header{
    font-size: 22px;
    font-weight: 600;
    color: var(--color-primary);
}
.bg-light-rose{
    background: #FFF1E9;
}
.condition-item{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #C0C7A8;
}
.condition-item:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.info-livra-div .accordion-item .accordion-button {
    border-top: 2px solid #B7C59E;
    font-weight: 600;
}
.info-livra-div .accordion-item:first-child .accordion-button {
    border-top: none;
}
.info-livra-div .accordion-item:first-child .accordion-button:focus{
    border-top: none !important;
}
.info-livra-div  .accordion-item .accordion-button:focus{
    border-top: 2px solid #B7C59E !important;
}
.politique-content{
    text-align: center;
}
.politique-content h3{
    letter-spacing: 2px;
    border-bottom: 1px solid var(--color-primary);
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.text-left-side{
    padding-right: 60px;
    border-right: 2px solid #C0C7A8;
}
.text-right-side{
    padding-left: 60px;
}
.page-faq .accordion-body{
    padding: 0 1.25rem 1rem;
}
.notre-equipe{
    background: #BCC7A4;
    padding: 60px 0;
}
.team-member{
    width: 403px;
    display: flex;
    flex-direction: column;
    float: left;
    margin-right: 15px;
}
.team-member:last-child{
    margin-right: 0;
}
.team-member img{
    width: 403px;
    height: 413px;
    object-fit: cover;
    object-position: top center;
}
.team-member img.no-img{
    object-position: center center;
}
.team-member span{
    margin: 10px 0;
    line-height: 20px;
    color: var(--color-primary);
}
.team-member a{
    text-decoration: none;
    color: #fff;
    line-height: 20px;
}
.team-member a:hover{
    text-decoration: underline;
    color: #fff;
}
.video-image-titles{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ACACAC;
    padding-bottom: 40px;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}
.video-image-titles a{
    font-size: 20px;
    color: #2D2D2D;
    text-decoration: none;
    padding: 0 60px;
    border-right: 1px solid #2D2D2D;
}
.video-image-titles a:last-child{border-right: none !important;}
.video-image-titles a:hover, .video-image-titles a.active{
    text-decoration: underline;
    color: var(--color-primary);
}

.video-slider {
    margin: 0 auto;
    max-width: 100%;
}
.video-item {
    cursor: pointer;
    padding: 10px;
    position: relative;
}
.video-item img {
    width: 100%;
    border-radius: 0;
}

/* Modal */
#videoModal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 140px;
    left: 0; top: 0;
    width: 100%; height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.8);
}
#videoModal .modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    width: 100%;
    max-width: 1000px;
}
#videoModal iframe {
    width: 100%;
    height: 560px;
    border: 0;
}
#videoModal .close {
    position: absolute;
    top: 10px; right: 15px;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}
.video-item::after {
    content: "";
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: 0.9;
    background: url(../images/play-button.svg) no-repeat center center;
    width: 70px;
    height: 70px;
}
.interviews-videos{
    background: #BBC6A3;
    margin: 40px 0;
    padding-top: 40px;
    padding-bottom: 40px;
}

.gallery-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.gallery {
    position: relative;
    width: 32.5%;
    border-radius: 0;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.gallery p{
    padding: 10px 0;
}
.gallery:hover {
    transform: scale(1.03);
}

.gallery img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
}

.gallery .overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.4);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
    opacity: 0;
    transition: opacity 0.3s;
}

.gallery:hover .overlay {
    opacity: 1;
}
.hidden-gallery{
    display: none;
}
.old-price{
    color: #434343;
    font-weight: 500;
    text-decoration: line-through;
    font-size: 16px;
}
.loyalite-points-transfer{
    background: #fef5ef;
    padding: 45px 0;
    text-align: center;
    color: var(--color-primary);
}
.loyalite-points-transfer h3{
    margin: 0;
    text-transform: uppercase;
}
.text-loyalite-transfer{
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
}
.max-height-auto{
    max-height: 100% !important;
    height: 100% !important;
}
.btn-secondary {
    padding: 0.65rem 1.75rem !important;
    font-size: 18px;
}
.footer-text-address{
    padding-right: 15px;
}
.contact-page-links a{
    color: #2D2D2D;
}
.contact-page-links a:hover,.contact-page-links a:focus,.contact-page-links a:active{
    color: #2D2D2D;
    text-decoration: underline;
}
.footer-text-address a{
    color: #fff5e7;
}
.footer-text-address a:hover, .footer-text-address a:focus, .footer-text-address a:active{
    color: #fff5e7;
    text-decoration: underline;
}
.footer-menu-list li a:focus, .footer-menu-list li a:active {
    color: #fff5e7;
}
.map-wrapper{
    max-width: 100%;
    margin: 40px auto 0;
    border-radius: 0;
    overflow: hidden;
}
.map-wrapper iframe{
    width:100%;
    height:350px;
    border:0;
    display:block;
}
@media (max-width:640px){
    .map-wrapper iframe{ height:320px; }
}
.slider-bg{
    position: relative;
}
.loyality-access-content-over{
    position: relative;
    z-index: 2;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}
.producers_slider .center-image {
    height: 500px;
    object-fit: cover;
}
.overflow-hidden{
    overflow: hidden;
}
.remove-border{
    border: none !important;
}
.dark-text{
    color: #2D2D2D !important;
}
.loyality-access-content.contact-access-content .content p {
    max-width: 100% !important;
}
.first-row-team h4{
    height: 60px;
    align-items: end;
    display: flex;
}
.header.scrolled .navigation-area {
    margin-top: 0;
}
.header.scrolled .logo img {
    height: 60px !important;
}
#header.scrolled #user-menu img {
    max-height: 23px;
    height: 24px;
    object-fit: contain;
}
.header.scrolled .mega-menu {
    top: 110px;
}
.catalogue-links img{
    width: 70px;
    height: 81px;
    object-fit: contain;
    margin-right: 10px;
}
.catalogue-links{
    color: var(--color-primary);
}
.catalogue-links:hover{
    color: #2D2D2D;
    text-decoration: underline;
}
.btn-crossant {
    display: flex !important;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100% !important;
    border: 2px solid var(--color-primary);
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    margin-top: 10px !important;
}
.btn-crossant:hover {
    border: 2px solid var(--color-primary);
    background: #cbceb1;
}
.btn-crossant.btn-active{
    background: #cbceb1;
}
.btn-crossant:focus, .btn-crossant:active{
    border: 2px solid var(--color-primary);
    box-shadow: none !important;
    outline: 0;
}
.order-buttons{
    display: flex;
    align-items: center;
    margin-top: 10px;
    flex-direction: row;
    flex-wrap: wrap;
}
.col-text{
    flex: 1 0 100%;
    width: 100%;
}
.col-btn{
    flex: 1 0 48%;
    width: 48%;
}
.text-crosant{
    font-size: 14px;
    font-weight: 800;
    line-height: 18px;
    display: flex;
}
.col-btn.first-btn{
    margin-right: 1%;
}
.col-btn.second-btn{
    margin-left: 1%;
}
/*----
----------------------------------------------------------
# All CSS style ↑↑↑↑↑↑ ******
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# MEDIA QUERY Desktop Navigation
--------------------------------------------------------------*/
@media (min-width: 992px) {
    .logo img {
        max-width: 230px;
    }
    .mobile-topheader-land{
        display: none;
    }
    #navbar {
        margin-right: 50px !important;
    }
    .navbar .nav-item{
        position: relative;
    }
    .navbar .nav-item:after {
        content: "";
        width: 1px;
        height: 10px;
        position: absolute;
        right: 0;
        top: 14px;
        background: #9a9a9a;
    }
    .navbar .nav-item:last-child:after{
        display: none;
    }
    #user-menu{
        width: 400px;
        float: right;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    #user-menu a{
        margin-right: 20px;
        float: left;
        transition: all 0.5s ease;
        text-decoration: none;
        font-size: 12px;
        display: flex    ;
        flex-direction: column;
        color: #000;
        font-weight: 500;
        width: auto;
        text-align: center;
        align-items: center;
    }
    #user-menu a:last-child{
        margin-right: 0 !important;
    }

    .navbar {
        padding: 0;
    }
    .navbar ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
        width: 400px;
        flex-flow: wrap;
    }


    .navbar li {
        position: relative;
    }

    .navbar > ul > li {
        white-space: nowrap;
    }

    .navbar a, .navbar a:focus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 10px;
        font-family: var(--font-geist);
        font-size: 14px;
        font-weight: 400;
        color: #000;
        white-space: nowrap;
        transition: 0.3s;
        position: relative;
    }

    .navbar a i, .navbar a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
    }

    .navbar > ul > li > a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: var(--color-primary);
        visibility: hidden;
        transform: scaleX(0);
        transition: all 0.3s ease-in-out 0s;
    }

    .navbar a:hover:before, .navbar li:hover > a:before, .navbar .active:before {
        visibility: visible;
        transform: scaleX(0.7);
    }

    .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
        color: var(--color-primary);
    }

    .navbar .dropdown a:hover:before, .navbar .dropdown:hover > a:before, .navbar .dropdown .active:before {
        visibility: hidden;
    }

    .navbar .dropdown a:hover, .navbar .dropdown .active, .navbar .dropdown .active:focus, .navbar .dropdown:hover > a {
        color: var(--color-black);
        background: var(--color-white);
    }

    .navbar .dropdown ul {
        display: flex;
        position: absolute;
        left: 0;
        top: 100%;
        margin: 0;
        padding: 0 0 10px 0;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        background: var(--color-white);
        transition: 0.3s;
    }

    .navbar .dropdown ul a {
        padding: 4px 7px;
        font-size: 13px;
        text-transform: none;
        font-weight: 400;
        color: rgba(var(--color-black-rgb), 0.5);
    }

    .navbar .dropdown ul a i {
        font-size: 12px;
    }

    .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
        color: var(--color-white);
        background: var(--color-primary);
    }

    .navbar .dropdown:hover > ul {
        opacity: 1;
        visibility: visible;
        height: auto;
    }

    .navbar .dropdown .dropdown ul {
        top: 0;
        left: calc(100% - 30px);
        visibility: hidden;
    }

    .navbar .dropdown .dropdown:hover > ul {
        opacity: 1;
        top: 0;
        left: 100%;
        visibility: visible;
    }
    .navbar .dropdown-toggle::after{
        display: none;
    }
    .mobile-nav-toggle {
        display: none;
    }

    .product-menu .dropdown-toggle::after {
        display: none;
    }
    .navbar .has-megamenu{position:static!important;}
    .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

    .navbar .megamenu ul {
        right: 0;
        padding: 10px;
        display: flex;
    }
    .navbar .megamenu ul li {
        flex: 1;
    }
    .navbar .megamenu ul li a, .navbar .megamenu ul li:hover > a {
        color: rgba(var(--color-white-rgb), 0.5);
        background: none;
    }
    .navbar .megamenu ul li a:hover, .navbar .megamenu ul li .active, .navbar .megamenu ul li .active:hover {
        color: var(--color-white);
        background: var(--color-primary);
    }
    .product-menu .dropdown-menu {
        display: flex;
        height: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        flex-direction: column;
    }
    .navbar .product-menu .col-3 {
        flex: 0 0 auto;
        width: 48%;
    }

    .product-categories svg{
        width: 12px;
    }
    .product-categories a {
        font-size: 13px;
        display: block;
        font-weight: 600;
        position: relative;
        width: 100%;
    }
    .mobile-cont .table h5 {
        font-size: 17px;
    }
    #page-content{
        padding-left: 0 !important;
        padding-right: 0 !important;;
    }
    .hero-text {
        padding: 80px 75px !important;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 !important;
    }
    .hero-text a{
        min-width: 200px;
        max-width: 350px;
        font-weight: bold;
        font-size: 18px;
        margin-top: 10px;
    }
    .navbar .language-menu ul {
        left: inherit;
        top: 100%;
        margin: 0 0 0 -15px;
        padding: 15px;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        background: var(--color-white);
        transition: 0.3s;
        max-height: 100px;
        overflow: hidden;
    }
    .navbar .language-menu ul li {
        min-width: 100%;
    }
    .language-menu{
        margin-left: 15px;
    }
    .language-menu-a{
        padding: 9px 15px !important;
        background: #acc54e;
    }
    .language-menu-a span{
        color: #fff;
}
    .language-menu-a i{
        color: #fff;
    }
    .btn-pd-login span {
        text-decoration: none;
        width: 150px;
    }
    .navbar .language-menu a:hover, .navbar .language-menu .active, .navbar .language-menu .active:focus, .navbar .language-menu:hover > a {
        color: var(--color-black);
        background: #acc54e !important;
    }
    .btn-pd-search svg {
        position: relative;
        left: 3px;
        top: -2px;
    }
    .form-retrait .card{
        border: none;
    }
    .form-retrait .about-section{
        padding-left: 0;
        padding-right: 0;
    }
    .about-section .card-retrait {
        padding: 60px 0 !important;
    }
    .about-section .section-header, .about-section .about-home-text{
        max-width: 1281px;
        margin: 0 auto;
    }
    .about-home-text p {
        font-size: 28px;
        line-height: 36px;
        margin: 10px 0;
        font-weight: 300;
    }
    .card-retrait{
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .lrg-footer-logo{
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .lrg-footer-logo img{
        width: 90px;
    }
    .login-desktop {
        position: relative;
    }
    .login-desktop .user-icon-mobile{
        display: block;
        position: absolute;
        font-size: 26px;
        color: #fff;
        top: 2px;
        left: 11px;
    }
    .btn-pd-login span {
        margin-right: 0;
        padding: 10px 10px 10px 30px;
        width: 150px;
    }
    .category-list{
        width: 100%;
        float: left;
    }

    .all-product-cat{
        display: flex !important;
        height: 100%;
        border: 1px solid #ccc;
        justify-content: center;
        flex-direction: column;
        min-height: 103px;
        margin: 5px;
        width: 95% !important;
        border-radius: 5px;
    }
    .product-categories a:hover > .product_category_image{
        opacity: 0.8;
    }
    .all-product-cat:hover{
        color: #fff !important;
        background: #000 !important;
    }
    .product-menu-items{
        width: 410px;
        padding: 15px !important;
    }
    .product_box img, .category_box img {
        width: 100%;
        height: 280px;
        object-fit: contain;
    }
}
@media (min-width: 992px) and (max-width: 1280px) {
    .remove-justify-content{
        justify-content: flex-start;
    }
    #user-menu{
        margin-left: auto;
    }
}

@media (min-width: 1280px) {
    .navbar .nav-item:after{
        content: "";
        width: 1px;
        height: 10px;
        position: absolute;
        right: 0;
        top: 21px;
        background: #9a9a9a;
    }
    .navbar ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
        flex-wrap: nowrap;
    }
    .navbar a, .navbar a:focus {
        padding: 14px 10px;
    }
    .navbar .dropdown ul a {
        padding: 7px 7px;
        font-size: 13px;
        text-transform: none;
        font-weight: 400;
        white-space: pre-wrap;
    }
    .navbar .product-menu .col-3 {
        flex: 0 0 auto;
        width: 33%;
    }
    .product-categories svg{
        width: 22px;
    }
    .product-categories a {
        font-size: 14px;
        display: block;
        font-weight: 600;
        position: relative;
        width: 100%;
    }
    #featured-services-with-pictograms{
        max-width: 980px;
        margin: 0 auto;
    }
    #featured-services-with-pictograms .items{
        margin-bottom: 10px;
    }
    #navbar {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start !important;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        width: 100%;
        margin: 0 auto;
    }
}
/* MIN WIDTH 1400 */
@media (min-width: 1400px) {
    .navbar .dropdown ul a {
        padding: 6px 8px;
        font-size: 14px;
        text-transform: none;
        font-weight: 400;
        white-space: pre-wrap;
    }
    .navbar .product-menu .col-3 {
        flex: 0 0 auto;
        width: 33%;
    }
    .product_box img, .category_box img{
        width: 100%;
        height: 280px;
        object-fit: contain;
    }
    .hero-home h1{
        font-size: 65px;
        line-height: 75px;
    }
    .lrg-footer-logo img{
        width: 120px;
    }
}
@media (min-width: 1450px) {
.navbar a, .navbar a:focus {
    padding: 14px 20px;
    font-size: 16px;
}
    .unite-cart {min-width:120px;}
}
@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1540px;
    }
    #user-menu a {
        margin-right: 30px;
    }
    .navbar .dropdown ul a {
        padding: 6px 6px;
        font-size: 14px;
        text-transform: none;
        font-weight: 400;
        white-space: pre-wrap;
    }
    .navbar .product-menu .col-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .product-menu .dropdown-menu {
        display: flex;
        height: 0;
        overflow-y: hidden;
        overflow-x: hidden;
        flex-direction: column;
    }
    .hero-home h1{
        font-size: 77px;
        line-height: 80px;
    }
    .mobile-cont .table h5 {
        font-size: 22px;
    }
}
@media (min-width: 1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1640px;
    }
}
@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1740px;
    }

}
/*--------------------------------------------------------------
# MEDIA QUERY Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 2000px) {
#lottie svg {
    scale: 2.6;
}
}
@media (max-width: 1800px) {
    #lottie svg{
        scale: 1.8;
    }
    .team-member {
        width: 378px;
    }
    .team-member img {
        width: 378px;
    }
    .gallery {
        width: 32.3%;
    }
}
@media (max-width: 1700px) {
    .team-member {
        width: 352px;
    }
    .team-member img {
        width: 352px;
    }
    .second-row-team h4{
        height: 56px;
        display: flex;
        align-items: end;
    }
    .product-details-section .main_image img{
        right: 0;
    }
    .btn-back {
        padding-left: 22px;
    }
    .col.corssantext {
        flex: 1 0 100%;
        width: 100%;
    }
    .btn-crossant {
        width: 100% !important;
        margin-top: 10px !important;
    }

}
/* MAX WIDTH 1600 */
@media (max-width: 1600px) {
    .section-timeless {
        height: 410px;
        width: 100%;
        padding: 0;
    }
    .advanced-accordion-header.accordion-header {
        width: 115%;
    }
    .team-member {
        width: 298px;
    }
    .team-member img {
        width: 298px;
        height: 380px;
    }
    .gallery {
        width: 32%;
    }
    .gallery img {
        width: 100%;
        height: 400px;
    }
    .btn-back {
        padding-left: 12px;
    }
    .main_image {
        height: 670px;
        width: calc(100% - -160px);
    }
    .product-details-section .main_image img{
        right: 80px;
    }
}
/* MAX WIDTH 1400 M1400*/
@media (max-width: 1400px) {
    .user-wrapper .col-md-3 {
        flex: 0 0 auto;
        width: 33% !important;
    }
    .user-wrapper .col-md-4 {
        flex: 0 0 auto;
        width: 0 !important;
    }
    .user-wrapper .col-md-5{
        flex: 0 0 auto;
        width: 66.66666667% !important;
    }
    .setting-wrapper .col-md-5{
        flex: 0 0 auto;
        width: 41.66666667% !important;
    }
    .hero-home h1 {
        margin: 10px 0;
        font-size: 60px;
        line-height: 70px;
    }
    .carousel-fade .carousel-item {
        height: 460px;
    }
    .services .img {
        height: 252px;
    }
    .header .col-3 {
        flex: 0 0 auto;
        width: 20%;
    }
    .header .col-9 {
        flex: 0 0 auto;
        width: 80%;
    }
    .promo-container {
        height: 760px;
    }
    .section-timeless {
        height: 350px;
        width: 100%;
        padding: 0;
    }
    .selection_box .content h2 {
        font-size: 22px;
    }
    .selection_box a {
        font-size: 14px;
    }
    .advanced-accordion-header.accordion-header {
        width: 120%;
    }
    .product-sidebar{
        flex: 0 0 auto;
        width: 100%;
    }
    .product-content{
        flex: 0 0 auto;
        width: 100%;
    }
    /* Wrapper covers the screen (hidden by default) */
    .product_sidebar-wrapper {
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        max-width: 50%;
        height: 100%;
        background: #fff;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
        transition: left 0.3s ease-in-out;
        z-index: 9999;
        overflow-y: scroll;
    }

    /* When active (visible) */
    .product_sidebar-wrapper.active {
        left: 0;
    }

    /* Sidebar inner content */
    .product_sidebar {
        padding: 20px;
    }

    /* Close button */
    .close-filter-sidebar {
        background: none;
        border: none;
        font-size: 24px;
        float: right;
        cursor: pointer;
    }

    /* Show toggle button only on mobile */
    .open-sidebar {
        position: relative;
        z-index: 0;
        width: auto;
        margin-top: 0;
        padding: 8px 20px !important;
        font-size: 16px;
    }
    .filter-mobile-btn{
        flex-wrap: nowrap;
        display: flex;
        width: 100%;
    }
    .open-sidebar {
        display: block;
    }
    .advanced-accordion-header.accordion-header {
        width: 100%;
        left: 0;
    }
    .filter-mobile-btn{
        display: block;
    }
    .close-filter-sidebar {
        display: block;
    }
    .cart-checkout-btn {
        width: auto;
    }
    .prod-wrapper .col-md-5, .prod-wrapper .col-md-7  {
        flex: 0 0 auto;
        width: 50% !important;
    }
    .team-member{
        width: 252px;
    }
    .team-member img {
        width: 252px;
        height: 330px;
    }

}
/* MAX WIDTH 1280 M1280*/
@media (max-width: 1280px) {
    .icons-mobile {
        display: block;
        font-size: 20px !important;
        margin-bottom: 12px;
    }
    .product-menu i.bi, .nav-item .bi-chevron-down, .mobile-hamburger {
        display: none;
    }

    .sticky {
        position: fixed;
        top: 0;
        width: 100%
    }

    .sticky + #page-content {
        padding-top: 110px;
    }
    .header .col-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .header .col-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .mobile-hamburger{
        display: flex    ;
        align-items: center;
    }
    .mobile-topheader-land{
        justify-content: flex-start !important;
    }
    .mobile-topheader-land a{
        margin-left: 0;
    }

    .mobile-topheader-land a:after {
        content: "";
        top: 20px;
        right: 0;
    }
    .team-member {
        width: 200px;
    }
    .team-member img {
        width: 200px;
        height: 290px;
    }
}

/* MAX WIDTH 1200 M1200 */
@media (max-width: 1200px) {
.services .img {
    height: 321px;
}
    #pd_search_modal .modal-content form {
        width: 100%;
    }
    .promo-container .discover-more-btn {
        margin-left: auto;
        margin-right: 10px;
        margin-bottom: 0;
    }
    .section-timeless {
        height: 270px;
        width: 100%;
        padding: 0;
    }
    #lottie svg {
        scale: 2;
    }
    .selection_box .content h2 {
        font-size: 20px;
    }
    .selection_box a {
        font-size: 12px;
    }
    .content-title {
        width: 200px;
    }
    .content-title h3 span, .content-title .type, .content-title .price {
        font-size: 26px;
    }
    .content-title .price {
     margin-left: 58px;
    }
    .content-potm-right img.potm-wine {
        position: absolute;
        transform: rotate(-10deg);
        transform-origin: left center;
        top: -110px;
        width: 160px;
        left: 70px;
    }
    #header #user-menu img {
        max-height: 100px;
        height: 36px;
    }
   #accordionProfile .col-6{
       flex: 0 0 auto;
       width: 100%;
   }
   #page-wishlist-details .col-md-4 {
       flex: 0 0 auto;
       width: 50%;
   }
   #page-cart .col-9 ,#page-cart .col-3{
       flex: 0 0 auto;
       width: 100%;
       padding-right: 0 !important;
   }
   .cart-cont-mob{
       flex-direction: column;
   }
    .cart-table .qty-input-group input[type="button"] {
        font-size: 14px !important;
        padding: 0 5px !important;
    }
    .qty-input-group .quantity-field {
        font-size: 14px;
    }
    .loyalite-products .col-md-4 {
        flex: 0 0 auto;
        width: 50% !important;;
    }
    .gallery {
        width: 31.5%;
    }
    .gallery img {
        width: 100%;
        height: 350px;
    }
    .team-member a {
        font-size: 13px;
    }
     .page-catalog .loyality-access-content .content h2 {
        font-size: 40px;
    }
    .catalogue-links {
        display: flex;
        align-items: center;
    }
}

/* MAX WIDTH 992 M992*/
@media (max-width: 992px) {
    .mobile-nav-toggle {
        display: block !important;
        color: var(--color-black);
        font-size: 28px;
        cursor: pointer;
        line-height: 0;
        position: relative;
        top: 0;
        z-index: 9999;
        right: 0;
        transition: none;
    }
    .mobile-nav-toggle.bi-x {
        color: var(--color-black);
        right: 10px;
        position: absolute;
        top: 12px;
        font-size: 40px;
    }

    .mobile-nav-active {
        overflow: hidden;
        z-index: 9995;
        position: relative;
    }

    .product-categories svg{
        width: 12px;
    }
    .product-categories a {
        font-size: 13px;
        display: block;
        font-weight: 600;
        position: relative;
        width: 100%;
    }
    .login-text-desktop{
        display: none;
    }
    .user-icon-mobile{
        display: flex;
        padding: 10px;
        background: #cccccc30;
        border-radius: 50%;
        width: 44px;
        height: 44px;
        text-align: center;
        color: #868686;
        font-size: 25px;
        justify-content: center;
        margin-right: 8px;
    }
    #user-menu a.btn-pd-login {
        margin-right: 0;
    }
    .mobile-cont{
        max-width: 100% !important;
    }
    .cart-image img {
        object-fit: contain;
    }

    .btn-pd-user {
        margin-right: 10px;
    }

    .megamenu .col-3 {
        flex: 0 0 auto;
        width: 100%;
    }
    .megamenu li a{
        font-size: 13px;
        padding: 8px 8px;
    }
    .product-menu i.bi{
        display: none;
    }
    .producer-box{
        width: 100% !important;
    }
    .user-wrapper .col-md-3 {
        flex: 0 0 auto;
        width: 100% !important;
    }
    .user-wrapper .col-md-5{
        flex: 0 0 auto;
        width: 100% !important;
        padding-right: 0 !important;
    }
    .user-wrapper .col-md-7{
        flex: 0 0 auto;
        width: 100% !important;
        padding-right: 0 !important;
        margin-top: 20px;
    }
    .user-wrapper {
        flex-direction: column !important;
    }
    .input-global-search {
        width: 100%;
    }
    .hero-img {
        border: 11px solid #fff;
        border-bottom: 0;
        height: 320px;
    }
    .hero-img:before {
        display: none;
    }
    .hero-text {
        padding: 30px;
    }
    .hero-img {
        height: 400px;
    }
    #footer .float-start {
        clear: both;
    }
    .footer-menu-list {
        padding: 0;
        text-align: left;
    }
    .footer-list{
        padding: 0;
    }
    .services .img {
        height: 234px;
    }
    .pagination {
        display: flex;
        padding-left: 0;
        list-style: none;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #paginator .pagination li {
        margin-bottom: 5px;
    }
    .producers-about-left {
        float: left;
        width: 100%;
    }
    .producers-about-right {
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .product-details-section {
        padding: 20px 0 20px;
        overflow: hidden;
    }
    .product-details-section .mt-5{
        margin-top: 1rem!important;
    }
    .icons-mobile{
        display: block;
        font-size: 20px !important;
        margin-bottom: 12px;
    }
    #footer footer{
        margin: 0 auto 60px;
    }
    #featured-services-with-pictograms .items{
       flex-direction: column;
    }
    #featured-services-with-pictograms .items:nth-child(2) .col-md-6:nth-child(1){
        order: 1;
        display: flex;
        flex-direction: column;
    }
    #featured-services-with-pictograms .items:nth-child(2) .col-md-6:nth-child(2){
        order: 0;
        display: flex;
    }
    .nav-item .bi-chevron-down{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 5px;
    }
    .all-product-cat {
        display: flex !important;
        height: 100%;
        border: 1px solid #ccc;
        justify-content: center;
        flex-direction: column;
        min-height: 95px;
        margin: 5px;
        width: 89% !important;
        border-radius: 5px;
    }
    #gdpr {
        width: 95% !important;
        right: 2.5% !important;
    }
    .product-modal{
        padding: 20px;
    }
    .sticky + #page-content {
        padding-top: 130px;
    }
    .form-qty-cart{
        flex-direction: row;
        float: left;
        display: flex;
        min-width: 55px;
    }
    .hero-img {
        border: 11px solid #fff;
        border-bottom: 11px solid #fff;
        height: 220px;
    }
    .carousel-fade .carousel-item {
        height: 320px;
    }
    .qty-input-group .quantity-field {
        -webkit-appearance: none !important;
        border: none;
    }
    #user-menu a {
        margin-right: 20px;
        float: left;
        transition: all 0.5s ease;
        text-decoration: none;
        font-size: 12px;
        display: flex    ;
        flex-direction: column;
        color: #000;
        font-weight: 500;
        width: auto;
        text-align: center;
        align-items: center;
    }
    #user-menu {
        margin-left: auto;
        align-items: center;
        display: flex;
    }
    .header .logo img {
        width: 100%;
    }
    .promo-container {
        height: auto;
        width: 100%;
        flex-direction: column;
    }
    .promo-container .left {
        flex: 1;
        width: 100%;
        flex: none;
        height: 400px;
    }
    .promo-container .right {
        flex: 1;
        gap: 10px;
        flex: none;
        float: left;
        width: 100%;
        height: 600px;
    }
    .promo-container .top {
        flex: 2;
        height: 300px;
    }
    .promo-container .bottom {
        flex: 2;
        height: 300px;
    }
    .section-timeless {
        height: 280px;
        width: 100%;
        padding: 0;
    }
    #lottie svg {
        scale: 1.2;
    }
    .content-potm-right img.potm-wine {
        position: absolute;
        transform: rotate(-30deg);
        transform-origin: left center;
        top: 90px;
        width: 90px;
        left: 80px;
    }
    .background-region {
        max-width: 100%;
    }
    .btn-pd-add-to-cart img {
        display: none;
    }
    .subscribe-title {
        padding-right: 15px;
    }
    .subscribe-form {
        padding-right: 40px;
    }
    .footer-bottom-elements{
        flex-direction: column;
    }
    .footer-bottom-elements .col-md-6{
        flex: 0 0 auto;
        width: 100%;
    }
    .footer-bottom-elements .col-md-3{
        flex: 0 0 auto;
        width: 100%;
        justify-content: center !important;
    }

    .footer-menu-list{
        margin-top: 20px;
        display: flex;
    }
    .footer-menu-list li {
        margin-right: 15px;
    }
    .footer-menu-list li:last-child {
        margin-right: 0;
    }
    .pofm-wrapper {
        flex-direction: column;
    }
    .pofm-wrapper .col-6{
        flex: 0 0 auto;
        width: 100%;
    }
    .content-title {
        width: 240px;
    }
    .content-title .type, .content-title .price  {
        margin-left: 0;
    }
    .content-potm-right {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .content-title {
        position: relative;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
    }
    .product-of-the-month {
        padding: 40px 0;
    }
    .content-potm-right img.potm-wine {
        position: absolute;
        transform: rotate(-10deg);
        transform-origin: left center;
        top: -80px;
        width: 120px;
        right: 40px;
        left: inherit;
    }
    .content-region {
        font-size: 20px;
    }
    .wotm-btn {
        bottom: 0;
        right: 0;
        font-weight: 500;
        position: relative;
        left: 0;
        margin-left: 0;
        margin-top: 30px;
    }
    .product-of-the-month{
        position: relative;
    }
    .wotm-maintitle{
        position: absolute;
        top: -40px;
        left: 40px;
    }
    .pofm-wrapper .col-6:first-child{
        order: 1;
    }
    .wine-specs {
        display: inline;
    }
    #header #user-menu img {
        max-height: 100px;
        height: 29px;
        object-fit: contain;
    }
    .col-xxl-4-mobile{
        flex: 0 0 auto;
        width: 50%;
    }
    .personal_information, #user_orders {
        padding: 0 60px 60px 60px;
    }
    #page-wishlist .col-md-3, #page-wishlist .col-md-9 {
        flex: 0 0 auto;
        width: 100%;
        padding-right: 0 !important;
    }
    #page-wishlist .col-lg-12.d-flex{
        flex-direction: column;
    }
    .cart-image img {
        display: none;
    }
    .loyalite-products .col-md-4 {
        flex: 0 0 auto;
        width: 100% !important;;
    }
    #page-checkout .col-lg-8.pe-5{
        padding-right: 0 !important;
    }
    .main_image {
        height: 400px;
        align-items: center;
        width: 100%;
    }
    .prod-wrapper .col-md-5, .prod-wrapper .col-md-7 {
        flex: 0 0 auto;
        width: 100% !important;
    }
    .prod-wrapper .right-side {
        width: 100%;
        padding: 20px 0 !important;
    }
    .header .col-3 {
        align-items: center;
        display: flex;
    }
    .mobile-hamburger {
        display: flex;
        align-items: center;
        float: left;
        margin-right: 10px;
    }
    .section-header {
        padding-bottom: 10px;
    }
    .navigation-area {
        margin-top: 0;
    }
    .top-header-lang {
        display: none;
    }
    .selection_box .content h2 {
        font-size: 24px;
        margin-left: 0.2em;
    }
    .hidden-mobile{
        display: none;
    }
    .show-mobile{
        display: block;
    }
    .wotm-btn .addtocart_btn {
        padding-left: 0;
    }
    .wotm-btn .product-details-inputs{
        display: none;
    }
    .products-home {
        padding-top: 0;
        padding-bottom: 40px;
    }
    .product_box .right {
        padding: 0 20px 0;
    }
    .btn-back {
        padding-left: 12px;
    }
    .product-details-section .main_image img{
        right: 0;
    }
    #footer {
        margin: 0 auto 0;
        padding: 0 40px;
    }
    .subscribe {
        padding: 0 0 40px;
    }
    .mobile-topheader-land {
        display: flex    ;
        justify-content: flex-start;
    }
    .cart-table .qty-input-group input[type="button"] {
        width: 33% !important;
    }
    .qty-input-group .quantity-field {
        width: 50px;
    }
    .price-cart {
        width: 100px;
    }
    .unite-cart{
        width: 90px;
    }
    .stotal-cart-td{
        width: 140px;
    }
    .cart-table .qty-line {
        width: 130px;
    }
    .footer-cart{
        margin-bottom: 40px;
    }
    #footer {
        margin: 0 auto 0;
        padding: 0 20px;
    }
    .mob-pad-0{
        padding: 0 !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #888 transparent transparent transparent;
        border-style: solid;
        border-width: 8px 8px 0 8px !important;
    }
    .table-chk-results-mob{
        margin-bottom: 40px;
    }
    #user-menu .btn-pd-wishlist {
        height: auto;
    }
    .contact-form-div, .condition-div {
        padding: 30px 20px;
    }
    .info-livra-div-mob{
        padding: 30px 20px !important;
    }
    .text-left-side{
        padding-right: 12px;
        border-right: none;
    }
    .text-right-side{
        padding-left: 12px;
    }
    .condition-div .col-6, .page-faq .col-md-6{
        flex: 0 0 auto;
        width: 100%;
    }
    .condition-div, .infofaq{
        margin-bottom: 40px;
    }
    .mob-pad-3{
        margin-bottom: 30px;
    }
    .notre-equipe .col-6, .notre-equipe .col-9, .notre-equipe .col-3 {
        flex: 0 0 auto;
        width: 100%;
    }
    .team-member a {
        font-size: 16px;
    }
    .team-member {
        width: 47%;
    }
    .team-member img {
        width: 93%;
        height: 360px;
    }
    .first-row-team h4{
        margin-top: 0;
    }
    .first-row-team h4 {
        height: auto;
    }
    .second-row-team{
        margin-top: 0 !important;
    }
    .second-row-team h4 {
        height: auto;
        margin-top: 20px;
    }
    .service-ventes-title{
        margin-top: 20px !important;
    }
    .margin-team-mobile{
        margin-bottom: 30px !important;
    }
    .team-member {
        margin-right: 0 !important;
    }
    .gallery {
        width: 48%;
    }
    .map-wrapper {
        max-width: 100%;
        margin: 40px auto 40px;
    }
    .loyality-access-content-over h2{
        font-size: 40px !important;
        text-align: center;
    }
    .producers-related{
        margin-bottom: 40px;
    }
    .producers-title-mob{
        padding: 0 20px 40px !important;
    }
    .product-details-inputs .qty-input-group {
        width: 100%;
        position: relative;
        margin: 0 auto;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    .product_box img, .category_box img {
        width: 100%;
        height: 280px;
        object-fit: contain;
    }
    .footer-bottom-elements .col-md-1{
        flex: 0 0 auto;
        width: 100%;
        justify-content: flex-start !important
    }
    #page-content {
        padding-top: 142px;
    }
    .mobile-nav-active #header {
        height: 100%;
    }
    .notre-equipe{
        margin-bottom: 40px;
    }
    .page-catalog .loyality-access-content .content h2 {
        font-size: 30px;
    }
    .loyality-landing{
        margin-bottom: 40px;
    }
    .producers_slider .center-image {
        height: 400px;
        object-fit: cover;
    }
    .login-form, .forgotpass-form{
        margin-bottom: 40px;
    }
}
/* MOBILE VERSION */
/* MAX WIDTH 767 M767 */
@media (max-width: 767px) {
    .subscribe {
        flex-direction: column;
    }
    #footer footer {
        margin: 0 auto 0;
    }
    .subscribe-content {
        align-items: center;
        justify-content: center;
        display: flex;
        border-left: none;
        margin-top: 40px;
    }
    .view-more-producers {
        margin: 60px auto 10px;
        text-align: center;
    }
    .product-categories div {
        width: 100%;
        float: left;
    }

    .product-categories a{
        padding-right:0;
        width:100%;
    }
    .all-product-cat{
        display: flex !important;
        height: 100%;
        border: 1px solid #ccc;
        justify-content: center;
        flex-direction: column;
        min-height: 93px;
        margin: 5px;
        width: 96% !important;
        border-radius: 5px;
    }
    .display-product-counter{
        top: 0;
    }
    #header img {
        max-height: 62px;
    }
    #top-notification-bar p {
        font-size: 14px;
    }
    .remove-pad-mob{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .mobile-cont .p-5 {
        padding: 3rem 8px !important;
    }
    .cart-cont-mob.p-5{
        padding: 0rem 10px !important;
    }
    .mtm-2{
        margin-top: 1rem!important;
    }
    .mtm-3{
        margin-top: 2rem!important;
    }
    .mobile-cont .table{
        font-size: 14px;
    }
    .mobile-cont .table h5{
        font-size: 14px;
    }
    .cart-image img {
        margin-right: 15px;
        width: 50px;
        object-fit: contain;
    }
    .btn-add-to-cart-wishlist{
        width: 140px;
    }
    .btn-add-to-cart-wishlist a{
        font-size: 14px !important;
    }

    .border-end-product, .border-end {
        border-right: none !important;
    }
    .card {
        border: none !important;
    }
    .shadow-lg {
        box-shadow: none !important;
    }
    .card-body.p-5{
        padding: 0!important;
    }
    .category-list:after{
        display: none;
    }
    #page-checkout .p-4 {
        padding: 1.5rem 0!important;
    }
    .card-footer {
        margin-top: 10px;
    }
    #page-orders .btn-primary {
        background: var(--color-primary) !important;
        border-color: var(--color-primary) !important;
        color: #fff !important;
        border-radius: 5px;
        padding: 2px 5px !important;
        font-size: 12px;
    }
    .services .img {
        height: 356px;
    }
    #page-products {
        padding-bottom: 40px;
    }
    .category-list:nth-child(2n) {
        clear: both;
    }
    .desktop-only{
        display: none;
    }
    .mobile-only{
        display: block;
    }
    .filter-search{
        display: none;
    }
    .btn-filter-search{
        padding: 0.375rem 0.55rem!important;
    }
    .filter-input-mobile{
        width: 100%;
    }
    .show-perpage-mobile{
        min-width: 80px;
    }
    #filterCategory{
        display: none;
    }
    .sticky + #page-content {
        padding-top: 90px;
    }
    .qty-cart {
        width: 100%;
        display: flex;
        float: left;
    }
    .remember-me-mobile{
        clear: both;
        padding-top: 10px;
    }
    .blog-box {
        padding-right: 0;
        padding-left: 0;
    }

    .section-region {
        margin: 60px 0;
    }
    .footer-bottom-elements .col-md-6{
        flex-direction: column;
    }
    .product_sidebar-wrapper {
        width: 90%;
        max-width: 90%;
    }
    .col-xxl-4-mobile{
        flex: 0 0 auto;
        width: 100%;
    }
    .toggle-view.list-mode .product_box .right {
        flex-wrap: wrap;
        margin-bottom: 20px;
        gap: 0;
    }
    .toggle-view.list-mode .product_desc {
        width: 100%;
    }
    .toggle-view.list-mode .product_desc a {
        width: auto;
        display: flex;
        flex-direction: column;
    }
    .cat-filters-box {
        width: 100%;
    }
    .cat-filter-wrapper {
        flex-direction: column;
        margin-top: 0;
    }
    .toggle-view.list-mode .product_desc a b {
        width: 100%;
        min-width: 100%;
        font-size: 18px;
        line-height: 22px;
    }
    .toggle-view.list-mode .product_desc a em {
        margin-left: 5px;
        font-size: 18px;
        line-height: 22px;
        width: 100%;
    }
    .toggle-view.list-mode .form-addtocart {
        margin-left: auto;
        margin-right: 0;
        margin-top: 10px;
    }
    .toggle-view.list-mode .product_box .spec-desc {
        font-size: 14px;
        line-height: 18px;
    }
    .toggle-view.list-mode .product_price {
        margin: 0;
        width: auto;
        font-size: 14px;
        line-height: 16px;
    }
    .export-pdf-list {
        margin-left: auto;
        margin-top: auto;
        margin-bottom: 10px;
    }
    .export-pdf-list img{
        width: 35px;
        height: 35px;
    }
    .loyality-hero-content {
        width: 100%;
        color: #fff;
    }
    .loyality-program {
        padding: 80px 0;
    }
    .title-program {
        width: 100%;
    }
    .float-left {
        width: 100%;
    }
    .personal_information, #user_orders {
        padding: 0 10px 60px 10px;
    }
    .edit-profil-btn {
        right: 60px;
    }
    .user-wrapper .accordion-button {
        padding: 59px 10px;
    }
    .user-wrapper .accordion-header::after {
        content: "+";
        right: 40px;
    }
    #user_orders .order_details-profile img {
        width: 70px;
        margin: 10px 0;
    }
    .order_details-profile div {
        font-size: 14px;
    }
    #user_orders .price {
        width: 140px;
        margin-left: 10px;
        text-align: right;
    }
    #page-wishlist-details .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
    }
    .btn-clear-cart {
        width: 100%;
        display: flex;
        min-width: 130px;
        font-size: 12px;
        padding: 10px;
        text-align: center;
        align-items: center;
        justify-content: center;
        line-height: 16px;
    }
    .product_desc a {
        min-height: 0;
        height: auto;
    }
    .cart-table tr.border-bottom-tr {
        display: grid;
        grid-template-columns: repeat(5, 1fr); /* two equal columns for the 2nd row */
        gap: 0.5rem; /* spacing between columns */
        width: 100%;
        align-items: center;
        padding: 12px 10px !important;
    }
    /* make cells act like normal block content */
    .cart-table tr.border-bottom-tr td.cart-img-desc {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    /* first td spans both columns -> full width */
    .cart-table tr.border-bottom-tr td.cart-img-desc:nth-child(1) {
        grid-column: 1 / -1;
        padding-bottom: 0 !important;
    }
    .cart-image {
        padding: 0 !important;
    }
    .team-member {
        width: 100%;
        margin-bottom: 20px;
    }
    .team-member img {
        width: 100%;
        height: 470px;
    }
    .gallery {
        width: 100%;
    }
    .home-products-3col {
        padding: 0 14px 0 10px;
    }
    .footer-bottom-elements .col-md-11{
        display: flex;
        flex-direction: column;
    }
    .footer-bottom-elements .col-md-11 .col{
        flex: 0 0 auto;
        width: 100%;
        justify-content: flex-start !important;
    }
    .footer-text-address{
        margin-top: 15px;
    }
    .related-carousel .product_box {
        min-height: 645px;
    }
    .guest-checkout .col-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .guest-checkout .form-group {
        flex-direction: column;
    }
    .guest-checkout .form-group.sameasbil{
        flex-direction: row;
    }
    .selection_box .content h2 {
        font-size: 28px;
        margin-left: 0;
    }
    .page-catalog .loyality-access-content .content h2 {
        font-size: 50px;
    }
    .promo-box {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-end;
    }
    .promo-container .content {
        bottom: 10px;
    }
    .producers_slider .center-image {
        height: 330px;
        object-fit: cover;
    }
}
/* MAX WIDTH 576 M576 */
@media (max-width: 576px) {
    .display-product-counter{
    text-align: center;
    margin-bottom: 10px;
    }
    .paginator-wrapper, .paginator-wrapper nav {
        float: none;
        margin: 0 auto;
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    #header img {
        max-height: 50px;
    }
    .mobile-cont .table h5 {
        font-size: 16px;
    }
    .table>:not(caption)>*>* {
        padding: 0.4rem 0.2rem !important
    }
    .cart-table .table>:not(caption)>*>* {
        padding: 0 0.2rem !important
    }
    #user-menu {
        flex-wrap: wrap;
    }
    .user-icon-mobile{
        width: 35px;
        height: 35px;
        padding: 6px;
        margin-right: 8px;
    }
    .wishlist-view-items {
        padding: 10px 10px !important;
        background-color: #fff !important;
        color: #c1d47f !important;
        text-transform: uppercase;
        font-size: 13px !important;
    }
    .services .img {
        height: auto;
    }
    .services .details {
        margin: 0;
    }
    .user-card .pl-1{
        padding-left: 0;
    }
    .user-card .pr-1{
        padding-right: 0;
    }
    .user-card .float-left{
       float: none;
    }
    .products-home.producers-list .service-item{
        margin-bottom: 20px;
    }
    .col-mob{
        width: 100%;
    }
    .col-mob.justify-content-center {
        justify-content: flex-start !important;
    }
    #shop-retrait label {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .mobile-shop-btn{
        margin-top: 15px;
    }
    .sticky + #page-content {
        padding-top: 80px;
    }
    #delivery_date{
        margin-top: 10px;
    }
    section {
        padding: 45px 0;
        overflow: hidden;
    }
    .promo-container .content h2 {
        font-size: 40px;
    }
    #lottie svg {
        scale: 1;
    }
    .region-title {
        padding: 60px 0 30px;
        font-size: 46px;
        margin-left: 0;
        text-indent: 1px;
        line-height: 48px;
        text-align: center;
        width: 100%;
        position: relative;
    }
    .content-region {
        padding-bottom: 60px;
    }
    .content-region {
        font-size: 20px;
        flex-direction: column;
        gap: 20px;
    }
    .subscribe-form {
        padding-right: 0;
    }
    .footer-bottom-elements .col-md-3 {
        justify-content: start !important;
        align-content: start !important;
    }
    .mobile-hamburger {
        margin-right: 10px;
    }
    .wotm-maintitle {
        left: 20px;
    }
    .related-carousel .product_box {
        min-height: 630px;
    }
}
/* MAX WIDTH 480 M480 */
@media (max-width: 480px) {
    .logo-grta{
        margin-left: 5px;
    }
    .footer-cart{
        clear: both;
        margin-top: 5px;
        display: inline-block;
        width: 100%;
    }
    #header {
        box-shadow: none;
        display: flex;
        padding: 20px 10px;
        background: #fff;
    }
    .mobile-nav-active #header {
        height: 100%;
    }
    .mobile-cont{
        padding: 0 0 !important;
    }
    .mobile-cont .table {
        font-size: 13px;
    }
    .shadow-sm {
        box-shadow: none !important;
    }
    .qty-cart {
        width: 100%;
        display: flex;
        float: left;
    }
    .cart-update-btn {
        align-items: center;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .cart-image{
        padding: 0 !important;
    }

    .btn-add-to-cart-wishlist {
        width: 100px;
    }
    .btn-add-to-cart-wishlist a svg {
        width: 15px;
    }
    .input-global-search {
        width: 100%;
    }
    .btn-pd-light-green{
        font-size: 14px;
    }
    .product-categories a {
        padding-right: 0;
        width: 100%;
    }
    .btn-add-to-cart-wishlist a svg {
        display: none;
    }
    .btn-add-to-cart-wishlist a {
        font-size: 12px !important;
        padding: 5px 2px;
    }
    .hero-text{
        padding: 30px;
    }
    .card-quality {
        padding: 40px 30px !important;
    }
    .mobile-hamburger {
        width: 40px;
        float: left;
    }
    .section-header h2 {
        font-size: 36px;
        line-height: 40px;
    }
    .view-more-producers {
        margin: 60px auto 10px;
        text-align: center;
        clear: both;
    }
    #date-delivery{
        margin-top: 10px;
    }
    .all-product-cat {
        width: 98% !important;
    }
    .header .logo img {
        max-height: 100px;
        width: 100%;
    }
    .product-modal {
        flex-flow: wrap;
        place-self: flex-end;
    }
    .modal .modal-content .modal-body .promo-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 100%;
        position: relative;
        height: 250px;
        flex: auto;
    }
    .modal .modal-content .modal-body .content-text{
        flex: auto;
    }
    #wishlist_menu .modal-content .modal-body .promo-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        width: 100%;
        position: relative;
        height: 300px;
        background-size: cover;
    }
    #wishlist_menu .modal-content .modal-body .content-text {
        flex: auto;
        padding: 40px 20px !important;
    }
    .btn-filter-search {
        padding: 0.275rem 0.55rem!important;
    }
    .pdr-mob-5{
        padding-right: 5px;
    }
    .filter-input{
        font-size: 14px;
    }
    .sticky + #page-content {
        padding-top: 60px;
    }
    .footer-cart a,.footer-cart button{
        font-size: 15px;
        padding: 0.375rem 1rem!important;
    }
    .hero-img {
        border: 11px solid #fff;
        border-bottom: 11px solid #fff;
        height: 180px;
    }
    .carousel-fade .carousel-item {
        height: 180px;
    }
    .form-retrait{
        padding: 0 0 30px !important;
    }
    .btn-user{
        width: 100%;
    }
    .changepass-form .btn-primary{
        padding: 0.375rem 0.75rem!important;
    }
    .card-user h4{
        text-align: center !important;
        width: 100%;
    }
    .pm-0{
        padding: 0px !important;
    }
    .qty-input-group .button-minus, .qty-input-group .button-plus {
        height: 30px;
        width: 30px;
    }
    .qty-input-group .quantity-field {
        height: 31px;
        width: 38px;
        padding: 0;
        top: 2px;
        left: 0;
    }
    .qty-input-group.modal-qty .button-minus, .qty-input-group.modal-qty  .button-plus {
        height: 40px;
        width: 40px;
    }
    .qty-input-group.modal-qty .quantity-field {
        height: 40px;
        width: 44px;
        padding: 0;
        top: 0;
        left: 0;
    }
    .qty-input-group.modal-qty input[type='button'] {
        background-color: #eeeeee;
        min-width: 40px;
        width: auto;
        transition: all 300ms ease;
        left: 0;
    }
    .mobile-pad.px-4 {
        padding-right: 0.5rem!important;
        padding-left: 0.5rem!important;
    }

    .mobile-pad.p-4 {
        padding: 0.5rem!important;
    }
    .form-qty-cart {
        flex-direction: row;
        float: left;
        display: flex;
        min-width: 55px;
        align-items: center;
        justify-content: center;
    }

    .product-details-inputs select {
        width: 55%;
        float: left;
    }

    .coupon-checkout .col-md-3{
        width: 100%;
    }
    .btn-coupon {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }
    #user-menu a span{
        display: none;
    }
    .navigation-area {
        margin-top: 0;
    }
    .top-header-lang{
        display: none;
    }
    .mobile-topheader-land{
        display: flex;
        justify-content: flex-start;
    }
    #user-menu a {
        margin-right: 14px;
    }
    #header #user-menu img {
        max-height: 24px;
        height: 24px;
        object-fit: contain;
    }
    .mobile-sticky{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }
    .promo-container {
        padding-top: 0;
    }
    .promo-container .content {
        padding: 0;
        bottom: 20px;
        position: relative;
        left: 0;
    }
    .section-timeless {
        height: 220px;
        width: 100%;
        padding: 0 0;
    }
    #lottie svg {
        scale: 1;
    }
    .content-potm-right img.potm-wine {
        position: absolute;
        transform: rotate(-10deg);
        transform-origin: left center;
        top: -90px;
        width: 100px;
        right: 15px;
        left: inherit;
    }
    .content-title {
        width: 210px;
    }
    .section-region {
        margin: 0 0;
        padding: 0;
    }
    .subscribe-form {
        width: 100%;
    }
    .subscribe-content ul li span {
        width: 50px;
        margin-right: 40px;
        align-items: center;
    }
    .bg-wine:before {
        content: '';
        width: 64px;
        left: 90px;
    }

    .product-content{
        padding-top: 0;
    }
    .export-pdf-list{
        padding-bottom: 10px;
    }
    .open-sidebar {
        height: 39px;
        font-size: 14px;
    }
    .cat-filters-box ul li a {
        font-size: 14px;
    }
    .cat-filters-box {
        width: 100%;
    }
    .price-slider-wrapper {
        font-size: 12px;
    }
    .advanced-accordion-header.accordion-header {
        font-size: 16px;
    }
    .price-slider-wrapper .field input {
        font-size: 14px;
    }
    #page-content{
        padding-top: 80px;
    }
    .form-row {
        display: flex    ;
        flex-direction: column;
        gap: 5px;
    }
    .login-wrapper .p-5{
        padding: 10px !important;
    }
    .edit-profil-btn {
        right: 20px;
        top: 20px;
    }
    .cart-table .form-qty-cart:after {top: 0;}
    .chk-status div {
        font-size: 12px;
        line-height: 14px;
    }
    .btn-clear-cart {
        min-width: 180px;
        width: 180px;
        font-size: 16px;
        height: 45px;
    }
    .unite-cart {min-width: 80px;}
    #page-checkout .p-5.d-flex.flex-column.bg-creme{
        padding: 20px !important;
    }
    #page-checkout .p-5.d-flex.flex-column.bg-creme ul{
        font-size: 14px;
    }
    .content-title .type, .content-title .price {
        font-size: 24px;
        text-transform: uppercase;
        padding: 12px 0;
    }
    #user_orders .order_details-profile img {
        width: 110px;
        height: 97px;
    }
    .header .col-3,.header .col-9 {
        flex: 0 0 auto;
        width: 50%;
        align-content: center;
        display: flex;
    }
    .header .col-9 {
        margin-left: auto;
        justify-content: end;
    }
    .price-cart {
        width: 78px;
    }
    .cart-table .qty-input-group input[type="button"] {
        width: 20% !important;
    }
    .cart-table .qty-line {
        width: 80px;
    }
    .border-bottom-tr {
        border-bottom: 2px solid #C2C7AE;
    }
    .cart-table .form-qty-cart, .cart-table .qty-input-group {
        width: auto !important;
    }
    .cart-table .qty-input-group input.button-minus[type="button"] {
        padding-left: 15px !important;
    }
    .stotal-cart-td{
        width: 110px;
    }
    .unite-cart {
        width: 80px;
    }
    .cart-table .table>:not(caption)>*>* {
        padding: 0 !important;
    }
    .table-chk-results-mob{
        padding: 30px 20px !important;
    }
    .loyalite-points-wrapper {
        height: 420px;
        padding: 30px;
    }
    .fidalite-points {
        width: 70%;
    }
    .fidalite-points .points {
        font-size: 50px;
        line-height: 42px;
    }
    .accordion-img {
        width: 70px;
    }
    .accordion-img img {
        width: 20px;
    }
    .slick-prev {
        left: -8px;
    }
    .slick-next {
        right: -28px;
    }
    .slick-prev:before {
        width: 15px;
        height: 24px;
    }
    .slick-next:before {
        width: 15px;
        height: 24px;
    }
    .product-carousel {
        margin: 0;
    }
    .product-carousel .slick-slide {
        padding: 0;
    }
    .home-products-3col {
        padding: 0 10px 0 10px;
    }
    .footer-bottom-elements {
        padding: 40px 60px;
    }
    .producers_slider .center-image {
        height: 190px;
        object-fit: cover;
        background-position: top center;
    }
}
@media (max-width: 440px) {
    .price-cart {
        width: 50px;
    }
    .unite-cart {
        min-width: 60px;
        width: 60px;
    }
}
@media (max-width: 430px) {
.content-potm-right img.potm-wine {
    right: 0;
}
    .chk-product-td{
        width: 40%;
    }
}
/* MAX WIDTH 420 M420 */
@media (max-width: 420px) {
.product-details-inputs select {
    width: 45%;
    float: left;
}
    .promo-container .content h2 {
        font-size: 36px;
    }
    .promo-container .discover-more-btn {
        font-size: 13px;
    }
    .product_box .right {
        padding: 0 0 20px;
    }
    .subscribe-content ul{
        padding-left: 0;
    }
    .wotm-btn {
        width: 240px;
    }
    .main_image {
        height: 250px;
    }
    .btn-back {
        padding-left: 10px;
    }
    .product-details-section .product_wishlist {
        right: 15px;
        top: 13px;
    }

}
@media (max-width: 390px) {
    #header img {
        max-height: 40px;
    }
    .btn-pd-light-green {
        width: 38%;
        padding: 10px 1px 10px 1px;
        font-size: 14px;
    }

}
@media (max-width: 380px) {
    .btn-pd-cart,.btn-pd-search,.btn-pd-wishlist {
        margin-right: 5px;
    }
    #top-notification-bar p {
        font-size: 12px;
    }
    .promo-container .discover-more-btn {
        font-size: 12px;
    }
    .content-title {
        width: 190px;
    }
    .page-catalog .loyality-access-content .content h2 {
        font-size: 40px;
    }
}
@media (max-width: 360px) {
    #header img {
        max-height: 35px;
    }
    .table>:not(caption)>*>* {
        padding: 0.4rem 0.12rem !important
    }
    #page-cart .table th{
        font-size: 12px;
        line-height: 14px;
    }
    .footer-cart a,.footer-cart button{
        font-size: 15px;
        padding: 0.375rem 0.5rem!important;
    }
    .product-details-inputs select {
        width: 38%;
        float: left;
    }
    .promo-container .content h2 {
        font-size: 30px;
    }
    .promo-container .discover-more-btn {
        font-size: 11px;
    }
    .product-details-inputs .qty-input-group {
        padding: 0;
    }
    .footer-bottom-elements {
        padding: 40px 40px;
    }
    .content-title {
        width: 170px;
    }
    .content-title .type {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px 0;
    }
    .selection_box .content h2 {
        font-size: 24px;
        margin-left: 0;
    }
    .footer-bottom-elements {
        padding: 40px 50px;
    }
}
@media (max-width: 350px) {
    #header img {
        max-height: 35px;
    }
    #user-menu a {
        margin-right: 3px;
    }
}
/* M340 */
@media (max-width: 340px) {
    #header img {
        max-height: 35px;
    }
    .btn-pd-cart {
        margin-right: 6px;
        padding: 5px;
        width: 32px;
        height: 32px;
    }
    .btn-pd-search {
        padding: 7px 0 0;
    }
    .btn-pd-wishlist {
        margin-right: 6px;
        padding: 6px;
        width: 32px;
        height: 32px;
    }
    .btn-pd-user {
        margin-right: 6px;
        padding: 6px;
        width: 32px;
        height: 32px;
    }
    .btn-pd-cart,.btn-pd-search,.btn-pd-wishlist {
        margin-right: 4px;
    }
    .footer-cart a,.footer-cart button{
        font-size: 14px;
    }
    .product-details-inputs select {
        width: 35%;
        float: left;
    }
    .content-title {
        width: 150px;
    }
    #user-menu a {
        margin-right: 0;
    }
    .btn-crossant {
        font-size: 12px !important;
    }
}

/* GDPR Styles */

#gdpr, #gdpr-settings{
    width: 35%;
    display: block;
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: #fff;
    padding: 20px 20px 0px 20px;
    border-radius: 0;
    z-index: 999;
    color: #000;
    border: 2px dotted #fff;
    box-shadow: 2px 2px 10px 4px #66666630;
}

#gdpr p {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
}

.gdpr_btn{
    text-align: center;
    border-top: 1px solid #ccc;
}

.acc_gdpr{
    display: block;
    padding: 10px;
}
.dec_gdpr{
    display: block;
    padding: 10px;
}
#gdpr a{
    color: #85001B;
}
#gdpr a:hover, #gdpr a:active,#gdpr a:focus{
    color: #2D2D2D;
}
.set_gdpr, .set_gdpr_acc, .set_gdpr_dec{
    display: block;
    padding: 10px;
    color: #85001B;
}
.set_gdpr:hover, .set_gdpr_acc:hover, .set_gdpr_dec:hover{
    color: #2D2D2D;
}
.gdpr_title .title_1{
    font-size: 26px;
}

.gdpr_title .title_2{
    font-size: 40px;
    font-weight: bold;
}

#general_policy p {
    text-align: justify;
}

.tab-search-results{
    margin-top: 40px;
}

.min_amount_note{
    clear: both;
    text-align: right;
    color: #ff6170;
    font-style: italic;
}