.elementor-6576 .elementor-element.elementor-element-6475c9c{--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;}.elementor-6576 .elementor-element.elementor-element-ec8f691{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6576 .elementor-element.elementor-element-ec8f691:not(.elementor-motion-effects-element-type-background), .elementor-6576 .elementor-element.elementor-element-ec8f691 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6576 .elementor-element.elementor-element-88dc9f1{padding:20px 20px 20px 20px;}.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#1A1818;}.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#1A1818;}.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products ul.products li.product .price{color:#181717;}.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products ul.products li.product .price ins{color:#181717;}.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products ul.products li.product .price ins .amount{color:#181717;}.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products ul.products li.product .price del{color:#131212;}.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products ul.products li.product .price del .amount{color:#131212;}.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products ul.products li.product .button{color:#FAFAFC;background-color:#0A0ABE;border-style:none;}.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products ul.products li.product .button:hover{color:#060ACC;background-color:#FDFCFC;border-color:#9C9898;}.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products ul.products li.product{box-shadow:0px 12px 40px 0px rgba(0,0,0,0.5);}.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-6576 .elementor-element.elementor-element-88dc9f1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-88dc9f1 *//* 1. Coupe les coins blancs qui dépassent et arrondit l'image */
.elementor-6576 .elementor-element.elementor-element-88dc9f1 .woocommerce-loop-product__link {
    display: block;
    border-radius: 16px;
    overflow: hidden !important; 
}

/* 2. Décolle l'image du texte en dessous */
.elementor-6576 .elementor-element.elementor-element-88dc9f1 .woocommerce-loop-product__link img {
    margin-bottom: 20px !important;
}

/* 3. Décolle le titre, le prix et le bouton des bords gauche/droite */
.elementor-6576 .elementor-element.elementor-element-88dc9f1 .woocommerce-loop-product__title,
.elementor-6576 .elementor-element.elementor-element-88dc9f1 .price,
.elementor-6576 .elementor-element.elementor-element-88dc9f1 .button {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

/* 4. Décolle le bouton du bas de la carte */
.elementor-6576 .elementor-element.elementor-element-88dc9f1 .button {
    margin-bottom: 20px !important;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-88dc9f1 *//* 1. L'emporte-pièce : force la carte entière à s'arrondir et couper les coins */
.elementor-6576 .elementor-element.elementor-element-88dc9f1 li.product {
    border-radius: 24px !important;
    overflow: hidden !important;
    background-color: #FFFFFF !important;
}

/* 2. On enlève l'arrondi de l'image (elle va prendre la forme exacte de la carte) et on garde l'espace en dessous */
.elementor-6576 .elementor-element.elementor-element-88dc9f1 .woocommerce-loop-product__link img {
    border-radius: 0px !important; 
    margin-bottom: 20px !important;
}

/* 3. L'espace pour faire respirer le texte (ça marche super bien sur ta capture !) */
.elementor-6576 .elementor-element.elementor-element-88dc9f1 .woocommerce-loop-product__title,
.elementor-6576 .elementor-element.elementor-element-88dc9f1 .price,
.elementor-6576 .elementor-element.elementor-element-88dc9f1 .button {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

/* 4. L'espace sous le bouton pour ne pas toucher le bas */
.elementor-6576 .elementor-element.elementor-element-88dc9f1 .button {
    margin-bottom: 20px !important;
}
.elementor-6576 .elementor-element.elementor-element-88dc9f1 .woocommerce-ordering { margin-bottom: 40px !important; }
/* Effet de mouvement au survol de la carte */
.elementor-6576 .elementor-element.elementor-element-88dc9f1 li.product {
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-6576 .elementor-element.elementor-element-88dc9f1 li.product:hover {
    transform: translateY(-8px); /* Soulève la carte de 8 pixels */
    box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important; /* Ombre plus profonde */
}

/* Optionnel : petit zoom léger sur l'image au survol */
.elementor-6576 .elementor-element.elementor-element-88dc9f1 li.product:hover img {
    transform: scale(1.03);
    transition: transform 0.6s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec8f691 *//* Décolle le titre, le prix et le bouton des bords gauche/droite */
.elementor-6576 .elementor-element.elementor-element-ec8f691 .woocommerce-loop-product__title,
.elementor-6576 .elementor-element.elementor-element-ec8f691 .price,
.elementor-6576 .elementor-element.elementor-element-ec8f691 .button {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

/* Décolle le bouton du bas de la carte */
.elementor-6576 .elementor-element.elementor-element-ec8f691 .button {
    margin-bottom: 20px !important;
}
/* Rend le fond derrière l'image transparent pour effacer les coins blancs */
.elementor-6576 .elementor-element.elementor-element-ec8f691 .woocommerce-loop-product__link {
    background-color: transparent !important;
}/* End custom CSS */