.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4165 .elementor-element.elementor-element-4aa44e6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4165 .elementor-element.elementor-element-4aa44e6 .woocommerce-loop-category__title .count{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-4165 .elementor-element.elementor-element-741bc09.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4165 .elementor-element.elementor-element-741bc09 .woocommerce-loop-category__title .count{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4165 .elementor-element.elementor-element-b1d9db4{font-family:"DynaPuff", Sans-serif;font-weight:400;}@media(max-width:1024px){.elementor-4165 .elementor-element.elementor-element-741bc09 .product{text-align:center;}}/* Start custom CSS for wc-categories, class: .elementor-element-4aa44e6 *//* ==========================================
   1. ORDINATEUR (Uniquement grands écrans > 1024px)
   ========================================== */
@media screen and (min-width: 1025px) {
    .elementor-4165 .elementor-element.elementor-element-4aa44e6 ul.products,
    .elementor-4165 .elementor-element.elementor-element-4aa44e6 .elementor-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        gap: 15px !important;
    }

    .elementor-4165 .elementor-element.elementor-element-4aa44e6 li.product,
    .elementor-4165 .elementor-element.elementor-element-4aa44e6 .elementor-grid-item {
        flex: 0 0 180px !important;
        width: 180px !important;
        max-width: 180px !important;
    }

    .elementor-4165 .elementor-element.elementor-element-4aa44e6 img {
        width: 180px !important;
        height: 180px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }
}

/* ==========================================
   2. MOBILE (Écrans <= 768px)
   ========================================== */
@media screen and (max-width: 768px) {
    .elementor-4165 .elementor-element.elementor-element-4aa44e6 ul.products,
    .elementor-4165 .elementor-element.elementor-element-4aa44e6 .elementor-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .elementor-4165 .elementor-element.elementor-element-4aa44e6 li.product,
    .elementor-4165 .elementor-element.elementor-element-4aa44e6 .elementor-grid-item {
        display: inline-block !important;
        float: none !important;
        clear: none !important;
        flex: 0 0 120px !important;
        width: 120px !important;
        max-width: 120px !important;
        margin: 0 !important;
    }

    .elementor-4165 .elementor-element.elementor-element-4aa44e6 img {
        width: 120px !important;
        height: 120px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }
}

/* ==========================================
   3. TABLETTE (Entre 769px et 1024px)
   ========================================== */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .elementor-4165 .elementor-element.elementor-element-4aa44e6 ul.products,
    .elementor-4165 .elementor-element.elementor-element-4aa44e6 .elementor-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .elementor-4165 .elementor-element.elementor-element-4aa44e6 li.product,
    .elementor-4165 .elementor-element.elementor-element-4aa44e6 .elementor-grid-item {
        display: inline-block !important;
        float: none !important;
        clear: none !important;
        flex: 0 0 110px !important;
        width: 110px !important;
        max-width: 110px !important;
        margin: 0 !important;
    }

    .elementor-4165 .elementor-element.elementor-element-4aa44e6 img {
        width: 110px !important;
        height: 110px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-741bc09 *//* ==========================================
   1. ORDINATEUR (> 1024px)
   ========================================== */
@media screen and (min-width: 1025px) {
    .elementor-4165 .elementor-element.elementor-element-741bc09,
    .elementor-4165 .elementor-element.elementor-element-741bc09 .woocommerce,
    .elementor-4165 .elementor-element.elementor-element-741bc09 ul.products,
    .elementor-4165 .elementor-element.elementor-element-741bc09 .elementor-grid {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    .elementor-4165 .elementor-element.elementor-element-741bc09 li.product,
    .elementor-4165 .elementor-element.elementor-element-741bc09 .elementor-grid-item,
    .elementor-4165 .elementor-element.elementor-element-741bc09 .product-category {
        flex: 0 0 180px !important;
        width: 180px !important;
        max-width: 180px !important;
        margin: 0 auto !important;
        float: none !important;
    }

    .elementor-4165 .elementor-element.elementor-element-741bc09 img {
        width: 180px !important;
        height: 180px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }
}

/* ==========================================
   2. TABLETTE (769px à 1024px)
   Casse la grille à 2 colonnes d'Elementor pour centrer
   ========================================== */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .elementor-4165 .elementor-element.elementor-element-741bc09,
    .elementor-4165 .elementor-element.elementor-element-741bc09 .woocommerce,
    .elementor-4165 .elementor-element.elementor-element-741bc09 ul.products,
    .elementor-4165 .elementor-element.elementor-element-741bc09 .elementor-grid {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    /* Neutralise la largeur de 50% imposée par Elementor */
    .elementor-4165 .elementor-element.elementor-element-741bc09 li.product,
    .elementor-4165 .elementor-element.elementor-element-741bc09 .elementor-grid-item,
    .elementor-4165 .elementor-element.elementor-element-741bc09 .product-category {
        flex: 0 0 110px !important;
        width: 110px !important;
        max-width: 110px !important;
        margin: 0 auto !important;
        float: none !important;
        text-align: center !important;
    }

    .elementor-4165 .elementor-element.elementor-element-741bc09 img {
        width: 110px !important;
        height: 110px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
        margin: 0 auto !important;
    }
}

/* ==========================================
   3. MOBILE (<= 768px - Validé)
   ========================================== */
@media screen and (max-width: 768px) {
    .elementor-4165 .elementor-element.elementor-element-741bc09,
    .elementor-4165 .elementor-element.elementor-element-741bc09 .woocommerce,
    .elementor-4165 .elementor-element.elementor-element-741bc09 ul.products,
    .elementor-4165 .elementor-element.elementor-element-741bc09 .elementor-grid {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .elementor-4165 .elementor-element.elementor-element-741bc09 li.product,
    .elementor-4165 .elementor-element.elementor-element-741bc09 .elementor-grid-item,
    .elementor-4165 .elementor-element.elementor-element-741bc09 .product-category {
        flex: 0 0 115px !important;
        width: 115px !important;
        max-width: 115px !important;
        margin: 0 auto !important;
        float: none !important;
        text-align: center !important;
    }

    .elementor-4165 .elementor-element.elementor-element-741bc09 img {
        width: 115px !important;
        height: 115px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
        margin: 0 auto !important;
    }
}/* End custom CSS */