/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* SECTION */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');



@font-face {
    font-family: 'Playfair';
    src: url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Playfair Italic';
    font-style: italic;
    src: url('../fonts/PlayfairDisplay-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
}

:root {
    --font-playfair: 'Playfair Display', serif;
    --font-lato: 'Lato', sans-serif;
}

#form_21798771767451452,
#nos-engagements {
    scroll-margin-top: 200px;
}

.container {
    width: 100%;
    padding: 0;
}

.beige_bg {
    background: #f3efe8;
    padding: 60px 80px;
    font-family: var(--font-lato);
}

.margin-section {
    padding: 60px 80px;
}

/* CONTENT WIDTH */
.beige_bg .block_content {
    margin: 0 auto;
}

.beige_bg .padd_cust1 {
    padding: 0px;
}

.beige_bg .title-carrousel,
.approach-left .small-title {
    font-size: 12px;
    line-height: 64px;
    letter-spacing: 2px;
    color: #C8A34E;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.section-label {
    font-family: 'Lato', sans-serif;
    text-align: left;
    font-size: 12px;
    letter-spacing: 4.32px;
    color: #C8A34E !important;
    text-transform: uppercase;
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
}

#hero-section .section-label {
    margin-bottom: 20px;
}

#category .breadcrumb_box .section-label {
    font-family: 'Lato', sans-serif;
    text-align: left;
    font-size: 12px;
    letter-spacing: 4.32px;
    color: #C8A34E !important;
    text-transform: uppercase;
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
    line-height: 2;
}
#category .section-label{
    font-family: var(--font-lato);
    font-size: 10px;
    font-weight: 500;
    font-style: normal;
    line-height: 64px;
    letter-spacing: 3.6px;
    color: #C8A34E;
    text-align: left;
    text-transform: uppercase;
    opacity: 1;
}
#category .allo-promo-wrapper span.section-label {
    line-height: 30px;
}
#category .breadcrumb_box span.section-label {
    color: #C8A34E !important;
    font-family: 'Lato', sans-serif !important;
}
#category  .breadcrumb_box .section-title #style4 {
    font-family: var(--font-playfair);
    font-size: 64px;
    font-weight: 300;
    font-style: normal;
    line-height: 62px;
    letter-spacing: 0px;
    color: #F3F1EC;
    text-align: left;
}
#category .breadcrumb_box .section-title #style5 {
    font-family: var(--font-playfair);
    font-size: 64px;
    font-weight: 300;
    font-style: italic;
    line-height: 62px;
    letter-spacing: 0px;
    color: #C8A34E;
    text-align: left;
}

.section-label::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 1px;
    background: #C8A34E;
    ;
    margin-right: 10px;
}

#category .allo-promo-wrapper .section-label::before {
     content: none;
}

.section-title {
    font-family: 'Playfair', serif;
    text-align: left;
    letter-spacing: 0px;
    font-size: 48px;
    line-height: 50px;
    font-weight: 300;
    color: #2B2B26;
}

#hero-section {
    /*  margin-top: 172px;*/
}

#hero-section,
#click-collect-section {
    display: flex;
    align-items: stretch;
}

#hero-section .ApColumn,
#explore-section .ApColumn,
#click-collect-section .ApColumn,
#cc-steps-section .ApColumn {
    display: block;
    padding: 0;
}

#hero-section .ApColumn .ApHtml,
#hero-section .ApColumn .block {
    margin-bottom: 0;
}

#hero-section .slide-text {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 80px;
    background: #ECE8DD 0% 0% no-repeat padding-box;
}

#hero-section .slide-image {
    flex: 0 0 50%;
    max-width: 50%;
}

#hero-section .slide-image .ApImage,
#hero-section .slide-image img {
    height: 100%;
}

#hero-section .slide-image img {
    object-fit: cover;
}

#hero-section .slide-image img:hover {
    filter: brightness(0.8);
}

.section-title #style1 {
    font: normal normal normal 64px/50px Playfair;
    text-align: left;
    letter-spacing: 0px;
    color: #2B2B26;
    -webkit-text-stroke: 1px #16201C;
}

.section-title #style2 {
    font: italic normal 300 64px/62px Playfair;
    text-align: left;
    letter-spacing: 0px;
    color: #C8A34E;
}

.section-title #style3 {
    font: normal normal 300 64px/62px Playfair;
    text-align: left;
    letter-spacing: 0px;
    color: #2B2B26;
}

#hero-section .section-description {
    font-family: 'Lato', sans-serif;
    text-align: left;
    letter-spacing: 0px;
    font-size: 18px;
    line-height: 28px;
    color: #6E6E60;
    margin-bottom: 29px;
}

.fav_add .button-container.cart button {
    background: transparent;
}

.btn-green .btn {
    font-family: 'Lato', sans-serif;
    background: #254032;
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    border: none;
    border-radius: 4px;
    padding: 16px 32px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-green .btn:hover {
    background: #1C3126;
}

#explore-section {
    display: flex;
    padding: 80px;
    flex-wrap: wrap;
    column-gap: 24px;
    padding-top: 50px;
}

#explore-section>.ApColumn {
    padding: 0;
    display: block;
}

#explore-section>.ApColumn .block {
    margin-bottom: 0;
}

#explore-section .section-title {
    margin-bottom: 32px;
}

#explore-section .card-overlay {
    flex: 1;
    aspect-ratio: 7 / 4.0351;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}

#explore-section .card-content {
    position: absolute;
    bottom: 0;
    z-index: 99;
    padding: 32px;
}

#index #explore-section .card-content {
    display: block;
}

#explore-section .card-overlay .ApImage {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#explore-section .card-overlay .ApImage img {
    transition: transform 0.5s ease;
}

#explore-section .card-overlay:hover img {
    transform: scale(1.1);
}

#explore-section .card-overlay::before {
    content: "";
    position: absolute;
    inset: 52% 0 0 0;
    background: transparent linear-gradient(180deg, #2B2B2600 0%, #2B2B26 100%) 0% 0% no-repeat padding-box;
    z-index: 1;
}

#explore-section .card-overlay h3 {
    font-family: 'Playfair', serif;
    text-align: left;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #F3F1EC;
    text-transform: uppercase;
    margin-bottom: 0;
}

#explore-section .card-overlay p {
    font-family: 'Lato', sans-serif;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #F3F1EC;
}

#index #explore-section .card-overlay p {
    margin-bottom: 9px;
}

#explore-section .card-overlay a {
    font-family: 'Lato', sans-serif;
    text-align: left;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 2.88px;
    color: #F3F1EC;
    text-decoration: none;
}

#explore-section .card-overlay a::after {
    content: " →";
    font-size: 13px;
    font-weight: 800;
}

#click-collect-section .click-collect-text {
    padding: 80px;
    background: #254032 0% 0% no-repeat padding-box;
}

.section-title #style4 {
    font-family: 'Playfair', serif;
    text-align: left;
    letter-spacing: 0px;
    font-size: 48px;
    line-height: 56px;
    font-weight: 300;
    color: #F3F1EC !important;
}
#category .section-title #style4{
    font-family: var(--font-playfair);
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #F3F1EC;
    text-align: left;
}
.allo-promo-wrapper .section-title #style4 {
    font: normal normal 300 24px/24px Playfair !important;
    font-family: 'Playfair Italic', serif;
    font-size: 24px;
    letter-spacing: 0px;
    float: left;
}
#category .allo-promo-wrapper h2.section-title span {
    display: contents !important;
}

.section-title #style5 {
    font-family: 'Playfair Italic', serif;
    text-align: left;
    letter-spacing: 0px;
    font-size: 48px;
    line-height: 56px;
    font-weight: 300;
    color: #C8A34E !important;
}
.allo-promo-wrapper .section-title #style5 {
    font-family: var(--font-playfair);
    font-size: 24px;
    font-weight: 600;
    font-style: italic;
    line-height: 24px;
    letter-spacing: 0px;
    color: #C8A34E;
    text-align: left;
}

.section-title #style6 {
    font-family: 'Playfair', serif;
    text-align: left;
    letter-spacing: 0px;
    font-size: 24px;
    font-weight: 300;
    color: #F3F1EC !important;
}
.allo-promo-wrapper .section-title #style6 {
    font-family: var(--font-lato);
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #9EA29E !important;
    text-align: left;
    opacity: 1;
}

#click-collect-section .click-collect-text p {
    font-family: 'Lato', sans-serif;
    text-align: left;
    letter-spacing: 0px;
    font-size: 18px;
    line-height: 28px;
    color: #BEC6C2 !important;
    margin-bottom: 32px;
}

.btn-yellow .btn {
    font-family: 'Lato', sans-serif;
    background: #B59345;
    font-size: 16px;
    line-height: 26px;
    text-transform: none;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    border: none;
    border-radius: 4px;
    padding: 14px 32px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-yellow .btn:hover {
    color: #2B2B26;
}

#index .btn-primary:active:focus {
    background-color: #B59345 !important;
}

body#module-td_alloclickncollect-clickncollect .no_pro {
    width: 100%;
    margin-bottom: 40px !important;
}

#click-collect-section .btn-yellow .btn::after {
    content: "→";
    display: inline-block;
    transform: scale(1.2) translateY(0.5px);
    margin-left: 6px;
    font-size: 18px;
}

#click-collect-section .ApColumn .block {
    margin-bottom: 0;
}

#click-collect-section .click-collect-image .ApImage,
#click-collect-section .click-collect-image img {
    height: 100%;
}

#click-collect-section .click-collect-image img {
    object-fit: cover;
}

#click-collect-section .click-collect-image img:hover {
    filter: brightness(0.8);
}

#cc-steps-section .click-collect-steps {
    background: #FAF7F2 0% 0% no-repeat padding-box;
    margin-bottom: 80px;
    padding: 0 56px;
}

#click-collect-steps {
    display: flex;
}

#click-collect-steps .step-card {
    display: flex;
    flex: 1;
    align-items: baseline;
    position: relative;
    padding: 24px;
    gap: 22px;
}

#click-collect-steps .step-card .step-number {
    font-family: 'Playfair', serif;
    text-align: left;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #C8A34E;
}

#click-collect-steps .step-card:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 30%;
    height: 40%;
    width: 1px;
    background: #e7e4e0;
}

#click-collect-steps .step-card .step-title {
    font-family: 'Playfair', serif;
    text-align: left;
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    letter-spacing: 0px;
    color: #2B2B26;
    margin-bottom: 12px;
}

#click-collect-steps .step-card p {
    font-family: 'Lato', sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #6E6E60;
    margin-bottom: 0;
}


#category .product_list {
    display: bloc;
  /*  flex-wrap: wrap; */
}

#category .product_list li {
    width: 25%;
    max-width: 25%;
}

#category .product_list .ajax_block_product {
    padding: 0px !important;
}

.slick-track {
    display: flex !important;
}

.slick-track:before,
.slick-track:after {
    display: none !important;
}

.slick-slide {
    height: auto !important;
}

#category .product_list .slick-slide {
    width: 25% !important;
}

@media (max-width: 991px) {

    #hero-section .slide-text,
    #explore-section,
    #click-collect-section .click-collect-text {
        padding: 40px;
    }

    #cc-steps-section .click-collect-steps {
        padding: 0 16px;
    }

    #explore-section .card-content {
        padding: 16px;
    }

    #explore-section .card-overlay p {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    #hero-section {
        flex-direction: column;
    }

    #hero-section .ApRow {
        flex-direction: column;
    }

    #hero-section .slide-text,
    #hero-section .slide-image {
        min-width: 100%;
        flex: 100%;
    }

    #hero-section h1 {
        font-size: 32px;
    }

    .section-title #style1 {
        font-size: 32px;
        line-height: 24px;
    }

    .section-title #style2,
    .section-title #style3 {
        font-size: 32px;
        line-height: 32px;
    }

    #explore-section {
        padding: 40px;
        flex-direction: column;
    }

    #explore-section .card-overlay {
        width: 100%;
    }

    #explore-section .card-overlay:not(:last-child) {
        margin-bottom: 24px;
    }

    #click-collect-section {
        flex-direction: column;
    }

    #click-collect-section .click-collect-text,
    #click-collect-section .click-collect-image {
        min-width: 100%;
    }

    #hero-section .slide-image img,
    #click-collect-section .click-collect-image img {
        max-height: 70vh;
    }

    #click-collect-steps {
        flex-direction: column;
    }

    #click-collect-steps .step-card:not(:last-child)::after {
        right: 5%;
        bottom: 0;
        width: 90%;
        height: 1px;
        top: auto;
    }

    .off-canvas-nav-megamenu {
        width: 100% !important;
    }

    .leo-megamenu .navbar-header button {
        border: 0;
        font-size: 31px;

    }
}

.beige_bg .subtitle-carrousel,.beige_bg .products-section-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    color: #2b2b2b;
}
.page-product .category-products .owl-buttons>div {
    background: transparent;
}

.beige_bg .subtitle-carrousel .green,
#product.page-product section.category-products.beige_bg .products-section-title .green {
    color: #2B2B26;
}

.beige_bg p {
    color: #6d6d6d;
    font-size: 15px;
}

.beige_bg .ApColumn .block {
    margin-bottom: 20px;
}

/* === IMPORTANT: FIX CAROUSEL STRUCTURE === */
.beige_bg .slick-track {
    gap: 20px;
}

body .thumbnail-container .cart .btn-product {
    width: 45px !important;
    height: 45px !important;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

/* CARD SIZE (KEY FIX) */

.beige_bg span.second-image-style.product-all-additional img {
    background-color: #EFEBE1;
    border-radius: 0px;
}

/* CARD STYLE */
.beige_bg .thumbnail-container {
    background: #f7f5f1;
    border-radius: 0px;

    transition: 0.3s ease;
}

.beige_bg .thumbnail-container:hover {
    transform: translateY(-6px);
}

/* IMAGE */
.beige_bg .product-image img {

    object-fit: contain;
    margin: 0 auto 15px;
}

/* REMOVE CLUTTER */
.beige_bg .category-default,
.beige_bg .product-description-short,
.beige_bg .functional-buttons,
.beige_bg .highlighted-informations,
.beige_bg .compare,
.beige_bg .quickview,
.beige_bg .product-flags {
    display: none !important;
}

/* TITLE */
.beige_bg .product-title {
    font-size: 15px;
    font-weight: 500;
    color: #2b2b2b;
    min-height: 40px;
}

/* PRICE */
.beige_bg .product-price-and-shipping {
    margin-top: 10px;
}

.beige_bg .product-price-and-shipping .price {
    font-size: 18px;
    font-weight: 600;
    color: #2b2b2b;
}

/* ROUND BUTTON */
.beige_bg .button-container.cart {
    position: absolute;
    right: 15px;

}

.beige_bg article .thumbnail-container p.product-unit-price.sub, article .thumbnail-container p.product-unit-price.sub,
#product.page-product section.category-products.beige_bg article .thumbnail-container .product-meta span.price {
    display: flex !important;
    margin-bottom: 10px;
    margin-left: 15px;
    font-weight: 400;
    color: #254032;
    font-size: 18px;
    font-family: var(--font-lato);
    margin-top: 25px;
}

article .thumbnail-container p.product-unit-price.sub {
    display: flex;
    margin: -40px 0 8px;
    align-items: end;
}

.beige_bg article .thumbnail-container .product-meta span.price , 
 article .thumbnail-container .product-meta span.price {
    display: none !important;
}

#category article .thumbnail-container .product-meta span.price {
    display: block !important;
}

.beige_bg .thumbnail-container {
    position: relative;
}

.beige_bg .add-to-cart i {
    font-size: 14px;
    color: #2f5d50;
}

.beige_bg .add-to-cart .name-btn-product {
    display: none;
}

/* ARROWS (BOTTOM LEFT LIKE SCREENSHOT) */
.beige_bg .slick-prev,
.beige_bg .slick-next {
    position: absolute;
    bottom: -50px;
    top: auto;
}

.beige_bg .slick-prev {
    left: 0;
}

.beige_bg .slick-next {
    left: 50px;
}

/* "AFFICHER TOUS" BUTTON */
.beige_bg .link {
    margin-top: 60px;
}

.beige_bg .link a {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 30px;
    border: 1px solid #d8d2c8;
    color: #2f5d50;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
}

.beige_bg .link a:hover {
    background: #2f5d50;
    color: #fff;
}

/* Layout */
.beige_bg .top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Right side */
.beige_bg .right-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Custom arrows */
.beige_bg .custom-arrows {
    display: flex;
    gap: 8px;
}

.beige_bg .arrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

.beige_bg .arrow:hover {
    background: transparent !important;
}

.page-index .slick-track {
    margin-top: 0px !important;
}

.beige_bg .arrow:hover {
    border-radius: 50%;
    background: none;
    border: 1px solid;
}

article .thumbnail-container .product-meta span.price {
    font-family: var(--font-lato) !important;
    color: #254032;
    font-size: 20px;
    line-height: 32px;
    Font-weight: 500;
}

.thumbnail-container .cart .icon-cart {
    display: block !important;

}


/* VOIR TOUT */
.beige_bg .view-all {
    text-decoration: underline !important;
    font-weight: 500;
    color: #254032;
}

.beige_bg .slick-prev,
.beige_bg .slick-next {
    display: none !important;
}

.link {
    text-decoration: none;
    border-bottom: 1px solid #2f4f3f;
    color: #2f4f3f;
    font-weight: 500;
}

/* RIGHT SIDE */
.approach-right {
    display: flex;
    flex-direction: column;
}

.approach-right .icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c9b37e;
    font-size: 16px;
}

.subtitle-carrousel span.green,
.approach-left .main-title ,   .left_c .main-title {
    font-family: var(--font-playfair);
    font-size: 48px !important;
    color: #2C2C2C !important;
    font-weight: 300 !important;
    font-style: italic;
    margin-bottom: 20px;
}

.margin-section .ApColumn .block {
    margin-bottom: 0;
}

.subtitle-carrousel span.green {
    font-style: normal;
}

.view-all {
    font-family: var(--font-lato);
    font-weight: 700 !important;
    font-size: 12px !important;
    text-decoration: underline !important;
    color: #2C2C2C !important;
}

.arrow {
    background: transparent !important;
    border: none !important;
    font-size: 20px;
    color: #2C2C2C;
    cursor: pointer;
}

/* --- CARTES PRODUITS (L'effet Adobe) --- */
/* Fond de la zone image */
.thumbnail-container {
    background-color: #fff !important;
    /* Gris-Beige Adobe */
    border-radius: 5px;
    padding: 15px !important;
    margin-bottom: 15px;
}

/* Titre du produit */
.product-title a {
    font-family: var(--font-playfair) !important;
    font-size: 18px !important;
    color: #2C2C2C !important;
    text-decoration: none !important;
    line-height: 1.2;
}

.price {
    font-family: var(--font-lato);
    font-weight: 400 !important;
    color: #2C2C2C !important;
}

.leo-bt-cart i {
    color: white !important;
    font-size: 18px !important;
}

/* --- SECTION GAUCHE --- */
.approach-left {
    padding-right: 50px;
}

.approach-left .small-title {
    color: #C8A34E;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 20px;
}



.approach-left .main-title span ,.left_c .main-title span {
    font-style: italic;
    color: #C5A47E;
    font-family: var(--font-playfair);
}
body[id^=module-td_alloclickncollect] .breadcrumb_box.category .txt{
    font-family: var(--font-playfair) !important;
    font-size: 20px !important;
}
.left_c .main-title{
    font-size: 64px !important;
}
.left_c .main-title span{
    color: #C8A34E !important;
    font-size: 64px !important;
}
.approach-left .desc {
    font-family: var(--font-lato);
    font-size: 18px;
    line-height: 28px;
    color: #58635E;
    margin-bottom: 32px;
}

.approach-left .link {
    font-weight: 400;
    color: #254032;
    border: none;
    text-decoration: underline;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0px !important;
}

.approach-left a.link:hover {
    color: #254032;
    background: transparent;
    border-color: transparent;
}

.approach-right .card {
    background-color: #F7F5F1;
    border-radius: 4px;
    padding: 32px;
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 10px;
    box-shadow: none;
    border: 1px solid #F7F5F1;
}
.approach-right .card:last-child{
    margin-bottom: 0;
}

.approach-right .icon {
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #C5A47E;
    font-size: 20px;
}

.approach-right h3 {
    font-family: var(--font-playfair);
    font-size: 24px;
    color: #2B2B26;
    font-weight: normal;
    margin: 0 0 10px 0;
}

.approach-right p {
    font-family: var(--font-lato);
    font-size: 16px;
    color: #6E6E60;
    margin: 0;
    line-height: 26px;
}

.thumbnail-container .cart .icon-cart:before {
    content: url(../img/group-33583.svg) !important;
}

/* ============================================================
   DESIGN ALLOEXOTIC - HEADER COMPLET
   ============================================================ */

#header .nav-link.dropdown-toggle.has-category .menu-title,
#header .leo-megamenu .navbar-nav>li>a>.menu-title {
    text-align: center !important;
    font: normal normal normal 13px/24px Lato !important;
    letter-spacing: 1.3px !important;
    color: #2B2B26 !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
}

#header .top-right-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 25px;
}

#header .cart-products-count,
#header .ap-total {
    background: #c5a66a !important;
    color: #fff !important;
    font-size: 9px;
    border-radius: 50%;
    padding: 0px 5px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#header .leo-megamenu .navbar-nav>li:last-child>a .menu-title {
    color: #c5a66a !important;
    font-weight: 700 !important;
}

@media (min-width: 992px) {
    #header .leo-megamenu .leo-top-menu {
        display: flex !important;
        justify-content: center !important;
        width: 100%;
    }
    .ae-block4 .ApColumn:nth-child(2),
    .ae-about-block2 .ApColumn:nth-child(2){
        margin-top: 40px;
    }
}

#header .leo-megamenu .caret {
    display: none !important;
}

#header .ApColumn {
    padding: 0;
    display: flex;
    justify-content: center;
}

#header #search_widget {
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
}

#header #search_widget form {
    background-color: #F9F7F2 !important;
    border-radius: 50px !important;
    border: none !important;
    display: flex !important;
    align-items: center;
    padding: 2px 20px !important;
    position: relative;
    height: 45px;
    transition: all 0.3s ease;
}

#header #search_widget form:focus-within {
    box-shadow: 0 0 0 1px #e8e4d8;
}

#header #search_widget input[type="text"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100%;
    color: #2B2B26 !important;
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    padding-left: 0 !important;
    opacity: 1 !important;
    height: -webkit-fill-available !important;
}

#header #search_widget input::placeholder {
    color: #999999 !important;
    font-weight: 400;
}

#header #search_widget button[type="submit"] {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#header #search_widget i.search {
    color: #2B2B26 !important;
    font-size: 20px !important;
    margin-left: 5px;
}

#header #search_widget .popup-title {
    display: none !important;
}

#header #search_widget .popup-content {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
}

#header header div#search_widget {
    width: 100% !important;
}

#header .top-right-header i,
#header .top-right-header .icomoon,
#header .top-right-header [class^="icon-"],
#header .top-right-header .shopping-cart {
    font-size: 24px !important;
    transition: color 0.3s ease;
}

#header #connect img {
    width: 24px;
    height: 24px;
}

#header header i.icon-shopping-bag:before {
    content: url(../img/icone-panier.svg) !important;
}



#header .top-right-header .cart-title,
#header .top-right-header .totals-cart,
#header .top-right-header .right-side {
    display: none !important;
}

#header .top-right-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
}

#header .ap-wishlist,
#header .my_account,
#header .cart-preview {
    position: relative;
    display: flex;
    align-items: center;
}

/*****/

/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* SECTION */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');



@font-face {
    font-family: 'Playfair';
    src: url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Playfair Italic';
    font-style: italic;
    src: url('../fonts/PlayfairDisplay-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
}

:root {
    --font-playfair: 'Playfair Display', serif;
    --font-lato: 'Lato', sans-serif;
}

.beige_bg {
    background: #FAF7F2 0% 0% no-repeat padding-box;
    padding: 60px 80px;
    font-family: var(--font-lato);
}

.margin-section {
    padding: 80px;
}

#main {
    margin-top: 0px !important;
}

#index #main {
    margin-top: 146px !important;
}

#category #main {
    margin-top: 32px !important;
}

.cms-id-10 #main {
    margin-top: 130px !important;
}

/* CONTENT WIDTH */
.beige_bg .block_content {
    margin: 0 auto;
}

.beige_bg .padd_cust1 {
    padding: 0px;
}

.beige_bg .title-carrousel,
.approach-left .small-title {
    font-size: 12px;
    line-height: 64px;
    letter-spacing: 2px;
    color: #C8A34E;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.beige_bg .subtitle-carrousel {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    color: #2b2b2b;
}

.beige_bg p {
    color: #6d6d6d;
    font-size: 15px;
}

.beige_bg p.desc {
    color: #6E6E60;
    font: normal normal normal 18px / 24px Lato;
    font: normal normal medium 14px / 24px Lato;
    letter-spacing: 0px;
    margin-bottom: 12px !important;
}

.beige_bg .block_content p {
    margin-bottom: 0;
}

.beige_bg .ApColumn .block {
    margin-bottom: 20px;
}

/* === IMPORTANT: FIX CAROUSEL STRUCTURE === */

body .thumbnail-container .cart .btn-product {
    width: 45px !important;
    height: 45px !important;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

/* CARD SIZE (KEY FIX) */
.beige_bg span.second-image-style.product-all-additional img {
    background-color: #EFEBE1;
    border-radius: 0px;
}

/* CARD STYLE */
.beige_bg .thumbnail-container {
    background: #f7f5f1;
    border-radius: 0px;
    padding: 0px 0px 20px 0px !important;
    transition: 0.3s ease;
}

.leo-more-info {
    display: none;
}

.beige_bg .thumbnail-container:hover {
    transform: translateY(-6px);
}

/* IMAGE */
.beige_bg .product-image img {
    background: #EFEBE1;
    object-fit: contain;
    margin: 0 auto 15px;
}

.owl-carousel .thumbnail-container {
    background-color: #fff !important;
    padding: 0 !important;
}

.owl-carousel .product-image .thumbnail.product-thumbnail {
    background-color: #EFEBE1;
}

.owl-carousel .product-image .product-title {
    text-align: center;
    padding: 16px;
    margin: 0 !important;
}

.carrousel-bloc .owl-theme .owl-buttons {
    top: -50px;
    right: 100px;
}

.carrousel-bloc .owl-theme .owl-buttons div {
    background: transparent;
}

.carrousel-bloc .owl-theme .owl-buttons div:hover {
    border-radius: 33px !important;
    border: 1px solid #999999;
    color: #999999 !important;
    background: transparent !important;
}

.carrousel-bloc .owl-theme .owl-buttons div:hover:before {
    color: #999999 !important;
}

/* REMOVE CLUTTER */
.beige_bg .category-default,
.beige_bg .product-description-short,
.beige_bg .functional-buttons,
.beige_bg .highlighted-informations,
.beige_bg .compare,
.beige_bg .quickview,
.beige_bg .product-flags {
    display: none !important;
}
.beige_bg .product-flags{
    display: block !important;
    top: 16px;
    left: 16px;
}

/* TITLE */
.beige_bg .product-title {
    font-size: 15px;
    font-weight: 500;
    color: #2b2b2b;
    min-height: 40px;
}

/* PRICE */
.beige_bg .product-price-and-shipping, .product-price-and-shipping {
    margin-top: 10px;
}

.beige_bg .product-price-and-shipping .price ,.product-price-and-shipping .price {
    font-size: 18px;
    font-weight: 600;
    color: #2b2b2b;
}

/* ROUND BUTTON */
.beige_bg .button-container.cart ,.button-container.cart {
    position: absolute;
    right: 15px;

}
.category-products {
    background-color: transparent;
}

#product.page-product section.category-products {
    background: #FAF7F2 0% 0% no-repeat padding-box;
    padding: 60px 80px;
    font-family: var(--font-lato);
}

.beige_bg article .thumbnail-container .product-meta span.price {
    display: none !important;
}

.beige_bg .thumbnail-container {
    position: relative;
}

.beige_bg .add-to-cart i {
    font-size: 14px;
    color: #2f5d50;
}

.beige_bg .add-to-cart .name-btn-product {
    display: none;
}

/* ARROWS (BOTTOM LEFT LIKE SCREENSHOT) */
.beige_bg .slick-prev,
.beige_bg .slick-next {
    position: absolute;
    bottom: -50px;
    top: auto;
}

.beige_bg .slick-prev {
    left: 0;
}

.beige_bg .slick-next {
    left: 50px;
}

/* "AFFICHER TOUS" BUTTON */
.beige_bg .link {
    margin-top: 60px;
}

.beige_bg .link a {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 30px;
    border: 1px solid #d8d2c8;
    color: #2f5d50;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
}

.beige_bg .link a:hover {
    background: #2f5d50;
    color: #fff;
}

/* Layout */
.beige_bg .top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Right side */
.beige_bg .right-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Custom arrows */
.beige_bg .custom-arrows {
    display: flex;
    gap: 8px;
}

.beige_bg .arrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

.beige_bg .arrow:hover {
    background: transparent !important;
}

.page-index .slick-track {
    margin-top: 0px !important;
}

.beige_bg .arrow:hover {
    border-radius: 50%;
    background: none;
    border: 1px solid;
}

article .thumbnail-container .product-meta span.price {
    font-family: var(--font-lato) !important;
    color: #254032;
    font-size: 20px;
    line-height: 32px;
    Font-weight: 500;
}

.thumbnail-container .cart .icon-cart {
    display: block !important;

}


/* VOIR TOUT */
.beige_bg .view-all {
    text-decoration: underline !important;
    color: #254032 !important;
    font: normal normal normal 14px / 24px Lato !important;
}

.beige_bg .slick-prev,
.beige_bg .slick-next {
    display: none !important;
}

.wishlist a.leo-wishlist-button.btn-product.btn-primary.btn {
    background: #FFFFFFB3 !important;
    border: none !important;
    width: 44px !important;
    height: 44px !important;
}

.wishlist a.leo-wishlist-button.btn-product.btn-primary.btn:hover {
    background: transparent url(../img/cta-favoris-actif.svg) 0% 0% no-repeat padding-box !important;
}

.product-meta .fav_add .wishlist a.leo-wishlist-button.btn-product.btn-primary.btn:hover i.icon-btn-product.icon-wishlist:before {
    content: none !important;
}

.link {
    text-decoration: none;
    border-bottom: 1px solid #2f4f3f;
    color: #2f4f3f;
    font-weight: 500;
}

/* RIGHT SIDE */
.approach-right {
    display: flex;
    flex-direction: column;
}

.subtitle-carrousel span.green,
.approach-left .main-title ,.left_c .main-title {
    font-family: var(--font-playfair);
    font-size: 48px !important;
    color: #2B2B26 !important;
    font-weight: 300 !important;
    font-style: normal;
    margin-bottom: 20px;
}

.beige_bg .subtitle-carrousel .green,
#product.page-product section.category-products.beige_bg .products-section-title .green {
    color: #2B2B26;
    font: normal normal 300 48px/50px Playfair !important;
    margin-bottom: 20px;
}

.subtitle-carrousel span.green {
    font-style: normal;
}

.view-all {
    font-family: var(--font-lato);
    font-weight: 700 !important;
    font-size: 12px !important;
    text-decoration: underline !important;
    color: #2C2C2C !important;
}

.arrow {
    background: transparent !important;
    border: none !important;
    font-size: 20px;
    color: #2C2C2C;
    cursor: pointer;
}

/* Fond de la zone image */
.thumbnail-container {
    background-color: #fff !important;
    border-radius: 5px;
    padding: 15px !important;
    margin-bottom: 15px;
}

.owl-carousel .product-image .product-title {
    min-height: 88px;
}

.beige_bg article .thumbnail-container {
    margin-bottom: 0 !important;
}

/* Titre du produit */
.product-title a {
    color: #201A14 !important;
    text-decoration: none !important;
    font: normal normal normal 24px / 28px Playfair !important;
}

.price {
    font-family: var(--font-lato);
    font-weight: 400 !important;
    color: #2C2C2C !important;
}

/*
.leo-bt-cart {
    background: #1B3F36 !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border: none !important;
    float: right;
}
    */

.leo-bt-cart i {
    color: white !important;
    font-size: 18px !important;
}

/* --- SECTION GAUCHE --- */
.approach-left {
    padding-right: 50px;
}

.approach-left .small-title {
    color: #C8A34E;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 20px;
}



.approach-left .main-title span {
    font-style: italic;
    color: #C8A34E;
    font-family: var(--font-playfair);
}

.approach-left .desc {
    font-family: var(--font-lato);
    font-size: 18px;
    line-height: 28px;
    color: #58635E;
    margin-bottom: 32px;
}

.approach-left .link {
    color: #254032;
    border: none;
    text-decoration: underline;
    text-transform: uppercase;
    font: normal normal normal 14px / 24px Lato;
    letter-spacing: 0.7px;
}

.approach-left a.link:hover {
    color: #254032;
    background: transparent;
    border-color: transparent;
}

.approach-right .card {
    background-color: #F7F5F1;
    border-radius: 4px;
    padding: 32px;
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 10px;
    box-shadow: none;
    border: 1px solid #F7F5F1;
}

.approach-right .card:hover {}



.approach-right h3 {
    font-family: var(--font-playfair);
    font-size: 24px;
    color: #2B2B26;
    font-weight: normal;
    margin: 0 0 10px 0;
}

.approach-right p {
    font-family: var(--font-lato);
    font-size: 16px;
    color: #6E6E60;
    margin: 0;
    line-height: 26px;
}

.thumbnail-container .cart .icon-cart:before {
    content: url(../img/group-33583.svg) !important;
    zoom: 1 !important;
}

/* ============================================================
   DESIGN ALLOEXOTIC - HEADER COMPLET
   ============================================================ */

#header .top-bar-static {
    background-color: #004d31 !important;
    width: 100% !important;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
}

#header .top-bar-message {
    font-family: 'Lato', sans-serif !important;
    font-size: 10px !important;
    line-height: 12px;
    letter-spacing: 0.5px;
    color: #FFFFFF !important;
    text-transform: uppercase;
    text-align: center;
}

#header,
#header .bottomnav,
#header .ApRow,
.bg-fullwidth {
    background-color: #ffffff !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

#header .bottomnav .container>.inner>.ApRow:nth-child(2) {
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
    height: 41px;
}

#header .bottomnav {
    padding: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
}

#header .header_logo img {
    max-height: 65px;
    width: auto;
    margin-left: 40px;
    max-width: 156px;
}

#header #search_widget .popup-title {
    display: none !important;
}

#header .nav-item a span.menu-title {
    font-family: var(--font-lato);
    text-align: center;
    letter-spacing: 1.3px;
    color: #2B2B26;
    opacity: 1;
}

#header .nav-link.dropdown-toggle.has-category .menu-title,
#header .leo-megamenu .navbar-nav>li>a>.menu-title {
    text-align: center !important;
    font-family: var(--font-lato) !important;
    letter-spacing: 1.3px !important;
    color: #2B2B26 !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
}

#header #search_widget .popup-content.dropdown-menu {
    display: block !important;
    position: relative !important;
    background: #FAF7F2 0% 0% no-repeat padding-box !important;
    border: 0.5px solid #E0DDD7 !important;
    border-radius: 4px !important;
    width: 100% !important;
    max-width: 420px;
    margin: 0 auto;
    padding: 5px 20px !important;
    box-shadow: none !important;
    top: 0 !important;
    height: 41px;
}

#header #search_widget input[type="text"] {
    background: transparent !important;
    border: none !important;
    font-size: 13px;
    color: #888;
    height: 35px;
    width: 90%;
    opacity: 1 !important;
    height: -webkit-fill-available !important;
}

#header #search_widget button[type="submit"] {
    background: transparent;
    border: none;
    padding: 0;
    float: right;
    margin-top: 5px;
}

#header #search_widget i.material-icons {
    color: #222 !important;
    font-size: 20px;
}

#header .top-right-header {
    display: flex;
    align-items: center;
    gap: 25px;
}

#header .top-right-header i,
#header .top-right-header span[class^="icon-"] {
    color: #222 !important;
    font-size: 22px !important;
}

#header #connect img {
    width: 22px;
    height: 22px;
}

#header .account,
#header .cart-title,
#header .totals-cart,
#header .right-side {
    display: none !important;
}

#header .leo-megamenu {
    border-top: 0.5px solid #E6E0D8;
}

#header .leo-megamenu .navbar-nav>li>a {
    color: #222 !important;
    font-family: var(--font-lato) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    padding: 10px 20px !important;
}

#header .leo-megamenu .navbar-nav>li:last-child>a .menu-title {
    color: #c5a66a !important;
    font-weight: 700 !important;
}

@media (min-width: 992px) {
    #header .leo-megamenu .leo-top-menu {
        display: flex !important;
        justify-content: center !important;
        width: 100%;
    }
}

#header .leo-megamenu .caret {
    display: none !important;
}

#header .ApColumn {
    padding: 0;
    display: flex;
    justify-content: center;
}

#header #search_widget {
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
}

#header #search_widget form {
    background-color: #F9F7F2 !important;
    border-radius: 50px !important;
    border: none !important;
    display: flex !important;
    align-items: center;
    padding: 2px 20px !important;
    position: relative;
    height: 45px;
    transition: all 0.3s ease;
}

#header #search_widget form:focus-within {
    box-shadow: 0 0 0 1px #e8e4d8;
}

#header #search_widget input[type="text"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100%;
    padding-left: 15px !important;
    opacity: 1 !important;
    height: -webkit-fill-available !important;
    font: normal normal normal 14px / 34px Lato !important;
    letter-spacing: 0px;
    color: #8F9392 !important;
}

#header #search_widget input::placeholder {
    color: #999999 !important;
    font-weight: 400;
}

#header #search_widget button[type="submit"] {
    border: none !important;
    padding: 0 !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: absolute;
    top: 8px;
    left: 16px;
    background: transparent url('/img/icone-loupe.svg') 0% 0% no-repeat padding-box !important;
}

#header #search_widget i.search {
    color: #2B2B26 !important;
    font-size: 20px !important;
    margin-left: 5px;
}

#header #search_widget .popup-title {
    display: none !important;
}

#header #search_widget .popup-content {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
}

#header header div#search_widget {
    width: 100% !important;
}

#header .top-right-header i,
#header .top-right-header .icomoon,
#header .top-right-header [class^="icon-"],
#header .top-right-header .shopping-cart {
    font-size: 24px !important;
    transition: color 0.3s ease;
}

#header #connect img {
    width: 24px;
    height: 24px;
}

#header header i.icon-shopping-bag:before {
    content: url(../img/icone-panier.svg) !important;
}



#header .top-right-header .cart-title,
#header .top-right-header .totals-cart,
#header .top-right-header .right-side {
    display: none !important;
}

#header .top-right-header {
    display: flex;
    align-items: center;
    gap: 30px;
}

#header .ap-wishlist,
#header .my_account,
#header .cart-preview {
    position: relative;
    display: flex;
    align-items: center;
}
#_desktop_cart .leo-dropdown-cart .leo-dropdown-list-item-warpper {
    margin-top: 82px;
}
.footer-center {
    background: #2B2B26 0% 0% no-repeat padding-box;
    padding: 0;
}

.cms-id-6 .footer-center {
    margin-top: 36px;
}

.footer-center>.container {
    padding: 60px 60px 30px 60px;
}

.custom-footer.bg-fullwidth {
    background-color: unset !important;
}

.custom-footer #footer-divider .ApHtml {
    margin-bottom: 24px;
}

.custom-footer #footer-divider hr {
    background-color: #6F7470;
    margin-top: 0;
    margin-bottom: 0;
}

#desktop-footer #footer-right {
    display: flex;
    justify-content: space-evenly;
    gap: 20px;
}

#desktop-footer #footer-right .ApBlockLink {
    margin-bottom: 44px;
}

#mobile-footer #footer-right .ApBlockLink {
    margin-bottom: 0 !important;
}

.custom-footer .footer-logo {
    margin-bottom: 18px !important;
}

.custom-footer .footer-logo img {
    min-width: 120px;
    max-width: 250px;
}

.custom-footer h4.title_block {
    font-family: 'Lato', sans-serif;
    text-align: left;
    text-transform: uppercase;
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: normal !important;
    color: #6F7470 !important;
    margin: 0 0 22px !important;
}

#desktop-footer h4.title_block {
    letter-spacing: 4.32px;
}

#mobile-footer h4.title_block {
    letter-spacing: 3.12px;
    margin-bottom: 0 !important;
}

#mobile-footer .open h4.title_block {
    margin-bottom: 16px !important;
}

#footer-bottom-links ul {
    display: flex;
    gap: 32px;
}

#desktop-footer #footer-bottom-links ul {
    justify-content: flex-end;
}

#mobile-footer #footer-bottom-links ul {
    justify-content: center;
}

.custom-footer ul li,
#desktop-footer #footer-right p,
#mobile-footer #footer-right .block.open p {
    margin-bottom: 16px;
}

#mobile-footer #footer-right .block:not(.open) p {
    margin-bottom: 0;
}

#desktop-footer #footer-right p.footer-mail,
#mobile-footer #footer-right .block.open p.footer-mail {
    margin-bottom: 8px;
}

#mobile-footer #footer-right .block:not(.open) p.footer-mail {
    margin-bottom: 0px;
}


.custom-footer a,
.custom-footer #footer-right p {
    font-family: 'Lato', sans-serif;
    text-align: left;
    letter-spacing: 0px;
    line-height: 20px !important;
    font-weight: normal;
    color: #A7A7A5 !important;
}

#desktop-footer a,
#desktop-footer #footer-right p {
    font-size: 14px !important;
}

#mobile-footer a,
#mobile-footer #footer-right p {
    font-size: 12px !important;
}

.custom-footer ul li:hover a {
    color: #FFFFFF !important;
}

.custom-footer .media-links ul {
    display: flex;
}

#mobile-footer .media-links ul {
    justify-content: center;
}

#mobile-footer ul {
    margin-bottom: 0;
}

.custom-footer .media-links li {
    padding-right: 2px;
}

.custom-footer .media-links li span {
    display: none;
}

.custom-footer .media-links li a:before {
    transition: all 0.4s ease;
}

.custom-footer .media-links li:hover a:before {
    filter: brightness(2);
    transition: all 0.4s ease;
}

.custom-footer .media-links li:first-child a:before {
    margin-left: -6px;
}

.custom-footer .media-links li.instagram a:before {
    content: url(../img/icone-instagram.svg);
}

.custom-footer .media-links li.twitter a:before {
    content: url(../img/icone-x.svg);
}

.custom-footer .media-links li.facebook a:before {
    content: url(../img/icone-facebook.svg);
}

.custom-footer #footer-copyright p {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #9EA29E;
}

#mobile-footer #footer-copyright p {
    font-size: 12px;
}

#desktop-footer #footer-copyright p {
    text-align: left;
}

#mobile-footer #footer-copyright p {
    text-align: center;
}

.custom-footer #footer-copyright .ApColumn,
.custom-footer #footer-copyright p,
.custom-footer #footer-bottom-links .ApColumn,
.custom-footer #footer-copyright .ApHtml,
.custom-footer #footer-bottom-links .ApBlockLink,
.custom-footer #footer-bottom-links ul,
.custom-footer #footer-bottom-links ul li {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .footer-center>.container {
        padding: 40px 40px 30px 40px;
    }
}

@media (min-width: 769px) {
    #mobile-footer {
        display: none;
    }
}

@media (max-width: 768px) {
    #desktop-footer {
        display: none;
    }

    #footer-right {
        display: block;
    }

    .footer-center>.container {
        padding: 49px 24px 31px;
    }

    #footer-right>.block {
        border-top: 1px solid #6F747066;
        padding: 23px 0%;
    }

    #footer-right>.block:last-child {
        border-bottom: 1px solid #6F747066;
    }

    #footer-right .title_block {
        position: relative;
        cursor: pointer;
        font-size: 14px;
        text-transform: uppercase;
        margin: 0;
    }

    #footer-right .title_block::after {
        content: "";
        position: absolute;
        right: 0;
        width: 10px;
        height: 5px;
        background: url('../img/arrow.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 20px;
        transition: transform 0.3s ease;
    }

    #footer-right .block.open .title_block::after {
        transform: rotate(180deg);
    }

    #footer-right .ApBlockLink ul,
    #footer-right .ApHtml p {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease;
    }

    #footer-right .ApBlockLink.open ul,
    #footer-right .ApHtml.open p {
        max-height: 500px;
    }

    #mobile-footer .footer-logo img {
        max-width: 187px;
    }
}

/* --- Bloc Introduction Sous-Menu --- */

#header .submenu-intro {
    /* Mise en page du conteneur */
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 320px;
    /* Largeur typique pour cette colonne de menu */
    padding: 40px;
    background-color: #ffffff;
    font-family: "Inter", sans-serif;
    /* À adapter selon ta font globale */
}

/* Label doré en haut */
#header .submenu-label {
    display: block;
    color: #c4a06d;
    /* Doré "Allo Exotic" */
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 20px;
}

/* Titre principal en Serif */
#header .submenu-title {
    font-family: "Playfair Display", serif;
    /* Font élégante pour le style 'd'exception' */
    font-size: 32px;
    line-height: 1.1;
    font-weight: 400;
    color: #1a1a1a;
    margin: 0 0 20px 0;
}

/* Description textuelle */
#header .submenu-description {
    font-size: 14px;
    line-height: 1.6;
    color: #666666;
    margin: 0 0 30px 0;
    font-weight: 400;
}

/* Lien "Tous les produits" */
#header .submenu-link {
    display: inline-flex;
    align-items: center;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 4px;
    width: fit-content;
    transition: border-color 0.3s ease;
}

#header .submenu-link:hover {
    border-color: #c4a06d;
    color: #c4a06d;
}

/* Flèche dans le lien */
#header .submenu-link .arrow {
    margin-left: 10px;
    font-size: 16px;
    transition: transform 0.3s ease;
}

#header .submenu-link:hover .arrow {
    transform: translateX(5px);
}

/* ===== MEGA MENU WRAPPER ===== */
.xd-mega {
    display: grid;
    grid-template-columns: 25% 65%;
    gap: 70px;
    padding: 60px 70px;
    background: #f4f2ed;
    min-width: 900px;
}

/* ===== LEFT SIDE ===== */
.xd-left .tag {
    font-size: 12px;
    letter-spacing: 4px;
    color: #b89b5e;
    font-weight: 500;
    display: block;
    text-align: left;
    margin-bottom: 25px;
}

/* TITLE */
.xd-left h2 {
    font-family: "Playfair Display", serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 25px;
    color: #2b2b2b;
}

.xd-left h2 em {
    font-style: italic;
    font-weight: 400;
}

/* DESCRIPTION */
.xd-left p {
    font-size: 15px;
    color: #6e6e6e;
    line-height: 1.7;
    max-width: 420px;
}

/* CTA */
.xd-left a {
    display: inline-block;
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #254032 !important;
    text-decoration: none;
    border-bottom: 1px solid #254032;
    font-weight: bold;
    font-family: "lato", sans-serif;
    padding-bottom: 6px;
    transition: all 0.3s ease;
}

.dropdown-sub.dropdown-menu,
.widget-subcategories {
    min-height: 389px !important;
}

.xd-left a:hover {
    opacity: 0.7;
}

/* ===== RIGHT SIDE ===== */
.xd-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 55px;
   /* row-gap: 35px; */
}

/* ITEM */
.xd-item {
    display: flex;
    align-items: center;
    gap: 18px;
}

/* ICON */


/* TITLE */
.xd-item h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: #2B2B26;
}

/* SUBTEXT */
.xd-item p {
    margin: 6px 0 0;
    font-size: 14px;
    color: #8F9392;
}

/* HIGHLIGHT ITEM */
.xd-item.highlight h4 {
    color: #b89b5e;
}

#category.category-Epicerie-salee .xd-item h4 a.epicerie-salee {
    color: #C8A34E;
}
#category.category-Epicerie-sucree .xd-item h4 a.epicerie-sucree {
    color: #C8A34E;
}
#category.category-boissons .xd-item h4 a.boissons {
    color: #C8A34E;
}
#category.category-huiles-essentielles .xd-item h4 a.huiles-essentielles {
    color: #C8A34E;
}
#category.category-bio-et-vrac .xd-item h4 a.bio-et-vrac {
    color: #C8A34E;
}
#category.category-nouveautes .xd-item h4 a.nouveautes {
    color: #C8A34E;
}
#category.category-promotions-saisonnieres .xd-item h4 a.promotions-saisonnieres,
#category.category-coffrets-et-idees-cadeaux .xd-item h4 a.coffrets-et-idees-cadeaux,
#category.category-offres-speciales .xd-item h4 a.offres-speciales {
    color: #C8A34E;
}

/* ===== SEPARATOR LINE (subtle like XD) ===== */
.xd-mega::before {
    content: "";
    position: absolute;
    left: 30%;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background: #e6e2da;
}

header i.icon-shopping-bag:before {
    content: url(../img/icone-panier.svg) !important;
}

/* ensure relative */
.xd-mega {
    position: relative;
}

/* ===== FIX SUPERPOSITION ===== */
.leo-megamenu .dropdown-menu {
    position: absolute !important;
    top: 101% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    z-index: 99999 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-top: 1px solid #C8A34E !important;
    box-shadow: none !important;
}

/* ===== FIX HEADER CONTEXT ===== */
#header {
    position: relative;
    z-index: 9999;
}

.header-nav .megamenu .xd-right h4 a,
.header-nav .megamenu .xd-right h4 a:hover {
    color: #2B2B26;
}

/* ===== FIX SLIDER (IMPORTANT) ===== */
#index .carousel,
#index .banner,
#index .owl-carousel {
    z-index: 1 !important;
}

/* ===== REMOVE OVERFLOW BLOCK ===== */
#header,
.leo-megamenu,
.leo-megamenu .dropdown,
.leo-megamenu .dropdown-menu {
    overflow: visible !important;
}

.leo-megamenu .navbar-nav {
    display: flex;
    justify-content: center;
}

.leo-megamenu .navbar-nav>li.dropdown {
    position: static;
}

.leo-megamenu .dropdown-menu {
    position: absolute !important;
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.leo-megamenu .navbar-nav>li.aligned-fullwidth>.dropdown-menu {
    width: 100vw !important;
}

.xd-item {
    transition: all 0.3s ease;
    padding: 23px;
}

.xd-item:hover {
    background: #F2EEE9 0% 0% no-repeat padding-box;
    transform: translateX(4px);
}

.leo-megamenu .navbar-nav>li>a.dropdown-toggle:after {
    content: "\f107";
    /* down */
    font-family: "FontAwesome";
    font-size: 11px;
    transition: transform 0.3s ease;
}

.leo-megamenu .navbar-nav>li:hover>a.dropdown-toggle:after {
    transform: rotate(180deg);
}

.xd-bonplan .xd-right {
    grid-template-columns: 1fr;
}

.leo-megamenu .navbar-nav>li.active>a:after,
.leo-megamenu .navbar-nav>li:hover>a:after,
.leo-megamenu .navbar-nav>li:focus>a:after {
    color: #2B2B26 !important;
}

.xd-special h4 {
    color: #C8A34E;

}

#category.page-category .products_block h3.h3.product-title a,
#category .product_list h3.h3.product-title a,
.ets_mp_shop_main_detail .h3.product-title a {
    font-family: var(--font-playfair) !important;
    font-size: 24px !important;
    display: flex;
    text-align: center;
    font-style: normal;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    font: normal normal normal 24px / 28px Playfair !important;
    color: #201A14 !important;
}

#category .product_list h3.h3.product-title a:hover {
    color: #0B6B5A !important;
}

.page-product .product-tabs.tabs {
    background: unset !important;
}

.products_block .product-miniature .fav_add {
        margin: -40px 0 16px
}

@media (min-width: 1370px) {

    #hero-section .slide-text,
    #hero-section .slide-image {
        aspect-ratio: 720 / 601;
    }
}

@media (min-width: 1440px) {
    #hero-section {
        max-height: 601px;
    }
}

@media (min-width: 1500px) {
    #hero-section {
        max-height: 29vw;
    }
}

@media (max-height: 715px) {
    .page-product .product-cover img {
        max-height: 430px!important;
    }
    #product #wrapper>.container >.row {
        margin-top: 0px !important;
    }
    #product.page-product .product-add-to-cart.js-product-add-to-cart {
        margin-top: 0px;
    }
    #product.page-product .product_action {
        padding: 10px 0 20px;
    }
}

@media (max-height: 715px) and (min-width: 991px) {

    #hero-section .section-title #style1,
    #hero-section .section-title #style2,
    #hero-section .section-title #style3 {
         font-size: 3.5vw;
         line-height: 45px;
    }

    #hero-section {
        max-height: 29vw;
    }
    #hero-section .slide-text {
        padding-top: 20px;
    }
    #hero-section .section-title {
        line-height: 25px;
    }
    #hero-section .section-label {
        margin-bottom: 10px;
    }
    #hero-section .section-description {
        font-size: 17px;
        line-height: 26px;
        margin-bottom: 20px;
    }

}

@media (min-width: 769px) and (max-width: 1340px) {

    #hero-section .section-title #style1,
    #hero-section .section-title #style2,
    #hero-section .section-title #style3 {
        /* font-size: 4vw; */
    }
}

@media (max-width: 991px) {
    #header .ApColumn.search-bloc {
        display: none !important;
    }

    #header .ApColumn.menu-bloc {
        position: absolute;
        top: 41px;
        justify-content: left;
        left: 14px;
    }

     #header .ApColumn.menu-bloc .ApMegamenu{
        z-index: 99999;
     }

    #header .ApColumn.logo-bloc {
        width: 100%;
        justify-content: center;
        z-index: 9999;
    }

    #header .ap-wishlist.custom-wish-icon,
    #header .my_account {
       /* display: none !important; */
    }

    #header #_desktop_cart {
        padding-right: 50px;
    }

    #header .leo-megamenu {
        border-top: none !important;
        border-bottom: none !important;
    }

    #header .leo-megamenu .navbar-header button {
        border: none;
    }

    #header .ApColumn.search-bloc {
        display: flex !important;
        position: absolute;
        bottom: 19px;
    }

    #header div#search_widget {
        display: flex !important;
    }

    #header .bottomnav .container>.inner>.ApRow:nth-child(2) {
        height: 100px;
        align-items: flex-start;
    }

    #header .bottomnav .row.ApRow {
        justify-content: center;
    }

    .off-canvas-button-megamenu {
        content: url(/img/cta-croix-carre.svg) !important;
        position: initial !important;
    }.products-section-title

    .off-canvas-nav-megamenu {
        width: 100%;
    }

    .xd-mega {
        padding: 25px 25px;
    }

    .xd-left h2 {
        font-size: 30px;
    }
.products-section-title
    .dropdown-sub.dropdown-menu .mega-col {
        padding: 0 !important;
    }

    #hero-section .slide-text,
    #explore-section,
    #click-collect-section .click-collect-text {
        padding: 40px;
    }

    #cc-steps-section .click-collect-steps {
        padding: 0 16px;
    }

    #explore-section .card-content {
        padding: 16px;
    }

    #explore-section .card-overlay p {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .xd-mega::before {
        background: transparent;
    }

    .xd-mega {
        display: block;
    }

    .xd-mega .xd-left {
        width: 100%;
    }

    .xd-mega .xd-right {
        display: block;
    }

    body #search_widget form.popup-content::before {
        content: "Rechercher un produit…" !important;
        left: 44px !important;
    }

    #hero-section {
        flex-direction: column;
    }

    #hero-section .ApRow {
        flex-direction: column;
    }

    #hero-section .slide-text,
    #hero-section .slide-image {
        min-width: 100%;
        flex: 100%;
    }

    #hero-section h1 {
        font-size: 32px;
    }

    .section-title #style1 {
        font-size: 48px;
        line-height: 50px;
    }

    .section-title #style2,
    .section-title #style3 {
        font-size: 56px;
        line-height: 49px;
    }

    #explore-section {
        padding: 40px;
        flex-direction: column;
    }

    #explore-section .card-overlay {
        width: 100%;
    }

    #explore-section .card-overlay:not(:last-child) {
        margin-bottom: 24px;
    }

    #click-collect-section {
        flex-direction: column;
    }

    #click-collect-section .click-collect-text,
    #click-collect-section .click-collect-image {
        min-width: 100%;
    }

    #hero-section .slide-image img,
    #click-collect-section .click-collect-image img {
        max-height: 70vh;
    }

    #click-collect-steps {
        flex-direction: column;
    }

    #click-collect-steps .step-card:not(:last-child)::after {
        right: 5%;
        bottom: 0;
        width: 90%;
        height: 1px;
        top: auto;
    }

  
}

/* --- CONFIGURATION PAGE category --- */
#category {
    background-color: #FFFDFA !important;
}

body#category article .thumbnail-container .product-meta {
        margin-bottom: 0px;
    }

#category #search_filter_toggler_::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/themes/child_leo_bicomart/assets/img/icone-filtre-noir.svg) no-repeat center;
    background-size: contain;
    margin-right: 8px;
}

#category #search_filter_toggler span {
    font: normal normal bold 14px/34px Lato;
    letter-spacing: 2.1px;
    color: #2B2B26;
    text-transform: uppercase;
    opacity: 1;
}

#category #content-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    background-color: #FFFDFA !important;
}

#category #js-product-list .products .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
}

#category .cat_desc .des {
    position: initial !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #254032 0% 0% no-repeat padding-box !important;
    box-shadow: 0px -3px 0px #C8A34E;
    border-radius: 0px 0px 4px 4px;
    opacity: 1;
    padding: 23px 32px 29px 24px !important
}

#category.page-category #wrapper .breadcrumb_box {
    margin-bottom: 0 !important;
}

#category.page-category #wrapper .breadcrumb_box {
    margin-bottom: 0 !important;
    height: auto;
    max-height: 330px;
}

#category.page-category #wrapper .breadcrumb_box.category {}

#category.page-category #wrapper .breadcrumb,
#cms #wrapper .breadcrumb,
#sitemap #wrapper .breadcrumb {
    margin-top: 146px;
    padding-left: 135px;
    border-top: 0.5px solid #E6E0D8;
    padding-top: 4px !important;
}

#identity #wrapper .breadcrumb,
#addresses #wrapper .breadcrumb,
#history #wrapper .breadcrumb {
    padding-left: 135px;
    margin-bottom: 7px;
}

#password #wrapper .breadcrumb,
#authentication #wrapper .breadcrumb,
#module-ets_marketplace-myseller #wrapper .breadcrumb {
    padding-left: 135px;
}

#contact #wrapper .breadcrumb {
    margin-top: 19px;
    padding-left: 135px;
    border-top: 0.5px solid #E6E0D8;
    padding-top: 4px !important;
}
#contact #page #wrapper nav.breadcrumb.hidden-sm-down ol li span {
    color: #000 !important;
}

#sitemap section#wrapper>.container,
.cms-id-1 section#wrapper>.container {
    width: 100%;
    padding: 0 120px;
}

#registration #wrapper .breadcrumb {
    margin-top: 26px;
    padding-left: 135px;
    border-top: 0.5px solid #E6E0D8;
    padding-top: 4px !important;
}

#cms section#content {
        padding: 0 !important;
}

#cms #wrapper .breadcrumb_box,
#sitemap #wrapper .breadcrumb_box {
    margin-bottom: 0px !important;
}

#module-td_alloclickncollect-clickncollect.page-category #wrapper .breadcrumb {
    margin-top: 100px;
    display: block;
    border-top: 0.5px solid #E6E0D8;
    width: 100%;
    padding-left: 135px;
    left: 0;
    padding-top: 4px !important;
}

#module-td_alloclickncollect-clickncollect.page-category #wrapper .breadcrumb[data-depth="1"] {
    display: none !important;
}

/*
#category section#wrapper .container {
    padding: 46px 80px !important;
}
*/
#category section#wrapper .breadcrumb_box .container {
    padding: 79px 80px !important;
}

#category.page-category #wrapper .breadcrumb_box h1 {
    margin-top: 0 !important;
    text-transform: initial;
    margin-bottom: 0 !important;
    line-height: 62px !important;
}

#category .breadcrumb ol li:first-child a:before,
#module-td_alloclickncollect-clickncollect .breadcrumb ol li:first-child a:before {
    content: url(/themes/child_leo_bicomart/assets/img/icone.svg) !important;
    position: relative !important;
    top: 2px;
    margin-right: 7px;
}

#wrapper nav.breadcrumb.hidden-sm-down>ol {
    background: transparent !important;
}

#page #wrapper nav.breadcrumb.hidden-sm-down ol li span {
    color: #6F7470 !important;
    font: normal normal normal 12px / 28px Lato;
    letter-spacing: 0px;
}

#page #wrapper nav.breadcrumb.hidden-sm-down ol li[itemprop="itemListElement"]:after {
    content: ">";
}
#contact #page #wrapper nav.breadcrumb.hidden-sm-down ol li[itemprop="itemListElement"]:after {
    color: #000 !important;
}

#module-td_alloclickncollect-clickncollect .breadcrumb ol li:first-child a:after {
    content: ">";
    color: #6F7470;
    margin-left: 5px;
    margin-right: 5px;
}

.allo-promo-wrapper .cat_desc .right a {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    padding: 16px 32px !important;
    position: relative !important;
    background: #C8A34E 0% 0% no-repeat padding-box;
    border-radius: 4px;
    font-size: 16px;
    font-family: var(--font-lato);
    letter-spacing: 0.8px;
    color: #FFFFFF;
    text-transform: none;
}

.allo-promo-wrapper .cat_desc .right a:hover {
    background: #B59345;
    color: #FFFFFF;
}

.thumbnail-container .product-additional {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

#products .btn-unstyle.select-title {
    background: #EFEBE1 0% 0% no-repeat padding-box !important;
    border: 1px solid #E0DDD7 !important;
    border-radius: 4px !important;
    font: normal normal normal 14px / 34px Lato !important;
    letter-spacing: 0px;
    color: #2B2B26 !important;
    opacity: 1;
    padding-left: 24px !important;
    text-transform: initial !important;
}

#category div#js-product-list-top button.btn-unstyle.select-title i:before {
    content: url(/themes/child_leo_bicomart/assets/img/icone-fleche-bas-gris.svg) !important;
    margin-left: 16px !important;
}

#category div#js-product-list-top button.btn-unstyle.select-title i {
    margin-top: 13px !important;
}

@media (min-width: 992px) {
    #category #js-product-list .products .ajax_block_product {
        width: 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
        padding: 10px !important;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    #category #js-product-list .products .ajax_block_product {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 10px !important;
    }
}

#category .filter-button {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: -1 !important;
    padding-left: 0 !important;
}

#category #search_filter_toggler_ {
    background: #EFEBE1 !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 10px 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
    z-index: 1001 !important;
    border: #E0DDD7;
}

#category #js-product-list-top.products-selection {
    position: sticky !important;
    top: 150px !important;
    padding: 12px 0px !important;
    margin-bottom: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    justify-content: space-around !important;
    z-index: 10;
}

#category #js-product-list-top .row.align-items-center {
    width: 100% !important;
}

#category .products-selection .total-products {
    display: flex;
    justify-content: center;
}

#category article.product-miniature {
    background: transparent !important;
    border-radius: 4px 4px 0px 0px!important;
    padding: 0 !important;
    border: none !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    transition: transform 0.3s ease !important;
}

#module-td_alloclickncollect-clickncollect .products-selection .total-products {
    display: flex;
    width: 25%;
}

#module-td_alloclickncollect-clickncollect .products-selection .text-right {
    display: flex;
    width: 33%;
    justify-content: right;
}

#category article.product-miniature:hover {
    /* transform: translateY(-5px) !important; */
}

#category .product_list .fav_add .wishlist {
    display: block;
}

#category .product-miniature .thumbnail-container {
    background-color: #EFEBE1 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 4px 4px 0 0 !important;
}

#category article.product-miniature .product-meta {
    background-color: #FFFFFF !important;
    padding: 15px !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 0 0 4px 4px !important;
}

#category .product-miniature .city {
    background: #DDE6DB !important;
    color: #2D4A22 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 20px !important;
    padding: 3px 12px !important;
    margin-bottom: 10px !important;
    display: none;
}

#category .product-miniature .price {
    text-align: left;
    font: normal normal normal 20px/32px Lato;
    letter-spacing: 0px;
    color: #254032 !important;
    margin-bottom: 0px !important;
}

#category .product-miniature .leo-bt-cart {
    border-radius: 50px !important;
    color: white !important;
    font-weight: 600 !important;
    margin-top: auto !important;
    border: none !important;
    padding: 10px !important;
}

#category .product-miniature .leo-bt-cart:hover {}

.thumbnail-container .cart .btn-product:hover .icon-cart:before {
    filter: none !important;
}

#category #left-column {
    position: fixed !important;
    top: 0 !important;
    left: -450px !important;
    width: 350px !important;
    height: 100vh !important;
    background: #ffffff !important;
    z-index: 100001 !important;
    transition: left 0.4s ease !important;
    box-shadow: 10px 0 40px rgba(0, 0, 0, 0.2) !important;
}

#category #left-column.active {
    left: 0 !important;
}

.sidebar-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100000;
}

.products-counter {
    margin: 0;
    font-weight: 600;
    color: #2D4A22;
    font-size: 13px;
    text-transform: none;
    letter-spacing: 0.3px;
}

@media (max-width: 767px) {
    .products-counter {
        font-size: 11px;
    }
}
#products #js-product-list .pagination {
    margin-top: 40px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#products #js-product-list .pagination .text-md-left {
    color: #8F9392 !important;
    font-size: 14px;
    margin-bottom: 15px;
    text-align: center;
}

#products #js-product-list .pagination .page-list {
    display: flex !important;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

#products #js-product-list .pagination .page-list li {
    margin: 0 5px !important;
}

#products #js-product-list .pagination .page-list li a,
#products #js-product-list .pagination .page-list li span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    background-color: transparent !important;
    border: 1px solid #DAD9D1 !important;
    border-radius: 4px !important;
    color: #8F9392 !important;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

#products #js-product-list .pagination .page-list li.current a,
#products #js-product-list .pagination .page-list li.current span {
    background-color: #6E6E60 !important;
    border-color: #6E6E60 !important;
    color: #F3F1EC !important;
}

#products #js-product-list .pagination .page-list li a.previous,
#products #js-product-list .pagination .page-list li a.next {
    border: none !important;
    background: none !important;
}

#products #js-product-list .pagination .page-list li a.previous i,
#products #js-product-list .pagination .page-list li a.next i {
    font-size: 20px;
    color: #8F9392;
}

#products #js-product-list .pagination .page-list li a span {
    display: none !important;
}

#products #js-product-list .pagination .page-list li a:hover:not(.previous):not(.next):not(.disabled) {
    border-color: #6E6E60 !important;
    color: #6E6E60 !important;
}

#products #js-product-list .pagination .page-list li a.previous:hover i,
#products #js-product-list .pagination .page-list li a.next:hover i {
    color: #6E6E60;
}

#products .allo-promo-wrapper {
    padding: 10px 0 25px 0;
    width: 100%;
    clear: both;
    position: relative;
}

#products .des.st3 .left h2 {
    color: #FFFFFF !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.1;
}

#products .des.st3 .left h2 .txt {
    display: block;
    color: #C5A059 !important;
    font-size: 19px !important;
    font-weight: 400 !important;
}

#products .des.st3 .left .promo {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

#products .des.st3 .left .promo .val {
    font-size: 40px !important;
    font-weight: 900 !important;
    margin-right: 15px;
}

#products .des.st3 .left .promo .det {
    font-size: 13px !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
    font-weight: 600;
}

#category #js-product-list {
    margin-top: 10px;
}

#category {
    background-color: #FFFDFA !important;
}

#category #js-product-list-top.products-selection {
    position: sticky !important;
    top: 10px !important;
    padding: 12px 0px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    width: 100% !important;
    clear: both !important;
    justify-content: space-around !important;
}

#products .allo-promo-wrapper {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    padding: 0 0 25px 0 !important;
    position: relative !important;
}

#products .des.st3 .left h2 {
    color: #FFFFFF !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    margin: 0 !important;
}

#products .des.st3 .left h2 .txt {
    display: block;
    color: #C5A059 !important;
    font-size: 19px !important;
    font-weight: 400 !important;
}

#products .des.st3 .left .promo .val {
    font-size: 40px !important;
    font-weight: 900 !important;
}

#category #js-product-list {
    clear: both !important;
    margin-top: 10px !important;
}

#category,
#category #wrapper,
#category #content-wrapper {
    background-color: #FFFDFA !important;
}

#category #js-product-list-top.products-selection {
    position: sticky !important;
    top: 10px !important;
    padding: 12px 0px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    justify-content: space-around !important;
}

#category #search_filter_toggler_ {
    background: #EFEBE1 !important;
    color: #2B2B26 !important;
    border-radius: 4px !important;
    padding: 8px 20px !important;
    font-weight: 700 !important;
    border: 1px solid #E0DDD7 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.products-counter {
    margin: 0;
    font: normal normal normal 14px / 17px Lato !important;
}

.products-counter .current-count {
    color: #201A14 !important;
}

.products-counter .total-count {
    color: #8D8D8D !important;
}

.sort-by-wrapper .sort-label {
    margin-right: 5px;
    font: normal normal bold 14px / 34px Lato;
    letter-spacing: 2.1px;
    color: #2B2B26;
    text-transform: uppercase;
    opacity: 1;

}

.sort-by-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.products-sort-order .dropdown-menu {
    width: 100% !important;
    right: 0px !important;
    max-width: calc(100% - 16px);
}

.products-sort-order .dropdown-menu a {
    border-radius: 0 !important;
}

.products-sort-order .select-list:hover {
    background: #2D4A22;
}

#category div#js-product-list-top .products-sort-order.dropdown {
    width: auto;
    padding-right: 0;
}

#category .products-selection .sort-by {
    display: none;
}

.products-sort-order .select-title {
    background: #EFEBE1 !important;
    border: 1px solid #E0DDD7 !important;
    border-radius: 4px !important;
    padding: 8px 15px !important;
    width: max-content !important;
    color: #2D4A22 !important;
}

#category #left-column {
    position: fixed !important;
    top: 0;
    left: -450px;
    width: 380px !important;
    height: 100vh;
    background: #FFFFFF !important;
    z-index: 100001;
    transition: left 0.4s ease;
}

#category #left-column.active {
    left: 0 !important;
}

#search_filters .facet {
    border-bottom: 1px solid #F0F0F0 !important;
}

#search_filters .facet-title {
    background: #254032 !important;
    color: #FFFFFF !important;
    padding: 10px 15px !important;
    border-radius: 4px;
    font-size: 12px !important;
    text-transform: uppercase;
}

.js-search-filters-clear-all {
    color: #6F7470 !important;
    font-weight: 600 !important;
}

#category .facet p.facet-title img {
    float: right;
    cursor: pointer;
    transition: transform 0.3s;
    transform: rotate(-180deg);
    margin-top: 13px;
}

#category .facet.closed p.facet-title img {
    transform: rotate(0deg);
}

#category .facet.closed ul {
    display: none !important;
}

@media (min-width: 992px) {
    #category .ajax_block_product {
        width: 25% !important;
        flex: 0 0 25% !important;
        padding: 10px !important;
    }
}

#products #js-product-list .pagination .page-list li.current a {
    background-color: #6E6E60 !important;
    color: #F3F1EC !important;
    border-radius: 4px;
}

article .thumbnail-container h3.h3.product-title {
    margin-bottom: 0 !important;
    background: #FFFFFF !important;
}

#category .thumbnail-container .product-title {
    margin-top: 0;
}

#category .thumbnail-container .product-title a {
    padding-top: 16px;
    text-align: center;
    font: normal normal normal 24px/28px Playfair !important;
    letter-spacing: 0px;
    color: #201A14 !important;
    opacity: 1;
}

.name-btn-product {
    display: none !important;
}

.icon-btn-product.icon-cart.icomoon.shopping-cart {
    display: block !important;
}

/* --- 1. SUPPRESSION DU BLOC CATÉGORIES EN DOUBLE --- */
#category #left-column .block-categories {
    display: none !important;
    /* On cache le bloc de catégories statique pour ne garder que le filtre */
}

/* --- 2. FORCER LE MODE MOBILE SUR PC --- */
@media (min-width: 992px) {

    /* On transforme la colonne fixe en sidebar coulissante */
    #category #left-column {
        position: fixed !important;
        top: 0 !important;
        left: -450px !important;
        /* Masquée par défaut */
        width: 380px !important;
        height: 100vh !important;
        background: #FFFFFF !important;
        z-index: 100001 !important;
        transition: left 0.4s ease !important;
        box-shadow: 10px 0 40px rgba(0, 0, 0, 0.2) !important;
        padding: 0 !important;
        overflow-y: auto !important;
    }

    /* Activation lors du clic */
    #category #left-column.active {
        left: 0 !important;
    }

    /* On force la zone produit à prendre 100% de la place sur PC */
    #category #content-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* Affichage des boutons de contrôle (Fermer, Tout effacer, Confirmer) sur PC */
    #category #left-column #search_filter_controls,
    #category #left-column .hidden-md-up {
        display: flex !important;
        visibility: visible !important;
                flex-direction: row !important;
    }

    /* Style du bouton Fermer (X) sur PC */
    #category #left-column .title_block img {
        display: block !important;
        cursor: pointer !important;
        float: right;
    }
}

/* --- 3. DESIGN DES FILTRES (HARMONISATION) --- */
#category #left-column .facet .facet-title {
    background: transparent !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    font: normal normal bold 14px / 34px Lato;
    letter-spacing: 2.1px;
    color: #2B2B26 !important;
    opacity: 1;
}

#category #left-column .js-search-filters-clear-all {
    color: #6F7470 !important;
    border: 1px solid #DAD9D1 !important;
    background: #fff !important;
    border-radius: 4px !important;
    padding: 16px 28px !important;
    font: normal normal normal 16px / 26px Lato;
    letter-spacing: 0.8px;
    opacity: 1;
    margin: 0;
}

#category #left-column .btn-secondary.search {
    background: #2D4A22 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px !important;
    font-weight: 700 !important;
}

@media (min-width: 992px) {
    #category #left-column .block-categories {
        display: none !important;
    }

    #category #left-column #search_filters_wrapper {
        display: block !important;
    }

    #category #left-column {
        position: fixed !important;
        left: -450px !important;
        visibility: hidden;
    }

    #category #left-column.active {
        left: 0 !important;
        visibility: visible !important;
    }
}

@media (min-width: 992px) {
    #category #left-column .block-categories {
        display: none !important;
    }

    #category #left-column {
        position: fixed !important;
        top: 0 !important;
        left: -450px !important;
        width: 380px !important;
        height: 100vh !important;
        background: #FFFFFF !important;
        z-index: 100001 !important;
        transition: left 0.4s ease !important;
        box-shadow: 10px 0 40px rgba(0, 0, 0, 0.2) !important;
        padding: 0 !important;
        overflow-y: auto !important;
        visibility: visible !important;
    }

    #category #left-column.active {
        left: 0 !important;
    }

    #category #content-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    #category #left-column #search_filter_controls,
    #category #left-column .hidden-md-up {
        display: flex !important;
        visibility: visible !important;
    }

    #category #left-column .title_block img {
        display: block !important;
        cursor: pointer !important;
        float: right;
    }

    #category #left-column #search_filter_controls {
        position: sticky !important;
        bottom: 0 !important;
        background: #fff !important;
        padding: 20px !important;
        border-top: 1px solid #DAD9D1 !important;
        display: flex !important;
        justify-content: space-between !important;
        gap: 10px !important;
        z-index: 10 !important;
    }
}


#category #left-column .btn-secondary.search {
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px !important;
    background: #254032 0% 0% no-repeat padding-box !important;
    opacity: 1;
    font: normal normal normal 16px / 21px Lato !important;
    letter-spacing: 0.8px;
    opacity: 1;
    text-transform: initial;
    font-weight: 600 !important;
}

#category.page-category .sidebar .block {
    border-radius: 0px !important;
}

@media (min-width: 992px) {
    #category #left-column .block-categories {
        display: none !important;
    }

    #category #left-column {
        position: fixed !important;
        top: 0 !important;
        left: -460px !important;
        width: 460px !important;
        height: 100vh !important;
        background: #FFFFFF !important;
        z-index: 100001 !important;
        transition: left 0.4s ease !important;
        padding: 0 !important;
        box-shadow: 10px 0 30px rgba(0, 0, 0, 0.1) !important;
        display: block !important;
    }

    #category #left-column.active {
        left: 0 !important;
    }

    #category #content-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
    }

    #category #left-column #search_filter_controls,
    #category #left-column .hidden-md-up {
        display: flex !important;
        visibility: visible !important;
    }

    #category #left-column .hidden-md-up {
        display: none !important;
    }

    #category #left-column #search_filter_controls {
        position: absolute !important;
        bottom: 0 !important;
        width: 100% !important;
        background: #fff !important;
        padding: 20px !important;
        border-top: 1px solid #DAD9D1 !important;
        z-index: 10 !important;
    }

    #category #left-column .title_block img {
        display: block !important;
        cursor: pointer !important;
        float: right !important;
        margin-top: -5px;
    }
}

#category #left-column {
    display: flex;
    flex-direction: column;
}

#category #left-column #search_filters_wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#category #left-column #search_filters .title_block img {
    width: 46px;
    cursor: pointer;
}

#category #left-column #search_filters {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}

#category #left-column #search_filters .block_content {
    flex: 1;
    overflow-y: auto;
    padding: 15px 20px;
}

#category #left-column #search_filters .facet {
    margin-bottom: 25px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}

#category #left-column #search_filters .facet-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #777;
    margin-bottom: 10px;
}

#category #left-column #search_filters ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#category #left-column #search_filters .facet > ul {
    padding: 0px 17px !important;
}

#category #left-column #search_filters .facet > ul > li {
    padding-left: 23px;
}

#category #left-column #search_filters .facet > ul > li:hover {
    background: #EFEBE1 0% 0% no-repeat padding-box;
}

#category #left-column #search_filters .facet > ul.faceted-slider > li,
ul.faceted-slider li {
    background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255) !important;
}

#category #left-column #search_filters .facet > ul.faceted-slider > li:hover {
    background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255) !important;
}

#category #left-column #search_filters .facet > ul > li a {
    font: normal normal normal 16px / 34px Lato;
    letter-spacing: 0px;
    color: #2B2B26;
}

#category #left-column #search_filters .facet-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    margin-bottom: 8px;
}

#category #left-column #search_filters .custom-checkbox input {
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
}

#category #left-column #search_filters .custom-checkbox input:checked {
    background: #1b4d3e;
    border-color: #1b4d3e;
}

#category #left-column #search_filters .custom-checkbox input:checked::after {
    content: "✓";
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: -1px;
    left: 3px;
}

#category #left-column #search_filters .magnitude {
    color: #999;
    font-size: 12px;
}

#category #left-column #search_filters .ui-slider {
    height: 3px;
    background: #ddd;
    border-radius: 2px;
    margin-top: 10px;
}

#category #left-column #search_filters .ui-slider-range {
    background: #1b4d3e;
}

#category #left-column #search_filters .ui-slider-handle {
    width: 14px;
    height: 14px;
    background: #1b4d3e;
    border-radius: 50%;
    top: -6px;
    border: none;
}

#category #left-column #search_filters [id^="facet_label_"] {
    font-size: 12px;
    color: #666;
    margin-bottom: 10px;
}

.products-sort-order .select-title {
    display: flex !important;
    min-width: 183px !important;
    padding: 7px 15px !important;
}

#category #left-column #search_filter_controls .search {
    background: #1b4d3e;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 4px;
    width: 50%;
}

@media (max-width: 768px) {

    #category #left-column {
        position: fixed !important;
        top: 0;
        left: -100%;
        width: 85%;
        height: 100%;
        z-index: 9999;
        background: #f5f5f5;
        transition: 0.3s;
    }

    #category #left-column.active {
        left: 0;
    }

    body.filter-open::after {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 9998;
    }

    #category #left-column #search_filter_controls {
        position: relative !important;
    }
}

.price-range-inputs {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 10px 0 15px;
}

.price-range-inputs input {
  width: 25%;
  padding: 10px;
  background: #eae7df;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  text-align: center;
  color: #333;
  font-weight: 500;
}

.separator {
  display: none;
}

.external-clear {
  margin-left: 10px;
}

.external-clear button {
  background: none;
  border: none;
  color: #888;
  text-decoration: underline;
  cursor: pointer;
}

.active-filters {
  display: flex;
  gap: 8px;
  margin: 10px 0;
}

.filter-tag {
  background: #1b4d3e;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
}
.sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 9998;
}

.sidebar-overlay.active {
  opacity: 1;
  visibility: visible;
}

#category #left-column.active {
  z-index: 9999;
}

#category #left-column .price-range-inputs {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 0 14px;
}

#category #left-column .price-range-inputs input {
  width: calc(50% - 5px);
  height: 36px;
  border: none;
  border-radius: 3px;
  background: #ece9de;
  color: #7a796f;
  font-size: 12px;
  text-align: center;
  box-shadow: none;
  padding: 0 8px;
}

#category #left-column .price-range-inputs .separator {
  color: #9d9b91;
  font-size: 14px;
}

#category #left-column #search_filter_controls .search {
  min-width: 170px;
}

#active-filters-container {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 18px 0 24px;
}

#active-filters-container #js-active-search-filters {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

#active-filters-container #js-active-search-filters .active-filter-title {
  display: none;
}

#active-filters-container #js-active-search-filters ul {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

#active-filters-container #js-active-search-filters li.filter-block {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #1d5a43;
  color: #fff;
  border-radius: 4px;
  padding: 7px 12px;
  font-size: 14px;
  line-height: 1;
}

#active-filters-container #js-active-search-filters li.filter-block a {
  color: #fff;
  display: inline-flex;
  align-items: center;
}

#active-filters-container .external-clear-all {
  background: transparent;
  border: none;
  color: #9a988f;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}

#category #left-column #search_filters .facet-label.active a {
  color: #1d5a43;
  font-weight: 600;
}
/** click&collect */
.stepclickcollect-section {
  padding: 80px;
      padding-top: 0px;
}

.stepclickcollect-step:not(:first-child)::after {
    content: "";
    position: absolute;
    left: -25px;
    bottom: 0;
    transform: translateY(-25%);
    height: 60px;
    width: 1px;
    background: #D3D2C6;
}

.stepclickcollect-subtitle {
 font-size: 12px;
    letter-spacing: 2px;
    font-family: 'Lato', sans-serif;
    color: #C8A34E;
    margin-bottom: 10px;
}

.stepclickcollect-title {
font-size: 48px;
    margin-bottom: 37px;
    font-family: 'Playfair Display', serif;
    color: #2B2B26;
    font-weight: lighter;
}

.stepclickcollect-steps {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}

.stepclickcollect-step {
  flex: 1;
  position: relative;
  max-width: 365px;
}


.stepclickcollect-icon {
 margin-bottom: 17px;
}


.stepclickcollect-step-title {
    font-size: 24px;
    margin-bottom: 10px;
    color: #2B2B26;
    font-family: var(--font-playfair);
    line-height: 31px;
    font-weight: 400;
}
.stepclickcollect-step-text {
    font-size: 16px;
    color: #58635E;
    line-height: 24px;
    font-family: var(--font-lato);
}
.clc_txt {
    background: #FFFFFF !important;
}


.pageclickcollect-benefits-grid {
    margin: 0px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.pageclickcollect-benefit-item:nth-child(odd) {
  background: #EFEBE1;
}

.pageclickcollect-benefit-item:nth-child(even) {
  background: #FAF9F7;
}
.pageclickcollect-benefit-item {
height: 201px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pageclickcollect-benefit-item:last-child {
  border-right: none;
}

.pageclickcollect-benefit-title {
    margin: 0 0 16px;
    font-family: var(--font-playfair);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    color:#C8A34E;
}

.pageclickcollect-benefit-text {
    margin: 0;
    font-family: var(--font-lato);
    font-size: 16px;
    line-height: 1.5;
    color: #58635E;
}
.pageclickcollect-faq {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 60px;

}

.pageclickcollect-faq-item {
  padding: 40px 30px;
  border-right: 1px solid #ddd8cf;
  border-bottom: 1px solid #ddd8cf;
}

.pageclickcollect-faq-item:nth-child(2n) {
  border-right: none;
}

.pageclickcollect-faq-item:nth-last-child(-n+2) {
  border-bottom: none;
}

.pageclickcollect-faq-question {
  font-family: var(--font-playfair);
  font-size: 26px;
  font-weight: 400;
  color: #2d2d2d;
  margin-bottom: 15px;
}

.pageclickcollect-faq-answer {
  font-family: var(--font-lato);
  font-size: 16px;
  color: #6f7672;
  line-height: 1.6;
}
body#module-td_alloclickncollect-clickncollect #main .breadcrumb_box.category {    
    background: none !important;
    background-size: cover !important;
    height: 100% !important;
    margin-bottom: 0 !important;

}
body#module-td_alloclickncollect-clickncollect form#searchForm {
    align-items: center;
    padding: 40px 0px !important;
}
body[id^=module-td_alloclickncollect] #wrapper .breadcrumb_box nav.breadcrumb {
    padding-top: 0px !important;
}
body#module-td_alloclickncollect-clickncollect .right_c {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
body#module-td_alloclickncollect-clickncollect #main form#searchForm {
    background: #254032 !important;
    width: 100% !important;
    margin: 183px 59px 80px !important;
    border-radius: 0px !important;
    padding: 0px !important;
}
.left_c {
 
    margin: 80px ;
}
.left_c .main-title {
    color: #F3F1EC !important;
    margin-bottom:24px;
}
body[id^=module-td_alloclickncollect] form#searchForm input#searchInput {
    height: 48px;
    background-color: #EFEBE1 !important;
    border: 0.5px solid #E0DDD7;
    border-radius: 0px;
    padding: 26px 16px;
    font-size: 12px;
    font-family: var(--font-lato);
    font-weight: 500;
    color: #A0A7B1;
    margin-right: 8px;
}
.left_c .stepclickcollect-step-text {
        color: #BEC6C2;
        margin-bottom:40px;
}
.blocclickncollect {
  height: 637px;
  display: grid;
    grid-template-columns: 1fr 1fr;
}
.blocclickncollectsearch {
    z-index: 2;
    position: relative;
    border: 1px solid #F1EEE6;
    border-top: 4px solid #C8A34E;
    background: white;
    padding: 32px;
    border-radius: 0 0 4px 4px;
}
.blocclickncollectsearch .txt {
    color:#2B2B26 !important;
    font-size: 20px;
    font-family: var(--font-playfair);
}
body[id^=module-td_alloclickncollect] form#searchForm input[type="submit"], 
body[id^=module-td_alloclickncollect] form#searchForm #rechercher{
  background: #234b3f;
  color: #ffffff;
  border: none;
  border: none;
  padding: 16px 27px;
  border-radius: 4px;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  position: absolute;
}
body[id^=module-td_alloclickncollect] form#searchForm #rechercher{
    color: #F3F1EC !important;
    text-align: left;
    font-size: 18px !important;
    font-family: var(--font-lato);
    letter-spacing: 0.36px;
    color: #F3F1EC;
}
#rechercher::before {
  content: "";
  display: inline-block; 
    width: 12px;
    height: 12px;
  margin-right: 8px;

  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.5' y2='16.5'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}
/* Hover */
 body[id^=module-td_alloclickncollect] form#searchForm #rechercher:hover {
  background: #1b3a31;
}

/* Active (click effect) */
 body[id^=module-td_alloclickncollect] form#searchForm #rechercher:active {
  transform: scale(0.97);
}

/* Optional: full height align with input */
.clickcollect-search #rechercher {
  height: 100%;
}
body[id^=module-td_alloclickncollect] form#searchForm #rechercher {
      top: 0px;
    display: flex;
    right: 0px;
    align-items: center; 
}
.blocclickncollect .right_c img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
  max-height: 637px;
}
.clickcollect-location-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 0;
    background: none;
    border: none;
    font-size: 12px;
    cursor: pointer;
    color: #254032;
    font-family: var(--font-lato);
}

/* icon */
.clickcollect-location-btn .icon-location {
  width: 16px;
  height: 16px;

  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f5c4f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2L15 22L11 13L2 9L22 2Z'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
}

/* hover */
.clickcollect-location-btn:hover {
  text-decoration: underline;
}
.td_alloclickncollect_day label {
    border: 1px solid #DBD9D1;
    border-radius: 24px;
    padding: 12px 21px;
    letter-spacing: 0px;
    color: #6F7470;
    font-family: var(--font-lato);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}
.submit_btns.showin_step_2 button, .blocclickncollectsearch .submit_btns button
{
    background: #254032;
    font-family: var(--font-lato);
    font-weight: 500;
    text-transform: uppercase;
    color: #F3F1EC;
    line-height: 18px;
    font-size: 12px;
    padding: 17px 20px;
    border-radius: 4px;
    height: auto;
    font-weight: 400;
    width: 100%;
    box-shadow: none;
    border: 0;
    margin-top: 24px;
    cursor: pointer;
}
.blocclickncollect .right_c img:hover {
    filter: brightness(0.8);
}
select.select_time {
    border-radius: 24px !important;
        font-family: var(--font-lato) !important;
}
#module-td_alloclickncollect-clickncollect .ApColumn .block {
    margin-bottom: 0px;
}
.pageclickcollect-benefits {
    margin-bottom: 80px;
}
/* Responsive */
@media (max-width: 767px) {
        body#module-td_alloclickncollect-clickncollect.page div form#searchForm {
        padding: 0px !important;
        width: 100% !important;
    }
    .stepclickcollect-steps {
    flex-direction: column;
}
.left_c {
    margin: 24px;
}
body#module-td_alloclickncollect-clickncollect form#searchForm {
    margin-bottom: 24px;
}
.stepclickcollect-section {
    padding: 24px;
    padding-top: 0px;
}
.pageclickcollect-benefits {
    margin-bottom: 24px;
}
.pageclickcollect-faq-item {
    padding: 24px; 
}
.pageclickcollect-faq-question {
        font-size: 20px;
}
.stepclickcollect-step::after {
    content: "";
    position: absolute;
    left: -25px;
    bottom: 0;
    transform: translateY(-25%);
    height: 60px;
    width: 1px;
    background: #D3D2C6;
}
  .pageclickcollect-faq {
    grid-template-columns: 1fr;
  }

  .pageclickcollect-faq-item {
    border-right: none;
  }

  .pageclickcollect-faq-item:nth-last-child(-n+2) {
    border-bottom: 1px solid #ddd8cf;
  }

  .pageclickcollect-faq-item:last-child {
    border-bottom: none;
  }
}
@media (max-width: 991px) {
  .pageclickcollect-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .pageclickcollect-benefit-item:nth-child(2) {
    border-right: none;
  }

  .pageclickcollect-benefit-item:nth-child(-n+2) {
    border-bottom: 1px solid #ddd8cf;
  }
      body#module-td_alloclickncollect-clickncollect.page div form#searchForm {
        width: 100% !important;
        padding: 0px !important;
    }
}

@media (max-width: 767px) {
    .blocclickncollect {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
}
  .pageclickcollect-benefits-grid {
    grid-template-columns: 1fr;
  }

  .pageclickcollect-benefit-item {
    min-height: auto;
    padding: 32px 20px;
    border-right: none;
    border-bottom: 1px solid #ddd8cf;
  }

 

  .pageclickcollect-benefit-title {
    font-size: 28px;
    margin-bottom: 18px;
  }

  .pageclickcollect-benefit-text {
    font-size: 16px;
  }
}
/* Custom Faceted Search Controls */
#search_filter_controls {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    background: #fff;
    border-top: 1px solid #ebebeb;
    position: sticky;
    bottom: 0;
    z-index: 10;
    margin: 0 -15px;
}

#search_filter_controls .search {
    width: 100%;
    background-color: #254032;
    border-color: #254032;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding: 12px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

#search_filter_controls .search:hover {
    background-color: #1C3126;
}

#search_filter_controls .js-search-filters-clear-all {
    width: 100%;
    text-align: center;
    color: #C8A34E;
    background: none;
    border: none;
    text-decoration: underline;
    cursor: pointer;
}

#search_filter_controls .js-search-filters-clear-all:hover {
    color: #B59345;
}

#search_filter_controls .hidden {
    display: none !important;
}

@media (min-width: 992px) {
    #search_filter_controls {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        margin: 20px 0 0 0;
        border-top: none;
    }
}


#category #left-column {
  transition: transform 0.3s ease;
}

#category #left-column.active {
  transform: translateX(0);
}

.sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 999;
  display: none;
}

.sidebar-overlay.active {
  display: block;
}

#search_filter_controls {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 15px;
  border-top: 1px solid #eee;
  z-index: 10;
}

#search_filter_controls .search {
  width: 100%;
  background: #1f4d3c;
  color: #fff;
  border: none;
  padding: 12px;
  font-weight: 600;
  border-radius: 6px;
}

#search_filter_toggler_ {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}

#active-filters-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.external-clear-all {
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
}

#search_filters label.facet-label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

#search_filters label.facet-label.active {
  font-weight: 600;
}

.price-range-inputs {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.price-range-inputs input {
  width: 70px;
  text-align: center;
  border: 1px solid #ddd;
  padding: 5px;
}

#category #left-column {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  transform: translateX(-100%) !important;
  width: 460px !important;
  max-width: calc(100vw - 24px) !important;
  height: 100vh !important;
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  border: 1px solid #DAD9D1;
  z-index: 100001 !important;
  box-shadow: 10px 0 30px rgba(0, 0, 0, 0.12) !important;
  transition: transform 0.3s ease !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

#category #left-column.active {
  transform: translateX(0) !important;
}

.sidebar-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: #000000 0% 0% no-repeat padding-box !important;  
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.25s ease, visibility 0.25s ease !important;
  z-index: 100000 !important;
  display: block !important;
}

.sidebar-overlay.active {
  opacity: 0.7 !important;
  visibility: visible !important;
}

#category #left-column #search_filters_wrapper {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

#category #left-column #search_filters {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

#category #left-column #search_filters .title_block {
  display: block !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 40px !important;
  border-bottom: 1px solid #e6e1d8 !important;
  margin: 0 !important;
  font: normal normal 300 32px/38px Playfair !important;
  color: #201a14 !important;
  text-transform: none !important;
  letter-spacing: 0px;
}

#category #left-column #search_filters .title_block .filter-title1,
#category #left-column #search_filters .title_block .filter-title2 {
  font: normal normal 300 32px/38px Playfair !important;
  color: #201a14 !important;
  text-transform: none !important;
  letter-spacing: 0px;
  display: block;
  width: 100%;
}
#category #left-column #search_filters .title_block .filter-title2 {
    font: italic normal 300 32px/38px Playfair !important;
}

#category #left-column #search_filters .title_block img {
  width: 46px !important;
  height: 46px !important;
  cursor: pointer !important;
  flex: 0 0 36px !important;
  margin-left: 16px !important;
    position: absolute;
    top: 40px;
    right: 40px;
}

#category #left-column #search_filters .block_content {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  padding: 0 !important;
}

#category #left-column #search_filters .facet {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #e6e1d8 !important;
  background: transparent !important;
}

#category #left-column #search_filters .facet:last-child {
  border-bottom: 0 !important;
}

#category #left-column #search_filters .facet-title {
  margin: 0px !important;
  padding: 22px 40px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font: normal normal bold 14px/34px Lato !important;
  letter-spacing: 2.1px !important;
  color: #2B2B26 !important;
  text-transform: uppercase !important;
  text-align: left;
  opacity: 1;
  cursor: pointer;
}

#category #left-column #search_filters .facet-title:hover {
    background: #EFEBE1 0% 0% no-repeat padding-box !important;
}

#category #left-column #search_filters .facet-label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font: normal normal normal 14px/20px Lato !important;
  color: #3d403b !important;
}

#category #left-column #search_filters .facet-label a {
  color: #2B2B26 !important;
  text-decoration: none !important;
}

#category #left-column #search_filters .magnitude {
  color: #8e918c !important;
  font-size: 12px !important;
}

#category #left-column #search_filters .custom-checkbox input {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  border: 1px solid #d8d3c8 !important;
  border-radius: 2px !important;
  background: #fff !important;
  position: relative !important;
  cursor: pointer !important;
  margin: 0 !important;
  display: none;
}

#category #left-column #search_filters .custom-checkbox input:checked {
  background: #254032 !important;
  border-color: #254032 !important;
}

#category #left-column #search_filters .custom-checkbox input:checked::after {
  content: "" !important;
  position: absolute !important;
  left: 4px !important;
  top: 1px !important;
  width: 4px !important;
  height: 8px !important;
  border: solid #fff !important;
  border-width: 0 1.5px 1.5px 0 !important;
  transform: rotate(45deg) !important;
}

#category #left-column #search_filters .facet-label.active a,
#category #left-column #search_filters .facet-label:hover a {
  color: #254032 !important;
}

#category #left-column .price-range-inputs {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 10px 0 14px !important;
}

#category #left-column .price-range-inputs input {
  width: calc(50% - 6px) !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #ece8de !important;
  color: #7d7b73 !important;
  font: normal normal bold 12px/34px Lato !important;
  text-align: center !important;
  padding: 0 8px !important;
  box-shadow: none !important;
}

#category #left-column .price-range-inputs .separator {
  display: block !important;
  color: #9a988f !important;
  font-size: 14px !important;
}

#category #left-column #search_filter_controls .js-search-filters-clear-all {
  flex: 1 1 42% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px 10px !important;
  border: 1px solid #d8d3c8 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #8a8c86 !important;
  text-decoration: none !important;
  font: normal normal normal 14px/20px Lato !important;
  text-align: center !important;
}

#category #left-column #search_filter_controls .search {
  flex: 1 1 58% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #254032 !important;
  color: #fff !important;
  font: normal normal bold 14px/20px Lato !important;
  text-transform: none !important;
  box-shadow: none !important;
}

#category .filter-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

#module-td_alloclickncollect-clickncollect .filter-button {
    /*display: none;*/
}

#category #search_filter_toggler_ {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  padding: 17px 24px !important;
  border: 1px solid #e0ddd7 !important;
  border-radius: 4px !important;
  background: #efebe1 !important;
}
#category #search_filter_toggler_:hover{
    border: 1px solid #E0DDD7;
    background-color: #FFFDFA !important;
}

#search_filter_toggler_::after {
    content: "0";
    width: 18px;
    height: 18px;
    background-color: #C8A34E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 12px;
    letter-spacing: 0px;
    color: #2B2B26;
    text-align: center;
    margin-left: 10px;
}

#active-filters-container {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
}

#active-filters-container #js-active-search-filters ul {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#active-filters-container #js-active-search-filters li.filter-block {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 12px !important;
  padding-right: 25px !important;
  border-radius: 4px !important;
  background: #254032 !important;
  color: #fff !important;
  font: normal normal bold 14px/18px Lato !important;
}

#active-filters-container #js-active-search-filters li.filter-block a {
  color: #fff !important;
  text-decoration: none !important;
}

#active-filters-container .external-clear-all {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: #8f918c !important;
  text-decoration: underline !important;
  font: normal normal normal 14px/18px Lato !important;
  cursor: pointer !important;
}

@media (max-width: 767px) {
  #category #left-column {
    width: min(344px, calc(100vw - 20px)) !important;
  }

  #category #left-column #search_filters .title_block {
    padding: 24px 20px 18px !important;
    font-size: 26px !important;
    line-height: 30px !important;
  }

  #category #left-column #search_filter_controls {
    padding: 14px !important;
  }

  #category #left-column #search_filter_controls .js-search-filters-clear-all,
  #category #left-column #search_filter_controls .search {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    font-size: 13px !important;
  }
}
div#_desktop_search_filters_clear_all,
#category #left-column .external-clear-all {
  display: none !important;
}

#category #left-column #search_filter_controls {
  position: absolute !important;
  bottom: 0 !important;
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  border: 1px solid #DAD9D1;
  padding: 24px 40px !important;
  border-top: 1px solid #e6e1d8 !important;
  z-index: 20 !important;
  display: flex !important;
  gap: 16px !important;
}

#category #left-column #search_filter_controls .js-search-filters-clear-all {
  flex: 1;
  background: #fff !important;
  border: 1px solid #ddd !important;
  color: #777 !important;
  padding: 12px !important;
}

#category #left-column #search_filter_controls .search {
  flex: 1;
  background: #254032 !important;
  color: #fff !important;
  padding: 12px !important;
}

#js-active-search-filters .filter-block:has(.active-filter-title:contains("Prix")),
#js-active-search-filters li:has(.active-filter-title:contains("Prix")) {
  display: none !important;
}
#js-active-search-filters.active_filters{
    background: transparent !important;
    padding-left: 0;
}

.faceted-slider {
  display: block !important;
  visibility: visible !important;
}

.price-range-inputs {
  display: flex !important;
}

/* CSS Page qui sommes nous */

/* SECTION */
.ae-about-hero {
  position: relative;
  padding: 80px 40px 80px;
  overflow: hidden;
}

.ae-block1 .ApColumn{
    padding-left: 0;
    padding-right: 0;
}

/* IMAGE BACKGROUND */
.ae-about-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* OVERLAY VERT */
.ae-about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #254032;
  opacity: 0.8;
  z-index: 1;
}

/* CONTENU */
.ae-about-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

/* SOUS TITRE */
.ae-about-subtitle {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: 4.32px;
  text-transform: uppercase;
  color: #C8A34E;
  margin-bottom: 5px;
}

/* GRAND TITRE */
.ae-about-title {
  font-family: 'Playfair Display', serif;
  font-size: 64px;
  line-height: 62px;
  font-weight: 300;
  color: #F3F1EC;
  margin: 0 0 35px;
}

/* TEXTES */
.ae-about-text {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #BEC6C2;
  max-width: 860px;
  margin: 0 auto 25px;
}

/* ESPACE 2EME TEXTE */
.ae-about-text-second {
  margin-bottom: 15px;
}

/* TEXTE JAUNE */
.ae-about-highlight {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-style: italic;
  color: #C8A34E;
}

.ae-about-block2 .ApColumn .block,
.ae-about-bold,
.ae-block1 .ApColumn .block{
    margin-bottom: 0;
}
/* RESPONSIVE */
@media (max-width: 991px) {
  .ae-about-title {
    font-size: 46px;
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  .ae-about-hero {
    padding: 40px 20px;
  }

  .ae-about-heading-span{
    font-size: 32px !important;
  }

  .ae-about-title {
    font-size: 32px;
    line-height: 38px;
  }

  .ae-about-text,
  .ae-about-highlight {
    font-size: 16px;
    line-height: 26px;
  }

  .ae-about-subtitle {
    line-height: 24px;
  }
}

.ae-about-block2 {
  background: #F3F1EC;
  padding: 80px 20px;
  display: flex;
}

.ae-about-block2 .row {
  max-width: 1200px;
  margin: 0 auto;
}

.ae-about-block2-left {
  padding-right: 40px;
}

.ae-about-label {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  line-height: 64px;
  font-weight: 500;
  letter-spacing: 4.32px;
  text-transform: uppercase;
  color: #C8A34E;
}

.ae-about-heading {
  font-family: 'Playfair Display', serif;
  font-size: 48px;
  line-height: 50px;
  font-weight: 300;
  color: #2B2B26;
  text-align: left;
}
.ae-about-heading-span{
  font-family: 'Playfair Display', serif;
  font-size: 48px;
  line-height: 50px;
  font-weight: 300;
  color: #2B2B26;
  text-align: left;
  font-style: italic;
}

.ae-about-heading em {
  font-style: italic;
}

.ae-about-block2-right {
  padding-left: 40px;
}

.ae-about-intro {
  position: relative;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-style: italic;
  color: #58635E;
  margin-bottom: 25px;
  padding-left: 20px;
}

.ae-about-intro::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 3px;
  height: 80%;
  background: #C8A34E;
}

.ae-about-paragraph {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #58635E;
  margin-bottom: 20px;
}

.ae-about-bold {
  font-weight: 600;
  color: #2B2B26;
}

@media (max-width: 991px) {
  .ae-about-block2-left,
  .ae-about-block2-right {
    padding: 0;
  }

  .ae-about-heading {
    font-size: 36px;
    line-height: 42px;
  }
}

@media (max-width: 767px) {

  .ae-about-intro {
    font-size: 15px;
  }

  .ae-about-paragraph {
    font-size: 16px;
  }
}

.ae-about-paragraph strong {
  font-weight: 600;
  color: #2B2B26;
}

@media (max-width: 991px) {

  .ae-about-block2 .row {
    display: flex;
    flex-direction: column;
  }

  .ae-about-block2-left,
  .ae-about-block2-right {
    padding: 0;
    width: 100%;
  }

  .ae-about-block2-left {
    margin-bottom: 30px;
  }

  .ae-about-heading {
    text-align: left;
  }
}

@media (max-width: 767px) {

  #cms .ae-block3-left {
    padding: 40px 40px;
  }

  .ae-about-block2 {
    padding: 40px 24px;
  }

  .ae-about-label {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 5px;
  }

  .ae-about-heading {
    font-size: 32px;
    line-height: 36px;
  }

  .ae-about-intro {
    font-size: 15px;
    line-height: 24px;
    padding-left: 15px;
  }

  .ae-about-intro::before {
    width: 2px;
    height: 70%;
  }

  .ae-about-paragraph {
    font-size: 16px;
    line-height: 26px;
  }
}

/* SECTION */
.ae-block3 {
  background: #254032;
}

/* CONTAINER */
.ae-block3 .row {
  max-width: 1200px;
  margin: 0 auto;
  align-items: center;
}

/* COLONNE GAUCHE */
.ae-block3-left {
  padding: 0 40px;
  text-align: left;
}

/* LABEL */
.ae-block3-label {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: 4.32px;
  text-transform: uppercase;
  color: #C8A34E;
}

/* TITRE */
.ae-block3-title {
  font-family: 'Playfair Display', serif;
  font-size: 48px;
  line-height: 50px;
  font-weight: 300;
  color: #F3F1EC;
  margin-bottom: 25px;
}

/* "mieux" */
.ae-block3-title span {
  font-style: italic;
  color: #C8A34E;
  font-family: 'Playfair Display', serif;
}

/* TEXTE */
.ae-block3-text {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #BEC6C2;
  margin-bottom: 25px;
  max-width: 500px;
}

/* LISTE */
.ae-block3-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ae-block3-list li {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #BEC6C2;
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}
.ae-block3-list li:last-child{
    margin-bottom: 0;
}

/* tiret */
.ae-block3-list li::before {
  content: "—";
  position: absolute;
  left: 0;
  color: #C8A34E;
}

/* IMAGE */
.ae-block3-image img {
  width: 100%;
  height: auto;
  display: block;
}

.ae-block5-image img:hover,
.ae-block3-image img:hover{
    filter: brightness(0.8);
}

/* RESPONSIVE */
@media (max-width: 991px) {

  .ae-block3 .row {
    display: flex;
    flex-direction: column;
  }

  .ae-block3-left {
    padding: 0 20px;
  }

  .ae-block3-title {
    font-size: 36px;
    line-height: 42px;
  }
}

@media (max-width: 767px) {

  .ae-block3 {
    padding: 20px 0;
  }

  .ae-block3-title {
    font-size: 32px;
    line-height: 34px;
  }

  .ae-block4 .ae-card-title{
    font-size: 20px;
  }

   .ae-block4  .ae-card-text{
    font-size: 14px;
   }

  .ae-block3-text,
  .ae-block3-list li {
    font-size: 16px;
  }
  .ApRow.ae-block3 .ApColumn{
    width: 100%;
  }
}

/* ESPACE ENTRE BLOCS */
.ApRow.ae-about-block2 {
  margin-bottom: 0;
}

.ApRow.ae-block3 {
  margin-top: 0;
  position: relative;
  z-index: 1;
}

/* STRUCTURE FLEX */
.ApRow.ae-block3 {
  display: flex;
  align-items: stretch; /* clé */
}

/* colonnes */
.ApRow.ae-block3 .ApColumn {
  display: flex;
  padding: 0;
}

/* contenu gauche */
.ae-block3-left {
  background: #254032;
  padding: 80px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* image */
.ae-block3-image {
  width: 100%;
  height: 100%;
}

.ae-block3-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* RESET BOOTSTRAP BUG */
.ApRow.ae-block3,
.ApRow.ae-about-block2 {
  clear: both;
}

@media (max-width: 991px) {

    .off-canvas-nav-megamenu {
        width: 100% !important;
    }

  .ApRow.ae-block3 {
    flex-direction: column;
  }

  .ae-block3-left {
    padding: 40px 20px;
  }

  .ae-block3-image img {
    height: auto;
  }
}

  .ApRow.ae-block3 .ApColumn .block{
    width: 100%;
    margin-bottom: 0;
  }



#product #wrapper .breadcrumb_box {
    margin-bottom: 0;
    padding-top: 0 !important;
    background: #FFFDFA 0% 0% no-repeat padding-box;
    border-top: 0.5px solid #E6E0D8;
}

.page-product .breadcrumb_box > div {
    padding: 7.5px 60px;
}

#wrapper nav.breadcrumb.hidden-sm-down>ol {
    padding: 0 !important;
}

.page-product .breadcrumb ol li:first-child a:before {
    content: url(../img/icone.svg) !important;
    position: relative !important;
    top: 2px;
    margin-right: 7px;
}

#product #wrapper .breadcrumb_box li:not(:last-child)::after {
    content: ">" !important;
}

.page-product .breadcrumb li:last-child::after {
    content: "" !important;
}

.page-product .breadcrumb li span {
    font: normal normal normal 12px/28px Lato;
    letter-spacing: 0px;
    color: #6F7470;
}

#product .bloc1-product-page>.col-md-6:first-child {
    padding: 0 40px 0 80px;
    display: flex;
    justify-content: center;
}

#product .bloc1-product-page>.col-md-6:nth-child(2) {
    padding: 0 80px 0 40px;
}

.page-product .wishlist {
    z-index: 9;
    top: 26px;
    right: 36px;
}

#product #wrapper>.container >.row {
    margin-top: 41px;
}

#product .wishlist a.leo-wishlist-button.btn-product.btn-primary.btn {
    background: unset !important;
}

#product .wishlist i.icon-btn-product.icon-wishlist:before {
    content: url(../img/cta-favoris.svg) !important;
}

#product .wishlist:hover i.icon-btn-product.icon-wishlist:before {
    content: url(../img/cta-favoris-hover.svg) !important;
    filter: unset !important;
}

#product .wishlist .added i.icon-btn-product.icon-wishlist:before {
    content: url(../img/cta-favoris-actif.svg) !important;
}

.page-product .product-cover {
    margin-bottom: 8px !important;
}

.page-product .product-cover img {
    background-color: #EFEBE1;
    border-radius: 4px;
    object-fit: contain;
    max-height: 595px;
}

#product div#thumb-gallery .slick-list.draggable,
#product div#thumb-gallery .slick-list.draggable .slick-track {
    width: 100% !important;
}

.product-detail.product-thumbs-bottom .product-thumb-images {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#product div#thumb-gallery .slick-slide {
    flex: 1;
}

.product-thumb-images .thumb {
    max-width: 100% !important;
    width: 100%;
    height: 78px;
    object-fit: cover;
    border-radius: 4px !important;
    border: 0 !important;
}

.product-thumb-images .thumb.selected, .product-thumb-images .thumb:hover {
    border-radius: 4px !important;
    border: 1px solid #C8A34E !important;
}

#product .right_bloc {
    border: unset !important;
    padding: 0 !important;
}

#product .right_bloc .product-seller-info {
    font: normal normal normal 13px/24px Lato;
    letter-spacing: 0.65px;
    color: #6E6E60;
}

#product .right_bloc .product-seller-info .seller-name {
    font-weight: bold;
    text-transform: uppercase;
    color: #C8A34E;
}

.page-product .h1.product-detail-name {
    text-align: left;
    font-family: 'Playfair', serif;
    font-weight: 300;
    font-size: 48px;
    line-height: 50px;
    color: #201A14;
    margin-bottom: 12px;
}

.page-product div.star.star_on:before {
    content: url(../img/icone-etoile-on.svg);
}

.page-product div.star:before {
    content: url(../img/icone-etoile-off.svg);
}

.page-product .reviews_note ul {
    max-height: 26px;
}

.page-product .reviews_note ul li {
    display: inline-block;
}

.page-product .rating-average, 
.page-product .reviews-count {
    display: inline-block !important;
    margin-top: 0;
}

.page-product .rating-average {
    font: italic normal 600 24px/34px 'Playfair Italic';
    letter-spacing: 0px;
    color: #2B2B26;
    margin-left: 16px;
    margin-right: 9px;
    text-decoration: none;
}

.page-product .reviews_note .reviews-count {
    text-decoration: underline;
    font: normal normal normal 16px/34px Lato;
    letter-spacing: 0px;
    color: #9EA29E;
    position: relative;
    margin-left: 14px;
}

.page-product .reviews-count::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    height: 12px;
    width: 1px;
    background-color: #E6E0D8;
}

.page-product .modal-backdrop.fade.in {
    background: #2B2B26;
    opacity: 0.5;
}

.leo-modal-review.fade.in {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.leo-modal-review .modal-dialog {
    height: 82.22222vh;
    width: 648px;
    margin: 0;
}

.leo-modal-review .modal-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    border-radius: 0;
    padding: 0;
    border: 1px solid #DAD9D1;
}

.leo-modal-review .modal-content::-webkit-scrollbar {
    width: 0;
}

.leo-modal-review .modal-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 45px 40px 34px;
    border-bottom: none;
    background-image: linear-gradient(#E6E0D8, #E6E0D8);
    background-size: calc(100% - 80px) 1px; /* 80px = 40px × 2 */
    background-position: bottom center;
    background-repeat: no-repeat;
}

.leo-modal-review .modal-header::after {
    display: none;
}

.leo-modal-review .modal-header-title {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.leo-modal-review .modal-review-label {
    font: normal normal 500 10px/17px Lato;
    letter-spacing: 2.8px;
    color: #C8A34E;
    text-transform: uppercase;
}

.leo-modal-review .modal-product-name {
    font: normal normal 300 24px/26px Playfair;
    letter-spacing: 0px;
    color: #2B2B26;
    margin-bottom: 0;
}

.leo-modal-review .modal-header .close {
    cursor: pointer;
}

.leo-modal-review .modal-body {
    flex: 1;
    padding: 0;
}

.leo-modal-review .rating-summary {
    display: flex;
    gap: 40px;
    padding: 43px 40px 35px;
    border-bottom: 1px solid #E6E0D8;
}

.leo-modal-review .rating-left {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: 11px auto auto;
    height: fit-content;
    column-gap: 15px;
    flex-shrink: 0;
    padding-right: 43px;
    background-image: linear-gradient(#E6E0D8, #E6E0D8);
    background-size: 1px 40px;
    background-position: right;
    background-repeat: no-repeat;
    max-width: 50%;
}

.leo-modal-review .rating-score {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: flex;
    gap: 1px;
}

.leo-modal-review .score {
    font: italic normal 300 32px/32px 'Playfair Italic';
    color: #2B2B26;
}

.leo-modal-review .out-of {
    font: normal normal 300 18px/38px Playfair;
    letter-spacing: 0px;
    color: #9EA29E;
}

.leo-modal-review .stars {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    gap: 3px;
}

.leo-modal-review .rating-left div.star {
    height: 11px;
    line-height: 1;
}

.leo-modal-review .rating-left div.star.star_on:before,
.leo-modal-review .rating-left div.star:before {
    content: none;
}

.leo-modal-review .rating-left .reviews-count {
    grid-column: 2;
    grid-row: 2;
    font: normal normal normal 12px/28px Lato;
    letter-spacing: 0px;
    color: #9EA29E;
}

.leo-modal-review .btn-review {
    grid-column: 1 / span 2;
    grid-row: 3;
    margin-top: 10px;
    padding: 8px 15px;
    background: #fff;
    width: fit-content;
    border: 1px solid #E6E0D8;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: left;
    font: normal normal normal 14px/14px Lato;
    letter-spacing: 0.7px;
    color: #2B2B26;
}

.btn-review:hover {
    background: #2B2B26;
    border-color: #2B2B26;
    color: #fff;
}

.rating-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.rating-row {
    display: flex;
    align-items: center;
    gap: 18px;
}

.rating-row .label {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font: normal normal normal 14px / 22px Lato;
    letter-spacing: 0px;
    color: #9EA29E;
}

.bar {
    flex: 1;
    height: 3px;
    background: #C8A34E33;
    border-radius: 2px;
    overflow: hidden;
}

.bar-fill {
    height: 100%;
    background: #C8A34E;
    border-radius: 2px;
    animation: slideBar 0.8s ease;
}

@keyframes slideBar {
    from { transform: translateX(-100%); }
    to   { transform: translateX(0); }
}

#product_reviews_block {
    padding: 0 40px;
}

#product_reviews_block .review {
    border-bottom: 1px solid #E6E0D8;
    margin-bottom: 0;
}

#product_reviews_block .review:first-child {
    padding: 30px 0 35px;
}

#product_reviews_block .review:not(:first-child) {
    padding: 40px 0 35px;
}

#product_reviews_block .review:last-child {
    border-bottom: none;
}

#product_reviews_block .review-info {
    display: flex;
    flex-direction: column;
    gap: 0;
}

#product_reviews_block .review_author {
    border: 0;
}

#product_reviews_block .review_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#product_reviews_block .star_content {
    display: flex;
    gap: 4px;
    align-items: center;
}

#product_reviews_block .review_top .review_date {
    font: normal normal normal 14px/18px Lato;
    letter-spacing: 0px;
    color: #9EA29E;
}

#product_reviews_block .c_title {
    font: normal normal 300 20px/44px Playfair;
    letter-spacing: 0px;
    color: #2B2B26;
    margin-bottom: 0;
}

#product_reviews_block .c_desc,
#product_reviews_block .no-reviews-text {
    font: normal normal normal 16px/24px Lato;
    letter-spacing: 0px;
    color: #9EA29E;
    margin-bottom: 16px;
}

#product_reviews_block .review_author strong {
    font: normal normal bold 14px/24px Lato;
    letter-spacing: 0px;
    color: #2B2B26;
    margin-bottom: 0;
}

#product_reviews_block .review_button ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

#product_reviews_block .review_button li {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #9EA29E;
}

#product_reviews_block .usefulness_btn {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    background: none;
    border: 1px solid #E5E5E0;
    padding: 4px 12px;
    cursor: pointer;
    color: #2B2B26;
    border-radius: 0;
    transition: background 0.2s;
}

#product_reviews_block .usefulness_btn:hover {
    background: #f5f5f0;
}

#product_reviews_block .report_btn {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #9EA29E;
    text-decoration: underline;
    cursor: pointer;
}

.leo-modal-review .new_review_form_content {
    display: none;
    opacity: 0;
    transition: opacity 0.4s ease;
    padding-top: 24px;
    border-top: 1px solid #E5E5E0;
}

.leo-modal-review .new_review_form_content {
    padding: 40px;
}

.leo-modal-review .new_review_form_content.show {
    display: block;
    opacity: 1;
}

.leo-modal-review .new_review_form_content .form-group {
    margin-bottom: 14px;
}

.leo-modal-review .new_review_form_content .form-control-label {
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #2B2B26;
    display: flex;
    float: unset;
    margin-bottom: 6px;
}

.leo-modal-review .new_review_form_content .form-control-label sup.required {
    color: #C8A34E;
}

.leo-modal-review .new_review_form_content .form-control {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    color: #2B2B26;
    background: #FAFAF8;
    border: 1px solid #E5E5E0;
    border-radius: 0;
    padding: 10px 14px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s;
}

.leo-modal-review .new_review_form_content .form-control:focus {
    border-color: #C8A34E;
    background: #fff;
}

.leo-modal-review .new_review_form_content textarea.form-control {
    min-height: 100px;
    resize: vertical;
}

.leo-modal-review .new_review_form_content .form-control::placeholder {
    color: #C0C0BB;
    font-style: italic;
    font-family: 'Playfair Italic', serif;
}

.leo-modal-review #criterions_list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.leo-modal-review #criterions_list label {
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #2B2B26;
    display: block;
    margin-bottom: 8px;
}

.leo-modal-review .modal-footer {
    display: none !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    bottom: 0;
    background: #fff;
    padding: 0 40px 40px;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.leo-modal-review .modal-footer.show {
    display: flex !important;
    opacity: 1;
}

.leo-modal-review .modal-footer::after {
    content: none;
}

.leo-modal-review .modal-footer .btn {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    letter-spacing: 0.1px;
    text-transform: capitalize;
    border-radius: 28px;
    padding: 11px 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 0;
    transition: all 0.3s ease;
}

.leo-modal-review .modal-footer .btn-secondary {
    background: #FFFFFF;
    color: #9EA29E;
    border: 1px solid #E5E5E0;
    cursor: pointer;
}

.leo-modal-review .modal-footer .btn-secondary:hover {
    border-color: #2B2B26;
    color: #2B2B26;
    background: #FFFFFF;
}

.leo-modal-review .modal-footer .leo-modal-review-bt {
    background: #254032;
    color: #FFFFFF;
    border-color: #254032;
}

.leo-modal-review .modal-footer .leo-modal-review-bt:hover {
    background: #1C3126;
    border-color: #1C3126;
}

.leo-modal-review-loading {
    display: none;
}

.page-product .product-prices {
    padding-top: 24px;
    border-top: 1px solid #E6E0D8;
}

.page-product .product-price.h5 {
    display: flex;
    align-items: baseline;
}

.page-product .current-price-value {
    font: normal normal normal 32px/32px Lato;
    letter-spacing: 0px;
    color: #254032;
}

.page-product .product-prices.js-product-prices .product-unit-price {
    font: normal normal normal 14px/32px Lato;
    letter-spacing: 0px;
    color: #707D77;
    margin-left: 16px;
}

.page-product .choose-variant-label {
    font: normal normal 600 12px/34px Lato;
    letter-spacing: 1.44px;
    color: #6E6E60;
    text-transform: uppercase;
}

.page-product .product-variants > .product-variants-item ul li {
    margin-right: 0;
    flex: 1;
    max-width: 200px;
}

.page-product .product-variants > .product-variants-item ul li label {
    border: 1px solid #E8E7E7;
}

.page-product .product-variants > .product-variants-item ul li:first-child label {
    border-radius: 4px 0 0 4px;
}

.page-product .product-variants > .product-variants-item ul li:last-child label {
    border-radius: 0 4px 4px 0;
}

.page-product .product-variants .product-variants-item ul li label {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 14px;
    transition: all 0.3s ease;
}

.page-product .product-variants .product-variants-item ul li:last-child label {
    border-left: 0;
}

.page-product .product-variants .product-variants-item ul li.active label,
.page-product .product-variants .product-variants-item ul li input[type="radio"]:checked + label  {
    background-color: #FAF8F5;
    border-radius: 4px;
    border: 1px solid #2B2B26;
}

.page-product .product-variants .product-variants-item ul li label span:not(.price) {
    border: 0;
    box-shadow: none;
    background: none;
    font: normal normal normal 18px/28px Lato;
    letter-spacing: 0px;
    color: #2B2B26;
    padding: 0;
    height: auto;
}

.page-product .product-variants .product-variants-item ul li.active label span.radio-label:not(.price) {
    font-weight: bold;
}

.page-product .product-variants .product-variants-item ul li label span.price {
    font: normal normal normal 12px/20px Lato;
    letter-spacing: 0px;
    color: #8F9392 !important;
    border: 0;
    box-shadow: none;
    background: none;
    padding: 0 !important;
    height: auto !important;
}

.page-product .product-variants .product-variants-item ul li.active label span.price {
    color: #6E6E60 !important;
}

.page-product .product_action {
    padding: 24px 0 32px;
}

.page-product .product-add-to-cart.js-product-add-to-cart span.control-label {
    font: normal normal 600 12px/34px Lato;
    letter-spacing: 1.44px;
    color: #6E6E60;
    text-transform: uppercase;
}

.page-product #add-to-cart-or-refresh .product_action .btn.btn-primary.add-to-cart {
    background: #254032 0% 0% no-repeat padding-box;
    border-radius: 28px;
    font: normal normal 500 16px/26px Lato;
    letter-spacing: 0.8px;
    color: #F3F1EC;
    padding: 18px 0;
    height: auto;
}

.page-product #add-to-cart-or-refresh .product_action .btn.btn-primary.add-to-cart img {
    vertical-align: text-top;
    margin-right: 16px;
}

#product .guarantees {
    padding: 0 32px;
}

#product .guarantees>div {
    display: flex;
}

#product .guarantees img {
    width: 17px;
    height: 17px;
}

#product .guarantees span {
    padding-left: 12px;
    font: normal normal 500 14px/17px Lato;
    letter-spacing: 0px;
    color: #4A6154;
}

#product .accordion {
    margin-top: 32px;
    margin-bottom: 32px;
    border: 0.5px solid #E6E0D8;
    border-radius: 4px;
}

#product .accordion-body {
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
}

#product .accordion-item:not(:last-child) {
    border-bottom: 0.5px solid #E6E0D8;
}

#product .accordion-body-inner {
  padding: 24px;
}

#product .accordion-header {
  padding: 26px 24px;
  cursor: pointer;
  font-weight: bold;
  position: relative;
  font: normal normal 600 16px/32px Lato;
  letter-spacing: 0px;
  color: #2B2B26;
}

#product .accordion-header.active {
  border-bottom: 0.5px solid #E6E0D8;
}

#product .accordion-header span.icon {
  margin-right: 16px;
}

#product .accordion-header span.icon img {
  width: 17px;
  height: 17px;
}

#product .accordion-header::after {
  content: "";
  width: 18px;
  height: 10px;

  background-image: url('../img/icone-fleche-bas-dore.svg');
  background-size: contain;
  background-repeat: no-repeat;

  position: absolute;
  right: 24px;
  top: 50%;

  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.3s ease;
}

#product .accordion-header.active::after {
  transform: translateY(-50%) rotate(180deg);
}

.page-product #guide {
    padding: 48px 80px 80px;
}

.page-product #guide .block-title-desc {
    display: flex;
    align-items: flex-start;
}

.page-product #guide .section-title {
    width: 97%;
    padding-right: 100px;
}

.page-product #guide .section-title span {
    letter-spacing: 0px;
    color: #2B2B26;
}

.page-product #guide .section-title span:first-child {
    font: normal normal 300 40px/50px Playfair;
}

.page-product #guide .section-title span:last-child {
    font: italic normal 300 40px/50px 'Playfair Italic';
}

.page-product #guide .block-title-desc p {
    font: normal normal normal 16px/26px Lato;
    letter-spacing: 0px;
    color: #58635E;
    border-left: 3px solid #C8A34E;
    padding-left: 32px;
}

.ae-usage-section {
  padding: 32px 0 0;
}

.ae-usage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.ae-usage-card {
  padding: 7px 24px 24px;
  background: #F7F5F1 0% 0% no-repeat padding-box;
  transition: transform .25s ease, box-shadow .25s ease;
}

.ae-usage-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 28px rgba(0,0,0,.06);
}

.ae-usage-card__number {
  margin-bottom: 10px;
  font: italic normal 600 48px/50px 'Playfair Italic';
  letter-spacing: 0px;
  color: #C8A34E33;
}

.ae-usage-card__label {
  margin-bottom: 8px;
  font: normal normal 500 10px/12px Lato;
  letter-spacing: 2.8px;
  color: #C8A34E;
  text-transform: uppercase;
}

.ae-usage-card__title {
  margin-bottom: 16px;
  font: normal normal 300 22px/26px Playfair;
  letter-spacing: 0px;
  color: #2B2B26;
}

.ae-usage-card__text {
  margin: 0;
  font: normal normal normal 14px/24px Lato;
  letter-spacing: 0px;
  color: #58635E;
}

.page-product .prod-desc {
    display: flex;
}

.page-product .prod-desc > .image-container {
    flex: 0 0 50%;
}

.page-product .prod-desc .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.8);
    transition: filter 0.3s ease;
}

.page-product .prod-desc .image-container img:hover {
    filter: brightness(1);
}


.page-product .prod-details .section-title {
    margin-bottom: 32px;
}

.page-product .prod-details {
    background: #254032 0% 0% no-repeat padding-box;
    padding: 80px;
    width: -webkit-fill-available;
    box-shadow: inset 0 4px 0px #C8A34E;
}

.page-product .prod-details .storytelling-desc p {
    font: normal normal normal 18px/26px Lato;
    letter-spacing: 0px;
    color: #BEC6C2;
    margin-bottom: 32px;
}

.page-product .prod-details .origin-section {
    border-top: 1px solid #4F655A;
    padding-top: 24px;
}

.page-product .prod-details .origin-section .origin-label {
    font: normal normal 500 12px/15px Lato;
    letter-spacing: 1.8px;
    color: #9EA29E;
    text-transform: uppercase;
}

.page-product .prod-details .origin-section .city {
    font: normal normal 300 24px/29px Playfair;
    letter-spacing: 0px;
    color: #F3F1EC;
    margin-bottom: 7px;
}

.page-product .prod-details .origin-section .country-continent {
    font: normal normal normal 18px/22px Lato;
    letter-spacing: 0px;
    color: #BEC6C2;
    margin-bottom: 0;
}

#product .pickup-bar {
    background-color: #254032;
    width: 100%;
    padding: 9.5px 60px;
    margin-bottom: 68px;
}

#product .pickup-bar_inner {
    display: flex;
    align-items: center;
    gap: 12px;
}

#product .pickup-bar_inner img {
    margin-right: 7px;
}

#product .pickup-bar_location,
#product .pickup-bar_time {
    display: flex;
    align-items: center;
}

#product .pickup-bar_location span,
#product .pickup-bar_time span {
    font: normal normal normal 12px/17px Lato;
    letter-spacing: 0px;
    color: #BEC6C2;
}

#product .pickup-bar_location strong,
#product .pickup-bar_time strong {
    font: normal normal 900 12px/17px Lato;
    letter-spacing: 0px;
    color: #FFFFFF;
}

#product .pickup-bar_separator {
    color: #3B5447;
}

#product .pickup-bar_btn {
    background-color: transparent;
    cursor: pointer;
    border: 1px solid #C8A34E;
    border-radius: 4px;
    font: normal normal bold 10px / 12px Lato;
    letter-spacing: 0.5px;
    color: #C8A34E;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 11px;
    margin-left: 14px;
    transition: background 0.2s;
}

#product .pickup-bar_btn:hover {
    background-color: #2a4f40;
}

#product .pickup-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

#product .pickup-modal {
    background: #fff;
    width: 90%;
    max-width: 561px;
    position: relative;
    max-height: 92%;
    overflow-y: auto;
}

#product .pickup-modal::-webkit-scrollbar {
    width: 0;
}

#product .pickup-modal_header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 40px;
    border-bottom: 1px solid #DAD9D1;
    gap: 12px;
}

#product .pickup-modal_header h2 {
    font: normal normal 300 32px/38px Playfair;
    letter-spacing: 0px;
    color: #201A14;
    margin: 0;
}

#product .pickup-modal_close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

#product .pickup-modal_body {
    padding: 40px;
}

#product .pickup-modal_field {
    margin-bottom: 40px;
}

#product .pickup-modal_label {
    text-align: left;
    font: normal normal bold 12px/15px Lato;
    letter-spacing: 1.8px;
    color: #2B2B26;
    text-transform: uppercase;
    margin-bottom: 12px;
}

#product .pickup-modal_input,
#product .pickup-modal_select {
    width: 100%;
    padding: 11px 16px;
    border: 1px solid #DAD9D1;
    border-radius: 2px;
    font: normal normal 600 16px/22px Lato;
    letter-spacing: 0px;
    color: #2B2B26;
    background: #fff;
    box-sizing: border-box;
}

#product .pickup-modal_days {
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
}

#product .pickup-modal .select_pickup_date {
    flex: 1;
    padding: 10px 16px;
    border: 1px solid #DBD9D1;
    border-radius: 24px;
    cursor: pointer;
    text-align: center;
    font: normal normal normal 16px/22px Lato;
    letter-spacing: 0px;
    color: #6F7470;
    background: #fff;
    transition: all 0.3s;
}

#product .pickup-modal .select_pickup_date.active {
    background: #254032;
    color: #F3F1EC;
    border-color: #254032;
}

#product .pickup-modal_select-wrapper {
    position: relative;
}

#product .pickup-modal_select {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

#product .pickup-modal_select-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    color: #666;
    pointer-events: none;
}

#product .pickup-modal .save-pickup_btn {
    width: 100%;
    padding: 11px;
    background: #C8A34E 0% 0% no-repeat padding-box;
    border-radius: 4px;
    font: normal normal normal 18px/26px Lato;
    letter-spacing: 0.36px;
    color: #F3F1EC;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}

#product .pickup-modal .save-pickup_btn:hover {
    background: #B8963E;
}

#product .livr.click_collect {
    background: #FAF9F7 0% 0% no-repeat padding-box;
    border: 1px solid #C8A34E;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px;
}

#product .livr.click_collect .livr-summary {
    display: flex;
    align-items: center;
    gap: 18px;
}

#product .livr.click_collect .shop-image {
    max-width: 60px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 0.5px solid #E6E0D8;
    object-fit: cover;
}

#product .livr.click_collect .details {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px 5px;
}

#product .livr.click_collect .livr-arrow {
    margin-left: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#product .livr.click_collect .livr-arrow img {
    width: 17px;
    height: 9px;
    transform: rotate(0deg);
    transition: transform 0.3s;
}

#product .livr.click_collect .livr-arrow.open img {
    transform: rotate(180deg);
}

#product .livr.click_collect .details span:nth-child(3) {
    width: 100%;
}

#product .livr.click_collect .details span {
    text-transform: none;
}

#product .livr.click_collect .details span.name {
    font: normal normal 600 24px/28px Playfair;
    letter-spacing: 0px;
    color: #201A14;
    margin-top: 0;
}

#product .livr.click_collect .details span.address {
    font: normal normal normal 16px/28px Lato;
    letter-spacing: 0px;
    color: #6F7470;
}

#product .livr.click_collect .details span.hour {
    font: normal normal bold 16px/24px Lato;
    letter-spacing: 0px;
    color: #2B2B26;
}

#product .form_edit_retrait_info {
    border-top: 1px solid #e0e0e0;
    font-family: 'Lato', sans-serif;
}

#product .form_edit_retrait_info h2 {
    font-family: 'Playfair', serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.6px;
    margin: 16px 0;
}

#product .form_edit_retrait_info .seller_name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    gap: 10px;
    padding: 22px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

#product .form_edit_retrait_info .seller_name img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #c9a84c;
}

#product .form_edit_retrait_info .adr {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

#product .form_edit_retrait_info .time {
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    color: #666;
    margin-bottom: 16px;
}

#product .form_edit_retrait_info .days {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

#product .form_edit_retrait_info .select_date_retrai {
    padding: 6px 14px;
    border: 1px solid #ccc;
    border-radius: 20px;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    transition: all 0.3s;
}

#product .form_edit_retrait_info .select_date_retrai.active {
    background: #254032;
    color: #fff;
    border-color: #254032;
}

#product .form_edit_retrait_info label {
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #333;
    margin-bottom: 8px;
}

#product .form_edit_retrait_info .hours {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

#product .form_edit_retrait_info .select_hour_retrai {
    padding: 6px 14px;
    border: 1px solid #ccc;
    border-radius: 20px;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    transition: all 0.3s;
}

#product .form_edit_retrait_info .select_hour_retrai.active {
    background: #254032;
    color: #fff;
    border-color: #254032;
}

#product .form_edit_retrait_info .save_retrai {
    width: 100%;
    padding: 12px;
    margin-top: 10px;
    background: #c9a84c;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
}

#product .form_edit_retrait_info .save_retrai:hover {
    background: #b8963e;
}

@media (max-width: 1199px) {
  .ae-usage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
    .page-product .wishlist a.leo-wishlist-button.btn-product.btn-primary.btn .icomoon:before {
        background-image: none !important;
    }

    #product .bloc1-product-page>.col-md-6:first-child {
        padding: 0 20px 0 40px;
        margin-bottom: 40px;
    }

    #product .bloc1-product-page>.col-md-6:nth-child(2) {
        padding: 0 40px 0 20px;
    }

    .page-product #guide,
    .page-product .prod-details {
        padding: 40px;
    }

    .leo-modal-review .modal-dialog {
        width: 90%;
    }

    .leo-modal-review .modal-header {
        padding-left: 32px;
        padding-right: 32px;
        background-size: calc(100% - 64px) 1px;
    }

    .leo-modal-review .rating-summary {
        padding-left: 32px;
        padding-right: 32px;
    }

    #product_reviews_block {
        padding-left: 32px;
        padding-right: 32px;
    }

    .new_review_form_content {
        padding-left: 32px;
        padding-right: 32px;
    }

    .leo-modal-review .modal-footer {
        padding-left: 32px;
        padding-right: 32px;
    }
    #product #wrapper>.container >.row {
        margin-top: 0px;
    }
    .page-product .h1.product-detail-name {
        font-size: 42px;
    }
    .page-product .product-detail.product-thumbs-bottom .product_action {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .page-product .wishlist {
        top: 10px;
        right: 30px;
    }
}

@media (max-width: 767px) {
    .page-product .breadcrumb_box > div {
        padding: 13px 24px;
    }

    .page-product .breadcrumb ol li:first-child a:before {
        content: none !important;
    }

    .page-product #guide .block-title-desc,
    .page-product .prod-desc {
        flex-direction: column;
    }

    .page-product .wishlist {
        top: 20px;
        right: 88px;
    }

    #product .bloc1-product-page>.col-md-6:first-child,
    #product .bloc1-product-page>.col-md-6:nth-child(2) {
        padding: 0 40px;
    }

    .page-product .h1.product-detail-name {
        margin-bottom: 16px;
    }

    #leo_product_reviews_block_extra {
        margin-bottom: 9px;
    }

    .page-product .product-variants > .product-variants-item ul li:not(:first-child) label {
        border-left: 0;
        position: relative;
    }

    .page-product .product-variants > .product-variants-item ul li:not(:last-child) label {
        border-right: 0;
    }

    .page-product .product-variants > .product-variants-item ul li:not(:first-child) label::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 50%;
        width: 1px;
        background-color: #E8E7E7;
    }

    .page-product .product-variants .product-variants-item ul li.active label {
        border: 1px solid #2B2B26;
    }

    #product .accordion-header {
        padding: 12px;
    }

    .ae-usage-section {
        padding: 32px 0;
    }

    .ae-usage-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ae-usage-card {
        min-height: auto;
        padding: 24px 20px 28px;
    }

    .ae-usage-card__number {
        font-size: 48px;
    }

    .page-product #guide .block-title-desc p {
        padding-left: 16px;
    }

    .page-product .prod-details {
        box-shadow: none;
    }

    .leo-modal-review .rating-summary {
        flex-direction: column;
    }

    .leo-modal-review .rating-left {
        background-image: none;
        width: fit-content;
        max-width: 100%;
    }
}

.ApRow.ae-block4 {
  background: #ECE8DD !important;
  border: 1px solid #F2E9E0;
  padding: 80px 60px;
  text-align: left;
}

/* colonnes */
.ApRow.ae-block4 .ApColumn {
  padding: 0;
}

/* LEFT */
.ae-block4-left {
  padding-right: 40px;
}

.ae-block4-label {
  font-family: 'Lato';
  font-size: 12px;
  letter-spacing: 4.32px;
  text-transform: uppercase;
  color: #C8A34E;
}

.ae-block4-title {
  font-family: 'Playfair Display';
  font-size: 48px;
  line-height: 50px;
  font-weight: 300;
  color: #2B2B26;
  margin: 15px 0 25px;
}

.ae-block4-text {
  font-family: 'Lato';
  font-size: 18px;
  line-height: 28px;
  color: #6E6E60;
  margin-bottom: 30px;
}

/* QUOTE */
.ae-block4-quote {
  background: #FFFFFF;
  padding: 20px 25px 20px 60px;
  position: relative;
  font-style: italic;
  color: #6E6E60;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: 0px;
}
.ae-block4-quote-italic{
    position: relative;
    z-index: 2;
}
.ae-block4-quote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: #C8A34E;
}

.ae-block4-quote::after {
  content: "";
  position: absolute;
  left: 50px;
  top: 15px;
  width: 40px;
  height: 40px;
  background: url('../img/Group\ 34307.svg') no-repeat center;
  background-size: contain;
}

/* RIGHT */
.ae-block4-right {
  padding-left: 40px;
}

/* CARD */
.ae-card {
  display: flex;
  gap: 20px;
  background: #FFFFFF;
  padding: 25px;
  margin-bottom: 3px;
  box-shadow: 0px 3px 0px #DAD9D1;
  border-radius: 4px 4px 0 0;
}

.ae-card-icon {
  width: 46px;
  height: 46px;
}

/* CARD TITLE */
.ae-card-title {
  font-family: 'Playfair Display';
  font-size: 24px;
  color: #2B2B26;
  margin-bottom: 5px;
}

/* CARD TEXT */
.ae-card-text {
  font-family: 'Lato';
  font-size: 16px;
  line-height: 26px;
  color: #6E6E60;
}

.ae-block4 .ApColumn .block{
    margin-bottom: 0;
}

.ApRow.ae-block5 .ApColumn .block{
    margin-bottom: 0;
}
.ApRow.ae-block5 {
  background: #FFFFFF;
  padding: 80px 60px;
}

/* supprimer padding prestashop */
.ApRow.ae-block5 .ApColumn {
  padding: 0;
}

/* ROW */
.ApRow.ae-block5 {
  display: flex;
  align-items: center;
}

/* LEFT */
.ae-block5-left {
  padding-right: 40px;
}

/* LABEL */
.ae-block5-label {
  font-family: 'Lato';
  font-size: 12px;
  letter-spacing: 4.32px;
  text-transform: uppercase;
  color: #C8A34E;
}

/* TITLE */
.ae-block5-title {
  font-family: 'Playfair Display';
  font-size: 36px;
  line-height: 50px;
  font-weight: 300;
  color: #2B2B26;
  margin: 0px 0 20px;
}

/* SUBTITLE */
.ae-block5-subtitle {
  font-family: 'Playfair Display';
  font-size: 24px;
  line-height: 32px;
  font-style: italic;
  font-weight: 300;
  color: #2B2B26;
  margin-bottom: 15px;
}

/* TEXT */
.ae-block5-text {
  font-family: 'Lato';
  font-size: 18px;
  line-height: 28px;
  color: #6E6E60;
  max-width: 520px;
}

/* IMAGE */
.ae-block5-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ApRow.ae-block5 .ApColumn {
  display: flex;
  align-items: stretch;
  text-align: left;
}

.ae-block5-left,
.ae-block5-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ApRow.ae-block6 .ApColumn .block{
    margin-bottom: 0;
}
.ApRow.ae-block6 {
  background: #254032 !important;
  border: 1px solid #F2E9E0;
  padding: 80px 80px;
  text-align: left;
}
.ApRow.ae-block6 .ApColumn {
    padding: 0
}

.ae-block6-inner {
/*  max-width: 1200px; */
  margin: 0 auto;
}

/* LABEL */
.ae-block6-label {
  font-family: 'Lato';
  font-size: 12px;
  letter-spacing: 4.32px;
  text-transform: uppercase;
  color: #C8A34E;
}
 
/* TITLE */
.ae-block6-title {
  font-family: 'Playfair Display';
  font-size: 48px;
  line-height: 50px;
  font-weight: 300;
  color: #F3F1EC;
  margin: 15px 0 50px;
}

/* CARDS WRAPPER */
.ae-block6-cards {
  display: flex;
}

/* CARD */
.ae-block6-card {
  background: #3B5447;
  padding: 40px 30px;
  flex: 1;
}
.ae-block6-card:nth-child(1),
.ae-block6-card:nth-child(3) {
  background: rgba(128, 145, 113, 0.95);
}

.ae-block6-card:nth-child(2) {
  background: rgba(45, 93, 89, 0.95);
}
.ae-block6-card:hover,
.ae-block6-card.is-active {
  transform: translateY(-4px);
  filter: brightness(1.03);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.12);
}

/* hover premium plus visible */
.ae-block6-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0.05) 100%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
}

.ae-block6-card:hover::after,
.ae-block6-card.is-active::after {
  opacity: 1;
}

/* séparation cartes */
.ae-block6-card:not(:last-child) {
  border-right: 1px solid rgba(255,255,255,0.1);
}

/* ICON */
.ae-block6-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
}

/* TITLE CARD */
.ae-block6-card-title {
  font-family: 'Playfair Display';
  font-size: 24px;
  line-height: 32px;
  color: #F3F1EC;
  margin-bottom: 10px;
}

/* TEXT */
.ae-block6-card-text {
  font-family: var(--font-lato);
  font-size: 14px;
  line-height: 24px;
  color: #BEC6C2;
}

#category #js-product-list-top .row.align-items-center {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
}

#category #js-product-list-top .filter-button {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

#category #js-product-list-top .total-products {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

#category #js-product-list-top .text-right {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding-right: 0;
}

#category #active-filters-container {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
}

#category #active-filters-container #js-active-search-filters {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

#category #active-filters-container #js-active-search-filters ul {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#category #active-filters-container .external-clear-all {
  margin-top: -20px;
}

#js-active-search-filters{
    padding-right: 0;
    padding-top: 5px;
}
#active-filters-container #js-active-search-filters li.filter-block{
    margin: 0;
}

.custom-checkbox input[type="checkbox"] + span{
    width: 23px;
    height: 21px;
    border: solid 1px #DAD9D1;
    border-radius: 2px;
    background: none !important;
}
.custom-checkbox input[type="checkbox"]:checked + span i{
    width: 24px;
    height: 24px;
    background: #254032;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 1px solid #DAD9D1;
}

.product-flags .product-flag.new {
  background: #254032 !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  padding: 6px 7px !important;
  border-radius: 2px !important;
  width: 82px !important;
  max-width: 35% !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  font-family: var(--font-lato) !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 99;
}

#product .product-flags .product-flag.new {
    width: 110px !important;
    padding: 6px 0px 6px 7px !important;
}

.product-flags{
    z-index: 9;
    width: 100%;
}


.wishlist a.leo-wishlist-button.btn-product.btn-primary.btn:hover {
    width: 44px !important;
    height: 44px !important;
}
@media (hover: hover) {
  .product-miniature .wishlist .leo-wishlist-button {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
  }

  .product-miniature:hover .wishlist .leo-wishlist-button {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

@media (hover: none) {
  .product-miniature .wishlist .leo-wishlist-button {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
}

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Playfair+Display:wght@400;700&display=swap');

:root {
    --font-playfair: 'Playfair Display', serif;
    --font-lato: 'Lato', sans-serif;
}

body { font-family: var(--font-lato); margin: 0; padding: 0; background: #fff; }

.pageclickcollect-benefits-grid {
    display: grid;
    gap: 20px;
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
    grid-template-columns: 1fr;
}

@media (min-width: 600px) {
    .pageclickcollect-benefits-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
    .pageclickcollect-benefits-grid { grid-template-columns: repeat(4, 1fr); }
}

.benefit-card {
    position: relative;
    height: 300px;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.4s ease;
}

.benefit-card.gold   { background-color: #fdf6e9; }
.benefit-card.green  { background-color: #f1f6f0; }
.benefit-card.blue   { background-color: #f0f4f9; }
.benefit-card.orange { background-color: #fdf2ee; }

.card-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    z-index: 1;
    background-blend-mode: multiply;
    transition: opacity 0.5s ease;
}

.benefit-card:hover .card-bg { opacity: 1; }

.benefit-card.gold:hover .card-bg   { background-color: #b08d3e; }
.benefit-card.green:hover .card-bg  { background-color: #3e5d38; }
.benefit-card.blue:hover .card-bg   { background-color: #24425e; }
.benefit-card.orange:hover .card-bg { background-color: #a34e35; }

.card-content {
    position: relative;
    z-index: 2;
    padding: 30px 20px;
    transition: transform 0.4s ease;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.products-section-title
.benefit-card:hover .card-content { transform: translateY(-45px); }

.icon-top {
    width: 55px;
    height: 55px;
    background: #ffffff;
    border-radius: 50%;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: opacity 0.3s ease;
}

.benefit-card:hover .icon-top { opacity: 0; }

.benefit-title.products-section-title { 
    margin: 0 0 16px;
    font-family: var(--font-playfair);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
}

.benefit-text { 
    margin: 0;
    font-family: var(--font-lato);
    font-size: 16px;
    line-height: 1.5;
    color: #666666; 
    padding-bottom: 25px;
    position: relative; 
    display: inline-block;
}

.benefit-text::after {
    content: ""; 
    position: absolute; 
    bottom: 0; 
    left: 50%; 
    transform: translateX(-50%);
    width: 60px; 
    height: 2px; 
    background-color: #dddddd; 
    transition: opacity 0.3s;
}
.benefit-card:hover .benefit-text::after { opacity: 0; }

.gold .benefit-title   { color: #b08d3e; }
.green .benefit-title  { color: #3e5d38; }
.blue .benefit-title   { color: #24425e; }
.orange .benefit-title { color: #a34e35; }

.benefit-card:hover .benefit-title,
.benefit-card:hover .benefit-text { color: #ffffff; }

.hover-btn {
    position: absolute;
    bottom: 30px;
    z-index: 3;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

.benefit-card:hover .hover-btn { opacity: 1; transform: translateY(0); }

.circle-white {
    width: 75px;
    height: 75px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 10px;
    transition: all 0.3s ease;
    font-family: var(--font-lato);
}

.circle-white span { font-size: 20px; line-height: 1; }

.benefit-card.gold:hover .circle-white   { color: #b08d3e; }
.benefit-card.green:hover .circle-white  { color: #3e5d38; }
.benefit-card.blue:hover .circle-white   { color: #24425e; }
.benefit-card.orange:hover .circle-white { color: #a34e35; }


#module-td_alloclickncollect-clickncollect .inputs > div {
  position: relative;
}

#module-td_alloclickncollect-clickncollect .clear-input {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #6F7470;
  color: #FFFFFF;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  cursor: pointer;
  z-index: 5;
  line-height: 20px;
  text-align: center;
}

#module-td_alloclickncollect-clickncollect .clear-input:hover {
  opacity: 0.8;
}

#module-td_alloclickncollect-clickncollect #left-column {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: -100%;
    width: 400px !important;
    max-width: 90vw;
    height: 100vh !important;
    background: #FFFFFF !important;
    z-index: 1000001 !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 15px 0 50px rgba(0, 0, 0, 0.15) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#module-td_alloclickncollect-clickncollect #left-column.active {
    display: flex !important;
    flex-direction: column;
    left: 0 !important;
}

#module-td_alloclickncollect-clickncollect #search_filters .title_block {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 30px 40px !important;
    border-bottom: 1px solid #F0EFEA !important;
    margin: 0 !important;
    font-family: var(--font-playfair) !important;
    font-size: 32px !important;
    font-weight: 300 !important;
    color: #201A14 !important;
}

#module-td_alloclickncollect-clickncollect #search_filters .title_block img {
    width: 40px !important;
    cursor: pointer;
    transition: transform 0.3s ease;
}

#module-td_alloclickncollect-clickncollect #search_filters .title_block img:hover {
    transform: rotate(90deg);
}

#module-td_alloclickncollect-clickncollect #search_filters_wrapper {
    flex: 1;
    overflow-y: auto;
    padding-bottom: 100px;
}

.click_collect_info {
    background: #FAF9F7;
    margin: 20px 40px !important;
    padding: 20px !important;
    border-radius: 8px;
    border: 1px solid #E6E0D8;
}

.click_collect_info h3 {
    font-family: var(--font-lato);
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #C8A34E;
    margin-bottom: 10px;
}

.click_collect_info .light_text {
    font-family: var(--font-lato);
    font-size: 14px;
    color: #2B2B26;
    margin: 0;
    font-weight: 600;
}

.searchForm_change {
    color: #C8A34E !important;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
}

#module-td_alloclickncollect-clickncollect .facet {
    padding: 25px 40px !important;
    border-bottom: 1px solid #F0EFEA !important;
}

#module-td_alloclickncollect-clickncollect .facet-title {
    font-family: var(--font-lato) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    color: #2B2B26 !important;
    text-transform: uppercase !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background:  transparent !important;
}

#module-td_alloclickncollect-clickncollect .facet-title img {
    width: 12px;
}

#module-td_alloclickncollect-clickncollect #search_filter_controls {
    position: absolute !important;
    bottom: 0 !important;
    left: 0;
    width: 100% !important;
    background: #FFFFFF !important;
    padding: 25px 40px !important;
    border-top: 1px solid #F0EFEA !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 15px !important;
    box-shadow: 0 -10px 30px rgba(0,0,0,0.05);
}

#module-td_alloclickncollect-clickncollect .js-search-filters-clear-all {
    flex: 1;
    background: #FFFFFF !important;
    border: 1px solid #DAD9D1 !important;
    border-radius: 4px !important;
    color: #6E6E60 !important;
    font-family: var(--font-lato) !important;
    font-size: 14px !important;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: none !important;
}

#module-td_alloclickncollect-clickncollect #search_filter_controls .btn-secondary.ok {
    flex: 1;
    background: #254032 !important;
    border: none !important;
    border-radius: 4px !important;
    color: #FFFFFF !important;
    font-family: var(--font-lato) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase !important;
    letter-spacing: 1px;
}

.ui-slider-horizontal {
    height: 4px !important;
    background: #EFEBE1 !important;
    border: none !important;
    margin: 20px 10px !important;
}

.ui-slider-range {
    background: #C8A34E !important;
}

.ui-slider-handle {
    width: 20px !important;
    height: 20px !important;
    background: #254032 !important;
    border: 2px solid #FFFFFF !important;
    border-radius: 50% !important;
    top: -8px !important;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

#module-td_alloclickncollect-clickncollect .facet-label {
    padding: 8px 0;
    margin: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#module-td_alloclickncollect-clickncollect .facet-label a {
    font-family: var(--font-lato);
    font-size: 16px;
    color: #58635E !important;
    transition: color 0.2s;
}

#module-td_alloclickncollect-clickncollect .facet-label:hover a {
    color: #254032 !important;
}

.custom-checkbox input[type="checkbox"] {
    margin-right: 12px;
    width: 20px;
    height: 20px;
}

.sidebar-overlay {
    background: rgba(43, 43, 38, 0.7) !important;
    backdrop-filter: blur(2px);
}

#search_filters .click_collect_info.facet.clearfix{
    display: none;
}

#module-td_alloclickncollect-clickncollect #search_filter_toggler_::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/themes/child_leo_bicomart/assets/img/icone-filtre-noir.svg) no-repeat center;
    background-size: contain;
    margin-right: 8px;
}

#module-td_alloclickncollect-clickncollect #search_filter_toggler_ {
    background: #EFEBE1 !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 10px 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
    z-index: 1001 !important;
    border: #E0DDD7;
}

#module-td_alloclickncollect-clickncollect #search_filter_toggler_ {
    background: #EFEBE1 !important;
    color: #2B2B26 !important;
    border-radius: 4px !important;
    padding: 8px 20px !important;
    font-weight: 700 !important;
    border: 1px solid #E0DDD7 !important;
    display: inline-flex !important;
    align-items: center !important;
}

#module-td_alloclickncollect-clickncollect #search_filter_toggler_ {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  padding: 17px 24px !important;
  border: 1px solid #e0ddd7 !important;
  border-radius: 4px !important;
  background: #efebe1 !important;
}
#module-td_alloclickncollect-clickncollect #search_filter_toggler_:hover{
    border: 1px solid #E0DDD7;
    background-color: #FFFDFA !important;
}

@media (max-width: 991px) {
    .beige_bg .right-actions {
        position: absolute;
        bottom: -50px;
        right: 18px;
    }
    .carrousel-bloc .owl-theme .owl-buttons {
        position: absolute;
        bottom: -15px;
        left: 0;
        top: auto;
        overflow: visible;
    }

    .owl-theme .owl-buttons div.owl-prev {
        left: 15px !important;
    }

    .owl-theme .owl-buttons div.owl-next {
        left: 55px !important;
        float: left !important;
    }

    .owl-theme .owl-buttons div {
        width: 34px !important;
        height: 34px !important;
        line-height: 34px !important;
    }

    #search_filter_controls {
        flex-direction: row;
        margin: 0;
    }
    #category #left-column {
        left: -450px !important;
    }
    #category #left-column #search_filter_controls {
        width: 100%;
    }
    #category div#left-column {
        max-height: 100%;
        margin-top: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        padding: 0;
    }
    #category #main {
        margin-top: 0px !important;
    }
    #category.page-category #js-product-list .thumbnail-container.reviews-loading {
        border-radius: 4px 4px 0px 0px !important;
    }
    body#category .cat_desc .des {
        flex-direction: initial;
    }
    #category .top-bar-container div#js-product-list-top.products-selection {
        position: relative !important;
        padding: 45px 0 0 !important;
    }
    #category div#js-product-list-top .products-sort-order.dropdown {
        display: block !important;
    }
    #category nav.breadcrumb.hidden-sm-down>ol {
        display: block !important;
    }
    #category.page-category #wrapper .breadcrumb {
        margin-top: 153px;
    }
    #category.page-category #wrapper .breadcrumb_box h1 {
        text-align: left;
    }
  #category #js-product-list-top .row.align-items-center {
    flex-wrap: wrap !important;
    row-gap: 16px !important;
  }

  #category #js-product-list-top .filter-button,
  #category #js-product-list-top .text-right {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 100% !important;
  }

  #category #js-product-list-top .total-products {
    justify-content: center !important;
    position: absolute;
    top: 0;
    width: 100%;
  }

  #category #js-product-list-top .text-right {
    justify-content: right !important;
  }

  #category #active-filters-container {
    width: 100% !important;
  }
  body#category #wrapper .breadcrumb_box {
    padding-bottom: 0px !important;
    padding-top: 0 !important;
  }
  .ApRow.ae-block4 {
    display: flex;
    flex-direction: column;
  }

  .ae-block4-left,
  .ae-block4-right {
    padding: 0;
  }

  .ae-block4-left {
    margin-bottom: 40px;
  }

  .ApRow.ae-block5 {
    flex-direction: column;
  }

  .ae-block5-left {
    padding: 0;
    margin-bottom: 40px;
  }

  .ae-block5-title {
    font-size: 24px;
    line-height: 42px;
  }

  .ae-block6-cards {
    flex-direction: column;
  }

  .ae-block6-card {
    margin-bottom: 20px;
    border-right: none;
  }
}

@media (max-width: 767px) {

  #cms .ApRow.ae-block4 {
    padding: 40px 40px;
  }

  .ae-block4-title {
    font-size: 32px;
    line-height: 38px;
  }

  .ae-card {
    flex-direction: column;
  }

  #cms .ApRow.ae-block5 {
    padding: 40px 40px;
  }

  .ae-block5-title {
    font-size: 32px;
    line-height: 34px;
  }
  .ae-block5-label{
    margin-bottom: 5px;
  }
  .ae-block5-subtitle {
    font-size: 20px;
  }

  .ae-block5-text {
    font-size: 16px;
  }

  #cms .ApRow.ae-block6 {
    padding: 40px 40px;
  }

  .ae-block6-title {
    font-size: 32px;
    line-height: 36px;
  }
  .ae-block6-card-title{
    font-size: 20px;
  }

  .fav_add {
    margin: -40px 0 0 !important;
  }
}

@media (max-width: 575px) {
    #product .row {
        margin-left: 0px;
        margin-right: 0px;
    }
    .bloc3-product-page .category-products.beige_bg {
        margin-bottom: 40px;
    }

    #product #wrapper>.container >.row {
        margin-top: 0px !important;
    }
    .hidden-mobile {
        display: none;
    }
    .off-canvas-nav-megamenu .dropdown-menu {
        padding: 0;
    }
     #products #js-product-list .pagination {
        margin-top: 0px !important;
    }
    body article .thumbnail-container h3.h3.product-title {
        min-height: 45px !important;
    }
    #category #js-product-list .products .ajax_block_product {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 4px 4px !important;
    }
    body#category article .thumbnail-container h3.h3.product-title {
        padding: 0px !important;
    }
    #category .thumbnail-container .product-title a,
    #category .product_list h3.h3.product-title a {
        font: normal normal normal 16px/18px Playfair !important;
        letter-spacing: 0px;
        color: #201A14;
    }
    #category .product-miniature .price {
        font: normal normal normal 16px/32px Lato;
        letter-spacing: 0px;
        color: #254032;
    }

     .wishlist a.leo-wishlist-button.btn-product.btn-primary.btn {
        width: 29px !important;
        height: 29px !important;
    }
    .page-product .wishlist {
        right: 50px;
    }

    #product .bloc1-product-page>.col-md-6:first-child {
        padding: 0;
    }
    #product .bloc1-product-page>.col-md-6:nth-child(2) {
        padding: 0 24px;
    }

    #product .right_bloc .product-shop-country {
        font-size: 12px;
        letter-spacing: 0.6px;
    }

    .page-product .h1.product-detail-name {
        font-size: 24px;
        line-height: 28px;
    }

    .page-product .current-price-value {
        font-size: 24px;
    }

    .page-product .choose-variant-label {
        font-size: 10px;
        letter-spacing: 1.2px;
    }

    .page-product .product-variants .product-variants-item ul li label span:not(.price) {
        font-size: 14px;
    }

    .page-product .product-variants .product-variants-item ul li label span.price {
        font-size: 10px;
    }

    .page-product .product-add-to-cart.js-product-add-to-cart span.control-label {
        letter-spacing: 1.2px;
    }

    .page-product .product-variants .product-variants-item ul li label {
        padding: 6px;
    }

    .page-product #add-to-cart-or-refresh .product_action .btn.btn-primary.add-to-cart {
        font-size: 16px;
        letter-spacing: 0.8px;
    }

    #product .guarantees span {
        font-size: 12px;
    }

    #product .accordion-header {
        font-size: 12px;
    }

    #product .accordion-header::after {
        width: 14px;
        height: 8px;
    }

    .page-product #guide,
    .page-product .prod-details {
        padding: 24px;
    }

    .page-product #guide .section-title span {
        font-size: 32px !important;
        line-height: 36px !important;
    }

    .page-product #guide .block-title-desc p {
        font-size: 14px;
        line-height: 24px;
    }

    .ae-usage-card {
        padding: 20px 16px 24px;
    }

    .leo-modal-review .modal-header {
        padding-left: 24px;
        padding-right: 24px;
        background-size: calc(100% - 48px) 1px;
    }

    .leo-modal-review .rating-summary {
        padding-left: 24px;
        padding-right: 24px;
    }

    #product_reviews_block {
        padding-left: 24px;
        padding-right: 24px;
    }

    .new_review_form_content {
        padding-left: 24px;
        padding-right: 24px;
    }

    .leo-modal-review .modal-footer {
        padding-left: 24px;
        padding-right: 24px;
    }

    #product .pickup-bar {
        margin-bottom: 24px;
        padding: 16px 24px;
    }

    #product .pickup-bar_inner {
        align-items: flex-start;
        gap: 12px;
        flex-direction: column;
    }

    #product .pickup-bar_separator {
        display: none;
    }

    #product .pickup-bar_btn {
        margin-left: 0;
    }

    #product .pickup-modal_header,
    #product .pickup-modal_body {
        padding: 24px;
    }

    #product .pickup-modal_field {
        margin-bottom: 24px;
    }

    .header-nav a {
        z-index: 9999;
    }
    #category div#content-wrapper {
        padding: 0px 24px;
    }
    .allo-promo-wrapper .cat_desc .right a {
            font: normal normal normal 14px / 26px Lato !important;
            letter-spacing: 0.28px;
            padding: 6px 8px !important;
            color: #FFFFFF;
    }
    .allo-promo-wrapper .cat_desc .right a span {
        display: none;
    }
    #category .cat_desc .des {
        padding: 16px !important;
    }
    #category .allo-promo-wrapper h2.section-title span#style6,
    #category .allo-promo-wrapper .section-title #style6 {
        display: none !important;
    }
    .allo-promo-wrapper .section-title #style4,
    .allo-promo-wrapper .section-title #style5 {
        font: normal normal 300 16px/16px Playfair !important;
        letter-spacing: 0px;
    }
    #category .section-label {
        font: normal normal normal 10px / 8px Lato !important;
        letter-spacing: 2.48px;
        margin-bottom: 0px;
    }
    #category #search_filter_toggler_ {
        padding: 14.5px 25px !important;
    }
    #category #js-product-list-top.products-selection .products-sort-order {
        margin-top: 0;
    }
    #category #js-product-list-top.products-selection {
        top: 0px !important;
    }
    #category .breadcrumb_box .section-title #style5 {
        text-align: left;
        font: italic normal 300 32px/32px Playfair !important;
        letter-spacing: 0px;

    }
    #category .breadcrumb_box .section-title #style4 {
        text-align: left;
        font: normal normal 300 32px/32px Playfair !important;
        letter-spacing: 0px;
    }
    #category .breadcrumb_box span.section-label {
        font: normal normal medium 10px/64px Lato !important;
        letter-spacing: 3.6px;
        text-transform: uppercase;
        opacity: 1;
    }
    #category section#wrapper .breadcrumb_box .container {
            padding: 40px 24px !important;
    }
    #category.page-category #wrapper .breadcrumb {
        margin-top: 151px;
        margin-bottom: 5px
    }
    #category.page-category #wrapper .breadcrumb {
        padding-left: 24px;
    }
    #category .breadcrumb ol li:first-child a:before {
        display: none;
    }
    .ae-about-block2 {
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
    }
    .ae-block5 .ApColumn,
    .ae-block4 .ApColumn,
    .ae-about-block2 .ApColumn{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .ae-block3 {
        padding-bottom: 0;
    }
    #product.page-product section.category-products .section-label {
        margin-bottom: 0 !important;
    }
    #product.page-product section.category-products.beige_bg article .thumbnail-container .product-meta span.price {
        margin-top: 0 !important;
        margin-bottom: 0px;
    }
    #product.page-product .fav_add .button-container.cart button {
        width: 29px !important;
        height: 29px !important;
        margin: -44px 3px 0 !important;
    }
    .page-product #add-to-cart-or-refresh .product_action .btn.btn-primary.add-to-cart {
        padding: 15px 0;
        margin-bottom: 24px;
    }

    .col-sm-12 {
        width: 100% !important;
    }

    .section-title,
    .subtitle-carrousel span.green,
    .approach-left .main-title,
    .section-title #style4,
    .section-title #style5,
    .section-title #style6 {
        font: normal normal 300 32px / 36px Playfair !important;
    }

    .beige_bg,
    .margin-section,
    #click-collect-section .click-collect-text,
    #explore-section {
        padding: 39px 24px !important;
    }

    #product.page-product .beige_bg .products-section-title {
        padding-bottom: 0 !important;
    }

    #cc-steps-section .click-collect-steps {
        padding: 0;
        margin-bottom: 40px !important;
    }

    .beige_bg .title-carrousel {
        line-height: 15px;
    }

    .approach-right .card {
        padding: 24px;
    }

    .approach-right h3 {
        font: normal normal normal 20px / 26px Playfair;
    }

    .approach-right .icon {
        min-width: 32px;
        height: 32px;
    }

    .approach-right .icon img {
        width: 32px;
        height: 32px;
    }

    .approach-right p {
        font: normal normal normal 14px/22px Lato;
    }

    .ApColumn .block {
        margin-bottom: 0px !important;
    }

    .beige_bg p.desc {
        display: none;
    }

    .beige_bg {
        position: relative;
    }

    .carrousel-bloc .owl-theme .owl-buttons {
        position: absolute;
        bottom: -20px;
        left: 0;
        top: auto;
        overflow: visible;
    }

    .owl-theme .owl-buttons div.owl-prev {
        left: 15px !important;
    }

    .owl-theme .owl-buttons div.owl-next {
        left: 55px !important;
        float: left !important;
    }

    .owl-theme .owl-buttons div {
        width: 34px !important;
        height: 34px !important;
        line-height: 34px !important;
    }

    .beige_bg .right-actions {
        position: absolute;
        bottom: -50px;
        right: 18px;
    }

    body article .thumbnail-container h3.h3.product-title {
        padding-top: 12px !important;
    }

    .approach-left .desc {
        margin-bottom: 21px;
    }

    .approach-left a.link {
        display: none;
    }

    .product-title a {
        font-size: 16px !important;
        letter-spacing: 0px;
        line-height: 20px !important;
    }

    .beige_bg article .thumbnail-container p.product-unit-price.sub {
        font: normal normal normal 16px / 30px Lato;
        margin-bottom: 0px;
        margin-left: 5px;
        margin-top: 0;
    }

    #category.page-category #wrapper .breadcrumb_box h1 {
        line-height: 20px !important;
    }

    .product-miniature .fav_add .button-container.cart {
        position: absolute !important;
        right: 4px !important;
    }

    #category .product-miniature .fav_add .button-container.cart {
        position: unset !important;
    }

    #category article.product-miniature .product-meta {
        margin-top: -4px;
        padding: 12px 0px 0px 10px !important;
    }

    body .thumbnail-container .product-price-and-shipping {
        margin-top: 0px !important;
    }

    #index .product-miniature .fav_add .button-container.cart {
        position: relative !important;
    }

    .product-flags .product-flag.new {
        font: normal normal normal 8px / 64px Lato !important;
        height: 17px !important;
        padding: 3px 4px !important;
    }

    .wishlist a.leo-wishlist-button.btn-product.btn-primary.btn {
        line-height: 28px !important;
    }

    #content-wrapper #content .wrapper .beige_bg {
        padding-bottom: 80px !important;
    }

    #header .ApColumn.search-bloc {
        width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }

    #header .ApColumn.menu-bloc {
        top: 33px;
    }

    .btn-green .btn {
        width: 100%;
        font: normal normal normal 16px / 26px Lato;
    }

    #explore-section .section-title {
        margin-bottom: 24px;
    }

    .beige_bg .subtitle-carrousel .green,
    #product.page-product section.category-products.beige_bg .products-section-title .green {
        font: normal normal 300 32px/36px Playfair !important;
    }

    .beige_bg .block_content p .section-label {
        margin-bottom: 0;
    }

    .beige_bg .subtitle-carrousel {
        margin-bottom: 24px;
    }

    body article .thumbnail-container h3.h3.product-title {
        margin-top: 8px !important;
        align-items: unset !important;
    }

    #product .owl-item article .thumbnail-container .product-meta {
        display: flex;
    }

    body article .thumbnail-container .product-meta {
        margin-bottom: 8px;
    }

    .beige_bg {
        padding-bottom: 80px;
    }

    .btn-yellow .btn {
        width: 100%;
    }

    #header .top-right-header {
        gap: 10px;
        width: 50px;
    }

    .thumbnail-container .cart .icon-cart:before {
        content: "" !important;
        display: inline-block;
        width: 29px;
        height: 29px;
        background-image: url("../img/group-33583.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media (max-width: 375px) {
    #category #search_filter_toggler_ {
        padding: 13px 9px !important;
    }
    .products-sort-order .select-title {
        min-width: 145px !important;
        padding: 5px 15px !important;
    }
    #products .btn-unstyle.select-title {
        padding-left: 10px !important;
    }
    #category .cat_desc .des {
        display: block;
    }
    #category .cat_desc .right {
        margin: 7px auto 2px;
        text-align: center;
        display: flex;
    }
    .allo-promo-wrapper .cat_desc .right a {
        width: auto !important;
    }
}