{"product_id":"magnesium-complex","title":"OOVI Gummies — Magnésium Complex","description":"\u003cdiv class=\"oovi-product-details\"\u003e\n\u003cp class=\"oovi-product-copy\"\u003eBesoin de ralentir un peu après une journée chargée ? \u003cstrong\u003eOOVI Magnésium Complex\u003c\/strong\u003e associe du \u003cstrong\u003emagnésium bisglycinate\u003c\/strong\u003e à de la \u003cstrong\u003evalériane\u003c\/strong\u003e dans des gummies faciles à intégrer à ta routine du soir. Une formule simple, pensée pour accompagner les moments de calme, de récupération et de détente au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"oovi-benefits\"\u003e\n\u003cdiv class=\"oovi-benefit oovi-benefit-1\"\u003e\n\u003cdiv class=\"oovi-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M9.2 16.6 4.8 12.2l1.8-1.8 2.6 2.6 8.2-8.2 1.8 1.8z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"oovi-benefit-content\"\u003e\n\u003cspan class=\"oovi-mini-label\"\u003eFORMULE\u003c\/span\u003e \u003cstrong\u003eMagnésium bisglycinate + valériane\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cspan class=\"oovi-pop-shape\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oovi-benefit oovi-benefit-2\"\u003e\n\u003cdiv class=\"oovi-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M9.2 16.6 4.8 12.2l1.8-1.8 2.6 2.6 8.2-8.2 1.8 1.8z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"oovi-benefit-content\"\u003e\n\u003cspan class=\"oovi-mini-label\"\u003eROUTINE\u003c\/span\u003e \u003cstrong\u003e2 gummies par jour, de préférence le soir\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cspan class=\"oovi-pop-shape\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"oovi-benefit oovi-benefit-3\"\u003e\n\u003cdiv class=\"oovi-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M9.2 16.6 4.8 12.2l1.8-1.8 2.6 2.6 8.2-8.2 1.8 1.8z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"oovi-benefit-content\"\u003e\n\u003cspan class=\"oovi-mini-label\"\u003eFORMAT\u003c\/span\u003e \u003cstrong\u003eFlacon de 25 gummies\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cspan class=\"oovi-pop-shape\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .oovi-product-details {\n    --oovi-blue: #001D94;\n    --oovi-pistachio: #D4F826;\n    --oovi-text: #202124;\n    --oovi-card: #F7F8FC;\n    --oovi-card-alt: #F9FBEF;\n\n    width: 100%;\n    font-family: Inter, Arial, sans-serif;\n    color: var(--oovi-blue);\n  }\n\n  \/* DESCRIPTION *\/\n\n  .oovi-product-copy {\n    margin: 0 0 28px;\n    color: var(--oovi-text);\n    font-size: 17px;\n    line-height: 1.62;\n  }\n\n  .oovi-product-copy strong {\n    color: var(--oovi-blue);\n    font-weight: 700;\n  }\n\n  \/* BENEFITS WRAPPER *\/\n\n  .oovi-benefits {\n    display: grid;\n    gap: 12px;\n  }\n\n  \/* BENEFIT CARD *\/\n\n  .oovi-benefit {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    gap: 14px;\n\n    min-height: 72px;\n\n    padding: 14px 48px 14px 14px;\n\n    overflow: hidden;\n\n    border: 0;\n    border-radius: 18px;\n\n    background: var(--oovi-card);\n  }\n\n  .oovi-benefit-1 {\n    background: var(--oovi-card);\n  }\n\n  .oovi-benefit-2 {\n    background: var(--oovi-card-alt);\n  }\n\n  .oovi-benefit-3 {\n    background: var(--oovi-card);\n  }\n\n  \/* CHECK ICON *\/\n\n  .oovi-icon {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 42px;\n    height: 42px;\n    min-width: 42px;\n\n    border-radius: 50%;\n\n    background: var(--oovi-pistachio);\n  }\n\n  .oovi-icon svg {\n    width: 20px;\n    height: 20px;\n    fill: var(--oovi-blue);\n  }\n\n  \/* CONTENT *\/\n\n  .oovi-benefit-content {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    gap: 5px;\n  }\n\n  .oovi-benefit strong {\n    color: var(--oovi-blue);\n\n    font-family: Prompt, Inter, Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.25;\n  }\n\n  \/* MINI LABEL *\/\n\n  .oovi-mini-label {\n    display: inline-flex;\n    align-items: center;\n\n    width: fit-content;\n\n    padding: 4px 8px;\n\n    border-radius: 999px;\n\n    background: var(--oovi-pistachio);\n    color: var(--oovi-blue);\n\n    font-family: Inter, Arial, sans-serif;\n    font-size: 10px;\n    font-weight: 800;\n    line-height: 1;\n\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  \/* POP CORNER *\/\n\n  .oovi-pop-shape {\n    position: absolute;\n    z-index: 1;\n\n    width: 58px;\n    height: 58px;\n\n    right: -30px;\n    bottom: -31px;\n\n    border-radius: 50%;\n\n    background: var(--oovi-pistachio);\n  }\n\n  \/* BLUE MICRO DOT *\/\n\n  .oovi-benefit::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 1;\n\n    width: 10px;\n    height: 10px;\n\n    right: 24px;\n    top: 18px;\n\n    border-radius: 50%;\n\n    background: var(--oovi-blue);\n  }\n\n  .oovi-benefit-2::after {\n    width: 8px;\n    height: 8px;\n\n    top: auto;\n    bottom: 18px;\n  }\n\n  .oovi-benefit-3::after {\n    width: 12px;\n    height: 12px;\n\n    top: 16px;\n  }\n\n  \/* DESKTOP HOVER *\/\n\n  @media (hover: hover) {\n    .oovi-benefit {\n      transition:\n        transform 0.18s ease,\n        background 0.18s ease;\n    }\n\n    .oovi-benefit:hover {\n      transform: translateX(3px);\n      background: #F5F9D9;\n    }\n  }\n\n  \/* MOBILE *\/\n\n  @media (max-width: 749px) {\n    .oovi-product-copy {\n      margin-bottom: 22px;\n\n      font-size: 15px;\n      line-height: 1.55;\n    }\n\n    .oovi-benefits {\n      gap: 10px;\n    }\n\n    .oovi-benefit {\n      min-height: 66px;\n\n      padding: 12px 40px 12px 12px;\n\n      gap: 11px;\n\n      border-radius: 15px;\n    }\n\n    .oovi-icon {\n      width: 37px;\n      height: 37px;\n      min-width: 37px;\n    }\n\n    .oovi-icon svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    .oovi-benefit strong {\n      font-size: 14px;\n    }\n\n    .oovi-mini-label {\n      padding: 4px 7px;\n      font-size: 9px;\n    }\n\n    .oovi-pop-shape {\n      width: 48px;\n      height: 48px;\n\n      right: -25px;\n      bottom: -25px;\n    }\n  }\n\n  \/* ACCESSIBILITY *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    .oovi-benefit {\n      transition: none;\n    }\n  }\n\u003c\/style\u003e","brand":"OOVI","offers":[{"title":"Default Title","offer_id":48102655819974,"sku":null,"price":199.0,"currency_code":"MAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/7489\/1974\/files\/oovi-magnesium-complex-gummies-maroc-face.png?v=1790965778","url":"https:\/\/getoovi.com\/products\/magnesium-complex","provider":"OOVI","version":"1.0","type":"link"}