.elementor-6740 .elementor-element.elementor-element-5c7e305{--display:flex;--min-height:0px;--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-29e8890 .swiper-slide-bg{background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/Pack-SOURIR.png);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-b9ec612 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/Pack-Soin-CHe-veux.png);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-bc8e4a9 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/Pack-SKIN-Care.png);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-7f01c6e .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/pack-proplois.jpeg);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-2919a62 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/pack-pollen.png);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-5ff1e17 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/pack-nila-.jpeg);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-4e21364 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/pack-morra.png);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-c55b5ba .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/Pack-Mains-Pieps.png);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-022654d .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/pack-lait-de-corps.jpeg);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-694147f .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/pack-karkade.png);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-719c2be .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/pack-creme-de-jour.jpeg);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-52e16e1 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/pack-acide.png);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-4792504 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/pack-soja.png);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-a0d270c .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/pack-beurre-seder.jpeg);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-repeater-item-842aa0a .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://bionoor.tn/wp-content/uploads/2026/05/pack-collagen.png);background-size:cover;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .swiper-slide{transition-duration:calc(5000ms*1.2);height:660px;}.elementor-6740 .elementor-element.elementor-element-ffcfe01.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .swiper-slide-contents{max-width:100%;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .swiper-slide-inner{text-align:center;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:0px;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-swiper-button{font-size:37px;color:#353333;}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .elementor-swiper-button svg{fill:#353333;}.elementor-6740 .elementor-element.elementor-element-1c386da{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6740 .elementor-element.elementor-element-1c386da:not(.elementor-motion-effects-element-type-background), .elementor-6740 .elementor-element.elementor-element-1c386da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6740 .elementor-element.elementor-element-7acab9c{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}@media(max-width:1024px){.elementor-6740 .elementor-element.elementor-element-ffcfe01 .swiper-slide{height:420px;}}@media(min-width:768px){.elementor-6740 .elementor-element.elementor-element-5c7e305{--width:100%;}}@media(max-width:767px){.elementor-6740 .elementor-element.elementor-element-5c7e305{--width:500px;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6740 .elementor-element.elementor-element-ffcfe01 .swiper-slide{height:200px;}}/* Start custom CSS for woo-best-selling-products, class: .elementor-element-f60247f *//* ============================================================
   BIONOOR — CSS Produits les plus vendus  v5
   Coller dans : Apparence > Personnaliser > CSS additionnel
   ============================================================ */

/* ── Palette logo BioNoor ── */
:root {
  --bn-primary:      #3ABCB8;
  --bn-primary-dark: #27918E;
  --bn-primary-pale: #EAF8F7;
  --bn-gold:         #C4973A;
  --bn-cream:        #FDFCFB;
  --bn-text:         #1A2B2A;
  --bn-muted:        #5A7674;
  --bn-border:       #D0EDED;
  --bn-radius:       16px;
  --bn-shadow:       0 2px 16px rgba(58,188,184,.08);
  --bn-shadow-hover: 0 12px 40px rgba(58,188,184,.2);
  --bn-ease:         all .32s cubic-bezier(.25,.46,.45,.94);
}

/* ============================================================
   CENTRAGE DU CONTENEUR PRINCIPAL
   ============================================================ */
.woocommerce,
.woocommerce-page {
  width: 100% !important;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 20px !important;
  padding: 0 !important;
  margin: 0 auto 3em auto !important;
  list-style: none !important;
  width: 100% !important;
  max-width: 1300px !important;
  box-sizing: border-box !important;
}

/* Override colonnes forcées par Elementor / Astra */
.woocommerce ul.products.columns-1,
.woocommerce ul.products.columns-2,
.woocommerce ul.products.columns-3,
.woocommerce ul.products.columns-4,
.woocommerce ul.products.columns-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

/* Blocks WooCommerce */
.wc-block-grid__products {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin: 0 auto 3em auto !important;
  max-width: 1300px !important;
}

/* ── Responsive ── */
@media (max-width: 1200px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  .wc-block-grid__products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 900px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  .wc-block-grid__products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}
@media (max-width: 600px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  .wc-block-grid__products,
  .woocommerce ul.products[class*="columns-"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

/* ============================================================
   CARTE — TOUT EN COLONNE, TOUT CENTRÉ
   Overrides agressifs pour Astra / Storefront / OceanWP
   ============================================================ */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.wc-block-grid__product {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  background: var(--bn-cream) !important;
  border: 1px solid var(--bn-border) !important;
  border-radius: var(--bn-radius) !important;
  overflow: visible !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 16px !important;
  box-shadow: var(--bn-shadow) !important;
  transition: var(--bn-ease) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
}

.woocommerce ul.products li.product:hover,
.wc-block-grid__product:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--bn-shadow-hover) !important;
  border-color: var(--bn-primary) !important;
}



/* ============================================================
   LIEN IMAGE — colonne centrée, PAS de row
   ============================================================ */
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce-page ul.products li.product a.woocommerce-loop-product__link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  padding: 22px 16px 8px !important;
  text-decoration: none !important;
  overflow: visible !important;
  float: none !important;
}

/* ============================================================
   IMAGE — cercle centré EN HAUT
   ============================================================ */
.woocommerce ul.products li.product a.woocommerce-loop-product__link img,
.woocommerce-page ul.products li.product a img,
.woocommerce ul.products li.product img {
  width: 155px !important;
  height: 155px !important;
  min-width: 155px !important;
  min-height: 155px !important;
  max-width: 155px !important;
  max-height: 155px !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 50% !important;
  border: 3px solid var(--bn-border) !important;
  box-shadow: 0 4px 18px rgba(58,188,184,.14) !important;
  transition: transform .45s ease, border-color .3s, box-shadow .3s !important;
  display: block !important;
  flex-shrink: 0 !important;
  margin: 0 auto !important;
  float: none !important;
}

@media (max-width: 600px) {
  .woocommerce ul.products li.product img {
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    max-width: 110px !important;
    max-height: 110px !important;
  }
}

.woocommerce ul.products li.product:hover img {
  transform: scale(1.07) !important;
  border-color: var(--bn-primary) !important;
  box-shadow: 0 6px 24px rgba(58,188,184,.28) !important;
}

/* ============================================================
   TITRE — sous l'image, centré
   ============================================================ */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
  font-size: .9rem !important;
  font-weight: 700 !important;
  color: var(--bn-text) !important;
  line-height: 1.35 !important;
  text-align: center !important;
  padding: 8px 14px 3px !important;
  margin: 0 !important;
  width: 100% !important;
  display: block !important;
  float: none !important;
  transition: color .25s !important;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
  color: var(--bn-primary-dark) !important;
}

/* ============================================================
   PRIX — centré, sous le titre
   ============================================================ */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.wc-block-grid__product-price {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  font-size: .88rem !important;
  font-weight: 800 !important;
  color: var(--bn-primary-dark) !important;
  text-align: center !important;
  padding: 2px 12px 10px !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}

.woocommerce ul.products li.product .price del {
  color: var(--bn-muted) !important;
  font-weight: 400 !important;
  font-size: .76rem !important;
  text-decoration: line-through !important;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
  color: var(--bn-primary-dark) !important;
}

/* ============================================================
   BOUTON — pleine largeur, arrondi, teal
   ============================================================ */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce-page ul.products li.product .button,
.wc-block-grid__product .wp-block-button__link,
.wc-block-grid__product .wc-block-grid__product-add-to-cart a {
  display: block !important;
  width: calc(100% - 24px) !important;
  margin: auto 12px 0 !important;
  padding: 11px 10px !important;
  background: var(--bn-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(58,188,184,.35) !important;
  transition: background .3s ease, transform .2s ease, box-shadow .3s ease !important;
  float: none !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
  background: var(--bn-primary-dark) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(39,145,142,.45) !important;
}

.woocommerce ul.products li.product .add_to_cart_button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(58,188,184,.3) !important;
}

/* ── Texte français ── */
.woocommerce ul.products li.product .add_to_cart_button:not(.added) {
  font-size: .68rem !important;
  letter-spacing: .1em !important;
}
.woocommerce ul.products li.product .add_to_cart_button.added {
  background: var(--bn-primary-dark) !important;
}

/* ============================================================
   BADGE PROMO
   ============================================================ */
.woocommerce span.onsale {
  background: var(--bn-gold) !important;
  color: #fff !important;
  border-radius: 20px !important;
  padding: 4px 11px !important;
  font-size: 0 !important;
  font-weight: 700 !important;
  min-height: unset !important;
  min-width: unset !important;
  line-height: 1 !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  box-shadow: 0 2px 8px rgba(196,151,58,.35) !important;
  z-index: 3 !important;
}
.woocommerce span.onsale::after {
  content: 'Promo' !important;
  font-size: .58rem !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   ÉTOILES
   ============================================================ */
.woocommerce ul.products li.product .star-rating {
  margin: 0 auto 2px !important;
  float: none !important;
  display: block !important;
}

/* ============================================================
   ANNULER LES FLOATS DU THÈME (Astra / Storefront)
   ============================================================ */
.woocommerce ul.products li.product *,
.woocommerce-page ul.products li.product * {
  float: none !important;
}

/* ============================================================
   FIN — BioNoor Best Sellers v5
   ============================================================ *//* End custom CSS */