{"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-coat-mc1506-t3'></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 Coat</span>\n    </li>\n  </ol>\n</nav>\n<h1 class='h3 lg:hidden text-[54px]'>Classic Flotation Coat</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-coat-mc1506-t3'\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='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/g0raimf2la0ap63fybjc.jpg?v=1769710281&width=90'\n  alt='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green'\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-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='Classic Flotation Coat' data-variant-ids='37782899589295,37782899622063,37782899654831,37782899687599,37782899720367,37782899753135'>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/mbslr4oerkbbhryokgmn.jpg?v=1769710281&width=90'\n  alt='Classic Flotation Coat'\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-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='Classic Flotation Coat' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/ynujqod4tlatutd7zzhl.jpg?v=1769710281&width=90'\n  alt='Classic Flotation Coat'\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-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='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/rcjsuekmybmdipuf3zlu.jpg?v=1769710281&width=90'\n  alt='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green'\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-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='Classic Flotation Coat' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/pt028miyxkqm8zsf4coz.jpg?v=1769710281&width=90'\n  alt='Classic Flotation Coat'\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='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/g0raimf2la0ap63fybjc.jpg?v=1769710281&width=600'\n  alt='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green'\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-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='Classic Flotation Coat' data-variant-ids='37782899589295,37782899622063,37782899654831,37782899687599,37782899720367,37782899753135'>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/mbslr4oerkbbhryokgmn.jpg?v=1769710281&width=600'\n  alt='Classic Flotation Coat'\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-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='Classic Flotation Coat' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/ynujqod4tlatutd7zzhl.jpg?v=1769710281&width=600'\n  alt='Classic Flotation Coat'\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-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='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/rcjsuekmybmdipuf3zlu.jpg?v=1769710281&width=600'\n  alt='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green'\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-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='Classic Flotation Coat' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/pt028miyxkqm8zsf4coz.jpg?v=1769710281&width=600'\n  alt='Classic Flotation Coat'\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='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/g0raimf2la0ap63fybjc.jpg?v=1769710281&width=600'\n  alt='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green'\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-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='Classic Flotation Coat' data-variant-ids='37782899589295,37782899622063,37782899654831,37782899687599,37782899720367,37782899753135'>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/mbslr4oerkbbhryokgmn.jpg?v=1769710281&width=600'\n  alt='Classic Flotation Coat'\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<div class='swiper-lazy-preloader'></div>\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-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='Classic Flotation Coat' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/ynujqod4tlatutd7zzhl.jpg?v=1769710281&width=600'\n  alt='Classic Flotation Coat'\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<div class='swiper-lazy-preloader'></div>\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-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='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/rcjsuekmybmdipuf3zlu.jpg?v=1769710281&width=600'\n  alt='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green'\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<div class='swiper-lazy-preloader'></div>\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-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='Classic Flotation Coat' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/pt028miyxkqm8zsf4coz.jpg?v=1769710281&width=600'\n  alt='Classic Flotation Coat'\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<div class='swiper-lazy-preloader'></div>\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='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/g0raimf2la0ap63fybjc.jpg?v=1769710281&width=90'\n  alt='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green'\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-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='Classic Flotation Coat' data-variant-ids='37782899589295,37782899622063,37782899654831,37782899687599,37782899720367,37782899753135'>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/mbslr4oerkbbhryokgmn.jpg?v=1769710281&width=90'\n  alt='Classic Flotation Coat'\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-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='Classic Flotation Coat' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/ynujqod4tlatutd7zzhl.jpg?v=1769710281&width=90'\n  alt='Classic Flotation Coat'\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-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='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/rcjsuekmybmdipuf3zlu.jpg?v=1769710281&width=90'\n  alt='MC1506T3 Classic Flotation Coat Fluorescent Yellow Green'\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-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='Classic Flotation Coat' data-variant-ids=''>\n<img\n  src='//mustangsurvival.ca/cdn/shop/files/pt028miyxkqm8zsf4coz.jpg?v=1769710281&width=90'\n  alt='Classic Flotation Coat'\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 Coat</span>\n    </li>\n  </ol>\n</nav>\n</div><h1  class='!h3 mb-[10px] hidden lg:block'>\r\n          Classic Flotation Coat\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            $693.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                  $693.99\n                \n              </s>\n            </span><span class='sr-only'>Sale price</span>\n          <span class='h6 text-[32px] my-[20px] mb-[-18px]'>\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='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=\"6135104438447\"\n            data-product-models=\"6135104438447\"\n            data-name=\"Classic Flotation Coat\"\n            data-url=\"https://mustangsurvival.ca/products/classic-flotation-coat-mc1506-t3\"\n            data-image-url=\"//mustangsurvival.ca/cdn/shop/files/g0raimf2la0ap63fybjc_large.jpg%3Fv=1769710281\"\n            data-description=\"This Classic Flotation Coat is comfortable, warm, and durable. It meets various industrial, regulatory, and military requirements and is a standard uniform piece for many government agencies.\"\n            data-bread-crumbs=\"250-750;Available Online;color-black;color-black-fluorescent-yellow-green;color-yellow;Flotation;Flotation Clothing;Full Price;in-stock;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;size-xxxl;\">\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: MC1506 T3 / SKU: 062533190535\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            This Classic Flotation Coat is comfortable, warm, and durable. It meets various industrial, regulatory, and military requirements and is a standard uniform piece for many government agencies.\r\n          </div>\r\n          \r\n          <div\r\n            class='tfc-fitrec-product'\r\n            data-styleid='6135104438447'\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='Fluorescent Yellow Green' class='font-normal'>Fluorescent Yellow Green</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='Fluorescent Yellow Green'\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=\"183952310447\"`\n    data-variant-id=\"37782899753135\"`\n    \n  >\n  <label\n    for='variant_picker-1-0}'\n    title='Fluorescent Yellow Green'\n    data-option-value='Fluorescent Yellow Green'\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: #e0d954;'\n  \n></span>\n\n    <span class=\"sr-only\">Fluorescent Yellow Green</span>\n    \n  </label>\n</div>\n\n      <link\n        rel='preload'\n        href='/products/classic-flotation-coat-mc1506-t3?variant=37782899753135&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='XL' class='font-normal'>XL</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    \n    data-option-value-id=\"183952113839\"`\n    data-variant-id=\"37782899654831\"`\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-coat-mc1506-t3?variant=37782899654831&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=\"183952146607\"`\n    data-variant-id=\"37782899720367\"`\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-coat-mc1506-t3?variant=37782899720367&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=\"183952179375\"`\n    data-variant-id=\"37782899687599\"`\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 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</label>\n</div>\n\n\n\n      <link\n        rel='preload'\n        href='/products/classic-flotation-coat-mc1506-t3?variant=37782899687599&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      checked\n    \n    \n    data-option-value-id=\"183952212143\"`\n    data-variant-id=\"37782899753135\"`\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 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</label>\n</div>\n\n\n\n      <link\n        rel='preload'\n        href='/products/classic-flotation-coat-mc1506-t3?variant=37782899753135&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=\"183952244911\"`\n    data-variant-id=\"37782899622063\"`\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-coat-mc1506-t3?variant=37782899622063&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-5}'\n    name='Size-2'\n    value='XXXL'\n    form='product-form-template--19803550908591__main'\n    \n    \n    data-option-value-id=\"183952277679\"`\n    data-variant-id=\"37782899589295\"`\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-2-5}'\n    data-option-value='XXXL'\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    XXXL</label>\n</div>\n\n\n\n      <link\n        rel='preload'\n        href='/products/classic-flotation-coat-mc1506-t3?variant=37782899589295&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\":37782899753135,\"title\":\"Fluorescent Yellow Green \\/ XL\",\"option1\":\"Fluorescent Yellow Green\",\"option2\":\"XL\",\"option3\":null,\"sku\":\"062533190535\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":43762939789487,\"product_id\":6135104438447,\"position\":2,\"created_at\":\"2026-01-29T09:09:13-08:00\",\"updated_at\":\"2026-01-29T10:11:21-08:00\",\"alt\":\"Classic Flotation Coat\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\",\"variant_ids\":[37782899589295,37782899622063,37782899654831,37782899687599,37782899720367,37782899753135]},\"available\":true,\"name\":\"Classic Flotation Coat - Fluorescent Yellow Green \\/ XL\",\"public_title\":\"Fluorescent Yellow Green \\/ XL\",\"options\":[\"Fluorescent Yellow Green\",\"XL\"],\"price\":69399,\"weight\":1588,\"compare_at_price\":69399,\"inventory_management\":\"shopify\",\"barcode\":\"062533190535\",\"featured_media\":{\"alt\":\"Classic Flotation Coat\",\"id\":35102225662127,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\"}},\"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\":37782899589295,\"title\":\"Fluorescent Yellow Green \\/ XXXL\",\"option1\":\"Fluorescent Yellow Green\",\"option2\":\"XXXL\",\"option3\":null,\"sku\":\"062533190559\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":43762939789487,\"product_id\":6135104438447,\"position\":2,\"created_at\":\"2026-01-29T09:09:13-08:00\",\"updated_at\":\"2026-01-29T10:11:21-08:00\",\"alt\":\"Classic Flotation Coat\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\",\"variant_ids\":[37782899589295,37782899622063,37782899654831,37782899687599,37782899720367,37782899753135]},\"available\":true,\"name\":\"Classic Flotation Coat - Fluorescent Yellow Green \\/ XXXL\",\"public_title\":\"Fluorescent Yellow Green \\/ XXXL\",\"options\":[\"Fluorescent Yellow Green\",\"XXXL\"],\"price\":69399,\"weight\":1588,\"compare_at_price\":69399,\"inventory_management\":\"shopify\",\"barcode\":\"062533190559\",\"featured_media\":{\"alt\":\"Classic Flotation Coat\",\"id\":35102225662127,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":37782899622063,\"title\":\"Fluorescent Yellow Green \\/ XXL\",\"option1\":\"Fluorescent Yellow Green\",\"option2\":\"XXL\",\"option3\":null,\"sku\":\"062533190542\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":43762939789487,\"product_id\":6135104438447,\"position\":2,\"created_at\":\"2026-01-29T09:09:13-08:00\",\"updated_at\":\"2026-01-29T10:11:21-08:00\",\"alt\":\"Classic Flotation Coat\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\",\"variant_ids\":[37782899589295,37782899622063,37782899654831,37782899687599,37782899720367,37782899753135]},\"available\":true,\"name\":\"Classic Flotation Coat - Fluorescent Yellow Green \\/ XXL\",\"public_title\":\"Fluorescent Yellow Green \\/ XXL\",\"options\":[\"Fluorescent Yellow Green\",\"XXL\"],\"price\":69399,\"weight\":1588,\"compare_at_price\":69399,\"inventory_management\":\"shopify\",\"barcode\":\"062533190542\",\"featured_media\":{\"alt\":\"Classic Flotation Coat\",\"id\":35102225662127,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":37782899654831,\"title\":\"Fluorescent Yellow Green \\/ S\",\"option1\":\"Fluorescent Yellow Green\",\"option2\":\"S\",\"option3\":null,\"sku\":\"062533190504\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":43762939789487,\"product_id\":6135104438447,\"position\":2,\"created_at\":\"2026-01-29T09:09:13-08:00\",\"updated_at\":\"2026-01-29T10:11:21-08:00\",\"alt\":\"Classic Flotation Coat\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\",\"variant_ids\":[37782899589295,37782899622063,37782899654831,37782899687599,37782899720367,37782899753135]},\"available\":true,\"name\":\"Classic Flotation Coat - Fluorescent Yellow Green \\/ S\",\"public_title\":\"Fluorescent Yellow Green \\/ S\",\"options\":[\"Fluorescent Yellow Green\",\"S\"],\"price\":69399,\"weight\":1588,\"compare_at_price\":69399,\"inventory_management\":\"shopify\",\"barcode\":\"062533190504\",\"featured_media\":{\"alt\":\"Classic Flotation Coat\",\"id\":35102225662127,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":37782899687599,\"title\":\"Fluorescent Yellow Green \\/ L\",\"option1\":\"Fluorescent Yellow Green\",\"option2\":\"L\",\"option3\":null,\"sku\":\"062533190528\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":43762939789487,\"product_id\":6135104438447,\"position\":2,\"created_at\":\"2026-01-29T09:09:13-08:00\",\"updated_at\":\"2026-01-29T10:11:21-08:00\",\"alt\":\"Classic Flotation Coat\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\",\"variant_ids\":[37782899589295,37782899622063,37782899654831,37782899687599,37782899720367,37782899753135]},\"available\":true,\"name\":\"Classic Flotation Coat - Fluorescent Yellow Green \\/ L\",\"public_title\":\"Fluorescent Yellow Green \\/ L\",\"options\":[\"Fluorescent Yellow Green\",\"L\"],\"price\":69399,\"weight\":1588,\"compare_at_price\":69399,\"inventory_management\":\"shopify\",\"barcode\":\"062533190528\",\"featured_media\":{\"alt\":\"Classic Flotation Coat\",\"id\":35102225662127,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":37782899720367,\"title\":\"Fluorescent Yellow Green \\/ M\",\"option1\":\"Fluorescent Yellow Green\",\"option2\":\"M\",\"option3\":null,\"sku\":\"062533190511\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":43762939789487,\"product_id\":6135104438447,\"position\":2,\"created_at\":\"2026-01-29T09:09:13-08:00\",\"updated_at\":\"2026-01-29T10:11:21-08:00\",\"alt\":\"Classic Flotation Coat\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\",\"variant_ids\":[37782899589295,37782899622063,37782899654831,37782899687599,37782899720367,37782899753135]},\"available\":true,\"name\":\"Classic Flotation Coat - Fluorescent Yellow Green \\/ M\",\"public_title\":\"Fluorescent Yellow Green \\/ M\",\"options\":[\"Fluorescent Yellow Green\",\"M\"],\"price\":69399,\"weight\":1588,\"compare_at_price\":69399,\"inventory_management\":\"shopify\",\"barcode\":\"062533190511\",\"featured_media\":{\"alt\":\"Classic Flotation Coat\",\"id\":35102225662127,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":37782899753135,\"title\":\"Fluorescent Yellow Green \\/ XL\",\"option1\":\"Fluorescent Yellow Green\",\"option2\":\"XL\",\"option3\":null,\"sku\":\"062533190535\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":43762939789487,\"product_id\":6135104438447,\"position\":2,\"created_at\":\"2026-01-29T09:09:13-08:00\",\"updated_at\":\"2026-01-29T10:11:21-08:00\",\"alt\":\"Classic Flotation Coat\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\",\"variant_ids\":[37782899589295,37782899622063,37782899654831,37782899687599,37782899720367,37782899753135]},\"available\":true,\"name\":\"Classic Flotation Coat - Fluorescent Yellow Green \\/ XL\",\"public_title\":\"Fluorescent Yellow Green \\/ XL\",\"options\":[\"Fluorescent Yellow Green\",\"XL\"],\"price\":69399,\"weight\":1588,\"compare_at_price\":69399,\"inventory_management\":\"shopify\",\"barcode\":\"062533190535\",\"featured_media\":{\"alt\":\"Classic Flotation Coat\",\"id\":35102225662127,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/mbslr4oerkbbhryokgmn.jpg?v=1769710281\"}},\"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='37782899753135'\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='37782899753135'\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='37782899753135'\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 Coat'\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 Coat</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 Coat</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='69399'\n                      data-currency='CAD'\n                      class='inline'\n                    >\n                      $693.99\n                    </span>\n                    -\n                    Add to cart\n</span>\n              </button>\n            </div></div><input type=\"hidden\" name=\"product-id\" value=\"6135104438447\" /><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='69399'\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-bib-pant-mp4212' 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/wopku0ffemniocjdslhc.jpg?v=1671150050&width=2048'\n  alt='MP4212 Classic Flotation Bib Pant Black'\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-bib-pant-mp4212' data-product-url>\n            Classic Flotation Bib Pant\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            $666.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                  $666.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            $666.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' 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/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 Coat\",\n        \"url\": \"https:\\/\\/mustangsurvival.ca\\/products\\/classic-flotation-coat-mc1506-t3\",\"image\": [\n            \"https:\\/\\/mustangsurvival.ca\\/cdn\\/shop\\/files\\/g0raimf2la0ap63fybjc.jpg?v=1769710281\\u0026width=1024\"\n          ],\"description\": \"This Classic Flotation Coat is comfortable, warm, and durable. It meets various industrial, regulatory, and military requirements and is a standard uniform piece for many government agencies.\",\"sku\": \"062533190535\",\"brand\": {\n          \"@type\": \"Brand\",\n          \"name\": \"MC1506 T3\"\n        },\"offers\": {\n          \"@type\": \"Offer\",\n          \"url\": \"https:\\/\\/mustangsurvival.ca\\/products\\/classic-flotation-coat-mc1506-t3\",\n          \"priceCurrency\": \"CAD\",\n          \"price\": \"693.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>"}