.elementor-4074 .elementor-element.elementor-element-3b8643a{--display:flex;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-4074 .elementor-element.elementor-element-2ef5f2d{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#585757;}.elementor-4074 .elementor-element.elementor-element-2ef5f2d .elementor-headline{text-align:center;font-family:"DynaPuff", Sans-serif;font-weight:600;text-decoration:none;}.elementor-4074 .elementor-element.elementor-element-2ef5f2d .elementor-headline-plain-text{color:var( --e-global-color-primary );}.elementor-4074 .elementor-element.elementor-element-2ef5f2d .elementor-headline-dynamic-text{font-family:"DynaPuff", Sans-serif;font-weight:600;}.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-4074 .elementor-element.elementor-element-9cfb1a2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4074 .elementor-element.elementor-element-9cfb1a2 .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-4074 .elementor-element.elementor-element-028d1cb{font-family:"DynaPuff", Sans-serif;font-weight:400;}.elementor-4074 .elementor-element.elementor-element-a76aacd{--display:flex;--min-height:0px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-4074 .elementor-element.elementor-element-ddb1b2f{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-secondary );}.elementor-4074 .elementor-element.elementor-element-ddb1b2f .elementor-headline{text-align:center;font-family:"DynaPuff", Sans-serif;font-weight:600;}.elementor-4074 .elementor-element.elementor-element-ddb1b2f .elementor-headline-plain-text{color:var( --e-global-color-primary );}.elementor-4074 .elementor-element.elementor-element-ddb1b2f .elementor-headline-dynamic-text{font-family:"DynaPuff", Sans-serif;font-weight:600;}.elementor-4074 .elementor-element.elementor-element-1bbd4bc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4074 .elementor-element.elementor-element-1bbd4bc .woocommerce-loop-category__title .count{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-4074 .elementor-element.elementor-element-2329952{font-family:"DynaPuff", Sans-serif;font-weight:400;}.elementor-4074 .elementor-element.elementor-element-8f9da4a{--display:flex;}.elementor-4074 .elementor-element.elementor-element-a8d8ff8{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-secondary );}.elementor-4074 .elementor-element.elementor-element-a8d8ff8 .elementor-headline{text-align:center;font-family:"DynaPuff", Sans-serif;font-weight:600;}.elementor-4074 .elementor-element.elementor-element-a8d8ff8 .elementor-headline-plain-text{color:var( --e-global-color-primary );}.elementor-4074 .elementor-element.elementor-element-a8d8ff8 .elementor-headline-dynamic-text{font-family:"DynaPuff", Sans-serif;font-weight:600;}.elementor-4074 .elementor-element.elementor-element-c1fa79c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4074 .elementor-element.elementor-element-c1fa79c .woocommerce-loop-category__title .count{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-4074 .elementor-element.elementor-element-5dab528.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4074 .elementor-element.elementor-element-5dab528 .woocommerce-loop-category__title .count{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-4074 .elementor-element.elementor-element-1c727dc{font-family:"DynaPuff", Sans-serif;font-weight:400;}.elementor-4074 .elementor-element.elementor-element-b8c4675{--display:flex;}.elementor-4074 .elementor-element.elementor-element-5ae5048{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-secondary );}.elementor-4074 .elementor-element.elementor-element-5ae5048 .elementor-headline{text-align:center;font-family:"DynaPuff", Sans-serif;font-weight:500;}.elementor-4074 .elementor-element.elementor-element-5ae5048 .elementor-headline-plain-text{color:var( --e-global-color-primary );}.elementor-4074 .elementor-element.elementor-element-5ae5048 .elementor-headline-dynamic-text{font-family:"DynaPuff", Sans-serif;font-weight:600;}.elementor-4074 .elementor-element.elementor-element-88a83ad.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4074 .elementor-element.elementor-element-88a83ad .woocommerce-loop-category__title .count{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-4074 .elementor-element.elementor-element-c3c0b5b{font-family:"DynaPuff", Sans-serif;font-weight:400;}.elementor-4074 .elementor-element.elementor-element-51cae9c{--display:flex;}.elementor-4074 .elementor-element.elementor-element-2d3d603{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-4074 .elementor-element.elementor-element-2d3d603 .elementor-social-icon{background-color:#E1306C;}@media(max-width:1024px){.elementor-4074 .elementor-element.elementor-element-5dab528 .product{text-align:center;}}@media(min-width:768px){.elementor-4074 .elementor-element.elementor-element-a76aacd{--content-width:1140px;}}/* Start custom CSS for animated-headline, class: .elementor-element-2ef5f2d */.elementor-4074 .elementor-element.elementor-element-2ef5f2d a {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b8643a */.elementor-4074 .elementor-element.elementor-element-3b8643a {
    background-image: url('https://creameleonstudio.fr/wp-content/uploads/2026/09/3-1.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 45% 70%; 
    padding: 20px 10px; 
    box-sizing: border-box;
    color: #666666; /* Couleur grise pour le texte */
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-9cfb1a2 *//* ==========================================
   1. ORDINATEUR (> 1024px)
   Garde exactement 180px et se centre
   ========================================== */
@media screen and (min-width: 1025px) {
    .elementor-4074 .elementor-element.elementor-element-9cfb1a2 ul.products,
    .elementor-4074 .elementor-element.elementor-element-9cfb1a2 .elementor-grid,
    .elementor-4074 .elementor-element.elementor-element-9cfb1a2 .products {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

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

    .elementor-4074 .elementor-element.elementor-element-9cfb1a2 img {
        width: 180px !important;
        height: 180px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }
}

/* ==========================================
   2. TABLETTE ET MOBILE (<= 1024px)
   Garde le comportement 2 colonnes parfait
   ========================================== */
@media screen and (max-width: 1024px) {
    .elementor-4074 .elementor-element.elementor-element-9cfb1a2 ul.products,
    .elementor-4074 .elementor-element.elementor-element-9cfb1a2 .elementor-grid,
    .elementor-4074 .elementor-element.elementor-element-9cfb1a2 .products {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    .elementor-4074 .elementor-element.elementor-element-9cfb1a2 li.product,
    .elementor-4074 .elementor-element.elementor-element-9cfb1a2 .elementor-grid-item,
    .elementor-4074 .elementor-element.elementor-element-9cfb1a2 .product-category {
        flex: 0 0 48% !important;
        max-width: 48% !important;
        width: 48% !important;
        margin: 0 auto !important;
        float: none !important;
    }

    .elementor-4074 .elementor-element.elementor-element-9cfb1a2 img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }
}/* End custom CSS */
/* Start custom CSS for animated-headline, class: .elementor-element-ddb1b2f */.elementor-4074 .elementor-element.elementor-element-ddb1b2f a {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a76aacd */.elementor-4074 .elementor-element.elementor-element-a76aacd {
    background-image: url('https://creameleonstudio.fr/wp-content/uploads/2026/09/3-1.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 45% 70%; 
    padding: 20px 10px; 
    box-sizing: border-box;
    color: #666666; /* Couleur grise pour le texte */
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-1bbd4bc *//* ==========================================
   1. ORDINATEUR (Uniquement grands écrans > 1024px)
   ========================================== */
@media screen and (min-width: 1025px) {
    .elementor-4074 .elementor-element.elementor-element-1bbd4bc ul.products,
    .elementor-4074 .elementor-element.elementor-element-1bbd4bc .elementor-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        gap: 15px !important;
    }

    .elementor-4074 .elementor-element.elementor-element-1bbd4bc li.product,
    .elementor-4074 .elementor-element.elementor-element-1bbd4bc .elementor-grid-item {
        flex: 0 0 180px !important;
        width: 180px !important;
        max-width: 180px !important;
    }

    .elementor-4074 .elementor-element.elementor-element-1bbd4bc 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-4074 .elementor-element.elementor-element-1bbd4bc ul.products,
    .elementor-4074 .elementor-element.elementor-element-1bbd4bc .elementor-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 12px !important;
    }

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

    .elementor-4074 .elementor-element.elementor-element-1bbd4bc 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-4074 .elementor-element.elementor-element-1bbd4bc ul.products,
    .elementor-4074 .elementor-element.elementor-element-1bbd4bc .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-4074 .elementor-element.elementor-element-1bbd4bc li.product,
    .elementor-4074 .elementor-element.elementor-element-1bbd4bc .elementor-grid-item {
        flex: 0 0 110px !important;
        width: 110px !important;
        max-width: 110px !important;
    }

    .elementor-4074 .elementor-element.elementor-element-1bbd4bc img {
        width: 110px !important;
        height: 110px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }
}/* End custom CSS */
/* Start custom CSS for animated-headline, class: .elementor-element-a8d8ff8 */.elementor-4074 .elementor-element.elementor-element-a8d8ff8 a {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f9da4a */.elementor-4074 .elementor-element.elementor-element-8f9da4a {
    background-image: url('https://creameleonstudio.fr/wp-content/uploads/2026/09/3-1.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 45% 70%; 
    padding: 20px 10px; 
    box-sizing: border-box;
    color: #666666; /* Couleur grise pour le texte */
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-c1fa79c *//* ==========================================
   1. ORDINATEUR (Uniquement grands écrans > 1024px)
   ========================================== */
@media screen and (min-width: 1025px) {
    .elementor-4074 .elementor-element.elementor-element-c1fa79c ul.products,
    .elementor-4074 .elementor-element.elementor-element-c1fa79c .elementor-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        gap: 15px !important;
    }

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

    .elementor-4074 .elementor-element.elementor-element-c1fa79c 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-4074 .elementor-element.elementor-element-c1fa79c ul.products,
    .elementor-4074 .elementor-element.elementor-element-c1fa79c .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-4074 .elementor-element.elementor-element-c1fa79c li.product,
    .elementor-4074 .elementor-element.elementor-element-c1fa79c .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-4074 .elementor-element.elementor-element-c1fa79c 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-4074 .elementor-element.elementor-element-c1fa79c ul.products,
    .elementor-4074 .elementor-element.elementor-element-c1fa79c .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-4074 .elementor-element.elementor-element-c1fa79c li.product,
    .elementor-4074 .elementor-element.elementor-element-c1fa79c .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-4074 .elementor-element.elementor-element-c1fa79c 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-5dab528 *//* ==========================================
   1. ORDINATEUR (> 1024px)
   ========================================== */
@media screen and (min-width: 1025px) {
    .elementor-4074 .elementor-element.elementor-element-5dab528,
    .elementor-4074 .elementor-element.elementor-element-5dab528 .woocommerce,
    .elementor-4074 .elementor-element.elementor-element-5dab528 ul.products,
    .elementor-4074 .elementor-element.elementor-element-5dab528 .elementor-grid {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

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

    .elementor-4074 .elementor-element.elementor-element-5dab528 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-4074 .elementor-element.elementor-element-5dab528,
    .elementor-4074 .elementor-element.elementor-element-5dab528 .woocommerce,
    .elementor-4074 .elementor-element.elementor-element-5dab528 ul.products,
    .elementor-4074 .elementor-element.elementor-element-5dab528 .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-4074 .elementor-element.elementor-element-5dab528 li.product,
    .elementor-4074 .elementor-element.elementor-element-5dab528 .elementor-grid-item,
    .elementor-4074 .elementor-element.elementor-element-5dab528 .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-4074 .elementor-element.elementor-element-5dab528 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-4074 .elementor-element.elementor-element-5dab528,
    .elementor-4074 .elementor-element.elementor-element-5dab528 .woocommerce,
    .elementor-4074 .elementor-element.elementor-element-5dab528 ul.products,
    .elementor-4074 .elementor-element.elementor-element-5dab528 .elementor-grid {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .elementor-4074 .elementor-element.elementor-element-5dab528 li.product,
    .elementor-4074 .elementor-element.elementor-element-5dab528 .elementor-grid-item,
    .elementor-4074 .elementor-element.elementor-element-5dab528 .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-4074 .elementor-element.elementor-element-5dab528 img {
        width: 115px !important;
        height: 115px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
        margin: 0 auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for animated-headline, class: .elementor-element-5ae5048 */.elementor-4074 .elementor-element.elementor-element-5ae5048 a {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8c4675 */.elementor-4074 .elementor-element.elementor-element-b8c4675 {
    background-image: url('https://creameleonstudio.fr/wp-content/uploads/2026/09/3-1.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 45% 70%; 
    padding: 20px 10px; 
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-88a83ad *//* ==========================================
   1. ORDINATEUR (> 1024px)
   Garde exactement 180px et se centre
   ========================================== */
@media screen and (min-width: 1025px) {
    .elementor-4074 .elementor-element.elementor-element-88a83ad ul.products,
    .elementor-4074 .elementor-element.elementor-element-88a83ad .elementor-grid,
    .elementor-4074 .elementor-element.elementor-element-88a83ad .products {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

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

    .elementor-4074 .elementor-element.elementor-element-88a83ad img {
        width: 180px !important;
        height: 180px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }
}

/* ==========================================
   2. TABLETTE ET MOBILE (<= 1024px)
   Garde le comportement 2 colonnes parfait
   ========================================== */
@media screen and (max-width: 1024px) {
    .elementor-4074 .elementor-element.elementor-element-88a83ad ul.products,
    .elementor-4074 .elementor-element.elementor-element-88a83ad .elementor-grid,
    .elementor-4074 .elementor-element.elementor-element-88a83ad .products {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    .elementor-4074 .elementor-element.elementor-element-88a83ad li.product,
    .elementor-4074 .elementor-element.elementor-element-88a83ad .elementor-grid-item,
    .elementor-4074 .elementor-element.elementor-element-88a83ad .product-category {
        flex: 0 0 48% !important;
        max-width: 48% !important;
        width: 48% !important;
        margin: 0 auto !important;
        float: none !important;
    }

    .elementor-4074 .elementor-element.elementor-element-88a83ad img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }
}/* End custom CSS */