.elementor-12 .elementor-element.elementor-element-6d29550{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-6d29550{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-6d29550{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS *//* Section Sélection du Moment - Design Élégant */
.elementor-section.our-selection-section {
    position: relative !important;
    padding: 100px 0 !important;
    background: linear-gradient(135deg, #f8e5e5 0%, #ffffff 100%) !important;
    background-image: 
        radial-gradient(rgba(187, 43, 63, 0.05) 10%, transparent 20%),
        linear-gradient(45deg, rgba(187, 43, 63, 0.02) 0%, transparent 50%) !important;
    overflow: hidden !important;
    box-shadow: inset 0 -50px 50px rgba(187, 43, 63, 0.1) !important;
}

/* Conteneur des produits */
.elementor-widget-woocommerce-products .products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 40px !important;
    margin-top: 60px !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Cartes produits */
.elementor-widget-woocommerce-products .product {
    display: flex !important;
    flex-direction: column !important;
    background: white !important;
    border-radius: 20px !important;
    box-shadow: 
        0 20px 50px rgba(159, 22, 50, 0.1),
        0 10px 20px rgba(159, 22, 50, 0.05),
        inset 0 -10px 15px rgba(159, 22, 50, 0.02) !important;
    overflow: hidden !important;
    transition: all 0.4s ease !important;
    position: relative !important;
}

/* Effet hover produits */
.elementor-widget-woocommerce-products .product:hover {
    transform: translateY(-15px) scale(1.05) !important;
    box-shadow: 
        0 30px 60px rgba(159, 22, 50, 0.15),
        inset -5px -5px 25px rgba(159, 22, 50, 0.05),
        inset -5px -5px rgba(255,255,255,.3) !important;
}

/* Images produits (Carrées avec ombre complexe) */
.elementor-widget-woocommerce-products .product .woocommerce-loop-product__link {
    width: auto !important;
}
.elementor-widget-woocommerce-products .product .woocommerce-loop-product__link img {
    width: auto !important; 
   aspect-ratio :1/1
   object-fit cover
}


.elementor-12 .elementor-element.elementor-element-93d2c51.elementor-wc-products ul.products li.product .button {
 
    margin-bottom: 35px;
}


@media (max-width: 768px) {
    /* Conteneur des produits : 1 produit par ligne */
    .elementor-widget-woocommerce-products .products {
        grid-template-columns: 1fr !important; /* Une seule colonne */
        gap: 20px !important; /* Espacement réduit entre les produits */
    }

    /* Cartes produits : Ajustement pour un affichage plus compact */
    .elementor-widget-woocommerce-products .product {
        margin: 0 auto !important; /* Centrer les produits */
        max-width: 90% !important; /* Limiter la largeur pour éviter qu'ils soient trop larges */
    }

    /* Images produits */
    .elementor-widget-woocommerce-products .product .woocommerce-loop-product__link img {
        width: 100% !important; /* Image prend toute la largeur disponible */
        aspect-ratio: 1/1 !important; /* Conserve un ratio carré */
        object-fit: cover !important; /* Ajuste l'image sans la déformer */
    }

    /* Boutons d'ajout au panier : Ajustement pour mobile */
    .elementor-12 .elementor-element.elementor-element-93d2c51.elementor-wc-products ul.products li.product .button {
        margin-bottom: 15px !important;
        font-size: 14px !important;
        padding: 10px 15px !important;
    }
}/* End custom CSS */