{"template--19803550908591__main":"<section id=\"shopify-section-template--19803550908591__main\" class=\"shopify-section\"><!-- ##entry##core-main-product##endentry## -->\n<!-- ##entry##core-track-recently-viewed##endentry## -->\n<track-recently-viewed product-handle='classic-flotation-bib-pant-mp4212'></track-recently-viewed>\n\n\n<div class='flex lg:hidden flex-col items-center mt-[21px] px-[8px] lg:px-pagemargin lg:mt-[57px] mb-[3px] lg:mb-[41px] text-center mobile-product-header'><nav aria-label='Breadcrumb' class='flex items-center text-[14px] mb-[10px] breadcrumbs-helper'>\n  <ol class='flex flex-wrap items-center gap-0'><li class='inline'>\n        <a href=\"/collections/types?q=Flotation%20Clothing\" title=\"Flotation Clothing\">Flotation Clothing</a>\n      </li><li class='inline'>&nbsp;/&nbsp;</li>\n    <li class='inline'>\n      <span class='font-bold' aria-current='page'>Classic Flotation Bib Pant</span>\n    </li>\n  </ol>\n</nav>\n<h1 class='h3 lg:hidden text-[54px]'>Classic Flotation Bib Pant</h1>\n</div>\n\n<main-product\n  \n    class='px-pagemargin 2xl:container grid grid-cols-1 lg:grid-cols-2 gap-x-[40px] gap-y-md py-sx md:py-pagemargin'\n    update-url='true'\n  \n  product-url='https://mustangsurvival.ca/products/classic-flotation-bib-pant-mp4212'\n  section-id='template--19803550908591__main'\n  id='template--19803550908591__main'\n>\n\n<div\n  id='MediaGallery-template--19803550908591__main'\n  role='region'\n  sub-section-id='MediaGallery-template--19803550908591__main'\n  aria-label='Gallery Viewer'\n>\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--19803550908591__main-zoom-gallery'\n    \n      url=''\n    \n    \n      size='modal-max'\n    \n    \n    \n      close-on-backdrop-click='true'\n    \n    \n    \n    \n    \n    \n  ><div slot='header'>\n        <div class=\"flex items-center justify-between w-full gap-sm\">\n        <div class=\"flex items-center gap-2 shrink-0\"></div>\n\n        <div class=\"flex items-center gap-2 shrink-0\"></div>\n      </div>\n      </div>\n    <div class=\"grid gap-x-xs grid-cols-[50px,minmax(0,_1fr)] md:grid-cols-[80px,minmax(0,_1fr)] lg:grid-cols-[120px,minmax(0,_1fr)] size-full\">\n      <div class=\"p-xs\">\n        <swiper-container\n          class='block'\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='10'\n          mousewheel='true'\n          id='MediaGallery-template--19803550908591__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--19803550908591__main-main-swiper'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n<div class='product-media-wrapper' data-media-alt='MP4212 Classic Flotation Bib Pant Black' data-variant-ids='31324232482862,31324232384558,31324232417326,31324232450094,31324232515630'>\n<img\n  src='//mustangsurvival.ca/cdn/shop/products/wopku0ffemniocjdslhc.jpg?v=1671150050&width=90'\n  alt='MP4212 Classic Flotation Bib Pant Black'\n  width='90'\n  height='2048.0'\n  class='w-full block swiper-zoom-target h-full w-full h-full absolute inset-0 object-contain'\n  id=''\n  sizes=''\n  fetchpriority='auto'\n  \n  \n></div>\n</swiper-slide>\n          \n        </swiper-container>\n      </div><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media class=\"block relative size-full\">\n        <swiper-container\n          init=\"false\"\n          class='h-full block whitespace-nowrap overflow-clip'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--19803550908591__main-thumbs-swiper-zoom'\n          zoom='{\"maxRatio\":3,\"minRatio\":1,\"toggle\":true}'\n          auto-scroll-offset='true'\n          navigation='true'\n          slides-per-view='1'\n          id='MediaGallery-template--19803550908591__main-main-swiper-zoom'\n        >\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n              \n                <div class=\"swiper-zoom-container\">\n<div class='product-media-wrapper' data-media-alt='MP4212 Classic Flotation Bib Pant Black' data-variant-ids='31324232482862,31324232384558,31324232417326,31324232450094,31324232515630'>\n<img\n  src='//mustangsurvival.ca/cdn/shop/products/wopku0ffemniocjdslhc.jpg?v=1671150050&width=600'\n  alt='MP4212 Classic Flotation Bib Pant Black'\n  width='600'\n  height='2048.0'\n  class='w-full block swiper-zoom-target h-full w-full h-full absolute inset-0 object-contain'\n  id=''\n  sizes=''\n  fetchpriority='auto'\n  \n  \n></div>\n</div>\n              \n<div class='swiper-lazy-preloader'></div></swiper-slide>\n          \n        </swiper-container>\n      </swiper-with-media>\n    </div>\n  \n  </modal-dialog>\n<div\n    \n      class='grid grid-cols-1 gap-y-sm place-content-start sticky top-[var(--header-height)]'\n    \n  >\n    <div class='aspect-square relative'><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media class='w-full h-full block'>\n        <swiper-container\n          class='w-full h-full block whitespace-nowrap overflow-clip [&::part(button-next)]:hidden [&::part(button-prev)]:hidden md:[&::part(button-next)]:block md:[&::part(button-prev)]:block'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--19803550908591__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--19803550908591__main-main-swiper-zoom'\n          zoom='{\"maxRatio\":3,\"minRatio\":1,\"toggle\":true}'\n          auto-scroll-offset='true'\n          navigation='true'\n          slides-per-view='1'\n          space-between='0'\n          id='MediaGallery-template--19803550908591__main-main-swiper'\n        >\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n                <div class='swiper-zoom-container'>\n<div class='product-media-wrapper' data-media-alt='MP4212 Classic Flotation Bib Pant Black' data-variant-ids='31324232482862,31324232384558,31324232417326,31324232450094,31324232515630'>\n<img\n  src='//mustangsurvival.ca/cdn/shop/products/wopku0ffemniocjdslhc.jpg?v=1671150050&width=600'\n  alt='MP4212 Classic Flotation Bib Pant Black'\n  width='600'\n  height='2048.0'\n  class='w-full block swiper-zoom-target h-full w-full h-full absolute inset-0 object-contain'\n  id=''\n  sizes=''\n  fetchpriority='high'\n  \n  \n></div>\n</div>\n              \n\n<dialog-toggle modal-id='MediaGallery-template--19803550908591__main-zoom-gallery' class='hidden md:block absolute bottom-sm right-sm z-10'><button class=\"h6 text-t-foreground p-xs hover:text-t-link\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle></swiper-slide>\n          \n        </swiper-container>\n      </swiper-with-media>\n    </div>\n\n    <!-- Thumbnail swiper moved here -->\n    <div class='w-full mt-sm'>\n      <swiper-container\n        class='w-full overflow-clip whitespace-nowrap flex'\n        direction='horizontal'\n        slides-per-view='auto'\n        space-between='10'\n        id='MediaGallery-template--19803550908591__main-thumbs-swiper'\n        center-insufficient-slides='true'\n      >\n        \n          <swiper-slide class='cursor-pointer w-auto h-[68px] relative block bg-p-lightest aspect-square duration-300 transition group [&>[border-target]]:hidden [&.swiper-slide-thumb-active_[border-target]]:block'>\n\n\n\n\n\n<div\n  class='absolute inset-0 pointer-events-none z-10 '\n  aria-hidden='true'\n  border-target\n>\n  <div class='top-0 left-0 border-t-2 border-l-2 \nabsolute border-black transition-opacity duration-300 size-[11px]\n'></div>\n  <div class='top-0 right-0 border-t-2 border-r-2 \nabsolute border-black transition-opacity duration-300 size-[11px]\n'></div>\n  <div class='bottom-0 left-0 border-b-2 border-l-2 \nabsolute border-black transition-opacity duration-300 size-[11px]\n'></div>\n  <div class='bottom-0 right-0 border-b-2 border-r-2 \nabsolute border-black transition-opacity duration-300 size-[11px]\n'></div>\n</div>\n\n<div class='product-media-wrapper' data-media-alt='MP4212 Classic Flotation Bib Pant Black' data-variant-ids='31324232482862,31324232384558,31324232417326,31324232450094,31324232515630'>\n<img\n  src='//mustangsurvival.ca/cdn/shop/products/wopku0ffemniocjdslhc.jpg?v=1671150050&width=90'\n  alt='MP4212 Classic Flotation Bib Pant Black'\n  width='90'\n  height='2048.0'\n  class='w-full block swiper-zoom-target h-full w-full h-full absolute inset-0 object-contain'\n  id=''\n  sizes=''\n  fetchpriority='auto'\n  \n  \n></div>\n</swiper-slide>\n        \n      </swiper-container>\n    </div>\n  </div>\n</div>\n\r<section\r\n  id='ProductInfo-template--19803550908591__main'\r\n  class='grid grid-cols-1 place-content-start  mt-[26px] lg:mt-0 gap-4 lg:gap-0'\r\n><div class='hidden lg:block'><nav aria-label='Breadcrumb' class='flex items-center text-[14px] mb-[10px] breadcrumbs-helper'>\n  <ol class='flex flex-wrap items-center gap-0'><li class='inline'>\n        <a href=\"/collections/types?q=Flotation%20Clothing\" title=\"Flotation Clothing\">Flotation Clothing</a>\n      </li><li class='inline'>&nbsp;/&nbsp;</li>\n    <li class='inline'>\n      <span class='font-bold' aria-current='page'>Classic Flotation Bib Pant</span>\n    </li>\n  </ol>\n</nav>\n</div><h1  class='!h3 mb-[10px] hidden lg:block'>\r\n          Classic Flotation Bib Pant\r\n        </h1><div sub-section-id='price' class='lg:mb-4'><div\r\n              class='h6'\r\n              id='price-template--19803550908591__main'\r\n              role='status'\r\n              \r\n            >\r\n              \n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price h6 text-[32px] my-[20px] mb-[-18px]\n'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='h6 text-[32px] my-[20px] mb-[-18px]'>\n            $666.99\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <div class=''>\n            <span class='sr-only'>Regular price</span>\n            <span>\n              <s class='line-through text-t-foreground-secondary h6 text-[32px] my-[20px] mb-[-18px]'>\n                \n                  $666.99\n                \n              </s>\n            </span><span class='sr-only'>Sale price</span>\n          <span class='h6 text-[32px] my-[20px] mb-[-18px]'>\n            $666.99\n          </span>\n        </div>\n      </div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='h6 text-[32px] my-[20px] mb-[-18px]'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div></div>\n\n\r\n            </div>\r\n        </div><div product-form \n class=\"yotpo bottomLine\" style=\"height: 18px; margin-bottom: 13px;\" \n            data-appkey=\"N5hWfnv0qgGtKYBAfbi3uGSPybHB6uXDm674ctDi\"\n            data-domain=\"mustang-survival-ca.myshopify.com\"\n            data-product-id=\"4364591136814\"\n            data-product-models=\"4364591136814\"\n            data-name=\"Classic Flotation Bib Pant\"\n            data-url=\"https://mustangsurvival.ca/products/classic-flotation-bib-pant-mp4212\"\n            data-image-url=\"//mustangsurvival.ca/cdn/shop/products/wopku0ffemniocjdslhc_large.jpg%3Fv=1671150050\"\n            data-description=\"Best paired with the Classic Flotation Bomber Jacket or the Classic Flotation Coat - our MP4212 Classic Flotation Bib Pant provides foam insulation that will keep you warm during regular marine activities and increase your hypothermia protection in the event of cold water immersion.\"\n            data-bread-crumbs=\"250-750;activity_boating;Available Online;benefit_insulated;benefit_waterproof;boating;color-black;environment_coastal;environment_inshore;environment_offshore;environment_open-ocean;Flotation;Flotation Clothing;Foam PFD Clothing;Full Price;Government &amp; Industry;in-stock;Industrial Marine;size-l;size-l-xl;size-m;size-m-l;size-s;size-s-m;size-xl;size-xl-xxl;size-xs;size-xs-s;size-xxl;\">\n        </div>\r<p\r\n          sub-section-id='modelsku_ef48zx'\r\n          class='rte text-[14px] text-t-secondary-text leading-[24px] lg:mt-4'\r\n          \r\n        >\r\n          Model: MP4212 / SKU: 062533601444\r\n        </p><div\r\n            class='rte text-[16px] leading-[24px] mb-[8px] lg:mb-[18px]'\r\n            style='font-weight:400;'\r\n            \r\n          >\r\n            Best paired with the Classic Flotation Bomber Jacket or the Classic Flotation Coat - our MP4212 Classic Flotation Bib Pant provides foam insulation that will keep you warm during regular marine activities and increase your hypothermia protection in the event of cold water immersion.\r\n          </div>\r\n          \r\n          <div\r\n            class='tfc-fitrec-product'\r\n            data-styleid='4364591136814'\r\n            data-locale='en_CA'\r\n            data-userid=''\r\n          ></div>\r\r\n\r\n        \r\n\r\n        \r\n<div class='relative'>\n    <variant-picker\n      id='variant-selects-variant_picker'\n      sub-section-id='variant_picker'\n      class='grid grid-cols-1 gap-y-sm'\n      \n\n    >\n<fieldset class='lg:mt-[18px] mt-[8px]' data-option-fieldset data-option-name='Color'>\n            <legend class='caption mb-[14px] inline'>\n              Color:\n              <span data-selected-value data-selected-text='Black' class='font-normal'>Black</span>\n            </legend>\n            <div class='flex items-start justify-start flex-wrap gap-xs' data-option-buttons>\n              \n\n\n\n\n<div class='group/swatch'>\n  <input\n    type='radio'\n    id='variant_picker-1-0}'\n    name='product-form-template--19803550908591__main--Color-1'\n    value='Black'\n    form='product-form-template--19803550908591__main'\n    class='sr-only'\n    \n      checked\n    \n    data-variant-available='true'\n    \n      \n    data-option-value-id=\"183940743343\"`\n    data-variant-id=\"31324232384558\"`\n    \n  >\n  <label\n    for='variant_picker-1-0}'\n    title='Black'\n    data-option-value='Black'\n    class='caption'\n  >\n    \n\n\n<span\n  \n    class='\n  block max-w-full overflow-clip relative aspect-square bg-cover bg-origin-border\n  border border-p-lightest border-solid\n  w-[16px] ml-px\n  cursor-pointer\n  swatch__option\n  \n  group-has-[:disabled]/swatch:opacity-30\n  \n  group-has-[:checked]/swatch:shadow-[0_0_0_1px_black]\n  group-focus-within/swatch:shadow-[0_0_0_4px_black]\n w-[41px] h-[41px]'\n    style='background-color: #000000;'\n  \n></span>\n\n    <span class=\"sr-only\">Black</span>\n    \n  </label>\n</div>\n\n      <link\n        rel='preload'\n        href='/products/classic-flotation-bib-pant-mp4212?variant=31324232384558&sections=template--19803550908591__main'\n        as='fetch'\n        crossorigin='anonymous'\n        type=''\n      >\n      \n\n            </div>\n          </fieldset>\n<fieldset\n            class='lg:mt-[18px] kiwi-size-fieldset'\n            data-option-fieldset\n            data-option-name='Size'\n            \n              data-kiwi-anchor='variant_picker'\n            \n          >\n            <legend class='caption'>\n              Size:\n              <span data-selected-value data-selected-text='S' class='font-normal'>S</span>\n            </legend><div class='flex flex-wrap gap-[5px] mt-[14px]' data-option-buttons>\n                \n\n<div class='group/option'>\n  <input\n    type='radio'\n    id='variant_picker-2-0}'\n    name='Size-2'\n    value='S'\n    form='product-form-template--19803550908591__main'\n    \n      checked\n    \n    \n    data-option-value-id=\"183940579503\"`\n    data-variant-id=\"31324232384558\"`\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-2-0}'\n    data-option-value='S'\n    class='inline-flex items-center justify-center h-button-height caption py-[14.5px] border border-t-border border-solid \n text-center cursor-pointer transition duration-200 ease-in-out peer-checked:border-t-foreground peer-checked:bg-t-foreground peer-checked:text-t-background group-has-[:disabled]/option:pointer-events-none group-has-[:disabled]/option:opacity-45 group-has-[:disabled]/option:cursor-not-allowed swatch__option w-[72px] min-w-[66px] px-0'\n  >\n    S</label>\n</div>\n\n\n\n      <link\n        rel='preload'\n        href='/products/classic-flotation-bib-pant-mp4212?variant=31324232384558&sections=template--19803550908591__main'\n        as='fetch'\n        crossorigin='anonymous'\n        type=''\n      >\n      \n\n<div class='group/option'>\n  <input\n    type='radio'\n    id='variant_picker-2-1}'\n    name='Size-2'\n    value='M'\n    form='product-form-template--19803550908591__main'\n    \n    \n    data-option-value-id=\"183940612271\"`\n    data-variant-id=\"31324232417326\"`\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-2-1}'\n    data-option-value='M'\n    class='inline-flex items-center justify-center h-button-height caption py-[14.5px] border border-t-border border-solid \n text-center cursor-pointer transition duration-200 ease-in-out peer-checked:border-t-foreground peer-checked:bg-t-foreground peer-checked:text-t-background group-has-[:disabled]/option:pointer-events-none group-has-[:disabled]/option:opacity-45 group-has-[:disabled]/option:cursor-not-allowed swatch__option w-[72px] min-w-[66px] px-0'\n  >\n    M</label>\n</div>\n\n\n\n      <link\n        rel='preload'\n        href='/products/classic-flotation-bib-pant-mp4212?variant=31324232417326&sections=template--19803550908591__main'\n        as='fetch'\n        crossorigin='anonymous'\n        type=''\n      >\n      \n\n<div class='group/option'>\n  <input\n    type='radio'\n    id='variant_picker-2-2}'\n    name='Size-2'\n    value='L'\n    form='product-form-template--19803550908591__main'\n    \n    \n    data-option-value-id=\"183940645039\"`\n    data-variant-id=\"31324232450094\"`\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-2-2}'\n    data-option-value='L'\n    class='inline-flex items-center justify-center h-button-height caption py-[14.5px] border border-t-border border-solid \n    disabled opacity-45\n  \n text-center cursor-pointer transition duration-200 ease-in-out peer-checked:border-t-foreground peer-checked:bg-t-foreground peer-checked:text-t-background group-has-[:disabled]/option:pointer-events-none group-has-[:disabled]/option:opacity-45 group-has-[:disabled]/option:cursor-not-allowed swatch__option w-[72px] min-w-[66px] px-0'\n  >\n    L<span class=\"sr-only\">Variant sold out or unavailable</span>\n</label>\n</div>\n\n\n\n      <link\n        rel='preload'\n        href='/products/classic-flotation-bib-pant-mp4212?variant=31324232450094&sections=template--19803550908591__main'\n        as='fetch'\n        crossorigin='anonymous'\n        type=''\n      >\n      \n\n<div class='group/option'>\n  <input\n    type='radio'\n    id='variant_picker-2-3}'\n    name='Size-2'\n    value='XL'\n    form='product-form-template--19803550908591__main'\n    \n    \n    data-option-value-id=\"183940677807\"`\n    data-variant-id=\"31324232482862\"`\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-2-3}'\n    data-option-value='XL'\n    class='inline-flex items-center justify-center h-button-height caption py-[14.5px] border border-t-border border-solid \n    disabled opacity-45\n  \n text-center cursor-pointer transition duration-200 ease-in-out peer-checked:border-t-foreground peer-checked:bg-t-foreground peer-checked:text-t-background group-has-[:disabled]/option:pointer-events-none group-has-[:disabled]/option:opacity-45 group-has-[:disabled]/option:cursor-not-allowed swatch__option w-[72px] min-w-[66px] px-0'\n  >\n    XL<span class=\"sr-only\">Variant sold out or unavailable</span>\n</label>\n</div>\n\n\n\n      <link\n        rel='preload'\n        href='/products/classic-flotation-bib-pant-mp4212?variant=31324232482862&sections=template--19803550908591__main'\n        as='fetch'\n        crossorigin='anonymous'\n        type=''\n      >\n      \n\n<div class='group/option'>\n  <input\n    type='radio'\n    id='variant_picker-2-4}'\n    name='Size-2'\n    value='XXL'\n    form='product-form-template--19803550908591__main'\n    \n    \n    data-option-value-id=\"183940710575\"`\n    data-variant-id=\"31324232515630\"`\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-2-4}'\n    data-option-value='XXL'\n    class='inline-flex items-center justify-center h-button-height caption py-[14.5px] border border-t-border border-solid \n text-center cursor-pointer transition duration-200 ease-in-out peer-checked:border-t-foreground peer-checked:bg-t-foreground peer-checked:text-t-background group-has-[:disabled]/option:pointer-events-none group-has-[:disabled]/option:opacity-45 group-has-[:disabled]/option:cursor-not-allowed swatch__option w-[72px] min-w-[66px] px-0'\n  >\n    XXL</label>\n</div>\n\n\n\n      <link\n        rel='preload'\n        href='/products/classic-flotation-bib-pant-mp4212?variant=31324232515630&sections=template--19803550908591__main'\n        as='fetch'\n        crossorigin='anonymous'\n        type=''\n      >\n      \n\n              </div></fieldset><script type='application/json' data-selected-variant>\n        {\"id\":31324232384558,\"title\":\"Black \\/ S\",\"option1\":\"Black\",\"option2\":\"S\",\"option3\":null,\"sku\":\"062533601444\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":22625372373167,\"product_id\":4364591136814,\"position\":1,\"created_at\":\"2020-11-06T00:55:37-08:00\",\"updated_at\":\"2022-12-15T16:20:50-08:00\",\"alt\":\"MP4212 Classic Flotation Bib Pant Black\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/products\\/wopku0ffemniocjdslhc.jpg?v=1671150050\",\"variant_ids\":[31324232384558,31324232417326,31324232450094,31324232482862,31324232515630]},\"available\":true,\"name\":\"Classic Flotation Bib Pant - Black \\/ S\",\"public_title\":\"Black \\/ S\",\"options\":[\"Black\",\"S\"],\"price\":66699,\"weight\":1157,\"compare_at_price\":66699,\"inventory_management\":\"shopify\",\"barcode\":\"062533601444\",\"featured_media\":{\"alt\":\"MP4212 Classic Flotation Bib Pant Black\",\"id\":14795767873711,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/products\\/wopku0ffemniocjdslhc.jpg?v=1671150050\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n      </script>\n\n      <script type='application/json' data-product-variants>\n        [{\"id\":31324232482862,\"title\":\"Black \\/ XL\",\"option1\":\"Black\",\"option2\":\"XL\",\"option3\":null,\"sku\":\"062533601475\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":22625372373167,\"product_id\":4364591136814,\"position\":1,\"created_at\":\"2020-11-06T00:55:37-08:00\",\"updated_at\":\"2022-12-15T16:20:50-08:00\",\"alt\":\"MP4212 Classic Flotation Bib Pant Black\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/products\\/wopku0ffemniocjdslhc.jpg?v=1671150050\",\"variant_ids\":[31324232384558,31324232417326,31324232450094,31324232482862,31324232515630]},\"available\":false,\"name\":\"Classic Flotation Bib Pant - Black \\/ XL\",\"public_title\":\"Black \\/ XL\",\"options\":[\"Black\",\"XL\"],\"price\":66699,\"weight\":1157,\"compare_at_price\":66699,\"inventory_management\":\"shopify\",\"barcode\":\"062533601475\",\"featured_media\":{\"alt\":\"MP4212 Classic Flotation Bib Pant Black\",\"id\":14795767873711,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/products\\/wopku0ffemniocjdslhc.jpg?v=1671150050\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":31324232384558,\"title\":\"Black \\/ S\",\"option1\":\"Black\",\"option2\":\"S\",\"option3\":null,\"sku\":\"062533601444\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":22625372373167,\"product_id\":4364591136814,\"position\":1,\"created_at\":\"2020-11-06T00:55:37-08:00\",\"updated_at\":\"2022-12-15T16:20:50-08:00\",\"alt\":\"MP4212 Classic Flotation Bib Pant Black\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/products\\/wopku0ffemniocjdslhc.jpg?v=1671150050\",\"variant_ids\":[31324232384558,31324232417326,31324232450094,31324232482862,31324232515630]},\"available\":true,\"name\":\"Classic Flotation Bib Pant - Black \\/ S\",\"public_title\":\"Black \\/ S\",\"options\":[\"Black\",\"S\"],\"price\":66699,\"weight\":1157,\"compare_at_price\":66699,\"inventory_management\":\"shopify\",\"barcode\":\"062533601444\",\"featured_media\":{\"alt\":\"MP4212 Classic Flotation Bib Pant Black\",\"id\":14795767873711,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/products\\/wopku0ffemniocjdslhc.jpg?v=1671150050\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":31324232417326,\"title\":\"Black \\/ M\",\"option1\":\"Black\",\"option2\":\"M\",\"option3\":null,\"sku\":\"062533601451\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":22625372373167,\"product_id\":4364591136814,\"position\":1,\"created_at\":\"2020-11-06T00:55:37-08:00\",\"updated_at\":\"2022-12-15T16:20:50-08:00\",\"alt\":\"MP4212 Classic Flotation Bib Pant Black\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/products\\/wopku0ffemniocjdslhc.jpg?v=1671150050\",\"variant_ids\":[31324232384558,31324232417326,31324232450094,31324232482862,31324232515630]},\"available\":true,\"name\":\"Classic Flotation Bib Pant - Black \\/ M\",\"public_title\":\"Black \\/ M\",\"options\":[\"Black\",\"M\"],\"price\":66699,\"weight\":1157,\"compare_at_price\":66699,\"inventory_management\":\"shopify\",\"barcode\":\"062533601451\",\"featured_media\":{\"alt\":\"MP4212 Classic Flotation Bib Pant Black\",\"id\":14795767873711,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/products\\/wopku0ffemniocjdslhc.jpg?v=1671150050\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":31324232450094,\"title\":\"Black \\/ L\",\"option1\":\"Black\",\"option2\":\"L\",\"option3\":null,\"sku\":\"062533601468\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":22625372373167,\"product_id\":4364591136814,\"position\":1,\"created_at\":\"2020-11-06T00:55:37-08:00\",\"updated_at\":\"2022-12-15T16:20:50-08:00\",\"alt\":\"MP4212 Classic Flotation Bib Pant Black\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/products\\/wopku0ffemniocjdslhc.jpg?v=1671150050\",\"variant_ids\":[31324232384558,31324232417326,31324232450094,31324232482862,31324232515630]},\"available\":false,\"name\":\"Classic Flotation Bib Pant - Black \\/ L\",\"public_title\":\"Black \\/ L\",\"options\":[\"Black\",\"L\"],\"price\":66699,\"weight\":1157,\"compare_at_price\":66699,\"inventory_management\":\"shopify\",\"barcode\":\"062533601468\",\"featured_media\":{\"alt\":\"MP4212 Classic Flotation Bib Pant Black\",\"id\":14795767873711,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/products\\/wopku0ffemniocjdslhc.jpg?v=1671150050\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":31324232515630,\"title\":\"Black \\/ XXL\",\"option1\":\"Black\",\"option2\":\"XXL\",\"option3\":null,\"sku\":\"062533601482\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":22625372373167,\"product_id\":4364591136814,\"position\":1,\"created_at\":\"2020-11-06T00:55:37-08:00\",\"updated_at\":\"2022-12-15T16:20:50-08:00\",\"alt\":\"MP4212 Classic Flotation Bib Pant Black\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/products\\/wopku0ffemniocjdslhc.jpg?v=1671150050\",\"variant_ids\":[31324232384558,31324232417326,31324232450094,31324232482862,31324232515630]},\"available\":true,\"name\":\"Classic Flotation Bib Pant - Black \\/ XXL\",\"public_title\":\"Black \\/ XXL\",\"options\":[\"Black\",\"XXL\"],\"price\":66699,\"weight\":1157,\"compare_at_price\":66699,\"inventory_management\":\"shopify\",\"barcode\":\"062533601482\",\"featured_media\":{\"alt\":\"MP4212 Classic Flotation Bib Pant Black\",\"id\":14795767873711,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/products\\/wopku0ffemniocjdslhc.jpg?v=1671150050\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}]\n      </script>\n\n      <script>\n        ;(function () {\n          const variantPicker = document.getElementById('variant-selects-variant_picker')\n          if (!variantPicker) return\n\n          // Find all fieldset elements with button picker type\n          const fieldsets = variantPicker.querySelectorAll('fieldset[data-option-fieldset]')\n\n          fieldsets.forEach(function (fieldset) {\n            const selectedValueSpan = fieldset.querySelector('[data-selected-value]')\n            const buttonsContainer = fieldset.querySelector('[data-option-buttons]')\n            if (!selectedValueSpan || !buttonsContainer) return\n\n            function updateDefaultText() {\n              const checkedInput = fieldset.querySelector('input[type=\"radio\"]:checked')\n              if (checkedInput) {\n                const checkedLabel = fieldset.querySelector('label[for=\"' + checkedInput.id + '\"]')\n                if (checkedLabel) {\n                  const checkedValue = checkedLabel.getAttribute('data-option-value')\n                  if (checkedValue) {\n                    selectedValueSpan.setAttribute('data-selected-text', checkedValue)\n                    return checkedValue\n                  }\n                }\n              }\n              return selectedValueSpan.getAttribute('data-selected-text') || selectedValueSpan.textContent.trim()\n            }\n\n            let defaultText = updateDefaultText()\n            const labels = buttonsContainer.querySelectorAll('label[data-option-value]')\n\n            labels.forEach(function (label) {\n              label.addEventListener('mouseenter', function () {\n                const hoverValue = label.getAttribute('data-option-value')\n                if (hoverValue) {\n                  selectedValueSpan.textContent = hoverValue\n                }\n              })\n\n              label.addEventListener('mouseleave', function () {\n                defaultText = updateDefaultText()\n                selectedValueSpan.textContent = defaultText\n              })\n            })\n\n            // Update default text when selection changes\n            const radioInputs = fieldset.querySelectorAll('input[type=\"radio\"]')\n            radioInputs.forEach(function (input) {\n              input.addEventListener('change', function () {\n                if (input.checked) {\n                  defaultText = updateDefaultText()\n                  selectedValueSpan.textContent = defaultText\n                }\n              })\n            })\n          })\n        })()\n      </script>\n    </variant-picker>\n\n    \n    <div id='kiwi-container-variant_picker' style='position: absolute; z-index: 10;'>\n      <div id='AddToCart-product-template' style='width: 120px;'></div>\n    </div>\n\n    <script>\n      ;(function () {\n        const kiwiContainer = document.getElementById('kiwi-container-variant_picker')\n        const sizeFieldset = document.querySelector('[data-kiwi-anchor=\"variant_picker\"]')\n\n        if (kiwiContainer && sizeFieldset) {\n          function positionKiwi() {\n            const legend = sizeFieldset.querySelector('legend')\n            if (!legend) return\n\n            const legendRect = legend.getBoundingClientRect()\n            const fieldsetRect = sizeFieldset.getBoundingClientRect()\n            const variantPicker = document.getElementById('variant-selects-variant_picker')\n            const pickerRect = variantPicker.getBoundingClientRect()\n\n            // Position absolute within the relative container\n            kiwiContainer.style.top = legendRect.top - pickerRect.top + 'px'\n            kiwiContainer.style.right = pickerRect.right - fieldsetRect.right + 'px'\n          }\n\n          // Position initially\n          setTimeout(positionKiwi, 100)\n\n          // Reposition on window resize\n          window.addEventListener('resize', positionKiwi)\n\n          // Reposition when variant changes (MutationObserver on the fieldset)\n          const observer = new MutationObserver(positionKiwi)\n          observer.observe(sizeFieldset, { childList: true, subtree: true })\n        }\n      })()\n    </script>\n  </div>\r\n        <style>\r\n          #kiwi-container-variant_picker\r\n            > div.ks-chart-container.sizing-chart-container.ks-container-with-modal\r\n            > span\r\n            > span\r\n            > span {\r\n            font-size: 14px !important;\r\n            font-weight: 400 !important;\r\n          }\r\n        </style>\r\n        \r\n<div\n  class='pt-[28px] mt-[28px] border-t border-t-line-break'\n  \n><div sub-section-id='buy_buttons'><product-form\n        class='group/product-form'\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--19803550908591__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=\"✓\" /><input\n            type='hidden'\n            name='id'\n            class='hidden'\n            value='31324232384558'\n            \n          ><div class='grid grid-cols-1 gap-y-xs'>\n            <div class='flex'>\n              \n<div\n  id='Quantity-Form-template--19803550908591__main'\n  sub-section-id='buy_buttons'\n  \n>\n  <label class='sr-only' for='Quantity-template--19803550908591__main'>\n    Quantity\n<!-- ##entry##component-variants-in-cart##endentry## -->\n<variants-in-cart\n      variant-id='31324232384558'\n      label='###quantity### in cart'\n    >0 in cart</variants-in-cart>\n  </label>\n  <div class='grid grid-cols-1 gap-y-2xs'><quantity-input\n  class='h-max w-max flex border border-t-foreground border-r-0'\n  variant-id='31324232384558'\n  cart-quantity='0'\n  min='1'\n  value='1'\n  \n\n  \n>\n  <input\n    class='text-center remove-arrow text-base w-[50px]'\n    type='number'\n    name='quantity'\n    value='1'\n    inputmode='numeric'\n    \n    min='0'\n    \n    step='1'\n    \n    aria-label='Quantity for Classic Flotation Bib Pant'\n    id='product-form-template--19803550908591__main-quantity'\n\n    \n      form='product-form-template--19803550908591__main'\n    \n  >\n  <div class='flex flex-col items-center justify-center'>\n    <button\n      class='border-l border-b border-t-foreground inline-flex items-center justify-center aspect-square text-utility disabled:opacity-50 disabled:pointer-events-none px-[12px] h-[27px]'\n      name='plus'\n      type='button'\n      id='product-form-template--19803550908591__main-quantity__increment'\n    >\n      <span class='sr-only'>Increase quantity for Classic Flotation Bib Pant</span>\n<svg-icon\n  src='c-icon-caret'\n  class='w-[9.8px]'\n\n  \n\n  \n  \n></svg-icon>\n</button>\n    <button\n      class='border-l border-t-foreground inline-flex items-center justify-center aspect-square text-utility disabled:opacity-50 disabled:pointer-events-none px-[12px] h-[27px]'\n      name='minus'\n      type='button'\n      id='product-form-template--19803550908591__main-quantity__decrement'\n    >\n      <span class='sr-only'>Decrease quantity for Classic Flotation Bib Pant</span>\n<svg-icon\n  src='c-icon-caret'\n  class='rotate-180 w-[9.8px]'\n\n  \n\n  \n  \n></svg-icon>\n</button>\n  </div>\n</quantity-input>\n</div>\n  <div class='quantity__rules caption' id='Quantity-Rules-template--19803550908591__main'></div>\n  \n</div>\n\n<button\n                id='ProductSubmitButton-template--19803550908591__main'\n                type='submit'\n                name='add'\n                variant='quinary'\n                class='btn flex-grow add-cart-btn h-full'\n                \n              >\n                <span><span\n                      data-atc-price\n                      data-unit-price-cents='66699'\n                      data-currency='CAD'\n                      class='inline'\n                    >\n                      $666.99\n                    </span>\n                    -\n                    Add to cart\n</span>\n              </button>\n            </div></div><input type=\"hidden\" name=\"product-id\" value=\"4364591136814\" /><input type=\"hidden\" name=\"section-id\" value=\"template--19803550908591__main\" /></form></product-form>\n    </div>\n\n    \n      \n        <!-- Klarna v2 Placement -->\n        <div class='klarna__container shop-klarna-child p-[8px] mt-4'>\n          <klarna-placement\n            data-key='credit-promotion-auto-size'\n            data-locale='en-CA'\n            data-purchase-amount='66699'\n          ></klarna-placement>\n        </div>\n        <!-- end Placement -->\n      \n    \n</div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n  [data-nametag='shop-portal-provider'] {\n    display: none !important;\n  }\n\n  /* Shop Pay & Klarna styling */\n  .shop-klarna-child {\n    background-color: #ffffff;\n    border: 1px solid #d0d0d0;\n    /* Typography + layout per spec */\n    font-family:\n      Gotham Narrow A,\n      Gotham Narrow B,\n      Helvetica,\n      Verdana;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 1.625;\n    display: inline-flex;\n    width: 100%;\n  }\n\n  .shop-klarna-child * {\n    font-size: 14px !important;\n  }\n\n  /* Klarna injected container: remove internal border */\n  .klarna__container ::part(osm-container) {\n    border: none !important;\n    font-size: 14px;\n    padding: 0;\n  }\n  .klarna__container [part='osm-container'] {\n    border: none !important;\n    font-size: 14px;\n    padding: 0;\n  }\n  .klarna__container .container.standard {\n    border: none !important;\n    padding: 0;\n  }\n\n  /* Klarna logo color override */\n  klarna-placement::part(osm-logo) {\n    color: #ffb3c7;\n  }\n  /* Klarna container typography/layout via shadow parts */\n  klarna-placement::part(osm-container) {\n    display: inline-flex;\n    width: 100%;\n    font-family:\n      Gotham Narrow A,\n      Gotham Narrow B,\n      Helvetica,\n      Verdana;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1.625;\n    max-width: none !important;\n    min-height: auto !important;\n    text-align: left !important;\n    align-items: center !important;\n    justify-content: flex-start !important;\n  }\n  /* Klarna CTA link font-size */\n  klarna-placement::part(osm-cta) {\n    font-size: 14px !important;\n  }\n  .klarna__container [part='osm-cta'] {\n    font-size: 14px !important;\n  }\n\n  /* Attempt to influence Shopify BNPL font-size via host element */\n  shopify-payment-terms {\n    font-size: 14px !important;\n  }\n  /* Fallback selectors for non-part environments */\n  .klarna__container [part='osm-container'],\n  .klarna__container .container.standard {\n    display: inline-flex !important;\n    width: 100% !important;\n    font-family:\n      Gotham Narrow A,\n      Gotham Narrow B,\n      Helvetica,\n      Verdana !important;\n    font-style: normal !important;\n    font-weight: 400 !important;\n    line-height: 1.625 !important;\n    max-width: none !important;\n    min-height: auto !important;\n    text-align: left !important;\n    align-items: center !important;\n    justify-content: flex-start !important;\n  }\n</style>\n\r\n        <div class='mt-[26px]'>\r\n          \r\n          \r\n            <div class='product__cart-subcopy'>\r\n              Free Standard Shipping with any purchase over $199 (before taxes)\r\n            </div>\r\n          \r\n\r\n          \r\n        </div>\r\n          <div class='flex items-center gap-[10px] font-medium underline mt-[26px] mb-[14px]'>\n<svg-icon\n  src='c-icon-fishy'\n  class='w-[24px] h-[32px]'\n\n  \n\n  \n  \n></svg-icon>\n<a\r\n              href='https://mustangsurvival.ca/a/store-locator/list'\r\n              \r\n              style='font-size:14px; font-weight:700;'\r\n            >Find your local Mustang Survival Retailer</a>\r\n          </div>\r\n        \r\r<div class='mt-[8px]' >\n<div class='pairs-well-with-container'>\n    <p class='mb-[14px] text-[16px] font-medium'>Pairs with:</p>\n\n\n<div class='w-full'>\n    \n\n    \n    \n\n\n\n\n<div class='relative' id='c-carousel-wrapper-pairs-with-carousel'>\n  <swiper-container\n    touch-start-prevent-default='false'\n    touch-move-stop-propagation='false'\n    passive-listeners='true'\n    touch-release-on-edges='true'\n    \n    pagination='\n      {\n        \"el\": \"#swiper-pagination-pairs-with-carousel\",\n        \"clickable\": true,\n        \"bulletClass\": \"swiper-pagination-bullet\",\n        \"bulletActiveClass\": \"swiper-pagination-bullet-active\"\n      }\n    '\n    slides-per-view='3'\n    slides-per-group='3'\n    space-between='16'\n    breakpoints='\n      {\n        \"640\": {\n          \"slidesPerView\": 3,\n          \"slidesPerGroup\": 3,\n          \"spaceBetween\": 16\n        },\n        \"768\": {\n          \"slidesPerView\": 3,\n          \"slidesPerGroup\": 3,\n          \"spaceBetween\": 16\n        },\n        \"1024\": {\n          \"slidesPerView\": 3,\n          \"slidesPerGroup\": 3,\n          \"spaceBetween\": 16\n        },\n        \"1280\": {\n          \"slidesPerView\": 3,\n          \"slidesPerGroup\": 3,\n          \"spaceBetween\": 16\n        },\n        \"1536\": {\n          \"slidesPerView\": 3,\n          \"slidesPerGroup\": 3,\n          \"spaceBetween\": 16\n        }\n      }\n    '\n    class='flex flex-col overflow-hidden w-full mb-[30px]'\n  >\n    \n      \n        <swiper-slide class='flex-none h-auto justify-center w-[calc(33.333%-10px)]'>\n          <!-- ##entry##component-product-card##endentry## -->\n<product-card class='flex flex-col h-full group relative'>\n    <article class='h-full'>\n      <a href='/products/classic-flotation-coat-mc1506' class='group block' data-product-url><div class='relative  aspect-square overflow-hidden bg-gray-100 group-hover:opacity-75 transition-opacity duration-300'><div class='absolute inset-0 z-30 opacity-0 group-hover:opacity-100 transition-opacity duration-300'>\n<img\n  src='//mustangsurvival.ca/cdn/shop/products/b0rmrxdcrbtbzluqj6i6.jpg?v=1769710256&width=2048'\n  alt='MC1506 Classic Flotation Coat Orange'\n  width='2048'\n  height='2048.0'\n  class='w-full block swiper-zoom-target  object-cover'\n  id=''\n  sizes='(min-width: 1440px) 300px, (min-width: 1024px) 33vw, 50vw'\n  fetchpriority='auto'\n  \n  \n></div>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/rk16hp1m0wikpdgjwuxj.jpg?v=1769710256&width=2048'\n  alt='MC1506 Classic Flotation Coat Orange'\n  width='2048'\n  height='2048.0'\n  class='w-full block swiper-zoom-target  object-cover'\n  id=''\n  sizes='(min-width: 1440px) 300px, (min-width: 1024px) 33vw, 50vw'\n  fetchpriority='auto'\n  \n  \n>\n\n  <div\n    class='resource-badges flex flex-col absolute top-0 left-0 z-10 w-auto'\n    style='top: 12px;'\n  >\n    \n    \n</div>\n\n</div></a>\n\n      <div class='flex flex-col flex-1 space-y-[8px]'>\n        <h3 class='text-body m-0 text-[14px] leading-[16px]'>\n          <a href='/products/classic-flotation-coat-mc1506' data-product-url>\n            Classic Flotation Coat\n          </a>\n        </h3>\n\n        <div class='flex flex-1 justify-between items-end mt-[4px]'>\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price text-[12.8px] lg:text-[14.4px] leading-[14.4px]\n'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='text-[12.8px] lg:text-[14.4px] leading-[14.4px]'>\n            $499.99\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <div class='flex flex-col items-end'>\n            <span class='sr-only'>Regular price</span>\n            <span>\n              <s class='line-through text-t-foreground-secondary text-[10.4px] lg:text-[13px] leading-[14.4px] text-t-sale-price'>\n                \n                  $499.99\n                \n              </s>\n            </span><span class='sr-only'>Sale price</span>\n          <span class='text-[12.8px] lg:text-[14.4px] leading-[14.4px]'>\n            $499.99\n          </span>\n        </div>\n      </div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='text-[12.8px] lg:text-[14.4px] leading-[14.4px]'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div></div>\n\n</div>\n      </div>\n    </article>\n  </product-card>\n        </swiper-slide>\n      \n        <swiper-slide class='flex-none h-auto justify-center w-[calc(33.333%-10px)]'>\n          <!-- ##entry##component-product-card##endentry## -->\n<product-card class='flex flex-col h-full group relative'>\n    <article class='h-full'>\n      <a href='/products/classic-flotation-coat-mc1506-t3' class='group block' data-product-url><div class='relative  aspect-square overflow-hidden bg-gray-100 group-hover:opacity-75 transition-opacity duration-300'><div class='absolute inset-0 z-30 opacity-0 group-hover:opacity-100 transition-opacity duration-300'>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/mbslr4oerkbbhryokgmn.jpg?v=1769710281&width=2048'\n  alt='Classic Flotation Coat'\n  width='2048'\n  height='2048.0'\n  class='w-full block swiper-zoom-target  object-cover'\n  id=''\n  sizes='(min-width: 1440px) 300px, (min-width: 1024px) 33vw, 50vw'\n  fetchpriority='auto'\n  \n  \n></div>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/g0raimf2la0ap63fybjc.jpg?v=1769710281&width=2048'\n  alt='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green'\n  width='2048'\n  height='2048.0'\n  class='w-full block swiper-zoom-target  object-cover'\n  id=''\n  sizes='(min-width: 1440px) 300px, (min-width: 1024px) 33vw, 50vw'\n  fetchpriority='auto'\n  \n  \n>\n\n  <div\n    class='resource-badges flex flex-col absolute top-0 left-0 z-10 w-auto'\n    style='top: 12px;'\n  >\n    \n    \n</div>\n\n</div></a>\n\n      <div class='flex flex-col flex-1 space-y-[8px]'>\n        <h3 class='text-body m-0 text-[14px] leading-[16px]'>\n          <a href='/products/classic-flotation-coat-mc1506-t3' data-product-url>\n            Classic Flotation Coat\n          </a>\n        </h3>\n\n        <div class='flex flex-1 justify-between items-end mt-[4px]'>\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price text-[12.8px] lg:text-[14.4px] leading-[14.4px]\n'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='text-[12.8px] lg:text-[14.4px] leading-[14.4px]'>\n            $693.99\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <div class='flex flex-col items-end'>\n            <span class='sr-only'>Regular price</span>\n            <span>\n              <s class='line-through text-t-foreground-secondary text-[10.4px] lg:text-[13px] leading-[14.4px] text-t-sale-price'>\n                \n                  $693.99\n                \n              </s>\n            </span><span class='sr-only'>Sale price</span>\n          <span class='text-[12.8px] lg:text-[14.4px] leading-[14.4px]'>\n            $693.99\n          </span>\n        </div>\n      </div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='text-[12.8px] lg:text-[14.4px] leading-[14.4px]'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div></div>\n\n</div>\n      </div>\n    </article>\n  </product-card>\n        </swiper-slide>\n      \n        <swiper-slide class='flex-none h-auto justify-center w-[calc(33.333%-10px)]'>\n          <!-- ##entry##component-product-card##endentry## -->\n<product-card class='flex flex-col h-full group relative'>\n    <article class='h-full'>\n      <a href='/products/bailer-throw-bag-50-ft-mrd500' class='group block' data-product-url><div class='relative  aspect-square overflow-hidden bg-gray-100 group-hover:opacity-75 transition-opacity duration-300'>\n<img\n  src='//mustangsurvival.ca/cdn/shop/products/ms0qkqobt17e5nmuexse.jpg?v=1725495055&width=2048'\n  alt='MRD500 Bailer Throw Bag - 50Ft Red'\n  width='2048'\n  height='2048.0'\n  class='w-full block swiper-zoom-target  object-cover'\n  id=''\n  sizes='(min-width: 1440px) 300px, (min-width: 1024px) 33vw, 50vw'\n  fetchpriority='auto'\n  \n  \n>\n\n  <div\n    class='resource-badges flex flex-col absolute top-0 left-0 z-10 w-auto'\n    style='top: 12px;'\n  >\n    \n    \n</div>\n\n</div></a>\n\n      <div class='flex flex-col flex-1 space-y-[8px]'>\n        <h3 class='text-body m-0 text-[14px] leading-[16px]'>\n          <a href='/products/bailer-throw-bag-50-ft-mrd500' data-product-url>\n            Bailer Throw Bag - 50Ft\n          </a>\n        </h3>\n\n        <div class='flex flex-1 justify-between items-end mt-[4px]'>\n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price text-[12.8px] lg:text-[14.4px] leading-[14.4px]\n'\n    \n  >\n    <div class='inline-flex gap-x-2xs'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='text-[12.8px] lg:text-[14.4px] leading-[14.4px]'>\n            $99.99\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:block'>\n        <div class='flex flex-col items-end'>\n            <span class='sr-only'>Regular price</span>\n            <span>\n              <s class='line-through text-t-foreground-secondary text-[10.4px] lg:text-[13px] leading-[14.4px] text-t-sale-price'>\n                \n                  \n                \n              </s>\n            </span><span class='sr-only'>Sale price</span>\n          <span class='text-[12.8px] lg:text-[14.4px] leading-[14.4px]'>\n            $99.99\n          </span>\n        </div>\n      </div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='text-[12.8px] lg:text-[14.4px] leading-[14.4px]'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div></div>\n\n</div>\n      </div>\n    </article>\n  </product-card>\n        </swiper-slide>\n      \n    \n  </swiper-container>\n\n  \n    \n  \n\n\n  <style>\n      #swiper-pagination-pairs-with-carousel .swiper-pagination-bullet {\n        position: relative;\n        padding: 6px 0;\n        background: transparent;\n        cursor: pointer;\n      }\n\n      #swiper-pagination-pairs-with-carousel\n      .swiper-pagination-bullet::before {\n        content: '';\n        display: block;\n        width: clamp(12px, var(--bar-width, 50px), 50px);\n        height: 1px;\n        border-radius: 0.25rem;\n        background-color: #bfbfbf;\n        margin: 0 auto;\n      }\n\n      #swiper-pagination-pairs-with-carousel\n      .swiper-pagination-bullet-active::before {\n        background-color: black;\n        height: 2px;\n      }\n\n    /* Keep pagination contained so inline arrows always fit on mobile,\n       but only shrink when needed (no hard cap by default). */\n      @media (max-width: 1279px) {\n        /* Prevent arrow spans from shrinking */\n        #c-carousel-wrapper-pairs-with-carousel .mt-4 > span { flex: 0 0 auto; width: 44px; }\n      /* Also reserve width for the arrow buttons themselves */\n      #c-carousel-wrapper-pairs-with-carousel .mt-4 .swiper-nav-btn { width: 44px; justify-content: center; }\n        /* Allow pagination to shrink and stay within available width */\n        #swiper-pagination-pairs-with-carousel {\n          flex: 1 1 auto;    /* grow to fill, shrink when necessary */\n          min-width: 0;      /* allow flex item to shrink below content width */\n          white-space: nowrap; /* keep bullets on one line */\n        }\n      }\n\n      \n      /* Allow vertical page scroll on mobile even when swiping over the carousel */\n      @media (max-width: 1023px) {\n        #c-carousel-wrapper-pairs-with-carousel swiper-container {\n          touch-action: pan-y;\n        }\n      }\n  </style>\n</div>\n\n\n<script>\n  document.addEventListener('DOMContentLoaded', function () {\n    const carouselWrapper = document.getElementById('c-carousel-wrapper-pairs-with-carousel');\n    if (!carouselWrapper) return;\n\n  const swiperContainer = carouselWrapper.querySelector('swiper-container');\n    if (!swiperContainer) return;\n\n  const prevBtn = carouselWrapper.querySelector('#swiper-button-prev-pairs-with-carousel');\n  const nextBtn = carouselWrapper.querySelector('#swiper-button-next-pairs-with-carousel');\n\n  // Fallback: show carousel after timeout even if swiper doesn't initialize\n  setTimeout(() => {\n    swiperContainer.classList.add('swiper-initialized');\n  }, 500);\n\n  // Wait for swiper instance\n  const waitForSwiper = setInterval(() => {\n      if (swiperContainer.swiper) {\n        clearInterval(waitForSwiper);\n        const swiperInstance = swiperContainer.swiper;\n\n        // Mark as initialized to show carousel immediately\n        swiperContainer.classList.add('swiper-initialized');\n\n        const updateButtons = () => {\n      if (!prevBtn || !nextBtn) return; // no arrows rendered\n          if (swiperInstance.isBeginning) {\n            prevBtn?.classList.add('invisible');\n          } else {\n            prevBtn?.classList.remove('invisible');\n          }\n\n          if (swiperInstance.isEnd) {\n            nextBtn?.classList.add('invisible');\n          } else {\n            nextBtn?.classList.remove('invisible');\n          }\n        };\n\n        const setPaginationBarWidth = () => {\n          try {\n            const paginationEl = carouselWrapper.querySelector('#swiper-pagination-pairs-with-carousel');\n            if (!paginationEl) return;\n            const bullets = paginationEl.querySelectorAll('.swiper-pagination-bullet');\n            const count = bullets.length;\n            if (!count) return;\n\n            // Measure gap and padding on pagination element\n            const styles = getComputedStyle(paginationEl);\n            const gap = parseFloat(styles.columnGap || styles.gap) || 0;\n            const paddingX = (parseFloat(styles.paddingLeft) || 0) + (parseFloat(styles.paddingRight) || 0);\n            const totalGap = gap * Math.max(0, count - 1);\n\n            // Compute available width from wrapper (full row), minus siblings (e.g., inline arrows)\n            const wrapper = paginationEl.parentElement;\n            let wrapperWidth = wrapper ? wrapper.clientWidth : paginationEl.clientWidth;\n            let siblingsWidth = 0;\n            if (wrapper) {\n              const kids = Array.from(wrapper.children);\n              kids.forEach((el) => {\n                if (el !== paginationEl) {\n                  const r = el.getBoundingClientRect();\n                  siblingsWidth += r.width;\n                }\n              });\n            }\n            const available = Math.max(0, wrapperWidth - siblingsWidth - paddingX);\n\n            // Desired width if bars were full size (50px each)\n            const desired = 50 * count + totalGap;\n\n            let bar = 50; // default full size\n            if (available < desired) {\n              const per = Math.floor((available - totalGap) / count);\n              bar = Math.max(12, Math.min(50, per));\n            }\n            paginationEl.style.setProperty('--bar-width', bar + 'px');\n          } catch (e) {}\n        };\n\n        // Initial check\n        updateButtons();\n\n        const paginationEl = carouselWrapper.querySelector('#swiper-pagination-pairs-with-carousel');\n        const bottomControlsWrapper = paginationEl ? paginationEl.parentElement : null;\n        \n        // Default: trust Swiper bullets; just hide when single page\n        const updatePaginationVisibility = () => {\n          try {\n            const bullets = paginationEl?.querySelectorAll('.swiper-pagination-bullet') || [];\n            if (bullets.length <= 1) bottomControlsWrapper?.classList.add('hidden');\n            else bottomControlsWrapper?.classList.remove('hidden');\n          } catch (e) {}\n          setPaginationBarWidth();\n        };\n        \n\n        // Initial pagination check and on common updates\n        updatePaginationVisibility();\n  swiperInstance.on('slideChange', () => { updateButtons(); updatePaginationVisibility(); });\n        swiperInstance.on('breakpoint', updatePaginationVisibility);\n        swiperInstance.on('update', updatePaginationVisibility);\n        swiperInstance.on('slidesLengthChange', updatePaginationVisibility);\n\n  // Recompute width on window resize\n  window.addEventListener('resize', setPaginationBarWidth);\n      }\n  }, 100);\n  });\n</script>\n\n  </div></div></div></section>\r\n</main-product><script type='application/ld+json'>\n      {\n        \"@context\": \"https://schema.org\",\n        \"@type\": \"Product\",\n        \"name\": \"Classic Flotation Bib Pant\",\n        \"url\": \"https:\\/\\/mustangsurvival.ca\\/products\\/classic-flotation-bib-pant-mp4212\",\"image\": [\n            \"https:\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/products\\/wopku0ffemniocjdslhc.jpg?v=1671150050\\u0026width=1024\"\n          ],\"description\": \"Best paired with the Classic Flotation Bomber Jacket or the Classic Flotation Coat - our MP4212 Classic Flotation Bib Pant provides foam insulation that will keep you warm during regular marine activities and increase your hypothermia protection in the event of cold water immersion.\",\"sku\": \"062533601444\",\"brand\": {\n          \"@type\": \"Brand\",\n          \"name\": \"MP4212\"\n        },\"aggregateRating\": {\n            \"@type\": \"AggregateRating\",\n            \"ratingValue\": \"4.5\",\n            \"reviewCount\": \"2\"\n          },\"offers\": {\n          \"@type\": \"Offer\",\n          \"url\": \"https:\\/\\/mustangsurvival.ca\\/products\\/classic-flotation-bib-pant-mp4212\",\n          \"priceCurrency\": \"CAD\",\n          \"price\": \"666.99\",\n          \"availability\": \"https://schema.org/InStock\",\"hasMerchantReturnPolicy\": {\n            \"@type\": \"MerchantReturnPolicy\",\n            \"applicableCountry\": \"CA\",\n            \"returnPolicyCategory\": \"https://schema.org/MerchantReturnFiniteReturnWindow\",\n            \"merchantReturnDays\": 30,\n            \"returnMethod\": \"https://schema.org/ReturnByMail\",\n            \"returnFees\": \"https://schema.org/FreeReturn\",\n            \"url\": \"https:\\/\\/mustangsurvival.ca\\/pages\\/shipping-returns\"\n          },\n          \"seller\": {\n            \"@type\": \"Organization\",\n            \"name\": \"Mustang Survival Canada\"\n          }\n        }\n      }\n    </script><style>\n  /* Product page variant picker gap */\n  #shopify-section-template--19803550908591__main variant-picker[id^=\"variant-selects-\"] {\n    gap: 18px !important;\n  }\n\n  /* mobile only */\n  @media (max-width: 1023px) {\n    #shopify-section-template--19803550908591__main variant-picker[id^=\"variant-selects-\"] {\n      margin-top: 18px!important;\n    }\n\n    #kiwi-container-variant_picker {\n      margin-top: 18px!important;\n    }\n\n  }\n</style>\n\n\n</section>"}