.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-4163 .elementor-element.elementor-element-18741f8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4163 .elementor-element.elementor-element-18741f8 .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-4163 .elementor-element.elementor-element-867b47e{font-family:"DynaPuff", Sans-serif;font-weight:400;}/* Start custom CSS for wc-categories, class: .elementor-element-18741f8 *//* ==========================================
   1. ORDINATEUR (Uniquement grands écrans > 1024px)
   ========================================== */
@media screen and (min-width: 1025px) {
    .elementor-4163 .elementor-element.elementor-element-18741f8 ul.products,
    .elementor-4163 .elementor-element.elementor-element-18741f8 .elementor-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        gap: 15px !important;
    }

    .elementor-4163 .elementor-element.elementor-element-18741f8 li.product,
    .elementor-4163 .elementor-element.elementor-element-18741f8 .elementor-grid-item {
        flex: 0 0 180px !important;
        width: 180px !important;
        max-width: 180px !important;
    }

    .elementor-4163 .elementor-element.elementor-element-18741f8 img {
        width: 180px !important;
        height: 180px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }
}

/* ==========================================
   2. MOBILE (Écrans <= 768px - Validé)
   ========================================== */
@media screen and (max-width: 768px) {
    .elementor-4163 .elementor-element.elementor-element-18741f8 ul.products,
    .elementor-4163 .elementor-element.elementor-element-18741f8 .elementor-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 12px !important;
    }

    .elementor-4163 .elementor-element.elementor-element-18741f8 li.product,
    .elementor-4163 .elementor-element.elementor-element-18741f8 .elementor-grid-item {
        flex: 0 0 45% !important;
        max-width: 130px !important;
        width: 100% !important;
    }

    .elementor-4163 .elementor-element.elementor-element-18741f8 img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
    }
}

/* ==========================================
   3. TABLETTE (Entre 769px et 1024px)
   ========================================== */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .elementor-4163 .elementor-element.elementor-element-18741f8 ul.products,
    .elementor-4163 .elementor-element.elementor-element-18741f8 .elementor-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
    }

    /* Ronds réduits à 110px pour ne pas déborder sur le texte */
    .elementor-4163 .elementor-element.elementor-element-18741f8 li.product,
    .elementor-4163 .elementor-element.elementor-element-18741f8 .elementor-grid-item {
        flex: 0 0 110px !important;
        width: 110px !important;
        max-width: 110px !important;
    }

    .elementor-4163 .elementor-element.elementor-element-18741f8 img {
        width: 110px !important;
        height: 110px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }
}/* End custom CSS */