:root {
–mg-primary: #004d40;
–mg-secondary: #fdfcf0;
–mg-accent: #c5a059;
–mg-text: #1a1a1a;
–mg-success: #27ae60;
–mg-font-title: ‘Merriweather’, serif;
–mg-font-body: ‘DM Sans’, sans-serif;
}
html { scroll-behavior: smooth; }
.magnesium-landing-wrapper {
font-family: var(–mg-font-body);
color: var(–mg-text);
background-color: #fcfcfc;
line-height: 1.6;
margin: 0;
padding: 0;
text-align: left;
direction: ltr;
width: 100% !important;
}
.magnesium-landing-wrapper * { box-sizing: border-box; }
.magnesium-landing-wrapper section { padding: 60px 20px; max-width: 1140px; margin: 0 auto; }
.magnesium-landing-wrapper h1,
.magnesium-landing-wrapper h2,
.magnesium-landing-wrapper h3 {
font-family: var(–mg-font-title);
color: var(–mg-primary);
margin: 0 0 20px 0;
}
.magnesium-landing-wrapper p { font-size: 17px; color: #4a4a4a; }
/* TOP BAR & HEADER */
.mg-top-bar { background-color: var(–mg-primary); color: white; text-align: center; padding: 10px; font-size: 15px; font-weight: 500; }
.mg-top-bar span { color: var(–mg-accent); font-weight: 700; }
.mg-sticky-header { background-color: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); position: sticky; top: 0; z-index: 9999; padding: 12px 0; border-bottom: 2px solid var(–mg-accent); }
.mg-header-container { max-width: 1140px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; }
.mg-brand-logo { max-height: 52px; width: auto; object-fit: contain; }
.mg-header-btn { background: var(–mg-success); color: white; padding: 10px 24px; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; box-shadow: 0 4px 10px rgba(39, 174, 96, 0.2); }
/* HERO & GALERIE */
.mg-hero-section { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; padding-top: 40px; }
.mg-gallery-container { display: flex; flex-direction: column; gap: 15px; }
.mg-main-image { border-radius: 12px; height: 420px; border: 1px solid #eaeaea; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.mg-main-image img { max-width: 100%; max-height: 100%; object-fit: contain; }
.mg-thumb-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.mg-thumb { border-radius: 8px; height: 85px; border: 2px solid #eee; cursor: pointer; background: #fff; display: flex; align-items: center; justify-content: center; }
.mg-thumb.active { border-color: var(–mg-accent); }
.mg-thumb img { max-width: 100%; max-height: 100%; object-fit: contain; }
.mg-stars { color: var(–mg-accent); font-size: 18px; margin-bottom: 10px; }
.mg-price-tag { font-size: 46px; font-weight: 700; color: var(–mg-primary); margin: 15px 0; }
.mg-hero-bullets { list-style: none; padding: 0; margin: 20px 0 35px 0; }
.mg-hero-bullets li { font-size: 18px; font-weight: 500; margin-bottom: 12px; display: flex; align-items: center; gap: 12px; }
.mg-hero-bullets i { color: var(–mg-success); font-size: 20px; }
.mg-cta-btn { display: flex; justify-content: center; align-items: center; gap: 10px; background: var(–mg-success); color: white; padding: 20px; border-radius: 8px; font-size: 20px; font-weight: 700; text-transform: uppercase; text-decoration: none; width: 100%; border: none; cursor: pointer; text-align: center; }
/* BADGE DE CONFIANCE COD */
.mg-trust-box { border: 2px solid var(–mg-primary); border-radius: 12px; margin: 25px 0; overflow: hidden; background: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); }
.mg-trust-box-top { display: flex; align-items: center; padding: 15px 20px; gap: 20px; }
.mg-trust-icon-large { background: var(–mg-primary); color: white; width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; flex-shrink: 0; position: relative; }
.mg-trust-icon-large::after { content: ‘f00c’; font-family: ‘Font Awesome 6 Free’; font-weight: 900; position: absolute; bottom: -5px; right: -5px; background: var(–mg-accent); color: white; font-size: 16px; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 3px solid #fff; }
.mg-trust-text-main { flex: 1; text-align: center; color: var(–mg-primary); }
.mg-trust-text-main .ar-large { font-size: 28px; font-weight: 700; direction: rtl; line-height: 1.1; }
.mg-trust-text-main .ar-small { font-size: 16px; direction: rtl; margin-bottom: 5px; }
.mg-trust-text-main .fr-large { font-size: 22px; font-weight: 700; line-height: 1.1; }
.mg-trust-text-main .fr-small { font-size: 14px; font-weight: 500; }
.mg-trust-divider { display: flex; align-items: center; text-align: center; margin: 5px 0; }
.mg-trust-divider::before, .mg-trust-divider::after { content: ”; flex: 1; border-bottom: 2px solid #eaeaea; }
.mg-trust-divider i { color: var(–mg-accent); padding: 0 10px; font-size: 8px; }
.mg-trust-box-bottom { background: var(–mg-primary); color: white; display: flex; justify-content: space-between; padding: 12px 15px; flex-wrap: wrap; gap: 10px; }
.mg-trust-feature { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 120px; justify-content: center; }
.mg-trust-feature i { font-size: 20px; color: var(–mg-accent); }
.mg-trust-feature-text { display: flex; flex-direction: column; line-height: 1.2; }
.mg-trust-feature-text .ar { direction: rtl; text-align: right; font-size: 12px; }
.mg-trust-feature-text .fr { font-size: 11px; font-weight: 700; text-transform: uppercase; }
/* BIENFAITS */
.mg-benefits-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }
.mg-benefit-card { background: #fff; padding: 35px 20px; border-radius: 16px; text-align: center; border: 1px solid #ebebeb; box-shadow: 0 4px 12px rgba(0,0,0,0.02); }
.mg-benefit-card .icon-wrapper { font-size: 42px; color: #022c35; margin-bottom: 20px; }
.mg-benefit-card h3 { font-family: var(–mg-font-body); font-size: 20px; margin-bottom: 10px; }
/* FLEXBOX INFO */
.mg-flex-info-section { background-color: var(–mg-secondary); padding: 80px 20px; }
.mg-flex-container { max-width: 1140px; margin: 0 auto; display: flex; flex-direction: column; gap: 60px; }
.mg-flex-row { display: flex; align-items: center; gap: 60px; }
.mg-flex-row.reverse { flex-direction: row-reverse; }
.mg-flex-col-text { flex: 1; }
.mg-flex-col-image { flex: 1; height: 380px; border-radius: 20px; overflow: hidden; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06); }
.mg-flex-col-image img { width: 100%; height: 100%; object-fit: cover; }
/* AVIS CLIENTS */
.mg-reviews-section h2 { text-align: center; margin-bottom: 50px; }
.mg-reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.mg-review-card { background: #fff; padding: 30px; border-radius: 12px; border: 1px solid #eee; }
.mg-review-profile { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; }
.mg-review-profile img { width: 55px; height: 55px; border-radius: 50%; object-fit: cover; border: 2px solid var(–mg-accent); }
.mg-review-profile .name { font-weight: 700; font-size: 16px; }
.mg-review-profile .city { font-size: 13px; color: #888; }
.mg-review-card p { font-style: italic; font-size: 15px; margin: 0; }
/* FAQ */
.mg-faq-section { max-width: 800px; }
.mg-faq-section h2 { text-align: center; margin-bottom: 40px; }
.mg-accordion-item { background: #fff; border: 1px solid #eee; margin-bottom: 15px; border-radius: 8px; overflow: hidden; }
.mg-accordion-header { padding: 22px; font-weight: 700; font-size: 18px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: #fff; }
.mg-accordion-header::after { content: ‘f078’; font-family: ‘Font Awesome 6 Free’; font-weight: 900; font-size: 14px; transition: transform 0.3s; }
.mg-accordion-header.active::after { transform: rotate(180deg); }
.mg-accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background: #fdfdfd; }
.mg-accordion-content p { padding: 22px; margin: 0; border-top: 1px solid #f5f5f5; font-size: 16px; }
/* GARANTIES */
.mg-guarantees-section { background: var(–mg-primary); color: white; padding: 60px 20px; }
.mg-guarantees-grid { max-width: 1140px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center; }
.mg-guarantee-item i { font-size: 40px; color: var(–mg-accent); margin-bottom: 15px; }
.mg-guarantee-item h4 { margin: 0; font-size: 16px; font-weight: 700; text-transform: uppercase; }
/* FORMULAIRE COD & BUNDLES */
.mg-order-section { background-color: var(–mg-secondary); padding: 90px 20px; display: flex; justify-content: center; }
.mg-form-container { background: #ffffff; max-width: 550px; width: 100%; padding: 45px; border-radius: 16px; box-shadow: 0 20px 40px rgba(0, 77, 64, 0.08); border: 2px solid var(–mg-primary); direction: ltr; }
.mg-form-header { text-align: center; margin-bottom: 35px; }
.mg-form-header h2 { font-size: 30px; margin-bottom: 10px; color: var(–mg-primary); }
.mg-bundle-wrapper { display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px; }
.mg-bundle-option { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border: 2px solid #eaeaea; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; background: #fff; }
.mg-bundle-option:hover { border-color: #b0bec5; }
.mg-bundle-option.selected { border-color: var(–mg-success); background: #f4fbf7; box-shadow: 0 4px 10px rgba(39, 174, 96, 0.1); }
.mg-bundle-radio { display: none; }
.mg-bundle-info { display: flex; flex-direction: column; text-align: left; }
.mg-bundle-title { font-weight: 700; font-size: 16px; color: var(–mg-primary); }
.mg-bundle-subtitle { font-size: 13px; color: #666; }
.mg-bundle-price-box { text-align: right; }
.mg-bundle-price { font-weight: 700; font-size: 18px; color: var(–mg-text); }
.mg-bundle-savings { font-size: 12px; color: var(–mg-success); font-weight: 700; background: #e8f5e9; padding: 3px 8px; border-radius: 4px; margin-top: 5px; display: inline-block; }
.mg-badge-recommended { position: absolute; top: -10px; left: 20px; background: var(–mg-accent); color: #fff; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 10px; text-transform: uppercase; }
.mg-input-wrapper { margin-bottom: 22px; text-align: left; }
.mg-input-wrapper label { display: block; margin-bottom: 8px; font-weight: 600; text-align: left; }
.mg-input-wrapper label i { color: var(–mg-accent); margin-right: 6px; }
.mg-input-wrapper input { width: 100%; padding: 16px; border: 1px solid #ccc; border-radius: 8px; font-size: 16px; text-align: left; direction: ltr; }
.mg-input-wrapper input:focus { outline: none; border-color: var(–mg-primary); }
/* FOOTER PREMIUM */
.mg-premium-footer { background-color: #0b1517; color: #ffffff; padding: 50px 20px 30px 20px; text-align: center; border-top: 3px solid var(–mg-accent); }
.mg-footer-brand { font-family: var(–mg-font-title); font-size: 24px; font-weight: 700; color: #ffffff; margin-bottom: 10px; }
.mg-footer-brand span { color: var(–mg-accent); }
.mg-footer-support { font-size: 14.5px; color: #b0bec5; margin-bottom: 25px; }
.mg-footer-email a { color: var(–mg-accent); text-decoration: none; font-weight: 700; font-size: 16px; }
.mg-footer-legal-links { display: flex; justify-content: center; gap: 25px; flex-wrap: wrap; margin-bottom: 30px; border-top: 1px solid #263238; padding-top: 25px; }
.mg-footer-legal-links a { color: #90a4ae; text-decoration: none; font-size: 13.5px; }
.mg-footer-copyright { font-size: 12.5px; color: #546e7a; }
/* RESPONSIVE */
@media (max-width: 992px) {
.mg-hero-section, .mg-benefits-grid, .mg-reviews-grid, .mg-guarantees-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
.mg-flex-row, .mg-flex-row.reverse { flex-direction: column; gap: 40px; }
}
@media (max-width: 600px) {
.mg-brand-logo { max-height: 44px; }
.mg-hero-section, .mg-benefits-grid, .mg-reviews-grid, .mg-guarantees-grid { grid-template-columns: 1fr; }
.mg-form-container { padding: 20px; } /* Légèrement réduit pour donner plus d’espace */
.mg-main-image { height: 300px; }
.mg-thumb { height: 65px; }
.mg-trust-box-bottom { flex-direction: column; align-items: flex-start; }
/* FIX POUR LE BOUTON COMMANDER SUR MOBILE */
.mg-cta-btn {
font-size: 14px !important; /* Police plus petite */
padding: 15px 10px !important; /* Moins de marges intérieures */
white-space: normal !important; /* Permet au texte de passer à la ligne si besoin */
line-height: 1.4 !important;
}
}
}

🔥 Plus que 23 flacons disponibles à ce prix, Livraison GRATUITE partout au Maroc aujourd’hui !

Commander

MAGNÉSIUM GLYCINATE 500 MG

Dès 249 DH

توصيل مجاني
إلى جميع أنحاء المغرب
LIVRAISON GRATUITE
PARTOUT AU MAROC
إلى جميع المدنPartout au Maroc
سريعة وموثوقةRapide & Fiable
آمنة ومضمونةSécurisée & Garantie

• Sommeil réparateur
• Anti-stress & Relaxation
• Réduction des crampes

Voir les offres

Pourquoi choisir le magnésium Glycinate 500 mg ?

La forme glycinate est chélatée, ce qui lui confère une haute absorption biologique par rapport aux autres types de magnésium basiques.

Elle traverse la barrière intestinale en toute sécurité, garantissant que chaque milligramme profite directement à vos cellules nerveuses et musculaires.

Une formule premium et douce

Notre formule premium est spécialement purifiée pour éliminer tout effet laxatif indésirable. Elle s’adresse aux personnes exigeantes recherchant le maximum de confort digestif.

Profitez d’une logistique simplifiée avec notre service de paiement à la livraison et une livraison rapide partout au Maroc directement chez vous.

Livraison partout au Maroc

Paiement à la livraison

Support WhatsApp

Achat sécurisé

Choisissez votre cure

Sélectionnez votre offre et entrez vos coordonnées réelles pour valider l’envoi de votre colis immédiatement.