.elementor-1170101 .elementor-element.elementor-element-3541b00 > .elementor-widget-container{margin:-16px 0px 0px 0px;}.elementor-1170101 .elementor-element.elementor-element-7a46cff .elementor-spacer-inner{height:50px;}.elementor-bc-flex-widget .elementor-1170101 .elementor-element.elementor-element-bcf8d0b.elementor-column .elementor-column-wrap{align-items:center;}.elementor-1170101 .elementor-element.elementor-element-bcf8d0b.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1170101 .elementor-element.elementor-element-bcf8d0b.elementor-column > .elementor-column-wrap > .elementor-widget-wrap{justify-content:center;}.elementor-1170101 .elementor-element.elementor-element-bcf8d0b > .elementor-element-populated{border-style:solid;border-color:#CD2E25;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1170101 .elementor-element.elementor-element-bcf8d0b > .elementor-element-populated, .elementor-1170101 .elementor-element.elementor-element-bcf8d0b > .elementor-element-populated > .elementor-background-overlay, .elementor-1170101 .elementor-element.elementor-element-bcf8d0b > .elementor-element-populated > .elementor-motion-effects-container, .elementor-1170101 .elementor-element.elementor-element-bcf8d0b > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-1170101 .elementor-element.elementor-element-bcf8d0b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1170101 .elementor-element.elementor-element-bc0c748 .elementor-spacer-inner{height:20px;}.elementor-1170101 .elementor-element.elementor-element-9dc2ce6{text-align:center;font-family:"AkkuratMono", sans-serif;font-weight:400;}.elementor-1170101 .elementor-element.elementor-element-f4139ca .elementor-spacer-inner{height:20px;}.elementor-1170101 .elementor-element.elementor-element-fc94706 .elementor-spacer-inner{height:50px;}.elementor-1170101 .elementor-element.elementor-element-bb4f0a0 > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-1170101 .elementor-element.elementor-element-0a2ed9f{text-align:center;}.elementor-1170101 .elementor-element.elementor-element-0a2ed9f .elementor-heading-title{font-family:"AkkuratMono", sans-serif;font-weight:400;text-transform:uppercase;}.elementor-1170101 .elementor-element.elementor-element-4eae55f > .elementor-background-overlay{background-color:rgba(0, 0, 0, 0);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1170101 .elementor-element.elementor-element-4eae55f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;z-index:2;}.elementor-1170101 .elementor-element.elementor-element-c2eec60 > .elementor-column-wrap > .elementor-widget-wrap{row-gap:30px;column-gap:38px;}.elementor-1170101 .elementor-element.elementor-element-5fc8a54 > .elementor-container{min-height:700px;}.elementor-1170101 .elementor-element.elementor-element-5fc8a54 > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1170101 .elementor-element.elementor-element-5fc8a54:not(.elementor-motion-effects-element-type-background), .elementor-1170101 .elementor-element.elementor-element-5fc8a54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("/img/cms/20260212_161806_2.png");background-repeat:no-repeat;background-size:100% auto;}.elementor-1170101 .elementor-element.elementor-element-5fc8a54 > .elementor-background-overlay{background-image:url("/img/cms/20260212_162008_1.png");background-position:0px 110px;background-repeat:no-repeat;background-size:contain;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1170101 .elementor-element.elementor-element-5fc8a54{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1170101 .elementor-element.elementor-element-d64c582{text-align:center;}.elementor-1170101 .elementor-element.elementor-element-d64c582 .elementor-heading-title{color:#FFFFFF;font-family:"AkkuratMono", sans-serif;}.elementor-1170101 .elementor-element.elementor-element-b529066 .elementor-countdown-item:not(:first-of-type){margin-inline-start:calc(10px/2);}.elementor-1170101 .elementor-element.elementor-element-b529066 .elementor-countdown-item:not(:last-of-type){margin-inline-end:calc(10px/2);}.elementor-1170101 .elementor-element.elementor-element-b529066 .elementor-countdown-item{background-color:rgba(2, 1, 1, 0.04);}.elementor-1170101 .elementor-element.elementor-element-b529066 .elementor-countdown-digits{font-family:"AkkuratMono", sans-serif;}.elementor-1170101 .elementor-element.elementor-element-b529066 .elementor-countdown-label{font-family:"AkkuratMono", sans-serif;}.elementor-1170101 .elementor-element.elementor-element-b529066 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1170101 .elementor-element.elementor-element-28b05d6{color:#FFFFFF;font-family:"AkkuratMono", sans-serif;font-size:38px;}.elementor-1170101 .elementor-element.elementor-element-049a24b a.elementor-button{font-family:"AkkuratMono", sans-serif;text-transform:uppercase;--ce-btn-bg-color:#FFFFFF;background-color:var(--ce-btn-bg-color);border-style:none;}.elementor-1170101 .elementor-element.elementor-element-049a24b a.elementor-button:not(#e){color:#000000;}.elementor-1170101 .elementor-element.elementor-element-c0fa99b > .elementor-container{min-height:700px;}.elementor-1170101 .elementor-element.elementor-element-c0fa99b > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1170101 .elementor-element.elementor-element-c0fa99b:not(.elementor-motion-effects-element-type-background), .elementor-1170101 .elementor-element.elementor-element-c0fa99b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("/img/cms/slide_timer_21x9_2.png");background-repeat:no-repeat;background-size:100% auto;}.elementor-1170101 .elementor-element.elementor-element-c0fa99b > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1170101 .elementor-element.elementor-element-c0fa99b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1170101 .elementor-element.elementor-element-3b69af7{text-align:center;}.elementor-1170101 .elementor-element.elementor-element-3b69af7 .elementor-heading-title{color:#FFFFFF;font-family:"AkkuratMono", sans-serif;}.elementor-1170101 .elementor-element.elementor-element-4d3a370 .elementor-countdown-item:not(:first-of-type){margin-inline-start:calc(10px/2);}.elementor-1170101 .elementor-element.elementor-element-4d3a370 .elementor-countdown-item:not(:last-of-type){margin-inline-end:calc(10px/2);}.elementor-1170101 .elementor-element.elementor-element-4d3a370 .elementor-countdown-item{background-color:rgba(2, 1, 1, 0.04);}.elementor-1170101 .elementor-element.elementor-element-4d3a370 .elementor-countdown-digits{font-family:"AkkuratMono", sans-serif;}.elementor-1170101 .elementor-element.elementor-element-4d3a370 .elementor-countdown-label{font-family:"AkkuratMono", sans-serif;}.elementor-1170101 .elementor-element.elementor-element-4d3a370 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1170101 .elementor-element.elementor-element-2265da3{color:#FFFFFF;font-family:"AkkuratMono", sans-serif;font-size:38px;}.elementor-1170101 .elementor-element.elementor-element-d3cf90d a.elementor-button{font-family:"AkkuratMono", sans-serif;text-transform:uppercase;--ce-btn-bg-color:#FFFFFF;background-color:var(--ce-btn-bg-color);border-style:none;}.elementor-1170101 .elementor-element.elementor-element-d3cf90d a.elementor-button:not(#e){color:#000000;}.elementor-1170101 .elementor-element.elementor-element-edd19bb .elementor-spacer-inner{height:50px;}.elementor-1170101 .elementor-element.elementor-element-12d372c .elementor-nav--main a.elementor-item{font-family:"AkkuratMono", sans-serif;}.elementor-1170101 .elementor-element.elementor-element-12d372c > .elementor-container > .elementor-nav-tabs > .elementor-nav{width:100%;}.elementor-1170101 .elementor-element.elementor-element-12d372c > .elementor-container > .elementor-nav-tabs{padding:10px 10px 10px 10px;}.elementor-1170101 .elementor-element.elementor-element-d5331d0 .swiper:not(.swiper-initialized) .swiper-wrapper{column-gap:10px;}.elementor-1170101 .elementor-element.elementor-element-d5331d0 .elementor-title{font-family:"AkkuratMono", sans-serif;}.elementor-1170101 .elementor-element.elementor-element-d5331d0 .elementor-atc .elementor-button{font-family:"AkkuratMono", sans-serif;}.elementor-1170101 .elementor-element.elementor-element-d5331d0 .elementor-badge{min-width:50px;font-family:"AkkuratMono", sans-serif;}.elementor-1170101 .elementor-element.elementor-element-d5331d0 .elementor-swiper-button{color:#EB001B;}.elementor-1170101 .elementor-element.elementor-element-6274162 .swiper:not(.swiper-initialized) .swiper-wrapper{column-gap:10px;}.elementor-1170101 .elementor-element.elementor-element-6274162 .elementor-badge{min-width:50px;}.elementor-1170101 .elementor-element.elementor-element-d3d76b2 .swiper:not(.swiper-initialized) .swiper-wrapper{column-gap:10px;}.elementor-1170101 .elementor-element.elementor-element-d3d76b2 .elementor-badge{min-width:50px;}.elementor-1170101 .elementor-element.elementor-element-671f392{overflow:hidden;}.elementor-1170101 .elementor-element.elementor-element-41ca923{text-align:center;}.elementor-1170101 .elementor-element.elementor-element-41ca923 .elementor-heading-title{font-family:"AkkuratMono", sans-serif;font-weight:400;text-transform:uppercase;}.elementor-1170101 .elementor-element.elementor-element-7d629ce.ce-image-gallery--layout-grid .ce-image-gallery{grid-template-columns:repeat(2, 1fr);gap:2px;}.elementor-1170101 .elementor-element.elementor-element-7d629ce.ce-image-gallery--layout-masonry .ce-image-gallery{columns:2;column-gap:2px;}.elementor-1170101 .elementor-element.elementor-element-7d629ce figcaption{display:flex;text-align:left;padding:10px 30px 10px 30px;margin:20px 20px 20px 20px;transition-duration:800ms;}.elementor-1170101 .elementor-element.elementor-element-7d629ce.ce-image-gallery--layout-masonry figure{margin-bottom:2px;}.elementor-1170101 .elementor-element.elementor-element-7d629ce img{width:100%;height:302px;object-fit:cover;object-position:top center;}.elementor-1170101 .elementor-element.elementor-element-7d629ce .ce-image-gallery{grid-auto-rows:minmax(302px, 1fr);}.elementor-1170101 .elementor-element.elementor-element-7d629ce .ce-gallery-icon, .elementor-1170101 .elementor-element.elementor-element-7d629ce .ce-gallery-icon img{transition:800ms;}.elementor-1170101 .elementor-element.elementor-element-7d629ce .ce-gallery-overlay{transition-duration:800ms;}.elementor-1170101 .elementor-element.elementor-element-7d629ce figure{align-items:flex-end;justify-content:left;}.elementor-1170101 .elementor-element.elementor-element-7d629ce figcaption, .elementor-1170101 .elementor-element.elementor-element-7d629ce figcaption a{font-family:"AkkuratMono", sans-serif;font-weight:400;text-transform:uppercase;}.elementor-1170101 .elementor-element.elementor-element-7d629ce figcaption:after{font-family:"AkkuratMono", sans-serif;}.elementor-1170101 .elementor-element.elementor-element-aa27976 .elementor-spacer-inner{height:50px;}.elementor-1170101 .elementor-element.elementor-element-2ce497e > .elementor-column-wrap > .elementor-widget-wrap{flex-wrap:wrap;}.elementor-1170101 .elementor-element.elementor-element-d19191d{width:100%;}@media(max-width:1024px){.elementor-1170101 .elementor-element.elementor-element-7d629ce.ce-image-gallery--layout-grid .ce-image-gallery{grid-template-columns:repeat(3, 1fr);}.elementor-1170101 .elementor-element.elementor-element-7d629ce.ce-image-gallery--layout-masonry .ce-image-gallery{columns:3;}}@media(max-width:767px){.elementor-1170101 .elementor-element.elementor-element-b529066 .elementor-countdown-wrapper{max-width:0px;}.elementor-1170101 .elementor-element.elementor-element-b529066 .elementor-countdown-digits{font-size:35px;}.elementor-1170101 .elementor-element.elementor-element-12d372c > .elementor-container > .elementor-nav-tabs .elementor-item{padding-left:0px;padding-right:0px;}.elementor-1170101 .elementor-element.elementor-element-7d629ce.ce-image-gallery--layout-grid .ce-image-gallery{grid-template-columns:repeat(1, 1fr);}.elementor-1170101 .elementor-element.elementor-element-7d629ce.ce-image-gallery--layout-masonry .ce-image-gallery{columns:1;}}/* Start custom CSS for ps-widget-LayerSlider, class: .elementor-element-3541b00 *//* Ciblage du bouton "Shop Now" dans cette section spécifique */
.elementor-element-7ccbea6 .ls-layer[style*="background: rgb(255, 255, 255)"] {
    /* Transformation en parallélogramme */
    transform: skewX(-20deg) !important;
    border-radius: 0 !important;
    
    /* Ajustements pour que le texte reste lisible */
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: visible !important;
}

/* Ajout du chevron orange */
.elementor-element-7ccbea6 .ls-layer[style*="background: rgb(255, 255, 255)"]::after {
    content: " >";
    color: #CD2E25;;
    font-weight: bold;
    margin-left: 8px;
    display: inline-block;
    /* On ne redresse pas le chevron pour garder le look racing */
}

/* Ciblage de l'image de fond du slider pour créer l'effet d'overlay */
.elementor-element-7ccbea6 .ls-bg {
    /* Ajuste la valeur (0.5) pour assombrir plus ou moins (0 = noir, 1 = normal) */
    opacity: 0.8 !important; 
}

/* On s'assure que le fond derrière l'image est bien noir pour l'effet d'assombrissement */
.elementor-element-7ccbea6 .ls-inner, 
.elementor-element-7ccbea6 .ls-wrapper.ls-bg-wrap {
    background-color: black !important;
}

/* Optionnel : Si tu préfères un filtre plus précis sans toucher à l'opacité */
/* .elementor-element-7ccbea6 .ls-bg {
    filter: brightness(50%) contrast(110%) !important;
} *//* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0a2ed9f *//* Ciblage du titre spécifique */
.elementor-element-0a2ed9f .elementor-heading-title {
    position: relative;
    padding-left: 25px; /* Espace pour la barre */
    display: inline-block;
}

/* Création de la barre oblique orange */
.elementor-element-0a2ed9f .elementor-heading-title::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(15deg); /* L'angle de l'oblique */
    width: 3px;              /* Épaisseur de la barre */
    height: 100%;            /* Hauteur de la barre */
    background-color: #CD2E25; /* Votre orange (ajustez le code hex si besoin) */
    border-radius: 2px;      /* Optionnel : arrondit légèrement les bords */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-049a24b *//* Ciblage du bouton spécifique par son ID Elementor */
.elementor-element-1913f99 .elementor-button {
    background-color: white !important; /* Fond blanc */
    border-radius: 0 !important;       /* Supprime les arrondis par défaut */
    transform: skewX(-20deg);          /* Inclinaison du bouton */
    padding: 15px 30px !important;     /* Ajustement de la taille */
    border: none;
    transition: all 0.3s ease;
}

/* Redresser le texte et l'icône à l'intérieur */
.elementor-element-1913f99 .elementor-button-content-wrapper {
    transform: skewX(20deg);           /* Inclinaison inverse */
    display: flex;
    align-items: center;
}

/* Style du texte */
.elementor-element-1913f99 .elementor-button-text {
    color: black !important;
    
    
}

/* Style de l'icône / chevron orange */
.elementor-element-1913f99 .elementor-button-icon {
    color: #CD2E25 !important;
    margin-left: 10px;
}

/* Optionnel : Effet au survol */
.elementor-element-1913f99 .elementor-button:hover {
    background-color: #f0f0f0 !important; /* Gris très léger au survol */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5fc8a54 *//* ============================================================
   1. NETTOYAGE DE LA SECTION PARENTE
   ============================================================ */
.elementor-element-4eae55f {
    background: transparent !important;
}
.elementor-element-4eae55f > .elementor-background-overlay {
    display: none !important;
}

/* ============================================================
   2. STYLE COMMUN AUX SLIDES — MOBILE FIRST
   (hauteur intentionnellement non touchée : gérée par Elementor)
   ============================================================ */
.elementor-element-5fc8a54,
.elementor-element-98d8495,
.elementor-element-c0fa99b {
    display: flex !important;
    position: relative !important;
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

/* Le container enfant doit prendre toute la largeur du flex parent */
.elementor-element-5fc8a54 > .elementor-container,
.elementor-element-98d8495 > .elementor-container,
.elementor-element-c0fa99b > .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 !important;
}

/* Desktop (≥ 1200px) : taille fixe originale */
@media (min-width: 1200px) {
    .elementor-element-5fc8a54,
    .elementor-element-98d8495,
    .elementor-element-c0fa99b {
        background-position: center 20px !important;
        background-size: 1415px 600px !important;
    }
}

/* ============================================================
   3. IMAGES SPÉCIFIQUES + GRADIENT
   ============================================================ */
/* SLIDE 1 */
.elementor-element-5fc8a54 {
    background-image:
        linear-gradient(198deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.4) 40%, rgba(0,0,0,0) 80%),
        url("/img/cms/20260212_161806_4.png") !important;
}
/* SLIDE 2 */
.elementor-element-98d8495 {
    background-image:
        linear-gradient(198deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.4) 40%, rgba(0,0,0,0) 80%),
        url("/img/cms/slide_timer_21x9_1.png") !important;
}
/* SLIDE 3 */
.elementor-element-c0fa99b {
    background-image:
        linear-gradient(198deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.4) 40%, rgba(0,0,0,0) 80%),
        url("/img/cms/slide_timer_21x9_2.png") !important;
}

/* ============================================================
   4. OVERLAY VOITURE (SLIDE 1) — MOBILE FIRST
   ============================================================ */
.elementor-element-5fc8a54 > .elementor-background-overlay {
    background-image:
        radial-gradient(ellipse 70% 45% at 51% 50%, rgba(0,0,0,.4) 16%, rgba(0,0,0,0.3) 36%, rgba(0,0,0,0) 78%),
        url("/img/cms/20260212_162008_1.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center bottom !important;
    opacity: 1 !important;
    display: block !important;
    z-index: 1;
}

@media (min-width: 768px) {
    .elementor-element-5fc8a54 > .elementor-background-overlay {
        background-position: center 60px !important;
        background-size: contain !important;
    }
}

@media (min-width: 1200px) {
    .elementor-element-5fc8a54 > .elementor-background-overlay {
        background-position: center 110px !important;
    }
}

/* ============================================================
   5. LISIBILITÉ TEXTE
   ============================================================ */
.elementor-element-5fc8a54 h2,
.elementor-element-98d8495 h2,
.elementor-element-c0fa99b h2,
.elementor-countdown-wrapper {
    text-shadow: 2px 2px 10px rgba(0,0,0,0.8) !important;
}
.elementor-widget-wrap {
    z-index: 5 !important;
    position: relative;
}

/* ============================================================
   5b. TITRE HEADING — ombre + couleur (autre section)
   ============================================================ */
.elementor-element-5b3b4fb .elementor-heading-title {
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow:
        2px 2px 4px rgba(0,0,0,0.3),
        0px 0px 10px rgba(0,0,0,0.2) !important;
    display: inline-block !important;
}

/* ============================================================
   6. STABILISATION & STYLE DU TIMER — MOBILE FIRST
   ============================================================ */
.elementor-countdown--label-block .elementor-countdown-item {
    flex-grow: 0;
}

.elementor-countdown-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-width: 48px !important;
    text-align: center !important;
    margin: 0 5px !important;
}

@media (min-width: 768px) {
    .elementor-countdown-item {
        min-width: 80px !important;
    }
}

.elementor-countdown-digits {
    display: inline-block !important;
    font-size: 35px !important; /* uniformise les 2 slides (slide 2 héritait 69px) */
    font-variant-numeric: tabular-nums !important;
    -moz-font-feature-settings: "tnum" !important;
    -webkit-font-feature-settings: "tnum" !important;
    font-feature-settings: "tnum" !important;
    min-width: 1.5em !important;
    text-align: center !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-shadow:
        2px 2px 4px rgba(0,0,0,0.3),
        0px 0px 10px rgba(0,0,0,0.2) !important;
}

.elementor-countdown-label {
    font-size: 0.8rem !important;
    margin-top: 5px !important;
}

/* ============================================================
   7. SÉPARATEURS — correction décalage (inline margin écrasé)
   ============================================================ */
.elementor-countdown-separator {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

@media (min-width: 768px) {
    .elementor-countdown-separator {
        margin: 0 4px !important;
    }
}

/* ============================================================
   8. COUNTDOWN WRAPPER — padding latéral sur mobile
   ============================================================ */
.elementor-countdown-wrapper {
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

@media (min-width: 768px) {
    .elementor-countdown-wrapper {
        padding: 0 !important;
    }
}

/* ============================================================
   9. FLÈCHES SWIPER — couleur + position
   ============================================================ */
section.elementor-element-4eae55f .swiper-button-next,
section.elementor-element-4eae55f .swiper-button-prev {
    color: #eb001b !important;
    top: 90% !important;
}

@media (min-width: 768px) {
    section.elementor-element-4eae55f  .swiper-button-next,
    section.elementor-element-4eae55f  .swiper-button-prev {
        top: 50% !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d3cf90d *//* Ciblage du bouton spécifique par son ID Elementor */
.elementor-element-1913f99 .elementor-button {
    background-color: white !important; /* Fond blanc */
    border-radius: 0 !important;       /* Supprime les arrondis par défaut */
    transform: skewX(-20deg);          /* Inclinaison du bouton */
    padding: 15px 30px !important;     /* Ajustement de la taille */
    border: none;
    transition: all 0.3s ease;
}

/* Redresser le texte et l'icône à l'intérieur */
.elementor-element-1913f99 .elementor-button-content-wrapper {
    transform: skewX(20deg);           /* Inclinaison inverse */
    display: flex;
    align-items: center;
}

/* Style du texte */
.elementor-element-1913f99 .elementor-button-text {
    color: black !important;
    
    
}

/* Style de l'icône / chevron orange */
.elementor-element-1913f99 .elementor-button-icon {
    color: #CD2E25 !important;
    margin-left: 10px;
}

/* Optionnel : Effet au survol */
.elementor-element-1913f99 .elementor-button:hover {
    background-color: #f0f0f0 !important; /* Gris très léger au survol */
}/* End custom CSS */
/* Start custom CSS for product-carousel, class: .elementor-element-d3d76b2 */#coming-soon-carousel .elementor-badge.elementor-badge-out {
	display: none;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-12d372c *//* ================================================================
   1. LA CARTE PRODUIT (STRUCTURE)
   ================================================================ */
.elementor-product-miniature {
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    background-color: #1a1a1a !important;
}

.elementor-product-miniature .elementor-product-link {
    z-index: 3;
    clip-path: inset(0 0 0 0) !important;
    transition: clip-path 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* L'image (ROGNAGE par le bas) */
.elementor-image {
    position: relative !important;
    z-index: 2 !important;
    background: #fff !important;
    clip-path: inset(0 0 0 0) !important;
    transition: clip-path 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-image img {
    width: 100% !important;
    display: block !important;
    border: 1px solid lightgray;
}

/* Le texte (Nom/Prix) par-dessus l'image */
.elementor-content {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 3 !important;
    padding: 15px 20px !important;
    background: rgba(0,0,0);
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-sizing: border-box !important;
    transition: bottom 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    pointer-events: none;
    min-height: 65px;
}

.elementor-title {
    color: #fff !important;
    margin: 0 !important;
    font-size: 12px !important;
    width: 65%;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase
}
.elementor-price { color: #fff !important; font-weight: 400 !important; }

.elementor-product-miniature .elementor-category,
.elementor-product-miniature .elementor-title {
    white-space: wrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.elementor-product-miniature .elementor-price-regular {
    color: red;
    font-weight: bolder;
}

.elementor-price-wrapper {
    width: 33%;
    text-align: right;
}

.elementor-product-miniature .elementor-content > * {
    margin-top: unset;
    margin-bottom: 0;
}

/* ================================================================
   2. LE BOUTON AJOUT AU PANIER (CACHÉ DERRIÈRE L'IMAGE)
   ================================================================ */
.elementor-atc {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 60px !important;
    z-index: 1 !important;
    margin: 0 !important;
}

.elementor-atc .elementor-button {
    height: 100% !important;
    width: 100% !important;
    background-color: #e60019 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

.elementor-atc .elementor-button[disabled] {
    background-color: #666 !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

/* ================================================================
   3. VARIANTS
   ================================================================ */
.ce-product-miniature-variants {
    position: absolute !important;
    bottom: 60px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 5px 8px;
    margin: 0;
    box-sizing: border-box;
    background: rgba(0,0,0,0.9);
    pointer-events: auto;
}

.ce-product-miniature-variants__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.ce-product-miniature-variants__color {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.5);
    border-radius: 50%;
    background-clip: content-box;
    cursor: pointer;
    transition: border-color 0.2s, transform 0.15s, box-shadow 0.2s;
}

.ce-product-miniature-variants__color:hover {
    border-color: #fff;
    transform: scale(1.2);
    box-shadow: 0 0 6px rgba(255,255,255,0.4);
}

.ce-product-miniature-variants__color:active {
    transform: scale(0.9);
    box-shadow: 0 0 8px rgba(230,0,25,0.6);
}

.ce-product-miniature-variants__size {
    display: inline-block;
    padding: 1px 6px;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 3px;
    font-size: 0.7rem;
    line-height: 1.3;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s, transform 0.15s, box-shadow 0.2s;
}

.ce-product-miniature-variants__size:hover {
    border-color: #fff;
    background-color: rgba(255,255,255,0.2);
    transform: scale(1.15);
    text-decoration: none;
    color: #fff;
}

.ce-product-miniature-variants__size:active {
    transform: scale(0.9);
    background-color: #e60019;
    border-color: #e60019;
    color: #fff;
}

.ce-product-miniature-variants__count {
    color: rgba(255,255,255,0.6);
    font-size: 0.7rem;
}

/* ================================================================
   4. ANIMATION HOVER
   ================================================================ */
.elementor-product-miniature:hover .elementor-image {
    clip-path: inset(0 0 60px 0) !important;
}

.elementor-product-miniature:hover .elementor-product-link {
    clip-path: inset(0 0 60px 0) !important;
}

.elementor-product-miniature:hover .elementor-content {
    bottom: 60px !important;
}

.elementor-product-miniature:has(.ce-product-miniature-variants):hover .elementor-image {
    clip-path: inset(0 0 90px 0) !important;
}

.elementor-product-miniature:has(.ce-product-miniature-variants):hover .elementor-product-link {
    clip-path: inset(0 0 90px 0) !important;
}

.elementor-product-miniature:has(.ce-product-miniature-variants):hover .elementor-content {
    bottom: 90px !important;
}

/* ================================================================
   5. LES FLAGS
   ================================================================ */
.elementor-product-miniature .elementor-badges-right {
    position: absolute !important;
    top: -5px !important;
    right: -10px !important;
    z-index: 10 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 5px !important;
    transform: none !important;
    transition: none !important;
}

.elementor-badge {
    position: relative !important;
    background: rgba(0,0,0,0.8) !important;
    color: #fff !important;
    padding: 5px 12px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 4px 0 0 4px !important;
    backdrop-filter: blur(4px) !important;
    border: none !important;
    transform: none !important;
}

.elementor-badge-sale { background-color: #6c757d !important; }
.elementor-badge-new { background-color: #000 !important; }

.elementor-product-miniature:hover .elementor-badges-right {
    transform: none !important;
}

.elementor-badge.elementor-badge-out {
    background-color: #e60019 !important;
}

/* ================================================================
   6. NAVIGATION (STYLE PARALLÉLOGRAMME)
   ================================================================ */
.elementor-nav-tabs .elementor-item::after {
    display: none !important;
}

.elementor-swiper-button {
    top: 40%;
}

.elementor-nav-tabs .elementor-item {
    position: relative !important;
    padding: 10px 25px !important;
    z-index: 1;
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 2px solid #000000 !important;
    transition: all 0.3s ease !important;
    display: inline-block;
    text-decoration: none !important;
    transform: skewX(-20deg);
}

.elementor-nav-tabs .elementor-item span {
    display: inline-block;
    transform: skewX(20deg);
}

.elementor-nav-tabs .elementor-item:hover,
.elementor-nav-tabs .elementor-item.elementor-item-active,
.elementor-nav-tabs .elementor-item.active {
    color: #ffffff !important;
    background-color: #e60019 !important;
    border-color: #e60019 !important;
}

.elementor-nav-tabs .elementor-item::before {
    display: none !important;
}

.elementor-nav-tabs li.menu-item {
    margin: 0 10px !important;
    list-style: none !important;
}

/* Grille 2x2 + taille réduite sur mobile */
@media (max-width: 767px) {
    .elementor-section-tabbed .elementor-nav-tabs .elementor-nav {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
        padding: 0 8px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .elementor-section-tabbed .elementor-nav-tabs li.menu-item {
        margin: 0 !important;
        width: 100% !important;
    }

    .elementor-section-tabbed .elementor-nav-tabs .elementor-item {
        padding: 8px 10px !important;
        font-size: 0.75rem !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        white-space: nowrap !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41ca923 *//* Ciblage du titre spécifique */
.elementor-element-41ca923 .elementor-heading-title {
    position: relative;
    padding-left: 25px; /* Espace pour la barre */
    display: inline-block;
}

/* Création de la barre oblique orange */
.elementor-element-41ca923 .elementor-heading-title::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(15deg); /* L'angle de l'oblique */
    width: 3px;              /* Épaisseur de la barre */
    height: 100%;            /* Hauteur de la barre */
    background-color: #CD2E25; /* Votre orange (ajustez le code hex si besoin) */
    border-radius: 2px;      /* Optionnel : arrondit légèrement les bords */
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-7d629ce *//* Base */
.elementor-element-7d629ce .ce-gallery-item {
    position: relative;
}

/* Cacher les 2 derniers items sur mobile */
.elementor-element-7d629ce .ce-gallery-item:nth-last-child(-n+2) {
    display: none;
}

/* Design du figcaption UNIQUEMENT pour tous sauf les 2 derniers */
.elementor-element-7d629ce
.ce-gallery-item:not(:nth-last-child(-n+2))
.ce-gallery-caption {
    display: inline-block;
    background-color: #fff;
    padding: 8px 16px;
    margin: 10px;
    transform: skewX(-20deg);
}

/* Lien dans le figcaption */
.elementor-element-7d629ce
.ce-gallery-item:not(:nth-last-child(-n+2))
.ce-gallery-caption a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    display: inline-block;
    transform: skewX(20deg);
}

/* Chevron orange seulement pour les items avec lien, sauf les 2 derniers */
.elementor-element-7d629ce
.ce-gallery-item:not(:nth-last-child(-n+2))
.ce-gallery-caption a::after {
    content: " >";
    color: #CD2E25;
    margin-left: 8px;
    font-weight: bold;
}

/* Les 2 derniers : aucun design sur le figcaption */
.elementor-element-7d629ce
.ce-gallery-item:nth-last-child(-n+2) .ce-gallery-caption {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
}

/* Annule le zoom hover pour les 2 derniers */
.elementor-element-7d629ce
.ce-gallery-item:nth-last-child(-n+2):hover .elementor-bg {
    transform: scale(1) !important;
}

/* Description */
.elementor-element-7d629ce .ce-gallery-description {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, background 0.3s ease;
    z-index: 3;
    padding: 8px 10px;
    border-radius: 6px;
    color: #000;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.3;
}

/* Description visible au hover / tap */
.elementor-element-7d629ce .ce-gallery-item:hover
.ce-gallery-description {
    opacity: 1;
    visibility: visible;
    background: rgba(255, 255, 255, 0.7);
}

/* Desktop */
@media (min-width: 768px) {
    /* Réafficher les 2 derniers items */
    .elementor-element-7d629ce .ce-gallery-item:nth-last-child(-n+2) {
        display: block;
    }

    .elementor-element-7d629ce
    .ce-gallery-item:not(:nth-last-child(-n+2))
    .ce-gallery-caption {
        padding: 10px 30px;
        margin: 20px;
    }

    .elementor-element-7d629ce .ce-gallery-description {
        width: auto;
        padding: 8px 14px;
        font-size: inherit;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d19191d *//* --- TITRE "NEWS" --- */
.elementor-element-d19191d .block.ybc_block_featured { text-align: center !important; }
.elementor-element-d19191d h4.title_blog {
    position: relative !important;
    padding-left: 10px !important;
    display: inline-block !important;
    margin: 0 auto 20px auto !important;
    text-transform: uppercase;
    font-size: 27.2px;
    font-weight: 400;
    font-family: "AkkuratMono", sans-serif;
}
.elementor-element-d19191d h4.title_blog::before {
    content: "" !important;
    position: absolute !important;
    left: 0; top: 50%;
    transform: translateY(-50%) rotate(15deg) !important;
    width: 3px; height: 100%;
    background-color: #CD2E25 !important;
}

/* --- STRUCTURE SWIPER --- */
.ybc_blog_content_block.swiper {
    overflow: hidden !important;
    position: relative !important;
    padding: 0 50px !important;
}

.ybc_blog_content_block_item.swiper-slide {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
}

/* MODIFICATION : Hauteur passée à 272px */
.ybc_item_img {
    display: block !important;
    position: relative !important;
    height: 272px !important; 
    overflow: visible !important;
}

.ybc_item_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Pour ne pas écraser l'image */
}

/* --- FLAGS / CATÉGORIES (FIXE) --- */
.ybc-blog-categories {
    position: absolute !important;
    /* 272px (image) - 14px (moitié badge) = 258px */
    top: 258px !important; 
    left: 38px !important;
    z-index: 10 !important;
    margin: 0 !important;
}

.be-categories a {
    background-color: #eb1923 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    padding: 6px 15px !important;
    transform: skewX(-15deg) !important;
    display: inline-block !important;
    font-size: 11px !important;
}

/* --- TYPO ET CONTENU --- */
.ybc-blog-sidear-post-meta { display: block !important; font-family: "AkkuratMono", sans-serif; }
.post-date { color: #eb1923 !important; font-weight: bold !important; font-family: "AkkuratMono", sans-serif; }
.ybc_title_block { font-weight: 500 !important; font-size: 18px !important; color: #000 !important; text-decoration: none !important; font-family: "AkkuratMono", sans-serif; }
.read_more { font-weight: bold !important; color: #000 !important; text-decoration: none !important; margin-top: 10px !important; font-family: "AkkuratMono", sans-serif; }
.blog_description { font-family: "AkkuratMono", sans-serif; }

.elementor-widget .swiper-slide .ybc-blog-latest-post-content {
    text-align: left;
    /* On augmente le padding top pour laisser respirer le titre sous le badge */
    padding: 25px 20px 10px 20px !important;
}

/* --- FLÈCHES DU SWIPER --- */
.swiper-button-next, .swiper-button-prev {
    color: #eb001b !important;
    top: 136px !important; /* Centré sur l'image (272/2) */
}
.swiper-button-next { right: 10px !important; }
.swiper-button-prev { left: 10px !important; }

/* --- BOUTON VIEW ALL --- */
.elementor-element-c60387e .blog_view_all_button a.view_all_link {
    display: inline-block;
    background-color: black !important;
    color: white !important;
    padding: 12px 35px;
    transform: skewX(-20deg);
    text-decoration: none;
    text-transform: uppercase;
}

/* --- NETTOYAGE --- */
.be-label, .ybc-blog-latest-toolbar { display: none !important; }
.block.ybc_blog_ltr_mode.ybc_block_featured.page_blog.ybc_block_slider { overflow: hidden; }

/* ============================================================
   MOBILE (< 768px)
   ============================================================ */
@media (max-width: 767px) {
    .ybc_blog_content_block.swiper { padding: 0 40px !important; }
    /* Aligné sur la nouvelle hauteur 272px */
    .ybc-blog-categories { top: 258px !important; left: 20px !important; }
    .swiper-button-next, .swiper-button-prev { top: 136px !important; }
}/* End custom CSS */
/* Start Custom Fonts CSS */ @font-face {
	font-family: 'AkkuratMono';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/AkkuratMono-Regular.ttf') format('truetype');
}
 /* End Custom Fonts CSS */