.elementor-233 .elementor-element.elementor-element-52d20c2{--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-233 .elementor-element.elementor-element-2e04a1b{--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-233 .elementor-element.elementor-element-edbe990{--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-233 .elementor-element.elementor-element-6271b71{--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-233 .elementor-element.elementor-element-cd495bb{--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-233 .elementor-element.elementor-element-0c5e009{--display:flex;}/* Start custom CSS for html, class: .elementor-element-f7254be *//* ===== VITRINES PREMIUM – effets & taille ===== */
.vp-premium{
--cl-fuchsia:#C0126C;
--cl-fuchsia-2:#E93E8F;
--cl-ink:#1F2A37;
--radius:18px;
--card-h:210px; /* hauteur des cartes (un peu plus petit) */
--gap:18px;
}

/* Grille (si tu utilises un conteneur grid pour les cartes) */
.vp-premium .elementor-container,
.vp-premium .elementor-widget-wrap,
.vp-premium .vp-grid{
display:grid !important;
grid-template-columns: repeat(4, minmax(0,1fr));
gap: var(--gap);
}
@media (max-width:1100px){ .vp-premium .elementor-container,
.vp-premium .elementor-widget-wrap, .vp-premium .vp-grid{
grid-template-columns: repeat(3,1fr);
}}
@media (max-width:820px){ .vp-premium .elementor-container,
.vp-premium .elementor-widget-wrap, .vp-premium .vp-grid{
grid-template-columns: repeat(2,1fr);
}}
@media (max-width:520px){ .vp-premium .elementor-container,
.vp-premium .elementor-widget-wrap, .vp-premium .vp-grid{
grid-template-columns: 1fr;
}}

/* Carte */
.vitrine-card{
position:relative;
overflow:hidden;
height: var(--card-h);
border-radius: var(--radius);
box-shadow: 0 10px 24px rgba(0,0,0,.10);
transform: translateY(0) scale(1);
transition: transform .35s ease, box-shadow .35s ease;
isolation:isolate;
background:#111; /* fallback si image manquante */
}

/* Image (si <img>) */
.vitrine-card img{
width:100%; height:100%; object-fit:cover; display:block;
transform: scale(1.02);
transition: transform .45s ease;
}

/* Overlay dégradé + fond assombri */
.vitrine-card::after{
content:"";
position:absolute; inset:0;
background:
linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,.18) 55%, rgba(0,0,0,0) 85%);
opacity:.85;
transition: opacity .35s ease;
z-index:1;
}
/* Dégradé coloré qui s’ajoute au hover */
.vitrine-card::before{
content:"";
position:absolute; inset:0;
background: linear-gradient(135deg, rgba(192,18,108,.18), rgba(233,62,143,.10));
opacity:0;
transition: opacity .35s ease;
z-index:1;
}

/* Contenu (titre + bouton) */
.vitrine-card .v-info{
position:absolute; inset:auto 14px 14px 14px;
z-index:2; color:#fff;
}
.vitrine-card .v-title{
margin:0 0 10px; font-weight:800; letter-spacing:.2px;
font-size: clamp(16px,1.8vw,20px);
text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
.vitrine-card .v-btn{
display:inline-block;
padding:8px 14px; border-radius:999px;
font-weight:700; font-size:12px; color:#fff;
background: rgba(255,255,255,.1); border:2px solid rgba(255,255,255,.9);
backdrop-filter: blur(2px);
transition: transform .2s ease, background .25s ease, color .25s ease, border-color .25s ease;
}

/* Badge "Premium" si présent dans la carte */
.vitrine-card .v-badge{
position:absolute; top:10px; left:10px; z-index:2;
font-size:12px; font-weight:800; color:#fff;
padding:6px 12px; border-radius:999px;
background: linear-gradient(90deg, var(--cl-fuchsia), var(--cl-fuchsia-2));
box-shadow: 0 8px 18px rgba(192,18,108,.25);
}

/* Hover combo (zoom image + translation + overlay coloré) */
.vitrine-card:hover{
transform: translateY(-6px);
box-shadow: 0 16px 36px rgba(0,0,0,.22);
}
.vitrine-card:hover img{ transform: scale(1.08); }
.vitrine-card:hover::before{ opacity:1; }
.vitrine-card:hover .v-btn{
transform: translateY(-1px);
background:#fff; color: var(--cl-fuchsia); border-color:#fff;
}

/* Apparition en cascade (stagger) */
.vitrine-card{
opacity:0; transform: translateY(18px) scale(1);
animation: vpIn .7s ease forwards;
}
.vitrine-card:nth-child(1){ animation-delay:.05s; }
.vitrine-card:nth-child(2){ animation-delay:.15s; }
.vitrine-card:nth-child(3){ animation-delay:.25s; }
.vitrine-card:nth-child(4){ animation-delay:.35s; }

@keyframes vpIn{
to{ opacity:1; transform: translateY(0) scale(1); }
}/* End custom CSS */