{"template--22877694984408__main":"<section id=\"shopify-section-template--22877694984408__main\" class=\"shopify-section\">\n\n\n  <script src=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/core-main-product.Cu-0ScGc.min.js\" type=\"module\" crossorigin=\"anonymous\"></script>\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/auto-background.B0zup6Z1.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/BaseElement.T5rcpVrk.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/product-form.DzRVld8W.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/quantity-input.BWx6RU8u.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/variant-picker.BhMBH4zi.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/HTMLUpdateUtility.2fQnjcA1.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/custom-element.BhZVzxrc.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/property.Dm56DSFq.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/lit-element.Ck2-kYtD.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/quickshop.CQYPJqsz.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/create-context.89xeped_.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/campaign-selection.B5-TeUQd.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/allocation.BO912OqN.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/const.CjCFfk0D.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/extract-configuration.CvfQoQbY.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/parse-gid.DM2aBtBE.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/WithShopifyCart.T-zTSEEe.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/WithApiClient.CFHJi-3d.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/index.CKJCYK2x.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/cart-sections.WoVMkNAv.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/consts.Dt9gX5F1.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/consume.buk_6rqo.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/context-consumer.6OsvWj3y.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/context-request-event.GdmzvDV-.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/state.pNvj1WJM.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/ref.Bc1J5A28.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/async-directive.5e-jbmI2.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/directive-helpers.BnPw-Oht.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/directive.C_Rw-dL6.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/FormElement.CFMFcW11.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/b2bCartInventory.BYLjf-Xw.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/debounce.D2gDgTRx.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/LiveRegionUtility.44lKd9Yx.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/aria-live-region-context.BZEtRCSs.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/floating-ui.dom.DEcrQNU1.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/core-previous-url.DTogiNxj.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/firstFocusableElement.BqnhZP5g.min.js\" crossorigin=\"anonymous\">\n\n\n\n\n  <script src=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/core-accordion.BJXQt_jQ.min.js\" type=\"module\" crossorigin=\"anonymous\"></script>\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/BaseElement.T5rcpVrk.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/custom-element.BhZVzxrc.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/property.Dm56DSFq.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/query.CpiO8Lcb.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/lit-element.Ck2-kYtD.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/base.CShCMygk.min.js\" crossorigin=\"anonymous\">\n\n\n\n\n  <script src=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/core-track-recently-viewed.CftNL9UY.min.js\" type=\"module\" crossorigin=\"anonymous\"></script>\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/BaseElement.T5rcpVrk.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/recentlyViewedStorage.CyzwQTu8.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/custom-element.BhZVzxrc.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/property.Dm56DSFq.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/lit-element.Ck2-kYtD.min.js\" crossorigin=\"anonymous\">\n\n<track-recently-viewed product-handle='hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863'></track-recently-viewed>\n\n\n\n<script>\n  (function() {var trackingProductObject = { id: \"239863\", shopify_id:\n  9236958413016, handle: \"hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863\", title: \"Hoka Mach 4\", type:\n  \"Shoes\", vendor: \"Hoka\", url: \"\\/products\\/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863\", tags:\n  [\"1113528-DBGA\",\"age_adults\",\"gender_male\",\"groundtype_road\",\"owner_pdrun\",\"silo_mach\",\"type_shoes\",\"webdept_shoes\"], options: [{\"name\":\"Taille\",\"position\":1,\"values\":[\"40\",\"40.66\",\"41.33\",\"42\",\"42.66\",\"43.33\",\"44\",\"44.66\",\"45.33\",\"46\",\"46.66\",\"47.33\",\"48\",\"49.33\"]}], attributes: Object.assign({},\n  {\"activity\":[\"Running\"],\"age\":[\"Adultes\"],\"base_colour\":\"Bleu\",\"best_for\":[\"Tempo Run\"],\"brand\":\"Hoka\",\"colourway\":\"Frêne bleu-vert éclatant\",\"cushioning\":\"Extra\",\"department\":\"Chaussures Homme\",\"exclude_google\":false,\"exclude_mb\":false,\"exclude_promo\":false,\"exclusive\":false,\"foot_type\":\"Neutre\",\"franchise\":\"Mens Running Footwear-Road\",\"gender\":[\"Hommes\"],\"google_age_group\":\"Adult\",\"google_gender\":\"Male\",\"google_product_category\":\"Clothing \\u0026 Accessories \\u003e Shoes\",\"ground_type\":\"Route\",\"ignore_po_window\":false,\"is_anatwine_extended_range\":false,\"is_preorder\":false,\"owner\":\"PDRUN\",\"pack\":[\"This Mum Runs Collection\"],\"pd_campaign\":[\"Noël 2021\"],\"release_quarter\":\"2021_Q3\",\"reporting_age\":\"Adults\",\"seo_copy\":\"Les chaussures Hoka Mach 4 sont conçues pour vous offrir une vitesse inégalée pour un coureur de tous les jours. Elles sont plus douces et plus rebondissantes que la version précédente. Elles offrent toujours une course dynamique et énergique grâce à une mousse Profly incroyablement douce et légère sur le dessus, et un mousse caoutchoutée en-dessous.  Comme toutes les chaussures de course Hoka, elles sont dotées d\\u0026#39;une grande plateforme, pour des transitions en douceur et te permettent courir plus longtemps.   L\\u0026#39;empeigne dipose d\\u0026#39;une construction en maille technique pour une ventilation élevée et un confort amélioré. De plus, les fils brodés en TPU pressés à chaud donnent une sensation de maintien confortable. Le talon est construit avec une forme de col raffinée pour alléger la pression sur le talon l\\u0026#39;Achille.\",\"seo_description\":\"Ce sont des chaussures de course de tous les jours, mais les Hoka Mach 4 - Bleu\\/Vert s'inspirent des chaussures de jour de course Rocket X et Carbon X. Les chaussures sont légères, rapides et réactives pour une vitesse optimale.\",\"seo_title\":\"Hoka Mach 4 - Bleu éblouissant\\/Vert cendré - Chaussures pour homme\",\"set_features\":\"\\u003cbr \\/\\u003e\\u0026bull; Poids: 232 g (8,2 oz) \\u003cbr \\/\\u003e\\u0026bull; Hauteur de la pile: 29 mm - 24 mm \\u003cbr \\/\\u003e\\u0026bull; Talon: 5 mm \\u003cbr \\/\\u003e\\u0026bull; Semelle intermédiaire Profly \\u003cbr \\/\\u003e\\u0026bull; Semelle extérieure en caoutchouc EVA \\u003cbr \\/\\u003e\\u0026bull; Technologie Mata Rocker  \\u003cbr \\/\\u003e\\u0026bull; Empeigne en mesh technique \\u003cbr \\/\\u003e\\u0026bull; Construction anatomique pour le talon d\\u0026#39;Achille\",\"shoe_width\":\"Coupe Standard\",\"silo\":\"Mach\",\"sortkey\":\"Hoka_MWFTW_FW21\",\"sustainable\":false,\"type\":\"Shoes\",\"web_category\":\"Chaussures\",\"web_department\":\"Baskets\"}, { is_dropship:\n  false }), pricing: { currency: \"EUR\", price:\n  \"93,00\", compareAtPrice:\n  \"138,75\", discount: { percent:\n  \n    32\n  , amount:\n  \"45,75\"\n  } }, };const view_product_event_data = {\n      product: trackingProductObject,\n      pageType: 'Product Page',\n    };\n\n    Shopify.analytics.publish('pd:product_viewed', view_product_event_data);\n  })();\n</script>\n\n\n\n<main-product\n  \n    \n      class='grid grid-cols-1 lg:grid-cols-[minmax(0,_1fr)_27.924vw] gap-x-md gap-y-sm py-xs px-sm lg:gap-y-md lg:px-0 lg:pt-0 lg:pb-5'\n    \n    update-url='true'\n  \n  product-url='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863'\n  section-id='template--22877694984408__main'\n  id='template--22877694984408__main'\n>\n  \n\n<div class='grid lg:hidden grid-cols-1 gap-y-5'>\n\n<div class='flex items-center justify-between gap-x-2xs'>\n  <div sub-section-id='product-form-mobile-template--22877694984408__main-badges'><div class='flex items-center gap-2 flex-wrap'><div class='w-fit flex gap-2xs items-center p-2xs rounded-sm bg-(--bg-color) text-(--color) py-[7px] px-2' style=\"--bg-color:#ffffff;--color:#e6001f;\"><span class='text-utility uppercase flex gap-2'>32% de réduction</span></div>\n\n</div>\n</div>\n\n  <dialog-toggle global-interactive-element modal-id='product-info-cta-reviews'>\n    <!-- TODO: Remove default product.id -->\n    \n    <div\n      data-bv-show='inline_rating'\n      data-bv-product-id='239863'\n      data-bv-redirect-url='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863'\n      data-bv-seo='false'\n    ></div>\n  </dialog-toggle>\n</div>\n<div sub-section-id='product-form-mobile-template--22877694984408__maintitle' >\n            <h1 class='h5 md:text-xl mb-0 flex flex-col gap-y-xs'>\n              \n                Hoka Mach 4\n                <div class='text-body text-t-foreground-secondary'>\n                  Frêne bleu-vert éclatant\n                </div>\n              \n            </h1>\n          </div>\n\n<div class='flex items-start justify-between gap-4' data-product-price>\n  <div sub-section-id='product-form-mobile-template--22877694984408__main-'>\n    <div class='flex items-center justify-between gap-x-2xs'><div\n          class='h6 mb-0'\n          id='price-template--22877694984408__main'\n          role='status'\n          \n        >\n          \n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price text-t-black group-data-[theme=dark]:text-t-white text-body-large font-medium flex! gap-x-xs text-lg\n price--sold-out on-sale volume-pricing--sale-badge'\n    data-price='9300'\n    data-compare-at-price='13875'\n    data-price-varies='false'\n    \n  >\n    <div class='inline-flex gap-x-2xs text-body-large font-medium flex! gap-x-xs text-lg'>\n      <div class='group-[.on-sale]/price:flex gap-x-xs'>\n        <span class='sr-only'>Prix normal</span>\n        <span class='flex flex-row gap-x-2.5 text-body-large font-medium flex! gap-x-xs text-lg'>\n          <span\n            class='\n              text-t-red-light\n              text-t-red-light\n              \n            '\n            data-price-regular\n          >\n            93,00€\n          </span>\n          <span\n            data-price-compare-at-wrapper\n            class=''\n          >\n            <span class='sr-only'>Prix normal</span>\n            <span>\n              <s\n                class='line-through text-t-foreground-secondary group-data-[theme=dark]:text-t-white'\n                data-price-compare-at\n              >138,75€\n</s>\n            </span>\n          </span>\n        </span>\n      </div>\n      <small class='text-caption text-t-black group-data-[theme=dark]:text-t-white  hidden'>\n        <span class='sr-only'>Prix unitaire</span>\n        <span class='text-body-large font-medium flex! gap-x-xs text-lg'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;par&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n\n        </div></div>\n<div class='caption hidden'>Taxes incluses.\n</div><div ><form method=\"post\" action=\"/cart/add\" id=\"product-form-installment-product-form-mobile-template--22877694984408__main\" accept-charset=\"UTF-8\" class=\"caption\" enctype=\"multipart/form-data\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" /><input type='hidden' name='id' value='51726842101976'>\n        \n<input type=\"hidden\" name=\"product-id\" value=\"9236958413016\" /><input type=\"hidden\" name=\"section-id\" value=\"template--22877694984408__main\" /></form></div>\n  </div>\n  \n\n\n\n\n\n  <a\n    href='/customer_authentication/login?return_to=/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863'\n    data-wish-list-login\n    aria-label='Liste de souhaits'\n    class='group btn btn--icon disabled:opacity-50 '\n  >\n    \n<svg-icon\n  src='icon-heart'\n  class='inline-block w-4 h-4 text-gray-500'\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n  \n></svg-icon>\n\n  </a>\n\n\n</div>\n</div>\n\n\n\n\n\n  <script src=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/core-swiper-with-media.LBGhs1aF.min.js\" type=\"module\" crossorigin=\"anonymous\"></script>\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/SwiperElement.CNd27utP.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/custom-element.BhZVzxrc.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/lit-element.Ck2-kYtD.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/BaseElement.T5rcpVrk.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/core-vendor-swiper.CktHZg4P.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/preload-helper.C1FmrZbK.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/property.Dm56DSFq.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/query.CpiO8Lcb.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/base.CShCMygk.min.js\" crossorigin=\"anonymous\">\n\n\n\n\n\n  <script src=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/auto-background.B0zup6Z1.min.js\" type=\"module\" crossorigin=\"anonymous\"></script>\n\n\n\n<div\n  id='MediaGallery-template--22877694984408__main'\n  role='region'\n  sub-section-id='MediaGallery-template--22877694984408__main'\n  aria-label='Visionneuse de galerie'\n  class='relative lg:sticky lg:top-24'\n>\n  \n\n<modal-dialog\n    global-interactive-element\n    cloak\n    type='modal'\n    id='MediaGallery-template--22877694984408__main-zoom-gallery'\n\n    \n      url=''\n    \n\n    \n      size='modal-max'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n    \n  >\n    <div class=\"md:px-9.5 pb-9.5 grid gap-x-xs auto-rows-[1fr_82px] md:auto-rows-auto grid-cols-1 md:grid-cols-[80px_minmax(0,_1fr)] lg:grid-cols-[82px_minmax(0,_1fr)] size-full bg-t-background\">\n      <div class=\"order-2 md:order-1\">\n        <swiper-container\n          id='MediaGallery-template--22877694984408__main-thumbs-swiper-zoom'\n          class='block h-full'\n          direction='horizontal'\n          slides-per-view='auto'\n          space-between='9'\n          slides-offset-before='38'\n          slides-offset-after='38'\n          centered-slides='false'\n          mousewheel='true'\n          watch-slides-progress='true'\n          free-mode='true'\n          slide-to-clicked-slide='true'\n          breakpoints=\"{\n            &quot;1024&quot;:{\n                &quot;direction&quot;: &quot;vertical&quot;,\n                &quot;slidesPerView&quot;: &quot;auto&quot;,\n                &quot;slidesOffsetBefore&quot;: 0,\n                &quot;slidesOffsetAfter&quot;: 0\n                }\n            }\"\n        >\n          \n        </swiper-container>\n      </div>\n\n      <swiper-with-media class=\"block relative size-full order-1 md:order-2\">\n        <swiper-container\n          id='MediaGallery-template--22877694984408__main-main-swiper-zoom'\n          class='h-full block whitespace-nowrap overflow-clip'\n          effect='slide'\n          auto-height='false'\n          slides-per-view='1'\n          thumbs-swiper='#MediaGallery-template--22877694984408__main-thumbs-swiper-zoom'\n          auto-scroll-offset='true'\n        >\n          \n        </swiper-container>\n      </swiper-with-media>\n    </div>\n  \n  </modal-dialog>\n\n\n\n  <script src=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/core-swiper-with-media.LBGhs1aF.min.js\" type=\"module\" crossorigin=\"anonymous\"></script>\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/SwiperElement.CNd27utP.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/custom-element.BhZVzxrc.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/lit-element.Ck2-kYtD.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/BaseElement.T5rcpVrk.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/core-vendor-swiper.CktHZg4P.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/preload-helper.C1FmrZbK.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/property.Dm56DSFq.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/query.CpiO8Lcb.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/base.CShCMygk.min.js\" crossorigin=\"anonymous\">\n\n\n    <div\n      class='lg:top-(--header-height) -mx-md lg:mx-0 lg:rounded-md bg-(--background-color) '\n      \n      data-bg-host\n    >\n      <div class='relative lg:max-h-[calc(100vh-var(--header-height)-50px)] aspect-square mx-auto'>\n</div>\n    </div>\n  \n</div>\n\n<section\n  id='ProductInfo-template--22877694984408__main'\n  class='grid grid-cols-1 gap-y-lg lg:gap-y-5 place-content-start lg:pr-md lg:py-sm '\n  section-id='ProductInfo-template--22877694984408__main'\n>\n          <div class='hidden lg:block'>\n\n<div class='flex items-center justify-between gap-x-2xs'>\n  <div sub-section-id='product-form-template--22877694984408__main-badges'><div class='flex items-center gap-2 flex-wrap'><div class='w-fit flex gap-2xs items-center p-2xs rounded-sm bg-(--bg-color) text-(--color) py-[7px] px-2' style=\"--bg-color:#ffffff;--color:#e6001f;\"><span class='text-utility uppercase flex gap-2'>32% de réduction</span></div>\n\n</div>\n</div>\n\n  <dialog-toggle global-interactive-element modal-id='product-info-cta-reviews'>\n    <!-- TODO: Remove default product.id -->\n    \n    <div\n      data-bv-show='inline_rating'\n      data-bv-product-id='239863'\n      data-bv-redirect-url='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863'\n      data-bv-seo='false'\n    ></div>\n  </dialog-toggle>\n</div>\n</div>\n        \n\n          <div\n            class='hidden lg:block'\n            sub-section-id='product-form-template--22877694984408__maintitle'\n            \n          >\n            <div class=' h5 md:text-xl  mb-0 flex flex-col gap-y-xs'>\n              \n                Hoka Mach 4\n                <div class='text-body text-t-foreground-secondary'>\n                  \n                    Frêne bleu-vert éclatant\n                  \n                </div>\n              \n            </div>\n          </div>\n        \n\n          <div class='hidden lg:block'>\n\n<div class='flex items-start justify-between gap-4' data-product-price>\n  <div sub-section-id='product-form-template--22877694984408__main-'>\n    <div class='flex items-center justify-between gap-x-2xs'><div\n          class='h6 mb-0'\n          id='price-template--22877694984408__main'\n          role='status'\n          \n        >\n          \n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price text-t-black group-data-[theme=dark]:text-t-white text-body-large font-medium flex! gap-x-xs text-lg\n price--sold-out on-sale volume-pricing--sale-badge'\n    data-price='9300'\n    data-compare-at-price='13875'\n    data-price-varies='false'\n    \n  >\n    <div class='inline-flex gap-x-2xs text-body-large font-medium flex! gap-x-xs text-lg'>\n      <div class='group-[.on-sale]/price:flex gap-x-xs'>\n        <span class='sr-only'>Prix normal</span>\n        <span class='flex flex-row gap-x-2.5 text-body-large font-medium flex! gap-x-xs text-lg'>\n          <span\n            class='\n              text-t-red-light\n              text-t-red-light\n              \n            '\n            data-price-regular\n          >\n            93,00€\n          </span>\n          <span\n            data-price-compare-at-wrapper\n            class=''\n          >\n            <span class='sr-only'>Prix normal</span>\n            <span>\n              <s\n                class='line-through text-t-foreground-secondary group-data-[theme=dark]:text-t-white'\n                data-price-compare-at\n              >138,75€\n</s>\n            </span>\n          </span>\n        </span>\n      </div>\n      <small class='text-caption text-t-black group-data-[theme=dark]:text-t-white  hidden'>\n        <span class='sr-only'>Prix unitaire</span>\n        <span class='text-body-large font-medium flex! gap-x-xs text-lg'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;par&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div>\n  </div>\n\n\n        </div></div>\n<div class='caption hidden'>Taxes incluses.\n</div><div ><form method=\"post\" action=\"/cart/add\" id=\"product-form-installment-product-form-template--22877694984408__main\" accept-charset=\"UTF-8\" class=\"caption\" enctype=\"multipart/form-data\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" /><input type='hidden' name='id' value='51726842101976'>\n        \n<input type=\"hidden\" name=\"product-id\" value=\"9236958413016\" /><input type=\"hidden\" name=\"section-id\" value=\"template--22877694984408__main\" /></form></div>\n  </div>\n  \n\n\n\n\n\n  <a\n    href='/customer_authentication/login?return_to=/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863'\n    data-wish-list-login\n    aria-label='Liste de souhaits'\n    class='group btn btn--icon disabled:opacity-50 '\n  >\n    \n<svg-icon\n  src='icon-heart'\n  class='inline-block w-4 h-4 text-gray-500'\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n  \n></svg-icon>\n\n  </a>\n\n\n</div>\n</div>\n        \n\n\n\n\n  <script src=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/size-conversion.DJONXi1K.min.js\" type=\"module\" crossorigin=\"anonymous\"></script>\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/lit-element.Ck2-kYtD.min.js\" crossorigin=\"anonymous\">\n\n<variant-picker\n  id='variant-selects-variant_picker'\n  class='grid grid-cols-1 gap-y-[25px] lg:gap-y-5'\n  sub-section-id='variant-selects-variant_picker'\n  \n    \n  \n  product-id='9236958413016'\n  product-title='Hoka Mach 4'\n  selected-variant-id='51726842101976'\n  selected-variant-sku='2474245'\n>\n  \n\n\n\n<fieldset sub-section-id='variant_picker-Taille'>\n          <div class='flex items-center justify-between gap-x-xs mb-xs'>\n            <legend class='text-body text-t-foreground-secondary h-5.5'>Taille:&nbsp;40.66</legend>\n            \n\n\n\n          </div>\n          <div class='grid grid-cols-5 lg:grid-cols-6 gap-2xs'>\n            \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-0'\n    name='Taille-1'\n    value='40'\n    form='product-form-template--22877694984408__main'\n    \n    \n      data-option-value-id=\"19206571262168\"\n      data-variant-id=\"51726842069208\"\n      data-variant-sku=\"2474244\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-0'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='40'\n    tabindex='0'\n  >\n    40<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842069208&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-1'\n    name='Taille-1'\n    value='40.66'\n    form='product-form-template--22877694984408__main'\n    \n      checked\n    \n    \n      data-option-value-id=\"19206571294936\"\n      data-variant-id=\"51726842101976\"\n      data-variant-sku=\"2474245\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-1'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='40.66'\n    tabindex='0'\n  >\n    40.66<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842101976&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-2'\n    name='Taille-1'\n    value='41.33'\n    form='product-form-template--22877694984408__main'\n    \n    \n      data-option-value-id=\"19206571327704\"\n      data-variant-id=\"51726842134744\"\n      data-variant-sku=\"2474246\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-2'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='41.33'\n    tabindex='0'\n  >\n    41.33<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842134744&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-3'\n    name='Taille-1'\n    value='42'\n    form='product-form-template--22877694984408__main'\n    \n    \n      data-option-value-id=\"19206571360472\"\n      data-variant-id=\"51726842167512\"\n      data-variant-sku=\"2474247\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-3'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='42'\n    tabindex='0'\n  >\n    42<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842167512&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-4'\n    name='Taille-1'\n    value='42.66'\n    form='product-form-template--22877694984408__main'\n    \n    \n      data-option-value-id=\"19206571393240\"\n      data-variant-id=\"51726842200280\"\n      data-variant-sku=\"2474248\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-4'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='42.66'\n    tabindex='0'\n  >\n    42.66<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842200280&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-5'\n    name='Taille-1'\n    value='43.33'\n    form='product-form-template--22877694984408__main'\n    \n    \n      data-option-value-id=\"19206571426008\"\n      data-variant-id=\"51726842233048\"\n      data-variant-sku=\"2474249\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-5'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='43.33'\n    tabindex='0'\n  >\n    43.33<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842233048&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-6'\n    name='Taille-1'\n    value='44'\n    form='product-form-template--22877694984408__main'\n    \n    \n      data-option-value-id=\"19206571458776\"\n      data-variant-id=\"51726842265816\"\n      data-variant-sku=\"2474250\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-6'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='44'\n    tabindex='0'\n  >\n    44<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842265816&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-7'\n    name='Taille-1'\n    value='44.66'\n    form='product-form-template--22877694984408__main'\n    \n    \n      data-option-value-id=\"19206571491544\"\n      data-variant-id=\"51726842298584\"\n      data-variant-sku=\"2474251\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-7'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='44.66'\n    tabindex='0'\n  >\n    44.66<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842298584&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-8'\n    name='Taille-1'\n    value='45.33'\n    form='product-form-template--22877694984408__main'\n    \n    \n      data-option-value-id=\"19206571524312\"\n      data-variant-id=\"51726842331352\"\n      data-variant-sku=\"2474252\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-8'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='45.33'\n    tabindex='0'\n  >\n    45.33<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842331352&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-9'\n    name='Taille-1'\n    value='46'\n    form='product-form-template--22877694984408__main'\n    \n    \n      data-option-value-id=\"19206571557080\"\n      data-variant-id=\"51726842364120\"\n      data-variant-sku=\"2474253\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-9'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='46'\n    tabindex='0'\n  >\n    46<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842364120&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-10'\n    name='Taille-1'\n    value='46.66'\n    form='product-form-template--22877694984408__main'\n    \n    \n      data-option-value-id=\"19206571589848\"\n      data-variant-id=\"51726842396888\"\n      data-variant-sku=\"2474254\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-10'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='46.66'\n    tabindex='0'\n  >\n    46.66<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842396888&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-11'\n    name='Taille-1'\n    value='47.33'\n    form='product-form-template--22877694984408__main'\n    \n    \n      data-option-value-id=\"19206571622616\"\n      data-variant-id=\"51726842429656\"\n      data-variant-sku=\"2474255\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-11'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='47.33'\n    tabindex='0'\n  >\n    47.33<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842429656&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-12'\n    name='Taille-1'\n    value='48'\n    form='product-form-template--22877694984408__main'\n    \n    \n      data-option-value-id=\"19206571655384\"\n      data-variant-id=\"51726842462424\"\n      data-variant-sku=\"2474256\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-12'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='48'\n    tabindex='0'\n  >\n    48<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842462424&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-13'\n    name='Taille-1'\n    value='49.33'\n    form='product-form-template--22877694984408__main'\n    \n    \n      data-option-value-id=\"19206571688152\"\n      data-variant-id=\"51726842495192\"\n      data-variant-sku=\"V000371908\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-13'\n    class='w-full inline-flex items-center justify-center h-[40px] rounded-md caption p-xs border border-t-grey-200 border-solid \n    disabled bg-t-background-secondary after:content-[\"\"] after:absolute after:w-[110%] after:border-t-1 after:border-t-grey-200 after:rotate-[-26deg] after:origin-center text-t-grey-200\n  \n text-center peer-checked:border-t-foreground cursor-pointer transition duration-300 ease-in-out relative overflow-hidden truncate'\n    role='option'\n    aria-label='49.33'\n    tabindex='0'\n  >\n    49.33<span class=\"sr-only\">Variante épuisée ou indisponible</span>\n\n      \n</label>\n</div>\n\n\n\n        <link\n          rel='preload'\n          href='/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863?variant=51726842495192&sections=template--22877694984408__main'\n          as='fetch'\n          crossorigin='anonymous'\n          type=''\n        >\n        \n\n\n          </div>\n        </fieldset><script type='application/json' data-selected-variant>\n      {\"id\":51726842101976,\"title\":\"40.66\",\"option1\":\"40.66\",\"option2\":null,\"option3\":null,\"sku\":\"2474245\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":false,\"name\":\"Hoka Mach 4 - 40.66\",\"public_title\":\"40.66\",\"options\":[\"40.66\"],\"price\":9300,\"weight\":800,\"compare_at_price\":13875,\"inventory_management\":\"shopify\",\"barcode\":\"194715721982\",\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n    </script></variant-picker>\n\n\n        \n        \n          <div\n  class='usizy-external hidden'\n  data-layout='link'\n  data-user=''\n  data-product='9236958413016'\n  data-price-vat='9300'\n  data-price-no-vat=''\n  data-language='en'\n></div>\n\n        \n\n\n\n\n\n\n<div  sub-section-id='buy_buttons'><product-form\n      class='group/product-form'\n      data-product-handle='hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863'\n      data-product-id='9236958413016'\n      data-selected-variant-sku='2474245'\n      data-product-title='Hoka Mach 4'\n      data-membership-error='L’adhésion PD:FC ne peut être ajoutée qu’avec des produits soumis à la politique MAP'\n      data-membership-handle='elite-club-membership'\n      \n    >\n      <div class='product-form__error-message-wrapper' role='alert' hidden>\n<svg-icon\n  src='icon-error'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class='product-form__error-message'></span>\n      </div><form method=\"post\" action=\"/cart/add\" id=\"product-form-template--22877694984408__main\" accept-charset=\"UTF-8\" class=\"group-[.loading]/product-form:pointer-events-none\" enctype=\"multipart/form-data\" novalidate=\"novalidate\" data-type=\"add-to-cart-form\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" />\n        <input\n          type='hidden'\n          name='id'\n          class='hidden'\n          value='51726842101976'\n          \n            disabled\n          \n        >\n\n        \n        \n<div class='grid grid-cols-1 gap-y-xs'>\n          \n            \n          \n\n          <div class='flex gap-x-2xs'><div\n  id='Quantity-Form-template--22877694984408__main'\n  class='grid grid-cols-1 gap-y-xs shrink-0 '\n  sub-section-id='buy_buttons'\n  \n>\n  <div class='grid grid-cols-1 gap-y-2xs'>\n<quantity-input\n  class='grid grid-cols-[40px_20px_40px] rounded-[6.25rem] bg-t-grey-100 max-w-fit h-[2.75rem] items-center relative'\n  variant-id='51726842101976'\n  cart-quantity='0'\n  min='1'\n  value='1'\n  \n    max='0'\n  \n\n  \n>\n  <button\n    class='inline-flex items-center justify-center aspect-square text-utility disabled:opacity-50 disabled:pointer-events-none'\n    name='minus'\n    type='button'\n    id='product-form-template--22877694984408__main-quantity__decrement'\n    \n  >\n    <span class='sr-only'>Diminuer la quantité pour Hoka Mach 4</span>\n<svg-icon\n  src='icon-minus'\n  class=''\n\n  \n    style='--icon-size: 8px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n  <input\n    class='text-center remove-arrow text-utility'\n    type='number'\n    name='quantity'\n    value='1'\n    inputmode='numeric'\n    \n    min='0'\n    \n      max='0'\n    \n    step='1'\n    aria-label='Quantité pour Hoka Mach 4'\n    id='product-form-template--22877694984408__main-quantity'\n\n    \n      form='product-form-template--22877694984408__main'\n    \n  >\n  <button\n    class='inline-flex items-center justify-center aspect-square text-utility disabled:opacity-50'\n    name='plus'\n    type='button'\n    id='product-form-template--22877694984408__main-quantity__increment'\n    aria-describedby='product-form-template--22877694984408__main-quantity__tooltip'\n    \n  >\n    <span class='sr-only'>Augmenter la quantité pour Hoka Mach 4</span>\n<svg-icon\n  src='icon-plus'\n  class=''\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n  \n    <div\n      id='product-form-template--22877694984408__main-quantity__tooltip'\n      data-tooltip\n      role='tooltip'\n      class='bg-t-white border border-t-grey-200 text-caption text-t-danger p-2xs rounded-xs w-max absolute top-0 left-0 hidden'\n    >\n      Quantité maximale atteinte\n    </div>\n  \n</quantity-input>\n</div>\n  <label class='caption hidden' for='Quantity-template--22877694984408__main'>\n\n\n  <script src=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/component-variants-in-cart.BNLnVTYN.min.js\" type=\"module\" crossorigin=\"anonymous\"></script>\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/BaseElement.T5rcpVrk.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/b2bCartInventory.BYLjf-Xw.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/WithShopifyCart.T-zTSEEe.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/lit-element.Ck2-kYtD.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/WithApiClient.CFHJi-3d.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/index.CKJCYK2x.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/cart-sections.WoVMkNAv.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/create-context.89xeped_.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/consts.Dt9gX5F1.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/consume.buk_6rqo.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/context-consumer.6OsvWj3y.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/context-request-event.GdmzvDV-.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/state.pNvj1WJM.min.js\" crossorigin=\"anonymous\">\n  <link rel=\"modulepreload\" href=\"//www.prodirectsport.fr/cdn/shop/t/32/assets/property.Dm56DSFq.min.js\" crossorigin=\"anonymous\">\n\n<variants-in-cart\n      variant-id='51726842101976'\n      label='###quantity### dans le panier'\n    >0 dans le panier</variants-in-cart>\n  </label>\n  <div class='quantity__rules caption hidden' id='Quantity-Rules-template--22877694984408__main'></div>\n  \n</div>\n\n\n            \n\n            <button\n              id='ProductSubmitButton-template--22877694984408__main'\n              type='submit'\n              name='add'\n              variant='primary'\n              product-form-button\n              class='\n                flex-1 h-[2.75rem] rounded-full text-xs text-center uppercase font-medium transition-all ring-t-focus duration-200 focus:outline-none focus:ring-1\n                tracking-[0.6px] py-xs px-sm border text-t-white hover:bg-t-white disabled:border-[transparent] disabled:bg-t-disabled disabled:text-t-black\n                hover:underline-none hover:text-t-black\n                \n                  cursor-not-allowed\n                \n                \n                  bg-t-black border-t-black\n                \n              '\n              \n                disabled\n              \n            >\n              <span data-button-text>Épuisé\n              </span>\n              \n\n<span data-button-loader class='hidden'>\n  <svg\n    class='animate-spin h-4 w-4 inline-block'\n    xmlns='http://www.w3.org/2000/svg'\n    fill='none'\n    viewBox='0 0 24 24'\n  >\n    <circle\n      class='opacity-25'\n      cx='12'\n      cy='12'\n      r='10'\n      stroke='white'\n      stroke-width='4'\n    ></circle>\n    <path\n      class='opacity-75'\n      fill='white'\n      d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n    ></path>\n  </svg>\n</span>\n\n            </button>\n          </div>\n\n          \n\n<div\n  data-sticky-add-to-cart-bar\n  class='\n    fixed bg-t-background z-50 transition-transform duration-300 translate-y-full flex flex-col md:flex-row gap-x-10 items-center w-full gap-y-xs\n    text-t-foreground-secondary translate-y-full w-full md:w-auto md:max-w-[533px] lg:max-w-none bottom-0 right-0 md:right-[21px]\n    rounded-none md:rounded-md md:shadow-md py-xs px-sm md:px-2xs md:py-2xs\n    \n  '\n><div class='gap-xs flex items-center w-full'>\n      <div class='hidden md:flex flex-shrink-0 '>\n      </div>\n      <div class='w-[30vw] md:max-w-[300px] flex flex-row md:flex-col gap-[2px] justify-between flex-grow'>\n        <div class='text-caption text-t-foreground-secondary truncate text-xs max-w-[65vw] md:max-w-full leading-[1.3]'>\n          Hoka Mach 4\n        </div>\n        \n          \n        \n        <div\n          class='text-caption text-xs text-t-grey-500 truncate align-right md:align-left leading-[1.3] cursor-pointer'\n          data-sticky-add-to-cart-size\n        >Choisir Taille</div>\n      </div>\n    </div><div class='flex gap-xs md:gap-2xs items-center flex-1 w-full'>\n\n\n\n\n  <a\n    href='/customer_authentication/login?return_to=/products/hoka-mach-4-bleu-eblouissant-vert-cendre-chaussures-pour-homme-239863'\n    data-wish-list-login\n    aria-label='Liste de souhaits'\n    class='group btn btn--icon disabled:opacity-50 border border-t-grey-200 rounded-full flex items-center justify-center h-[2.188rem] w-[2.188rem]'\n  >\n    \n<svg-icon\n  src='icon-heart'\n  class='inline-block w-4 h-4 text-gray-500'\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n  \n></svg-icon>\n\n  </a>\n\n<button\n      id='ProductStickySubmitButton-template--22877694984408__main'\n      type='submit'\n      name='add'\n      variant='primary'\n      product-form-button\n      \n      class='\n        md:min-w-[200px] w-full md:w-auto flex-1 h-[2.188rem] rounded-full text-xs text-center uppercase font-medium transition-all ring-t-focus duration-200 focus:outline-none focus:ring-1 focus:ring-t-black\n        tracking-[0.6px] text-t-white border hover:bg-t-white disabled:border-[transparent] disabled:bg-t-disabled disabled:text-t-black\n        hover:underline-none md:mr-2xs leading-[0.75rem]\n        bg-t-black border-t-black hover:text-t-black\n        \n          cursor-not-allowed\n        \n        \n      '\n      \n        disabled\n      \n    >\n      <span data-button-text class='flex items-center justify-center gap-1'>\n        Épuisé\n      </span>\n      \n\n<span data-button-loader class='hidden flex items-center justify-center'>\n  <svg\n    class='animate-spin h-4 w-4 inline-block'\n    xmlns='http://www.w3.org/2000/svg'\n    fill='none'\n    viewBox='0 0 24 24'\n  >\n    <circle\n      class='opacity-25'\n      cx='12'\n      cy='12'\n      r='10'\n      stroke='white'\n      stroke-width='4'\n    ></circle>\n    <path\n      class='opacity-75'\n      fill='white'\n      d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n    ></path>\n  </svg>\n</span>\n\n    </button>\n  </div>\n</div>\n</div>\n\n        \n\n        \n<input type=\"hidden\" name=\"product-id\" value=\"9236958413016\" /><input type=\"hidden\" name=\"section-id\" value=\"template--22877694984408__main\" /></form>\n        \n      \n    </product-form></div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n\n\n  <style>\n    .swym-isa-inline-form {\n      display: none;\n    }\n  </style>\n\n<div id=\"shopify-block-AVkZkdVh5NzlwQ0wrY__discount_kit_product_volume_89zNUx\" class=\"shopify-block shopify-app-block\"><script type=\"module\" src='https://cdn.shopify.com/extensions/01a00edb-5090-7879-807e-7ac140d75ae6/discount-kit-587/assets/dk_cart.js'></script>\n<script src='https://cdn.shopify.com/extensions/01a00edb-5090-7879-807e-7ac140d75ae6/discount-kit-587/assets/dk_product_volume.js' defer></script>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<style data-shopify>\n  :root {\n    --dk-volume-body-background-color: #f6f6f6;\n    --dk-volume-body-background-highlight: 153, 153, 153;\n    --dk-volume-body-font-color: #555555;\n    --dk-volume-border-color: 85, 85, 85;\n    --dk-volume-border-radius: 4px;\n    --dk-volume-border-width:\n    \n      1px;\n    \n    --dk-volume-header-background-color: 0, 0, 0;\n    --dk-volume-header-font-color: #ffffff;\n    --dk-volume-table-cell-padding: 10px;\n  }\n</style>\n\n<span ng-non-bindable>\n  <volume-table\n    class='dk-volume-table-component'\n    cart='{&quot;note&quot;:null,&quot;attributes&quot;:{},&quot;original_total_price&quot;:0,&quot;total_price&quot;:0,&quot;total_discount&quot;:0,&quot;total_weight&quot;:0.0,&quot;item_count&quot;:0,&quot;items&quot;:[],&quot;requires_shipping&quot;:false,&quot;currency&quot;:&quot;EUR&quot;,&quot;items_subtotal_price&quot;:0,&quot;cart_level_discount_applications&quot;:[],&quot;checkout_charge_amount&quot;:0}'\n    collections='[]'\n    \n      \n      \n      data-discount-0='{&quot;id&quot;:&quot;gid:\\/\\/shopify\\/DiscountAutomaticNode\\/1641410658520&quot;,&quot;discountType&quot;:&quot;PRODUCT_VOLUME&quot;,&quot;discountTitle&quot;:&quot;AMO Discount&quot;,&quot;discountStatus&quot;:&quot;ACTIVE&quot;,&quot;hasContext&quot;:false,&quot;discountNode&quot;:{&quot;config&quot;:{&quot;value&quot;:{&quot;allowB2b&quot;:false,&quot;appliesOncePerCustomer&quot;:false,&quot;cartAttribute&quot;:null,&quot;currencyCode&quot;:null,&quot;customerOperator&quot;:&quot;oneOf&quot;,&quot;customerTags&quot;:null,&quot;discountTitle&quot;:&quot;AMO Discount&quot;,&quot;discountType&quot;:&quot;PRODUCT_VOLUME&quot;,&quot;locationIds&quot;:null,&quot;locationOperator&quot;:&quot;oneOf&quot;,&quot;marketHandles&quot;:null,&quot;marketOperator&quot;:&quot;oneOf&quot;,&quot;matchRule&quot;:{&quot;all&quot;:false,&quot;type&quot;:&quot;collection&quot;,&quot;include&quot;:[&quot;467992936664&quot;],&quot;selection&quot;:[],&quot;exclude&quot;:[],&quot;excludeSale&quot;:false,&quot;purchaseType&quot;:&quot;both&quot;},&quot;onlyB2b&quot;:false,&quot;test&quot;:true,&quot;tiers&quot;:[{&quot;buys&quot;:{&quot;type&quot;:&quot;minimumQuantity&quot;,&quot;value&quot;:3},&quot;gets&quot;:{&quot;type&quot;:&quot;percentage&quot;,&quot;value&quot;:10},&quot;message&quot;:null,&quot;messageTranslations&quot;:null},{&quot;buys&quot;:{&quot;type&quot;:&quot;minimumQuantity&quot;,&quot;value&quot;:5},&quot;gets&quot;:{&quot;type&quot;:&quot;percentage&quot;,&quot;value&quot;:20},&quot;message&quot;:null,&quot;messageTranslations&quot;:null},{&quot;gets&quot;:{&quot;type&quot;:&quot;percentage&quot;,&quot;value&quot;:30},&quot;buys&quot;:{&quot;type&quot;:&quot;minimumQuantity&quot;,&quot;value&quot;:10},&quot;message&quot;:null,&quot;messageTranslations&quot;:null}],&quot;useUngroupedDiscounts&quot;:false,&quot;volumeType&quot;:&quot;eachProduct&quot;}}},&quot;startsAt&quot;:&quot;2026-05-06T07:00:00Z&quot;,&quot;endsAt&quot;:null}'\n    \n    is_editor='false'\n    exchange_rate='1'\n    header_price_label='Prix'\n    header_quantity_label='Acheter'\n    header_savings_label='Économisez'\n    header_spend_label='Dépenses'\n    highlight_unlocked_tier='true'\n    locale='fr'\n    \n    message='Achetez-en plusieurs et profitez d’une réduction – choisissez la quantité souhaitée et ajoutez‑la à votre panier pour économiser.'\n    message_position='above'\n    product_collections='[{&quot;id&quot;:467496894680,&quot;handle&quot;:&quot;christmas-football-collection&quot;,&quot;updated_at&quot;:&quot;2026-08-18T01:46:40+02:00&quot;,&quot;published_at&quot;:&quot;2026-03-19T10:14:53+01:00&quot;,&quot;sort_order&quot;:&quot;best-selling&quot;,&quot;template_suffix&quot;:null,&quot;published_scope&quot;:&quot;global&quot;,&quot;title&quot;:&quot;Cadeaux de Noël&quot;,&quot;body_html&quot;:&quot;&quot;},{&quot;id&quot;:467499811032,&quot;handle&quot;:&quot;mens-running-shoes&quot;,&quot;title&quot;:&quot;Men’s Running Shoes&quot;,&quot;updated_at&quot;:&quot;2026-08-17T22:52:25+02:00&quot;,&quot;body_html&quot;:&quot;&quot;,&quot;published_at&quot;:&quot;2026-02-04T16:00:34+01:00&quot;,&quot;sort_order&quot;:&quot;best-selling&quot;,&quot;template_suffix&quot;:null,&quot;disjunctive&quot;:false,&quot;rules&quot;:[{&quot;column&quot;:&quot;product_metafield_definition&quot;,&quot;relation&quot;:&quot;equals&quot;,&quot;condition&quot;:&quot;Mens&quot;},{&quot;column&quot;:&quot;product_metafield_definition&quot;,&quot;relation&quot;:&quot;equals&quot;,&quot;condition&quot;:&quot;Shoes&quot;},{&quot;column&quot;:&quot;product_metafield_definition&quot;,&quot;relation&quot;:&quot;equals&quot;,&quot;condition&quot;:&quot;PDRUN&quot;}],&quot;published_scope&quot;:&quot;global&quot;},{&quot;id&quot;:467916226776,&quot;handle&quot;:&quot;mens-road-running-shoes&quot;,&quot;title&quot;:&quot;mens road running shoes&quot;,&quot;updated_at&quot;:&quot;2026-08-17T21:19:47+02:00&quot;,&quot;body_html&quot;:&quot;&quot;,&quot;published_at&quot;:&quot;2026-04-27T13:50:51+02:00&quot;,&quot;sort_order&quot;:&quot;most-relevant&quot;,&quot;template_suffix&quot;:&quot;&quot;,&quot;disjunctive&quot;:false,&quot;rules&quot;:[{&quot;column&quot;:&quot;product_metafield_definition&quot;,&quot;relation&quot;:&quot;equals&quot;,&quot;condition&quot;:&quot;mens&quot;},{&quot;column&quot;:&quot;product_metafield_definition&quot;,&quot;relation&quot;:&quot;equals&quot;,&quot;condition&quot;:&quot;shoes&quot;},{&quot;column&quot;:&quot;product_metafield_definition&quot;,&quot;relation&quot;:&quot;equals&quot;,&quot;condition&quot;:&quot;road&quot;},{&quot;column&quot;:&quot;product_metafield_definition&quot;,&quot;relation&quot;:&quot;equals&quot;,&quot;condition&quot;:&quot;PDRUN&quot;}],&quot;published_scope&quot;:&quot;global&quot;},{&quot;id&quot;:467496992984,&quot;handle&quot;:&quot;football-mens-on-pitch&quot;,&quot;updated_at&quot;:&quot;2026-08-18T02:15:50+02:00&quot;,&quot;published_at&quot;:&quot;2026-03-02T17:20:20+01:00&quot;,&quot;sort_order&quot;:&quot;best-selling&quot;,&quot;template_suffix&quot;:null,&quot;published_scope&quot;:&quot;global&quot;,&quot;title&quot;:&quot;Men’s On Pitch&quot;,&quot;body_html&quot;:&quot;&quot;},{&quot;id&quot;:467668402392,&quot;handle&quot;:&quot;all-trainers-sale&quot;,&quot;updated_at&quot;:&quot;2026-08-17T18:46:13+02:00&quot;,&quot;published_at&quot;:&quot;2026-04-20T13:35:50+02:00&quot;,&quot;sort_order&quot;:&quot;most-relevant&quot;,&quot;template_suffix&quot;:null,&quot;published_scope&quot;:&quot;global&quot;,&quot;title&quot;:&quot;Promos Baskets&quot;,&quot;body_html&quot;:&quot;&quot;},{&quot;id&quot;:467496632536,&quot;handle&quot;:&quot;shoes-sale&quot;,&quot;updated_at&quot;:&quot;2026-08-17T18:46:13+02:00&quot;,&quot;published_at&quot;:&quot;2026-02-09T15:18:50+01:00&quot;,&quot;sort_order&quot;:&quot;best-selling&quot;,&quot;template_suffix&quot;:null,&quot;published_scope&quot;:&quot;global&quot;,&quot;title&quot;:&quot;Soldes chaussures&quot;,&quot;body_html&quot;:&quot;&quot;},{&quot;id&quot;:472000823512,&quot;handle&quot;:&quot;staff-members-collection&quot;,&quot;title&quot;:&quot;Staff Members Collection&quot;,&quot;updated_at&quot;:&quot;2026-08-18T02:13:57+02:00&quot;,&quot;body_html&quot;:&quot;&quot;,&quot;published_at&quot;:&quot;2026-06-24T12:34:24+02:00&quot;,&quot;sort_order&quot;:&quot;most-relevant&quot;,&quot;template_suffix&quot;:&quot;&quot;,&quot;disjunctive&quot;:false,&quot;rules&quot;:[{&quot;column&quot;:&quot;product_metafield_definition&quot;,&quot;relation&quot;:&quot;equals&quot;,&quot;condition&quot;:&quot;false&quot;}],&quot;published_scope&quot;:&quot;global&quot;}]'\n    product_id='9236958413016'\n    quantities_as_range='true'\n    selected_variant='{&quot;id&quot;:51726842101976,&quot;title&quot;:&quot;40.66&quot;,&quot;option1&quot;:&quot;40.66&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474245&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 40.66&quot;,&quot;public_title&quot;:&quot;40.66&quot;,&quot;options&quot;:[&quot;40.66&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715721982&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}'\n    show_base_row='false'\n    show_prices='true'\n    valid_discount_ids='&quot;&quot;'\n    variants='[{&quot;id&quot;:51726842069208,&quot;title&quot;:&quot;40&quot;,&quot;option1&quot;:&quot;40&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474244&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 40&quot;,&quot;public_title&quot;:&quot;40&quot;,&quot;options&quot;:[&quot;40&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715722149&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:51726842101976,&quot;title&quot;:&quot;40.66&quot;,&quot;option1&quot;:&quot;40.66&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474245&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 40.66&quot;,&quot;public_title&quot;:&quot;40.66&quot;,&quot;options&quot;:[&quot;40.66&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715721982&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:51726842134744,&quot;title&quot;:&quot;41.33&quot;,&quot;option1&quot;:&quot;41.33&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474246&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 41.33&quot;,&quot;public_title&quot;:&quot;41.33&quot;,&quot;options&quot;:[&quot;41.33&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715722019&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:51726842167512,&quot;title&quot;:&quot;42&quot;,&quot;option1&quot;:&quot;42&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474247&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 42&quot;,&quot;public_title&quot;:&quot;42&quot;,&quot;options&quot;:[&quot;42&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715722002&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:51726842200280,&quot;title&quot;:&quot;42.66&quot;,&quot;option1&quot;:&quot;42.66&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474248&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 42.66&quot;,&quot;public_title&quot;:&quot;42.66&quot;,&quot;options&quot;:[&quot;42.66&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715722033&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:51726842233048,&quot;title&quot;:&quot;43.33&quot;,&quot;option1&quot;:&quot;43.33&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474249&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 43.33&quot;,&quot;public_title&quot;:&quot;43.33&quot;,&quot;options&quot;:[&quot;43.33&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715722026&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:51726842265816,&quot;title&quot;:&quot;44&quot;,&quot;option1&quot;:&quot;44&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474250&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 44&quot;,&quot;public_title&quot;:&quot;44&quot;,&quot;options&quot;:[&quot;44&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715722088&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:51726842298584,&quot;title&quot;:&quot;44.66&quot;,&quot;option1&quot;:&quot;44.66&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474251&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 44.66&quot;,&quot;public_title&quot;:&quot;44.66&quot;,&quot;options&quot;:[&quot;44.66&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715722071&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:51726842331352,&quot;title&quot;:&quot;45.33&quot;,&quot;option1&quot;:&quot;45.33&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474252&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 45.33&quot;,&quot;public_title&quot;:&quot;45.33&quot;,&quot;options&quot;:[&quot;45.33&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715722101&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:51726842364120,&quot;title&quot;:&quot;46&quot;,&quot;option1&quot;:&quot;46&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474253&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 46&quot;,&quot;public_title&quot;:&quot;46&quot;,&quot;options&quot;:[&quot;46&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715722095&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:51726842396888,&quot;title&quot;:&quot;46.66&quot;,&quot;option1&quot;:&quot;46.66&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474254&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 46.66&quot;,&quot;public_title&quot;:&quot;46.66&quot;,&quot;options&quot;:[&quot;46.66&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715722125&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:51726842429656,&quot;title&quot;:&quot;47.33&quot;,&quot;option1&quot;:&quot;47.33&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474255&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 47.33&quot;,&quot;public_title&quot;:&quot;47.33&quot;,&quot;options&quot;:[&quot;47.33&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715722118&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:51726842462424,&quot;title&quot;:&quot;48&quot;,&quot;option1&quot;:&quot;48&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;2474256&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 48&quot;,&quot;public_title&quot;:&quot;48&quot;,&quot;options&quot;:[&quot;48&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715722132&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:51726842495192,&quot;title&quot;:&quot;49.33&quot;,&quot;option1&quot;:&quot;49.33&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;V000371908&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:null,&quot;available&quot;:false,&quot;name&quot;:&quot;Hoka Mach 4 - 49.33&quot;,&quot;public_title&quot;:&quot;49.33&quot;,&quot;options&quot;:[&quot;49.33&quot;],&quot;price&quot;:9300,&quot;weight&quot;:800,&quot;compare_at_price&quot;:13875,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;194715721999&quot;,&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}]'\n    storefront_token='6561a95e419ea1763e1b0983f6a968e2'\n  >\n    <template id='style'>\n      <link href=\"//cdn.shopify.com/extensions/01a00edb-5090-7879-807e-7ac140d75ae6/discount-kit-587/assets/dk_product_volume.css\" rel=\"stylesheet\" type=\"text/css\" media=\"all\" />\n      <style>\n        \n      </style>\n    </template>\n    <template id='dk-volume-table'>\n      <div class='dk-volume-table-wrapper'>\n        <table>\n          <thead></thead>\n          <tbody></tbody>\n        </table>\n      </div>\n    </template>\n    <template id='dk-volume-table-header'>\n      <th class='dk-volume-header-prereq'></th>\n      \n        <th class='dk-volume-header-savings'></th>\n      \n      \n        <th class='dk-volume-header-price'></th>\n      \n    </template>\n    <template id='dk-volume-table-base-row'>\n      <tr>\n        <td class='dk-volume-base-prereq'></td>\n        \n          <td class='dk-volume-base-savings'></td>\n        \n        \n          <td class='dk-volume-base-price'></td>\n        \n      </tr>\n    </template>\n    <template id='dk-volume-table-row'>\n      <tr class='dk-volume-tier'>\n        <td class='dk-volume-tier-prereq'></td>\n        \n          <td class='dk-volume-tier-savings'></td>\n        \n        \n          <td class='dk-volume-tier-price'></td>\n        \n      </tr>\n    </template>\n    <template id='dk-volume-table-message'>\n      <div class='dk-volume-message'>\n        <p>\n          Achetez-en plusieurs et profitez d’une réduction – choisissez la quantité souhaitée et ajoutez‑la à votre panier pour économiser.\n        </p>\n      </div>\n    </template>\n  </volume-table>\n</span>\n\n\n</div>\n  <div class='flex flex-col gap-3.75'>\n    \n      <klarna-placement\n        id='klarna-credit-badge'\n        data-key='credit-promotion-badge'\n        data-locale='en-IE'\n      >\n      </klarna-placement>\n    \n    \n      <div><div class='product-main-paypal-container'></div></div>\n    \n  </div>\n\n<div class='border-1 border-t-grey-200 rounded-[4px] px-5'><swiper-container\n      slides-per-view='auto'\n      class='product-facts overflow-hidden py-[15px]'\n      auto-height='true'pagination='true'\n        pagination-el='.custom-pagination-template--22877694984408__main'\n        pagination-clickable='true'autoplay='true'\n        autoplay-delay='4000'\n        autoplay-disable-on-interaction='false'\n        style='--swiper-autoplay-delay: 4000ms'><swiper-slide\n            class=' pb-[15px]  text-left'data-swiper-autoplay='0'><h6 class='text-t-black font-semibold leading-[160%] pb-[5px] text-body'>\n                Produits 100% authentiques\n              </h6><div class='text-t-foreground-secondary font-normal leading-[130%] rte !text-xs [&_p]:!text-xs'>\n                <p>Pro-Direct est un revendeur agréé de grandes marques telles que Nike, adidas et PUMA<br/><br/></p>\n              </div></swiper-slide><swiper-slide\n            class=' pb-[15px]  text-left'data-swiper-autoplay='0'><h6 class='text-t-black font-semibold leading-[160%] pb-[5px] text-body'>\n                Retours simplifiés\n              </h6><div class='text-t-foreground-secondary font-normal leading-[130%] rte !text-xs [&_p]:!text-xs'>\n                <p>Effectue tes achats en toute confiance grâce à notre procédure de retour en ligne simple, valable pendant 30 jours<br/><br/></p>\n              </div></swiper-slide><swiper-slide\n            class=' pb-[15px]  text-left'data-swiper-autoplay='0'><h6 class='text-t-black font-semibold leading-[160%] pb-[5px] text-body'>\n                Livraison\n              </h6><div class='text-t-foreground-secondary font-normal leading-[130%] rte !text-xs [&_p]:!text-xs'>\n                <p>Expédition et livraison rapides depuis l'UE</p>\n              </div></swiper-slide><div slot='container-end' class='custom-pagination swiper-pagination custom-pagination-template--22877694984408__main'></div>\n    </swiper-container>\n  </div>\n</section>\n</main-product>\n\n\n</section>"}