/* ----------------------- GLOBAL - DÉBUT ----------------------- */

#index #wrapper .container {
    max-width: unset;
}

#index #wrapper .container #content > .elementor > .elementor-section-wrap > *:not(#hSlider) {
    max-width: 1700px;
    margin-inline: auto;
}

@media (width < 1800px) {
    #index #wrapper .container #content > .elementor > .elementor-section-wrap > *:not(#hSlider) {
        max-width: 1140px;
        padding-inline: 30px;
    }
}

@media (width < 1024px) {
    #index #wrapper .container {
        padding-inline: 15px;
    }
    #index #wrapper .container #content > .elementor > .elementor-section-wrap > *:not(#hSlider):not(#hCategories):not(#hBestSales) {
        padding-inline: 30px;
    }
    #index #wrapper .container #content > .elementor > .elementor-section-wrap > #hCategories,
    #index #wrapper .container #content > .elementor > .elementor-section-wrap > #hBestSales {
        padding-inline: unset;
    }
}

@media (width < 575px) {
    #hBestSales .product-miniature .highlighted-informations {
        display: block;
    }
}

/* ----------------------- GLOBAL - FIN ----------------------- */


/* ----------------------- SLIDER - SECTION - DÉBUT ----------------------- */

#content:has(#hSlider) {
    overflow-x: hidden;
}

#hSlider .elementor-container {
    max-width: unset;
}

#hSlider .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0;
}

#hSlider .swiper-pointer-events {
    position: relative;
    transform: unset;
    height: fit-content;
}

#hSlider .slide__textWrapper {
    display: none;
}

#hSlider .swiper-wrapper {
    height: 80vh;
}

#hSlider .swiper-button-next,
#hSlider .swiper-button-prev {
    background-color: var(--color-white);
    border: none;
    aspect-ratio: 1 / 1;
    width: 40px;
    height: auto;
    border-radius: 40px;
}

#hSlider .swiper-button-prev {
    left: 20%;
}

#hSlider .swiper-button-next {
    right: 20%;
}

#hSlider .swiper-button-next::after, 
#hSlider .swiper-button-prev::after {
    font-size: 7px;
    color: var(--color-black);
    content: "";
}

@media (width < 1200px) {
    #hSlider .swiper-wrapper {
        height: 75vh;
    }
}

@media (width < 1024px) {
    #hSlider .swiper-button-next,
    #hSlider .swiper-button-prev {
        top: unset;
        bottom: 10%;
    }
    #hSlider .swiper-button-prev {
        left: 40%;
    }
    #hSlider .swiper-button-next {
        right: 40%;
    }
}

@media (width < 768px) {
    #hSlider .swiper-button-next,
    #hSlider .swiper-button-prev {
        width: 27px;
        height: 27px;
    }
}

@media (width < 575px) {
    #hSlider .swiper-button-prev {
        left: 35%;
    }
    #hSlider .swiper-button-next {
        right: 35%;
    }
}

/* ----------------------- REASSURANCE - SECTION - FIN ----------------------- */

#hReassurance .elementor-widget-image .elementor-image img {
    aspect-ratio: 1/1;
    height: auto;
    max-width: 77px;
    width: 100%;
}

#hReassurance .elementor-column.elementor-col-25 {
    max-width: 174px;
    width: 100%;
}

#hReassurance > .elementor-container > .elementor-row {
    gap: 20px;
    justify-content: center;
}

aside#hReassurance h3 {
    font-family: var(--ffMBo);
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: none;
}

@media (width < 800px) {
    #hReassurance > .elementor-container > .elementor-row { 
        display: grid;
        grid-template-columns: auto auto;
        gap: 20px;
    }
}

@media (width < 576px) {
    #hReassurance .elementor-column.elementor-col-25 {
       max-width: 155px;
    }
    #hReassurance .elementor-widget-image .elementor-image img {
        max-width: 74px;
    }
}

/* ----------------------- REASSURANCE - SECTION - DÉBUT ----------------------- */



/* ----------------------- MEILLEURES VENTES - SECTION - FIN ----------------------- */


#hBestSales .elementor-element .swiper {
  padding-inline: 88px;
  position: relative;
}

#hBestSales .elementor-swiper-button {
  width: 88px;
  height: 101%;
  top: 50%;
  bottom: 0;
  background-color: var(--color-light-grey);
  display: flex;
  align-items: center;
  justify-content: center;
}

#hBestSales .elementor-swiper-button > i {
  margin-bottom: 122px;
}

#hBestSales .elementor-swiper-button-next {
  right: 0;
}

#hBestSales .elementor-swiper-button-prev {
  left: 0;
}

#index #wrapper .container #content > .elementor > .elementor-section-wrap > #hBestSales {
    max-width: 1500px;
}

#hBestSales .product-miniature .thumbnail-container .product-thumbnail img {
    margin: unset;
    aspect-ratio: 270 / 364;
    object-fit: cover;
    width: 100%;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

#hBestSales .product-miniature .thumbnail-container .product-thumbnail img:nth-of-type(2) {
    opacity: 0;
}


@media (width < 1800px) {
    #index #wrapper .container #content > .elementor > .elementor-section-wrap > #hBestSales {
        max-width: 1140px;
    }
}

@media (width < 1025px) {
    #hBestSales .elementor-swiper-button {
        display: none;
    }
    #hBestSales .elementor-element .swiper {
        padding-inline: unset;
    }
    #hBestSales .product-miniature .thumbnail-container .product-thumbnail img {
        aspect-ratio: 155/209;
    }
}

/* ----------------------- MEILLEURES VENTES - SECTION - DÉBUT ----------------------- */


/* ----------------------- CATÉGORIES PHARES - SECTION - FIN ----------------------- */

#hCategories > .elementor-container > .elementor-row {
    gap: 20px;
}

#hCategories > .elementor-container > .elementor-row > .elementor-element {
    flex: 1 1 100%;
}

#hCategories .elementor-widget-image .elementor-image img {
    aspect-ratio: 367/458;
    height: auto;
    width: 100%;
}

#hCategories .elementor-widget-wrap {
    position: relative;
}

#hCategories .ce-widgets-space--gap>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget:has(.elementor-widget-image) {
    height: 100%;
}

#hCategories .ce-widgets-space--gap>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget:has(.elementor-heading-title) {
    position: absolute;
    bottom: 28px;
    left: 28px;
    z-index: 3;
}

section#hCategories .elementor-heading-title {
    color: var(--color-white);
}

#hCategories .elementor-element .elementor-widget-container:has(.elementor-widget-image),
#hCategories .elementor-element .elementor-widget-container .elementor-image,
#hCategories .elementor-element .elementor-widget-container .elementor-image a {
    height: 100%;
    width: 100%;
}

#hCategories .elementor-element .elementor-widget-container .elementor-image {
    overflow: hidden;
}

#hCategories .elementor-element .elementor-widget-container .elementor-image > a > img {
    transition: all 0.3s ease-in-out;
    scale: 1;
}

#hCategories .elementor-element:hover .elementor-widget-container .elementor-image > a > img {
    transition: all 0.3s ease-in-out;
    scale: 1.05;
}

#hCategories .elementor-element .elementor-widget-container .elementor-image a {
    position: relative;
    display: block;
    z-index: 1;
}

#hCategories .elementor-element .elementor-widget-container .elementor-image a::after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.25) 100%);
    z-index: 2;
}

@media (width < 1025px) {
    #hCategories > .elementor-container > .elementor-row {
        gap: 16px;
        flex-wrap: nowrap;
    }
    #hCategories .elementor-widget-image .elementor-image img {
        aspect-ratio: 330/412;
    }
}

@media (width < 800px) {
    #hCategories > .elementor-container > .elementor-row > .elementor-element {
        width: 45vw;
        flex: none;
    }
    #hCategories > .elementor-container > .elementor-row {
        padding-left: 30px;
        overflow-x: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
    }
    #hCategories > .elementor-container > .elementor-row::-webkit-scrollbar { /* WebKit */
        display: none;
    }
}

@media (width < 768px) {
    #hCategories > .elementor-container > .elementor-row > .elementor-element {
        width: 85vw;
    }
}

/* ----------------------- CATÉGORIES PHARES - SECTION - DÉBUT ----------------------- */



/* ----------------------- TÉMOIGNAGES - SECTION - FIN ----------------------- */



/* ----------------------- TÉMOIGNAGES - SECTION - DÉBUT ----------------------- */


/* ----------------------- QUI SOMMES-NOUS - SECTION - FIN ----------------------- */

#hWho .elementor-container .elementor-row .elementor-element {
    width: 100%;
}

#hWho .elementor-container .elementor-row .elementor-element .elementor-text-editor > p {
    font-size: 1rem;
    line-height: 1.5rem;
    width: 75%;
}

#hWho .elementor-widget-image .elementor-image:has(> img),
#hWho .elementor-widget-image .elementor-widget-container:has(> .elementor-image > img),
#hWho .elementor-widget-image:has(> .elementor-widget-container> .elementor-image > img) {
    height: 100%;
}

#hWho .elementor-widget-image .elementor-image img {
    aspect-ratio: 559/364;
    height: 100%;
    width: auto;
    object-fit: contain;
}

#hWho > .elementor-container > .elementor-row > .elementor-element:first-of-type {
    max-width: 100%;
    width: 100%;
}

#hWho > .elementor-container > .elementor-row {
    padding-inline: 100px;
    justify-content: space-between;
    gap: 50px;
}

@media (width < 1200px) {
    #hWho > .elementor-container > .elementor-row > .elementor-element {
        max-width: 559px;
    }
    #hWho > .elementor-container > .elementor-row > .elementor-element:first-of-type {
        max-width: 367px;
    }
    #hWho > .elementor-container > .elementor-row {
        justify-content: center;
        gap: 115px;
    }
    #hWho > .elementor-container > .elementor-row {
        padding-inline: 50px;
        justify-content: space-between;
        gap: 50px;
    }
    #hWho .elementor-container .elementor-row .elementor-element .elementor-text-editor > p {
        width: 100%;
    }
}

@media (width < 1025px) {
    #hWho > .elementor-container > .elementor-row > .elementor-element,
    #hWho > .elementor-container > .elementor-row > .elementor-element:first-of-type {
        max-width: unset;
    }
    #hWho > .elementor-container > .elementor-row {
        gap: 30px;
    }
    #hWho .elementor-widget-image .elementor-image img {
        aspect-ratio: 330/214;
    }
    #hWho > .elementor-container > .elementor-row {
        padding-inline: unset;
    }
}

@media (width < 768px) {
    #hWho .elementor-widget-image .elementor-image img {
        aspect-ratio: 330/314;
        object-position: left;
    }
}

/* ----------------------- QUI SOMMES-NOUS - SECTION - DÉBUT ----------------------- */