.elementor-34577 .elementor-element.elementor-element-d14a71c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-34577 .elementor-element.elementor-element-de345da{text-align:center;}.woocommerce .elementor-34577 .elementor-element.elementor-element-285c0ae .term-description{font-family:"Cormorant Garamond", Sans-serif;}.elementor-34577 .elementor-element.elementor-element-9c25093.elementor-wc-products  ul.products{grid-column-gap:19px;grid-row-gap:9px;}.elementor-34577 .elementor-element.elementor-element-9c25093 a > img{margin-bottom:0px;}.elementor-34577 .elementor-element.elementor-element-9c25093 .woocommerce .woocommerce-loop-category__title{font-family:"CINZEL", Sans-serif;font-size:20px;}.elementor-34577 .elementor-element.elementor-element-1dfa3c1 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-34577 .elementor-element.elementor-element-3846011 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-34577 .elementor-element.elementor-element-3846011{text-align:center;}.elementor-34577 .elementor-element.elementor-element-3846011 .elementor-heading-title{color:#2A4A3D;}.elementor-34577 .elementor-element.elementor-element-3392daa.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:9px;}.elementor-34577 .elementor-element.elementor-element-3392daa .woocommerce .woocommerce-loop-category__title{font-size:20px;}.elementor-34577 .elementor-element.elementor-element-d672fd2 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-34577 .elementor-element.elementor-element-67316ab > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-34577 .elementor-element.elementor-element-67316ab{text-align:center;}.elementor-34577 .elementor-element.elementor-element-67316ab .elementor-heading-title{color:#2A4A3D;}.elementor-34577 .elementor-element.elementor-element-01a29df .product{text-align:center;}.elementor-34577 .elementor-element.elementor-element-01a29df.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:9px;}.elementor-34577 .elementor-element.elementor-element-01a29df a > img{margin-bottom:0px;}.elementor-34577 .elementor-element.elementor-element-01a29df .woocommerce .woocommerce-loop-category__title{font-size:20px;}.elementor-34577 .elementor-element.elementor-element-9212a2a > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-34577 .elementor-element.elementor-element-3a465c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-34577 .elementor-element.elementor-element-d92d6b0 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-34577 .elementor-element.elementor-element-d92d6b0{text-align:center;}.elementor-34577 .elementor-element.elementor-element-d92d6b0 .elementor-heading-title{color:#2A4A3D;}.elementor-34577 .elementor-element.elementor-element-2c3c289{font-family:"CINZEL", Sans-serif;font-size:21px;font-weight:900;color:#2A4A3D;}.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px;}.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#2A4A3D;}.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#2A4A3D;}.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:40px;line-height:76px;}.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products ul.products li.product .price{color:#2A4A3D;font-size:32px;font-weight:900;line-height:21px;}.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products ul.products li.product .price ins{color:#2A4A3D;}.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products ul.products li.product .price ins .amount{color:#2A4A3D;}.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products ul.products li.product .button{color:#FBD6BA;background-color:#2A4A3D;font-family:"CINZEL", Sans-serif;font-size:18px;}.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products .added_to_cart{font-family:"CINZEL", Sans-serif;}.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-34577 .elementor-element.elementor-element-d14a71c{--margin-top:-19px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-34577 .elementor-element.elementor-element-285c0ae > .elementor-widget-container{margin:0px 0px -36px 0px;}.woocommerce .elementor-34577 .elementor-element.elementor-element-285c0ae .term-description{font-size:15px;line-height:0.1em;}.elementor-34577 .elementor-element.elementor-element-6a37ed0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-34577 .elementor-element.elementor-element-9c25093 .woocommerce .woocommerce-loop-category__title{font-size:12px;}.elementor-34577 .elementor-element.elementor-element-1dfa3c1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-34577 .elementor-element.elementor-element-3846011 .elementor-heading-title{font-size:30px;}.elementor-34577 .elementor-element.elementor-element-3392daa .woocommerce .woocommerce-loop-category__title{font-size:12px;}.elementor-34577 .elementor-element.elementor-element-d672fd2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-34577 .elementor-element.elementor-element-67316ab .elementor-heading-title{font-size:30px;}.elementor-34577 .elementor-element.elementor-element-01a29df .woocommerce .woocommerce-loop-category__title{font-size:12px;}.elementor-34577 .elementor-element.elementor-element-9212a2a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-34577 .elementor-element.elementor-element-d92d6b0 .elementor-heading-title{font-size:30px;}.elementor-34577 .elementor-element.elementor-element-2c3c289 > .elementor-widget-container{margin:0px 0px -27px 0px;}.elementor-34577 .elementor-element.elementor-element-2c3c289{font-size:10px;}.elementor-34577 .elementor-element.elementor-element-a646317 > .elementor-widget-container{margin:0px 0px -2px 0px;padding:0px 0px 0px 0px;}.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-34577 .elementor-element.elementor-element-c96a310.elementor-wc-products .added_to_cart{font-size:10px;}}/* Start custom CSS for woocommerce-archive-description, class: .elementor-element-285c0ae *//* La description de categorie est enveloppee dans des <p> par
   WooCommerce : les reglages de typographie d'Elementor visent le
   conteneur, pas ces paragraphes. On les cible directement.

   Taille et interligne suivent la largeur de l'ecran :
     telephone   15px / interligne 1.55
     ordinateur  18px / interligne 1.8
   Les deux valeurs a faire varier sont les extremes de chaque clamp. */

.elementor-34577 .elementor-element.elementor-element-285c0ae .elementor-widget-container,
.elementor-34577 .elementor-element.elementor-element-285c0ae p,
.elementor-34577 .elementor-element.elementor-element-285c0ae .term-description,
.elementor-34577 .elementor-element.elementor-element-285c0ae .term-description p {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(15px, 1.6vw, 18px) !important;
  line-height: clamp(1.55, 1.55 + 0.6vw, 1.8) !important;
  color: #2A3B33 !important;
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-9c25093 *//* ============================================================
   CATEGORIES PRODUIT — grille centree
   Widget Categories de produits > Avance > CSS personnalise
   ------------------------------------------------------------
   La grille est centree dans la page, et la derniere ligne
   incomplete se centre aussi au lieu de se coller a gauche.

   Le passage de grid a flex est indispensable : une grille CSS ne
   sait pas centrer une ligne incomplete, elle place toujours les
   elements dans leurs colonnes. Flex le permet.

   La largeur des bulles se calcule seule selon la place :
     telephone   2 par ligne
     tablette    3 par ligne
     ordinateur  4 par ligne
   ============================================================ */

.elementor-34577 .elementor-element.elementor-element-9c25093 ul.products {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: clamp(14px, 2.4vw, 28px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
  max-width: 1100px !important;
}

.elementor-34577 .elementor-element.elementor-element-9c25093 ul.products li.product-category {
  flex: 0 0 clamp(130px, 26vw, 300px) !important;
  width: clamp(130px, 26vw, 300px) !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  text-align: center !important;
}

.elementor-34577 .elementor-element.elementor-element-9c25093 ul.products li.product-category a {
  display: block !important;
}

.elementor-34577 .elementor-element.elementor-element-9c25093 ul.products li.product-category img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
}

/* Nom de la categorie */
.elementor-34577 .elementor-element.elementor-element-9c25093 ul.products li.product-category h2,
.elementor-34577 .elementor-element.elementor-element-9c25093 ul.products li.product-category .woocommerce-loop-category__title {
  font-family: 'Cinzel', serif !important;
  font-size: clamp(12px, 1.6vw, 18px) !important;
  line-height: clamp(1.25, 1.25 + 0.3vw, 1.45) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--merydar-vert) !important;
  text-align: center !important;
  margin-top: 0.6em !important;
  width: 100% !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-3392daa *//* ============================================================
   CATEGORIES PRODUIT — grille centree
   Widget Categories de produits > Avance > CSS personnalise
   ------------------------------------------------------------
   La grille est centree dans la page, et la derniere ligne
   incomplete se centre aussi au lieu de se coller a gauche.

   Le passage de grid a flex est indispensable : une grille CSS ne
   sait pas centrer une ligne incomplete, elle place toujours les
   elements dans leurs colonnes. Flex le permet.

   La largeur des bulles se calcule seule selon la place :
     telephone   2 par ligne
     tablette    3 par ligne
     ordinateur  4 par ligne
   ============================================================ */

.elementor-34577 .elementor-element.elementor-element-3392daa ul.products {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: clamp(14px, 2.4vw, 28px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
  max-width: 1100px !important;
}

.elementor-34577 .elementor-element.elementor-element-3392daa ul.products li.product-category {
  flex: 0 0 clamp(130px, 26vw, 300px) !important;
  width: clamp(130px, 26vw, 300px) !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  text-align: center !important;
}

.elementor-34577 .elementor-element.elementor-element-3392daa ul.products li.product-category a {
  display: block !important;
}

.elementor-34577 .elementor-element.elementor-element-3392daa ul.products li.product-category img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
}

/* Nom de la categorie */
.elementor-34577 .elementor-element.elementor-element-3392daa ul.products li.product-category h2,
.elementor-34577 .elementor-element.elementor-element-3392daa ul.products li.product-category .woocommerce-loop-category__title {
  font-family: 'Cinzel', serif !important;
  font-size: clamp(12px, 1.6vw, 18px) !important;
  line-height: clamp(1.25, 1.25 + 0.3vw, 1.45) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--merydar-vert) !important;
  text-align: center !important;
  margin-top: 0.6em !important;
  width: 100% !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-01a29df *//* ============================================================
   CATEGORIES PRODUIT — grille centree
   Widget Categories de produits > Avance > CSS personnalise
   ------------------------------------------------------------
   La grille est centree dans la page, et la derniere ligne
   incomplete se centre aussi au lieu de se coller a gauche.

   Le passage de grid a flex est indispensable : une grille CSS ne
   sait pas centrer une ligne incomplete, elle place toujours les
   elements dans leurs colonnes. Flex le permet.

   La largeur des bulles se calcule seule selon la place :
     telephone   2 par ligne
     tablette    3 par ligne
     ordinateur  4 par ligne
   ============================================================ */

.elementor-34577 .elementor-element.elementor-element-01a29df ul.products {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: clamp(14px, 2.4vw, 28px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
  max-width: 1100px !important;
}

.elementor-34577 .elementor-element.elementor-element-01a29df ul.products li.product-category {
  flex: 0 0 clamp(130px, 26vw, 300px) !important;
  width: clamp(130px, 26vw, 300px) !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  text-align: center !important;
}

.elementor-34577 .elementor-element.elementor-element-01a29df ul.products li.product-category a {
  display: block !important;
}

.elementor-34577 .elementor-element.elementor-element-01a29df ul.products li.product-category img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
}

/* Nom de la categorie */
.elementor-34577 .elementor-element.elementor-element-01a29df ul.products li.product-category h2,
.elementor-34577 .elementor-element.elementor-element-01a29df ul.products li.product-category .woocommerce-loop-category__title {
  font-family: 'Cinzel', serif !important;
  font-size: clamp(12px, 1.6vw, 18px) !important;
  line-height: clamp(1.25, 1.25 + 0.3vw, 1.45) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--merydar-vert) !important;
  text-align: center !important;
  margin-top: 0.6em !important;
  width: 100% !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-c96a310 *//* ============================================================
   GRILLE « LA BOUTIQUE COMPLETE »
   Widget produits > Avance > CSS personnalise
   ------------------------------------------------------------
   Les rangees sont resserrees et les boutons restent alignes en
   bas de carte, que le titre tienne sur une ou deux lignes.

   Tailles et interlignes en clamp() : ils suivent la largeur de
   l'ecran, aucune media query a maintenir.
   ============================================================ */

/* Espace entre rangees — resserre sur telephone, plus aere en grand */
.elementor-34577 .elementor-element.elementor-element-c96a310 ul.products {
  row-gap: clamp(14px, 2.4vw, 20px) !important;
  column-gap: clamp(10px, 2vw, 20px) !important;
}

/* Chaque carte devient une colonne flex de meme hauteur */
.elementor-34577 .elementor-element.elementor-element-c96a310 ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Le titre ne reserve plus de hauteur fixe : s'il fait une ligne,
   pas de vide artificiel ; s'il en fait deux, la carte s'etire et
   les autres cartes de la rangee suivent */
.elementor-34577 .elementor-element.elementor-element-c96a310 ul.products li.product .woocommerce-loop-product__title {
  min-height: 0 !important;
  margin-bottom: 0.4em !important;
  font-size: clamp(19px, 2.4vw, 28px) !important;
  line-height: clamp(1.15, 1.15 + 0.3vw, 1.3) !important;
}

/* Le bouton reste colle en bas, quoi qu'il arrive au-dessus.
   Hauteur reduite : 36px, contre 44 auparavant. */
.elementor-34577 .elementor-element.elementor-element-c96a310 ul.products li.product a.button,
.elementor-34577 .elementor-element.elementor-element-c96a310 ul.products li.product .add_to_cart_button {
  margin-top: auto !important;
  font-size: clamp(10px, 1.3vw, 13px) !important;
  line-height: 1.2 !important;
  padding: clamp(8px, 1.1vw, 10px) clamp(8px, 1.6vw, 16px) !important;
  min-height: 36px !important;
  height: auto !important;
}

/* ============================================================
   ETIQUETTE CATEGORIE (« Bijoux », « Moyennes et grandes pieces »)
   ============================================================ */

.elementor-34577 .elementor-element.elementor-element-c96a310 ul.products li.product .merydar-product-category {
  font-family: 'Cinzel', serif !important;
  color: var(--merydar-vert) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-size: clamp(10px, 1.4vw, 15px) !important;
  line-height: clamp(1.25, 1.25 + 0.3vw, 1.45) !important;
}

/* Prix */
.elementor-34577 .elementor-element.elementor-element-c96a310 ul.products li.product span.price,
.elementor-34577 .elementor-element.elementor-element-c96a310 ul.products li.product span.price bdi {
  font-size: clamp(16px, 2vw, 23px) !important;
  line-height: clamp(1.2, 1.2 + 0.3vw, 1.4) !important;
}

/* Les etoiles de notation restent masquees */
.elementor-34577 .elementor-element.elementor-element-c96a310 .star-rating {
  display: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'CINZEL';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://merydar.com/wp-content/uploads/2026/07/CinzelDecorative-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'CINZEL';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://merydar.com/wp-content/uploads/2026/07/CinzelDecorative-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */