.elementor-21285 .elementor-element.elementor-element-5d3e528{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21285 .elementor-element.elementor-element-4cec1d0{--display:flex;--min-height:600px;--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-21285 .elementor-element.elementor-element-4cec1d0:not(.elementor-motion-effects-element-type-background), .elementor-21285 .elementor-element.elementor-element-4cec1d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.jbadev.com/wp-content/uploads/2025/07/ARCHITECTURE-785x1024.png");background-repeat:no-repeat;background-size:contain;}.elementor-21285 .elementor-element.elementor-element-538e861{--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-21285 .elementor-element.elementor-element-a417e9b{--display:flex;--min-height:225px;--justify-content:center;--overlay-opacity:0.5;}.elementor-21285 .elementor-element.elementor-element-a417e9b:not(.elementor-motion-effects-element-type-background), .elementor-21285 .elementor-element.elementor-element-a417e9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.jbadev.com/wp-content/uploads/2025/07/decouverte-surprenante.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-21285 .elementor-element.elementor-element-a417e9b::before, .elementor-21285 .elementor-element.elementor-element-a417e9b > .elementor-background-video-container::before, .elementor-21285 .elementor-element.elementor-element-a417e9b > .e-con-inner > .elementor-background-video-container::before, .elementor-21285 .elementor-element.elementor-element-a417e9b > .elementor-background-slideshow::before, .elementor-21285 .elementor-element.elementor-element-a417e9b > .e-con-inner > .elementor-background-slideshow::before, .elementor-21285 .elementor-element.elementor-element-a417e9b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor3 );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-21285 .elementor-element.elementor-element-bf9a82b{text-align:center;}.elementor-21285 .elementor-element.elementor-element-bf9a82b .elementor-heading-title{font-family:"ibm courier", Sans-serif;font-weight:200;color:#F7F7F7;}.elementor-21285 .elementor-element.elementor-element-6aa5ceb{--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-21285 .elementor-element.elementor-element-03b8351{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-21285 .elementor-element.elementor-element-4cec1d0{--width:50%;}.elementor-21285 .elementor-element.elementor-element-538e861{--width:25%;}.elementor-21285 .elementor-element.elementor-element-6aa5ceb{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-fd3d974 *//* --- Début du correctif Grille 2x2 Vintage --- */

/* 1. On force la Grille sur la liste UL */
.elementor-products-grid ul.products.elementor-grid li.product {
    display: block!important;
    
}
/* Le sélecteur est très précis pour écraser les styles Elementor */
.elementor-widget-wc-categories ul.products.elementor-grid {
    display: grid !important;
    /* On définit strictement 4 colonnes */
    grid-template-columns: repeat(4, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 5px !important;
    
    /* On annule les vieux styles de float/margin d'Elementor */
    margin: 0 !important;
}

/* 2. On réinitialise tous les produits normaux */
.elementor-widget-wc-categories ul.products li.product {
    width: 100% !important; /* Elementor met souvent 25%, on force 100% de la case de grille */
    float: none !important;
    margin: 0 !important;
    clear: none !important;
    aspect-ratio: 1 / 1 !important;
    
}
/* 3. La configuration de notre Tuile Titre (2x2) */
/* Uniquement sur ordinateur (> 768px) */
@media (min-width: 769px) {
    li.product.my-vintage-promo {
        grid-column: span 2;
        grid-row: span 2;
        /* LA CORRECTION EST ICI : On force le ratio Carré (1 sur 1) */
        aspect-ratio: 1 / 1;
        /* Style Vintage */
        overflow: hidden;
        min-height: 300px; /* Sécurité pour qu'elle ne soit pas plate */
    }
}

/* 4. Gestion Mobile (On repasse en normal) */
@media (max-width: 768px) {
    .elementor-widget-wc-categories ul.products.elementor-grid {
        /* On repasse en 1 ou 2 colonnes selon ton choix mobile */
        grid-template-columns: repeat(2, 1fr) !important; 
    }
    
    li.product.my-vintage-promo {
        grid-column: span 2; /* Sur mobile, elle prend toute la largeur */
        grid-row: auto;
        height: 250px;
        aspect-ratio: 1 / 1;
        margin-bottom: 20px !important;
    }
}
/* --- Fin du correctif --- */

.woocommerce-js ul.products li.product a img{
    margin-bottom: .3em!important;
}
.woocommerce-/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ibm courier';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.jbadev.com/wp-content/uploads/2025/07/OGCourier.ttf') format('truetype');
}
@font-face {
	font-family: 'ibm courier';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.jbadev.com/wp-content/uploads/2025/07/OGCourier-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'ibm courier';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.jbadev.com/wp-content/uploads/2025/07/OGCourier-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */