{"template--28145513726336__main":"<section id=\"shopify-section-template--28145513726336__main\" class=\"shopify-section\"><!-- ##entry##core-main-product##endentry## -->\n<!-- ##entry##core-track-recently-viewed##endentry## -->\n<track-recently-viewed product-handle='callan-waterproof-shorts-mp2901'></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=Men%27s%20Pants%20Shorts\" title=\"Men&#39;s Pants Shorts\">Men's Pants Shorts</a>\n      </li><li class='inline'>&nbsp;/&nbsp;</li>\n    <li class='inline'>\n      <span class='font-bold' aria-current='page'>Men's Callan Waterproof Shorts</span>\n    </li>\n  </ol>\n</nav>\n<h1 class='h3 lg:hidden text-[54px]'>Men&#39;s Callan Waterproof Shorts</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://mustang-survival.co.uk/products/callan-waterproof-shorts-mp2901'\n  section-id='template--28145513726336__main'\n  id='template--28145513726336__main'\n>\n\n<div\n  id='MediaGallery-template--28145513726336__main'\n  role='region'\n  sub-section-id='MediaGallery-template--28145513726336__main'\n  aria-label='Gallery Viewer'\n>\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--28145513726336__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--28145513726336__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--28145513726336__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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/qyxuipdb2m3jcyrcl4nh.jpg?v=1758218977&width=90'\n  alt='Men&#39;s Callan Waterproof Shorts'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids='43013618467032,43013618499800,43013618532568,43013618565336,43013618598104'>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/products/lyhveretc82f2ytblbbd.jpg?v=1758218977&width=90'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/yefbnvcporrbdarlyktf_c965b8ed-f958-4759-a677-771f89853b18.jpg?v=1758218977&width=90'\n  alt='Men&#39;s Callan Waterproof Shorts'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/pfmy0gu1j3cv3yazjzms.jpg?v=1758218977&width=90'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/h7ky3yazurvozwssqs44.jpg?v=1758218977&width=90'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/rmuqybksegwt3i3alwjq_c33201fc-4408-4607-8e03-33def52509a7.jpg?v=1758218977&width=90'\n  alt='Men&#39;s Callan Waterproof Shorts'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/gbtcj1tlqdqespxkmmlp.jpg?v=1758218977&width=90'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/p0vsm7jjkyqiwohs67d1.jpg?v=1758218977&width=90'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/g99q9x13fnbxirp5qfwg.jpg?v=1758218977&width=90'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/wxkshhv7kehq2qxcer8k.jpg?v=1758218977&width=90'\n  alt='Men&#39;s Callan Waterproof Shorts'\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--28145513726336__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--28145513726336__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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/qyxuipdb2m3jcyrcl4nh.jpg?v=1758218977&width=600'\n  alt='Men&#39;s Callan Waterproof Shorts'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids='43013618467032,43013618499800,43013618532568,43013618565336,43013618598104'>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/products/lyhveretc82f2ytblbbd.jpg?v=1758218977&width=600'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/yefbnvcporrbdarlyktf_c965b8ed-f958-4759-a677-771f89853b18.jpg?v=1758218977&width=600'\n  alt='Men&#39;s Callan Waterproof Shorts'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/pfmy0gu1j3cv3yazjzms.jpg?v=1758218977&width=600'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/h7ky3yazurvozwssqs44.jpg?v=1758218977&width=600'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/rmuqybksegwt3i3alwjq_c33201fc-4408-4607-8e03-33def52509a7.jpg?v=1758218977&width=600'\n  alt='Men&#39;s Callan Waterproof Shorts'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/gbtcj1tlqdqespxkmmlp.jpg?v=1758218977&width=600'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/p0vsm7jjkyqiwohs67d1.jpg?v=1758218977&width=600'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/g99q9x13fnbxirp5qfwg.jpg?v=1758218977&width=600'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/wxkshhv7kehq2qxcer8k.jpg?v=1758218977&width=600'\n  alt='Men&#39;s Callan Waterproof Shorts'\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--28145513726336__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--28145513726336__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--28145513726336__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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/qyxuipdb2m3jcyrcl4nh.jpg?v=1758218977&width=600'\n  alt='Men&#39;s Callan Waterproof Shorts'\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--28145513726336__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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids='43013618467032,43013618499800,43013618532568,43013618565336,43013618598104'>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/products/lyhveretc82f2ytblbbd.jpg?v=1758218977&width=600'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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--28145513726336__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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/yefbnvcporrbdarlyktf_c965b8ed-f958-4759-a677-771f89853b18.jpg?v=1758218977&width=600'\n  alt='Men&#39;s Callan Waterproof Shorts'\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--28145513726336__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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/pfmy0gu1j3cv3yazjzms.jpg?v=1758218977&width=600'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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--28145513726336__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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/h7ky3yazurvozwssqs44.jpg?v=1758218977&width=600'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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--28145513726336__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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/rmuqybksegwt3i3alwjq_c33201fc-4408-4607-8e03-33def52509a7.jpg?v=1758218977&width=600'\n  alt='Men&#39;s Callan Waterproof Shorts'\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--28145513726336__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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/gbtcj1tlqdqespxkmmlp.jpg?v=1758218977&width=600'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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--28145513726336__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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/p0vsm7jjkyqiwohs67d1.jpg?v=1758218977&width=600'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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--28145513726336__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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/g99q9x13fnbxirp5qfwg.jpg?v=1758218977&width=600'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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--28145513726336__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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/wxkshhv7kehq2qxcer8k.jpg?v=1758218977&width=600'\n  alt='Men&#39;s Callan Waterproof Shorts'\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--28145513726336__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--28145513726336__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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/qyxuipdb2m3jcyrcl4nh.jpg?v=1758218977&width=90'\n  alt='Men&#39;s Callan Waterproof Shorts'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids='43013618467032,43013618499800,43013618532568,43013618565336,43013618598104'>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/products/lyhveretc82f2ytblbbd.jpg?v=1758218977&width=90'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/yefbnvcporrbdarlyktf_c965b8ed-f958-4759-a677-771f89853b18.jpg?v=1758218977&width=90'\n  alt='Men&#39;s Callan Waterproof Shorts'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/pfmy0gu1j3cv3yazjzms.jpg?v=1758218977&width=90'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/h7ky3yazurvozwssqs44.jpg?v=1758218977&width=90'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/rmuqybksegwt3i3alwjq_c33201fc-4408-4607-8e03-33def52509a7.jpg?v=1758218977&width=90'\n  alt='Men&#39;s Callan Waterproof Shorts'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/gbtcj1tlqdqespxkmmlp.jpg?v=1758218977&width=90'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/p0vsm7jjkyqiwohs67d1.jpg?v=1758218977&width=90'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/g99q9x13fnbxirp5qfwg.jpg?v=1758218977&width=90'\n  alt='MP2901 Men&#39;s Callan Waterproof Shorts Admiral Gray'\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='Men&#39;s Callan Waterproof Shorts' data-variant-ids=''>\n<img\n  src='//mustang-survival.co.uk/cdn/shop/files/wxkshhv7kehq2qxcer8k.jpg?v=1758218977&width=90'\n  alt='Men&#39;s Callan Waterproof Shorts'\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--28145513726336__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=Men%27s%20Pants%20Shorts\" title=\"Men&#39;s Pants Shorts\">Men's Pants Shorts</a>\n      </li><li class='inline'>&nbsp;/&nbsp;</li>\n    <li class='inline'>\n      <span class='font-bold' aria-current='page'>Men's Callan Waterproof Shorts</span>\n    </li>\n  </ol>\n</nav>\n</div><h1  class='!h3 mb-[10px] hidden lg:block'>\r\n          Men&#39;s Callan Waterproof Shorts\r\n        </h1><div sub-section-id='price' class='lg:mb-4'><div\r\n              class='h6'\r\n              id='price-template--28145513726336__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 price--sold-out on-sale'\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            £87.50\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                  £175.00\n                \n              </s>\n            </span><span class='sr-only'>Sale price</span>\n          <span class='h6 text-[32px] my-[20px] mb-[-18px]'>\n            £87.50\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-uk.myshopify.com\"\n            data-product-id=\"7732391575768\"\n            data-product-models=\"7732391575768\"\n            data-name=\"Men&#39;s Callan Waterproof Shorts\"\n            data-url=\"https://mustang-survival.co.uk/products/callan-waterproof-shorts-mp2901\"\n            data-image-url=\"//mustang-survival.co.uk/cdn/shop/files/qyxuipdb2m3jcyrcl4nh_large.jpg%3Fv=1758218977\"\n            data-description=\"The Men&#39;s Callan Waterproof Shorts are lightweight, breathable, and quick-drying. The 4-way stretch fabric moves with you, ensuring all-day comfort on the water.\"\n            data-bread-crumbs=\"50-250;Clearance;color-admiral-gray;in-stock;marinespec-mp;sale;size-xl;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: MP2901 / SKU: 062533240391\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            The Men's Callan Waterproof Shorts are lightweight, breathable, and quick-drying. The 4-way stretch fabric moves with you, ensuring all-day comfort on the water.\r\n          </div>\r\n          \r\n          <div\r\n            class='tfc-fitrec-product'\r\n            data-styleid='7732391575768'\r\n            data-locale='en_GB'\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='Admiral Gray' class='font-normal'>Admiral Gray</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--28145513726336__main--Color-1'\n    value='Admiral Gray'\n    form='product-form-template--28145513726336__main'\n    class='sr-only'\n    \n      checked\n    \n    data-variant-available='false'\n    \n      \n    data-option-value-id=\"129990918360\"`\n    data-variant-id=\"43013618467032\"`\n    \n  >\n  <label\n    for='variant_picker-1-0}'\n    title='Admiral Gray'\n    data-option-value='Admiral Gray'\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: #595e68;'\n  \n></span>\n\n    <span class=\"sr-only\">Admiral Gray</span>\n    \n      <span class=\"sr-only\">Variant sold out or unavailable</span>\n    \n  </label>\n</div>\n\n      <link\n        rel='preload'\n        href='/products/callan-waterproof-shorts-mp2901?variant=43013618467032&sections=template--28145513726336__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='L' class='font-normal'>L</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--28145513726336__main'\n    \n    \n    data-option-value-id=\"129990754520\"`\n    data-variant-id=\"43013618499800\"`\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    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    S<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/callan-waterproof-shorts-mp2901?variant=43013618499800&sections=template--28145513726336__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--28145513726336__main'\n    \n    \n    data-option-value-id=\"129990787288\"`\n    data-variant-id=\"43013618565336\"`\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    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    M<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/callan-waterproof-shorts-mp2901?variant=43013618565336&sections=template--28145513726336__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--28145513726336__main'\n    \n      checked\n    \n    \n    data-option-value-id=\"129990820056\"`\n    data-variant-id=\"43013618467032\"`\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/callan-waterproof-shorts-mp2901?variant=43013618467032&sections=template--28145513726336__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--28145513726336__main'\n    \n    \n    data-option-value-id=\"129990852824\"`\n    data-variant-id=\"43013618532568\"`\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/callan-waterproof-shorts-mp2901?variant=43013618532568&sections=template--28145513726336__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--28145513726336__main'\n    \n    \n    data-option-value-id=\"129990885592\"`\n    data-variant-id=\"43013618598104\"`\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/callan-waterproof-shorts-mp2901?variant=43013618598104&sections=template--28145513726336__main'\n        as='fetch'\n        crossorigin='anonymous'\n        type=''\n      >\n      \n\n              </div></fieldset><script type='application/json' data-selected-variant>\n        {\"id\":43013618467032,\"title\":\"Admiral Gray \\/ L\",\"option1\":\"Admiral Gray\",\"option2\":\"L\",\"option3\":null,\"sku\":\"062533240391\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":37769331278040,\"product_id\":7732391575768,\"position\":2,\"created_at\":\"2022-06-28T19:07:53+01:00\",\"updated_at\":\"2025-09-18T19:09:37+01:00\",\"alt\":\"MP2901 Men's Callan Waterproof Shorts Admiral Gray\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustang-survival.co.uk\\/cdn\\/shop\\/products\\/lyhveretc82f2ytblbbd.jpg?v=1758218977\",\"variant_ids\":[43013618467032,43013618499800,43013618532568,43013618565336,43013618598104]},\"available\":false,\"name\":\"Men's Callan Waterproof Shorts - Admiral Gray \\/ L\",\"public_title\":\"Admiral Gray \\/ L\",\"options\":[\"Admiral Gray\",\"L\"],\"price\":8750,\"weight\":236,\"compare_at_price\":17500,\"inventory_management\":\"shopify\",\"barcode\":\"062533240391\",\"featured_media\":{\"alt\":\"MP2901 Men's Callan Waterproof Shorts Admiral Gray\",\"id\":30346879598808,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustang-survival.co.uk\\/cdn\\/shop\\/products\\/lyhveretc82f2ytblbbd.jpg?v=1758218977\"}},\"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\":43013618467032,\"title\":\"Admiral Gray \\/ L\",\"option1\":\"Admiral Gray\",\"option2\":\"L\",\"option3\":null,\"sku\":\"062533240391\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":37769331278040,\"product_id\":7732391575768,\"position\":2,\"created_at\":\"2022-06-28T19:07:53+01:00\",\"updated_at\":\"2025-09-18T19:09:37+01:00\",\"alt\":\"MP2901 Men's Callan Waterproof Shorts Admiral Gray\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustang-survival.co.uk\\/cdn\\/shop\\/products\\/lyhveretc82f2ytblbbd.jpg?v=1758218977\",\"variant_ids\":[43013618467032,43013618499800,43013618532568,43013618565336,43013618598104]},\"available\":false,\"name\":\"Men's Callan Waterproof Shorts - Admiral Gray \\/ L\",\"public_title\":\"Admiral Gray \\/ L\",\"options\":[\"Admiral Gray\",\"L\"],\"price\":8750,\"weight\":236,\"compare_at_price\":17500,\"inventory_management\":\"shopify\",\"barcode\":\"062533240391\",\"featured_media\":{\"alt\":\"MP2901 Men's Callan Waterproof Shorts Admiral Gray\",\"id\":30346879598808,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustang-survival.co.uk\\/cdn\\/shop\\/products\\/lyhveretc82f2ytblbbd.jpg?v=1758218977\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":43013618499800,\"title\":\"Admiral Gray \\/ S\",\"option1\":\"Admiral Gray\",\"option2\":\"S\",\"option3\":null,\"sku\":\"062533240377\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":37769331278040,\"product_id\":7732391575768,\"position\":2,\"created_at\":\"2022-06-28T19:07:53+01:00\",\"updated_at\":\"2025-09-18T19:09:37+01:00\",\"alt\":\"MP2901 Men's Callan Waterproof Shorts Admiral Gray\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustang-survival.co.uk\\/cdn\\/shop\\/products\\/lyhveretc82f2ytblbbd.jpg?v=1758218977\",\"variant_ids\":[43013618467032,43013618499800,43013618532568,43013618565336,43013618598104]},\"available\":false,\"name\":\"Men's Callan Waterproof Shorts - Admiral Gray \\/ S\",\"public_title\":\"Admiral Gray \\/ S\",\"options\":[\"Admiral Gray\",\"S\"],\"price\":8750,\"weight\":236,\"compare_at_price\":17500,\"inventory_management\":\"shopify\",\"barcode\":\"062533240377\",\"featured_media\":{\"alt\":\"MP2901 Men's Callan Waterproof Shorts Admiral Gray\",\"id\":30346879598808,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustang-survival.co.uk\\/cdn\\/shop\\/products\\/lyhveretc82f2ytblbbd.jpg?v=1758218977\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":43013618532568,\"title\":\"Admiral Gray \\/ XL\",\"option1\":\"Admiral Gray\",\"option2\":\"XL\",\"option3\":null,\"sku\":\"062533240407\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":37769331278040,\"product_id\":7732391575768,\"position\":2,\"created_at\":\"2022-06-28T19:07:53+01:00\",\"updated_at\":\"2025-09-18T19:09:37+01:00\",\"alt\":\"MP2901 Men's Callan Waterproof Shorts Admiral Gray\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustang-survival.co.uk\\/cdn\\/shop\\/products\\/lyhveretc82f2ytblbbd.jpg?v=1758218977\",\"variant_ids\":[43013618467032,43013618499800,43013618532568,43013618565336,43013618598104]},\"available\":true,\"name\":\"Men's Callan Waterproof Shorts - Admiral Gray \\/ XL\",\"public_title\":\"Admiral Gray \\/ XL\",\"options\":[\"Admiral Gray\",\"XL\"],\"price\":8750,\"weight\":236,\"compare_at_price\":17500,\"inventory_management\":\"shopify\",\"barcode\":\"062533240407\",\"featured_media\":{\"alt\":\"MP2901 Men's Callan Waterproof Shorts Admiral Gray\",\"id\":30346879598808,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustang-survival.co.uk\\/cdn\\/shop\\/products\\/lyhveretc82f2ytblbbd.jpg?v=1758218977\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":43013618565336,\"title\":\"Admiral Gray \\/ M\",\"option1\":\"Admiral Gray\",\"option2\":\"M\",\"option3\":null,\"sku\":\"062533240384\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":37769331278040,\"product_id\":7732391575768,\"position\":2,\"created_at\":\"2022-06-28T19:07:53+01:00\",\"updated_at\":\"2025-09-18T19:09:37+01:00\",\"alt\":\"MP2901 Men's Callan Waterproof Shorts Admiral Gray\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustang-survival.co.uk\\/cdn\\/shop\\/products\\/lyhveretc82f2ytblbbd.jpg?v=1758218977\",\"variant_ids\":[43013618467032,43013618499800,43013618532568,43013618565336,43013618598104]},\"available\":false,\"name\":\"Men's Callan Waterproof Shorts - Admiral Gray \\/ M\",\"public_title\":\"Admiral Gray \\/ M\",\"options\":[\"Admiral Gray\",\"M\"],\"price\":8750,\"weight\":236,\"compare_at_price\":17500,\"inventory_management\":\"shopify\",\"barcode\":\"062533240384\",\"featured_media\":{\"alt\":\"MP2901 Men's Callan Waterproof Shorts Admiral Gray\",\"id\":30346879598808,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustang-survival.co.uk\\/cdn\\/shop\\/products\\/lyhveretc82f2ytblbbd.jpg?v=1758218977\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":43013618598104,\"title\":\"Admiral Gray \\/ XXL\",\"option1\":\"Admiral Gray\",\"option2\":\"XXL\",\"option3\":null,\"sku\":\"062533240414\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":37769331278040,\"product_id\":7732391575768,\"position\":2,\"created_at\":\"2022-06-28T19:07:53+01:00\",\"updated_at\":\"2025-09-18T19:09:37+01:00\",\"alt\":\"MP2901 Men's Callan Waterproof Shorts Admiral Gray\",\"width\":2048,\"height\":2048,\"src\":\"\\/\\/mustang-survival.co.uk\\/cdn\\/shop\\/products\\/lyhveretc82f2ytblbbd.jpg?v=1758218977\",\"variant_ids\":[43013618467032,43013618499800,43013618532568,43013618565336,43013618598104]},\"available\":true,\"name\":\"Men's Callan Waterproof Shorts - Admiral Gray \\/ XXL\",\"public_title\":\"Admiral Gray \\/ XXL\",\"options\":[\"Admiral Gray\",\"XXL\"],\"price\":8750,\"weight\":236,\"compare_at_price\":17500,\"inventory_management\":\"shopify\",\"barcode\":\"062533240414\",\"featured_media\":{\"alt\":\"MP2901 Men's Callan Waterproof Shorts Admiral Gray\",\"id\":30346879598808,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2048,\"width\":2048,\"src\":\"\\/\\/mustang-survival.co.uk\\/cdn\\/shop\\/products\\/lyhveretc82f2ytblbbd.jpg?v=1758218977\"}},\"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--28145513726336__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='43013618467032'\n            \n              disabled\n            \n          ><div class='grid grid-cols-1 gap-y-xs'>\n            <div class='flex'>\n              \n<div\n  id='Quantity-Form-template--28145513726336__main'\n  sub-section-id='buy_buttons'\n  \n>\n  <label class='sr-only' for='Quantity-template--28145513726336__main'>\n    Quantity\n<!-- ##entry##component-variants-in-cart##endentry## -->\n<variants-in-cart\n      variant-id='43013618467032'\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='43013618467032'\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 Men&amp;#39;s Callan Waterproof Shorts'\n    id='product-form-template--28145513726336__main-quantity'\n\n    \n      form='product-form-template--28145513726336__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--28145513726336__main-quantity__increment'\n    >\n      <span class='sr-only'>Increase quantity for Men&amp;#39;s Callan Waterproof Shorts</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--28145513726336__main-quantity__decrement'\n    >\n      <span class='sr-only'>Decrease quantity for Men&amp;#39;s Callan Waterproof Shorts</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--28145513726336__main'></div>\n  \n</div>\n\n<button\n                id='ProductSubmitButton-template--28145513726336__main'\n                type='submit'\n                name='add'\n                variant='quinary'\n                class='btn flex-grow add-cart-btn h-full'\n                \n                  disabled\n                \n              >\n                <span>Out Of Stock</span>\n              </button>\n            </div><div class='mt-[15px]'>\n                <button\n                  class='btn klaviyo-bis-trigger button--secondary btn--add-to-cart--quick'\n                  type='button'\n                  style='width: 100%; padding: 16px 10px 15px;'\n                  data-variant='43013618467032'\n                  data-product='7732391575768'\n                >\n                  Notify Me When Available\n                </button>\n              </div></div><input type=\"hidden\" name=\"product-id\" value=\"7732391575768\" /><input type=\"hidden\" name=\"section-id\" value=\"template--28145513726336__main\" /></form></product-form>\n    </div>\n\n    \n      \n\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 £99 (including 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://mustang-survival.co.uk/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\n    id='pairs-7732391575768-complementary'\n    class='pairs-well-with-container'\n    data-product-id='7732391575768'\n    data-intent='complementary'\n  >\n    <noscript>\n      <p>Enable JavaScript to see product recommendations.</p>\n    </noscript>\n  </div>\n\n  <script>\n  (function() {\n    const container = document.getElementById('pairs-7732391575768-complementary');\n    const productId = '7732391575768';\n    const intent = 'complementary';\n    const title = \"Pairs with:\";\n    \n    // Fetch recommendations from Shopify API\n    fetch(`/recommendations/products.json?product_id=${productId}&limit=3&intent=${intent}`)\n      .then(response => {\n        if (!response.ok) {\n          throw new Error(`HTTP error! status: ${response.status}`);\n        }\n        return response.json();\n      })\n      .then(data => {\n        console.log('Recommendations data:', data);\n        \n        if (data.products && data.products.length > 0) {\n          // Build the HTML using your existing product card structure\n          let html = `<p class=\"mb-[14px] text-[16px] font-medium\">${title}</p>`;\n          html += '<div class=\"w-full\"><div class=\"swiper\"><div class=\"swiper-wrapper\">';\n          \n          data.products.forEach(product => {\n            html += `\n              <div class=\"swiper-slide\" style=\"flex: 0 0 calc(33.333% - 11px); max-width: calc(33.333% - 11px);\">\n                <div class=\"product-card h-full\">\n                  <a href=\"${product.url}\" class=\"block\">\n                    ${product.featured_image ? `<img src=\"${product.featured_image}\" alt=\"${product.title}\" loading=\"lazy\" class=\"w-full\" />` : ''}\n                    <div class=\"product-card__info\">\n                      <h3 class=\"product-card__title text-sm mt-2\">${product.title}</h3>\n                      <p class=\"product-card__price text-sm mt-1\">${window.Shopify?.formatMoney ? window.Shopify.formatMoney(product.price) : (product.price / 100).toFixed(2)}</p>\n                    </div>\n                  </a>\n                </div>\n              </div>\n            `;\n          });\n          \n          html += '</div></div></div>';\n          container.innerHTML = html;\n        } else {\n          console.log('No recommendations available for this product');\n          // Hide container if no recommendations\n          container.style.display = 'none';\n        }\n      })\n      .catch(err => {\n        console.warn('Failed to load product recommendations:', err);\n        container.style.display = 'none';\n      });\n  })();\n  </script></div></section>\r\n</main-product><script type=\"application/ld+json\">\n      {\n        \"@context\": \"https://schema.org\",\n        \"@type\": \"Product\",\n        \"name\": \"Men's Callan Waterproof Shorts\",\n        \"url\": \"https:\\/\\/mustang-survival.co.uk\\/products\\/callan-waterproof-shorts-mp2901\",\"image\": [\n            \"https:\\/\\/mustang-survival.co.uk\\/cdn\\/shop\\/files\\/qyxuipdb2m3jcyrcl4nh.jpg?v=1758218977\\u0026width=1024\"\n          ],\"description\": \"The Men's Callan Waterproof Shorts are lightweight, breathable, and quick-drying. The 4-way stretch fabric moves with you, ensuring all-day comfort on the water.\",\"sku\": \"062533240391\",\"brand\": {\n          \"@type\": \"Brand\",\n          \"name\": \"MP2901\"\n        },\"aggregateRating\": {\n            \"@type\": \"AggregateRating\",\n            \"ratingValue\": \"4.6\",\n            \"reviewCount\": \"17\"\n          },\"offers\": {\n          \"@type\": \"Offer\",\n          \"url\": \"https:\\/\\/mustang-survival.co.uk\\/products\\/callan-waterproof-shorts-mp2901\",\n          \"priceCurrency\": \"GBP\",\n          \"price\": \"87.50\",\n          \"availability\": \"https://schema.org/OutOfStock\",\"priceValidUntil\": \"2027-04-05\",\"hasMerchantReturnPolicy\": {\n            \"@type\": \"MerchantReturnPolicy\",\n            \"applicableCountry\": \"GB\",\n            \"returnPolicyCategory\": \"https://schema.org/MerchantReturnFiniteReturnWindow\",\n            \"merchantReturnDays\": 30,\n            \"returnMethod\": \"https://schema.org/ReturnByMail\",\n            \"returnFees\": \"https://schema.org/FreeReturn\",\n            \"url\": \"https:\\/\\/mustang-survival.co.uk\\/pages\\/shipping-returns\"\n          },\n          \"seller\": {\n            \"@type\": \"Organization\",\n            \"name\": \"Mustang Survival UK\"\n          }\n        }\n      }\n    </script><style>\n  /* Product page variant picker gap */\n  #shopify-section-template--28145513726336__main variant-picker[id^=\"variant-selects-\"] {\n    gap: 18px !important;\n  }\n\n  /* mobile only */\n  @media (max-width: 1023px) {\n    #shopify-section-template--28145513726336__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>"}