{"product_id":"axidry™-antiperspirant-patch","title":"AxiDry™ Antiperspirant Patch - 28 pièces","description":"\u003c!-- ============================================ --\u003e\n\u003c!-- AXIDRY™ - DESCRIPTION PRODUIT SHOPIFY       --\u003e\n\u003c!-- VERSION COMPLÈTE AVEC ANIMATIONS            --\u003e\n\u003c!-- ============================================ --\u003e\n\n\u003cstyle\u003e\n\/* === RESET \u0026 BASE === *\/\n.axd-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\n.axd-wrap {\n  max-width: 100%;\n  margin: 0;\n  padding: 10px 0 20px;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: #202124;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes axd-fadeUp {\n  from { opacity: 0; transform: translateY(24px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes axd-pulse {\n  0%, 100% { transform: scale(1); }\n  50%      { transform: scale(1.04); }\n}\n@keyframes axd-shimmer {\n  0%   { background-position: -200% center; }\n  100% { background-position: 200% center; }\n}\n\n.axd-anim { opacity: 0; }\n.axd-anim.axd-visible { animation: axd-fadeUp 0.55s ease forwards; }\n\n\/* === 1. ACCROCHE === *\/\n.axd-hero {\n  text-align: center;\n  padding: 28px 20px 32px;\n  background: linear-gradient(160deg, #F7F8FC 0%, #E8F4FD 100%);\n  border-radius: 16px;\n  margin-bottom: 24px;\n}\n.axd-hero-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 52px; height: 52px;\n  border-radius: 50%;\n  background: #fff;\n  margin-bottom: 14px;\n  font-size: 1.6rem;\n  box-shadow: 0 2px 12px rgba(22,139,197,0.12);\n}\n.axd-hero h2 {\n  font-size: 1.25rem;\n  font-weight: 700;\n  line-height: 1.45;\n  color: #202124;\n  margin-bottom: 10px;\n}\n.axd-hero h2 span { color: #168BC5; }\n.axd-hero p {\n  font-size: 0.92rem;\n  color: #6B7280;\n  line-height: 1.55;\n}\n.axd-hero p strong { color: #202124; }\n\n\/* === 2. BÉNÉFICES === *\/\n.axd-benefits {\n  padding: 24px 16px;\n  background: #F7F8FC;\n  border-radius: 16px;\n  margin-bottom: 24px;\n}\n.axd-benefits-title {\n  text-align: center;\n  font-size: 1.1rem;\n  font-weight: 700;\n  margin-bottom: 4px;\n  color: #202124;\n}\n.axd-benefits-sub {\n  text-align: center;\n  font-size: 0.82rem;\n  color: #6B7280;\n  margin-bottom: 18px;\n}\n.axd-benefits-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10px;\n}\n.axd-bcard {\n  background: #fff;\n  border-radius: 14px;\n  padding: 16px 10px;\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  cursor: default;\n}\n.axd-bcard:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 6px 18px rgba(0,0,0,0.07);\n}\n.axd-bcard-icon {\n  width: 42px; height: 42px;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.25rem;\n  margin-bottom: 8px;\n}\n.axd-bcard-title {\n  font-size: 0.82rem;\n  font-weight: 600;\n  color: #202124;\n  margin-bottom: 3px;\n  line-height: 1.3;\n}\n.axd-bcard-desc {\n  font-size: 0.72rem;\n  color: #6B7280;\n  line-height: 1.35;\n}\n.axd-bcard--blue  .axd-bcard-icon { background: #EBF7FD; }\n.axd-bcard--violet .axd-bcard-icon { background: #EDEDFE; }\n.axd-bcard--green .axd-bcard-icon { background: #E6F7EF; }\n\n\/* === 3. ÉTAPES === *\/\n.axd-steps {\n  padding: 24px 16px;\n  margin-bottom: 24px;\n}\n.axd-steps-title {\n  text-align: center;\n  font-size: 1.1rem;\n  font-weight: 700;\n  margin-bottom: 4px;\n  color: #202124;\n}\n.axd-steps-sub {\n  text-align: center;\n  font-size: 0.82rem;\n  color: #6B7280;\n  margin-bottom: 18px;\n}\n.axd-step {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  background: #F7F8FC;\n  border: 1px solid #E8EAF0;\n  border-radius: 14px;\n  padding: 14px 16px;\n  margin-bottom: 10px;\n  transition: transform 0.2s ease;\n}\n.axd-step:hover { transform: translateX(4px); }\n.axd-step:last-child { margin-bottom: 0; }\n.axd-step-num {\n  flex-shrink: 0;\n  width: 38px; height: 38px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, #168BC5, #6967F2);\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  font-size: 0.85rem;\n}\n.axd-step-emoji { font-size: 1.5rem; flex-shrink: 0; }\n.axd-step-text h4 {\n  font-size: 0.88rem;\n  font-weight: 600;\n  color: #202124;\n  margin-bottom: 2px;\n}\n.axd-step-text p {\n  font-size: 0.78rem;\n  color: #6B7280;\n}\n\n\/* === 4. MID CTA === *\/\n.axd-midcta {\n  text-align: center;\n  padding: 16px 20px;\n  margin: 0 0 24px;\n}\n.axd-midcta-box {\n  background: linear-gradient(135deg, #6967F2, #4F4DB8);\n  border-radius: 16px;\n  padding: 20px;\n  cursor: pointer;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.axd-midcta-box:hover {\n  transform: scale(1.015);\n  box-shadow: 0 8px 24px rgba(105,103,242,0.3);\n}\n.axd-midcta-box:active { transform: scale(0.98); }\n.axd-midcta-title {\n  color: #fff;\n  font-size: 0.95rem;\n  font-weight: 600;\n  margin-bottom: 4px;\n}\n.axd-midcta-sub {\n  color: rgba(255,255,255,0.8);\n  font-size: 0.78rem;\n  margin-bottom: 12px;\n}\n.axd-midcta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: #fff;\n  color: #6967F2;\n  border-radius: 50px;\n  padding: 10px 22px;\n  font-size: 0.85rem;\n  font-weight: 700;\n  text-decoration: none;\n  transition: transform 0.15s ease;\n}\n.axd-midcta-btn:hover { transform: scale(1.04); }\n\n\/* === 5. RÉASSURANCE === *\/\n.axd-reassure {\n  padding: 20px 16px;\n  margin-bottom: 24px;\n}\n.axd-reassure-box {\n  background: #fff;\n  border: 1px solid #E8EAF0;\n  border-radius: 16px;\n  padding: 20px;\n}\n.axd-reassure-badge {\n  text-align: center;\n  font-size: 0.72rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: #22A06B;\n  margin-bottom: 14px;\n}\n.axd-reassure-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 0;\n}\n.axd-reassure-item + .axd-reassure-item {\n  border-top: 1px solid #F3F4F6;\n}\n.axd-reassure-icon {\n  flex-shrink: 0;\n  width: 36px; height: 36px;\n  border-radius: 50%;\n  background: #E6F7EF;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1rem;\n}\n.axd-reassure-text { font-size: 0.85rem; font-weight: 600; color: #202124; }\n.axd-reassure-sub  { font-size: 0.72rem; color: #6B7280; }\n\n\/* === 6. CTA FINAL === *\/\n.axd-final {\n  text-align: center;\n  padding: 20px 16px 10px;\n}\n.axd-final-msg {\n  font-size: 0.88rem;\n  color: #6B7280;\n  margin-bottom: 6px;\n}\n.axd-final-title {\n  font-size: 1.15rem;\n  font-weight: 700;\n  color: #202124;\n  margin-bottom: 18px;\n  line-height: 1.4;\n}\n.axd-final-title span { color: #6967F2; }\n.axd-final-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  background: linear-gradient(135deg, #6967F2, #4F4DB8);\n  color: #fff;\n  border: none;\n  border-radius: 50px;\n  padding: 16px 36px;\n  font-size: 1.05rem;\n  font-weight: 700;\n  cursor: pointer;\n  text-decoration: none;\n  box-shadow: 0 8px 24px rgba(105,103,242,0.35);\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  animation: axd-pulse 2.5s ease-in-out infinite;\n}\n.axd-final-btn:hover {\n  transform: scale(1.04);\n  box-shadow: 0 10px 30px rgba(105,103,242,0.45);\n  animation: none;\n}\n.axd-final-btn:active { transform: scale(0.97); }\n.axd-final-note {\n  font-size: 0.75rem;\n  color: #6B7280;\n  margin-top: 12px;\n}\n\n\/* === BOUTON FLOTTANT === *\/\n.axd-float {\n  position: fixed;\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%) translateY(100px);\n  z-index: 9999;\n  opacity: 0;\n  transition: transform 0.35s ease, opacity 0.35s ease;\n  pointer-events: none;\n}\n.axd-float.axd-show {\n  transform: translateX(-50%) translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.axd-float-btn {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: linear-gradient(135deg, #6967F2, #4F4DB8);\n  color: #fff;\n  border: none;\n  border-radius: 50px;\n  padding: 14px 28px;\n  font-size: 0.9rem;\n  font-weight: 700;\n  cursor: pointer;\n  box-shadow: 0 6px 24px rgba(105,103,242,0.45);\n  text-decoration: none;\n  white-space: nowrap;\n  transition: transform 0.15s ease;\n}\n.axd-float-btn:hover { transform: scale(1.04); }\n.axd-float-btn:active { transform: scale(0.96); }\n\n\/* === FULL BLEED SECTIONS (MOBILE ONLY) === *\/\n@media (max-width: 768px) {\n  .axd-hero,\n  .axd-benefits,\n  .axd-final {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    margin-left: -50vw;\n  }\n}\n\n\/* === DESKTOP NORMAL === *\/\n@media (min-width: 769px) {\n  .axd-wrap {\n    max-width: 600px;\n    margin: 0 auto;\n    padding: 10px 0 20px;\n  }\n\n  .axd-hero,\n  .axd-benefits,\n  .axd-final {\n    width: 100%;\n    position: static;\n    margin-left: 0;\n    border-radius: 16px;\n  }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 400px) {\n  .axd-hero h2 { font-size: 1.1rem; }\n  .axd-benefits-grid { gap: 8px; }\n  .axd-bcard { padding: 12px 8px; }\n  .axd-final-btn { padding: 14px 28px; font-size: 0.95rem; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"axd-wrap\"\u003e\n\n  \u003c!-- 1. ACCROCHE --\u003e\n  \u003cdiv class=\"axd-hero axd-anim\"\u003e\n    \u003cdiv class=\"axd-hero-icon\"\u003e💧\u003c\/div\u003e\n    \u003ch2\u003eWhat if you could \u003cspan\u003etake direct action\u003c\/span\u003e against sweat, rather than just masking odors?\u003c\/h2\u003e\n    \u003cp\u003eConventional deodorants mask odors and may have side effects.\u003cbr\u003e\u003cstrong\u003eAxiDry™\u003c\/strong\u003e helps us take action where it matters most.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Paragraph1--\u003e\n  \u003cdiv\u003e\n    \u003ch2 style=\"text-align: center;\"\u003e\u003c\/h2\u003e\n    \u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/2892\/2928\/files\/Gemini_Generated_Image_lhe1c3lhe1c3lhe1.jpg?v=1789067613\" alt=\"\"\u003e\u003c\/p\u003e\n    \u003cp style=\"text-align: center;\"\u003e\u003cem\u003eYou pick out an outfit, then start wondering if sweat stains will show under your arms. AxiDry™ fits discreetly under your armpits to help protect your clothes from moisture and reduce sweat-related odors. This lets you move, work, or go out with greater peace of mind, without letting that discomfort take over.\u003c\/em\u003e\u003c\/p\u003e\n    \u003ch2 style=\"text-align: center;\"\u003e\u003c\/h2\u003e\n    \u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0973\/2892\/2928\/files\/Gemini_Generated_Image_vth07wvth07wvth0.jpg?v=1789063018\" alt=\"\"\u003e\u003c\/p\u003e\n    \u003cp style=\"text-align: center;\"\u003e\u003cem\u003eExcessive underarm sweating can be a real source of discomfort in everyday life: stained clothes, a damp feeling, the need to constantly check your underarms… AxiDry™ helps absorb and reduce sweat so you can stay drier and more comfortable, even as your day gets busier.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 2. BÉNÉFICES --\u003e\n  \u003cdiv class=\"axd-benefits axd-anim\"\u003e\n    \u003cp class=\"axd-benefits-title\"\u003eAxiDry™ — Your Discreet Solution\u003c\/p\u003e\n    \u003cp class=\"axd-benefits-sub\"\u003e28 antiperspirant patches for everyday comfort\u003c\/p\u003e\n    \u003cdiv class=\"axd-benefits-grid\"\u003e\n      \u003cdiv class=\"axd-bcard axd-bcard--blue\"\u003e\n        \u003cdiv class=\"axd-bcard-icon\"\u003e💧\u003c\/div\u003e\n        \u003cp class=\"axd-bcard-title\"\u003eHelps reduce sweating\u003c\/p\u003e\n        \u003cp class=\"axd-bcard-desc\"\u003eAbsorbs moisture at the source\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"axd-bcard axd-bcard--violet\"\u003e\n        \u003cdiv class=\"axd-bcard-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003cp class=\"axd-bcard-title\"\u003eProtects your clothes\u003c\/p\u003e\n        \u003cp class=\"axd-bcard-desc\"\u003eFewer streaks, fewer spots\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"axd-bcard axd-bcard--green\"\u003e\n        \u003cdiv class=\"axd-bcard-icon\"\u003e❄️\u003c\/div\u003e\n        \u003cp class=\"axd-bcard-title\"\u003eExtremely discreet\u003c\/p\u003e\n        \u003cp class=\"axd-bcard-desc\"\u003eInvisible under clothing\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"axd-bcard axd-bcard--violet\"\u003e\n        \u003cdiv class=\"axd-bcard-icon\"\u003e✨\u003c\/div\u003e\n        \u003cp class=\"axd-bcard-title\"\u003eEasy to use\u003c\/p\u003e\n        \u003cp class=\"axd-bcard-desc\"\u003eJust place it there\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 6. CTA FINAL --\u003e\n  \u003cdiv class=\"axd-final axd-anim\"\u003e\n    \u003cp class=\"axd-final-msg\"\u003eYou, too, can say goodbye to discomfort and finally enjoy comfort in your daily life.\u003c\/p\u003e\n    \u003cp class=\"axd-final-title\"\u003eNo more marks. No more discomfort.\u003cbr\u003e\u003cspan\u003eMore Peace of Mind\u003c\/span\u003e\u003c\/p\u003e\n    \u003cbutton class=\"axd-final-btn\" onclick=\"axdScrollToForm()\"\u003e\n      Order AxiDry™ ↑\n    \u003c\/button\u003e\n    \u003cp class=\"axd-final-note\"\u003e💵 Pay on delivery • 📦 28 patches\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- BOUTON FLOTTANT --\u003e\n\u003cdiv class=\"axd-float\" id=\"axdFloat\"\u003e\n  \u003cbutton class=\"axd-float-btn\" onclick=\"axdScrollToForm()\"\u003e\n    Order now ↑\n  \u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  \/\/ === SCROLL VERS LE FORMULAIRE COD ===\n  window.axdScrollToForm = function() {\n    var selectors = [\n      '#cod-form',\n      '.cod-form',\n      '[id*=\"cod\"]',\n      '[class*=\"cod-form\"]',\n      '.product-form',\n      'form[action*=\"cart\"]',\n      '[data-product-form]',\n      '.releasit-form',\n      '.king-form'\n    ];\n    var form = null;\n    for (var i = 0; i \u003c selectors.length; i++) {\n      form = document.querySelector(selectors[i]);\n      if (form) break;\n    }\n    if (form) {\n      form.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    } else {\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n    }\n  };\n\n  \/\/ === ANIMATIONS AU SCROLL ===\n  var anims = document.querySelectorAll('.axd-anim');\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('axd-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n    anims.forEach(function(el, i) {\n      el.style.animationDelay = (i * 0.05) + 's';\n      observer.observe(el);\n    });\n  } else {\n    anims.forEach(function(el) { el.classList.add('axd-visible'); });\n  }\n\n  \/\/ === BOUTON FLOTTANT ===\n  var floatBtn = document.getElementById('axdFloat');\n  var ticking = false;\n  window.addEventListener('scroll', function() {\n    if (!ticking) {\n      window.requestAnimationFrame(function() {\n        if (window.scrollY \u003e 400) {\n          floatBtn.classList.add('axd-show');\n        } else {\n          floatBtn.classList.remove('axd-show');\n        }\n        ticking = false;\n      });\n      ticking = true;\n    }\n  });\n})();\n\u003c\/script\u003e\n","brand":"Omniplace","offers":[{"title":"Default Title","offer_id":67767321559344,"sku":null,"price":225.0,"currency_code":"GHS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0973\/2892\/2928\/files\/IMG_0099.jpg?v=1789054078","url":"https:\/\/www.omniplace.store\/products\/axidry%e2%84%a2-antiperspirant-patch","provider":"Omniplace","version":"1.0","type":"link"}