{"product_id":"eau-vittel","title":"Eau Vittel","description":"\u003c!-- =========================================================\n     FICHE PRODUIT — VITTEL — INTRODUCTION + COMPOSITION MINÉRALE\n     À coller dans la description HTML du produit Shopify.\n     ========================================================= --\u003e\n\u003cstyle\u003e\n  .tm-product-sheet,\n  .tm-product-sheet * {\n    box-sizing: border-box;\n  }\n\n  .tm-product-sheet {\n    --tm-navy: #10233f;\n    --tm-blue: #1673d8;\n    --tm-text: #5d718a;\n    --tm-muted: #70849d;\n    --tm-border: #e6eef7;\n    --tm-track: #e8eef5;\n\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto 36px;\n    font-family: inherit;\n  }\n\n  \/* ---------- Présentation du produit ---------- *\/\n\n  .tm-product-intro {\n    padding: 32px;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at top right, rgba(62, 158, 255, 0.12), transparent 34%),\n      linear-gradient(135deg, #f8fbff, #ffffff);\n    border: 1px solid var(--tm-border);\n    border-radius: 22px;\n    box-shadow: 0 12px 35px rgba(16, 35, 63, 0.06);\n  }\n\n  .tm-product-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    margin-bottom: 18px;\n    padding: 8px 14px;\n    color: var(--tm-blue);\n    background: #eaf4ff;\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1.3;\n  }\n\n  .tm-product-title {\n    margin: 0 0 12px;\n    color: var(--tm-navy);\n    font-size: clamp(32px, 5vw, 40px);\n    font-weight: 800;\n    line-height: 1.15;\n    letter-spacing: -0.025em;\n  }\n\n  .tm-product-description {\n    max-width: 900px;\n    margin: 0 0 28px;\n    color: var(--tm-text);\n    font-size: 17px;\n    line-height: 1.8;\n  }\n\n  .tm-product-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 18px;\n  }\n\n  .tm-product-card {\n    min-height: 168px;\n    padding: 20px;\n    background: #ffffff;\n    border: 1px solid #edf2f8;\n    border-radius: 16px;\n    box-shadow: 0 7px 20px rgba(16, 35, 63, 0.035);\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n\n  .tm-product-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 28px rgba(16, 35, 63, 0.08);\n  }\n\n  .tm-product-card--blue {\n    color: #ffffff;\n    background: linear-gradient(145deg, #2789e7, #1673d8);\n    border-color: transparent;\n  }\n\n  .tm-product-card--navy {\n    color: #ffffff;\n    background: linear-gradient(145deg, #18385f, #10233f);\n    border-color: transparent;\n  }\n\n  .tm-product-icon {\n    font-size: 28px;\n    line-height: 1;\n  }\n\n  .tm-product-label {\n    margin-top: 11px;\n    color: #7b90aa;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .tm-product-card--blue .tm-product-label,\n  .tm-product-card--navy .tm-product-label {\n    color: rgba(255, 255, 255, 0.78);\n  }\n\n  .tm-product-value {\n    margin-top: 8px;\n    color: var(--tm-navy);\n    font-size: 17px;\n    font-weight: 750;\n    line-height: 1.45;\n  }\n\n  .tm-product-card--blue .tm-product-value,\n  .tm-product-card--navy .tm-product-value {\n    color: #ffffff;\n  }\n\n  .tm-product-detail {\n    margin-top: 4px;\n    color: #66798f;\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  .tm-product-card--blue .tm-product-detail,\n  .tm-product-card--navy .tm-product-detail {\n    color: rgba(255, 255, 255, 0.86);\n  }\n\n  .tm-product-number {\n    margin-top: 8px;\n    color: inherit;\n    font-size: 36px;\n    font-weight: 800;\n    line-height: 1.1;\n  }\n\n  .tm-product-list {\n    margin: 8px 0 0;\n    padding: 0;\n    list-style: none;\n    color: var(--tm-navy);\n    font-size: 14px;\n    line-height: 1.75;\n  }\n\n  .tm-product-list li::before {\n    content: \"✓\";\n    margin-right: 7px;\n    color: var(--tm-blue);\n    font-weight: 800;\n  }\n\n  .tm-product-footnote {\n    margin: 22px 0 0;\n    color: var(--tm-muted);\n    font-size: 13px;\n    line-height: 1.65;\n  }\n\n  .tm-stock-note {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 18px;\n    padding: 9px 13px;\n    color: #8b4b00;\n    background: #fff5df;\n    border: 1px solid #f4dfb5;\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 750;\n  }\n\n  \/* ---------- Composition minérale ---------- *\/\n\n  .tm-mineral-profile {\n    max-width: 820px;\n    margin: 36px auto 0;\n    padding: 42px;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at top right, rgba(62, 158, 255, 0.14), transparent 34%),\n      linear-gradient(145deg, #ffffff, #f7fbff);\n    border: 1px solid rgba(120, 156, 194, 0.22);\n    border-radius: 28px;\n    box-shadow:\n      0 22px 65px rgba(24, 56, 92, 0.12),\n      inset 0 1px 0 rgba(255, 255, 255, 0.95);\n  }\n\n  .tm-mineral-header {\n    max-width: 620px;\n    margin: 0 auto 36px;\n    text-align: center;\n  }\n\n  .tm-mineral-drop {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 58px;\n    height: 58px;\n    margin-bottom: 16px;\n    background: linear-gradient(145deg, #ffffff, #e8f4ff);\n    border: 1px solid rgba(42, 130, 220, 0.22);\n    border-radius: 18px;\n    box-shadow:\n      0 12px 28px rgba(45, 124, 205, 0.14),\n      inset 0 1px 0 #ffffff;\n    font-size: 27px;\n  }\n\n  .tm-mineral-eyebrow {\n    margin: 0 0 8px;\n    color: #3186df;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n  }\n\n  .tm-mineral-title {\n    margin: 0 0 12px;\n    color: var(--tm-navy);\n    font-size: clamp(30px, 5vw, 45px);\n    font-weight: 800;\n    line-height: 1.08;\n    letter-spacing: -0.035em;\n  }\n\n  .tm-mineral-subtitle {\n    margin: 0;\n    color: var(--tm-text);\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .tm-mineral-list {\n    display: grid;\n    gap: 13px;\n  }\n\n  .tm-mineral-item {\n    --tm-color: #2879dc;\n    --tm-light: #62b5ff;\n\n    display: grid;\n    grid-template-columns: 58px minmax(0, 1fr);\n    gap: 17px;\n    align-items: center;\n    padding: 16px 17px;\n    background: rgba(255, 255, 255, 0.74);\n    border: 1px solid rgba(142, 169, 198, 0.15);\n    border-radius: 18px;\n    box-shadow:\n      0 8px 24px rgba(31, 65, 103, 0.045),\n      inset 0 1px 0 rgba(255, 255, 255, 0.96);\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n\n  .tm-mineral-item:hover {\n    transform: translateY(-2px);\n    box-shadow:\n      0 14px 32px rgba(31, 65, 103, 0.09),\n      inset 0 1px 0 #ffffff;\n  }\n\n  .tm-mineral-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 58px;\n    height: 58px;\n    color: var(--tm-color);\n    background: linear-gradient(145deg, #ffffff, #f1f7fd);\n    border: 1px solid var(--tm-color);\n    border-radius: 50%;\n    box-shadow:\n      0 8px 20px rgba(31, 65, 103, 0.09),\n      inset 0 1px 0 #ffffff;\n    font-size: 14px;\n    font-weight: 800;\n    letter-spacing: -0.03em;\n  }\n\n  .tm-mineral-content {\n    min-width: 0;\n  }\n\n  .tm-mineral-top {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: 15px;\n    margin-bottom: 9px;\n  }\n\n  .tm-mineral-name {\n    color: var(--tm-navy);\n    font-size: 16px;\n    font-weight: 750;\n  }\n\n  .tm-mineral-value {\n    flex: 0 0 auto;\n    color: var(--tm-color);\n    font-size: 16px;\n    font-weight: 800;\n    white-space: nowrap;\n  }\n\n  .tm-mineral-meter {\n    display: block;\n    width: 100%;\n    height: 10px;\n    overflow: hidden;\n    appearance: none;\n    -webkit-appearance: none;\n    background: var(--tm-track);\n    border: 0;\n    border-radius: 999px;\n  }\n\n  .tm-mineral-meter::-webkit-meter-bar {\n    height: 10px;\n    background: var(--tm-track);\n    border: 0;\n    border-radius: 999px;\n    box-shadow: inset 0 1px 2px rgba(18, 45, 78, 0.09);\n  }\n\n  .tm-mineral-meter::-webkit-meter-optimum-value {\n    background: linear-gradient(90deg, var(--tm-light), var(--tm-color));\n    border-radius: 999px;\n    box-shadow: 0 3px 9px rgba(30, 84, 145, 0.18);\n  }\n\n  .tm-mineral-meter::-moz-meter-bar {\n    background: linear-gradient(90deg, var(--tm-light), var(--tm-color));\n    border-radius: 999px;\n  }\n\n  .tm-mineral-note {\n    display: flex;\n    gap: 11px;\n    align-items: flex-start;\n    margin-top: 27px;\n    padding: 16px 18px;\n    color: #59708c;\n    background: rgba(231, 242, 254, 0.72);\n    border: 1px solid rgba(78, 147, 218, 0.14);\n    border-radius: 15px;\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  .tm-mineral-note strong {\n    color: #284d77;\n  }\n\n  .tm-mineral-note-icon {\n    flex: 0 0 auto;\n    color: #2f84dd;\n    font-size: 16px;\n    font-weight: 800;\n  }\n\n  @media screen and (max-width: 640px) {\n    .tm-product-intro {\n      padding: 24px 16px;\n      border-radius: 18px;\n    }\n\n    .tm-product-description {\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    .tm-product-grid {\n      grid-template-columns: 1fr;\n      gap: 13px;\n    }\n\n    .tm-product-card {\n      min-height: 0;\n      padding: 17px;\n    }\n\n    .tm-mineral-profile {\n      margin-top: 24px;\n      padding: 29px 16px;\n      border-radius: 22px;\n    }\n\n    .tm-mineral-header {\n      margin-bottom: 28px;\n    }\n\n    .tm-mineral-subtitle {\n      font-size: 14px;\n    }\n\n    .tm-mineral-item {\n      grid-template-columns: 46px minmax(0, 1fr);\n      gap: 12px;\n      padding: 13px 12px;\n      border-radius: 15px;\n    }\n\n    .tm-mineral-icon {\n      width: 46px;\n      height: 46px;\n      font-size: 12px;\n    }\n\n    .tm-mineral-name,\n    .tm-mineral-value {\n      font-size: 14px;\n    }\n\n    .tm-mineral-meter,\n    .tm-mineral-meter::-webkit-meter-bar {\n      height: 9px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"tm-product-sheet\"\u003e\n\u003csection aria-labelledby=\"tm-vittel-title\" class=\"tm-product-intro\"\u003e\u003cbr\u003e\n\u003cp class=\"tm-product-description\"\u003eNé au coeur des Vosges, Vittel est une eau minérale naturelle reconnue pour sa richesse en calcium et en sulfates. Sa composition minérale équilibrée et son goût frais en font une eau de caractère, adaptée à une consommation régulière dans le cadre d’une alimentation variée.\u003c\/p\u003e\n\u003cdiv class=\"tm-product-grid\"\u003e\n\u003carticle class=\"tm-product-card\"\u003e\n\u003cdiv class=\"tm-product-label\"\u003eOrigine\u003c\/div\u003e\n\u003cdiv class=\"tm-product-value\"\u003eVosges\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tm-product-card\"\u003e\n\u003cdiv class=\"tm-product-label\"\u003eMinéralisation\u003c\/div\u003e\n\u003cdiv class=\"tm-product-value\"\u003eRiche en calcium\u003c\/div\u003e\n\u003cdiv class=\"tm-product-detail\"\u003e240 mg\/L de calcium\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tm-product-card\"\u003e\n\u003cdiv class=\"tm-product-label\"\u003eProfil minéral\u003c\/div\u003e\n\u003cdiv class=\"tm-product-value\"\u003eCalcium • Magnésium • Sulfates\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tm-product-card\"\u003e\n\u003cdiv class=\"tm-product-label\"\u003eGoût\u003c\/div\u003e\n\u003cdiv class=\"tm-product-value\"\u003eFrais • Minéral\u003c\/div\u003e\n\u003cdiv class=\"tm-product-detail\"\u003eCaractère équilibré\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tm-product-card tm-product-card--blue\"\u003e\n\u003cdiv class=\"tm-product-label\"\u003eSodium\u003c\/div\u003e\n\u003cdiv class=\"tm-product-number\"\u003e5,2 mg\/L\u003c\/div\u003e\n\u003cdiv class=\"tm-product-detail\"\u003eFaible teneur en sodium\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tm-product-card tm-product-card--navy\"\u003e\n\u003cdiv class=\"tm-product-label\"\u003eRésidu sec à 180 °C\u003c\/div\u003e\n\u003cdiv class=\"tm-product-number\"\u003e1 084 mg\/L\u003c\/div\u003e\n\u003cdiv class=\"tm-product-detail\"\u003eForte minéralisation\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cp class=\"tm-product-footnote\"\u003eLes valeurs minérales indiquées sont celles communiquées sur l’étiquetage du produit. En cas de régime médical particulier, demander conseil à un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection aria-labelledby=\"tm-mineral-title\" class=\"tm-mineral-profile\"\u003e\u003cheader class=\"tm-mineral-header\"\u003e\n\u003ch2 class=\"tm-mineral-title\" id=\"tm-mineral-title\"\u003eComposition minérale\u003c\/h2\u003e\n\u003cp class=\"tm-mineral-subtitle\"\u003eValeurs moyennes indiquées en milligrammes par litre.\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"tm-mineral-list\"\u003e\n\u003cdiv style=\"--tm-color: #35a853; --tm-light: #7bdc69;\" class=\"tm-mineral-item\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"tm-mineral-icon\"\u003eCa\u003c\/div\u003e\n\u003cdiv class=\"tm-mineral-content\"\u003e\n\u003cdiv class=\"tm-mineral-top\"\u003e\n\u003cspan class=\"tm-mineral-name\"\u003eCalcium\u003c\/span\u003e \u003cspan class=\"tm-mineral-value\"\u003e240 mg\/L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cmeter max=\"400\" min=\"0\" value=\"240\" title=\"Calcium : 240 mg\/L\" class=\"tm-mineral-meter\"\u003e240 mg\/L\u003c\/meter\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--tm-color: #139da6; --tm-light: #54d4d0;\" class=\"tm-mineral-item\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"tm-mineral-icon\"\u003eMg\u003c\/div\u003e\n\u003cdiv class=\"tm-mineral-content\"\u003e\n\u003cdiv class=\"tm-mineral-top\"\u003e\n\u003cspan class=\"tm-mineral-name\"\u003eMagnésium\u003c\/span\u003e \u003cspan class=\"tm-mineral-value\"\u003e42 mg\/L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cmeter max=\"400\" min=\"0\" value=\"42\" title=\"Magnésium : 42 mg\/L\" class=\"tm-mineral-meter\"\u003e42 mg\/L\u003c\/meter\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--tm-color: #f27c00; --tm-light: #ffb03c;\" class=\"tm-mineral-item\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"tm-mineral-icon\"\u003eNa\u003c\/div\u003e\n\u003cdiv class=\"tm-mineral-content\"\u003e\n\u003cdiv class=\"tm-mineral-top\"\u003e\n\u003cspan class=\"tm-mineral-name\"\u003eSodium\u003c\/span\u003e \u003cspan class=\"tm-mineral-value\"\u003e5,2 mg\/L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cmeter max=\"400\" min=\"0\" value=\"5.2\" title=\"Sodium : 5,2 mg\/L\" class=\"tm-mineral-meter\"\u003e5,2 mg\/L\u003c\/meter\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--tm-color: #176be4; --tm-light: #49a8ff;\" class=\"tm-mineral-item\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"tm-mineral-icon\"\u003eHCO₃\u003c\/div\u003e\n\u003cdiv class=\"tm-mineral-content\"\u003e\n\u003cdiv class=\"tm-mineral-top\"\u003e\n\u003cspan class=\"tm-mineral-name\"\u003eHydrogénocarbonates\u003c\/span\u003e \u003cspan class=\"tm-mineral-value\"\u003e384 mg\/L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cmeter max=\"400\" min=\"0\" value=\"384\" title=\"Hydrogénocarbonates : 384 mg\/L\" class=\"tm-mineral-meter\"\u003e384 mg\/L\u003c\/meter\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--tm-color: #7440c4; --tm-light: #ad7bec;\" class=\"tm-mineral-item\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"tm-mineral-icon\"\u003eSO₄\u003c\/div\u003e\n\u003cdiv class=\"tm-mineral-content\"\u003e\n\u003cdiv class=\"tm-mineral-top\"\u003e\n\u003cspan class=\"tm-mineral-name\"\u003eSulfates\u003c\/span\u003e \u003cspan class=\"tm-mineral-value\"\u003e400 mg\/L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cmeter max=\"400\" min=\"0\" value=\"400\" title=\"Sulfates : 400 mg\/L\" class=\"tm-mineral-meter\"\u003e400 mg\/L\u003c\/meter\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--tm-color: #159d91; --tm-light: #51d3c1;\" class=\"tm-mineral-item\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"tm-mineral-icon\"\u003eNO₃\u003c\/div\u003e\n\u003cdiv class=\"tm-mineral-content\"\u003e\n\u003cdiv class=\"tm-mineral-top\"\u003e\n\u003cspan class=\"tm-mineral-name\"\u003eNitrates\u003c\/span\u003e \u003cspan class=\"tm-mineral-value\"\u003e4,4 mg\/L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cmeter max=\"400\" min=\"0\" value=\"4.4\" title=\"Nitrates : 4,4 mg\/L\" class=\"tm-mineral-meter\"\u003e4,4 mg\/L\u003c\/meter\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tm-mineral-note\"\u003e\n\u003cspan aria-hidden=\"true\" class=\"tm-mineral-note-icon\"\u003eⓘ\u003c\/span\u003e \u003cspan\u003e \u003cstrong\u003eValeurs moyennes en mg\/L.\u003c\/strong\u003e La longueur des barres sert uniquement à comparer les différents éléments de cette eau et ne constitue pas une recommandation nutritionnelle. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"TI CHIMEN","offers":[{"title":"pack 1.5 L","offer_id":58019644309887,"sku":null,"price":8.47,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0908\/7893\/5423\/files\/vittel.jpg?v=1784576848","url":"https:\/\/tichimen.fr\/products\/eau-vittel","provider":"TI CHIMEN","version":"1.0","type":"link"}