.elementor-7558 .elementor-element.elementor-element-221f1bc4{--display:flex;--min-height:0px;--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;}.elementor-7558 .elementor-element.elementor-element-221f1bc4:not(.elementor-motion-effects-element-type-background), .elementor-7558 .elementor-element.elementor-element-221f1bc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7558 .elementor-element.elementor-element-71b10cf3{text-align:center;}.elementor-7558 .elementor-element.elementor-element-71b10cf3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#1C244B;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:140px;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:8px;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#1C244B;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#1C244B;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .price{color:#1C244B;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .price ins{color:#1C244B;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .price ins .amount{color:#1C244B;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .price del{color:#1C244B;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .price del .amount{color:#1C244B;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .price del {font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:line-through;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .button{color:#1C244B;background-color:#02010100;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:italic;text-decoration:underline;line-height:1em;letter-spacing:0px;padding:0px 0px 0px 0px;margin-top:0px;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products .added_to_cart{color:#1C244B;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-7558 .elementor-element.elementor-element-4856089 nav.woocommerce-pagination{margin-top:50px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-7558 .elementor-element.elementor-element-4856089 nav.woocommerce-pagination ul{border-color:#467FF7;}.elementor-7558 .elementor-element.elementor-element-4856089 nav.woocommerce-pagination ul li{border-right-color:#467FF7;border-left-color:#467FF7;}.elementor-7558 .elementor-element.elementor-element-4856089 nav.woocommerce-pagination ul li a, .elementor-7558 .elementor-element.elementor-element-4856089 nav.woocommerce-pagination ul li span{padding:14px;}.elementor-7558 .elementor-element.elementor-element-4856089 nav.woocommerce-pagination ul li a{color:#1C244B;background-color:#02010100;}.elementor-7558 .elementor-element.elementor-element-4856089 nav.woocommerce-pagination ul li a:hover{color:#1C244B;background-color:#F3F5F8;}.elementor-7558 .elementor-element.elementor-element-4856089 nav.woocommerce-pagination ul li span.current{color:#FFFFFF;background-color:#467FF7;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product span.onsale{display:block;color:#FFFFFF;background-color:#467FF7;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:30px;letter-spacing:0px;border-radius:0px;min-width:80px;min-height:30px;right:auto;left:0;margin:0px;}.elementor-7558 .elementor-element.elementor-element-6a5e848d{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}@media(min-width:768px){.elementor-7558 .elementor-element.elementor-element-6a5e848d{--content-width:1650px;}}@media(max-width:1024px){.elementor-7558 .elementor-element.elementor-element-221f1bc4{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-7558 .elementor-element.elementor-element-71b10cf3 .elementor-heading-title{font-size:45px;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .price{font-size:14px;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .button{font-size:14px;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products .added_to_cart{font-size:14px;}.elementor-7558 .elementor-element.elementor-element-4856089 nav.woocommerce-pagination{font-size:14px;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product span.onsale{font-size:14px;line-height:2em;}.elementor-7558 .elementor-element.elementor-element-6a5e848d{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}@media(max-width:767px){.elementor-7558 .elementor-element.elementor-element-221f1bc4{--min-height:0px;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-7558 .elementor-element.elementor-element-71b10cf3 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-7558 .elementor-element.elementor-element-4856089{width:100%;max-width:100%;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-7558 .elementor-element.elementor-element-4856089.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:18px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-4856089 *//* ============================================================
   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 */