/* @font-face {
    font-family: 'ACaslonPro';
    src: url('../font/ACaslonPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */
@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat.woff2') format('woff2'),
         url('../font/Montserrat.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
select {
    color: black; /* Set your own text color */
}
:root{
    --primary-color: #c8ad7f;
    --secondary-color: #101820;
    --background-color: #f5f5f5;
    --font-color: #333333;
    --greyLight: #f3f1ee;
    --border-radius: 4px;
    --transition-duration: 0.3s;
    --greyFooter: #9a989d;
    --colorDanger: #df1b41;
    --p-colorBackgroundDeemphasize10 :#9a989d; 
}
body {
    font-family: "Montserrat",sans-serif!important;
    font-optical-sizing: auto;
    font-weight: 400!important;
    font-style: normal;
    font-size: 14px!important;
    overflow-x: hidden;
    line-height: 1.25rem!important;
    color: var(--secondary-color)!important;
}
.showRecherche  {
    display: flex;
    margin-bottom: 4px;
    margin-right: 10px;
}
.w-100{
    width: 100% !important;
}
.w-45{
    width: 45% !important;
}
.background-img-container{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -3;
    overflow: hidden;
}
.background-img-container .background-img-input{
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/* .home .entry-content>div>div>.e-con-inner{
    max-width: unset !important;
    padding: 0px!important ; 
}
 
.home .entry-content>div>div {
    padding: 0px!important ; 
} */

/* .HideRecherche{
    display: none !important;
} */
.navigation.post-navigation{
    display: none;
}
body:not(.elementor-editor-active) .div-Slider {
  display: flex !important;
  padding: 0 !important;
}

body:not(.elementor-editor-active) .div-Slider .e-con-inner {
  height: 400px !important;
  width: 100% !important;
  overflow: hidden;
  display: block !important;
  max-width: unset !important;
  padding: 0 !important;
}

body:not(.elementor-editor-active) .div-Slider video,
body:not(.elementor-editor-active) .div-Slider img {
  height: 400px !important;
  object-fit: cover;
  width: 100% !important;
}
 

body:not(.elementor-editor-active) .div-Slider .e-con-inner > .elementor-widget-image:not(:first-child) {
  display: none !important;
}

body:not(.elementor-editor-active) .div-Slider .swiper-wrapper {
  display: flex !important;
}

body:not(.elementor-editor-active) .div-Slider .swiper-slide {
  flex-shrink: 0;
  width: 100% !important;
}
.Recherche-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: #c8ad7f5e;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
  z-index: 9999;
}
 
.Recherche-overlay.show {
  opacity: 1;
  pointer-events: auto;
}
.Recherche-overlay form{
    display: flex;
    flex-direction: row-reverse;
    min-width: 30%;
    height: 48px;
    align-items: center;
    max-height: 35px;
}
.Recherche-overlay form button{
    width: 25px;
    height: 25px;
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 100%;
    border: none;
    z-index: 4;
    margin-left: -30px;
    cursor: pointer;
    border-radius: 50% !important;
    -moz-border-radius: 50%!important;
    -webkit-border-radius: 50% !important;
}
.Recherche-overlay i{
    color: #fff;
}
.Recherche-overlay form input{
    background-color: #fff !important;
    border: none !important;
    padding: 0 1rem;
    z-index: 3;
    min-width: 320px;
    border-radius: 2rem !important;
    -moz-border-radius: 2rem!important;
    -webkit-border-radius: 2rem !important;
    --border-radius: $radius!important;
    color: #111;
    flex: 1;
    height: 100%;
    margin: 0;
}
.search-products-box-close i {
    background-color: #111;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
    cursor: pointer;
    border-radius: 50% !important;
}
.site-branding-text a{
    font-family: 'ACaslonPro' !important;
    font-size: 50px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 3px;
    filter: blur(0.5px);
}
.Top-header a{
    color: var(--secondary-color);
    text-decoration: unset !important;
}
.Top-header>div{
     width: 33.33%
}
.centerDiv ,.leftDiv , .rightDiv{
    display: flex;
}
.centerDiv {
    justify-content: center;
}
.rightDiv{
    justify-content: flex-end;
}
.rightDiv .account-text{
    margin-left: 30px;
    margin-right: 10px;
}
.Top-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 40px 16px
}
.account-text{
    font-weight: 600;
    text-transform: uppercase;
}
.icon i{
    font-size: 20px;  
}
.account-icon i{
    font-size: 26px !important;
    margin-left: .5rem;
 }
 .header-icons{
    display: flex;
    flex-direction: row;
    align-items: center;
}
 ul#primary-menu{
    display: flex;
    flex-direction: row;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    gap: 2rem;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}
ul#primary-menu>li{
    margin-top: 8px;
    line-height: 1em;
    padding: 11px 0;
}
ul#primary-menu>li a , .sub-menu li a{
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    color: #000000 ;
 
}
 .sub-menu li a{
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    padding: 6px 20px;
    width: 200px;
}
.sub-menu{
    list-style: none;
    display: none;
    position: absolute;
    background: white;  
    padding: 0 !important;
    min-width: 270px;
    border: solid 1px #ddd !important;
    border-top: none !important;  
    flex-direction: column;
    z-index: 55;
    border-radius: 0px 0px 15px 15px;
}
.sub-menu li {
    padding: .5rem 0 !important;
    line-height: 1;
}

 
li.menu-item-451 .sub-menu {
    left: 50%;
    transform: translateX(-50%);
    width: 100vw !important;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row !important;
}
li.menu-item-451 .sub-menu li{
    width: 15%;
}
li.menu-item-451  .sub-menu li a {
    display: flex !important;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    width: 100% !important;
    line-height: 1;
}

.mobile-only{
    display: none;
}
.center-header form{
    display: flex;
    border-bottom: 1px solid;
    margin: 0 1rem !important;
}
.center-header form .search-field{
    margin: 0;
    font-size: 17px;
    line-height: normal !important;
    border: none;
    color: #666;
    padding: 0.715em !important;
    height: auto;
    min-height: 0;
    text-transform: capitalize;
    width: 100%;
}
.center-header form button{ 
    border: unset;
    background: unset;
    font-size: 23px;
}
.center-header form .search-field:focus-visible,
.center-header form button:focus-visible{ 
    border: unset;
    outline: unset !important;
}
footer h3 ,footer p, footer a, footer i{
    color: #ffffff;
}
footer h3 {
    text-align: center;
    font-size: 22px;
}
.contact-info  i{
    font-size: 25px !important;
    margin-right: 10px;
 
}
.contact-info  li{
 
    margin-bottom: 20px;

}
.center-footer>div{
    max-width: 33.33%;
}
 footer i{
    color: #ffffff;
    font-size: 30px;

}
footer{
    background-color: var(--primary-color) !important;
    padding: 20px 0;

}
.top-footer{
    display: flex;
    flex-direction: column; 
    align-items: center;
    justify-content: center;
}
.social-icons{
    display: flex;
    justify-content: center;
    gap: 4rem;
    align-items: center;
}
.bi-youtube {
    font-size: 40px;
}
.center-footer{
    display: flex;
    justify-content: space-between;
    border-top: solid 1px #fff !important;
    border-bottom: solid 1px  #fff  !important;
    padding: 2rem 0 !important;
}
 
.center-footer-branding{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}
.center-footer h2{
    font-size: 20px;
    color: #fff;
    font-size: 20px;
    color: #fff;
    MARGIN-BOTTOM: 16PX;
    TEXT-TRANSFORM: UPPERCASE;
}
.top-footer p{
    margin: 0;
    font-size: 14px;
    color: var(--greyFooter) !important;
    text-align: center;
}
.bottom-footer p,
.center-footer a{
    color:  #fff !important;
    text-decoration: none !important;
    font-size: 14px;
}
.center-footer .menu{
    padding: 0% !important;
    list-style: none;
    margin-bottom: 0px;
}
.bottom-footer{
    display: flex;
    align-items: center;
    padding-top: 20px;
    flex-direction: column;
}   
.bottom-footer p{
    margin: 0;
}
.branding img{
    width: 70px;
    height: auto;
    border-radius: 35%;
    margin-bottom: 20px;
}
.SliderHome img,
.SliderHome video{  
    height: 400px !important;
    object-fit: cover;
    width: 100% !important;
}

.SliderHome figure,
.SliderHome div ,
.SliderHome{
    max-height: 400px;
    object-fit: cover;
    margin-bottom: 0px !important;
}
.SliderHome .cb-pagination span {
    height: 12px !important;
    width: 12px !important;
    background-color: var(--primary-color) !important;
}
 
.SliderHome .cb-pagination{
   bottom: 10px !important;
}
.SliderHome .cb-button-next::after,
.SliderHome .cb-button-prev::after{
    font-size: 25px !important;
    font-weight: 700;
}
.SliderHome .cb-button-next{
    right: 0!important;
    opacity: 1 !important;

}
.SliderHome .cb-button-prev{
    right: 0!important;
    left: 0!important;
    opacity: 1 !important;
}
.product-card .single_add_to_cart_link{
    position: absolute;
    z-index: 888;
    width: 100%;
    top: 0;
    left: 0;
    height: 230px;
    align-items: center;
    justify-content: center;
    background: #ffffff6b;
}
 
.single_add_to_cart_link.button ,.single_add_to_cart_link button , .single_add_to_cart_link  div.br_wish_wait_block span.br_ww_button:hover ,.single_add_to_cart_link .br_wish_add {
    border: 0 !important;
    font-size: 29px !important;
    margin-right: 5px !important;
    background: unset !important;
    color: var(--primary-color) !important;

}

.woocommerce_breadcrumb{
    width: 80%;
    max-width: 1080px;
    margin: auto;
    position: relative;
    padding: 20px 0px;

}
.Section-slider , 
.Section-product-brands-slider {
    max-width: 1300px;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.Section-slider .swiper-slide{
    width: 396px;
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    align-items: center;
}
 
.cat_slider_checkbox ,
.sillage_slider_checkbox ,
.Section-product-brands-slider .swiper-button-next ,
.Section-product-brands-slider .swiper-button-prev,
.product-card table.variations label,
.product-card table.variations label,
.woocommerce table.variations label,
.select_prix .woocommerce-variation-description, 
.select_prix .woocommerce-variation-add-to-cart.variations_button, 
.select_prix .woocommerce-variation-availability, 
.product-card .woocommerce-variation-add-to-cart .quantity,
.xoo-cp-adding,
.xoo-cp-added ,
.single_add_to_cart_link {
    display:  none;
}
.qty-input,
.reset_variations,
.summary.entry-summary .single_add_to_cart_button_Card,
.product-card .single_add_to_cart_link  .single_add_to_cart_button ,
.summary.entry-summary .single_variation_wrap .woocommerce-variation.single_variation  ,
.woocommerce-variation-add-to-cart .quantity{
    display: none !important;
}
.single_add_to_cart_link.show {
    display: flex!important;
}
.product-card .single_add_to_cart_link  .single_add_to_cart_button {
    margin-top: 0;
    padding: 0 !important;

}
.product-title a{
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: unset;
    color: var(--bs-black);
}
.product-card{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-card form{
    display: flex;
}

 form select{
    outline: unset;
    border: unset;
    width: 80%;
}
.product-card form .single_variation_wrap{
    width: 50%;
    border-left: 1px solid;
}
form .price{
    display: flex;
    justify-content: flex-end;
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    margin: 0px;
    color: #111111 !important;
    font-size: 14px !important;
}
.product-thumb img{
    height: 230px !important;
    width: 180px !important;
    aspect-ratio: 200/300 !important;
    object-fit: cover;
    border-radius: 20px;
}
.product-brands p>a,
.product-brands p {
    text-decoration: unset;
    color: var(--grey);
    font-size: 14px;
    font-style: normal;
    margin: 0;
    font-weight: 500;
    line-height: 30px;
    align-items: center;
    justify-content: center;
}
.product-categories a,
.product-sillage p{
    text-decoration: none;
    color:#000000;
    font-size: 14px;
    font-style: normal;
    margin: 0;
    font-weight: 400;
    line-height: 20px;
}
.product-sillage p{
    padding-bottom: 10px;
}
.swiper-button-next , .swiper-button-prev{
    color: #000000 !important;
}
h2.main-Titel {
    margin-top: 3rem;
    font-family: "ACaslonPro", serif;
    font-size: 2rem;
    color: #484848;
    font-weight: 700;
    text-align: center;
}
.main-Titel h2{
    /* margin-top: 3rem; */
    font-family: "ACaslonPro", serif !important;
    font-size: 2rem;
    color: #484848 !important; 
    font-weight: 700 !important;
    text-align: center;
}
 .product-title {
    font-size: .8rem !important;
    text-decoration: none;
    line-height: 1;
    min-height: 30px;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
}
 
a, a:hover {
    text-decoration: none;
}
.button-continue a {
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    border: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:  var(--primary-color) ;
}
.button-continue a span{
    font-family: "Montserrat",sans-serif!important;
}
.button-continue {
    margin: auto !important;
}
.brand-card img {
    width: 100%;
    object-fit: cover;
    height: 250px !important;
}
.discover-btn ,
.brand-card p ,
.brand-card h3 {
    font-size: 14px;
    text-align: left;
}
.discover-btn,
.brand-card h3 {
    font-weight: 700;
    margin: 0 !important;
    color: #000000 !important;
}
.brand-card p {
    margin: 10px 0px;
}
.brand-card h3 {
    padding-top: 10px;
}
.Section-product-brands-slider{
    margin-bottom: 60px;
}

.LivraisonSection>div{
    width: 23%;
    gap: 1%;
}
.LivraisonSectionElem  img {
    height: 115px !important;
    width: auto !important;
}
.LivraisonSection img {
    height: 70px !important;
    width: auto !important;
}
.LivraisonSection figure {
    display: flex;
    justify-content: center;
}
.LivraisonSectionElem h3{
    font-size: 15px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: auto;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
}
.LivraisonSectionElem p{
    font-family: "Montserrat",sans-serif!important;
    font-optical-sizing: auto;
    font-weight: 400!important;
    font-style: normal;
    font-size: 14px!important;
    overflow-x: hidden;
    line-height: 1.25rem!important;
}
.LivraisonSection h2 {
    font-size: 15px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: auto;
    margin-bottom: 10px !important;
    max-width: 200px;
}
.LivraisonSection p {
    text-align: center;
}
.LivraisonSection   {
    margin-top: 74px;
    margin-bottom: 32px;
}
.wpcf7-spinner{
    display:none
}

.Newsletter P{
    margin: 0;
    max-width: 80% !important;
}
.Newsletter,
.NewsletterDiv form {
    max-width: 100% !important;
}
.NewsletterDiv{
    display: flex;
    justify-content: center;
}
.NewsletterDiv .wpcf7-email {
    padding: .60rem 1rem !important;
    HEIGHT: 45PX;
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 150px 0px 0px 150px;
    max-width: 100%;
}
.NewsletterDiv  {
    padding-bottom: 8px !important;
}
.Newsletter .wpcf7-submit{
    margin-left: -20px;
    z-index: 555;
    position: relative;
    padding: .75rem 1.25rem !important;
    font-size: .9rem !important;
    font-weight: 600 !important;
    border-radius: 150px;
    border: unset;
    background: var(--primary-color);
    color: white;
    HEIGHT: 45PX;

}
.Newsletter .wpcf7-list-item {
    margin: 0PX;
    FONT-SIZE: 11.2px;
}
#SectionNewsletterAndText{
    background-color: var(--greyLight);

}
/* .SectionNewsletter{
    display: flex;
    justify-content: space-between;
    padding: 22px 48px;
    max-width: 1300px;
    margin: auto;
} */
 .SectionNewsletter{
    padding: 0px;
 }
.SectionNewsletter h2{
    font-size: 28px;
    line-height: 35px;
    text-align: center;
    font-family: "Montserrat",sans-serif!important;
}

#wc-ajax-filter h4{
    font-size: 1rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    margin-bottom: 1rem !important;
    padding: 0 !important;
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}
#wc-ajax-filter label{
    cursor: pointer;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--black);
    cursor: pointer;
    margin-bottom: 10px;
    height: 20px;
    color: #111111b0;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}
#wc-ajax-filter label input[type="radio"] {
    height: 20px;
    width: 20px;
    accent-color: #000000;  
}
.filter-content {
    display: flex;
    flex-wrap: wrap;
    max-width: 1300px;
    margin: auto;
    padding: 22px 20px;
    overflow: hidden;
    position: relative;
} 
.filter-content .entry-content {
    width: 79%;
}
.filter-content header{
    width: 20%;
}
.filter-content.hide .entry-content{
    display: none;
}
.filter-content .woocommerce.Chargement{
    height: 100%;
    display: flex;
    justify-content: center;
}
.filter-content .woocommerce.Chargement p{
    margin-top: 300px;
}
 #cat-slider , 
 #sillage-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 2px !important;
    background: #000;
    outline: 0;
    opacity: .7;
    -webkit-transition: .2s;
    position: relative;
 
}
#cat-slider::-webkit-slider-thumb,
#sillage-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* border: 1px solid #444; */
  width: 10px;
  height: 10px;
  border-radius: 3px;
  position: relative;
  /* background-image: url("../img/V_ACaslonPro.png"); */
  /* background-size: cover;       
  background-position: center; 
  background-repeat: no-repeat; */
  cursor: pointer;     
  border-radius: 150px; 
  background-color: #000 !important;
  color: #000 !important;       
}
.woocommerce div.product{
    margin-top: 20px;
}
.summary.entry-summary .single_add_to_cart_link{
    display: flex;
}
.summary_img_produit{
    width: 80%;
    max-width: 80%;
    margin: auto;
} 
.product.type-product .woocommerce .product_title.entry-title {
    font-family: "ACaslonPro", serif;
    font-size: 4rem;
    font-weight: 500;
    padding: 0;
    text-align: left;
    line-height: 40px;
    margin-bottom: 40px;
}
.summary.entry-summary .product-brands   a {
    font-size: 20px!important;
    line-height: unset !important;
    padding-bottom: 10px!important;
    color: #000;
    text-decoration: none;
}
.summary.entry-summary .product-brands   {
 
    padding-bottom: 10px;

}
.summary.entry-summary .woocommerce-product-details__short-description   {
    margin-top: 16px;
    font-size: 16px;
 
}
.product-tags:before {
    content: " ";
    height: 1px;
    background-color: #d9d9d9;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.product-tags{
    position: relative;
    padding-top: 10px;

}
.Product-famille-olfactive label,
.product-tags,
.product-Créateur{
    font-size: 14px !important;
    padding-bottom: 10px;
    margin-bottom: 0px;
    
}
.single-product .product.type-product .woocommerce-product-gallery{
    width: 41%;
    display: flex;
    width: 41%;
    max-height: 660px;
    flex-direction: column;
}
.single-product .product.type-product  .summary.entry-summary{
    width: 57%;
}
.product-type-composite .entry-content{
    width: 100%;
}
.product.type-product.composite_Type .product_title.entry-title{
    text-align: center !important;
    margin-top: 40px !important;
}
.single-product .product.type-product.composite_Type  .summary.entry-summary .woocommerce-product-details__short-description   ,
.single-product .product.type-product.composite_Type .summary.entry-summary{
    width:  100% !important;
    max-width:  100% !important;
}
.single-product .product.type-product{
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}
.select_prix , .woocommerce-Price-amount{
    display: flex;
    max-width: 175px;
    align-content: center;
    align-items: center;
    font-weight: 600;
    color: #000;
}
.select_prix table{
    margin: 0px !important;
}
.select_prix select {
     font-weight: 600; 
     margin: 0px;
}
.select_prix .woocommerce-variation-price bdi{
     font-size: 14px; 
}
.single-product .product.type-product  .single_add_to_cart_link {
    align-items: center;

}
.single-product .product.type-product  .single_add_to_cart_button {
    text-transform: uppercase !important;
    background-color: var(--primary-color) !important;
    padding: .5rem 1.5rem !important;
    font-size: .8rem !important;
    font-weight: 600 !important;
    border-radius: 2em !important;
    letter-spacing: 2px;
    color: #fff !important;
    line-height: unset;
    height: 30px !important;
    display: flex;
    align-items: center;
}
.br_wish_wait_block i{
    color: #000 !important;
}
.title_small{
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 20px;
    margin: 0;
    padding-bottom: 10px;
}
 
.Range{
    display: flex;
    width: 100%;
    justify-content: space-between;
    max-width: 700px;
}
 
.Range p{
    margin: 0;
 
    align-items: center;
 
    font-size: 90px;
    position: absolute;
    top: -18px;
    z-index: 5;
    color: var(--primary-color);
    line-height: 0;
}
.Range img{
    width: 30px;
    border: 1px solid #444;
    border-radius: 40%;    
    position: absolute;
}
.Range .span-Range{
    width: 55%;
    position: relative;
    display: flex;
    align-items: center;
} 
.Range .span-Range .second-line{
    position: relative;
    display: flex;
    height: 2px;
    background: var(--primary-color);
} 
.Range .span-Range .first-line{
    position: relative;
    display: flex;
    height: 4px; 
    background: var(--primary-color);
}
.Range.center .span-Range .second-line{
    width: 50%;
} 
.Range.center .span-Range .first-line{
    width: 50%;
}
.Range.center p,
.Range.center img{
    left:  calc(50% - 15px);
}
.Range.left .span-Range .second-line{
    width: 100%;
} 
.Range.left .span-Range .first-line{
    width: 0%;
} 
.Range.left p,
.Range.left img{
    left:  -5px;
}
.Range.right .span-Range .second-line{
    width: 0%;
} 
.Range.right .span-Range .first-line{
    width: 100%;
} 
.Range.right p,
.Range.right img{
    left:  calc(100% - 10px);
}
.Range label{
    width: 50px;
}
.Product-famille-olfactive{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;

}
.product.type-product .flex-direction-nav{
    display: none;
}
.famille-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;

}
.famille-item img{
    width: 60px;
}
.famille-name{
    font-weight: 700;
}
.olfactives-box{
    display: flex;
 
    margin: auto;
    align-items: baseline;

}
.olfactives-section{
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.olfactives-section h3{
    color:  #fff;
    font-weight: 700;
    font-size:  1.74rem !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.olfactives-section img{
    max-width: 30px !important;
    height: auto !important;
    margin-right: 5px;
}
.big-section-Olfactives h2{
    display: flex;
    width: 100%;
    padding-bottom: 30PX !important;
     font-size: 2rem !important;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.showolfactives::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid;
    margin-left: px;
    opacity: 1;
    margin-top: 15px;
}
.big-section-Olfactives::before {
    content: " ";
    width: 100%;
    position: ABSOLUTE;
 
    height: 1PX;
    TOP: 0;
    RIGHT: 0;
    BACKGROUND: #d9d9d9;
}

.big-section-Olfactives {
    padding: 1.5rem 0 3rem 0;
    width: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.41);
    color: #fff;
}
.related.products,
.woocommerce-tabs .tabs ,
.woocommerce-tabs .woocommerce-Tabs-panel {
    max-width: 80%;
    margin-left: auto !important;
    margin-right: auto !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    border: unset;
    border-bottom: 2px solid  !important;
    color: #000  !important;
    padding-left: 4px;

 }
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border: unset  !important;
    background: unset  !important;
    color: #000;
    margin-right: 30px;
    font-size: 18px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0px;
}
.woocommerce-tabs{
    width: 100%;
    background-color: rgb(243, 241, 238);
    padding-top: 32px;
}
.woocommerce-tabs p{
    color: #000;
    font-weight: 600;
    font-size: 14;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
    display: none !important;
    width: 0px !important;
}
.woocommerce-Tabs-panel .brand-card img{
    width: 30%;
    object-fit: cover;
    height: auto;
}
.related.products h2{
    font-size: 2rem !important;
    font-family: "ACaslonPro", serif;
    font-size: 3rem;
    font-weight: 500;
    text-align: center;
    padding-top: 3rem !important;
    padding-bottom: 20px !important;
}
.product-card .select_prix  .woocommerce-variation-price{
    display: none !important;
}
 
.wc-block-cart__submit-container{
    position: relative !important;
}
.wc-block-cart__submit-container a{
    background-color: var(--primary-color);
    color: #ffffff !important;
    padding: 1rem !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    border: none !important;
}
.cart-item-quantity,
.supp_prix{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.quantity-controls{
    display: flex;
    gap: 10px;
}
.quantity-controls button{
    background: unset;
    border-radius: 50%;
    font-size: 24px;
    width: 25px !important;
    height: 25px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.supp_prix {
    padding-top: 1rem;
}
.cart-item-subtotal bdi,
.div-item-remove  a , 
.cart-item-price bdi,
.cart-item-brand,
.item-remove{
    font-weight: 400 !important;
    font-size: 12px;
    color: #111111db !important;
}
.cart-item-title a{
    margin-bottom: 0px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #111;
    text-decoration: unset;
}
.cart-item-brand {
    margin-bottom: 4px;
}
.cart-left {
    display: flex;
    flex-direction: column;
}
.cart-left button.btn_submit{
    width: fit-content;
    margin: auto;
    margin-bottom: 30px;
}
 .LivraisonAndPaiement{
    color: #000;
    font-family: Montserrat, serif !important;
}
.cart-loading-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.cart-loading-overlay .spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top: 4px solid #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.order-total{
    display: flex;
    align-items: center;
    justify-content: space-between;   
    margin-bottom: 14px;

}
.order-total p{
    font-size: 1.5rem !important;
    color: #000000;
    font-family: 'Adobe Carlson Pro';
    font-weight: 600 ;
}
.order-total bdi{
    font-size: 1.5rem !important;
    font-weight: 500 !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a{
    color: var(--primary-color) !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell .woocommerce-button{
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom:  0 !important;
}
.woocommerce-edit-address  .woocommerce-address-fields button.button {
        width: fit-content !important;
    margin-top: 20px;
}
.woocommerce-edit-address  .woocommerce-address-fields button,
.woocommerce-orders-table__cell .woocommerce-button,
.sectionMapText .wp-block-button__link,
.Sectionpaternaire form  .wpcf7-submit,
.SectionContact form  .wpcf7-submit,
.btnCreeAccount a, 
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit ,
.woocommerce-form-register .woocommerce-form-register__submit ,
.woocommerce-MyAccount-content form Button.woocommerce-Button ,
.place_order,
.checkout-button.button ,.go-next{
    background: var(--primary-color) !important;
    padding-top: 0.3em !important;
    padding-right: 1em !important;
    padding-bottom: 0.3em !important;
    padding-left: 1em !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    border: none !important;
    color: #fff !important;
    text-decoration: unset;
    font-size: 1rem !important;
    line-height: 1.7em !important;
    margin-bottom: 32px !important;
    width: 100% !important;
}
.LinkButton-inner{
    border-radius: 30px !important;

}
.cart-right .shop_table , .coupon{
    width: 100%;
}
.coupon{
    width: 100%;
    display: flex ;
    justify-content: center;
}
.coupon button{
    margin-left: -25px;
    background-color: #111 !important;
    z-index: 5;
    color: #fff;
    border-radius: 30px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    border: none !important;
    width: fit-content;
    padding-top: 0.3em !important;
    padding-right: 1em !important;
    padding-bottom: 0.3em !important;
    padding-left: 1em !important;
}
.coupon .input-text{
    width: 80% !important;
    margin: 0 !important;
    padding: .75rem 1rem !important;
    border-radius: 20px 0px 0px 20px !important;
    border-color: #141414 !important;
}
.coupon{
    width: 100%;
}
.reinsurance-row{
    border-top: solid 1px #D4D4D4;
    padding: 1rem .5rem;
    display: flex;
    gap: 2rem;
    align-items: center;
}
.reinsurance-row img{
     max-width: 60px !important;
}
.reinsurance-row h3{
    font-weight: 500 !important;
    text-transform: uppercase;
    font-size: 1rem !important;
}
.reinsurance-row p{
    font-size: 14px;
    margin: 0;
}
.cart-actions {
    width: 100%;
    display: flex
;
}
.cart-actions button{
    margin: auto;
}
.go-next{
    width: 100%;
}
form label.required_field.error{
    color: red !important;
}
#next-btn:disabled {
    cursor: not-allowed;     
    opacity: 0.6;              
}
@keyframes spin {
    100% { transform: rotate(360deg); }
}
.LivraisonAndPaiement  form label {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    padding-bottom: .25rem;
    color:  #111 !important;

}
#billing_country_field{
    display: none;
}
.LivraisonAndPaiement  form   input {
    padding: .25rem .5rem !important;
    font-size: 14px !important;
    border: solid 1px #D4D4D4 !important;
    background-color: #fff;
    color:  #111 !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px !important;
    --border-radius: 4px!important;
}
#order_info h2 {
    text-align: left !important;
    font-weight: 500 !important;
    font-size: 1.25rem !important;
    padding-bottom: .5rem !important;
    margin: 0;

}
#customer_details #shipping_method{
    border-top: solid 1px #D4D4D4;
    padding-top: 1rem;
    list-style-type: none; 
    padding-left: 0;
}
#order_info #shipping_method{
    list-style-type: none; 
    padding-left: 0;
    font-size: 12px;
}
#customer_details #shipping_method li::before{
    display: flex;

    
}
#customer_details #shipping_method li::before{
    content: " ";
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #000;
    border: 3px solid #fff;
    box-sizing: border-box;
    margin-right: 10px;
}
.addresses{
    display: flex;
    justify-content: space-between;
}
.addresses p , .addresses .addresses-one-title {
   margin: 0px ;
   font-size: 14px;
}
.addresses .addresses-one-title{
     font-weight: 600;
}
.addresses a{
    color: #111;
    margin-top: 8px;
    display: flex;
}
.order_info .woocommerce-checkout-review-order-table{
    display: none;
}
#payment{
    background: unset !important;
}
#payment .payment_box.payment_method_stripe{
    background: unset !important;
    margin: 0px!important;
    padding: 0px!important;
}
#payment .place-order{
 
    padding: 0px!important;
}
#payment .wc-saved-payment-methods{
      padding: 0px!important;
}
iframe .p-CardForm  input{
    border-radius: 8px !important;
    line-height: 45px;
    border: 1px solid var(--p-colorBackgroundDeemphasize10);
}
.payment_method_cod{
    padding-left: 0;
    background: 0;
}
.Input--invalid {
    color: var(--colorDanger);
    border-color: var(--colorDanger);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), 0 0 0 1px var(--colorDanger);
}
.LivraisonAndPaiement #place_order,
.woocommerce-checkout #payment div.payment_box::before,
.LivraisonAndPaiement .cart-right .shop_table{
    display: none !important;
}
#payment li.wc_payment_method> label{
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    padding: 20px 0px;
}
#payment ul.payment_methods{
    padding: 1em 0 !important ;
    padding-top: 20px !important;

}
 .custom-order-summary {
    padding-top: 30px;
}

.order-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.order-item-image img {
    width: 70px;
    height: auto;
    margin-right: 15px;
    border-radius: 4px;
}

.order-item-details {
    display: flex;
    font-size: 14px;
    flex-direction: column;
}

.product-brand {
    font-weight: bold;
}

.product-name {
    text-transform: uppercase;
    font-size: 13px;
}

.product-price {
    font-size: 14px;
    margin: 5px 0;
}

.product-qty {
    color: #555;
}

.order-totals {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px;
}

.order-row {
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
    font-size: 14px;
}

.order-row.total {
    font-weight: bold;
    font-size: 16px;
}
.xoo-wsc-basket{
    display: none !important;
}
.single_add_to_cart_link .br_wish_button {
    display: flex;
    padding: 0px !important;
    margin: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single_add_to_cart_link .single_add_to_cart_button_Card {
    padding: 0 !important;
    margin-top: 0 !important;
    margin-left: 10px !important;
    font-size: 31px !important;
    color: #000 !important ;
}
.xoo-wsc-sc-count {
    background-color: var(--primary-color) !important;
 
}
.berocket_ww_list_title{
    display: none;
}
.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
    gap: 1rem !important;
    padding: 0 !important;

}
.woocommerce-MyAccount-navigation li {
    list-style: none;
    padding-bottom: 20px;

}
.woocommerce-MyAccount-navigation li a {
    color: #484848;
    font-size: 1rem;
    font-style: normal;
    text-decoration-line: none;
    display: flex;
    align-items: baseline;
    gap: .5rem;
}
#payment li.wc_payment_method> label{
    display: flex;
}
/* .woocommerce-MyAccount-navigation li:nth-child(2) a:before {
    content: "\f3c5";
}
.woocommerce-MyAccount-navigation li a:before {
    font-weight: 900;
    font-family: "Font Awesome 6 Sharp", sans-serif;
    font-size: 1rem;
} */
.woocommerce-MyAccount-navigation {
    background-color: #f3f1ee;
    padding: 2rem !important;
    width: 23% !important;
}
.woocommerce-MyAccount-navigation li.is-active a {
    color: var(--primary-color);
    font-weight: 700 !important;

}

.woocommerce-MyAccount-content{
    background-color: #fff;
}
/* .woocommerce-account .woocommerce{
  display: flex;
} */
/* 
.woocommerce-MyAccount-content{
  display: flex;
} */
 .woocommerce-Address-title{
    font-family: "ACaslonPro", serif;
    font-size: 1.5rem;
    color: #484848;
    font-weight: 700;
 }
 .woocommerce-account .addresses .title .edit{
    float: left !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500 !important;
 }
 
form .form-row label {
    width: 50% !important;
    color: #262d33;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.woocommerce-account .woocommerce form.woocommerce-EditAccountForm  {
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin: auto;
    flex-wrap: wrap;
}
.woocommerce-account .woocommerce form.woocommerce-EditAccountForm  {
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin: auto;
    flex-wrap: wrap;
}
.woocommerce-account .woocommerce form .woocommerce-form-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 20px;
}
.logged-in .woocommerce form .woocommerce-address-fields,
.logged-in .woocommerce form h2,
.logged-in .woocommerce form .form-row label{
    width: 100% !important;
}
.woocommerce-account .woocommerce form legend   {
    display: none;
}
.woocommerce-account  form .form-row input,.woocommerce-account  form .form-row input.input-text{
border: solid 1px #f3f1ee !important;
}
.titelMyAccount
{    
    font-family: "ACaslonPro", serif;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.25 !important;
    margin: 0;
    padding: 0;
    color: #262d33 !important;
    text-align: center;
    margin-bottom: 1rem !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 77%;
    padding: 0 1%;
    padding-top: 40px;
}
.SectionLogin{
    max-width: 1080px;
    margin: auto;
    position: relative;
    padding: 1rem 0 !important;
    width: auto !important;
    display: flex;
    align-items: stretch !important;

    gap: 2rem;
    padding: 20px !important;

}
.SectionInscription {
    max-width: 1080px;
    margin: auto;
    position: relative;
    padding: 1rem 0 !important;
    width: auto !important;
    align-items: flex-start;
    display: flex;
    gap: 3rem;
    padding: 5rem 10px !important;

}
.SectionInscription>div,
.SectionLogin>div{
    width: 50%;
}
.SectionInscription form .woocommerce-form-row input{
    border-radius: 7px !important;
    background: #fff !important;
    height: 36px !important;
    width: 100% !important;
    color: #484848 !important;
    font-family: Montserrat, serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 0 10px !important;
    margin-bottom: 15px;
    border: 1px solid #bbb !important;
}
.SectionInscription form .woocommerce-form-row label{
    font-weight: 700 !important;
}
.SectionInscription form .woocommerce-form-row ,
.SectionLogin  form .woocommerce-form-row {
    display: flex;
    align-items: flex-start !important;
    flex-direction: column !important;
    margin: 0 !important;
}
.SectionLogin  form{
    width: 100% !important;
    margin-top: 1rem;
    padding: 1rem;
    background-color: var(--greyLight);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 1rem !important;
    -moz-border-radius: 1rem!important;
    -webkit-border-radius: 1rem !important;
    border: unset !important;

}
.SectionInscription form .woocommerce-form-row input,
.SectionLogin  form .form-row input.input-text {
    padding: .25rem .5rem !important;
    line-height: unset !important;
    width: 100%;
    border-radius: 5px !important;
}
.HeadFormLogin p,
.form-row.parent_lost_password_login ,.form-row.parent_lost_password_login p{
    margin: 0 !important;
}
.form-row.parent_lost_password_login p a{
    color: rgba(72, 72, 72, .5) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: unset;
}
.div-login-btn{
    width: 80% !important;
    margin: auto !important;
}
.SectionInscription .woocommerce-form-register .div-login-btn {
    margin: auto !important;
}
.div-login-btn,
.woocommerce-form-register .woocommerce-form-register__submit,
.SectionLogin form .div-login-btn button.woocommerce-form-login__submit{
    margin-bottom: 0 !important;
}
.SectionInscription .HeadFormLogin h2 {
    text-align: center;
    margin-bottom: 20px !important;
}
 

.RightCreeAccount h2 ,
.HeadFormLogin h2 {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: left;
    padding: 0 !important;
    margin: 0 !important;
}
.SectionInscription .RightCreeAccount  .HeadFormLogin h2{
    font-size:2rem;

}
.SectionInscription form .woocommerce-form-row {
    display: flex;
    flex-direction: column;
}


.SectionLogin form .form-row label{
    line-height: 1.25rem !important;
}
.password-input{
    width: 100%;
}
.RightCreeAccount>div{
    width: 100%;
}
.SectionLogin .RightCreeAccount .btnCreeAccount{
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    padding:0px 22px ; 
 }
 .SectionLogin form .div-login-btn button.woocommerce-form-login__submit{
    margin-right: 0px !important;
 }
.SectionLogin .RightCreeAccount{
    display: flex;
    flex-direction: column;
}
.SectionLogin .RightCreeAccount .btnCreeAccount a {
    margin-right: auto;
    margin-left: auto;
    padding-top: 0.3em !important;
    padding-right: 1em !important;
    padding-bottom: 0.3em !important;
    padding-left: 1em !important;
    border-radius: 30px !important;
    text-align: center;
    display: block;
    width: 80% !important;
    margin-bottom: 0 !important;
}
.RightCreeAccount .btnCreeAccount{
    margin: auto;
}
.LeftInfoCreeAccount h4{
    color: var(--primary-color);
    font-weight: 600;
    font-size: 14px;
}
.LeftInfoCreeAccount  {
    display: flex;
    flex-direction: column;
}
.ExperiencePersonnalisee ,.GestionCommandes ,.AvantageExclusif {
    margin-top: 15px;
}
/* .xoo-cp-content .xoo-cp-remove,
.xoo-cp-content .xoo-cp-pimg,
.xoo-cp-content .xoo-cp-pprice,
.xoo-cp-content .xoo-cp-pqty,
.xoo-cp-content .xoo-cp-ptotal{
    display: none !important;
} */
 .xoo-wsc-basket,
 .xoo-wsc-footer-txt,
.xoo-wsc-ft-btn-checkout{
    display: none !important;
} 
.xoo-wsc-ft-buttons-cont{
    display: flex;
    flex-direction: row-reverse
}
.xoo-wsc-ft-buttons-cont a{
    font-size: .9rem !important;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    padding: 10px 10px !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border: none !important;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-continue{
background-color: #858585 !important;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-cart{
background-color: var(--primary-color) !important;
}
.xoo-wsc-opac{
    background-color:  #c8ad7f75;
}
 .xoo-cp-btns a{
    color: #fff;
    font-size: .9rem !important;
    outline: 0 !important;
    border: none !important;
    box-shadow: 0 0 0 !important;
    --webkit-box-shadow: 0 0 0 !important;
    padding: .25rem 1rem !important;
    font-weight: 600;
    background: var(--primary-color);
    text-decoration: unset;
    white-space: nowrap;
}
.xoo-cp-btns{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.xoo-cp-pdetails td.xoo-cp-ptitle{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.xoo-cp-pdetails td.xoo-cp-ptitle a{
    font-size: 16px;
    color: #111;
    font-weight: 700;
    text-decoration: unset;
}
.xoo-cp-pdetails td.xoo-cp-ptitle .variation{
    margin: 0 !important;
}
.woocommerce-account  .berocket_ww_container  .woocommerce form{
       flex-direction: row !important;
}
 
.SectionMarques ,
.SectionImgText,
.sectionMapText,
.NoterhistoireCarteSection,
.LivraisonSection ,
.Sectionpaternaire,
.SectionFAQ, 
.accordion,
.SectionContact,
.TextBlock{
    width: 80%;
    max-width: 1300px;
    margin: auto;
    position: relative;
    padding: 20px 0px;
}
.Sectionpaternaire>div,
.SectionContact>div{
    width: 48%;
}
.Sectionpaternaire {
    gap: 4%;
}
.Sectionpaternaire textarea,
.SectionContact textarea{
    width: 100%;
}
.SectionContact .DivTextContact {
    padding: 0 30px;
}
.SectionContact .DivTextContact strong {
    padding-bottom: 15PX;
}
.Sectionpaternaire .DivTextContact p  ,
.SectionContact .DivTextContact p ,.SectionContact .DivTextContact a{
    font-size: 20px;
    text-align: justify;
    color: #000;
    text-decoration: unset;
 }
.titelBlock{
    margin-top: 30px !important;
    font-family:"ACaslonPro", serif;
    font-size: 2rem;
    font-weight: 700; 
    text-align: center;
}
.elementor-icon-list-text , .subtextContact>p{
    font-size: 15px;
    line-height: 30px;
    font-family: "Montserrat", sans-serif !important;

}
.subtext p{
    font-size: 15px;
    font-family: "Montserrat", sans-serif !important;
}
.subtext{
 width: 100%;
}
.IconSo .elementor-social-icons-wrapper{
    display: flex !important;
    justify-content: space-between !important;
}
.subTitel >h2{
    font-family: "Montserrat",sans-serif!important;
}
.titelBlock>h2{
    margin-top: 30px !important;
    font-family:"ACaslonPro", serif !important;
    font-size: 2rem;
    font-weight:30px !important;
    text-align: center;
}
.sectionMapText a,
.TextBlock a{
    color:#000 !important;
    text-decoration: unset !important;
}
.Sectionpaternaire form label,
.SectionContact form label{
    width: 100%;
    font-weight: 700;
}
.Sectionpaternaire form  select,
.Sectionpaternaire form label input,
.SectionContact form  select,
.SectionContact form label input{
    width: 100%;
    line-height: 36px !important;
    border: 1px solid var(--p-colorBackgroundDeemphasize10);
    height: 36px !important;
    border-radius: 8px;
}
 
.accordion-title {
    cursor: pointer;
    padding: 10px;
    background: #f5f5f5;
    margin: 0;
    font-size: 16px;
}
.accordion-content {
    display: none;
    padding: 10px;
    background: #fff;
}
.accordion-content.open {
    display: block;
}
.table-responsive tbody, .table-responsive td, .table-responsive tfoot, .table-responsive th, .table-responsive thead, .table-responsive tr {
    border-width: 1px;
}
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 80%;
    max-width: 1300px;
    margin: auto;
    position: relative;
    padding: 20px 0px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.TextBlock h4,
.TextBlock .wp-block-heading,
.TextBlock ul,
.TextBlock p{
    max-width: unset;
}
.TextBlock .wp-block-heading{
    padding: 10px;
    text-align: center;
    font-family: "ACaslonPro", serif;
}
.Smalltitel h4{
    font-family: "ACaslonPro", serif !important;
}
.TextBlock{
    overflow: hidden;
}
.ImgCenter{
    display: flex;
    margin-bottom: 20px;
    margin-top: 30px;
}
.ImgCenter img{
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
}
.SectionFAQ .accordion{
    width:  100%;
 }
.SectionFAQ {
    align-items: flex-start;
}
.SectionFAQ .accordion .accordion-item{
    border: unset !important;
}

 
 
.SectionFAQ .accordion .accordion-title{
    background: unset;
    border-bottom: 1px solid;
    height: 4em !important;
    font-weight: 700;
    color: #000000;
    display: flex;
    align-items: center;
}
 
.NoterhistoireCarteSection {
    margin-bottom: 40px;
}
.NoterhistoireCarteSection h2{
    font-family:"ACaslonPro", serif!important;
    font-size: 24px;
    font-weight: 500!important;
    line-height: 1.25 !important;
    margin: 0;
    padding: 0!important;
    color: var(--grey) !important;
    text-align: center;
    padding :0% 10px 0px !important
}
 
.NoterhistoireCarteSection .elementor-image-box-img{
    width: 100% !important;
    max-width: 400px !important;
}
.NoterhistoireCarteSection p{
    text-align: center;
    font-family: "Montserrat",sans-serif!important;
    font-optical-sizing: auto;
    font-weight: 400!important;
    font-style: normal;
    font-size: 14px!important;
    overflow-x: hidden;
    line-height: 1.25rem!important;
}
.SectionImgText{
    gap: 4%;
}
.SectionImgText strong{
        font-size: 18px;
        margin-top: 10px
}
.SectionImgText  .textImg {
        margin-top: 15px;

}
.SectionMarques>div,
.SectionMarques>figure,
.SectionImgText>div,
.SectionImgText>iframe{
    width: 48%;
}
.cat-slider-labels,
.sillage-slider-labels{
    display: flex;
    justify-content: space-between;
}
.wooco_components .wooco_component{
    display: flex !important;;
    align-items: center;
    border : unset !important
}
.wooco_component_product{
    margin-top: 0 !important;
}
.composite_Type .title_small , 
.composite_Type .Product-category,
.composite_Type .quantity{
    display: none;
}
.conditions{
    color: #000 !important;
}
.brand-logos-grid {
    display: flex;
    gap: 1%;
    flex-wrap: wrap;

}
.brand-logo-item{
    width: 24%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.brand-logo-item {
    text-align: center;
}
.brand-logo-item img {
    max-width: 100%;
    width: 120px;
    height: auto;
    display: block;
    margin: 0 auto 10px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
.single_add_to_cart_button_Card  button.button.added::after{
    display: none !important;
}
.woocommerce span.onsale{
    padding: 10px !important;
    height: 61px !important;
    width: 61px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: var(--primary-color) !important;
}
.SectionMarques>div img {
    max-width: 150px !important;

}
.SectionMarques>div figure {
    margin: auto;
        margin-top: 20px;

}
.SectionMarques {
     gap: 4%;
}
.SectionMarques h3 {
    max-width: 300px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 20px;
    font-family: 'ACaslonPro' !important;
     
}
.brand-products.brand-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1%;
}
.brand-products.brand-list .product-card{
    width: 23%;
    margin-bottom: 40px;
    position: relative;
}
.vedioHistoirSection{
    padding: 0 !important;
    max-height: 400px;
}
.vedioHistoirSection video{
height: 400px !important;
    object-fit: cover;
    width: 100% !important;
}
.brand-select{
    margin-right: 30px;
}
.woocommerce-account .woocommerce ul.products li.product .price {
    margin-bottom: 0 !important;
    height: 22px;
}
.center-header.mobile-only .bi.bi-search{
    color :#000 !important;
}
.center-header.mobile-only input.search-field{
        background: #ffffff !important;
}
.scroll-container {
    position: relative;
    width: 100%;
    height: 40px;
    overflow: hidden;
 
}

.scroll-text {
    position: absolute;
    white-space: nowrap;
    display: flex;
    will-change: transform;
    height: 100%;
    align-items: center;
}
.famille-name-Separteur{
    margin: 0 20px !important;
}
.single-product .woocommerce div.product div.images img {
     max-width: 400px;
    margin: auto;
}
.single-product .woocommerce div.product div.images .flex-control-thumbs{
    max-width: 400px;
}
@media(max-width: 981px) {
   
    .brand-logo-item{
        width: 49%;
    }
    .brand-logos-grid {
         gap: 2%;
    }
 .brand-products.brand-list .product-card{
    width: 31%;
  }

}
@media(max-width: 600px) {
    .brand-logos-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .xoo-cp-btns {
 
    flex-direction: column;
}
}
@media (max-width: 480px) {
     .brand-products.brand-list .product-card{
    width: 100%;
  } 
    .LivraisonSection>div{
        width: 100% !important;
        gap: 0%;
    }
    .wooco_components .wooco_component {
        flex-direction: column;
        align-items: flex-start !important;

    }
    .wooco_components .wooco_component .wooco_component_desc{
        margin-bottom: 10px;
    }

}

@media (min-width: 981px) { 
     .logged-in.woocommerce-account .entry-content>.woocommerce{
        display: flex !important;
    }
    .related.products {
        width: 80%;
        display: flex;
        flex-direction: column;
    }
    ul#primary-menu>li:hover .sub-menu{
        display: flex;
    }
    .main-navigation{
        box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.15);
    }
}

@media (min-width: 992px) {
    #wc-ajax-filter {
        margin-right: 40px;
    }
    .woocommerce .woocommerce-result-count,
    .woocommerce .woocommerce-ordering{
        margin-bottom: 40px;
        margin-top: 35px;
    }
}
@media (max-width: 991px) {
    .filter-content .woocommerce .woocommerce-ordering {
        display: flex;
        justify-content: flex-end;
    }
    .woocommerce .woocommerce-result-count,
    .woocommerce .woocommerce-ordering{
        width: 50%;
        margin-bottom: 25px;

    }
    .SectionInscription>div,
    .SectionLogin>div{
        width: 100%;
    }
    .SectionInscription,
    .SectionLogin{
        flex-wrap: wrap;
    }
    .filter-content .entry-content {
    width: 100%;
}
    .SectionMarques ,
    .SectionImgText,
    .sectionMapText, 
    .TextBlock ,
    .NoterhistoireCarteSection,
    .Sectionpaternaire,
    .SectionContact ,
    .SectionFAQ{
        width: 100% !important;
        flex-wrap: wrap;
        padding: 20px !important;
        flex-wrap: wrap !important;
    }
    .SectionContact .DivTextContact{
        padding: 0PX;
    }
    .sectionMapText,
    .NoterhistoireCarteSection{
        display: flex !important;
    }
    .filter-content header{
        width: 100%;
        padding: 40px;
    }
    .SectionMarques>div,
    .SectionMarques>figure,
    .SectionImgText>div,
    .sectionMapText>iframe,
    .sectionMapText>div,
    .NoterhistoireCarteSection>div,
    .LivraisonSection,
    .SectionContact>div,
    .Sectionpaternaire>div,
    .SectionFAQ>div{
        width: 100%;
    }
    .row.cart-container , .LivraisonAndPaiement{
        max-width: 100% !important;
    }
    .woocommerce-MyAccount-navigation 
    .woocommerce-MyAccount-content{
        width: 100%;;
    }
}

@media (max-width: 768px) { 
    .olfactives-section h3{
        font-size: 1em !important;
    }
    .product.type-product .woocommerce .product_title.entry-title {
         font-size: 3rem !important;
    }
    .site-branding-text a{
        font-size: 18px;
    }
    .LivraisonSection>div{
        width: 48%;
        gap: 1%;
    } 
    .SectionNewsletter {
        flex-direction: column !important;
    }
    .single-product .product.type-product .woocommerce-product-gallery,
    .summary.entry-summary{
        width: 100% !important;
    }
    .summary_img_pr{
        padding: 22px 50px;
        max-width: 100%;
        width: 100%;
    }
    .single-product .product.type-product .single_add_to_cart_button{
        font-size: 14px;
    }
    ul.products li.product.product-card{
        width: 100% !important;
    }
}

@media (min-width: 769px) { 
 
}

@media (max-width: 980px) { 
    .woocommerce-MyAccount-content,
    .woocommerce-MyAccount-navigation {
        width: 100% !important;
    }
    .Recherche-overlay{
        display: none;
    }
    .mobile-only{
        display: block;
    }  
    .Bottom-header.show{
        left: 0; 
    }
    .Bottom-header{ 
        position: fixed;
        top: 0;
        left: -100%;           
        width: 250px;        
        height: 100vh;
        background: #fff;
        transition: left 0.5s ease;  
        z-index: 1000;
    }

    .desktop-only {
        display: none !important;
    } 
    .Top-header {
        padding: 0px 16px !important;
        line-height: 33px !important;
        margin-bottom: 10px;
        margin-top: 8px;
    }
    .Bottom-header{
        height: 100vh;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        background: #fff;
        z-index: 999;
    }
    ul#primary-menu{
        flex-direction: column;
        align-items: flex-start;
        gap: 0rem;
    }
    ul#primary-menu>li {
        width: 100%;
        background-color: var(--greyLight);
        border-bottom: 1px solid #ddd;
        margin: unset;
        display: flex;
        flex-direction: column;
        padding: 0;
    }
    ul#primary-menu>li a, .sub-menu li a{
        padding: 0.75rem 1rem !important;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        font-size: 16px;
        color: #000000b8  ;

    }
    li.menu-item.active .sub-menu{
        display: flex;
        align-content: flex-start;
        
    }
    .sub-menu {
        position: relative;
        border: none !important;
        box-shadow: none !important;
        width: 100% !important;
        border-top: 1px solid #ddd !important;  
        flex-direction: column;
        padding-left: 1rem !important;
    }
    .active .sub-menu li{
        display: flex;
    }
    ul#primary-menu>li.current-menu-item>a {
        color: #ffffff;
    }
    ul#primary-menu>li>a{
        width: 50%;
    }
    li.menu-item-451 .sub-menu li a {
        display: flex !important;
    }
    ul#primary-menu>li.current-menu-item{
        background: var(--primary-color);
    }
    li.menu-item-451 .sub-menu li{
        width: 100%;
    }
    .DivheaderMenuMobile{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 16px;
        border-bottom: 1px solid #ddd;
    }
    .DivheaderMenuMobile a{
        text-decoration: none;
        font-family: 'ACaslonPro' !important;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: 3px;
        color: var(--secondary-color);
        filter: blur(0.5px);
    }
    .menu-toggle{
        font-size: 30px;
        background: unset;
        border: unset;
        color: var(--secondary-color);
    }
    .center-footer>div{
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px
    }
    .social-icons{
        gap: 3rem;
    }
    .center-footer{
        flex-direction: column;
    }

}