{"product_id":"130db-electronic-bike-horn-5-tone-ipx5-rainproof-bicycle-bell-with-quick-silicone-mount","title":"Klaxon électronique pour vélo 130 dB – Sonnette de vélo 5 tons IPX5 résistante à la pluie avec fixation rapide en silicone","description":"\u003cstyle\u003e\n\/* =========================================================\n   ELECTRONIC BIKE HORN\n   130dB • 5 TONES • IPX5 • QUICK SILICONE MOUNT\n========================================================= *\/\n\n#bike-horn-page{\n  --bg:#edf5f8;\n  --card:#f8fcfd;\n\n  --black:#20282d;\n  --graphite:#455159;\n\n  --blue:#168ed0;\n  --blue2:#4ab4e9;\n  --cyan:#8edaf4;\n\n  --green:#4c8b72;\n\n  --text:#49565d;\n  --muted:#728087;\n\n  --line:rgba(32,40,45,.08);\n\n  width:100%;\n  max-width:1120px;\n  margin:0 auto;\n  padding:10px 18px 50px;\n\n  color:var(--text);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  line-height:1.65;\n\n  position:relative;\n  z-index:0 !important;\n  isolation:isolate;\n}\n\n#bike-horn-page *{\n  box-sizing:border-box;\n}\n\n#bike-horn-page h1,\n#bike-horn-page h2,\n#bike-horn-page h3,\n#bike-horn-page p{\n  margin-top:0;\n}\n\n\n\/* =========================================================\n   CONNECTED SHELL\n========================================================= *\/\n\n#bike-horn-page .bh-shell{\n  position:relative;\n  overflow:hidden;\n\n  border:1px solid rgba(32,40,45,.07);\n  border-radius:32px;\n\n  background:var(--bg);\n\n  box-shadow:\n    0 18px 55px rgba(29,70,92,.07);\n\n  z-index:0 !important;\n  isolation:isolate;\n}\n\n#bike-horn-page .bh-section{\n  position:relative;\n  overflow:hidden;\n\n  margin:0;\n  padding:60px 42px;\n\n  border-top:1px solid var(--line);\n\n  background:var(--bg);\n\n  z-index:0 !important;\n  isolation:isolate;\n}\n\n#bike-horn-page .bh-section:first-child{\n  border-top:0;\n}\n\n#bike-horn-page .bh-section::before,\n#bike-horn-page .bh-section::after{\n  position:absolute;\n  pointer-events:none;\n  z-index:0 !important;\n}\n\n#bike-horn-page .bh-section \u003e *{\n  position:relative;\n  z-index:1 !important;\n}\n\n\n\/* =========================================================\n   GLOBAL\n========================================================= *\/\n\n#bike-horn-page .bh-kicker{\n  display:inline-block;\n\n  margin-bottom:10px;\n\n  color:var(--blue);\n\n  font-size:12px;\n  font-weight:800;\n\n  letter-spacing:1.35px;\n  text-transform:uppercase;\n}\n\n#bike-horn-page .bh-title{\n  margin-bottom:14px;\n\n  font-size:37px;\n  font-weight:850;\n\n  line-height:1.1;\n  letter-spacing:-.8px;\n}\n\n#bike-horn-page .bh-copy{\n  max-width:820px;\n  margin:0 auto;\n\n  color:var(--muted);\n\n  font-size:16px;\n  line-height:1.75;\n\n  text-align:center;\n}\n\n\n\/* =========================================================\n   TITLE FLOW\n========================================================= *\/\n\n#bike-horn-page .bh-title,\n#bike-horn-page .bh-hero h1,\n#bike-horn-page .bh-product-head h2,\n#bike-horn-page .bh-final h2{\n\n  background:linear-gradient(\n    90deg,\n    #20282d 0%,\n    #455159 20%,\n    #168ed0 38%,\n    #4ab4e9 55%,\n    #8edaf4 67%,\n    #168ed0 82%,\n    #20282d 100%\n  );\n\n  background-size:240% 100%;\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n  -webkit-text-fill-color:transparent;\n  color:transparent;\n\n  animation:bh-title-flow 15s linear infinite;\n}\n\n@keyframes bh-title-flow{\n  0%{\n    background-position:100% 50%;\n  }\n\n  100%{\n    background-position:-140% 50%;\n  }\n}\n\n\n\/* =========================================================\n   GRIDS\n========================================================= *\/\n\n#bike-horn-page .bh-grid-2{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:14px;\n  margin-top:31px;\n}\n\n#bike-horn-page .bh-grid-3{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:13px;\n  margin-top:31px;\n}\n\n#bike-horn-page .bh-grid-4{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n  margin-top:31px;\n}\n\n\n\/* =========================================================\n   CARDS\n========================================================= *\/\n\n#bike-horn-page .bh-card{\n  padding:27px 19px;\n\n  border:1px solid rgba(32,40,45,.075);\n  border-radius:18px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.82),\n      rgba(246,251,253,.68)\n    );\n\n  box-shadow:\n    0 7px 20px rgba(29,70,92,.025);\n}\n\n#bike-horn-page .bh-card span{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:46px;\n  height:46px;\n\n  margin:0 auto 10px;\n\n  border-radius:14px;\n\n  background:#dceef5;\n\n  color:var(--blue);\n\n  font-size:21px;\n}\n\n#bike-horn-page .bh-card strong{\n  display:block;\n\n  margin-bottom:6px;\n\n  color:#414d53;\n\n  font-size:15px;\n  text-align:center;\n}\n\n#bike-horn-page .bh-card p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:12px;\n  line-height:1.6;\n\n  text-align:center;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n#bike-horn-page .bh-hero{\n  padding:82px 42px 72px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(22,142,208,.09),\n      transparent 24%\n    ),\n\n    radial-gradient(\n      circle at 90% 83%,\n      rgba(142,218,244,.18),\n      transparent 25%\n    ),\n\n    repeating-linear-gradient(\n      135deg,\n      transparent 0,\n      transparent 48px,\n      rgba(22,142,208,.006) 49px\n    ),\n\n    var(--bg);\n}\n\n#bike-horn-page .bh-hero::before{\n  content:\"♪\";\n\n  left:20px;\n  bottom:-3px;\n\n  color:rgba(22,142,208,.055);\n\n  font-size:56px;\n  font-weight:900;\n}\n\n#bike-horn-page .bh-hero::after{\n  content:\"⚡\";\n\n  right:24px;\n  top:5px;\n\n  color:rgba(22,142,208,.05);\n\n  font-size:40px;\n}\n\n#bike-horn-page .bh-hero-inner{\n  max-width:950px;\n  margin:0 auto;\n}\n\n#bike-horn-page .bh-hero h1{\n  max-width:950px;\n  margin:0 auto 18px;\n\n  font-size:50px;\n  font-weight:900;\n\n  line-height:1.03;\n  letter-spacing:-1.25px;\n}\n\n#bike-horn-page .bh-hero p{\n  max-width:840px;\n  margin:0 auto 30px;\n\n  color:#6d7a81;\n\n  font-size:17px;\n  line-height:1.72;\n}\n\n#bike-horn-page .bh-badges{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n\n  gap:9px;\n}\n\n#bike-horn-page .bh-badge{\n  padding:10px 15px;\n\n  border:1px solid rgba(32,40,45,.09);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.72);\n\n  color:#536168;\n\n  font-size:12px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   PAIN\n========================================================= *\/\n\n#bike-horn-page .bh-pain{\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 91% 12%,\n      rgba(22,142,208,.06),\n      transparent 22%\n    ),\n\n    var(--bg);\n}\n\n#bike-horn-page .bh-pain::before{\n  content:\"!\";\n\n  left:23px;\n  top:0;\n\n  color:rgba(32,40,45,.035);\n\n  font-size:62px;\n  font-weight:900;\n}\n\n#bike-horn-page .bh-pain::after{\n  content:\"♪\";\n\n  right:23px;\n  bottom:-6px;\n\n  color:rgba(22,142,208,.04);\n\n  font-size:54px;\n}\n\n\n\/* =========================================================\n   SOUND\n========================================================= *\/\n\n#bike-horn-page .bh-sound{\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 9% 15%,\n      rgba(22,142,208,.055),\n      transparent 22%\n    ),\n\n    var(--bg);\n}\n\n#bike-horn-page .bh-sound::before{\n  content:\"130\";\n\n  left:18px;\n  bottom:0;\n\n  color:rgba(22,142,208,.04);\n\n  font-size:40px;\n  font-weight:900;\n}\n\n#bike-horn-page .bh-sound::after{\n  content:\"dB\";\n\n  right:19px;\n  top:5px;\n\n  color:rgba(32,40,45,.04);\n\n  font-size:24px;\n  font-weight:900;\n}\n\n\n\/* =========================================================\n   TONES\n========================================================= *\/\n\n#bike-horn-page .bh-tones{\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 91% 12%,\n      rgba(74,180,233,.06),\n      transparent 22%\n    ),\n\n    var(--bg);\n}\n\n\n\/* =========================================================\n   INSTALL\n========================================================= *\/\n\n#bike-horn-page .bh-install{\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(76,139,114,.05),\n      transparent 22%\n    ),\n\n    var(--bg);\n}\n\n#bike-horn-page .bh-step{\n  padding:25px 15px;\n\n  border:1px solid rgba(32,40,45,.075);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.68);\n}\n\n#bike-horn-page .bh-step span{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:40px;\n  height:40px;\n\n  margin:0 auto 9px;\n\n  border-radius:50%;\n\n  background:linear-gradient(\n    135deg,\n    var(--black),\n    var(--blue)\n  );\n\n  color:#fff;\n\n  font-size:15px;\n  font-weight:900;\n}\n\n#bike-horn-page .bh-step strong{\n  display:block;\n\n  margin-bottom:5px;\n\n  color:#414d53;\n\n  font-size:14px;\n}\n\n#bike-horn-page .bh-step p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:11px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   WEATHER\n========================================================= *\/\n\n#bike-horn-page .bh-weather{\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 90% 12%,\n      rgba(142,218,244,.18),\n      transparent 24%\n    ),\n\n    var(--bg);\n}\n\n\n\/* =========================================================\n   COMPACT\n========================================================= *\/\n\n#bike-horn-page .bh-size{\n  text-align:center;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      transparent 0,\n      transparent 55px,\n      rgba(32,40,45,.005) 56px\n    ),\n\n    var(--bg);\n}\n\n#bike-horn-page .bh-dimension{\n  padding:28px 15px;\n\n  border:1px solid rgba(32,40,45,.075);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.68);\n}\n\n#bike-horn-page .bh-dimension strong{\n  display:block;\n\n  margin-bottom:6px;\n\n  color:var(--black);\n\n  font-size:25px;\n  line-height:1;\n}\n\n#bike-horn-page .bh-dimension span{\n  display:block;\n\n  color:#4c595f;\n\n  font-size:12px;\n  font-weight:800;\n}\n\n#bike-horn-page .bh-dimension p{\n  margin:6px 0 0;\n\n  color:var(--muted);\n\n  font-size:11px;\n}\n\n\n\/* =========================================================\n   SCENARIOS\n========================================================= *\/\n\n#bike-horn-page .bh-use{\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(22,142,208,.045),\n      transparent 22%\n    ),\n\n    var(--bg);\n}\n\n\n\/* =========================================================\n   COMPARE\n========================================================= *\/\n\n#bike-horn-page .bh-compare{\n  text-align:center;\n}\n\n#bike-horn-page .bh-compare-card{\n  padding:28px 20px;\n\n  border:1px solid rgba(32,40,45,.08);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.68);\n}\n\n#bike-horn-page .bh-compare-card strong{\n  display:block;\n\n  margin-bottom:10px;\n\n  color:#414d53;\n\n  font-size:17px;\n}\n\n#bike-horn-page .bh-list{\n  margin:0;\n  padding:0;\n\n  list-style:none;\n}\n\n#bike-horn-page .bh-list li{\n  padding:8px 0;\n\n  border-bottom:1px solid rgba(32,40,45,.07);\n\n  color:var(--muted);\n\n  font-size:13px;\n}\n\n#bike-horn-page .bh-list li:last-child{\n  border-bottom:0;\n}\n\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n\n#bike-horn-page .bh-faq{\n  max-width:860px;\n  margin:31px auto 0;\n}\n\n#bike-horn-page .bh-faq-item{\n  padding:20px 0;\n\n  border-bottom:1px solid rgba(32,40,45,.09);\n}\n\n#bike-horn-page .bh-faq-item:first-child{\n  border-top:1px solid rgba(32,40,45,.09);\n}\n\n#bike-horn-page .bh-faq-item strong{\n  display:block;\n\n  margin-bottom:7px;\n\n  color:#414d53;\n\n  font-size:15px;\n}\n\n#bike-horn-page .bh-faq-item p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:13px;\n  line-height:1.68;\n}\n\n\n\/* =========================================================\n   PRODUCT INFO\n========================================================= *\/\n\n#bike-horn-page .bh-product{\n  background:\n    radial-gradient(\n      circle at 90% 10%,\n      rgba(22,142,208,.045),\n      transparent 21%\n    ),\n\n    var(--bg);\n}\n\n#bike-horn-page .bh-product-head{\n  margin-bottom:27px;\n\n  text-align:center;\n}\n\n#bike-horn-page .bh-product-head h2{\n  margin-bottom:6px;\n\n  font-size:33px;\n}\n\n#bike-horn-page .bh-product-card{\n  max-width:850px;\n  margin:0 auto;\n\n  padding:29px;\n\n  border:1px solid rgba(32,40,45,.075);\n  border-radius:19px;\n\n  background:rgba(255,255,255,.67);\n}\n\n#bike-horn-page .bh-product-row{\n  display:grid;\n  grid-template-columns:190px 1fr;\n\n  gap:15px;\n\n  padding:13px 0;\n\n  border-bottom:1px solid rgba(32,40,45,.075);\n\n  font-size:14px;\n}\n\n#bike-horn-page .bh-product-row:last-child{\n  border-bottom:0;\n}\n\n#bike-horn-page .bh-product-row strong{\n  color:#414d53;\n}\n\n#bike-horn-page .bh-product-row span{\n  color:var(--muted);\n}\n\n\n\/* =========================================================\n   SAFETY\n========================================================= *\/\n\n#bike-horn-page .bh-safety{\n  padding:28px 32px;\n\n  text-align:center;\n\n  background:var(--bg);\n}\n\n#bike-horn-page .bh-safety strong{\n  display:block;\n\n  margin-bottom:7px;\n\n  color:#414d53;\n\n  font-size:14px;\n}\n\n#bike-horn-page .bh-safety p{\n  max-width:850px;\n  margin:0 auto;\n\n  color:var(--muted);\n\n  font-size:12px;\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n#bike-horn-page .bh-final{\n  padding:70px 30px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 12% 18%,\n      rgba(22,142,208,.055),\n      transparent 24%\n    ),\n\n    radial-gradient(\n      circle at 88% 82%,\n      rgba(142,218,244,.20),\n      transparent 24%\n    ),\n\n    var(--bg);\n}\n\n#bike-horn-page .bh-final::before{\n  content:\"♪\";\n\n  left:20px;\n  bottom:-3px;\n\n  color:rgba(22,142,208,.05);\n\n  font-size:48px;\n}\n\n#bike-horn-page .bh-final::after{\n  content:\"⚡\";\n\n  right:27px;\n  top:7px;\n\n  color:rgba(22,142,208,.05);\n\n  font-size:36px;\n}\n\n#bike-horn-page .bh-final h2{\n  max-width:850px;\n  margin:0 auto 13px;\n\n  font-size:39px;\n  line-height:1.12;\n}\n\n#bike-horn-page .bh-final p{\n  max-width:760px;\n  margin:0 auto;\n\n  color:var(--muted);\n\n  font-size:15px;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width:749px){\n\n  #bike-horn-page{\n    padding:6px 8px 32px;\n  }\n\n  #bike-horn-page .bh-shell{\n    border-radius:23px;\n  }\n\n  #bike-horn-page .bh-section{\n    padding:38px 16px;\n  }\n\n  #bike-horn-page .bh-hero{\n    padding:50px 18px 43px;\n  }\n\n  #bike-horn-page .bh-hero h1{\n    font-size:31px;\n  }\n\n  #bike-horn-page .bh-hero p{\n    font-size:14px;\n  }\n\n  #bike-horn-page .bh-title{\n    font-size:27px;\n  }\n\n  #bike-horn-page .bh-grid-2,\n  #bike-horn-page .bh-grid-3{\n    grid-template-columns:1fr;\n  }\n\n  #bike-horn-page .bh-grid-4{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #bike-horn-page .bh-card,\n  #bike-horn-page .bh-step,\n  #bike-horn-page .bh-dimension,\n  #bike-horn-page .bh-compare-card{\n    padding:22px 16px;\n  }\n\n  #bike-horn-page .bh-product-card{\n    padding:21px 17px;\n  }\n\n  #bike-horn-page .bh-product-row{\n    grid-template-columns:1fr;\n    gap:3px;\n    padding:11px 0;\n  }\n\n  #bike-horn-page .bh-final{\n    padding:48px 18px;\n  }\n\n  #bike-horn-page .bh-final h2{\n    font-size:28px;\n  }\n\n\n  \/* MOBILE FLOW ≈ 10 SEC *\/\n\n  #bike-horn-page .bh-title,\n  #bike-horn-page .bh-hero h1,\n  #bike-horn-page .bh-product-head h2,\n  #bike-horn-page .bh-final h2{\n    animation-duration:10s;\n  }\n\n\n  #bike-horn-page .bh-hero::before,\n  #bike-horn-page .bh-hero::after,\n  #bike-horn-page .bh-pain::before,\n  #bike-horn-page .bh-pain::after,\n  #bike-horn-page .bh-sound::before,\n  #bike-horn-page .bh-sound::after,\n  #bike-horn-page .bh-final::before,\n  #bike-horn-page .bh-final::after{\n    font-size:22px;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv id=\"bike-horn-page\"\u003e\n\n\u003cdiv class=\"bh-shell\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"XCC","offers":[{"title":"Bleu","offer_id":44364552863831,"sku":null,"price":22.99,"currency_code":"USD","in_stock":true},{"title":"Noir","offer_id":44364552896599,"sku":null,"price":22.99,"currency_code":"USD","in_stock":true},{"title":"Rouge","offer_id":44364552929367,"sku":null,"price":22.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/1_dc42e3a6-341a-4775-b517-d668eefda565.png?v=1790666506","url":"https:\/\/mycheesemas.com\/fr\/products\/130db-electronic-bike-horn-5-tone-ipx5-rainproof-bicycle-bell-with-quick-silicone-mount","provider":"mycheesemas","version":"1.0","type":"link"}