.elementor-779 .elementor-element.elementor-element-e21b6d3{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-779 .elementor-element.elementor-element-e21b6d3:not(.elementor-motion-effects-element-type-background), .elementor-779 .elementor-element.elementor-element-e21b6d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5EA;}.elementor-779 .elementor-element.elementor-element-beb9c75{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-779 .elementor-element.elementor-element-2aa2aa5{--display:flex;}.elementor-779 .elementor-element.elementor-element-984f136{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-779 .elementor-element.elementor-element-33e06d0{--grid-columns:3;}.elementor-779 .elementor-element.elementor-element-1fcc54a{--display:flex;}.elementor-779 .elementor-element.elementor-element-a87fde9{--grid-columns:3;}.elementor-779 .elementor-element.elementor-element-1076fee{--display:flex;}.elementor-779 .elementor-element.elementor-element-4b9ed5f{--grid-columns:3;}.elementor-779 .elementor-element.elementor-element-06ca855{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;border-style:none;--n-tabs-title-gap:281px;--n-tabs-gap:1px;}.elementor-779 .elementor-element.elementor-element-06ca855 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FAF5EA;}.elementor-779 .elementor-element.elementor-element-06ca855.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#1C34D8;border-style:none;}.elementor-779 .elementor-element.elementor-element-06ca855.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-779 .elementor-element.elementor-element-06ca855.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#070323;border-style:none;}.elementor-779 .elementor-element.elementor-element-06ca855.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}:where( .elementor-779 .elementor-element.elementor-element-06ca855.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:none;}.elementor-779 .elementor-element.elementor-element-80b762b{--display:flex;}.elementor-779 .elementor-element.elementor-element-2e35a37{--display:flex;}.elementor-779 .elementor-element.elementor-element-6d1cf0b{--grid-columns:3;}.elementor-779 .elementor-element.elementor-element-76098ea{--display:flex;}.elementor-779 .elementor-element.elementor-element-5f32e34{--grid-columns:3;}.elementor-779 .elementor-element.elementor-element-3db3b62{--display:flex;}.elementor-779 .elementor-element.elementor-element-fd882d6{--grid-columns:3;}.elementor-779 .elementor-element.elementor-element-fb12ac4{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:206px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;}.elementor-779 .elementor-element.elementor-element-fb12ac4.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#110D27;}.elementor-779 .elementor-element.elementor-element-fb12ac4.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-779 .elementor-element.elementor-element-fb12ac4.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#05071F;}.elementor-779 .elementor-element.elementor-element-fb12ac4.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-779 .elementor-element.elementor-element-3d6bf43{--display:flex;}.elementor-779 .elementor-element.elementor-element-cecb46f{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-tabs-title-gap:224px;--n-tabs-title-border-radius:48px 48px 48px 48px;--n-tabs-title-font-size:13px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-direction:row;--n-tabs-icon-order:1;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-size:13px;}.elementor-779 .elementor-element.elementor-element-cecb46f > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#AD901C;}.elementor-779 .elementor-element.elementor-element-cecb46f.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#A0ADE7;}.elementor-779 .elementor-element.elementor-element-cecb46f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-779 .elementor-element.elementor-element-cecb46f.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#061B6B;}.elementor-779 .elementor-element.elementor-element-cecb46f.elementor-element{--align-self:center;}.elementor-779 .elementor-element.elementor-element-cecb46f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-779 .elementor-element.elementor-element-cecb46f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-779 .elementor-element.elementor-element-46e56d1{--display:flex;}.elementor-779 .elementor-element.elementor-element-46e56d1:not(.elementor-motion-effects-element-type-background), .elementor-779 .elementor-element.elementor-element-46e56d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5EA;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-779 .elementor-element.elementor-element-e5c9f6f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-779 .elementor-element.elementor-element-e5c9f6f .elementor-divider-separator{width:100%;}.elementor-779 .elementor-element.elementor-element-e5c9f6f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-779 .elementor-element.elementor-element-87bf2e4{--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;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-779 .elementor-element.elementor-element-87bf2e4:not(.elementor-motion-effects-element-type-background), .elementor-779 .elementor-element.elementor-element-87bf2e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5EA;}.elementor-779 .elementor-element.elementor-element-87bf2e4 > .elementor-shape-top .elementor-shape-fill, .elementor-779 .elementor-element.elementor-element-87bf2e4 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#39567F;}.elementor-779 .elementor-element.elementor-element-87bf2e4.e-con{--flex-grow:0;--flex-shrink:0;}.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-779 .elementor-element.elementor-element-fbdceb5{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 30px) 30px;text-align:center;}.elementor-779 .elementor-element.elementor-element-fbdceb5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-779 .elementor-element.elementor-element-777d3b7{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-779 .elementor-element.elementor-element-8693b49 img{border-radius:8px 8px 8px 8px;}.elementor-779 .elementor-element.elementor-element-88e9077{text-align:center;}.elementor-779 .elementor-element.elementor-element-88e9077 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;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-779 .elementor-element.elementor-element-6e5ce7e{text-align:center;color:#E1D820;}.elementor-779 .elementor-element.elementor-element-b6d6743{border-radius:15px 15px 15px 15px;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:#7A7A7A;}.elementor-779 .elementor-element.elementor-element-b6d6743 a{color:#180606;}.elementor-779 .elementor-element.elementor-element-7cf5f41{margin:65px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-779 .elementor-element.elementor-element-7cf5f41 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#BF9C36;}.elementor-779 .elementor-element.elementor-element-8434900{--display:flex;}.elementor-779 .elementor-element.elementor-element-b869687{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-779 .elementor-element.elementor-element-8538e1d{width:100%;max-width:100%;}.elementor-779 .elementor-element.elementor-element-8538e1d .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-779 .elementor-element.elementor-element-9d19e92 img{max-width:100%;height:1px;border-radius:0px 0px 0px 0px;}.elementor-779 .elementor-element.elementor-element-432cde5{--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-779 .elementor-element.elementor-element-432cde5:not(.elementor-motion-effects-element-type-background), .elementor-779 .elementor-element.elementor-element-432cde5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5EA;}.elementor-779 .elementor-element.elementor-element-b228ebe{--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;}body.elementor-page-779:not(.elementor-motion-effects-element-type-background), body.elementor-page-779 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5EA;}@media(max-width:1024px){.elementor-779 .elementor-element.elementor-element-e21b6d3{--grid-auto-flow:row;}.elementor-779 .elementor-element.elementor-element-33e06d0{--grid-columns:2;}.elementor-779 .elementor-element.elementor-element-a87fde9{--grid-columns:2;}.elementor-779 .elementor-element.elementor-element-4b9ed5f{--grid-columns:2;}.elementor-779 .elementor-element.elementor-element-6d1cf0b{--grid-columns:2;}.elementor-779 .elementor-element.elementor-element-5f32e34{--grid-columns:2;}.elementor-779 .elementor-element.elementor-element-fd882d6{--grid-columns:2;}.elementor-779 .elementor-element.elementor-element-b869687{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-779 .elementor-element.elementor-element-e21b6d3{--content-width:1108px;}.elementor-779 .elementor-element.elementor-element-87bf2e4{--width:102.573%;}}@media(max-width:767px){.elementor-779 .elementor-element.elementor-element-e21b6d3{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-779 .elementor-element.elementor-element-33e06d0{--grid-columns:1;}.elementor-779 .elementor-element.elementor-element-a87fde9{--grid-columns:1;}.elementor-779 .elementor-element.elementor-element-4b9ed5f{--grid-columns:1;}.elementor-779 .elementor-element.elementor-element-6d1cf0b{--grid-columns:1;}.elementor-779 .elementor-element.elementor-element-5f32e34{--grid-columns:1;}.elementor-779 .elementor-element.elementor-element-fd882d6{--grid-columns:1;}.elementor-779 .elementor-element.elementor-element-cecb46f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-779 .elementor-element.elementor-element-b869687{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-06ca855 *//* ===================================================
   STYLE DES ONGLETS AU REPOS (HOMME, FEMME, COUPLE)
   =================================================== */
/* Style du bouton/titre de l'onglet */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title {
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.4) !important; /* Blanc estompé / discret au repos */
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    position: relative !important; /* Sert de repère pour caler la barre */
    padding: 10px 20px !important;
    transition: color 0.3s ease !important;
}

/* Effet au survol (Hover) : le mot s'illumine en blanc */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title:hover {
    color: #ffffff !important;
}

/* ===================================================
   STYLE DE L'ONGLET ACTIF (TEXTE EN OR + BARRE OR)
   =================================================== */
/* 1. Le texte devient Or Champagne quand l'onglet est sélectionné */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title[aria-selected="true"],
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title.e-active {
    color: #c5a059 !important; 
}

/* 2. LA FAMEUSE BARRE OR QUI SE DESSINE EN DESSOUS */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title[aria-selected="true"]::after,
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title.e-active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important; /* Colle la barre tout en bas du texte */
    left: 20% !important;  /* Centre la barre sous le titre */
    width: 60% !important;  /* Plus courte que le mot pour un effet haute couture */
    height: 3px !important; /* Épaisseur fine et élégante */
    background-color: #c5a059 !important; /* Couleur Or Champagne */
    border-radius: 10px !important;
    box-shadow: 0 2px 8px rgba(197, 160, 89, 0.4) !important; /* Subtile lueur dorée */
}

/* ===================================================
   NETTOYAGE ET CENTRAGE DU BLOC GLOBAL
   =================================================== */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tabs-heading {
    border: none !important;
    background: transparent !important;
    justify-content: center !important; /* Centre parfaitement vos onglets au milieu */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2aa2aa5 *//* 1. On supprime le fond et les bordures par défaut de tous les onglets */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important; /* Réserve l'espace pour la barre */
    padding-bottom: 10px !important; /* Espace entre le texte et la future barre */
    transition: all 0.3s ease !important;
}

/* 2. Style unique pour l'onglet ACTIF (Sélectionné) */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title.elementor-active {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 3px solid #3b4ed0 !important; /* La fameuse barre bleue de l'image 2 */
}

/* 3. Style du texte à l'intérieur */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title a {
    color: #ffffff !important; /* Couleur du texte par défaut */
    font-weight: 600 !important;
}

.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title.elementor-active a {
    color: #3b4ed0 !important; /* Le texte devient bleu aussi quand il est actif (comme sur l'image) */
}

/* 4. On nettoie la grande ligne grise de séparation d'Elementor si elle vous gêne */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tabs-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* Ligne de fond très discrète */
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-fb12ac4 *//* ==========================================================================
   STYLE DES ONGLETS ÉPURÉS (HOMME, FEMME, COUPLE)
   ========================================================================== */
/* Style au repos */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title {
    background: transparent !important;
    border: none !important;
    color: rgba(250, 245, 234, 0.4) !important; /* Ton blanc crème estompé */
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    position: relative !important; 
    padding: 12px 24px !important;
    transition: color 0.3s ease !important;
}

/* Effet au survol */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title:hover {
    color: #FAF5EA !important; /* S'illumine en blanc crème */
}

/* 1. L'onglet sélectionné passe en OR */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title[aria-selected="true"],
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title.e-active {
    color: #C9933A !important; 
    background: transparent !important;
}

/* 2. LA BARRE OR TRADITIONNEL QUI SE DESSINE EN DESSOUS */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title[aria-selected="true"]::after,
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title.e-active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important; /* Colle la barre sous le texte */
    left: 25% !important;  /* Centre la barre */
    width: 50% !important;  /* Effet haute couture plus court que le mot */
    height: 3px !important; /* Épaisseur de la ligne */
    background-color: #C9933A !important; /* Ton Or fétiche */
    border-radius: 10px !important;
    box-shadow: 0 2px 10px rgba(201, 147, 58, 0.4) !important; /* Petite lueur dorée */
}

/* Centrage parfait des onglets */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tabs-heading {
    border: none !important;
    background: transparent !important;
    justify-content: center !important; 
    margin-bottom: 40px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80b762b *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-80b762b .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-80b762b .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-80b762b .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-80b762b .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-06ca855 *//* ===================================================
   STYLE DES ONGLETS AU REPOS (HOMME, FEMME, COUPLE)
   =================================================== */
/* Style du bouton/titre de l'onglet */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title {
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.4) !important; /* Blanc estompé / discret au repos */
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    position: relative !important; /* Sert de repère pour caler la barre */
    padding: 10px 20px !important;
    transition: color 0.3s ease !important;
}

/* Effet au survol (Hover) : le mot s'illumine en blanc */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title:hover {
    color: #ffffff !important;
}

/* ===================================================
   STYLE DE L'ONGLET ACTIF (TEXTE EN OR + BARRE OR)
   =================================================== */
/* 1. Le texte devient Or Champagne quand l'onglet est sélectionné */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title[aria-selected="true"],
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title.e-active {
    color: #c5a059 !important; 
}

/* 2. LA FAMEUSE BARRE OR QUI SE DESSINE EN DESSOUS */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title[aria-selected="true"]::after,
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title.e-active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important; /* Colle la barre tout en bas du texte */
    left: 20% !important;  /* Centre la barre sous le titre */
    width: 60% !important;  /* Plus courte que le mot pour un effet haute couture */
    height: 3px !important; /* Épaisseur fine et élégante */
    background-color: #c5a059 !important; /* Couleur Or Champagne */
    border-radius: 10px !important;
    box-shadow: 0 2px 8px rgba(197, 160, 89, 0.4) !important; /* Subtile lueur dorée */
}

/* ===================================================
   NETTOYAGE ET CENTRAGE DU BLOC GLOBAL
   =================================================== */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tabs-heading {
    border: none !important;
    background: transparent !important;
    justify-content: center !important; /* Centre parfaitement vos onglets au milieu */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2aa2aa5 *//* 1. On supprime le fond et les bordures par défaut de tous les onglets */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important; /* Réserve l'espace pour la barre */
    padding-bottom: 10px !important; /* Espace entre le texte et la future barre */
    transition: all 0.3s ease !important;
}

/* 2. Style unique pour l'onglet ACTIF (Sélectionné) */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title.elementor-active {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 3px solid #3b4ed0 !important; /* La fameuse barre bleue de l'image 2 */
}

/* 3. Style du texte à l'intérieur */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title a {
    color: #ffffff !important; /* Couleur du texte par défaut */
    font-weight: 600 !important;
}

.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title.elementor-active a {
    color: #3b4ed0 !important; /* Le texte devient bleu aussi quand il est actif (comme sur l'image) */
}

/* 4. On nettoie la grande ligne grise de séparation d'Elementor si elle vous gêne */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tabs-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* Ligne de fond très discrète */
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-fb12ac4 *//* ==========================================================================
   STYLE DES ONGLETS ÉPURÉS (HOMME, FEMME, COUPLE)
   ========================================================================== */
/* Style au repos */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title {
    background: transparent !important;
    border: none !important;
    color: rgba(250, 245, 234, 0.4) !important; /* Ton blanc crème estompé */
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    position: relative !important; 
    padding: 12px 24px !important;
    transition: color 0.3s ease !important;
}

/* Effet au survol */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title:hover {
    color: #FAF5EA !important; /* S'illumine en blanc crème */
}

/* 1. L'onglet sélectionné passe en OR */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title[aria-selected="true"],
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title.e-active {
    color: #C9933A !important; 
    background: transparent !important;
}

/* 2. LA BARRE OR TRADITIONNEL QUI SE DESSINE EN DESSOUS */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title[aria-selected="true"]::after,
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title.e-active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important; /* Colle la barre sous le texte */
    left: 25% !important;  /* Centre la barre */
    width: 50% !important;  /* Effet haute couture plus court que le mot */
    height: 3px !important; /* Épaisseur de la ligne */
    background-color: #C9933A !important; /* Ton Or fétiche */
    border-radius: 10px !important;
    box-shadow: 0 2px 10px rgba(201, 147, 58, 0.4) !important; /* Petite lueur dorée */
}

/* Centrage parfait des onglets */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tabs-heading {
    border: none !important;
    background: transparent !important;
    justify-content: center !important; 
    margin-bottom: 40px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80b762b *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-80b762b .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-80b762b .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-80b762b .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-80b762b .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-06ca855 *//* ===================================================
   STYLE DES ONGLETS AU REPOS (HOMME, FEMME, COUPLE)
   =================================================== */
/* Style du bouton/titre de l'onglet */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title {
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.4) !important; /* Blanc estompé / discret au repos */
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    position: relative !important; /* Sert de repère pour caler la barre */
    padding: 10px 20px !important;
    transition: color 0.3s ease !important;
}

/* Effet au survol (Hover) : le mot s'illumine en blanc */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title:hover {
    color: #ffffff !important;
}

/* ===================================================
   STYLE DE L'ONGLET ACTIF (TEXTE EN OR + BARRE OR)
   =================================================== */
/* 1. Le texte devient Or Champagne quand l'onglet est sélectionné */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title[aria-selected="true"],
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title.e-active {
    color: #c5a059 !important; 
}

/* 2. LA FAMEUSE BARRE OR QUI SE DESSINE EN DESSOUS */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title[aria-selected="true"]::after,
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title.e-active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important; /* Colle la barre tout en bas du texte */
    left: 20% !important;  /* Centre la barre sous le titre */
    width: 60% !important;  /* Plus courte que le mot pour un effet haute couture */
    height: 3px !important; /* Épaisseur fine et élégante */
    background-color: #c5a059 !important; /* Couleur Or Champagne */
    border-radius: 10px !important;
    box-shadow: 0 2px 8px rgba(197, 160, 89, 0.4) !important; /* Subtile lueur dorée */
}

/* ===================================================
   NETTOYAGE ET CENTRAGE DU BLOC GLOBAL
   =================================================== */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tabs-heading {
    border: none !important;
    background: transparent !important;
    justify-content: center !important; /* Centre parfaitement vos onglets au milieu */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2aa2aa5 *//* 1. On supprime le fond et les bordures par défaut de tous les onglets */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important; /* Réserve l'espace pour la barre */
    padding-bottom: 10px !important; /* Espace entre le texte et la future barre */
    transition: all 0.3s ease !important;
}

/* 2. Style unique pour l'onglet ACTIF (Sélectionné) */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title.elementor-active {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 3px solid #3b4ed0 !important; /* La fameuse barre bleue de l'image 2 */
}

/* 3. Style du texte à l'intérieur */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title a {
    color: #ffffff !important; /* Couleur du texte par défaut */
    font-weight: 600 !important;
}

.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title.elementor-active a {
    color: #3b4ed0 !important; /* Le texte devient bleu aussi quand il est actif (comme sur l'image) */
}

/* 4. On nettoie la grande ligne grise de séparation d'Elementor si elle vous gêne */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tabs-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* Ligne de fond très discrète */
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-fb12ac4 *//* ==========================================================================
   STYLE DES ONGLETS ÉPURÉS (HOMME, FEMME, COUPLE)
   ========================================================================== */
/* Style au repos */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title {
    background: transparent !important;
    border: none !important;
    color: rgba(250, 245, 234, 0.4) !important; /* Ton blanc crème estompé */
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    position: relative !important; 
    padding: 12px 24px !important;
    transition: color 0.3s ease !important;
}

/* Effet au survol */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title:hover {
    color: #FAF5EA !important; /* S'illumine en blanc crème */
}

/* 1. L'onglet sélectionné passe en OR */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title[aria-selected="true"],
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title.e-active {
    color: #C9933A !important; 
    background: transparent !important;
}

/* 2. LA BARRE OR TRADITIONNEL QUI SE DESSINE EN DESSOUS */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title[aria-selected="true"]::after,
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title.e-active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important; /* Colle la barre sous le texte */
    left: 25% !important;  /* Centre la barre */
    width: 50% !important;  /* Effet haute couture plus court que le mot */
    height: 3px !important; /* Épaisseur de la ligne */
    background-color: #C9933A !important; /* Ton Or fétiche */
    border-radius: 10px !important;
    box-shadow: 0 2px 10px rgba(201, 147, 58, 0.4) !important; /* Petite lueur dorée */
}

/* Centrage parfait des onglets */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tabs-heading {
    border: none !important;
    background: transparent !important;
    justify-content: center !important; 
    margin-bottom: 40px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80b762b *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-80b762b .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-80b762b .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-80b762b .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-80b762b .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-33e06d0 *//* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-33e06d0 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-33e06d0 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}
/* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-33e06d0 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-33e06d0 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-984f136 */.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title {
    min-height: 40px !important; /* Ajustez pour que ça tienne 2 lignes maximum */
}
/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-984f136 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-984f136 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-984f136 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a87fde9 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
/* 1. On réduit l'espace sous le titre */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: 2px !important; /* Réduit l'espace sous le nom de la robe */
    padding-bottom: 0px !important;
}

/* 2. On réduit l'espace au-dessus du prix */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-image-box-description,
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-a87fde9 p {
    margin-top: 0px !important; /* Colle le prix au titre */
    padding-top: 0px !important;
    line-height: 1.2 !important;
}

/* 3. Si vous utilisez des widgets séparés dans le Loop, on réduit l'écart entre les widgets */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-widget:not(:last-child) {
    margin-bottom: 5px !important; 
}/* --- BLOC TITRE ET PRIX SERRÉS --- */

/* On cible le titre et on supprime TOUT vide en dessous */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-heading-title, 
.elementor-779 .elementor-element.elementor-element-a87fde9 h3 {
    margin-bottom: -5px !important; /* Valeur négative pour forcer le rapprochement */
    padding-bottom: 0px !important;
    line-height: 1.1 !important;
}

/* On cible le prix et on supprime TOUT vide au-dessus */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor, 
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor p {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important; /* Évite l'espace sous le prix aussi */
}

/* Suppression de l'espace vide entre les widgets du Loop Grid */
.elementor-779 .elementor-element.elementor-element-a87fde9 .e-loop-item .elementor-widget {
    margin-bottom: 2px !important; /* Réduit l'écart entre n'importe quel widget interne */
}

/* Style spécifique du prix pour qu'il soit bien net */
.elementor-779 .elementor-element.elementor-element-a87fde9 .elementor-text-editor {
    color: #3b4ed0 !important; 
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1076fee *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-1076fee .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}
.elementor-779 .elementor-element.elementor-element-1076fee .elementor-text-editor {
    color: #3b4ed0 !important; /* Le bleu royal de vos captures */
    font-weight: 700 !important;
    font-size: 0.9rem !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-06ca855 *//* ===================================================
   STYLE DES ONGLETS AU REPOS (HOMME, FEMME, COUPLE)
   =================================================== */
/* Style du bouton/titre de l'onglet */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title {
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.4) !important; /* Blanc estompé / discret au repos */
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    position: relative !important; /* Sert de repère pour caler la barre */
    padding: 10px 20px !important;
    transition: color 0.3s ease !important;
}

/* Effet au survol (Hover) : le mot s'illumine en blanc */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title:hover {
    color: #ffffff !important;
}

/* ===================================================
   STYLE DE L'ONGLET ACTIF (TEXTE EN OR + BARRE OR)
   =================================================== */
/* 1. Le texte devient Or Champagne quand l'onglet est sélectionné */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title[aria-selected="true"],
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title.e-active {
    color: #c5a059 !important; 
}

/* 2. LA FAMEUSE BARRE OR QUI SE DESSINE EN DESSOUS */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title[aria-selected="true"]::after,
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tab-title.e-active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important; /* Colle la barre tout en bas du texte */
    left: 20% !important;  /* Centre la barre sous le titre */
    width: 60% !important;  /* Plus courte que le mot pour un effet haute couture */
    height: 3px !important; /* Épaisseur fine et élégante */
    background-color: #c5a059 !important; /* Couleur Or Champagne */
    border-radius: 10px !important;
    box-shadow: 0 2px 8px rgba(197, 160, 89, 0.4) !important; /* Subtile lueur dorée */
}

/* ===================================================
   NETTOYAGE ET CENTRAGE DU BLOC GLOBAL
   =================================================== */
.elementor-779 .elementor-element.elementor-element-06ca855 .e-n-tabs-heading {
    border: none !important;
    background: transparent !important;
    justify-content: center !important; /* Centre parfaitement vos onglets au milieu */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2aa2aa5 *//* 1. On supprime le fond et les bordures par défaut de tous les onglets */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important; /* Réserve l'espace pour la barre */
    padding-bottom: 10px !important; /* Espace entre le texte et la future barre */
    transition: all 0.3s ease !important;
}

/* 2. Style unique pour l'onglet ACTIF (Sélectionné) */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title.elementor-active {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 3px solid #3b4ed0 !important; /* La fameuse barre bleue de l'image 2 */
}

/* 3. Style du texte à l'intérieur */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title a {
    color: #ffffff !important; /* Couleur du texte par défaut */
    font-weight: 600 !important;
}

.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tab-title.elementor-active a {
    color: #3b4ed0 !important; /* Le texte devient bleu aussi quand il est actif (comme sur l'image) */
}

/* 4. On nettoie la grande ligne grise de séparation d'Elementor si elle vous gêne */
.elementor-779 .elementor-element.elementor-element-2aa2aa5 .elementor-tabs-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* Ligne de fond très discrète */
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd882d6 *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-fd882d6 .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-fd882d6 .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-fb12ac4 *//* ==========================================================================
   STYLE DES ONGLETS ÉPURÉS (HOMME, FEMME, COUPLE)
   ========================================================================== */
/* Style au repos */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title {
    background: transparent !important;
    border: none !important;
    color: rgba(250, 245, 234, 0.4) !important; /* Ton blanc crème estompé */
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    position: relative !important; 
    padding: 12px 24px !important;
    transition: color 0.3s ease !important;
}

/* Effet au survol */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title:hover {
    color: #FAF5EA !important; /* S'illumine en blanc crème */
}

/* 1. L'onglet sélectionné passe en OR */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title[aria-selected="true"],
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title.e-active {
    color: #C9933A !important; 
    background: transparent !important;
}

/* 2. LA BARRE OR TRADITIONNEL QUI SE DESSINE EN DESSOUS */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title[aria-selected="true"]::after,
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tab-title.e-active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important; /* Colle la barre sous le texte */
    left: 25% !important;  /* Centre la barre */
    width: 50% !important;  /* Effet haute couture plus court que le mot */
    height: 3px !important; /* Épaisseur de la ligne */
    background-color: #C9933A !important; /* Ton Or fétiche */
    border-radius: 10px !important;
    box-shadow: 0 2px 10px rgba(201, 147, 58, 0.4) !important; /* Petite lueur dorée */
}

/* Centrage parfait des onglets */
.elementor-779 .elementor-element.elementor-element-fb12ac4 .e-n-tabs-heading {
    border: none !important;
    background: transparent !important;
    justify-content: center !important; 
    margin-bottom: 40px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80b762b *//* On cible les images à l'intérieur de la grille pour les uniformiser */
.elementor-779 .elementor-element.elementor-element-80b762b .elementor-grid-item img, 
.elementor-779 .elementor-element.elementor-element-80b762b .e-loop-item img {
    width: 100% !important;
    height: 450px !important; /* Ajustez cette valeur selon la hauteur désirée */
    object-fit: cover !important; /* Coupe l'image sans la déformer pour remplir le cadre */
    object-position: center top !important; /* Garde le haut du corps/tête visible */
    border-radius: 12px !important; /* Optionnel : pour garder vos bords arrondis */
}

/* Force l'alignement des blocs pour qu'ils fassent tous la même taille */
.elementor-779 .elementor-element.elementor-element-80b762b .e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Optionnel : Si vos titres de robes font parfois 1 ligne et parfois 2, 
cela peut aussi décaler les prix. Ce code aligne les textes. */
.elementor-779 .elementor-element.elementor-element-80b762b .elementor-heading-title {
    min-height: 45px; /* Ajustez selon la longueur de vos noms de robes */
    display: flex;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-cecb46f *//* ==========================================================================
   1. LE GRAND CADRE ÉCRIN (PROPRE ET FIXE)
   ========================================================================== */
.elementor-779 .elementor-element.elementor-element-cecb46f {
    background-color: #130E07 !important; /* Fond noir/marron Bamiléké */
    background-image: radial-gradient(rgba(201, 147, 58, 0.04) 1px, transparent 1px) !important;
    background-size: 24px 24px !important;
    
    border: 1px solid rgba(201, 147, 58, 0.25) !important; /* Bordure Or délicate */
    border-radius: 16px !important;
    
    padding: 50px 40px !important;
    max-width: 1100px !important;
    margin: 40px auto !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6) !important;
}

/* Force l'alignement centré du bloc */
.elementor-779 .elementor-element.elementor-element-cecb46f .e-con-inner,
.elementor-779 .elementor-element.elementor-element-cecb46f > .elementor-widget {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ==========================================================================
   2. ALIGNEMENT HORIZONTAL DES BOUTONS DE MODÈLES (NDOP, TOGHU, WAX)
   ========================================================================== */
.elementor-779 .elementor-element.elementor-element-cecb46f #onglets-boutique > .e-n-tabs-heading,
.elementor-779 .elementor-element.elementor-element-cecb46f .e-n-tabs-heading:first-of-type {
    display: flex !important;
    flex-direction: row !important; /* Aligne horizontalement */
    flex-wrap: wrap !important;     /* Évite que ça casse sur mobile */
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;           /* Espace entre les pilules */
    margin-bottom: 45px !important; /* Espace généreux avant la ligne du bas */
    border: none !important;
    background: transparent !important;
}

/* ==========================================================================
   3. DESIGN DES BOUTONS DU HAUT -> LES PILULES ARRONDIES
   ========================================================================== */
.elementor-779 .elementor-element.elementor-element-cecb46f #onglets-boutique > .e-n-tabs-heading > .e-n-tab-title,
.elementor-779 .elementor-element.elementor-element-cecb46f .e-n-tabs-heading:first-of-type > .e-n-tab-title {
    background-color: rgba(250, 245, 234, 0.03) !important;
    color: #FAF5EA !important;
    border: 1px solid rgba(201, 147, 58, 0.4) !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    
    font-family: 'Playfair Display', serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* État Hover et Actif pour les Pilules */
.elementor-779 .elementor-element.elementor-element-cecb46f .e-n-tabs-heading:first-of-type > .e-n-tab-title:hover,
.elementor-779 .elementor-element.elementor-element-cecb46f .e-n-tabs-heading:first-of-type > .e-n-tab-title[aria-selected="true"],
.elementor-779 .elementor-element.elementor-element-cecb46f .e-n-tabs-heading:first-of-type > .e-n-tab-title.e-active {
    background-color: #C9933A !important; 
    color: #130E07 !important;
    border-color: #C9933A !important;
    box-shadow: 0 4px 15px rgba(201, 147, 58, 0.25) !important;
}

.elementor-779 .elementor-element.elementor-element-cecb46f .e-n-tabs-heading:first-of-type > .e-n-tab-title::after {
    display: none !important;
}

/* ==========================================================================
   4. LES ONGLETS DU BAS (HOMME, FEMME, COUPLE) -> PARFAITEMENT ESPACÉS
   ========================================================================== */
/* On force le conteneur des sous-onglets à étaler ses titres horizontalement */
.elementor-779 .elementor-element.elementor-element-cecb46f .e-n-tabs-content .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 40px !important; /* Crée un espace important et régulier entre chaque mot */
    border: none !important;
    background: transparent !important;
}

/* Style épuré et aéré pour Homme, Femme, Couple */
.elementor-779 .elementor-element.elementor-element-cecb46f .e-n-tabs-content .e-n-tab-title {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important; /* Coupe net l'arrondi pour éviter la contamination */
    box-shadow: none !important;
    
    color: rgba(250, 245, 234, 0.4) !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    
    /* On augmente le padding latéral (gauche/droite) à 35px pour chasser l'effet serré */
    padding: 12px 35px !important; 
    position: relative !important;
    transition: color 0.3s ease !important;
}

/* Survol de Homme, Femme, Couple */
.elementor-779 .elementor-element.elementor-element-cecb46f .e-n-tabs-content .e-n-tab-title:hover {
    color: #FAF5EA !important;
}

/* Onglet actif (Texte Or) */
.elementor-779 .elementor-element.elementor-element-cecb46f .e-n-tabs-content .e-n-tab-title[aria-selected="true"],
.elementor-779 .elementor-element.elementor-element-cecb46f .e-n-tabs-content .e-n-tab-title.e-active {
    color: #C9933A !important;
    background: transparent !important;
}

/* LA FAMEUSE BARRE DE L'ONGLET ACTIF DÉCOLLÉE COULISSANTE */
.elementor-779 .elementor-element.elementor-element-cecb46f .e-n-tabs-content .e-n-tab-title[aria-selected="true"]::after,
.elementor-779 .elementor-element.elementor-element-cecb46f .e-n-tabs-content .e-n-tab-title.e-active::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    bottom: -2px !important; /* Aligne la barre pile en dessous du mot */
    left: 30% !important;   /* Centre la barre horizontalement */
    width: 40% !important;  /* Rend la ligne un peu plus courte que le mot (très chic) */
    height: 3px !important;
    background-color: #C9933A !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 8px rgba(201, 147, 58, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e21b6d3 *//* ==========================================
   1. HARMONISATION DU FOND ET DES CARTES (UI)
   ========================================== */
body {
    background-color: #060811 !important; /* Un noir bleuté impérial très profond */
}

/* Style de base des cartes produits */
.elementor-779 .elementor-element.elementor-element-e21b6d3 .e-loop-item, 
.elementor-779 .elementor-element.elementor-element-e21b6d3 .elementor-grid-item {
    background: #0d1122 !important; /* Fond de carte légèrement plus clair pour le contraste */
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    padding: 14px !important;
    border-radius: 20px !important; /* Beaux angles arrondis et modernes */
    overflow: hidden !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Masquer le bouton d'achat par défaut s'il dépasse */
.elementor-779 .elementor-element.elementor-element-e21b6d3 .e-loop-item .elementor-button {
    transition: all 0.4s ease !important;
}

/* ==========================================
   2. TYPOGRAPHIE ET COULEUR DE L'OR CHAMPAGNE
   ========================================== */
/* Titres des vêtements (Plus nets et blancs) */
.elementor-779 .elementor-element.elementor-element-e21b6d3 .e-loop-item h3, 
.elementor-779 .elementor-element.elementor-element-e21b6d3 .e-loop-item .elementor-heading-title {
    color: #ffffff !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
}

/* Les Prix : Passage à l'Or Sablé/Toghu avec le FCFA */
.elementor-779 .elementor-element.elementor-element-e21b6d3 .e-loop-item .elementor-text-editor,
.elementor-779 .elementor-element.elementor-element-e21b6d3 .price-style {
    color: #c5a059 !important; /* Couleur Or Royal */
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    margin-top: 4px !important;
}

/* ==========================================
   3. ANIMATIONS AU SURVOL (HOVER EFFECTS)
   ========================================== */

/* Effet sur la carte entière quand on passe la souris */
.elementor-779 .elementor-element.elementor-element-e21b6d3 .e-loop-item:hover, 
.elementor-779 .elementor-element.elementor-element-e21b6d3 .elementor-grid-item:hover {
    transform: translateY(-10px) !important; /* La carte s'élève doucement */
    border-color: rgba(197, 160, 89, 0.3) !important; /* La bordure devient doucement dorée */
    box-shadow: 0 20px 40px rgba(197, 160, 89, 0.12) !important; /* Halo lumineux or très discret */
}

/* Zoom élégant et cinéma sur l'image au survol */
.elementor-779 .elementor-element.elementor-element-e21b6d3 .e-loop-item .elementor-image-box-img img,
.elementor-779 .elementor-element.elementor-element-e21b6d3 .e-loop-item img {
    border-radius: 14px !important; /* Arrondi interne de la photo */
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-779 .elementor-element.elementor-element-e21b6d3 .e-loop-item:hover img {
    transform: scale(1.05) !important; /* Zoom lent et haut de gamme de 5% */
}

/* ==========================================
   4. DESIGN DES BOUTONS FILTRES DU HAUT
   ========================================== */
/* Style au repos des boutons (Homme, Femme, Couple) */
.custom-tab-item, 
.elementor-portfolio__filter {
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

/* Style de l'onglet ACTIF et au SURVOL (Hover) */
.custom-tab-item.active, 
.custom-tab-item:hover,
.elementor-portfolio__filter.elementor-active,
.elementor-portfolio__filter:hover {
    color: #c5a059 !important; /* Le texte passe en Or */
}

/* La petite barre Or sous l'onglet actif */
.custom-tab-item.active::after,
.elementor-portfolio__filter.elementor-active::after {
    content: "" !important;
    position: absolute !important;
    bottom: -6px !important;
    left: 15% !important;
    width: 70% !important;
    height: 3px !important;
    background-color: #c5a059 !important; /* Barre dorée */
    border-radius: 2px !important;
}
/* ===================================================
   1. LES BOUTONS "COMMANDER" (DANS LES CARTES)
   =================================================== */
.elementor-779 .elementor-element.elementor-element-e21b6d3 .e-loop-item .elementor-button,
.elementor-779 .elementor-element.elementor-element-e21b6d3 .elementor-grid-item .elementor-button {
    background-color: #0b0f19 !important; /* Fond sombre */
    color: #ffffff !important; /* Texte blanc */
    border: 1px solid #1a3ad8 !important; /* Fine bordure bleu électrique */
    border-radius: 6px !important; /* Coins légèrement adoucis */
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 10px 20px !important;
    transition: all 0.3s ease-in-out !important;
}

/* Effet au survol du bouton "Commander" */
.elementor-779 .elementor-element.elementor-element-e21b6d3 .e-loop-item .elementor-button:hover,
.elementor-779 .elementor-element.elementor-element-e21b6d3 .elementor-grid-item .elementor-button:hover {
    background-color: #1a3ad8 !important; /* Se remplit de bleu électrique */
    box-shadow: 0 0 15px rgba(26, 58, 216, 0.6) !important; /* Effet néon brillant */
    color: #ffffff !important;
}


/* ===================================================
   2. LES BOUTONS DU HAUT (MODÈLE NDOP, TOGHU, WAX)
   =================================================== */
/* Style au repos de ces boutons */
.elementor-widget-button .elementor-button {
    background-color: rgba(255, 255, 255, 0.03) !important; /* Fond transparent très discret */
    border: 1px solid rgba(255, 255, 255, 0.15) !important; /* Bordure grise fine */
    border-radius: 30px !important; /* Forme pilule arrondie */
    color: rgba(255, 255, 255, 0.7) !important; /* Texte blanc doux */
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    padding: 10px 24px !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Effet au survol ou bouton Actif (Sélectionné) */
.elementor-widget-button .elementor-button:hover,
.elementor-widget-button .elementor-button:focus,
.elementor-widget-button .elementor-button.active {
    background-color: #1a3ad8 !important; /* Devient bleu électrique */
    border-color: #1a3ad8 !important;
    color: #ffffff !important;
    box-shadow: 0 0 20px rgba(26, 58, 216, 0.5) !important; /* Brillance néon */
}


/* ===================================================
   3. LES EN-TÊTES DU WIDGET ONGLETS (HOMME, FEMME, COUPLE)
   =================================================== */
/* On garde la fameuse barre bleue sous l'onglet actif comme demandé */
.elementor-tab-title.elementor-active::after {
    background-color: #1a3ad8 !important; /* Barre bleue */
    box-shadow: 0 0 10px rgba(26, 58, 216, 0.6) !important;
}

.elementor-tab-title.elementor-active a {
    color: #1a3ad8 !important; /* Texte actif en bleu électrique */
}
/* ===================================================
   POSITIONNEMENT DU CŒUR "FAVORITES" SUR L'IMAGE
   =================================================== */
/* On s'assure que la carte produit sert de repère fixe */
.elementor-779 .elementor-element.elementor-element-e21b6d3 .e-loop-item, 
.elementor-779 .elementor-element.elementor-element-e21b6d3 .elementor-grid-item {
    position: relative !important;
}

/* Style et emplacement du bouton en haut à droite */
.simple-favorites-button {
    position: absolute !important;
    top: 25px !important;    /* Distance depuis le haut de l'image */
    right: 25px !important;  /* Distance depuis la droite */
    z-index: 15 !important;   /* Force le bouton à passer devant la photo */
    background: rgba(0, 0, 0, 0.4) !important; /* Petit cercle sombre transparent */
    border: none !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    padding: 0 !important;
}

/* Petit effet dynamique quand on passe la souris sur le cœur */
.simple-favorites-button:hover {
    transform: scale(1.12) !important;
    background: rgba(0, 0, 0, 0.6) !important;
}

/* ===================================================
   COULEUR DU CŒUR (BLANC AU REPOS, BLEU QUAND LIKÉ)
   =================================================== */
/* Style du cœur quand il n'est PAS coché (Vide) */
.simple-favorites-button i, 
.simple-favorites-button svg {
    color: #ffffff !important; /* Cœur blanc */
    font-size: 18px !important;
    fill: transparent !important;
    transition: all 0.3s ease !important;
}

/* Style magique quand l'utilisateur CLIQUE (Le cœur devient bleu) */
.simple-favorites-button.active i,
.simple-favorites-button.active svg,
.simple-favorites-button.favorited i,
.simple-favorites-button.favorited svg {
    color: #1a3ad8 !important; /* Bleu électrique de ta charte */
    fill: #1a3ad8 !important;  /* Remplissage du cœur en bleu */
    filter: drop-shadow(0 0 8px rgba(26, 58, 216, 0.8)) !important; /* Effet néon brillant */
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-8538e1d *//* 1. CONFIGURATION DU CADRE GLOBAL STYLE YOUTUBE */
.elementor-779 .elementor-element.elementor-element-8538e1d .elementor-video-wrapper,
.elementor-779 .elementor-element.elementor-element-8538e1d .elementor-video,
.elementor-779 .elementor-element.elementor-element-8538e1d .video-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important; /* Format paysage cinéma */
    border-radius: 20px !important; /* Coins arrondis propres */
    overflow: hidden !important;
    background-color: #000000 !important; /* Fond noir pour les bandes sur les côtés */
    position: relative !important;
}

/* 2. FORCE LA VIDÉO INTERNE À RESTER ENTIÈRE (ZÉRO ZOOM) */
.elementor-779 .elementor-element.elementor-element-8538e1d video,
.elementor-779 .elementor-element.elementor-element-8538e1d .elementor-video-wrapper video,
.elementor-779 .elementor-element.elementor-element-8538e1d iframe {
    object-fit: contain !important; /* Force l'affichage intégral sans coupure */
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    transform: scale(1) !important; /* Annule tout zoom automatique d'Elementor */
    object-position: center !important; /* Centre parfaitement le mannequin */
    top: 0 !important;
    left: 0 !important;
}/* ==========================================================================
   9. EFFET DE FOND FLOUTÉ SUR LES BANDES NOIRES DE LA VIDÉO
   ========================================================================== */
/* Cible le fond du lecteur vidéo pour insérer l'image floutée */
#bloc-media-cote .elementor-widget-video .elementor-wrapper {
    background-image: url('https://ruchfam.com/wp-content/uploads/2026/05/image_a1918a.jpg') !important; /* Ici, le CSS utilise la photo de ton mannequin */
    background-size: cover !important;
    background-position: center !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Crée la couche de flou artistique par-dessus l'image de fond */
#bloc-media-cote .elementor-widget-video .elementor-wrapper::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(19, 14, 7, 0.4) !important; /* Assombrit légèrement pour faire ressortir la vidéo */
    backdrop-filter: blur(20px) !important; /* Applique le flou magique */
    -webkit-backdrop-filter: blur(20px) !important; /* Compatibilité Safari/iPhone */
    z-index: -1 !important;
}

/* S'assure que la vidéo elle-même reste nette au premier plan et centrée */
#bloc-media-cote .elementor-widget-video video,
#bloc-media-cote .elementor-widget-video iframe {
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important; /* Supprime le fond noir par défaut */
    margin: 0 auto !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b869687 *//* ==========================================================================
   5. GRANDE VIDÉO IMPOSANTE ET INTEGRALE (SANS TRONCATURE VISUELLE)
   ========================================================================= */
#bloc-media-cote {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important; 
    align-items: stretch !important; /* Force les deux colonnes à garder la même grande hauteur */
    gap: 40px !important;
    max-width: 1100px !important;
    margin: 40px auto !important;
    width: 100% !important;
}

/* --- COLONNE GAUCHE (VIDÉO GRAND FORMAT) --- */
#bloc-media-cote > .elementor-column:first-of-type,
#bloc-media-cote .elementor-widget-video {
    flex: 1 !important;
    max-width: 520px !important;
    width: 100% !important;
}

#bloc-media-cote .elementor-widget-video .elementor-wrapper {
    width: 100% !important;
    height: 100% !important;
    min-height: 520px !important; /* FORCE le cadre à rester grand et majestueux */
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(201, 147, 58, 0.25) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    background-color: #130E07 !important; /* Fond sombre royal s'il y a un infime écart */
}

/* RENDU VIDÉO : Grand format ET visuel complet */
#bloc-media-cote .elementor-widget-video video,
#bloc-media-cote .elementor-widget-video iframe {
    width: 100% !important;
    height: 100% !important;
    /* On utilise l'arme secrète : un "contain" qui prend 100% de la hauteur du grand cadre */
    object-fit: contain !important; 
    transform: scale(1) !important; /* Annule tout zoom automatique du navigateur */
}

/* --- COLONNE DROITE (SCHÉMA DES MESURES) --- */
#bloc-media-cote > .elementor-column:last-of-type,
#bloc-media-cote .elementor-widget-image {
    flex: 1 !important;
    max-width: 500px !important;
    width: 100% !important;
}

#bloc-media-cote .elementor-widget-image img {
    width: 100% !important;
    height: 100% !important;
    min-height: 520px !important; /* S'aligne sur la grande taille de la vidéo */
    object-fit: contain !important;
    border-radius: 14px !important;
    border: 1px solid rgba(201, 147, 58, 0.25) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87bf2e4 *//* ==========================================================================
   GRANDE SECTION UNIFIÉE (#section-details-outfit)
   ========================================================================== */
#section-details-outfit {
    background-color: #130E07 !important; /* Ton fond Noir/Marron Bamiléké signature */
    background-image: radial-gradient(rgba(201, 147, 58, 0.04) 1px, transparent 1px) !important; /* La trame de points dorés discrets */
    background-size: 24px 24px !important;
    
    border: 1px solid rgba(201, 147, 58, 0.25) !important; /* La fine bordure Or délicate */
    border-radius: 16px !important; /* Arrondi haut de gamme standardisé */
    
    padding: 60px 40px !important; /* Espace interne pour aérer le mannequin, la vidéo et le formulaire */
    max-width: 1200px !important;  /* Largeur alignée sur ta grille de site */
    margin: 50px auto !important;   /* Espace équilibré au-dessus et en dessous */
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6) !important; /* Ombre de prestige */
}

/* Alignement et centrage automatique de tous les éléments internes */
#section-details-outfit .e-con-inner,
#section-details-outfit > .elementor-widget {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
/* ==========================================================================
   5. REDIENSIONNEMENT ET STYLE DE LA VIDÉO (STYLE YOUTUBE)
   ========================================================================== */
/* Cible le widget vidéo à l'intérieur de ta section */
#section-details-outfit .elementor-widget-video {
    max-width: 400px !important; /* Limite la largeur pour les vidéos verticales (Shorts/TikTok) */
    width: 100% !important;
    margin: 30px auto !important; /* Centre la vidéo et crée un espace sain au-dessus/en dessous */
    border-radius: 12px !important; /* Arrondit légèrement les angles de la vidéo pour s'accorder au thème */
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important; /* Une belle ombre sous la vidéo */
    border: 1px solid rgba(201, 147, 58, 0.2) !important; /* Rappel de la fine ligne dorée */
}

/* Personnalisation du gros bouton Play d'Elementor pour qu'il soit aux couleurs de ta marque */
/* ==========================================================================
   GRANDE SECTION UNIFIÉE (#section-details-outfit)
   ========================================================================== */
#section-details-outfit {
    background-color: #130E07 !important; /* Ton fond Noir/Marron Bamiléké signature */
    background-image: radial-gradient(rgba(201, 147, 58, 0.04) 1px, transparent 1px) !important; /* La trame de points dorés discrets */
    background-size: 24px 24px !important;
    
    border: 1px solid rgba(201, 147, 58, 0.25) !important; /* La fine bordure Or délicate */
    border-radius: 16px !important; /* Arrondi haut de gamme standardisé */
    
    padding: 60px 40px !important; /* Espace interne pour aérer le mannequin, la vidéo et le formulaire */
    max-width: 1200px !important;  /* Largeur alignée sur ta grille de site */
    margin: 50px auto !important;   /* Espace équilibré au-dessus et en dessous */
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6) !important; /* Ombre de prestige */
}

/* Alignement et centrage automatique de tous les éléments internes */
#section-details-outfit .e-con-inner,
#section-details-outfit > .elementor-widget {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* ==========================================================================
   5. REDIENSIONNEMENT RECALIBRÉ DE LA VIDÉO (PLUS GRANDE ETÉLÉGANTE)
   ========================================================================== */
/* Cible le widget vidéo à l'intérieur de ta section */
#section-details-outfit .elementor-widget-video {
    max-width: 520px !important; /* Conserve ta belle largeur maximale */
    width: 100% !important; /* Permet la flexibilité */
    
    /* MODIFICATION : On force le centrage absolu dans sa colonne */
    margin: 20px auto !important; 
    display: block !important;
    
    border-radius: 14px !important; /* Angles adoucis */
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important; /* Ombre portée sous la vidéo */
    border: 1px solid rgba(201, 147, 58, 0.25) !important; /* Rappel Or fin */
}

/* Personnalisation du gros bouton Play d'Elementor */
#section-details-outfit .elementor-custom-embed-play i {
    font-size: 65px !important; /* Un bouton légèrement plus grand pour la nouvelle taille */
    color: #C9933A !important; /* Ton Or signature */
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.7) !important;
    transition: transform 0.3s ease, color 0.3s ease !important;
}

/* Effet au survol du bouton play */
#section-details-outfit .elementor-widget-video:hover .elementor-custom-embed-play i {
    transform: scale(1.12) !important; /* Léger zoom chic au survol */
    color: #FAF5EA !important; /* S'illumine en ivoire */
}
/* ==========================================================================
   6. LA FICHE PRODUIT PREMIUM (POLICES & COULEURS HAUTE COUTURE)
   ========================================================================= */
#boite-produit {
    background-color: rgba(250, 245, 234, 0.02) !important; 
    border: 1px solid rgba(201, 147, 58, 0.15) !important; 
    border-radius: 14px !important; 
    padding: 35px 30px !important; 
    max-width: 550px !important; 
    margin: 0 auto 40px auto !important; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Style et animation de la photo du Mannequin */
#boite-produit .elementor-widget-image img {
    border-radius: 8px !important; 
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 25px !important; 
    transition: transform 0.4s ease !important;
}

#boite-produit:hover .elementor-widget-image img {
    transform: scale(1.02) !important;
}

/* --- LES TEXTES (POLICES ET COULEURS) --- */

/* 1. Le Titre du vêtement (Ex: Chevalier du Grassland) */
#boite-produit h2, 
#boite-produit h3,
#boite-produit .elementor-heading-title {
    font-family: 'Playfair Display', serif !important; /* Police Haute Couture */
    color: #FAF5EA !important; /* Ivoire lumineux prestigieux */
    font-size: 22px !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    margin-bottom: 8px !important;
    text-transform: capitalize !important;
}

/* 2. Le Prix (Ex: 30000 FCFA) */
/* (Si ton prix est un titre à part ou dans le même bloc, ce code va le capter et le sublimer) */
#boite-produit .price,
#boite-produit .elementor-heading-title + p, 
#boite-produit span.custom-price {
    font-family: 'Montserrat', sans-serif !important; /* Police moderne pour les chiffres */
    color: #C9933A !important; /* Ton OR signature pour faire briller le prix */
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    margin-top: 5px !important;
    margin-bottom: 15px !important;
}

/* 3. Le long texte de Description */
#boite-produit .elementor-widget-text-editor {
    font-family: 'Montserrat', sans-serif !important; /* Plus lisible pour les longs textes */
    color: rgba(250, 245, 234, 0.75) !important; /* Ivoire adouci pour ne pas agresser l'œil */
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important; /* Donne de l'air aux lignes */
    max-width: 460px !important; 
    margin-top: 15px !important;
    text-align: center !important;
}/* End custom CSS */