[data-sek-module-type=czr_image_module]{text-align:center}[data-sek-module-type=czr_image_module] img{border:0 solid #f2f2f2}[data-sek-module-type=czr_image_module] .box-shadow img{-webkit-box-shadow:rgba(0,0,0,.25) 0 3px 11px 0;-moz-box-shadow:rgba(0,0,0,.25) 0 3px 11px 0;box-shadow:rgba(0,0,0,.25) 0 3px 11px 0}[data-sek-module-type=czr_image_module] figure img{-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}[data-sek-module-type=czr_image_module] figure.has-custom-height{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[data-sek-module-type=czr_image_module] figure.has-custom-height img{object-fit:cover}.sek-hover-effect-opacity img:hover{opacity:.7}.sek-hover-effect-zoom-out img:hover{transform:scale(1.05)}.sek-hover-effect-zoom-in img:hover{transform:scale(.95)}.sek-hover-effect-move-up img:hover{transform:translateY(-6px)}.sek-hover-effect-move-down img:hover{transform:translateY(6px)}.sek-hover-effect-blur img:hover{filter:blur(2px)}.sek-hover-effect-grayscale img:hover{filter:grayscale(0)}.sek-hover-effect-grayscale img:hover{filter:grayscale(100%);filter:gray}.sek-hover-effect-reverse-grayscale img{filter:grayscale(100%);filter:gray}.sek-hover-effect-reverse-grayscale img:hover{filter:grayscale(0)}[data-sek-module-type=czr_button_module] .sek-module-inner{text-align:center}.nb-loc .sek-module .sek-module-inner .sek-btn{background:#020202;color:#fff;padding:.5em 1em;margin:.5em}.nb-loc .sek-module .sek-module-inner .sek-btn i{margin:0 8px}.nb-loc .sek-module .sek-module-inner .sek-btn:active,.nb-loc .sek-module .sek-module-inner .sek-btn:focus,.nb-loc .sek-module .sek-module-inner .sek-btn:hover{color:#fff;background-color:#282828;text-decoration:none}[data-sek-module-type=czr_button_module] .sek-module-inner .sek-btn:focus,[data-sek-module-type=czr_button_module] .sek-module-inner .sek-btn:hover{text-decoration:none}.sek-btn-inner{display:flex;align-items:center}.sek-btn-inner .sek-btn-text{width:100%;text-align:center}.sek-btn.box-shadow{-webkit-box-shadow:0 3px 8px rgba(0,0,0,.2)!important;box-shadow:0 3px 8px rgba(0,0,0,.2)!important}.sek-btn.box-shadow.push-effect:active{transform:translateY(2px)}.sek-module-inner .sek-heading{text-align:center;margin:.6em 0;display:block}.sek-module-inner .sek-heading>a{color:inherit;font-size:inherit}.nb-loc .sek-row [data-sek-id="__nimble__5545ed649366"] .sek-module-inner .sek-btn:hover, .nb-loc .sek-row [data-sek-id="__nimble__5545ed649366"] .sek-module-inner .sek-btn:focus{background-color:#40.2540.2540.25;}.nb-loc .sek-row [data-sek-id="__nimble__5545ed649366"] .sek-module-inner .sek-btn{background-color:#020202;border-radius:2px;color:#ffffff;}.nb-loc .sek-row [data-sek-id="__nimble__5545ed649366"] .sek-module-inner{text-align:center;}.nb-loc .sek-row [data-sek-id="__nimble__4bbc34ec2915"] .sek-module-inner .sek-btn:hover, .nb-loc .sek-row [data-sek-id="__nimble__4bbc34ec2915"] .sek-module-inner .sek-btn:focus{background-color:#40.2540.2540.25;}.nb-loc .sek-row [data-sek-id="__nimble__4bbc34ec2915"] .sek-module-inner .sek-btn{background-color:#020202;border-radius:2px;color:#ffffff;}.nb-loc .sek-row [data-sek-id="__nimble__4bbc34ec2915"] .sek-module-inner{text-align:center;}[data-sek-id="__nimble__026f937f37ea"]{background-color:7;}.nb-loc .sek-row [data-sek-id="__nimble__dc68572e77b7"] .sek-module-inner .sek-btn:hover, .nb-loc .sek-row [data-sek-id="__nimble__dc68572e77b7"] .sek-module-inner .sek-btn:focus{background-color:#40.2540.2540.25;}.nb-loc .sek-row [data-sek-id="__nimble__dc68572e77b7"] .sek-module-inner .sek-btn{background-color:#020202;border-radius:2px;color:#ffffff;}.nb-loc .sek-row [data-sek-id="__nimble__dc68572e77b7"] .sek-module-inner{text-align:center;}.nb-loc .sek-row [data-sek-id="__nimble__227d54f942f8"] .sek-module-inner .sek-btn:hover, .nb-loc .sek-row [data-sek-id="__nimble__227d54f942f8"] .sek-module-inner .sek-btn:focus{background-color:#40.2540.2540.25;}.nb-loc .sek-row [data-sek-id="__nimble__227d54f942f8"] .sek-module-inner .sek-btn{background-color:#020202;border-radius:2px;color:#ffffff;}.nb-loc .sek-row [data-sek-id="__nimble__227d54f942f8"] .sek-module-inner{text-align:center;}.nb-loc .sek-row [data-sek-id="__nimble__6e517844ebba"] .sek-module-inner .sek-btn:hover, .nb-loc .sek-row [data-sek-id="__nimble__6e517844ebba"] .sek-module-inner .sek-btn:focus{background-color:#40.2540.2540.25;}.nb-loc .sek-row [data-sek-id="__nimble__6e517844ebba"] .sek-module-inner .sek-btn{background-color:#020202;border-radius:2px;color:#ffffff;}.nb-loc .sek-row [data-sek-id="__nimble__6e517844ebba"] .sek-module-inner{text-align:center;}[data-sek-id="__nimble__dca16c68c39c"]{background-color:E7;}.nb-loc .sek-row [data-sek-id="__nimble__7cf5a5cf37bc"] .sek-module-inner .sek-btn:hover, .nb-loc .sek-row [data-sek-id="__nimble__7cf5a5cf37bc"] .sek-module-inner .sek-btn:focus{background-color:#40.2540.2540.25;}.nb-loc .sek-row [data-sek-id="__nimble__7cf5a5cf37bc"] .sek-module-inner .sek-btn{background-color:#020202;border-radius:2px;color:#ffffff;}.nb-loc .sek-row [data-sek-id="__nimble__7cf5a5cf37bc"] .sek-module-inner{text-align:center;}.nb-loc .sek-row [data-sek-id="__nimble__2a0e839a9959"] .sek-spacer{height:2px;}.nb-loc .sek-row [data-sek-id="__nimble__f729969db24c"] .sek-module-inner img{border-radius:500px;}[data-sek-id="__nimble__ad4a94909ad2"]{background-color:E7;}.nb-loc .sek-row [data-sek-id="__nimble__c9d2fbfa6027"] .sek-module-inner img{border-radius:500px;}[data-sek-id="__nimble__37b084ac55a1"]{background-color:E7;}.nb-loc .sek-row [data-sek-id="__nimble__199d4f066ecd"] .sek-module-inner{text-align:center;}
/* Style des conteneurs de produit plus larges et mieux espacés */

/* Réduire le nombre de colonnes pour des produits plus larges */
.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Fixé à 3 colonnes au lieu d'auto-fill */
  gap: 40px;
  padding: 40px;
  margin: 0 auto;
  max-width: 1400px; /* Augmenté pour plus d'espace horizontal */
}

/* Largeur minimale plus grande pour chaque produit */
.woocommerce ul.products li.product {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  padding: 30px;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #f0f0f0;
  position: relative;
  margin: 0 !important; /* Reset des marges WooCommerce par défaut */
  overflow: hidden;
  min-width: 250px;
  width: 100% !important; /* Force la largeur à 100% du conteneur */
}

/* Image plus grande */
.woocommerce ul.products li.product a img {
  width: 90%;
  margin: 0 auto 25px;
  border-radius: 8px;
  transition: transform 0.4s ease;
}

/* Style du titre plus visible */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #333333;
  padding: 0;
  margin: 20px 0;
  height: auto;
  line-height: 1.4;
}

/* Prix plus grand */
.woocommerce ul.products li.product .price {
  color: rgb(255, 95, 0);
  font-weight: 700;
  font-size: 24px;
  margin: 20px 0;
  display: block;
  text-align: center;
}

/* Responsive avec moins de colonnes */
@media (max-width: 992px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr);
    padding: 30px;
  }
}

@media (max-width: 576px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr;
    padding: 20px;
  }
  
  .woocommerce ul.products li.product {
    padding: 25px;
    max-width: 400px;
    margin: 0 auto !important;
  }
}

/* Suppression des éléments de mise en page WooCommerce par défaut */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after,
.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after {
  display: none !important;
}

.woocommerce ul.products li.first,
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.first,
.woocommerce-page ul.products li.last {
  clear: none !important;
}

/* Correction pour être sûr que les colonnes s'affichent correctement */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Ajout d'un peu d'espace en haut et en bas */
.woocommerce-products-header {
  margin-bottom: 30px;
}

.woocommerce-pagination {
  margin-top: 40px;
}

/* ===== STRUCTURE ET ALIGNEMENT ===== */

/* Force les colonnes sur une seule ligne */
.sek-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 20px !important;
    margin: 0 !important;
}

/* Assure que chaque colonne prend la même largeur */
.sek-column {
    flex: 1 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: 33.33% !important;
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    clear: none !important;
}

/* ===== STYLE DES CARTES ===== */

.sek-column {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 25px rgba(255, 95, 0, 0.08) !important;
    margin: 15px 10px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    border: 1px solid rgba(255, 95, 0, 0.1) !important;
    overflow: visible !important;
    position: relative !important;
}

/* Effet hover pour les cartes */
.sek-column:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(255, 95, 0, 0.15) !important;
    border-color: rgba(255, 95, 0, 0.2) !important;
}

/* Style pour l'intérieur des colonnes */
.sek-column-inner {
    padding: 5px 25px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 11px !important;
}

/* ===== STYLE DES TITRES - ORANGE CORPORATE ===== */

.sek-column h1.product_title {
    color: white !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 25px !important;
    padding: 20px 15px !important;
    background: linear-gradient(135deg, rgb(255, 95, 0), rgb(230, 75, 0)) !important;
    border-radius: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(255, 95, 0, 0.25) !important;
}

/* Effet de brillance sur les titres */
.sek-column h1.product_title::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;
    transition: left 0.5s !important;
}

.sek-column:hover h1.product_title::before {
    left: 100% !important;
}

/* ===== STYLE DES AVANTAGES ===== */

.sek-column p {
    margin: 12px 0 !important;
    color: #374151 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    padding: 14px 20px !important;
    text-align: left !important;
    border-left: 4px solid rgb(255, 95, 0) !important;
    background: linear-gradient(135deg, #fffaf8, #fff4ed) !important;
    border-radius: 0 8px 8px 0 !important;
    transition: all 0.3s ease !important;
}

.sek-column p:hover {
    background: linear-gradient(135deg, #fff4ed, #ffedd5) !important;
    transform: translateX(5px) !important;
    border-left-color: rgb(230, 75, 0) !important;
}

/* Style pour le prix - Orange professionnel */
.sek-column p:first-of-type {
    background: linear-gradient(135deg, rgb(255, 95, 0), rgb(230, 75, 0)) !important;
    color: white !important;
    padding: 18px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    margin: 20px 0 !important;
    border: none !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(255, 95, 0, 0.3) !important;
    border-left: none !important;
}

.sek-column p:first-of-type:hover {
    transform: none !important;
}

/* ===== STYLE DES BOUTONS - BLEU CORPORATE ===== */
.sek-btn-inner .sek-btn-text {
        width: 100%;
        text-align:center;
                font-size: 13px !important; 
    }


.sek-btn {
    background: linear-gradient(135deg, rgb(0, 0, 255), rgb(0, 0, 200)) !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 5px !important;
    font-weight: 900 !important;
    width: 100% !important;
    margin-top: auto !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 255, 0.3) !important;
}

.sek-btn:hover {
    background: linear-gradient(135deg, rgb(0, 0, 200), rgb(0, 0, 150)) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 255, 0.4) !important;
    color: white !important;
}

/* ===== CARTE POPULAIRE - ORANGE PREMIUM ===== */

.sek-column:has(h1.product_title:contains("DEUX SÉANCES")) {
    border: 2px solid rgb(255, 95, 0) !important;
    transform: scale(1.03) translateY(-8px) !important;
    position: relative !important;
    z-index: 5 !important;
    box-shadow: 0 12px 30px rgba(255, 95, 0, 0.2) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fffaf8 50%, #fff4ed 100%) !important;
}

.sek-column:has(h1.product_title:contains("DEUX SÉANCES"))::before {
    content: "✨ POPULAIRE" !important;
    position: absolute !important;
    top: -15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(135deg, rgb(255, 95, 0), rgb(230, 75, 0)) !important;
    color: white !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    z-index: 10 !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 15px rgba(255, 95, 0, 0.4) !important;
    border: 2px solid white !important;
}

/* Animation pulse pour le badge */
.sek-column:has(h1.product_title:contains("DEUX SÉANCES"))::before {
    animation: pulse 2s infinite !important;
}

/* Solution alternative avec classe manuelle */
.sek-column.populaire {
    border: 2px solid rgb(255, 95, 0) !important;
    transform: scale(1.03) translateY(-8px) !important;
    position: relative !important;
    z-index: 5 !important;
    box-shadow: 0 12px 30px rgba(255, 95, 0, 0.2) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fffaf8 50%, #fff4ed 100%) !important;
}

.sek-column.populaire::before {
    content: "✨ POPULAIRE" !important;
    position: absolute !important;
    top: -15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(135deg, rgb(255, 95, 0), rgb(230, 75, 0)) !important;
    color: white !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    z-index: 10 !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 15px rgba(255, 95, 0, 0.4) !important;
    border: 2px solid white !important;
    animation: pulse 2s infinite !important;
}

/* Effet spécial pour la carte populaire au hover */
.sek-column.populaire:hover, .sek-column:has(h1.product_title:contains("DEUX SÉANCES")):hover {
    border-color: rgb(255, 95, 0) !important;
    box-shadow: 0 20px 40px rgba(255, 95, 0, 0.25) !important;
    transform: scale(1.05) translateY(-12px) !important;
}

.sek-column.populaire .sek-btn, .sek-column:has(h1.product_title:contains("DEUX SÉANCES")) .sek-btn {
    background: linear-gradient(135deg, rgb(0, 0, 255), rgb(0, 0, 200)) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 255, 0.3) !important;
    font-size: 16px !important;
    padding: 18px 30px !important;
}

.sek-column.populaire .sek-btn:hover, .sek-column:has(h1.product_title:contains("DEUX SÉANCES")) .sek-btn:hover {
    background: linear-gradient(135deg, rgb(0, 0, 200), rgb(0, 0, 150)) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 255, 0.4) !important;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 1024px) and (min-width: 769px) {
    .sek-column {
        width: 32% !important;
        margin: 15px 5px !important;
    }
    
    .sek-column-inner {
        padding: 25px 20px !important;
    }
    
    .sek-column h1.product_title {
        font-size: 16px !important;
    }
}

@media (max-width: 768px) {
    .sek-row {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .sek-column {
        width: 100% !important;
        margin: 10px 0 !important;
        transform: none !important;
    }
    
    .sek-column.populaire, .sek-column:has(h1.product_title:contains("DEUX SÉANCES")) {
        transform: none !important;
        margin-top: 30px !important;
    }
    
    .sek-column-inner {
        padding: 20px 15px !important;
    }
    
    .sek-column h1.product_title {
        font-size: 16px !important;
    }
    
    .sek-btn {
        padding: 15px 25px !important;
        font-size: 15px !important;
    }
}

/* ===== ANIMATIONS ===== */

@keyframes fadeIn {
    from { 
        opacity: 0; 
        transform: translateY(20px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

@keyframes pulse {
    0% { transform: translateX(-50%) scale(1); }
    50% { transform: translateX(-50%) scale(1.05); }
    100% { transform: translateX(-50%) scale(1); }
}

.sek-column {
    animation: fadeIn 0.6s ease-out !important;
}

/* Délai d'animation pour chaque carte */
.sek-column:nth-child(1) { animation-delay: 0.1s !important; }
.sek-column:nth-child(2) { animation-delay: 0.2s !important; }
.sek-column:nth-child(3) { animation-delay: 0.3s !important; }