.elementor-kit-4{--e-global-color-primary:#006837;--e-global-color-secondary:#515151;--e-global-color-text:#000000;--e-global-color-accent:#006837;--e-global-color-f04c96c:#FFFFFF;--e-global-color-b074227:#E98900;--e-global-color-c490ae9:#2B6545;--e-global-color-7e364c2:#02522C;--e-global-color-401a3fd:#024525;--e-global-color-751f78f:#53002C;--e-global-color-6f46741:#870045;--e-global-typography-primary-font-family:"Muli";--e-global-typography-primary-font-size:15px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Muli";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Muli";--e-global-typography-text-font-weight:100;--e-global-typography-accent-font-family:"Muli";--e-global-typography-accent-font-weight:500;font-family:"Muli", Sans-serif;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:#680031;color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:#FFFFFF;color:#006837;border-style:solid;border-width:1px 1px 1px 1px;border-color:#006837;border-radius:50px 50px 50px 50px;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 h2{font-family:"Muli", Sans-serif;font-size:22px;font-weight:700;}.elementor-kit-4 h3{font-family:"Muli", Sans-serif;font-size:20px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Swiper / Slider Fix */
.swiper-container {
  overflow-x: hidden;
}
/* SECTION HERO */
.hero-section {
  position: relative;
  width: 100%;
 height: 500px; /* hauteur fixe */
  padding-top: 150px; /* espace au-dessus du contenu */
  padding-bottom: 100px; /* espace en dessous */
  overflow: hidden;
}

/* IMAGE = BACKGROUND CENTRÉE */
.hero-section .hero-bg {
  position: absolute !important; /* toujours absolu pour le background */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; /* <--- important, sous le contenu */
}

.hero-section .hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* CONTENU = titre + éditeur */
.hero-section .elementor-widget-heading,
.hero-section .elementor-widget-text-editor {
  position: relative;
  z-index: 1; /* <--- au-dessus de l’image */
  text-align: center;
  color: #fff;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* espace entre titre et texte */
.hero-section .elementor-widget-text-editor {
  margin-top: 20px;
}

/* 1. Le wrapper EAEL doit gérer la hauteur */
.eael-product-wrap {
    display: flex;
    flex-direction: column;
}

/* 2. Le lien image DOIT occuper une vraie zone */
.eael-product-wrap > a.woocommerce-LoopProduct-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px; /* AJUSTABLE */
}

/* 3. L’image (img ET picture) doit pouvoir s’adapter */
.eael-product-wrap a.woocommerce-LoopProduct-link img,
.eael-product-wrap a.woocommerce-LoopProduct-link picture img {
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Muli';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.cbdproduction.fr/wp-content/uploads/2021/06/Muli-Bold.woff') format('woff'),
		url('https://www.cbdproduction.fr/wp-content/uploads/2021/06/Muli.ttf') format('truetype');
}
/* End Custom Fonts CSS */