{"product_id":"500ml-collapsible-running-water-bottle-lightweight-soft-flask-for-hydration-vests","title":"Gourde pliable de 500 ml pour la course à pied – Flasque souple légère pour gilets d’hydratation","description":"\u003cstyle\u003e\n\/* ==========================================================\n   500ML COLLAPSIBLE RUNNING SOFT FLASK\n   16-MODULE SHOPIFY PRODUCT DETAIL PAGE\n\n   UNIFIED MAIN BACKGROUND: ALPINE MIST #EEF5F3\n   ACCENTS: GLACIER BLUE \/ SAGE GREEN \/ SOFT CREAM\n   TITLE: SEVEN-STOP ONE-WAY GRADIENT FLOW\n   NO IMAGES \/ NO IMAGE PLACEHOLDERS \/ NO JAVASCRIPT\n   ALL SECTIONS CONNECTED WITHOUT GAPS\n========================================================== *\/\n\n#running-soft-flask{\n  --sf-bg:#eef5f3;\n  --sf-white:#fffefd;\n  --sf-ice:#e4f1f5;\n  --sf-sage:#e5eee7;\n  --sf-cream:#f8f3e9;\n  --sf-softblue:#edf3f9;\n  --sf-navy:#244c59;\n  --sf-blue:#3a7991;\n  --sf-green:#508375;\n  --sf-gold:#b19a69;\n  --sf-text:#374e56;\n  --sf-muted:#62777d;\n  --sf-line:rgba(52,102,112,.15);\n  --sf-shadow:0 5px 18px rgba(50,91,103,.045);\n\n  width:100%;\n  max-width:1140px;\n  margin:0 auto;\n  padding:0;\n  overflow:hidden;\n  box-sizing:border-box;\n  border:1px solid var(--sf-line);\n  border-radius:20px;\n  background:#eef5f3;\n  color:var(--sf-text);\n  font-family:Arial,Helvetica,sans-serif;\n  font-size:14px;\n  line-height:1.75;\n}\n\n#running-soft-flask *,\n#running-soft-flask *::before,\n#running-soft-flask *::after{\n  box-sizing:border-box;\n}\n\n#running-soft-flask h1,\n#running-soft-flask h2,\n#running-soft-flask h3,\n#running-soft-flask p{\n  margin:0;\n}\n\n\/* ==========================================================\n   UNIFIED LARGE SECTION BACKGROUND\n========================================================== *\/\n\n#running-soft-flask .sf-section{\n  position:relative;\n  isolation:isolate;\n  width:100%;\n  margin:0;\n  padding:39px 34px;\n  border:0;\n  border-bottom:1px solid var(--sf-line);\n  border-radius:0;\n  background:#eef5f3!important;\n  text-align:center;\n  overflow:hidden;\n}\n\n#running-soft-flask .sf-section:last-child{\n  border-bottom:0;\n}\n\n#running-soft-flask .sf-section\u003e*{\n  position:relative;\n  z-index:1;\n}\n\n\/* SUBTLE NATURE-INSPIRED TEXTURES *\/\n\n#running-soft-flask .sf-pattern::before,\n#running-soft-flask .sf-pattern::after{\n  content:\"\";\n  position:absolute;\n  z-index:0;\n  pointer-events:none;\n  width:150px;\n  height:120px;\n  opacity:.17;\n  background-repeat:repeat;\n}\n\n#running-soft-flask .sf-pattern::before{\n  top:0;\n  right:0;\n  -webkit-mask-image:linear-gradient(\n    225deg,#000,transparent 94%\n  );\n  mask-image:linear-gradient(\n    225deg,#000,transparent 94%\n  );\n}\n\n#running-soft-flask .sf-pattern::after{\n  bottom:0;\n  left:0;\n  -webkit-mask-image:linear-gradient(\n    45deg,#000,transparent 94%\n  );\n  mask-image:linear-gradient(\n    45deg,#000,transparent 94%\n  );\n}\n\n#running-soft-flask .sf-dots::before,\n#running-soft-flask .sf-dots::after{\n  background-image:radial-gradient(\n    circle,\n    rgba(58,121,145,.22) 0 2px,\n    transparent 3px\n  );\n  background-size:23px 23px;\n}\n\n#running-soft-flask .sf-lines::before,\n#running-soft-flask .sf-lines::after{\n  background-image:repeating-linear-gradient(\n    135deg,\n    transparent 0 17px,\n    rgba(72,136,126,.14) 18px 19px,\n    transparent 20px 37px\n  );\n  background-size:48px 48px;\n}\n\n#running-soft-flask .sf-grid-pattern::before,\n#running-soft-flask .sf-grid-pattern::after{\n  background-image:\n    linear-gradient(\n      rgba(64,121,135,.13) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(64,121,135,.13) 1px,\n      transparent 1px\n    );\n  background-size:26px 26px;\n}\n\n\/* EYEBROW *\/\n\n#running-soft-flask .sf-eyebrow{\n  display:inline-block;\n  margin:0 auto 13px;\n  padding:6px 14px;\n  border:1px solid #d5e4e2;\n  border-radius:999px;\n  background:var(--sf-white);\n  color:#538377;\n  font-size:10px;\n  font-weight:800;\n  line-height:1.55;\n  letter-spacing:1.35px;\n  text-transform:uppercase;\n}\n\n\/* ==========================================================\n   FIXED SEVEN-STOP TITLE FLOW\n========================================================== *\/\n\n#running-soft-flask .sf-title{\n  max-width:920px;\n  margin:0 auto 14px;\n  color:#244c59;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(26px,3.2vw,38px);\n  font-weight:700;\n  line-height:1.2;\n  letter-spacing:-.6px;\n  overflow-wrap:break-word;\n}\n\n#running-soft-flask .sf-hero-title{\n  font-size:clamp(32px,4.6vw,49px);\n  line-height:1.12;\n}\n\n@supports (-webkit-background-clip:text){\n  #running-soft-flask .sf-title{\n    background-image:linear-gradient(\n      90deg,\n      #244c59 0%,\n      #397c8d 19%,\n      #4e8072 38%,\n      #7a966f 53%,\n      #39798e 68%,\n      #315f71 83%,\n      #244c59 100%\n    );\n    background-size:240% 100%;\n    background-position:100% 50%;\n    background-repeat:repeat;\n    -webkit-background-clip:text;\n    background-clip:text;\n    -webkit-text-fill-color:transparent;\n    animation:sf-title-flow 15s linear infinite;\n  }\n}\n\n@keyframes sf-title-flow{\n  0%{\n    background-position:100% 50%;\n  }\n  100%{\n    background-position:-140% 50%;\n  }\n}\n\n\/* BODY COPY *\/\n\n#running-soft-flask .sf-lead{\n  max-width:810px;\n  margin:0 auto 15px;\n  color:#365e6c;\n  font-size:16px;\n  font-weight:600;\n  line-height:1.85;\n}\n\n#running-soft-flask .sf-copy{\n  max-width:830px;\n  margin:0 auto 14px;\n  color:var(--sf-muted);\n  font-size:13px;\n  line-height:1.9;\n}\n\n#running-soft-flask .sf-highlight{\n  color:#326e80;\n  font-weight:800;\n}\n\n\/* FEATURE PILLS *\/\n\n#running-soft-flask .sf-pills{\n  display:flex;\n  flex-wrap:wrap;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n  margin:19px auto 10px;\n}\n\n#running-soft-flask .sf-pill{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:8px 12px;\n  border:1px solid #d7e5e1;\n  border-radius:999px;\n  background:#fffefd;\n  color:#437c77;\n  font-size:11px;\n  font-weight:750;\n  line-height:1.45;\n}\n\n\/* LIGHTWEIGHT CARD SYSTEM *\/\n\n#running-soft-flask .sf-grid{\n  display:grid;\n  gap:11px;\n  margin-top:21px;\n  text-align:left;\n}\n\n#running-soft-flask .sf-grid2{\n  grid-template-columns:repeat(2,minmax(0,1fr));\n}\n\n#running-soft-flask .sf-grid3{\n  grid-template-columns:repeat(3,minmax(0,1fr));\n}\n\n#running-soft-flask .sf-grid4{\n  grid-template-columns:repeat(4,minmax(0,1fr));\n}\n\n#running-soft-flask .sf-card{\n  min-width:0;\n  padding:18px 16px;\n  border:1px solid #d8e6e3;\n  border-radius:16px;\n  background:var(--sf-white);\n  box-shadow:var(--sf-shadow);\n}\n\n#running-soft-flask .sf-card:nth-child(4n+2){\n  background:var(--sf-ice);\n}\n\n#running-soft-flask .sf-card:nth-child(4n+3){\n  background:var(--sf-sage);\n}\n\n#running-soft-flask .sf-card:nth-child(4n+4){\n  background:var(--sf-cream);\n}\n\n#running-soft-flask .sf-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:42px;\n  height:42px;\n  margin-bottom:10px;\n  border:1px solid #d9e7e5;\n  border-radius:13px;\n  background:#fffefd;\n  font-size:20px;\n}\n\n#running-soft-flask .sf-card h3{\n  margin:0 0 7px;\n  color:#305e68;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:17px;\n  font-weight:700;\n  line-height:1.38;\n}\n\n#running-soft-flask .sf-card p{\n  color:#63777b;\n  font-size:12px;\n  line-height:1.82;\n}\n\n\/* METRIC STRIP *\/\n\n#running-soft-flask .sf-stats{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:9px;\n  max-width:820px;\n  margin:21px auto 0;\n}\n\n#running-soft-flask .sf-stat{\n  padding:16px 10px;\n  border:1px solid #d8e5e4;\n  border-radius:14px;\n  background:#fffefd;\n}\n\n#running-soft-flask .sf-stat:nth-child(2){\n  background:#e4f1f5;\n}\n\n#running-soft-flask .sf-stat:nth-child(3){\n  background:#e5eee7;\n}\n\n#running-soft-flask .sf-stat strong{\n  display:block;\n  color:#326f7b;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:25px;\n  line-height:1.25;\n}\n\n#running-soft-flask .sf-stat span{\n  display:block;\n  margin-top:6px;\n  color:#677d7e;\n  font-size:11px;\n  font-weight:650;\n  line-height:1.55;\n}\n\n\/* EMOTIONAL HIGHLIGHT *\/\n\n#running-soft-flask .sf-note{\n  max-width:835px;\n  margin:20px auto 0;\n  padding:17px 19px;\n  border:1px solid #d6e4df;\n  border-radius:15px;\n  background:#fffefd;\n  color:#4f7d73;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:16px;\n  font-style:italic;\n  line-height:1.75;\n}\n\n\/* SOFT VS RIGID COMPARISON *\/\n\n#running-soft-flask .sf-comparison{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:12px;\n  margin-top:23px;\n  text-align:left;\n}\n\n#running-soft-flask .sf-compare-box{\n  padding:19px 17px;\n  border:1px solid #d9e5e3;\n  border-radius:16px;\n  background:#fffefd;\n}\n\n#running-soft-flask .sf-compare-box.sf-featured{\n  border-color:#bfd9d4;\n  background:#e4f1ed;\n}\n\n#running-soft-flask .sf-compare-box h3{\n  margin:0 0 12px;\n  color:#315d69;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:20px;\n  line-height:1.4;\n}\n\n#running-soft-flask .sf-compare-box ul{\n  list-style:none;\n  margin:0;\n  padding:0;\n}\n\n#running-soft-flask .sf-compare-box li{\n  padding:9px 0;\n  border-bottom:1px solid rgba(58,112,120,.13);\n  color:#64787b;\n  font-size:12px;\n  line-height:1.7;\n}\n\n#running-soft-flask .sf-compare-box li:last-child{\n  border-bottom:0;\n}\n\n\/* HOW TO STEPS *\/\n\n#running-soft-flask .sf-step-number{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:39px;\n  height:39px;\n  margin-bottom:11px;\n  border:1px solid #cfe1de;\n  border-radius:50%;\n  background:#edf6f3;\n  color:#397c78;\n  font-size:15px;\n  font-weight:800;\n}\n\n\/* PACKAGE PANEL *\/\n\n#running-soft-flask .sf-package{\n  max-width:680px;\n  margin:22px auto 0;\n  padding:23px 18px;\n  border:1px solid #d7e5e1;\n  border-radius:18px;\n  background:#fffefd;\n}\n\n#running-soft-flask .sf-package-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:56px;\n  height:56px;\n  margin:0 auto 10px;\n  border-radius:17px;\n  background:#e4f1f5;\n  font-size:29px;\n}\n\n#running-soft-flask .sf-package h3{\n  margin:0 0 8px;\n  color:#305e68;\n  font-family:Georgia,serif;\n  font-size:21px;\n}\n\n#running-soft-flask .sf-package p{\n  max-width:550px;\n  margin:0 auto;\n  color:#63777b;\n  font-size:13px;\n  line-height:1.8;\n}\n\n\/* SPECIFICATION TABLE *\/\n\n#running-soft-flask .sf-specs{\n  overflow:hidden;\n  margin:20px auto 0;\n  border:1px solid #d5e3df;\n  border-radius:15px;\n  background:#fffefd;\n  text-align:left;\n}\n\n#running-soft-flask .sf-spec-row{\n  display:grid;\n  grid-template-columns:minmax(125px,.8fr) minmax(0,1.7fr);\n  border-bottom:1px solid #e1eae6;\n}\n\n#running-soft-flask .sf-spec-row:last-child{\n  border-bottom:0;\n}\n\n#running-soft-flask .sf-spec-label,\n#running-soft-flask .sf-spec-value{\n  padding:13px 15px;\n  font-size:12px;\n  line-height:1.75;\n  overflow-wrap:anywhere;\n}\n\n#running-soft-flask .sf-spec-label{\n  background:#e4f1ed;\n  color:#396e66;\n  font-weight:800;\n}\n\n#running-soft-flask .sf-spec-value{\n  color:#5e7277;\n}\n\n\/* FINAL CALL TO ACTION *\/\n\n#running-soft-flask .sf-final{\n  max-width:900px;\n  margin:21px auto 0;\n  padding:25px 20px;\n  border:1px solid #d4e4df;\n  border-radius:18px;\n  background:#fffefd;\n}\n\n#running-soft-flask .sf-final strong{\n  display:block;\n  max-width:770px;\n  margin:0 auto 11px;\n  color:#305e68;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:25px;\n  line-height:1.4;\n}\n\n#running-soft-flask .sf-final p{\n  max-width:780px;\n  margin:0 auto 13px;\n  color:#61777b;\n  font-size:13px;\n  line-height:1.9;\n}\n\n#running-soft-flask .sf-final-pills{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:8px;\n  margin:16px auto;\n}\n\n#running-soft-flask .sf-final-pills span{\n  padding:8px 11px;\n  border:1px solid #d5e3df;\n  border-radius:999px;\n  background:#e9f3f0;\n  color:#427b74;\n  font-size:11px;\n  font-weight:750;\n}\n\n#running-soft-flask .sf-final-line{\n  display:block;\n  margin:16px auto 0;\n  padding:12px;\n  border:1px solid #d7e7e4;\n  border-radius:12px;\n  background:#eaf4f2;\n  color:#477d76;\n  font-size:11px;\n  font-weight:800;\n  line-height:1.7;\n  letter-spacing:.65px;\n}\n\n\/* ==========================================================\n   MOBILE RESPONSIVE\n========================================================== *\/\n\n@media(max-width:749px){\n\n  #running-soft-flask{\n    border-radius:12px;\n    font-size:13px;\n  }\n\n  #running-soft-flask .sf-section{\n    padding:26px 15px;\n  }\n\n  #running-soft-flask .sf-title{\n    font-size:25px;\n    letter-spacing:-.3px;\n  }\n\n  #running-soft-flask .sf-hero-title{\n    font-size:32px;\n  }\n\n  #running-soft-flask .sf-lead{\n    font-size:14px;\n  }\n\n  #running-soft-flask .sf-copy{\n    font-size:12px;\n  }\n\n  #running-soft-flask .sf-grid2,\n  #running-soft-flask .sf-grid3{\n    grid-template-columns:1fr;\n    gap:9px;\n  }\n\n  #running-soft-flask .sf-grid4{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:8px;\n  }\n\n  #running-soft-flask .sf-card{\n    padding:15px 13px;\n  }\n\n  #running-soft-flask .sf-card h3{\n    font-size:16px;\n  }\n\n  #running-soft-flask .sf-card p{\n    font-size:12px;\n  }\n\n  #running-soft-flask .sf-pill{\n    padding:7px 9px;\n    font-size:10px;\n  }\n\n  #running-soft-flask .sf-stats{\n    gap:6px;\n  }\n\n  #running-soft-flask .sf-stat{\n    padding:13px 6px;\n  }\n\n  #running-soft-flask .sf-stat strong{\n    font-size:21px;\n  }\n\n  #running-soft-flask .sf-stat span{\n    font-size:10px;\n  }\n\n  #running-soft-flask .sf-comparison{\n    gap:9px;\n  }\n\n  #running-soft-flask .sf-compare-box{\n    padding:14px 12px;\n  }\n\n  #running-soft-flask .sf-compare-box h3{\n    font-size:17px;\n  }\n\n  #running-soft-flask .sf-note{\n    padding:14px;\n    font-size:14px;\n  }\n\n  #running-soft-flask .sf-spec-row{\n    grid-template-columns:115px minmax(0,1fr);\n  }\n\n  #running-soft-flask .sf-spec-label,\n  #running-soft-flask .sf-spec-value{\n    padding:11px;\n    font-size:11px;\n  }\n\n  #running-soft-flask .sf-final{\n    padding:19px 13px;\n  }\n\n  #running-soft-flask .sf-final strong{\n    font-size:21px;\n  }\n\n  #running-soft-flask .sf-pattern::before{\n    width:110px;\n    height:85px;\n    opacity:.14;\n  }\n\n  #running-soft-flask .sf-pattern::after{\n    width:80px;\n    height:60px;\n    opacity:.12;\n  }\n\n  @supports (-webkit-background-clip:text){\n    #running-soft-flask .sf-title{\n      animation-duration:10s;\n    }\n  }\n}\n\n@media(max-width:390px){\n\n  #running-soft-flask .sf-hero-title{\n    font-size:29px;\n  }\n\n  #running-soft-flask .sf-comparison{\n    grid-template-columns:1fr;\n  }\n\n  #running-soft-flask .sf-grid4 .sf-card{\n    padding:12px 10px;\n  }\n\n  #running-soft-flask .sf-stat strong{\n    font-size:18px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  #running-soft-flask .sf-title{\n    animation:none!important;\n    background-position:50% 50%!important;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"running-soft-flask\" style=\"text-align: center;\"\u003e\n\n\u003c\/div\u003e","brand":"XCC","offers":[{"title":"Default Title","offer_id":44566732570711,"sku":null,"price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/447ce312-556e-471a-ab0b-96e8eed76a34.png?v=1792996867","url":"https:\/\/mycheesemas.com\/fr\/products\/500ml-collapsible-running-water-bottle-lightweight-soft-flask-for-hydration-vests","provider":"mycheesemas","version":"1.0","type":"link"}