{"product_id":"transparent-waterproof-tarp-heavy-duty-outdoor-cover-with-secure-grommets","title":"🌧️ Bâche de protection transparente et imperméable RainShield Pro™ – Couverture extérieure ultra-résistante avec œillets de fixation sécurisés","description":"\u003cstyle\u003e\n\/* =========================================================\n   VALORS — CLEAR PE OUTDOOR TARP WITH GROMMETS\n   Shopify Ready \/ Mobile First\n   6 REAL Shopify CDN Absolute URLs\n   Image 1: Eager + High Priority\n   Images 2–6: Lazy Load\n   Scoped CSS \/ Conversion Focused\n   ========================================================= *\/\n\n.valors-clear-tarp{\n  --ct-bg:#ffffff;\n  --ct-text:#171918;\n  --ct-muted:#686e6a;\n  --ct-line:#e5e9e6;\n  --ct-soft:#f5f8f6;\n  --ct-green:#2d6a4f;\n  --ct-green-dark:#173e2d;\n  --ct-green-soft:#eaf4ee;\n  --ct-stone:#f4f1ea;\n  --ct-white:#ffffff;\n\n  width:100%;\n  max-width:760px;\n  margin:0 auto;\n  overflow:hidden;\n  background:var(--ct-bg);\n  color:var(--ct-text);\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n  line-height:1.5;\n}\n\n.valors-clear-tarp *{\n  box-sizing:border-box;\n}\n\n.valors-clear-tarp img{\n  display:block;\n  width:100%;\n  height:auto;\n  border:0;\n}\n\n.valors-clear-tarp h1,\n.valors-clear-tarp h2,\n.valors-clear-tarp h3,\n.valors-clear-tarp p{\n  margin-top:0;\n}\n\n.ct-section{\n  width:100%;\n  padding:32px 22px 64px;\n  background:#fff;\n}\n\n.ct-section + .ct-section{\n  padding-top:10px;\n}\n\n\/* 减少 hero 后面第一个 section 的顶部间距 *\/\n.ct-hero + .ct-section{\n  padding-top:0;\n}\n\n.ct-section--soft{\n  background:var(--ct-soft);\n}\n\n.ct-section--stone{\n  background:var(--ct-stone);\n}\n\n.ct-section--dark{\n  background:var(--ct-green-dark);\n  color:#fff;\n}\n\n.ct-inner{\n  width:100%;\n  max-width:516px;\n  margin:0 auto;\n}\n\n.ct-center{\n  text-align:center;\n}\n\n.ct-pill{\n  display:inline-flex;\n  min-height:26px;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:15px;\n  padding:7px 14px 6px;\n  border-radius:999px;\n  background:var(--ct-green-soft);\n  color:var(--ct-green);\n  font-size:10px;\n  line-height:1.1;\n  font-weight:850;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.ct-section--dark .ct-pill{\n  background:rgba(255,255,255,.12);\n  color:#fff;\n}\n\n.ct-title{\n  max-width:500px;\n  margin:0 auto;\n  color:var(--ct-text);\n  font-size:34px;\n  line-height:1.04;\n  letter-spacing:-1.5px;\n  font-weight:900;\n}\n\n.ct-section--dark .ct-title{\n  color:#fff;\n}\n\n.ct-copy{\n  max-width:480px;\n  margin:17px auto 0;\n  color:var(--ct-muted);\n  font-size:15px;\n  line-height:1.68;\n}\n\n.ct-section--dark .ct-copy{\n  color:rgba(255,255,255,.78);\n}\n\n.ct-accent{\n  color:var(--ct-green);\n}\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.ct-hero{\n  width:100%;\n  padding:18px 18px 36px;\n  background:\n    radial-gradient(circle at 50% 0%,rgba(45,106,79,.11),transparent 40%),\n    #ffffff;\n}\n\n.ct-hero-inner{\n  width:100%;\n  max-width:516px;\n  margin:0 auto;\n  text-align:center;\n}\n\n.ct-hero-badge{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:26px;\n  margin-bottom:16px;\n  padding:7px 14px 6px;\n  border-radius:999px;\n  background:var(--ct-green-soft);\n  color:var(--ct-green);\n  font-size:10px;\n  font-weight:850;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.ct-hero h1{\n  max-width:510px;\n  margin:0 auto;\n  color:#171918;\n  font-size:39px;\n  line-height:1.02;\n  letter-spacing:-1.9px;\n  font-weight:900;\n}\n\n.ct-hero-sub{\n  max-width:475px;\n  margin:18px auto 0;\n  color:#68706b;\n  font-size:15px;\n  line-height:1.68;\n}\n\n.ct-hero-points{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:9px;\n  margin:24px auto 0;\n}\n\n.ct-hero-point{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  padding:12px 14px;\n  border:1px solid var(--ct-line);\n  border-radius:12px;\n  background:#fff;\n  text-align:left;\n  font-size:13px;\n  font-weight:750;\n}\n\n.ct-check{\n  flex:0 0 23px;\n  width:23px;\n  height:23px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:var(--ct-green);\n  color:#fff;\n  font-size:12px;\n  font-weight:900;\n}\n\n.ct-hero-image{\n  margin-top:28px;\n  overflow:hidden;\n  border-radius:18px;\n  background:#f1f3f1;\n  box-shadow:0 14px 36px rgba(24,54,40,.09);\n}\n\n.ct-btn{\n  display:inline-flex;\n  width:100%;\n  min-height:54px;\n  margin-top:24px;\n  padding:15px 22px;\n  align-items:center;\n  justify-content:center;\n  border-radius:12px;\n  background:var(--ct-green-dark);\n  color:#fff!important;\n  text-decoration:none!important;\n  font-size:14px;\n  line-height:1.2;\n  font-weight:850;\n  letter-spacing:.2px;\n  cursor:pointer;\n  transition:transform .2s ease,opacity .2s ease;\n}\n\n.ct-btn:hover{\n  opacity:.92;\n  transform:translateY(-1px);\n}\n\n.ct-small{\n  margin:10px auto 0;\n  color:#919792;\n  font-size:10px;\n  line-height:1.5;\n}\n\n\/* =========================================================\n   IMAGE\n   ========================================================= *\/\n\n.ct-image{\n  width:100%;\n  margin-top:27px;\n  overflow:hidden;\n  border-radius:16px;\n  background:#eef1ef;\n}\n\n.ct-image img{\n  width:100%;\n  height:auto;\n}\n\n\/* 跨板块图片：与 .ct-section 左右内边距保持一致 *\/\n.ct-image-band{\n  width:100%;\n  padding:0 22px;\n  background:#fff;\n}\n\n.ct-image-band .ct-inner{\n  width:100%;\n  max-width:516px;\n  margin:0 auto;\n}\n\n.ct-image-band .ct-image{\n  margin-top:0;\n}\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.ct-benefits{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:12px;\n  margin-top:26px;\n}\n\n.ct-benefit{\n  padding:19px 18px;\n  border:1px solid var(--ct-line);\n  border-radius:14px;\n  background:#fff;\n  text-align:left;\n}\n\n.ct-benefit-number{\n  display:flex;\n  width:34px;\n  height:34px;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:13px;\n  border-radius:50%;\n  background:var(--ct-green-dark);\n  color:#fff;\n  font-size:11px;\n  font-weight:900;\n}\n\n.ct-benefit h3{\n  margin-bottom:6px;\n  font-size:16px;\n  line-height:1.25;\n  font-weight:850;\n}\n\n.ct-benefit p{\n  margin:0;\n  color:#707671;\n  font-size:13px;\n  line-height:1.6;\n}\n\n\/* =========================================================\n   FEATURE GRID\n   ========================================================= *\/\n\n.ct-feature-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:10px;\n  margin-top:26px;\n}\n\n.ct-feature{\n  padding:20px 15px;\n  border:1px solid var(--ct-line);\n  border-radius:13px;\n  background:#fff;\n  text-align:center;\n}\n\n.ct-feature-icon{\n  display:block;\n  margin-bottom:9px;\n  font-size:27px;\n  line-height:1;\n}\n\n.ct-feature strong{\n  display:block;\n  margin-bottom:6px;\n  font-size:15px;\n  line-height:1.3;\n  font-weight:850;\n}\n\n.ct-feature span{\n  display:block;\n  color:#6f7671;\n  font-size:13px;\n  line-height:1.5;\n}\n\n\/* =========================================================\n   USE CASES\n   ========================================================= *\/\n\n.ct-use-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:10px;\n  margin-top:25px;\n}\n\n.ct-use{\n  padding:16px 11px;\n  border:1px solid var(--ct-line);\n  border-radius:13px;\n  background:#fff;\n  text-align:center;\n  font-size:13px;\n  line-height:1.35;\n  font-weight:800;\n}\n\n.ct-use span{\n  display:block;\n  margin-bottom:6px;\n  font-size:23px;\n  line-height:1;\n}\n\n\/* =========================================================\n   STEPS\n   ========================================================= *\/\n\n.ct-steps{\n  display:grid;\n  gap:11px;\n  margin-top:26px;\n}\n\n.ct-step{\n  position:relative;\n  padding:18px 16px 18px 62px;\n  border:1px solid var(--ct-line);\n  border-radius:14px;\n  background:#fff;\n  text-align:left;\n}\n\n.ct-step-num{\n  position:absolute;\n  left:15px;\n  top:17px;\n  width:32px;\n  height:32px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:var(--ct-green-dark);\n  color:#fff;\n  font-size:11px;\n  font-weight:900;\n}\n\n.ct-step h3{\n  margin-bottom:5px;\n  font-size:15px;\n  line-height:1.35;\n  font-weight:850;\n}\n\n.ct-step p{\n  margin:0;\n  color:#6f7671;\n  font-size:13px;\n  line-height:1.58;\n}\n\n\/* =========================================================\n   COMPARISON\n   ========================================================= *\/\n\n.ct-compare{\n  margin-top:26px;\n  overflow:hidden;\n  border:1px solid var(--ct-line);\n  border-radius:14px;\n  background:#fff;\n}\n\n.ct-compare-head,\n.ct-compare-row{\n  display:grid;\n  grid-template-columns:1.25fr 1fr 1fr;\n}\n\n.ct-compare-head{\n  background:#f0f4f1;\n  font-weight:850;\n}\n\n.ct-compare-head \u003e div,\n.ct-compare-row \u003e div{\n  padding:14px 8px;\n  border-right:1px solid var(--ct-line);\n  border-bottom:1px solid var(--ct-line);\n  text-align:center;\n  font-size:13px;\n  line-height:1.4;\n}\n\n.ct-compare-head \u003e div:last-child,\n.ct-compare-row \u003e div:last-child{\n  border-right:0;\n}\n\n.ct-compare-row:last-child \u003e div{\n  border-bottom:0;\n}\n\n.ct-compare-head \u003e div:first-child,\n.ct-compare-row \u003e div:first-child{\n  text-align:left;\n}\n\n.ct-best{\n  background:var(--ct-green-dark)!important;\n  color:#fff;\n}\n\n.ct-yes{\n  color:var(--ct-green);\n  font-weight:850;\n}\n\n.ct-muted{\n  color:#8b918d;\n}\n\n\/* =========================================================\n   HIGHLIGHTS\n   ========================================================= *\/\n\n.ct-highlights{\n  display:grid;\n  gap:10px;\n  margin-top:25px;\n}\n\n.ct-highlight-row{\n  display:flex;\n  align-items:flex-start;\n  gap:11px;\n  padding:14px 15px;\n  border:1px solid var(--ct-line);\n  border-radius:13px;\n  background:#fff;\n  text-align:left;\n}\n\n.ct-highlight-row strong{\n  display:block;\n  margin-bottom:3px;\n  font-size:13px;\n}\n\n.ct-highlight-row p{\n  margin:0;\n  color:#6f7671;\n  font-size:12.5px;\n  line-height:1.55;\n}\n\n\/* =========================================================\n   SPECS\n   ========================================================= *\/\n\n.ct-specs{\n  margin-top:26px;\n  overflow:hidden;\n  border:1px solid var(--ct-line);\n  border-radius:14px;\n  background:#fff;\n}\n\n.ct-spec-row{\n  display:grid;\n  grid-template-columns:42% 58%;\n  border-bottom:1px solid var(--ct-line);\n}\n\n.ct-spec-row:last-child{\n  border-bottom:0;\n}\n\n.ct-spec-name,\n.ct-spec-value{\n  padding:15px 12px;\n  font-size:14px;\n  line-height:1.5;\n  text-align:left;\n}\n\n.ct-spec-name{\n  background:#f4f7f5;\n  font-weight:800;\n}\n\n.ct-spec-value{\n  color:#5f6661;\n}\n\n.ct-note{\n  margin-top:17px;\n  padding:14px 15px;\n  border-radius:12px;\n  background:#f5f6f5;\n  color:#666d68;\n  font-size:12.5px;\n  line-height:1.6;\n  text-align:left;\n}\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.ct-faq{\n  margin-top:24px;\n  border-top:1px solid var(--ct-line);\n}\n\n.ct-faq details{\n  border-bottom:1px solid var(--ct-line);\n}\n\n.ct-faq summary{\n  position:relative;\n  padding:17px 34px 17px 2px;\n  cursor:pointer;\n  list-style:none;\n  font-size:14px;\n  line-height:1.4;\n  font-weight:800;\n  text-align:left;\n}\n\n.ct-faq summary::-webkit-details-marker{\n  display:none;\n}\n\n.ct-faq summary:after{\n  content:\"+\";\n  position:absolute;\n  right:5px;\n  top:13px;\n  color:var(--ct-green);\n  font-size:22px;\n  font-weight:400;\n}\n\n.ct-faq details[open] summary:after{\n  content:\"−\";\n}\n\n.ct-faq-answer{\n  padding:0 3px 17px;\n  color:#6d746f;\n  font-size:13px;\n  line-height:1.65;\n  text-align:left;\n}\n\n\/* 减少 FAQ 区块底部留白 *\/\n.ct-faq-section{\n  padding-bottom:24px;\n}\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.ct-final{\n  width:100%;\n  padding:0 20px 24px;\n  background:#fff;\n}\n\n.ct-final-inner{\n  width:100%;\n  max-width:516px;\n  margin:0 auto;\n  padding:26px 23px 16px;\n  border-radius:18px;\n  background:\n    radial-gradient(circle at 50% 0%,rgba(90,150,115,.32),transparent 40%),\n    var(--ct-green-dark);\n  text-align:center;\n}\n\n.ct-final-inner .ct-pill{\n  background:rgba(255,255,255,.12);\n  color:#fff;\n}\n\n.ct-final-title{\n  max-width:455px;\n  margin:0 auto;\n  color:#fff;\n  font-size:31px;\n  line-height:1.04;\n  letter-spacing:-1.3px;\n  font-weight:900;\n}\n\n.ct-final-copy{\n  max-width:440px;\n  margin:16px auto 0;\n  color:rgba(255,255,255,.78);\n  font-size:13px;\n  line-height:1.62;\n}\n\n.ct-final .ct-btn{\n  background:#fff;\n  color:var(--ct-green-dark)!important;\n}\n\n.ct-final .ct-small{\n  color:rgba(255,255,255,.62);\n}\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:480px){\n\n  .ct-section{\n    padding:27px 22px 59px;\n  }\n\n  .ct-section + .ct-section{\n    padding-top:7px;\n  }\n\n  .ct-hero + .ct-section{\n    padding-top:0;\n  }\n\n  .ct-pill{\n    min-height:24px;\n    margin-bottom:13px;\n    padding:6px 13px 5px;\n    font-size:10px;\n    letter-spacing:.9px;\n  }\n\n  .ct-title{\n    font-size:30px;\n    line-height:1.06;\n    letter-spacing:-1.2px;\n  }\n\n  .ct-copy{\n    margin-top:16px;\n    font-size:14px;\n    line-height:1.62;\n  }\n\n  .ct-hero{\n    padding:16px 18px 28px;\n  }\n\n  .ct-hero h1{\n    font-size:35px;\n    letter-spacing:-1.6px;\n  }\n\n  .ct-hero-sub{\n    font-size:14px;\n  }\n\n  .ct-image{\n    margin-top:23px;\n    border-radius:15px;\n  }\n\n  .ct-image-band{\n    padding:0 22px;\n  }\n\n  \/* Feature grid — keep readable on small screens *\/\n  .ct-feature{\n    padding:18px 12px;\n  }\n\n  .ct-feature strong{\n    font-size:14px;\n  }\n\n  .ct-feature span{\n    font-size:12.5px;\n  }\n\n  \/* Comparison table — readable on small screens *\/\n  .ct-compare-head \u003e div,\n  .ct-compare-row \u003e div{\n    padding:12px 6px;\n    font-size:12px;\n    line-height:1.4;\n  }\n\n  \/* Specs — readable on small screens *\/\n  .ct-spec-name,\n  .ct-spec-value{\n    padding:14px 11px;\n    font-size:13px;\n    line-height:1.5;\n  }\n\n  .ct-step h3{\n    font-size:14px;\n  }\n\n  .ct-step p{\n    font-size:12.5px;\n  }\n\n  .ct-faq summary{\n    font-size:13.5px;\n  }\n\n  .ct-faq-answer{\n    font-size:12.5px;\n  }\n\n  .ct-faq-section{\n    padding-bottom:20px;\n  }\n\n  .ct-final{\n    padding-left:20px;\n    padding-right:20px;\n    padding-bottom:18px;\n  }\n\n  .ct-final-inner{\n    padding:22px 20px 14px;\n  }\n\n  .ct-final-title{\n    font-size:28px;\n  }\n}\n\n\/* =========================================================\n   TABLET \/ DESKTOP\n   ========================================================= *\/\n\n@media(min-width:760px){\n\n  .ct-section{\n    padding-top:36px;\n    padding-bottom:78px;\n  }\n\n  .ct-title{\n    font-size:38px;\n  }\n\n  .ct-copy{\n    font-size:16px;\n  }\n\n  .ct-hero{\n    padding-top:28px;\n    padding-bottom:44px;\n  }\n\n  .ct-hero h1{\n    font-size:46px;\n  }\n\n  .ct-benefits{\n    grid-template-columns:repeat(3,1fr);\n  }\n\n  .ct-use-grid{\n    grid-template-columns:repeat(4,1fr);\n  }\n\n  .ct-feature strong{\n    font-size:15px;\n  }\n\n  .ct-feature span{\n    font-size:13px;\n  }\n\n  .ct-compare-head \u003e div,\n  .ct-compare-row \u003e div{\n    font-size:13px;\n    padding:15px 9px;\n  }\n\n  .ct-spec-name,\n  .ct-spec-value{\n    font-size:14px;\n    padding:16px 13px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"valors-clear-tarp\"\u003e\n\n\u003c\/div\u003e","brand":"Qggiy","offers":[{"title":"6,56 × 6,56 pi (2 m × 2 m)","offer_id":50553638420697,"sku":null,"price":27.99,"currency_code":"USD","in_stock":true},{"title":"6,56 × 9,84 pi (2 m × 3 m)","offer_id":50553638453465,"sku":null,"price":33.99,"currency_code":"USD","in_stock":true},{"title":"6,56 × 13,12 pi (2 m × 4 m)","offer_id":50553777488089,"sku":null,"price":37.98,"currency_code":"USD","in_stock":true},{"title":"6,56 x 16,40 pi (2 m x 5 m)","offer_id":50553777520857,"sku":null,"price":43.98,"currency_code":"USD","in_stock":true},{"title":"6,56 × 19,69 pi (2 m × 6 m)","offer_id":50553777553625,"sku":null,"price":47.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0818\/7854\/8697\/files\/31d72c9ff2454ca09007a08c0b5c97a8_tplv-fhlh96nyum-crop-webp_1254_1254.webp?v=1790647772","url":"https:\/\/poupw.shop\/fr\/products\/transparent-waterproof-tarp-heavy-duty-outdoor-cover-with-secure-grommets","provider":"Qggiy","version":"1.0","type":"link"}