{"product_id":"aldrennine","title":"Aldren 9 - Bottes rehaussantes pour hommes (+9 cm)","description":"\u003cstyle\u003e\n  :root {\n    --hp-accent: #444444;\n    --hp-section-space: 20px;\n    --hp-nav-btn-size: 42px;\n    --hp-nav-btn-bg: rgba(255, 255, 255, 0.95);\n    --hp-nav-btn-color: #1a1a1a;\n    --hp-nav-btn-border: rgba(0, 0, 0, 0.08);\n    --hp-nav-btn-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    --hp-nav-btn-hover-bg: var(--hp-accent);\n    --hp-nav-btn-hover-color: #ffffff;\n    --hp-nav-btn-hover-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n  }\n\n  .secao,\n  .hp-section {\n    text-align: center;\n    max-width: 1200px;\n    margin: 0 auto;\n    box-sizing: border-box;\n    font-family: inherit;\n    color: #1a1a1a;\n  }\n\n  .hp-section {\n    padding: 0;\n  }\n\n  .secao {\n    padding: var(--hp-section-space, 20px) 20px;\n  }\n\n  .secao \u003e img {\n    width: 100%;\n    height: auto;\n    max-width: 400px;\n    border-radius: 12px;\n    border: none;\n    box-shadow: none;\n    display: block;\n    margin: 15px auto;\n  }\n\n  .secao \u003e :first-child {\n    margin-top: 0;\n  }\n\n  .secao \u003e :last-child {\n    margin-bottom: 0;\n  }\n\n  @media (max-width: 7680px) {\n    :root {\n      --hp-section-space: 16px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"hp-section hp-c08\" id=\"hp-c08\"\u003e\n  \u003cstyle\u003e\n    .hp-c08 {\n      max-width: 100%;\n    }\n    .hp-c08 .inside-package-section {\n      background-color: #ffffff;\n      color: #121212;\n      padding: var(--hp-section-space, 20px) 20px;\n      width: 100%;\n      box-sizing: border-box;\n    }\n    .hp-c08 .pkg-tabs-header {\n      display: flex;\n      gap: 36px;\n      margin-bottom: 22px;\n      border-bottom: 2px solid #f3f3f3;\n      padding-bottom: 0;\n      justify-content: flex-start;\n      max-width: 1000px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .hp-c08 .pkg-tab-btn {\n      background: none;\n      border: none;\n      color: #121212;\n      font-size: 1em;\n      font-weight: 400;\n      font-family: inherit;\n      cursor: pointer;\n      padding: 0 0 14px 0;\n      position: relative;\n      transition: opacity 0.2s;\n    }\n    .hp-c08 .pkg-tab-btn:hover {\n      opacity: 0.7;\n    }\n    .hp-c08 .pkg-tab-btn.active {\n      color: #121212;\n      opacity: 1;\n    }\n    .hp-c08 .pkg-tab-btn.active::after {\n      content: \"\";\n      position: absolute;\n      bottom: -2px;\n      left: 0;\n      width: 100%;\n      height: 2px;\n      background-color: #121212;\n    }\n    .hp-c08 .pkg-tab-content {\n      display: none;\n      max-width: 1000px;\n      margin: 0 auto;\n      color: #121212;\n      line-height: 1.65;\n      text-align: left;\n    }\n    .hp-c08 .pkg-tab-content.active {\n      display: block;\n    }\n    .hp-c08 .pkg-tab-content p {\n      margin: 0 0 12px 0;\n    }\n    .hp-c08 .pkg-tab-content p:last-child {\n      margin-bottom: 0;\n    }\n    @media (max-width: 7680px) {\n      .hp-c08 .pkg-tabs-header {\n        gap: 24px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"secao inside-package-section\"\u003e\n    \u003cdiv class=\"pkg-tabs-header\" role=\"tablist\"\u003e\n      \u003cbutton type=\"button\" id=\"pkg-tab-inside\" class=\"pkg-tab-btn active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"pkg-inside\" data-pkg-tab=\"pkg-inside\"\u003e\n        Description du produit\n      \u003c\/button\u003e\n      \u003cbutton type=\"button\" id=\"pkg-tab-specs\" class=\"pkg-tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"pkg-specs\" data-pkg-tab=\"pkg-specs\"\u003e\n        Livraison et retours\n      \u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv id=\"pkg-inside\" class=\"pkg-tab-content active\" role=\"tabpanel\" aria-labelledby=\"pkg-tab-inside\"\u003e\n      \u003cp\u003e\n        Les \u003cem\u003ebottes Aldren 9\u003c\/em\u003e procurent un rehaussement impressionnant de 9 cm (3,5 po), ce qui en fait notre modèle le plus haut à ce jour.\n        Confectionnées en cuir de vachette véritable, elles allient robustesse durable et style affirmé. Parfaites en toute occasion, ces bottes offrent\n        confort, assurance et polyvalence à chaque pas.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv id=\"pkg-specs\" class=\"pkg-tab-content\" role=\"tabpanel\" aria-labelledby=\"pkg-tab-specs\"\u003e\n      \u003cp\u003e\u003cstrong\u003eLivraison avec suivi\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp\u003eLivré directement à votre porte en 7 à 15 jours, avec suivi complet de votre commande inclus!\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eRetours et échanges\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp\u003e\n        Nous tenons à ce que vous soyez pleinement satisfait de votre achat. Si, pour quelque raison que ce soit, vous souhaitez retourner ou échanger vos\n        articles, aucun souci! Vous disposez d'un délai généreux de 30 jours à compter de la réception de votre commande pour décider. Écrivez-nous simplement\n        via notre page de contact ou par courriel à notre service à la clientèle, et notre équipe se fera un plaisir de vous accompagner.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function () {\n      function initPkgTabs(root) {\n        if (!root || root.dataset.init) return;\n        root.dataset.init = \"1\";\n        const tabBtns = root.querySelectorAll(\".pkg-tab-btn\");\n        const tabContents = root.querySelectorAll(\".pkg-tab-content\");\n\n        tabBtns.forEach((btn) =\u003e {\n          btn.addEventListener(\"click\", () =\u003e {\n            const targetId = btn.getAttribute(\"data-pkg-tab\");\n            tabBtns.forEach((b) =\u003e {\n              b.classList.remove(\"active\");\n              b.setAttribute(\"aria-selected\", \"false\");\n            });\n            tabContents.forEach((c) =\u003e c.classList.remove(\"active\"));\n\n            btn.classList.add(\"active\");\n            btn.setAttribute(\"aria-selected\", \"true\");\n            const targetContent = root.querySelector(\"#\" + targetId);\n            if (targetContent) targetContent.classList.add(\"active\");\n          });\n        });\n      }\n\n      function run() {\n        document.querySelectorAll(\".hp-c08\").forEach(initPkgTabs);\n      }\n\n      if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", run);\n      } else {\n        run();\n      }\n      document.addEventListener(\"shopify:section:load\", run);\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hp-section hp-c13\" id=\"hp-c13\"\u003e\n  \u003cstyle\u003e\n    .hp-c13 .secao {\n      padding: var(--hp-section-space, 20px) 20px;\n    }\n    .hp-c13 .icon-panel {\n      max-width: 1000px;\n      margin: 0 auto;\n      padding: 18px 0;\n      background-color: #ffffff;\n      border: 1px solid #121212;\n      border-radius: 14px;\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 0;\n      align-items: stretch;\n      box-sizing: border-box;\n    }\n    .hp-c13 .icon-panel-item {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 18px;\n      padding: 0 24px;\n      background: transparent;\n      border: none;\n      border-right: 1px solid #121212;\n      box-shadow: none;\n      text-align: left;\n      box-sizing: border-box;\n    }\n    .hp-c13 .icon-panel-item:last-child {\n      border-right: none;\n    }\n    .hp-c13 .icon-panel-item img {\n      width: 60px;\n      height: 60px;\n      object-fit: contain;\n      margin: 0;\n      border: none;\n      box-shadow: none;\n      border-radius: 0;\n      display: block;\n      flex-shrink: 0;\n    }\n    .hp-c13 .icon-panel-text {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      text-align: left;\n    }\n    .hp-c13 .icon-panel-item p {\n      margin: 0;\n      color: #121212;\n      font-size: 0.95em;\n      font-weight: 400;\n      line-height: 1.4;\n      text-align: left;\n    }\n    .hp-c13 .icon-panel-item p:nth-of-type(1) {\n      font-weight: 700;\n      font-size: 1.12em;\n      line-height: 1.25;\n      margin-bottom: 5px;\n      color: #121212;\n    }\n    @media (max-width: 7680px) {\n      .hp-c13 .icon-panel {\n        grid-template-columns: 1fr;\n        gap: 22px;\n        padding: 20px 22px;\n      }\n      .hp-c13 .icon-panel-item {\n        border-right: none;\n        padding: 0;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"secao\"\u003e\n    \u003cdiv class=\"icon-panel\"\u003e\n      \u003cdiv class=\"icon-panel-item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1495-1-icon1.webp?v=1793725576\" alt=\"Gain de taille instantané\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003cdiv class=\"icon-panel-text\"\u003e\n          \u003cp\u003eGain de taille instantané\u003c\/p\u003e\n          \u003cp\u003eGagnez jusqu'à 11 cm (4,3 po) instantanément! Plus de prestance et d'assurance dès le premier pas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"icon-panel-item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1495-1-icon2.webp?v=1793725576\" alt=\"Rehaussement discret\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003cdiv class=\"icon-panel-text\"\u003e\n          \u003cp\u003eRehaussement discret\u003c\/p\u003e\n          \u003cp\u003eSemelle rehaussante cachée, sans aucun logo. Personne ne découvrira votre secret.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"icon-panel-item\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1495-1-icon3_8e81d0ed-f865-4406-84cb-e4a6dd33c585.webp?v=1793725793\" alt=\"Confort et soutien\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003cdiv class=\"icon-panel-text\"\u003e\n          \u003cp\u003eConfort et soutien\u003c\/p\u003e\n          \u003cp\u003ePensées pour vous garder bien droit et confortable tout au long de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hp-section hp-c17\" id=\"hp-c17\"\u003e\n  \u003cstyle\u003e\n    .hp-c17 {\n      --hp-c17-radius: 12px;\n    }\n    .hp-c17 .gif-carousel {\n      position: relative;\n      max-width: 1200px;\n      margin: 20px auto 0 auto;\n      padding: 4px 0 6px 0;\n      overflow: hidden;\n    }\n    .hp-c17 .gif-carousel-track {\n      display: flex;\n      transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);\n    }\n    .hp-c17 .gif-slide {\n      box-sizing: border-box;\n      display: flex;\n      justify-content: center;\n    }\n    .hp-c17 .gif-slide img {\n      border-radius: var(--hp-c17-radius);\n      width: 100%;\n      min-width: 0;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n    }\n    .hp-c17 .gif-carousel-button {\n      position: absolute;\n      top: calc(50% - 19px);\n      transform: translateY(-50%);\n      width: var(--hp-nav-btn-size, 42px);\n      height: var(--hp-nav-btn-size, 42px);\n      background: var(--hp-nav-btn-bg, rgba(255, 255, 255, 0.95));\n      border: 1px solid var(--hp-nav-btn-border, rgba(0, 0, 0, 0.08));\n      border-radius: 50%;\n      box-shadow: var(--hp-nav-btn-shadow, 0 4px 12px rgba(0, 0, 0, 0.12));\n      color: var(--hp-nav-btn-color, #1a1a1a);\n      cursor: pointer;\n      z-index: 5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      -webkit-backdrop-filter: blur(4px);\n      backdrop-filter: blur(4px);\n      padding: 0;\n      outline: none;\n      font-family: inherit;\n    }\n    .hp-c17 .gif-carousel-button:hover {\n      background: var(--hp-nav-btn-hover-bg, var(--hp-accent, #444444));\n      color: var(--hp-nav-btn-hover-color, #ffffff);\n      border-color: transparent;\n      transform: translateY(-50%) scale(1.08);\n      box-shadow: var(--hp-nav-btn-hover-shadow, 0 6px 16px rgba(0, 0, 0, 0.2));\n    }\n    .hp-c17 .gif-carousel-button:active {\n      transform: translateY(-50%) scale(0.96);\n    }\n    .hp-c17 .gif-carousel-button svg {\n      width: 20px;\n      height: 20px;\n      stroke: currentColor;\n      stroke-width: 2.2;\n      fill: none;\n      display: block;\n      transition: stroke 0.2s ease;\n    }\n    .hp-c17 .gif-carousel-button.prev {\n      left: 10px;\n    }\n    .hp-c17 .gif-carousel-button.next {\n      right: 10px;\n    }\n    .hp-c17 .gif-carousel-dots {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 8px;\n      margin-top: 16px;\n      padding: 6px 0;\n    }\n    .hp-c17 .gif-carousel-dot {\n      width: 10px;\n      height: 10px;\n      background: #d6d6d7;\n      border-radius: 50%;\n      cursor: pointer;\n      transition:\n        background-color 0.3s ease,\n        transform 0.3s ease;\n    }\n    .hp-c17 .gif-carousel-dot:hover {\n      background: var(--hp-accent, #444444);\n      opacity: 0.6;\n    }\n    .hp-c17 .gif-carousel-dot.active {\n      background: var(--hp-accent, #444444);\n      transform: scale(1.25);\n    }\n    @media (min-width: 7690px) {\n      .hp-c17 .gif-carousel-track {\n        gap: 16px;\n        transform: none !important;\n      }\n      .hp-c17 .gif-slide {\n        min-width: 0;\n        flex: 1 1 0%;\n      }\n      .hp-c17 .gif-carousel-button,\n      .hp-c17 .gif-carousel-dots {\n        display: none;\n      }\n    }\n    @media (max-width: 7680px) {\n      .hp-c17 .gif-slide {\n        min-width: 100%;\n      }\n      .hp-c17 .gif-slide img {\n        max-width: 380px;\n        height: auto;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"secao\"\u003e\n    \u003ch2\u003eRehaussement invisible. Résultats visibles.\u003c\/h2\u003e\n    \u003cp\u003e\n      Chaque paire intègre un système rehaussant dissimulé offrant jusqu'à 11 cm (4,3 po) de hauteur supplémentaire. Portées par des dirigeants, des\n      personnalités publiques et plus de 80 000 personnes qui refusent de passer inaperçues.\n    \u003c\/p\u003e\n    \u003cdiv class=\"gif-carousel\"\u003e\n      \u003cdiv class=\"gif-carousel-track\"\u003e\n        \u003cdiv class=\"gif-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1495-2-video1.webp?v=1793725578\" alt=\"Démonstration du rehaussement discret 1\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gif-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1495-2-video2.webp?v=1793725578\" alt=\"Démonstration du rehaussement discret 2\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gif-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1495-2-video3.webp?v=1793725577\" alt=\"Démonstration du rehaussement discret 3\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cbutton type=\"button\" class=\"gif-carousel-button prev\" aria-label=\"Démonstration précédente\"\u003e\n        \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"gif-carousel-button next\" aria-label=\"Démonstration suivante\"\u003e\n        \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"gif-carousel-dots\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function () {\n      function initGifCarousel(container) {\n        if (!container || container.dataset.init) return;\n        container.dataset.init = \"1\";\n\n        const track = container.querySelector(\".gif-carousel-track\");\n        if (!track) return;\n        const slides = Array.from(track.children);\n        if (slides.length === 0) return;\n\n        const nextBtn = container.querySelector(\".gif-carousel-button.next\");\n        const prevBtn = container.querySelector(\".gif-carousel-button.prev\");\n        const dotsContainer = container.querySelector(\".gif-carousel-dots\");\n        let currentIndex = 0;\n\n        if (dotsContainer) {\n          dotsContainer.innerHTML = \"\";\n          slides.forEach((_, i) =\u003e {\n            const dot = document.createElement(\"span\");\n            dot.className = \"gif-carousel-dot\" + (i === 0 ? \" active\" : \"\");\n            dot.addEventListener(\"click\", () =\u003e {\n              currentIndex = i;\n              updateCarousel();\n            });\n            dotsContainer.appendChild(dot);\n          });\n        }\n\n        function updateCarousel() {\n          if (window.innerWidth \u003c= 7680) {\n            track.style.transform = `translateX(-${currentIndex * 100}%)`;\n          } else {\n            track.style.transform = \"none\";\n          }\n          if (dotsContainer) {\n            const dots = dotsContainer.querySelectorAll(\".gif-carousel-dot\");\n            dots.forEach((dot, i) =\u003e dot.classList.toggle(\"active\", i === currentIndex));\n          }\n        }\n\n        if (nextBtn) {\n          nextBtn.addEventListener(\"click\", () =\u003e {\n            currentIndex = (currentIndex + 1) % slides.length;\n            updateCarousel();\n          });\n        }\n\n        if (prevBtn) {\n          prevBtn.addEventListener(\"click\", () =\u003e {\n            currentIndex = (currentIndex - 1 + slides.length) % slides.length;\n            updateCarousel();\n          });\n        }\n\n        let startX = 0;\n        let startY = 0;\n        track.addEventListener(\n          \"touchstart\",\n          (e) =\u003e {\n            startX = e.changedTouches[0].clientX;\n            startY = e.changedTouches[0].clientY;\n          },\n          { passive: true },\n        );\n\n        track.addEventListener(\n          \"touchend\",\n          (e) =\u003e {\n            const diffX = startX - e.changedTouches[0].clientX;\n            const diffY = startY - e.changedTouches[0].clientY;\n            if (Math.abs(diffX) \u003e Math.abs(diffY) \u0026\u0026 Math.abs(diffX) \u003e 40 \u0026\u0026 window.innerWidth \u003c= 7680) {\n              if (diffX \u003e 0) currentIndex = (currentIndex + 1) % slides.length;\n              else currentIndex = (currentIndex - 1 + slides.length) % slides.length;\n              updateCarousel();\n            }\n          },\n          { passive: true },\n        );\n\n        window.addEventListener(\"resize\", updateCarousel, { passive: true });\n        updateCarousel();\n      }\n\n      function run() {\n        document.querySelectorAll(\".hp-c17\").forEach(initGifCarousel);\n      }\n\n      if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", run);\n      } else {\n        run();\n      }\n      document.addEventListener(\"shopify:section:load\", run);\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hp-section hp-c09\" id=\"hp-c09\"\u003e\n  \u003cstyle\u003e\n    .hp-c09 .tab-section-container {\n      max-width: 1000px;\n      margin: 0 auto;\n      padding: var(--hp-section-space, 20px) 20px;\n      text-align: center;\n      font-family: inherit;\n      box-sizing: border-box;\n    }\n    .hp-c09 .tab-section-container \u003e h2 {\n      margin-top: 0;\n      margin-bottom: 20px;\n      color: #121212;\n    }\n    .hp-c09 .tabs-nav {\n      display: inline-flex;\n      border: none;\n      margin-bottom: 28px;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      padding: 0;\n      position: relative;\n      background: transparent;\n    }\n    .hp-c09 .tab-btn {\n      background: transparent;\n      border: none;\n      padding: 9px 18px;\n      cursor: pointer;\n      font-weight: 700;\n      color: #121212 !important;\n      transition:\n        background-color 0.25s ease,\n        color 0.25s ease,\n        opacity 0.2s ease;\n      position: relative;\n      z-index: 2;\n      font-family: inherit;\n      border-radius: 8px;\n    }\n    .hp-c09 .tab-btn:hover {\n      opacity: 0.75;\n    }\n    .hp-c09 .tab-btn.active {\n      background-color: #1d1d1d !important;\n      color: #ffffff !important;\n      opacity: 1;\n    }\n    .hp-c09 .tab-glider {\n      display: none !important;\n    }\n    .hp-c09 .tab-card {\n      background-color: #f7f7f7;\n      border-radius: 18px;\n      padding: 16px;\n      display: grid;\n      grid-template-columns: 1.25fr 1fr;\n      grid-template-rows: 1fr auto;\n      grid-template-areas:\n        \"text media\"\n        \"progress media\";\n      column-gap: 28px;\n      text-align: left;\n      box-sizing: border-box;\n    }\n    .hp-c09 .tab-content {\n      display: none;\n    }\n    .hp-c09 .tab-content.active {\n      display: contents;\n    }\n    .hp-c09 .tab-text {\n      grid-area: text;\n      align-self: start;\n      padding: 36px 16px 20px 30px;\n      text-align: left;\n      animation: hp-c09-fadeIn 0.45s ease;\n    }\n    .hp-c09 .tab-text \u003e p:first-child {\n      font-style: italic;\n      font-weight: 700;\n      color: #121212;\n      margin: 0 0 12px 0;\n    }\n    .hp-c09 .tab-text h2 {\n      margin: 0 0 16px 0;\n      font-size: 1.6em;\n      font-weight: 700;\n      line-height: 1.25;\n      color: #121212;\n    }\n    .hp-c09 .tab-text \u003e p:last-child {\n      margin: 0;\n      line-height: 1.6;\n      color: #333;\n    }\n    .hp-c09 .tab-media {\n      grid-area: media;\n      width: 100%;\n      max-width: 450px;\n      margin: 0 auto;\n      animation: hp-c09-fadeIn 0.45s ease;\n    }\n    .hp-c09 .tab-media img {\n      width: 100%;\n      height: 100%;\n      max-width: 450px;\n      aspect-ratio: 1 \/ 1;\n      object-fit: cover;\n      border-radius: 14px;\n      box-shadow: none;\n      border: none;\n      display: block;\n      margin: 0 auto;\n    }\n    .hp-c09 .tab-progress {\n      grid-area: progress;\n      display: flex;\n      gap: 6px;\n      padding: 16px 16px 26px 30px;\n      align-items: center;\n    }\n    .hp-c09 .tab-progress-item {\n      flex: 1;\n      height: 3px;\n      background-color: #dfdfdf;\n      border: none;\n      border-radius: 2px;\n      padding: 0;\n      cursor: pointer;\n      overflow: hidden;\n      position: relative;\n    }\n    .hp-c09 .tab-progress-fill {\n      display: block;\n      width: 100%;\n      height: 100%;\n      background-color: #121212;\n      border-radius: 2px;\n      transform: scaleX(0);\n      transform-origin: left center;\n    }\n    .hp-c09 .tab-progress-item.active .tab-progress-fill {\n      animation: hp-c09-progress 10s linear forwards;\n    }\n    @keyframes hp-c09-progress {\n      from {\n        transform: scaleX(0);\n      }\n      to {\n        transform: scaleX(1);\n      }\n    }\n    @keyframes hp-c09-fadeIn {\n      from {\n        opacity: 0;\n      }\n      to {\n        opacity: 1;\n      }\n    }\n    @media (max-width: 7680px) {\n      .hp-c09 .tab-card {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto auto auto;\n        grid-template-areas:\n          \"media\"\n          \"text\"\n          \"progress\";\n        row-gap: 18px;\n        padding: 16px;\n      }\n      .hp-c09 .tab-media {\n        max-width: 450px;\n        margin: 0 auto;\n      }\n      .hp-c09 .tab-media img {\n        max-width: 450px;\n        height: auto;\n        margin: 0 auto;\n      }\n      .hp-c09 .tab-text {\n        padding: 4px 8px 0 8px;\n      }\n      .hp-c09 .tab-progress {\n        padding: 4px 8px 8px 8px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"secao tab-section-container\"\u003e\n    \u003ch2\u003eToutes les raisons d'hésiter\u003c\/h2\u003e\n\n    \u003cdiv class=\"tabs-nav\" role=\"tablist\"\u003e\n      \u003cdiv class=\"tab-glider\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n      \u003cbutton type=\"button\" id=\"c09-btn-1\" class=\"tab-btn active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"tab-waterproof\" data-tab=\"tab-waterproof\"\u003e\n        Ça paraît?\n      \u003c\/button\u003e\n      \u003cbutton type=\"button\" id=\"c09-btn-2\" class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-nonslip\" data-tab=\"tab-nonslip\"\u003e\n        Confortables?\n      \u003c\/button\u003e\n      \u003cbutton type=\"button\" id=\"c09-btn-3\" class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" aria-controls=\"tab-toe\" data-tab=\"tab-toe\"\u003eElle découvre?\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tab-card\"\u003e\n      \u003cdiv id=\"tab-waterproof\" class=\"tab-content active\" role=\"tabpanel\" aria-labelledby=\"c09-btn-1\"\u003e\n        \u003cdiv class=\"tab-text\"\u003e\n          \u003cp\u003eEst-ce que ça paraît?\u003c\/p\u003e\n          \u003ch2\u003eNon. C'est justement le but.\u003c\/h2\u003e\n          \u003cp\u003e\n            Aucune semelle massive. Aucun talon qui ressort. Aucune démarche raide pour vous trahir. Elles ressemblent à des espadrilles épurées tout à fait\n            normales : les gens remarquent que vous êtes plus grand, sans jamais deviner pourquoi.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tab-media\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1495-3-image1.webp?v=1793725577\" alt=\"Profil discret d'une chaussure rehaussante\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv id=\"tab-nonslip\" class=\"tab-content\" role=\"tabpanel\" aria-labelledby=\"c09-btn-2\"\u003e\n        \u003cdiv class=\"tab-text\"\u003e\n          \u003cp\u003eSont-elles confortables?\u003c\/p\u003e\n          \u003ch2\u003eLe confort d'une espadrille\u003c\/h2\u003e\n          \u003cp\u003e\n            Aussi confortables que vos espadrilles préférées — rien à voir avec des talons. Le rehaussement ne se limite pas au talon : l'avant-pied est aussi\n            surélevé afin que votre pied repose presque à plat au lieu de pencher vers l'avant. Vous oublierez vite ces centimètres en plus.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tab-media\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1495-3-image2.webp?v=1793725577\" alt=\"Comparaison de la semelle ergonomique interne\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv id=\"tab-toe\" class=\"tab-content\" role=\"tabpanel\" aria-labelledby=\"c09-btn-3\"\u003e\n        \u003cdiv class=\"tab-text\"\u003e\n          \u003cp\u003eEt si elle le découvre?\u003c\/p\u003e\n          \u003ch2\u003eÇa lui sera bien égal.\u003c\/h2\u003e\n          \u003cp\u003e\n            La grandeur attire son regard; votre personnalité fait le reste. Au moment où elle remarquera vos chaussures, c'est déjà à l'homme qui les porte\n            qu'elle s'intéressera — et quelques centimètres seront le cadet de ses soucis.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tab-media\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1495-3-image3.webp?v=1793725577\" alt=\"Style assuré au quotidien avec nos chaussures rehaussantes\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tab-progress\" aria-label=\"Progression des onglets\"\u003e\n        \u003cbutton type=\"button\" class=\"tab-progress-item active\" data-tab-index=\"0\" aria-label=\"Afficher Ça paraît?\"\u003e\n          \u003cspan class=\"tab-progress-fill\"\u003e\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"tab-progress-item\" data-tab-index=\"1\" aria-label=\"Afficher Confortables?\"\u003e\n          \u003cspan class=\"tab-progress-fill\"\u003e\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"tab-progress-item\" data-tab-index=\"2\" aria-label=\"Afficher Elle découvre?\"\u003e\n          \u003cspan class=\"tab-progress-fill\"\u003e\u003c\/span\u003e\n        \u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function () {\n      const AUTO_SWAP_MS = 10000;\n\n      function initGliderTabs(root) {\n        if (!root || root.dataset.init) return;\n        root.dataset.init = \"1\";\n\n        const glider = root.querySelector(\".tab-glider\");\n        const btns = Array.from(root.querySelectorAll(\".tab-btn\"));\n        const contents = Array.from(root.querySelectorAll(\".tab-content\"));\n        const progressItems = Array.from(root.querySelectorAll(\".tab-progress-item\"));\n        if (btns.length === 0) return;\n\n        let currentIndex = Math.max(\n          0,\n          btns.findIndex((b) =\u003e b.classList.contains(\"active\")),\n        );\n        let timerId = null;\n\n        function updateGlider(activeBtn) {\n          if (!glider || !activeBtn) return;\n          glider.style.left = activeBtn.offsetLeft + \"px\";\n          glider.style.top = activeBtn.offsetTop + \"px\";\n          glider.style.width = activeBtn.offsetWidth + \"px\";\n          glider.style.height = activeBtn.offsetHeight + \"px\";\n        }\n\n        function activateTab(index) {\n          currentIndex = ((index % btns.length) + btns.length) % btns.length;\n          const activeBtn = btns[currentIndex];\n          const tabId = activeBtn.getAttribute(\"data-tab\");\n\n          btns.forEach((b, i) =\u003e {\n            const isActive = i === currentIndex;\n            b.classList.toggle(\"active\", isActive);\n            b.setAttribute(\"aria-selected\", isActive ? \"true\" : \"false\");\n          });\n\n          contents.forEach((c) =\u003e {\n            c.classList.toggle(\"active\", c.id === tabId);\n          });\n\n          progressItems.forEach((item, i) =\u003e {\n            item.classList.remove(\"active\");\n            if (i === currentIndex) {\n              void item.offsetWidth;\n              item.classList.add(\"active\");\n            }\n          });\n\n          updateGlider(activeBtn);\n\n          if (timerId) clearTimeout(timerId);\n          timerId = setTimeout(() =\u003e {\n            activateTab(currentIndex + 1);\n          }, AUTO_SWAP_MS);\n        }\n\n        btns.forEach((btn, idx) =\u003e {\n          btn.addEventListener(\"click\", () =\u003e activateTab(idx));\n        });\n\n        progressItems.forEach((item, idx) =\u003e {\n          item.addEventListener(\"click\", () =\u003e activateTab(idx));\n        });\n\n        activateTab(currentIndex);\n\n        window.addEventListener(\"load\", () =\u003e updateGlider(btns[currentIndex]), { passive: true });\n        window.addEventListener(\"resize\", () =\u003e updateGlider(btns[currentIndex]), { passive: true });\n      }\n\n      function run() {\n        document.querySelectorAll(\".hp-c09\").forEach(initGliderTabs);\n      }\n\n      if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", run);\n      } else {\n        setTimeout(run, 50);\n      }\n      document.addEventListener(\"shopify:section:load\", () =\u003e setTimeout(run, 50));\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"secao\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1495-4-frca.webp?v=1793725577\" alt=\"Garantie de remboursement de 30 jours\" loading=\"lazy\" decoding=\"async\"\u003e\n  \u003ch2\u003ePas entièrement satisfait de votre commande?\u003c\/h2\u003e\n  \u003cp\u003e\n    Aucun souci! Vous disposez de 30 jours à partir de la date de livraison pour essayer votre achat en toute tranquillité. S'il ne répond pas à vos attentes,\n    retournez-nous simplement les articles et nous effectuerons un remboursement complet — ou échangez-les contre une autre pointure ou un autre modèle. Votre\n    satisfaction est notre priorité!\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hp-section hp-c26\" id=\"hp-c26\"\u003e\n  \u003cstyle\u003e\n    .hp-c26 {\n      --hp-c26-card-bg: #f7f7f7;\n      --hp-c26-star-color: #ffc400;\n    }\n    .hp-c26 .review-carousel {\n      position: relative;\n      max-width: 1200px;\n      margin: 20px auto 0 auto;\n      padding: 4px 0 6px 0;\n      overflow: hidden;\n    }\n    .hp-c26 .review-carousel-wrapper {\n      display: flex;\n      transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);\n    }\n    .hp-c26 .review-slide {\n      box-sizing: border-box;\n      display: flex;\n    }\n    .hp-c26 .review {\n      max-width: 1200px;\n      margin: 0 auto;\n      border-radius: 12px;\n      color: #1a1a1a;\n      background-color: var(--hp-c26-card-bg);\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n      overflow: hidden;\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n    }\n    .hp-c26 .review-image {\n      width: 100%;\n      height: 300px;\n      object-fit: cover;\n      object-position: center;\n      display: block;\n      cursor: zoom-in;\n      transition: transform 0.3s ease;\n    }\n    .hp-c26 .review-image:hover {\n      transform: scale(1.02);\n    }\n    .hp-c26 .star-box {\n      display: inline-block;\n      background-color: #ffffff;\n      border-radius: 16px;\n      padding: 6px 14px;\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n      line-height: 1;\n      position: relative;\n      z-index: 2;\n      margin-top: -18px;\n      color: var(--hp-c26-star-color);\n      font-size: 1.3em;\n      margin-left: auto;\n      margin-right: auto;\n      letter-spacing: 2px;\n    }\n    .hp-c26 .review-content {\n      text-align: center;\n      padding: 16px 14px;\n      font-size: 0.9em;\n      flex-grow: 1;\n      line-height: 1.45;\n    }\n    .hp-c26 .review-content p:first-child {\n      font-weight: 700;\n      margin-bottom: 6px;\n    }\n    .hp-c26 .review-carousel-button {\n      position: absolute;\n      top: 40%;\n      transform: translateY(-50%);\n      width: var(--hp-nav-btn-size, 42px);\n      height: var(--hp-nav-btn-size, 42px);\n      background: var(--hp-nav-btn-bg, rgba(255, 255, 255, 0.95));\n      border: 1px solid var(--hp-nav-btn-border, rgba(0, 0, 0, 0.08));\n      border-radius: 50%;\n      box-shadow: var(--hp-nav-btn-shadow, 0 4px 12px rgba(0, 0, 0, 0.12));\n      color: var(--hp-nav-btn-color, #1a1a1a);\n      cursor: pointer;\n      z-index: 5;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n      -webkit-backdrop-filter: blur(4px);\n      backdrop-filter: blur(4px);\n      padding: 0;\n      outline: none;\n      font-family: inherit;\n    }\n    .hp-c26 .review-carousel-button:hover {\n      background: var(--hp-nav-btn-hover-bg, var(--hp-accent, #f25260));\n      color: var(--hp-nav-btn-hover-color, #ffffff);\n      border-color: transparent;\n      transform: translateY(-50%) scale(1.08);\n      box-shadow: var(--hp-nav-btn-hover-shadow, 0 6px 16px rgba(0, 0, 0, 0.2));\n    }\n    .hp-c26 .review-carousel-button:active {\n      transform: translateY(-50%) scale(0.96);\n    }\n    .hp-c26 .review-carousel-button svg {\n      width: 20px;\n      height: 20px;\n      stroke: currentColor;\n      stroke-width: 2.2;\n      fill: none;\n      display: block;\n      transition: stroke 0.2s ease;\n    }\n    .hp-c26 .review-carousel-button.prev {\n      left: 10px;\n    }\n    .hp-c26 .review-carousel-button.next {\n      right: 10px;\n    }\n    .hp-c26 .review-carousel-dots {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 8px;\n      margin-top: 20px;\n      padding: 6px 0;\n    }\n    .hp-c26 .review-carousel-dot {\n      width: 10px;\n      height: 10px;\n      background: #d6d6d7;\n      border-radius: 50%;\n      cursor: pointer;\n      transition:\n        background-color 0.3s ease,\n        transform 0.3s ease;\n    }\n    .hp-c26 .review-carousel-dot:hover {\n      background: var(--hp-accent, #f25260);\n      opacity: 0.6;\n    }\n    .hp-c26 .review-carousel-dot.active {\n      background: var(--hp-accent, #f25260);\n      transform: scale(1.25);\n    }\n\n    @media (min-width: 6010px) {\n      .hp-c26 .review-carousel-wrapper {\n        display: flex;\n        gap: 20px;\n        transform: none !important;\n      }\n      .hp-c26 .review-carousel .review-slide {\n        min-width: 0;\n        flex: 1 1 30%;\n      }\n      .hp-c26 .review-carousel-button,\n      .hp-c26 .review-carousel-dots {\n        display: none;\n      }\n    }\n    @media (max-width: 6000px) {\n      .hp-c26 .review-slide {\n        min-width: 100%;\n      }\n      .hp-c26 .review {\n        max-width: 380px;\n      }\n    }\n\n    .hp-c26 .review-lightbox {\n      display: none;\n      position: fixed;\n      z-index: 99999;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.85);\n      -webkit-backdrop-filter: blur(4px);\n      backdrop-filter: blur(4px);\n      justify-content: center;\n      align-items: center;\n    }\n    .hp-c26 .review-lightbox-content {\n      max-width: 90%;\n      max-height: 85%;\n      border-radius: 10px;\n      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);\n      object-fit: contain;\n    }\n    .hp-c26 .review-lightbox-close {\n      position: absolute;\n      top: 25px;\n      right: 35px;\n      background: none;\n      border: none;\n      padding: 0;\n      font-family: inherit;\n      color: #ffffff;\n      font-size: 40px;\n      font-weight: bold;\n      cursor: pointer;\n      line-height: 1;\n      transition: color 0.2s ease;\n    }\n    .hp-c26 .review-lightbox-close:hover {\n      color: #bbb;\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"secao\"\u003e\n    \u003ch2\u003eAvis de nos clients\u003c\/h2\u003e\n    \u003cdiv class=\"review-carousel\"\u003e\n      \u003cdiv class=\"review-carousel-wrapper\"\u003e\n        \u003cdiv class=\"review-slide\"\u003e\n          \u003cdiv class=\"review\"\u003e\n            \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1495-5-review1.jpg?v=1793725577\" alt=\"Photo de l'avis client de Marc-Antoine\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv class=\"star-box\" aria-label=\"5 étoiles sur 5\"\u003e★★★★★\u003c\/div\u003e\n            \u003cdiv class=\"review-content\"\u003e\n              \u003cp\u003eMarc-Antoine\u003c\/p\u003e\n              \u003cp\u003e\n                Je porte ces bottes à moto et c'est exactement ce qu'il me fallait. Elles sont confortables et me permettent enfin de poser les deux pieds bien\n                à plat au sol aux arrêts — on se sent beaucoup plus en contrôle. Le cuir et les coutures ont l'air super solides.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"review-slide\"\u003e\n          \u003cdiv class=\"review\"\u003e\n            \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1495-5-review2.jpg?v=1793725577\" alt=\"Photo de l'avis client de Félix\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv class=\"star-box\" aria-label=\"5 étoiles sur 5\"\u003e★★★★★\u003c\/div\u003e\n            \u003cdiv class=\"review-content\"\u003e\n              \u003cp\u003eFélix\u003c\/p\u003e\n              \u003cp\u003e\n                Très belle qualité, l'effet rehaussant est vraiment surprenant sans que ça paraisse de l'extérieur. La botte est confortable, juste un peu\n                ajustée sur le cou-de-pied au début même si la pointure est bonne, mais le cuir s'assouplit rapidement après quelques sorties.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"review-slide\"\u003e\n          \u003cdiv class=\"review\"\u003e\n            \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1495-5-review3.jpg?v=1793725577\" alt=\"Photo de l'avis client de Simon\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003cdiv class=\"star-box\" aria-label=\"5 étoiles sur 5\"\u003e★★★★★\u003c\/div\u003e\n            \u003cdiv class=\"review-content\"\u003e\n              \u003cp\u003eSimon\u003c\/p\u003e\n              \u003cp\u003e\n                Vraiment belles en vrai et super confortables pour marcher toute la journée. Essayées en moto aussi la fin de semaine passée : la différence de\n                hauteur se sent tout de suite. C'est du solide!\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cbutton type=\"button\" class=\"review-carousel-button prev\" aria-label=\"Avis précédent\"\u003e\n        \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"review-carousel-button next\" aria-label=\"Avis suivant\"\u003e\n        \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"review-carousel-dots\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"review-lightbox hp-c26-lightbox\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\"\u003e\n    \u003cbutton type=\"button\" class=\"review-lightbox-close\" aria-label=\"Fermer l'image\"\u003e×\u003c\/button\u003e\n    \u003cimg class=\"review-lightbox-content\" alt=\"Photo de l'avis agrandie\" decoding=\"async\"\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function () {\n      function initReviewCarousel(container) {\n        if (!container || container.dataset.init) return;\n        container.dataset.init = \"1\";\n\n        const carouselWrapper = container.querySelector(\".review-carousel-wrapper\");\n        if (!carouselWrapper) return;\n        const slides = Array.from(carouselWrapper.children);\n        if (slides.length === 0) return;\n\n        const nextButton = container.querySelector(\".review-carousel-button.next\");\n        const prevButton = container.querySelector(\".review-carousel-button.prev\");\n        const dotsContainer = container.querySelector(\".review-carousel-dots\");\n        let currentIndex = 0;\n\n        if (dotsContainer) {\n          dotsContainer.innerHTML = \"\";\n          slides.forEach((_, i) =\u003e {\n            const dot = document.createElement(\"span\");\n            dot.className = \"review-carousel-dot\" + (i === 0 ? \" active\" : \"\");\n            dot.addEventListener(\"click\", () =\u003e {\n              currentIndex = i;\n              updateCarousel();\n            });\n            dotsContainer.appendChild(dot);\n          });\n        }\n\n        function updateCarousel() {\n          if (window.innerWidth \u003c= 6000) {\n            carouselWrapper.style.transform = `translateX(-${currentIndex * 100}%)`;\n          } else {\n            carouselWrapper.style.transform = \"none\";\n          }\n          if (dotsContainer) {\n            const dots = dotsContainer.querySelectorAll(\".review-carousel-dot\");\n            dots.forEach((dot, i) =\u003e dot.classList.toggle(\"active\", i === currentIndex));\n          }\n        }\n\n        if (nextButton) {\n          nextButton.addEventListener(\"click\", () =\u003e {\n            currentIndex = (currentIndex + 1) % slides.length;\n            updateCarousel();\n          });\n        }\n\n        if (prevButton) {\n          prevButton.addEventListener(\"click\", () =\u003e {\n            currentIndex = (currentIndex - 1 + slides.length) % slides.length;\n            updateCarousel();\n          });\n        }\n\n        let startX = 0;\n        let startY = 0;\n        carouselWrapper.addEventListener(\n          \"touchstart\",\n          (e) =\u003e {\n            startX = e.changedTouches[0].clientX;\n            startY = e.changedTouches[0].clientY;\n          },\n          { passive: true },\n        );\n\n        carouselWrapper.addEventListener(\n          \"touchend\",\n          (e) =\u003e {\n            const diffX = startX - e.changedTouches[0].clientX;\n            const diffY = startY - e.changedTouches[0].clientY;\n            if (Math.abs(diffX) \u003e Math.abs(diffY) \u0026\u0026 Math.abs(diffX) \u003e 40 \u0026\u0026 window.innerWidth \u003c= 6000) {\n              if (diffX \u003e 0) currentIndex = (currentIndex + 1) % slides.length;\n              else currentIndex = (currentIndex - 1 + slides.length) % slides.length;\n              updateCarousel();\n            }\n          },\n          { passive: true },\n        );\n\n        window.addEventListener(\"resize\", updateCarousel, { passive: true });\n        updateCarousel();\n\n        const lightbox = container.querySelector(\".hp-c26-lightbox\");\n        if (lightbox) {\n          const lightboxImg = lightbox.querySelector(\".review-lightbox-content\");\n          const closeBtn = lightbox.querySelector(\".review-lightbox-close\");\n          const reviewImages = container.querySelectorAll(\".review-image\");\n\n          reviewImages.forEach((img) =\u003e {\n            img.addEventListener(\"click\", () =\u003e {\n              lightboxImg.src = img.src;\n              lightbox.style.display = \"flex\";\n              lightbox.setAttribute(\"aria-hidden\", \"false\");\n            });\n          });\n\n          function closeLightbox() {\n            lightbox.style.display = \"none\";\n            lightbox.setAttribute(\"aria-hidden\", \"true\");\n          }\n\n          if (closeBtn) closeBtn.addEventListener(\"click\", closeLightbox);\n          lightbox.addEventListener(\"click\", (e) =\u003e {\n            if (e.target === lightbox) closeLightbox();\n          });\n        }\n      }\n\n      function run() {\n        document.querySelectorAll(\".hp-c26\").forEach(initReviewCarousel);\n      }\n\n      if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", run);\n      } else {\n        run();\n      }\n      document.addEventListener(\"shopify:section:load\", run);\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hp-section hp-c02\" id=\"hp-c02\"\u003e\n  \u003cstyle\u003e\n    .hp-c02 {\n      --hp-acc-bg: #ededed;\n      --hp-acc-bg-hover: #e4e4e4;\n      --hp-acc-text: #000000;\n      --hp-acc-body-text: #444444;\n      --hp-acc-radius: 14px;\n      --hp-acc-max-width: 800px;\n    }\n    .hp-c02 .secao {\n      padding: var(--hp-section-space, 20px) 20px;\n    }\n    .hp-c02 .accordion {\n      width: 100%;\n      max-width: var(--hp-acc-max-width);\n      margin: 20px auto 0 auto;\n      border: none;\n      font-size: 0.9em;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n    .hp-c02 .accordion-item {\n      border: none;\n      border-radius: var(--hp-acc-radius);\n      background-color: var(--hp-acc-bg);\n      overflow: hidden;\n      transition: background-color 0.25s ease;\n    }\n    .hp-c02 .accordion-item:hover {\n      background-color: var(--hp-acc-bg-hover);\n    }\n    .hp-c02 .accordion-header {\n      width: 100%;\n      background: none;\n      border: none;\n      font-family: inherit;\n      font-size: 1em;\n      color: var(--hp-acc-text);\n      padding: 18px 22px;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 16px;\n      text-align: left;\n      font-weight: bold;\n    }\n    .hp-c02 .accordion-body {\n      text-align: left;\n      padding: 0 22px;\n      max-height: 0;\n      overflow: hidden;\n      color: var(--hp-acc-body-text);\n      transition:\n        max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n        padding 0.35s ease;\n      line-height: 1.65;\n    }\n    .hp-c02 .accordion-body.active {\n      padding: 2px 22px 22px 22px;\n    }\n    .hp-c02 .accordion-body p {\n      margin: 0;\n      color: var(--hp-acc-body-text);\n    }\n    .hp-c02 .accordion-header .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      width: 16px;\n      height: 16px;\n      color: #1a1a1a;\n      transition: transform 0.3s ease;\n      transform: rotate(0deg);\n    }\n    .hp-c02 .accordion-header.active .icon {\n      transform: rotate(180deg);\n    }\n    .hp-c02 .accordion-header .icon svg {\n      width: 100%;\n      height: 100%;\n      stroke: currentColor;\n      stroke-width: 1.8;\n      fill: none;\n      display: block;\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"secao\"\u003e\n    \u003ch2\u003eFoire aux questions\u003c\/h2\u003e\n    \u003cp\u003eVous ne trouvez pas réponse à votre question? Communiquez avec nous.\u003c\/p\u003e\n    \u003cdiv class=\"accordion\"\u003e\n      \u003cdiv class=\"accordion-item\"\u003e\n        \u003cbutton type=\"button\" class=\"accordion-header\" aria-expanded=\"false\"\u003e\n          Pourquoi choisir nos chaussures plutôt que des semelles rehaussantes?\n          \u003cspan class=\"icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n            \u003c\/svg\u003e\n          \u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"accordion-body\"\u003e\n          \u003cp\u003e\n            Nos chaussures constituent une solution complète pensée dès la conception pour l'élévation. Contrairement aux semelles amovibles qui s'adaptent mal\n            à la plupart des souliers, nos modèles sont fabriqués sur mesure pour un gain de taille discret. Les semelles ajoutées causent souvent de\n            l'inconfort et de l'instabilité, en plus de faire sortir le talon de la chaussure et de révéler que vous en portez. Nos bottes et souliers vous\n            offrent une façon élégante, stable et confortable de paraître plus grand sans compromis.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"accordion-item\"\u003e\n        \u003cbutton type=\"button\" class=\"accordion-header\" aria-expanded=\"false\"\u003e\n          Ces chaussures sont-elles confortables pour être portées tous les jours?\n          \u003cspan class=\"icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n            \u003c\/svg\u003e\n          \u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"accordion-body\"\u003e\n          \u003cp\u003e\n            Tout à fait! Chaque paire offerte dans notre boutique est conçue pour le confort au quotidien. Que vous alliez au bureau, marchiez en ville ou\n            sortiez le soir, nos chaussures sont pensées pour vous garder à l'aise du matin jusqu'au soir.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"accordion-item\"\u003e\n        \u003cbutton type=\"button\" class=\"accordion-header\" aria-expanded=\"false\"\u003e\n          À quel point ces bottes sont-elles discrètes?\n          \u003cspan class=\"icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n            \u003c\/svg\u003e\n          \u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"accordion-body\"\u003e\n          \u003cp\u003e\n            Nos chaussures sont remarquablement discrètes. Sans logo extérieur ni marque apparente, elles conservent des proportions classiques tout à fait\n            naturelles. Vous profitez des centimètres supplémentaires sans jamais attirer l'attention sur votre secret.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"accordion-item\"\u003e\n        \u003cbutton type=\"button\" class=\"accordion-header\" aria-expanded=\"false\"\u003e\n          Puis-je porter vos chaussures pour le sport ou des journées actives?\n          \u003cspan class=\"icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n            \u003c\/svg\u003e\n          \u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"accordion-body\"\u003e\n          \u003cp\u003e\n            Oui, bien sûr! Notre boutique propose une variété de modèles — des bottes en cuir robustes comme les Aldren 9 jusqu'aux espadrilles légères conçues\n            pour un mode de vie actif. C'est votre solution tout-en-un.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"accordion-item\"\u003e\n        \u003cbutton type=\"button\" class=\"accordion-header\" aria-expanded=\"false\"\u003e\n          Offrez-vous différentes options de hauteur?\n          \u003cspan class=\"icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n            \u003c\/svg\u003e\n          \u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"accordion-body\"\u003e\n          \u003cp\u003e\n            Oui, notre collection propose plusieurs hauteurs de rehaussement, allant de 5 cm (2 po) jusqu'à 9 cm (3,5 po) et plus. La hauteur de la plupart de\n            nos modèles peut même être personnalisée — si vous cherchez quelque chose de précis, faites-nous simplement signe!\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function () {\n      function initAccordion(container) {\n        if (!container || container.dataset.init) return;\n        container.dataset.init = \"1\";\n\n        const headers = container.querySelectorAll(\".accordion-header\");\n        headers.forEach((header) =\u003e {\n          header.addEventListener(\"click\", function () {\n            const body = this.nextElementSibling;\n            const isActive = this.classList.contains(\"active\");\n\n            container.querySelectorAll(\".accordion-body\").forEach((b) =\u003e {\n              b.classList.remove(\"active\");\n              b.style.maxHeight = null;\n            });\n            container.querySelectorAll(\".accordion-header\").forEach((h) =\u003e {\n              h.classList.remove(\"active\");\n              h.setAttribute(\"aria-expanded\", \"false\");\n            });\n\n            if (!isActive \u0026\u0026 body) {\n              this.classList.add(\"active\");\n              this.setAttribute(\"aria-expanded\", \"true\");\n              body.classList.add(\"active\");\n              body.style.maxHeight = body.scrollHeight + 40 + \"px\";\n            }\n          });\n        });\n\n        window.addEventListener(\n          \"resize\",\n          () =\u003e {\n            const activeBody = container.querySelector(\".accordion-body.active\");\n            if (activeBody) {\n              activeBody.style.maxHeight = activeBody.scrollHeight + 40 + \"px\";\n            }\n          },\n          { passive: true },\n        );\n      }\n\n      function run() {\n        document.querySelectorAll(\".hp-c02\").forEach(initAccordion);\n      }\n\n      if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", run);\n      } else {\n        run();\n      }\n      document.addEventListener(\"shopify:section:load\", run);\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"BestMaxy","offers":[{"title":"Noir \/ US 6 (EU 38)","offer_id":67953048092845,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Noir \/ US 6.5 (EU 39)","offer_id":67953048125613,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Noir \/ US 7.5 (EU 40)","offer_id":67953048158381,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Noir \/ US 8 (EU 41)","offer_id":67953048191149,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Noir \/ US 9 (EU 42)","offer_id":67953048223917,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Noir \/ US 10 (EU 43)","offer_id":67953048256685,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Noir \/ US 10.5 (EU 44)","offer_id":67953048289453,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Noir \/ US 11.5 (EU 45)","offer_id":67953048322221,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Noir \/ US 12 (EU 46)","offer_id":67953048354989,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Beige \/ US 6 (EU 38)","offer_id":67953048387757,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Beige \/ US 6.5 (EU 39)","offer_id":67953048420525,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Beige \/ US 7.5 (EU 40)","offer_id":67953048453293,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Beige \/ US 8 (EU 41)","offer_id":67953048486061,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Beige \/ US 9 (EU 42)","offer_id":67953048518829,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Beige \/ US 10 (EU 43)","offer_id":67953048551597,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Beige \/ US 10.5 (EU 44)","offer_id":67953048584365,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Beige \/ US 11.5 (EU 45)","offer_id":67953048617133,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Beige \/ US 12 (EU 46)","offer_id":67953048649901,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Gris \/ US 6 (EU 38)","offer_id":67953048682669,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Gris \/ US 6.5 (EU 39)","offer_id":67953048715437,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Gris \/ US 7.5 (EU 40)","offer_id":67953048748205,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Gris \/ US 8 (EU 41)","offer_id":67953048780973,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Gris \/ US 9 (EU 42)","offer_id":67953048813741,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Gris \/ US 10 (EU 43)","offer_id":67953048846509,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Gris \/ US 10.5 (EU 44)","offer_id":67953048879277,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Gris \/ US 11.5 (EU 45)","offer_id":67953048912045,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true},{"title":"Gris \/ US 12 (EU 46)","offer_id":67953048944813,"sku":"no","price":159.9,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0540\/8053\/6749\/files\/Vexor.webp?v=1793726759","url":"https:\/\/www.bestmaxy.com\/en\/products\/aldrennine","provider":"BestMaxy","version":"1.0","type":"link"}