.elementor-4004 .elementor-element.elementor-element-7b5fb57c{--display:flex;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4004 .elementor-element.elementor-element-3774c942.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4004 .elementor-element.elementor-element-3774c942.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;}.elementor-4004 .elementor-element.elementor-element-3774c942.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;}.elementor-4004 .elementor-element.elementor-element-3774c942.elementor-wc-products ul.products li.product .price{color:#000000;}.elementor-4004 .elementor-element.elementor-element-3774c942.elementor-wc-products ul.products li.product .price ins{color:#000000;}.elementor-4004 .elementor-element.elementor-element-3774c942.elementor-wc-products ul.products li.product .price ins .amount{color:#000000;}.elementor-4004 .elementor-element.elementor-element-3774c942.elementor-wc-products ul.products li.product .price del{color:#000000;}.elementor-4004 .elementor-element.elementor-element-3774c942.elementor-wc-products ul.products li.product .price del .amount{color:#000000;}@media(max-width:1024px){.elementor-4004 .elementor-element.elementor-element-3774c942.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4004 .elementor-element.elementor-element-3774c942.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-3774c942 *//* ============================================
   ARCHIVE PRODUITS — STYLE ZAG BIJOUX
   Scopé sur la classe .LO uniquement
   ============================================ */

/* ============================================
   1. GRILLE — 4 colonnes desktop / 2 mobile
   ============================================ */
.LO ul.products,
.LO .products {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 32px 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

@media (min-width: 768px) {
  .LO ul.products,
  .LO .products {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px 20px !important;
  }
}

@media (min-width: 1024px) {
  .LO ul.products,
  .LO .products {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 48px 24px !important;
  }
}

/* ============================================
   2. CARTE PRODUIT
   ============================================ */
.LO ul.products li.product,
.LO .product {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: center !important;
  list-style: none !important;
}

.LO ul.products li.product a,
.LO .product a {
  text-decoration: none !important;
  color: inherit !important;
}

/* ============================================
   3. IMAGE PRODUIT — Carrée, fond transparent
   ============================================ */
.LO .woocommerce-loop-product__link,
.LO a.woocommerce-LoopProduct-link {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
  border-radius: 4px !important;
  margin-bottom: 14px !important;
}

.LO ul.products li.product img,
.LO .product img,
.LO .attachment-woocommerce_thumbnail {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  transition: transform 0.5s ease !important;
}

.LO ul.products li.product:hover img,
.LO .product:hover img {
  transform: scale(1.04) !important;
}

/* ============================================
   4. BADGE "NOUVEAUTÉ" — Top Left
   ============================================ */
.LO .onsale,
.LO span.onsale {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  background: #fff !important;
  color: #1a1a1a !important;
  padding: 5px 12px !important;
  font-size: 0 !important;
  font-weight: 400 !important;
  letter-spacing: 0.3px !important;
  border-radius: 3px !important;
  text-transform: none !important;
  border: none !important;
  z-index: 5 !important;
  margin: 0 !important;
  min-height: auto !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
}

.LO .onsale::before {
  content: "Nouveauté" !important;
  font-size: 11px !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  letter-spacing: 0.3px !important;
  color: #1a1a1a !important;
  font-weight: 400 !important;
}

/* ============================================
   5. COEUR FAVORIS — Top Right
   ============================================ */
.LO ul.products li.product::after,
.LO .product::after {
  content: '' !important;
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  cursor: pointer !important;
  z-index: 5 !important;
  transition: transform 0.3s ease !important;
}

.LO ul.products li.product:hover::after,
.LO .product:hover::after {
  transform: scale(1.15) !important;
}

/* ============================================
   6. TITRE PRODUIT — Centré sous l'image
   ============================================ */
.LO .woocommerce-loop-product__title,
.LO h2.woocommerce-loop-product__title,
.LO h3.woocommerce-loop-product__title,
.LO .product h2,
.LO .product h3 {
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #1a1a1a !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  letter-spacing: 0.2px !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  line-height: 1.4 !important;
}

/* ============================================
   7. PRIX — Côte à côte propre
   ============================================ */
.LO .price,
.LO .product .price {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  line-height: 1.2 !important;
}

.LO .price * {
  display: inline-block !important;
}

/* Prix actuel */
.LO .price ins,
.LO .price ins * {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  order: 1 !important;
}

/* Prix barré */
.LO .price del,
.LO .price del * {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #aaa !important;
  text-decoration: line-through !important;
  text-decoration-color: #aaa !important;
  text-decoration-thickness: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  order: 2 !important;
}

/* Prix simple */
.LO .price > .woocommerce-Price-amount,
.LO .price > bdi {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
}

/* ============================================
   8. PASTILLES COULEURS
   ============================================ */
.LO .variations,
.LO .product-color-swatches {
  display: flex !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 10px !important;
  flex-wrap: wrap !important;
}

.LO .color-swatch,
.LO .variations span {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  border: 1px solid #e0e0e0 !important;
  cursor: pointer !important;
  transition: transform 0.2s ease !important;
}

.LO .color-swatch:hover {
  transform: scale(1.2) !important;
}

/* ============================================
   9. MASQUER BOUTON "AJOUTER AU PANIER"
   ============================================ */
.LO .button,
.LO .add_to_cart_button,
.LO .ajax_add_to_cart,
.LO a.button,
.LO .added_to_cart,
.LO .product .button {
  display: none !important;
}

/* ============================================
   10. MASQUER NOTES ÉTOILES
   ============================================ */
.LO .star-rating {
  display: none !important;
}

/* ============================================
   11. PAGINATION (uniquement dans .LO)
   ============================================ */
.LO nav.woocommerce-pagination {
  text-align: center !important;
  margin: 60px 0 30px 0 !important;
}

.LO nav.woocommerce-pagination ul {
  border: none !important;
  display: inline-flex !important;
  gap: 6px !important;
}

.LO nav.woocommerce-pagination ul li {
  border: none !important;
}

.LO nav.woocommerce-pagination ul li a,
.LO nav.woocommerce-pagination ul li span {
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  padding: 8px 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: #1a1a1a !important;
  background: #fff !important;
  transition: all 0.3s ease !important;
}

.LO nav.woocommerce-pagination ul li span.current,
.LO nav.woocommerce-pagination ul li a:hover {
  background: #1a1a1a !important;
  color: #fff !important;
  border-color: #1a1a1a !important;
}/* End custom CSS */