.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   MRM NUTRITION — CSS Global Final v3
   ============================================================ */

/* 1. VARIABLES */
:root {
  --mrm-dark:   #0f1a13;
  --mrm-dark2:  #162119;
  --mrm-green:  #1a3020;
  --mrm-leaf:   #3a6645;
  --mrm-sage:   #6a9070;
  --mrm-gold:   #c8a55a;
  --mrm-gold2:  #dfc07e;
  --mrm-cream:  #f4ede0;
  --mrm-warm:   #ece4d4;
  --mrm-white:  #faf7f2;
  --mrm-font-display: 'Playfair Display', serif;
  --mrm-font-body:    'DM Sans', sans-serif;
}

/* 2. TYPOGRAPHIE */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&family=DM+Serif+Display:ital@0;1&display=swap');

body {
  font-family: var(--mrm-font-body) !important;
  background-color: var(--mrm-white) !important;
  color: var(--mrm-dark) !important;
}
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: var(--mrm-font-display) !important;
}

/* 3. HEADER */
.mrm-header {
  background: var(--mrm-white) !important;
  border-bottom: 1px solid rgba(0,0,0,.07) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  transition: box-shadow .3s;
}
.mrm-header .elementor-nav-menu--main .elementor-item {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #555 !important;
  letter-spacing: .03em !important;
  transition: color .25s !important;
}
.mrm-header .elementor-nav-menu--main .elementor-item:hover,
.mrm-header .elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: var(--mrm-leaf) !important;
}

/* 4. BOUTONS */
.elementor-button.mrm-btn-primary,
.mrm-btn-primary .elementor-button {
  background: var(--mrm-gold) !important;
  color: var(--mrm-dark) !important;
  border: 1.5px solid var(--mrm-gold) !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  padding: 14px 32px !important;
  transition: all .3s !important;
}
.elementor-button.mrm-btn-primary:hover,
.mrm-btn-primary .elementor-button:hover {
  background: var(--mrm-gold2) !important;
  border-color: var(--mrm-gold2) !important;
  transform: translateY(-2px);
}
.elementor-button.mrm-btn-outline,
.mrm-btn-outline .elementor-button {
  background: transparent !important;
  color: var(--mrm-leaf) !important;
  border: 1.5px solid var(--mrm-leaf) !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 12px 26px !important;
  transition: all .25s !important;
}
.elementor-button.mrm-btn-outline:hover,
.mrm-btn-outline .elementor-button:hover {
  background: var(--mrm-leaf) !important;
  color: #fff !important;
}
.elementor-button.mrm-btn-dark,
.mrm-btn-dark .elementor-button {
  background: var(--mrm-dark) !important;
  color: var(--mrm-cream) !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  padding: 14px 32px !important;
  transition: background .3s !important;
}
.elementor-button.mrm-btn-dark:hover,
.mrm-btn-dark .elementor-button:hover {
  background: var(--mrm-leaf) !important;
}

/* 5. SECTIONS */
.mrm-section-dark  { background-color: var(--mrm-dark)  !important; }
.mrm-section-green { background-color: var(--mrm-green) !important; }
.mrm-section-cream { background-color: var(--mrm-cream) !important; }
.mrm-section-warm  { background-color: var(--mrm-warm)  !important; }
.mrm-section-gold  { background-color: var(--mrm-gold)  !important; }
.mrm-text-gold  { color: var(--mrm-gold)  !important; }
.mrm-text-gold2 { color: var(--mrm-gold2) !important; }
.mrm-text-leaf  { color: var(--mrm-leaf)  !important; }
.mrm-text-cream { color: var(--mrm-cream) !important; }
.mrm-text-sage  { color: var(--mrm-sage)  !important; }

/* ============================================================
   6. FIX BORDERS — حذف كل الحدود الزايدة
   ============================================================ */
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image a,
.woocommerce .woocommerce-product-gallery__image:nth-child(n+2) {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Elementor containers — sans border par défaut */
.e-con,
.elementor-container,
.elementor-column,
.elementor-widget-container {
  border: none !important;
  outline: none !important;
}

/* ============================================================
   7. WOOCOMMERCE — SHOP PAGE
   ============================================================ */
.woocommerce-page .woocommerce {
  padding: 0 56px 60px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}
.woocommerce-page h1.page-title {
  font-family: var(--mrm-font-display) !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  font-weight: 700 !important;
  color: var(--mrm-dark) !important;
  padding: 40px 0 20px !important;
  line-height: 1.1 !important;
}
.woocommerce-result-count {
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #999 !important;
}
.woocommerce-ordering select {
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  padding: 8px 32px 8px 12px !important;
  background-color: var(--mrm-white) !important;
  color: #555 !important;
}

/* GRILLE */
.woocommerce ul.products,
ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  width: 100% !important;
}
.woocommerce ul.products li.product,
ul.products li.product {
  background: var(--mrm-white) !important;
  border: 1px solid rgba(0,0,0,.07) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
  overflow: hidden !important;
  transition: border-color .35s, transform .35s, box-shadow .35s !important;
}
.woocommerce ul.products li.product:hover,
ul.products li.product:hover {
  border-color: var(--mrm-leaf) !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 50px rgba(26,48,32,.12) !important;
}

/* Image shop */
.woocommerce ul.products li.product a img,
ul.products li.product a img {
  display: block !important;
  width: 100% !important;
  height: 240px !important;
  object-fit: contain !important;
  padding: 24px !important;
  margin: 0 !important;
  border: none !important;
  background: linear-gradient(145deg, rgba(26,48,32,.04) 0%, rgba(240,234,224,.35) 100%) !important;
  transition: transform .45s ease !important;
}
.woocommerce ul.products li.product:hover a img,
ul.products li.product:hover a img {
  transform: scale(1.05) translateY(-5px) !important;
}

/* Titre shop */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2 {
  font-family: var(--mrm-font-display) !important;
  font-size: clamp(16px, 1.5vw, 20px) !important;
  font-weight: 700 !important;
  color: var(--mrm-dark) !important;
  padding: 16px 16px 4px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Prix */
.woocommerce ul.products li.product .price,
ul.products li.product .price {
  display: block !important;
  padding: 0 16px 6px !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  color: var(--mrm-leaf) !important;
}
.woocommerce ul.products li.product .price::after,
ul.products li.product .price::after {
  content: '🚚 Livraison gratuite · Paiement à la livraison';
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: var(--mrm-leaf);
  margin-top: 4px;
}

/* Bouton shop */
.woocommerce ul.products li.product .button,
ul.products li.product .button {
  display: block !important;
  width: calc(100% - 32px) !important;
  margin: 6px 16px 16px !important;
  background: var(--mrm-dark) !important;
  color: var(--mrm-cream) !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  padding: 10px 16px !important;
  transition: background .25s !important;
  text-align: center !important;
}
.woocommerce ul.products li.product .button:hover,
ul.products li.product .button:hover {
  background: var(--mrm-leaf) !important;
  color: #fff !important;
}

/* Badge promo */
.woocommerce span.onsale {
  background: var(--mrm-leaf) !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  padding: 5px 10px !important;
  min-height: auto !important;
  min-width: auto !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
}

/* ============================================================
   8. PRODUIT UNIQUE
   ============================================================ */

/* Galerie — sans border, full width */
.single-product div.product .woocommerce-product-gallery {
  background: linear-gradient(145deg, rgba(26,48,32,.05) 0%, rgba(240,234,224,.5) 100%) !important;
  padding: 40px !important;
  border: none !important;
  box-shadow: none !important;
  width: 48% !important;
  float: left !important;
}

.single-product div.product .summary {
  width: 48% !important;
  float: right !important;
}

/* Image galerie — sans border */
.woocommerce-product-gallery .flex-viewport,
.woocommerce-product-gallery figure,
.woocommerce-product-gallery img {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Titre produit */
h1.product_title.entry-title {
  font-family: var(--mrm-font-display) !important;
  font-size: clamp(26px, 3.5vw, 48px) !important;
  font-weight: 700 !important;
  color: var(--mrm-dark) !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
}

/* Prix */
.woocommerce div.product p.price {
  font-size: clamp(22px, 2.5vw, 30px) !important;
  font-weight: 700 !important;
  color: var(--mrm-leaf) !important;
}

/* Description courte */
.woocommerce-product-details__short-description {
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #666 !important;
  line-height: 1.85 !important;
}

/* Quantité */
.woocommerce div.product form.cart .qty {
  border: 1.5px solid rgba(0,0,0,.12) !important;
  border-radius: 0 !important;
  font-size: 15px !important;
  padding: 10px 12px !important;
  width: 64px !important;
  text-align: center !important;
}

/* Bouton ajouter */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background: var(--mrm-dark) !important;
  color: var(--mrm-cream) !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  padding: 16px 36px !important;
  transition: background .3s !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover {
  background: var(--mrm-leaf) !important;
}

/* Tabs */
.woocommerce-tabs .tabs {
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
  display: flex !important;
  flex-wrap: wrap !important;
}
.woocommerce-tabs .tabs li {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-tabs .tabs li a {
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #999 !important;
  padding: 12px 18px !important;
  display: block !important;
}
.woocommerce-tabs .tabs li.active { border-bottom-color: var(--mrm-leaf) !important; }
.woocommerce-tabs .tabs li.active a { color: var(--mrm-leaf) !important; background: transparent !important; }
.woocommerce-tabs .tabs li::before,
.woocommerce-tabs .tabs li::after { display: none !important; content: none !important; }
.woocommerce-tabs .panel { padding: 28px 0 !important; border: none !important; background: transparent !important; }

/* ============================================================
   9. PANIER
   ============================================================ */
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
  border: 1px solid rgba(0,0,0,.06) !important;
  padding: 14px 16px !important;
}
.woocommerce-cart table.cart thead { background: var(--mrm-warm) !important; }
.woocommerce-cart table.cart thead th {
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #777 !important;
  border: none !important;
}
.woocommerce-cart .cart-collaterals .cart_totals {
  background: var(--mrm-warm) !important;
  padding: 28px !important;
  border: 1px solid rgba(0,0,0,.07) !important;
}
.woocommerce-cart .cart_totals table tfoot tr.shipping td::after {
  content: '🚚 Livraison Gratuite · Paiement à la Livraison';
  display: block;
  font-size: 12px;
  color: var(--mrm-leaf);
  font-weight: 500;
  margin-top: 6px;
}

/* ============================================================
   10. CHECKOUT
   ============================================================ */
.woocommerce-checkout h3 {
  font-size: clamp(18px, 2vw, 22px) !important;
  font-weight: 700 !important;
  color: var(--mrm-dark) !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(0,0,0,.07) !important;
}
.woocommerce-checkout .form-row label {
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #777 !important;
}
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
  font-size: 14px !important;
  font-weight: 300 !important;
  color: var(--mrm-dark) !important;
  border: 1.5px solid rgba(0,0,0,.1) !important;
  border-radius: 0 !important;
  padding: 12px 14px !important;
  background: var(--mrm-white) !important;
  transition: border-color .25s !important;
}
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row textarea:focus {
  border-color: var(--mrm-leaf) !important;
  outline: none !important;
  box-shadow: none !important;
}
#order_review { background: var(--mrm-warm) !important; padding: 28px !important; }
.woocommerce-checkout #payment { background: var(--mrm-cream) !important; border-radius: 0 !important; }
#place_order {
  background: var(--mrm-gold) !important;
  color: var(--mrm-dark) !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  padding: 18px 36px !important;
  width: 100% !important;
  transition: all .3s !important;
}
#place_order:hover { background: var(--mrm-gold2) !important; transform: translateY(-2px) !important; }

/* 11. NOTICES */
.woocommerce-message, .woocommerce-info {
  background: rgba(58,102,69,.08) !important;
  border-top: 3px solid var(--mrm-leaf) !important;
  color: var(--mrm-dark) !important;
  border-radius: 0 !important;
}
.woocommerce-error { border-top-color: #c0392b !important; border-radius: 0 !important; }

/* 12. SCROLL REVEAL */
.mrm-reveal { opacity: 0; transform: translateY(30px); transition: opacity .65s ease, transform .65s ease; }
.mrm-reveal.mrm-visible { opacity: 1; transform: translateY(0); }
.mrm-reveal.mrm-delay-1 { transition-delay: .1s; }
.mrm-reveal.mrm-delay-2 { transition-delay: .2s; }
.mrm-reveal.mrm-delay-3 { transition-delay: .3s; }

/* ============================================================
   RESPONSIVE — TABLET max 1024px
   ============================================================ */
@media (max-width: 1024px) {
  .woocommerce-page .woocommerce { padding: 0 24px 48px !important; }
  .woocommerce ul.products, ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
  .woocommerce-page h1.page-title { padding: 28px 0 16px !important; }
  .woocommerce-checkout .col2-set { display: block !important; }
  .woocommerce-checkout .col2-set .col-1,
  .woocommerce-checkout .col2-set .col-2 { width: 100% !important; float: none !important; }

  /* Product single vertical */
  .single-product div.product {
    display: flex !important;
    flex-direction: column !important;
  }
  .single-product div.product .woocommerce-product-gallery {
    width: 100% !important;
    float: none !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
  }
  .single-product div.product .summary {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    padding: 0 !important;
  }
}

/* ============================================================
   RESPONSIVE — MOBILE max 768px
   ============================================================ */
@media (max-width: 768px) {
  .woocommerce ul.products, ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .woocommerce ul.products li.product a img,
  ul.products li.product a img { height: 180px !important; }
  .woocommerce-page .woocommerce { padding: 0 16px 40px !important; }
  h1.product_title.entry-title { font-size: 26px !important; }
  .woocommerce div.product form.cart .single_add_to_cart_button {
    width: 100% !important;
    text-align: center !important;
    padding: 14px !important;
  }
  .woocommerce-cart table.cart { font-size: 13px !important; }
  .woocommerce-cart table.cart td,
  .woocommerce-cart table.cart th { padding: 10px 8px !important; }
  .woocommerce-tabs .tabs li a { padding: 10px 12px !important; font-size: 11px !important; }

  /* Product gallery full width mobile */
  .single-product div.product .woocommerce-product-gallery {
    width: 100% !important;
    float: none !important;
    padding: 20px !important;
  }
  .single-product div.product .summary {
    width: 100% !important;
    float: none !important;
  }
}

/* ============================================================
   RESPONSIVE — SMALL MOBILE max 480px
   ============================================================ */
@media (max-width: 480px) {
  .woocommerce ul.products, ul.products { grid-template-columns: 1fr !important; }
  .woocommerce ul.products li.product a img,
  ul.products li.product a img { height: 220px !important; }
  h1.product_title.entry-title { font-size: 24px !important; }
  .single-product div.product .woocommerce-product-gallery { padding: 16px !important; }
  #place_order { padding: 14px !important; font-size: 13px !important; }
  .woocommerce-cart .cart-collaterals .cart_totals { padding: 18px !important; }
}/* End custom CSS */