{"template--19097734414435__main":"<section id=\"shopify-section-template--19097734414435__main\" class=\"shopify-section\"><!-- ##entry##core-main-product##endentry## -->\n<!-- ##entry##component-product-section##endentry## -->\n<!-- ##entry##core-track-recently-viewed##endentry## -->\n<track-recently-viewed product-handle='short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin'></track-recently-viewed>\n\n<main-product\n  \n    class='px-md md:px-pagemargin 2xl:container grid grid-cols-1 lg:grid-cols-[minmax(0,_1fr),415px] 2xl:grid-cols-[minmax(0,_1fr)_475px] gap-x-xl md:gap-y-md py-sx md:pb-pagemargin'\n    update-url='true'\n  \n  product-url='/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin'\n  section-id='template--19097734414435__main'\n  id='template--19097734414435__main'\n  \n    update-okendo\n  \n>\n\n<div\n  id='MediaGallery-template--19097734414435__main'\n  role='region'\n  sub-section-id='MediaGallery-template--19097734414435__main'\n  class='main-gallery'\n  aria-label='Gallery Viewer'\n>\n\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--19097734414435__main-zoom-gallery'\n\n    \n      url=''\n    \n\n    \n      size='modal-max'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n      without-title='true'\n    \n\n    \n\n    \n      header-classes='text-t-foreground !border-b-0'\n    \n\n    \n      close-classes='top-[27px] right-5 absolute'\n    \n\n    \n\n    \n\n    \n      container-classes='text-t-foreground !grid-rows-[var(--dmn-dialog-header-height,0)_minmax(0,_1fr)_auto] lg:!grid-rows-[var(--dmn-dialog-header-height,_40px)_minmax(0,_1fr)_auto] '\n    \n\n    \n      close-icon-size='18'\n    \n\n    \n\n    \n\n    close-label='Close'\n  >\n    <div class=\"grid gap-x-xs grid-cols-1 md:grid-cols-[80px,minmax(0,_1fr)] lg:grid-cols-[120px,minmax(0,_1fr)] size-full overflow-hidden\">\n      \n        <div class=\"p-xs md:block hidden overflow-y-auto\">\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--19097734414435__main-thumbs-swiper-zoom'\n            controller-control='#MediaGallery-template--19097734414435__main-main-swiper'\n          >\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=90\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=90 90w\" height=\"3872.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=90\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=90 90w\" height=\"1499.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=90\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=90 90w\" height=\"1499.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=90\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=90 90w\" height=\"1499.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n          </swiper-container>\n        </div>\n      \n<!-- ##entry##core-swiper-with-media##endentry## -->\n<div class=\"lg:px-xl\">\n        <swiper-with-media class=\"block relative size-full lg:pb-xl\" custom-single-zoom='true' zoom-max-ratio='1.5'>\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--19097734414435__main-thumbs-swiper-zoom'\n            auto-scroll-offset='true'\n            navigation='true'\n            slides-per-view='1'\n            id='MediaGallery-template--19097734414435__main-main-swiper-zoom'\n            pagination='{\"el\": \".swiper-counter-zoom-template--19097734414435__main\",\"type\": \"fraction\"}'\n            navigation-next-el='#shopify-section-template--19097734414435__main .swiper-button-next'\n            navigation-prev-el='#shopify-section-template--19097734414435__main .swiper-button-prev'\n          >\n            \n              <swiper-slide class='w-full h-full cursor-zoom-in relative block overflow-hidden bg-p-lightest border border-t-disabled'>\n                <div class='swiper-zoom-container'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=600\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" height=\"3872.0\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\" style=\"object-position:50.0% 16.309%;\"></div><div class='swiper-lazy-preloader'></div></swiper-slide>\n            \n              <swiper-slide class='w-full h-full cursor-zoom-in relative block overflow-hidden bg-p-lightest border border-t-disabled'>\n                <div class='swiper-zoom-container'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=600\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\" style=\"object-position:52.832% 26.855%;\"></div><div class='swiper-lazy-preloader'></div></swiper-slide>\n            \n              <swiper-slide class='w-full h-full cursor-zoom-in relative block overflow-hidden bg-p-lightest border border-t-disabled'>\n                <div class='swiper-zoom-container'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=600\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\" style=\"object-position:47.168% 13.77%;\"></div><div class='swiper-lazy-preloader'></div></swiper-slide>\n            \n              <swiper-slide class='w-full h-full cursor-zoom-in relative block overflow-hidden bg-p-lightest border border-t-disabled'>\n                <div class='swiper-zoom-container'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=600\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\" style=\"object-position:43.457% 33.398%;\"></div><div class='swiper-lazy-preloader'></div></swiper-slide>\n            \n          </swiper-container>\n          <div class='inline-flex max-w-[128px] rounded-sm z-10 left-1/2 -translate-x-1/2 bottom-8 absolute justify-between md:justify-center md-max:pb-0 w-auto md:w-full  gap-sm rounded bg-p-lightest p-xs'>\n            <button class='swiper-button-prev disabled:text-t-disabled h-6 w-6 rounded-full flex items-center justify-center hover:opacity-90 text-t-brand-primary relative' aria-label='Slide left'>\n              \n<svg-icon\n  src='icon-arrow-left'\n  class='rotate-0'\n\n  \n    style='--icon-size: 17px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n            </button>\n            <div class='swiper-counter-zoom-template--19097734414435__main utility-2 text-t-brand-primary flex justify-center items-center -mt-0.5'></div>\n            <button class='swiper-button-next disabled:text-t-disabled h-6 w-6 rounded-full flex items-center justify-center hover:opacity-90 text-t-brand-primary relative' aria-label='Slide right'>\n              \n<svg-icon\n  src='icon-arrow-left'\n  class='-rotate-180'\n\n  \n    style='--icon-size: 17px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n            </button>\n          </div>\n        </swiper-with-media>\n      </div>\n    </div>\n  \n  </modal-dialog>\n\n  <div\n    \n      class='grid grid-cols-1 md:gap-y-sm lg:grid-cols-[94px,minmax(0,_1fr)] gap-x-sm place-content-start lg:sticky lg:top-[--header-height] max-md:-mx-md'\n    \n  >\n    <div class='flex relative overflow-clip flex-col justify-center items-center max-h-[var(--product-gallery-height)]'>\n      \n<swiper-container\n            class='w-full hidden lg:block absolute top-0 left-0 h-full'\n            direction='vertical'\n            slides-per-view='auto'\n            space-between='10'\n            mousewheel='true'\n            id='MediaGallery-template--19097734414435__main-thumbs-swiper'\n          >\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-3 aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n                \n\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=94\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=80 80w\" height=\"3872.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-3 aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n                \n\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=94\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=80 80w\" height=\"1499.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-3 aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n                \n\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=94\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=80 80w\" height=\"1499.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-3 aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n                \n\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=94\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=80 80w\" height=\"1499.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n          </swiper-container>\n    </div>\n\n    <div class=' relative aspect-square'><!-- ##entry##component-swiper-with-media##endentry## -->\n<product-swiper-with-media class='w-full h-full block relative '>\n        <swiper-container\n          class='w-full h-full block overflow-hidden'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--19097734414435__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--19097734414435__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          navigation='true'\n          \n            slides-per-view='1'\n            space-between='50'\n          \n          virtual='false'\n          id='MediaGallery-template--19097734414435__main-main-swiper'\n          pagination='{\"el\": \".swiper-counter-template--19097734414435__main\",\"type\": \"fraction\"}'\n          \n            scrollbar='{ \"el\": \".swiper-scrollbar-template--19097734414435__main\"}'\n          \n          navigation-next-el='#shopify-section-template--19097734414435__main .swiper-button-next'\n          navigation-prev-el='#shopify-section-template--19097734414435__main .swiper-button-prev'\n        >\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n\n\n\n  <div class='flex flex-wrap gap-2 absolute top-2.5 left-2.5 lg:top-5 lg:left-5 pr-16 z-20'>\n    \n      <span\n        class='bg-p-lightest p-1 lg:px-xs !italic text-t-brand-primary text-caption lg:text-body max-w-full whitespace-normal text-wrap '\n        style='\n          \n          \n        '\n      >\n        Sir Proper's Pick\n      </span>\n\n      \n        \n\n    \n\n    \n  </div>\n\n\n              <div class='opacity-0 hidden'>\n                \n              </div>\n\n              \n\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=800\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=800 800w\" height=\"3872.0\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:50.0% 16.309%;\">\n<dialog-toggle modal-id='MediaGallery-template--19097734414435__main-zoom-gallery' class='absolute top-0 right-0 md:top-sm md:right-sm z-30 size-full cursor-zoom-in lg:cursor-auto '><div class=\"absolute inset-0 lg:relative bg-p-success-lightest\">\n    <button class=\"h6 text-t-foreground p-xs hover:text-t-link grid place-content-center absolute top-5 right-5 md:top-0 md:right-0 bg-t-background rounded-full size-9\">\n      \n<svg-icon\n  src='icon-zoom-pinch'\n  class=''\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n      <span class=\"sr-only\">Zoom</span>\n    </button>\n  </div>\n</dialog-toggle></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n              <div class='opacity-0 hidden'>\n                \n              </div>\n\n              \n\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=800\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=800 800w\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:52.832% 26.855%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--19097734414435__main-zoom-gallery' class='absolute top-0 right-0 md:top-sm md:right-sm z-30 size-full cursor-zoom-in lg:cursor-auto '><div class=\"absolute inset-0 lg:relative bg-p-success-lightest\">\n    <button class=\"h6 text-t-foreground p-xs hover:text-t-link grid place-content-center absolute top-5 right-5 md:top-0 md:right-0 bg-t-background rounded-full size-9\">\n      \n<svg-icon\n  src='icon-zoom-pinch'\n  class=''\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n      <span class=\"sr-only\">Zoom</span>\n    </button>\n  </div>\n</dialog-toggle></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n              <div class='opacity-0 hidden'>\n                \n              </div>\n\n              \n\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=800\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=800 800w\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:47.168% 13.77%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--19097734414435__main-zoom-gallery' class='absolute top-0 right-0 md:top-sm md:right-sm z-30 size-full cursor-zoom-in lg:cursor-auto '><div class=\"absolute inset-0 lg:relative bg-p-success-lightest\">\n    <button class=\"h6 text-t-foreground p-xs hover:text-t-link grid place-content-center absolute top-5 right-5 md:top-0 md:right-0 bg-t-background rounded-full size-9\">\n      \n<svg-icon\n  src='icon-zoom-pinch'\n  class=''\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n      <span class=\"sr-only\">Zoom</span>\n    </button>\n  </div>\n</dialog-toggle></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n              <div class='opacity-0 hidden'>\n                \n              </div>\n\n              \n\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=800\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=800 800w\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:43.457% 33.398%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--19097734414435__main-zoom-gallery' class='absolute top-0 right-0 md:top-sm md:right-sm z-30 size-full cursor-zoom-in lg:cursor-auto '><div class=\"absolute inset-0 lg:relative bg-p-success-lightest\">\n    <button class=\"h6 text-t-foreground p-xs hover:text-t-link grid place-content-center absolute top-5 right-5 md:top-0 md:right-0 bg-t-background rounded-full size-9\">\n      \n<svg-icon\n  src='icon-zoom-pinch'\n  class=''\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n      <span class=\"sr-only\">Zoom</span>\n    </button>\n  </div>\n</dialog-toggle></swiper-slide>\n          \n        </swiper-container>\n      </product-swiper-with-media>\n      <div\n        class='flex-1 swiper-scrollbar-template--19097734414435__main h-0.5 bg-t-border-primary md:hidden '\n      ></div>\n      \n        <div class='flex justify-between md:justify-center py-md md-max:pb-0 px-pagemargin md:px-xs md:py-2xs w-full gap-sm '>\n          <button\n            class='swiper-button-prev disabled:text-t-disabled h-6 w-6 rounded-full flex items-center justify-center hover:opacity-90 text-t-brand-primary relative '\n            aria-label='Slide left'\n          >\n            \n<svg-icon\n  src='icon-arrow-left'\n  class='rotate-0'\n\n  \n    style='--icon-size: 17px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n          </button>\n          <div\n            class='slider-counter swiper-counter-template--19097734414435__main utility-2 text-t-brand-primary flex justify-center items-center -mt-0.5 '\n          ></div>\n          <button\n            class='swiper-button-next disabled:text-t-disabled h-6 w-6 rounded-full flex items-center justify-center hover:opacity-90 text-t-brand-primary relative '\n            aria-label='Slide right'\n          >\n            \n<svg-icon\n  src='icon-arrow-left'\n  class='-rotate-180'\n\n  \n    style='--icon-size: 17px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n          </button>\n        </div>\n      \n\n      <div class=' hidden'>\n        \n          <div class='w-full h-full relative block bg-p-lightest'>\n            <div class='opacity-0 hidden'>\n              \n            </div>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=600\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=600 600w\" height=\"3872.0\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:50.0% 16.309%;\"></div>\n        \n          <div class='w-full h-full relative block bg-p-lightest'>\n            <div class='opacity-0 hidden'>\n              \n            </div>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=600\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1693.jpg?v=1786117837&amp;width=600 600w\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:52.832% 26.855%;\"><div class='swiper-lazy-preloader'></div></div>\n        \n          <div class='w-full h-full relative block bg-p-lightest'>\n            <div class='opacity-0 hidden'>\n              \n            </div>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=600\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1708.jpg?v=1786117820&amp;width=600 600w\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:47.168% 13.77%;\"><div class='swiper-lazy-preloader'></div></div>\n        \n          <div class='w-full h-full relative block bg-p-lightest'>\n            <div class='opacity-0 hidden'>\n              \n            </div>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=600\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/41426TBBCDay2-1716.jpg?v=1786117820&amp;width=600 600w\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:43.457% 33.398%;\"><div class='swiper-lazy-preloader'></div></div>\n        \n      </div>\n    </div>\n  </div>\n</div>\n\n\n\n\n<section\n  id='ProductInfo-template--19097734414435__main'\n  class='grid grid-cols-1 gap-y-6 md:gap-y-sm place-content-start relative mb-6 md:mb-sm md:mt-xl'\n><nav\n  aria-label='Breadcrumb'\n  data-breadcrumb\n  data-parent-title=''\n  data-parent-url=''\n  data-product-title='Short Sleeve John Hall Jon Jon'\n  data-product-url='/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin'\n>\n  <ol class=\"utility-3 font-normal max-md:text-[10px] uppercase text-t-brand-primary [&_li_+_li]:before:content-['/'] [&_li_+_li]:before:mx-[5px]\">\n    <li class='inline'>\n      <a href='/'>Home</a>\n    </li><li class='inline'>\n      <a class='pointer-events-none' href='/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin' aria-current='page'>Short Sleeve John Hall Jon Jon</a>\n    </li>\n  </ol>\n</nav>\n\n<script src='//www.thebeaufortbonnetcompany.com/cdn/shop/t/351/assets/breadcrumb-session.js?v=157159141911467853401785428260' defer></script>\n<div id=\"shopify-block-AK0VkVVNodnFoNkNta__okendo_star_rating_Cwk9TY\" class=\"shopify-block shopify-app-block\">\n\n\n\n\n    <div\n        data-oke-star-rating\n        data-oke-reviews-product-id=\"shopify-8093861904483\"\n    >\n        \n    </div>\n\n\n\n</div><div sub-section-id='title'>\n          <div >\n            \n\n            \n\n            <h1 class='md:pr-md text-t-foreground h2 leading-[1.1]'>\n              Short Sleeve John Hall Jon Jon\n            </h1>\n          </div>\n\n          <div sub-section-id='title' class='pt-xs md:pt-3'><div\n                class='h6'\n                id='price-template--19097734414435__main'\n                role='status'\n                \n              >\n                \n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price utility-1 text-[20px] md:text-[18px] leading-none md:leading-[1.3] tracking-[0.4px] md:tracking-[0.54px]\n'\n    \n  >\n    <div class='inline-flex gap-x-2xs' sub-section-id='price'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='text-t-foreground utility-1 text-[20px] md:text-[18px] leading-none md:leading-[1.3] tracking-[0.4px] md:tracking-[0.54px]'>\n            $68\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:flex gap-2xs flex-row-reverse'>\n          <span class='sr-only'>Regular price</span>\n          <span>\n            <s class='utility-1 text-[20px] md:text-[18px] leading-none md:leading-[1.3] tracking-[0.4px] md:tracking-[0.54px] centered-line-through text-t-foreground'>\n              \n                $68\n              \n            </s>\n          </span><span class='sr-only'>Sale price</span>\n        <span class='group-[.on-sale]/price:text-t-brand-pink-sale text-t-foreground utility-1 text-[20px] md:text-[18px] leading-none md:leading-[1.3] tracking-[0.4px] md:tracking-[0.54px] '>\n          $68\n        </span>\n      </div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='utility-1 text-[20px] md:text-[18px] leading-none md:leading-[1.3] tracking-[0.4px] md:tracking-[0.54px]'>\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\n              </div><div ><form method=\"post\" action=\"/cart/add\" id=\"product-form-installment-product-form-template--19097734414435__main\" accept-charset=\"UTF-8\" class=\"caption\" enctype=\"multipart/form-data\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" /><input type='hidden' name='id' value='44428893225059'>\n                <shopify-payment-terms variant-id=\"44428893225059\" shopify-meta=\"{&quot;type&quot;:&quot;product&quot;,&quot;currency_code&quot;:&quot;USD&quot;,&quot;country_code&quot;:&quot;US&quot;,&quot;variants&quot;:[{&quot;id&quot;:44428893093987,&quot;price_per_term&quot;:&quot;$17.00&quot;,&quot;full_price&quot;:&quot;$68.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4},{&quot;id&quot;:44428893126755,&quot;price_per_term&quot;:&quot;$17.00&quot;,&quot;full_price&quot;:&quot;$68.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4},{&quot;id&quot;:44428893159523,&quot;price_per_term&quot;:&quot;$17.00&quot;,&quot;full_price&quot;:&quot;$68.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4},{&quot;id&quot;:44428893192291,&quot;price_per_term&quot;:&quot;$17.00&quot;,&quot;full_price&quot;:&quot;$68.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4},{&quot;id&quot;:44428893225059,&quot;price_per_term&quot;:&quot;$17.00&quot;,&quot;full_price&quot;:&quot;$68.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4},{&quot;id&quot;:44428893257827,&quot;price_per_term&quot;:&quot;$17.00&quot;,&quot;full_price&quot;:&quot;$68.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4}],&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;financing_plans&quot;:[{&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$49.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:2}]},{&quot;min_price&quot;:&quot;$50.00&quot;,&quot;max_price&quot;:&quot;$149.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4}]},{&quot;min_price&quot;:&quot;$150.00&quot;,&quot;max_price&quot;:&quot;$999.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]},{&quot;min_price&quot;:&quot;$1,000.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;terms&quot;:[{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]}],&quot;installments_buyer_prequalification_enabled&quot;:false,&quot;seller_id&quot;:1669185}\"></shopify-payment-terms>\n<input type=\"hidden\" name=\"product-id\" value=\"8093861904483\" /><input type=\"hidden\" name=\"section-id\" value=\"template--19097734414435__main\" /></form></div>\n          </div>\n\n          <div sub-section-id='title'>\n            \n\n          </div>\n        </div><div sub-section-id='variant_picker'>\n          \n\n\n  \n  <variant-picker\n    id='variant-selects-variant_picker'\n    sub-section-id='variant_picker'\n    class='grid grid-cols-1 md:gap-y-sm border-t gap-y-6 border-t-brand-dull-gold pt-6 md:pt-5'\n    \n      \n    \n  >\n    \n\n\n\n\n\n\n  \n    <product-swatches>\n      <div class='flex flex-col gap-xs md:gap-3 border-b border-t-brand-dull-gold md:pb-5 pb-6'>\n        \n  <div class='flex items-center gap-2 text-t-foreground'><span class='uppercase utility-3'>\n        Color\n      </span><p\n      class='italic text-body-2'\n      data-container='swatch-name'\n    >\n      Barrington Blue with Pumpkin\n    </p>\n  </div>\n\n\n        </div>\n    </product-swatches>\n  \n\n\n\n<fieldset>\n          \n            <div class='mb-xs'>\n              <legend class='w-full'>\n                <div class='utility-3 uppercase text-t-foreground flex justify-between w-full items-center mb-3'>\n                  <div>\n                    <span>\n                      Size\n                    </span>\n\n                    \n                  </div>\n                  \n\n                      \n\n  \n\n  \n\n  \n\n  \n\n  \n\n\n  \n\n\n<dialog-toggle modal-id='size-guide-modal' class='!ml-auto flex !text-[12px]'><button class=\"btn !utility-3 !uppercase !underline cursor-pointer focus:ring-2 focus:ring-t-disabled focus:ring-offset-2\" tabindex=\"0\">\n    Size guide\n  </button>\n</dialog-toggle>\n<modal-dialog\n    cloak\n    type='drawer'\n    id='size-guide-modal'\n\n    \n      url=''\n    \n\n    \n\n    \n      anchor='right'\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n      drawer-classes='lg:!max-w-[800px]'\n    \n\n    \n\n    \n\n    \n      close-icon-size='18'\n    \n\n    \n\n    \n\n    close-label='Close'\n  ><div class='text-t-foreground pb-lg'>\n  <div class='md:px-xl px-md'><h2 class='md:h3 text-center text-t-foreground pb-3'>Size Guide</h2><h5 class='text-center pb-lg'>(Sizes NB - 14)</h5></div>\n\n  <div class='overflow-x-auto ml-md md:ml-xl lg:mr-xl mb-2xl md:mb-xl scrollbar-thin scrollbar-track-transparent scrollbar-thumb-p-neutral'>\n    <table class='w-full table-auto border-collapse border border-t-brand-dull-gold max-md:mr-md max-lg:mr-xl'>\n      <thead>\n        <tr class='caption'>\n          \n<th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n              Size \n            </th><th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n               Bodyweight Range \n            </th><th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n               Height \n            </th><th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n               Chest Width \n            </th><th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n               Waist Width \n            </th><th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n               Hip Circumference\n            </th></tr>\n      </thead>\n\n      <tbody class='utility-3'>\n        \n\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                NB \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 >7 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 > 20.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 13.6\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 16\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 16\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                0/3m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 7-14 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.5\"-24\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 17\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 17.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 17.5\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                3/6m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 14-18 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 24\"-27\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18.5\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                0/6m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 14-18 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 25.5\"-27\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18.5\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                6/12m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 22-26 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 27\"-30.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 19\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 19.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 19.5\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                12/18m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 26-28 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 30.5\"-33\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 19.75\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.25\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.25\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                18/24m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 28-30 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 33\"-35\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.25\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.5\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                2T \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 28-30 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 33\"-35\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 21\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 21\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                3T \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 30-34 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 36\"-38\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 21\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 21.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 22\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                4T \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 34-38 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 39” - 41” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 22” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 22” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 23\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                5  \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 38-45 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 42” - 44” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 23” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 22.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 24\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                6  \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 45-53 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 45” - 46.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 24” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 23” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 25\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                7  \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 54-62 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 47.5”-50.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 26” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 23.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 27.5\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                8  \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 61-68 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 51.5”-52.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 27” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 24.25” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 28.5\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                10 \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 69-75 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 53.5”-55” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 28.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 25” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 30\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                12 \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 76-89 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 56”-58” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 30” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 26” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 32\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                14 \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 90-112 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 59”-62” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 31.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 28” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 34\"\n              </td></tr></tbody>\n    </table>\n  </div></div>\n\n\n  </modal-dialog>\n\n                    \n                  \n                </div>\n              </legend>\n            </div>\n          \n\n          <div class='grid grid-cols-5 gap-x-2xs gap-y-2xs'>\n            \n<!-- ##entry##core-pill-input-handler##endentry## -->\n\n    <link\n      rel='preload'\n      href='/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin?variant=44428893093987&sections=template--19097734414435__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-0'\n    name='Size-1'\n    value='0/6m'\n    form='product-form-template--19097734414435__main'\n    \n    \n    data-option-value-id=\"4937707520099\"\n    data-variant-id=\"44428893093987\"\n    class='absolute w-px h-px -m-px overflow-hidden opacity-0 pointer-events-none peer'\n    style='clip: rect(0, 0, 0, 0);'\n    \n  >\n  <label\n    for='variant_picker-1-0'\n    role='button'\n    tabindex='0'\n    class='block w-full items-center justify-center utility-3 min-h-button-height md:min-h-xl p-xs border border-t-border border-solid \n text-center peer-focus:border-t-foreground-secondary peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out text-t-foreground text-[12px]'\n  >\n    0/6m</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-0'>\n    {\"id\":44428893093987,\"title\":\"0\\/6m\",\"option1\":\"0\\/6m\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-I06M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 0\\/6m\",\"public_title\":\"0\\/6m\",\"options\":[\"0\\/6m\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":45,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699369\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n  </script>\n    <link\n      rel='preload'\n      href='/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin?variant=44428893126755&sections=template--19097734414435__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-1'\n    name='Size-1'\n    value='6/12m'\n    form='product-form-template--19097734414435__main'\n    \n    \n    data-option-value-id=\"4937707552867\"\n    data-variant-id=\"44428893126755\"\n    class='absolute w-px h-px -m-px overflow-hidden opacity-0 pointer-events-none peer'\n    style='clip: rect(0, 0, 0, 0);'\n    \n  >\n  <label\n    for='variant_picker-1-1'\n    role='button'\n    tabindex='0'\n    class='block w-full items-center justify-center utility-3 min-h-button-height md:min-h-xl p-xs border border-t-border border-solid \n text-center peer-focus:border-t-foreground-secondary peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out text-t-foreground text-[12px]'\n  >\n    6/12m</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-1'>\n    {\"id\":44428893126755,\"title\":\"6\\/12m\",\"option1\":\"6\\/12m\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-I612M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 6\\/12m\",\"public_title\":\"6\\/12m\",\"options\":[\"6\\/12m\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":75,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699390\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n  </script>\n    <link\n      rel='preload'\n      href='/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin?variant=44428893159523&sections=template--19097734414435__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-2'\n    name='Size-1'\n    value='12/18m'\n    form='product-form-template--19097734414435__main'\n    \n    \n    data-option-value-id=\"4937707585635\"\n    data-variant-id=\"44428893159523\"\n    class='absolute w-px h-px -m-px overflow-hidden opacity-0 pointer-events-none peer'\n    style='clip: rect(0, 0, 0, 0);'\n    \n  >\n  <label\n    for='variant_picker-1-2'\n    role='button'\n    tabindex='0'\n    class='block w-full items-center justify-center utility-3 min-h-button-height md:min-h-xl p-xs border border-t-border border-solid \n text-center peer-focus:border-t-foreground-secondary peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out text-t-foreground text-[12px]'\n  >\n    12/18m</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-2'>\n    {\"id\":44428893159523,\"title\":\"12\\/18m\",\"option1\":\"12\\/18m\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-I1218M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 12\\/18m\",\"public_title\":\"12\\/18m\",\"options\":[\"12\\/18m\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":85,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699376\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n  </script>\n    <link\n      rel='preload'\n      href='/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin?variant=44428893192291&sections=template--19097734414435__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-3'\n    name='Size-1'\n    value='18/24m'\n    form='product-form-template--19097734414435__main'\n    \n    \n    data-option-value-id=\"4937707618403\"\n    data-variant-id=\"44428893192291\"\n    class='absolute w-px h-px -m-px overflow-hidden opacity-0 pointer-events-none peer'\n    style='clip: rect(0, 0, 0, 0);'\n    \n  >\n  <label\n    for='variant_picker-1-3'\n    role='button'\n    tabindex='0'\n    class='block w-full items-center justify-center utility-3 min-h-button-height md:min-h-xl p-xs border border-t-border border-solid \n text-center peer-focus:border-t-foreground-secondary peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out text-t-foreground text-[12px]'\n  >\n    18/24m</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-3'>\n    {\"id\":44428893192291,\"title\":\"18\\/24m\",\"option1\":\"18\\/24m\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-I1824M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 18\\/24m\",\"public_title\":\"18\\/24m\",\"options\":[\"18\\/24m\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":78,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699383\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n  </script>\n    <link\n      rel='preload'\n      href='/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin?variant=44428893225059&sections=template--19097734414435__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-4'\n    name='Size-1'\n    value='2T'\n    form='product-form-template--19097734414435__main'\n    \n      checked\n    \n    \n    data-option-value-id=\"4937707651171\"\n    data-variant-id=\"44428893225059\"\n    class='absolute w-px h-px -m-px overflow-hidden opacity-0 pointer-events-none peer'\n    style='clip: rect(0, 0, 0, 0);'\n    \n  >\n  <label\n    for='variant_picker-1-4'\n    role='button'\n    tabindex='0'\n    class='block w-full items-center justify-center utility-3 min-h-button-height md:min-h-xl p-xs border border-t-border border-solid \n text-center peer-focus:border-t-foreground-secondary peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out text-t-foreground text-[12px]'\n  >\n    2T</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-4'>\n    {\"id\":44428893225059,\"title\":\"2T\",\"option1\":\"2T\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-T2T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 2T\",\"public_title\":\"2T\",\"options\":[\"2T\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":50,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699406\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n  </script>\n    <link\n      rel='preload'\n      href='/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin?variant=44428893257827&sections=template--19097734414435__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-5'\n    name='Size-1'\n    value='3T'\n    form='product-form-template--19097734414435__main'\n    \n    \n    data-option-value-id=\"4937707683939\"\n    data-variant-id=\"44428893257827\"\n    class='absolute w-px h-px -m-px overflow-hidden opacity-0 pointer-events-none peer'\n    style='clip: rect(0, 0, 0, 0);'\n    \n  >\n  <label\n    for='variant_picker-1-5'\n    role='button'\n    tabindex='0'\n    class='block w-full items-center justify-center utility-3 min-h-button-height md:min-h-xl p-xs border border-t-border border-solid \n text-center peer-focus:border-t-foreground-secondary peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out text-t-foreground text-[12px]'\n  >\n    3T</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-5'>\n    {\"id\":44428893257827,\"title\":\"3T\",\"option1\":\"3T\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-T3T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 3T\",\"public_title\":\"3T\",\"options\":[\"3T\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":19,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699413\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n  </script><pill-input-handler></pill-input-handler>\n\n          </div>\n        </fieldset><script type='application/json' data-selected-variant>\n      {\"id\":44428893225059,\"title\":\"2T\",\"option1\":\"2T\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-T2T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 2T\",\"public_title\":\"2T\",\"options\":[\"2T\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":50,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699406\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n    </script>\n  </variant-picker>\n          <p class='js-model-text caption mt-xs lg:mt-3 text-t-foreground empty:m-0 leading-[14px]'></p>\n        </div>\n        <div\n          sub-section-id='embroidery_CHgiRd'\n          class='hidden'\n        ><!-- ##entry##component-product-embroidery##endentry## -->\n\n\n\n\n\n</div>\n          <div\n            class='flex justify-between items-center space-x-4'\n            sub-section-id='quantity_selector'\n          ><div\n  id='Quantity-Form-template--19097734414435__main'\n  class='grid grid-cols-1'\n  sub-section-id='quantity_selector'\n  \n>\n  <label\n    class='utility-3 uppercase text-t-foreground justify-between text-[12px] hidden'\n    for='Quantity-template--19097734414435__main'\n  >\n    Quantity\n<!-- ##entry##component-variants-in-cart##endentry## -->\n<variants-in-cart\n      variant-id='44428893225059'\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='inline-flex flex-row justify-between items-center gap-2 px-[12px] border border-solid border-t-brand-secondary h-[45px] w-[100px] '\n  variant-id='44428893225059'\n  cart-quantity='0'\n  min='1'\n  max='5'\n  value='1'\n  \n>\n  <div role='status' aria-live='polite' class='sr-only js-qty-status-text'></div>\n  <button\n    class='inline-flex items-center justify-center w-[10px] h-[10px] text-t-brand-primary disabled:opacity-50 disabled:pointer-events-none ml-[10px] '\n    name='minus'\n    type='button'\n    id='product-form-template--19097734414435__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin</span>\n<svg-icon\n  src='icon-minus'\n  class=''\n\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</button>\n  <input\n    class='text-center utility-2 text-t-brand-primary min-w-2.5 pb-[1px] '\n    type='number'\n    name='quantity'\n    value='1'\n    inputmode='numeric'\n    \n    min='1'\n    \nmax='5'\n    step='1'\n    \n    aria-label='Quantity for Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin'\n    id='product-form-template--19097734414435__main-quantity'\n\n    \n      form='product-form-template--19097734414435__main'\n    \n  >\n  <button\n    class='inline-flex items-center justify-center w-[10px] h-[10px] text-t-brand-primary disabled:opacity-50 disabled:pointer-events-none mr-[10px] '\n    name='plus'\n    type='button'\n    id='product-form-template--19097734414435__main-quantity__increment'\n  >\n    <span class='sr-only'>Increase quantity for Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin</span>\n<svg-icon\n  src='icon-plus'\n  class=''\n\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</button>\n</quantity-input>\n</div>\n  <div class='quantity__rules caption' id='Quantity-Rules-template--19097734414435__main'></div>\n  \n</div>\n</div>\n        \n\n\n\n\n<div  sub-section-id='buy_buttons'><product-form\n      class='group/product-form'\n      embroidery-id='639643861'\n    >\n      <div class='product-form__error-message-wrapper' role='alert' hidden>\n        <div class='w-2.5 h-2.5 bg-p-error rounded-full flex items-center justify-center'>\n<svg-icon\n  src='icon-error'\n  class='text-p-lightest'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  \n></svg-icon>\n</div>\n        <span class='product-form__error-message'></span>\n      </div><form method=\"post\" action=\"/cart/add\" id=\"product-form-template--19097734414435__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='44428893225059'\n        >\n\n        \n<div class=' grid grid-cols-[auto_50px] gap-x-1.5 '><button\n            id='ProductSubmitButton-main'\n            type='submit'\n            name='add'\n            variant='secondary'\n            class='btn text-[14px] '\n            \n              aria-label='Add to buggy'\n            \n          >\n            <span class='text-[14px]'>Add to buggy\n</span>\n          </button><!-- ##entry##component-wishlist##endentry## -->\n<wish-list\n              product-id='8093861904483'\n              variant-id='44428893225059'\n              product-handle='short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin'\n            >\n              <a\n                class='btn !min-w-[46px] cursor-pointer !p-0 js-wishlist-button '\n                variant='primary'\n                role='button'\n                tabindex='0'\n                wishlist-trigger\n                aria-label='Wishlist'\n              >\n<svg-icon\n  src='icon-wish'\n  class='min-w-4 text-white js-icon-wish'\n\n  \n    style='--icon-size: 20px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n<svg-icon\n  src='icon-wish-filled'\n  class='min-w-4 text-white js-icon-wish-filled'\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</a>\n            </wish-list><div data-shopify=\"payment-button\" class=\"shopify-payment-button\"> <shopify-accelerated-checkout recommended=\"{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;shop_pay&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:3675301,&quot;merchantName&quot;:&quot;The Beaufort Bonnet Company&quot;,&quot;personalized&quot;:true}}\" fallback=\"{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:true,&quot;name&quot;:&quot;buy_it_now&quot;,&quot;wallet_params&quot;:{}}\" access-token=\"0b700dfebd557e4e13bdf04b1f978386\" buyer-country=\"US\" buyer-locale=\"en-US\" buyer-currency=\"USD\" variant-params=\"[{&quot;id&quot;:44428893093987,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44428893126755,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44428893159523,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44428893192291,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44428893225059,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44428893257827,&quot;requiresShipping&quot;:true}]\" shop-id=\"3675301\" > <div class=\"shopify-payment-button__button\" role=\"button\" disabled aria-hidden=\"true\" style=\"background-color: transparent; border: none\"> <div class=\"shopify-payment-button__skeleton\">&nbsp;</div> </div> <div class=\"shopify-payment-button__more-options shopify-payment-button__skeleton\" role=\"button\" disabled aria-hidden=\"true\">&nbsp;</div> </shopify-accelerated-checkout> </div>\n</div>\n\n        \n<!-- ##entry##component-similar-items-trigger##endentry## -->\n<similar-items-trigger\n            data-oos='false'\n            data-id='productpage-nosto-1'\n            class='hidden text-center leading-none'\n          ></similar-items-trigger>\n        \n\n        \n<!-- ##entry##component-afterpay##endentry## -->\n<script src='https://js.afterpay.com/afterpay-1.x.js' async></script>\n          \n            <div data-afterpay-container>\n              <after-pay class='invisible block'>\n                <afterpay-placement\n                  class='m-0 min-h-[34px] md:pt-xs pt-2'\n                  data-locale='en_US'\n                  data-currency='USD'\n                  data-show-lower-limit='false'\n                  data-logo-type='lockup'\n                  data-size='xs'\n                >\n                </afterpay-placement>\n              </after-pay>\n            </div>\n          \n        \n<input type=\"hidden\" name=\"product-id\" value=\"8093861904483\" /><input type=\"hidden\" name=\"section-id\" value=\"template--19097734414435__main\" /></form></product-form>\n\n\n\n\n\n<modal-dialog\n    cloak\n    type='drawer'\n    id='cognito'\n\n    \n      url=''\n    \n\n    \n\n    \n      anchor='right'\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n      drawer-classes='lg:!max-w-[500px]'\n    \n\n    \n\n    \n\n    \n      close-icon-size='18'\n    \n\n    \n\n    \n\n    close-label='Close'\n  >\n  <div class=\"flex flex-col gap-lg pt-sm px-md p-xl lg:px-xl text-t-foreground\">\n    <div class=\"grid grid-cols-1 gap-xs text-center max-w-[323px] mx-auto\">\n      <h3>Track it down</h3>\n      \n      <p class=\"italic font-normal\">\n        Short Sleeve John Hall Jon Jon | Barrington Blue with Pumpkin... Size 2T\n      </p>\n      <p class=\"body-2\">By completing this form you agree to be contacted by our retailers who have this item in stock.  </p>\n    </div>\n    <div class=\"cognito\">\n      <script src=\"https://services.cognitoforms.com/s/WjYEDKGLTUasqGjhIU_4Ow\" defer onload=\"window.loadCognito()\"></script>\n      <script>\n        window.loadCognito = () => {\n          Cognito.load(\"forms\", { id: \"2\" , entry: { \"Product\": \"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\", \"URL\":\"https://www.thebeaufortbonnetcompany.com/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin\" } } );\n        }\n      </script>\n    </div>\n  </div>\n\n  </modal-dialog>\n  \n    \n      <!-- ##entry##component-sticky-atc##endentry## -->\n\n<sticky-atc\n  form='product-form-template--19097734414435__main'\n  aria-hidden='true'\n  class='opacity-0 aria-hidden:-translate-y-full animate-inSlideDown aria-hidden:animate-outSlideUp drop-shadow flex gap-md flex-col md:flex-row items-center justify-between z-20 fixed top-0 left-0 w-full bg-p-lightest p-md sm:px-pagemargin md:py-xs'\n><div class='hidden md:flex justify-between gap-xs items-center'>\n    \n      <div class='w-[60px] h-[60px] relative'>\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021&amp;width=90\" alt=\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\" height=\"3872.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" style=\"object-position:50.0% 16.309%;\"></div>\n    \n\n    <div class='text-t-foreground flex-1'>\n      <div class='flex gap-xs items-center justify-between gap-x-xs'>\n        <h4 class='h5'>\n          Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\n        </h4>\n\n        \n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price utility-2\n'\n    \n  >\n    <div class='inline-flex gap-x-2xs' sub-section-id='price'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='text-t-foreground utility-2'>\n            $68\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:flex gap-2xs flex-row-reverse'>\n          <span class='sr-only'>Regular price</span>\n          <span>\n            <s class='utility-2 centered-line-through text-t-foreground'>\n              \n                $68\n              \n            </s>\n          </span><span class='sr-only'>Sale price</span>\n        <span class='group-[.on-sale]/price:text-t-brand-pink-sale text-t-foreground utility-2 '>\n          $68\n        </span>\n      </div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='utility-2'>\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\n      </div>\n    </div>\n  </div>\n\n  <div class='w-full grow md:w-auto md:grow-0'>\n    <div class='grid grid-cols-[auto_50px] gap-2xs'>\n      <button\n        id='ProductSubmitButton-sticky'\n        type='submit'\n        name='add'\n        form='product-form-template--19097734414435__main'\n        variant='primary'\n        class='btn md:w-[364px]'\n        \n          aria-label='Add to buggy'\n        \n        tabindex='-1'\n      >\n        <span class='leading-[1.1]'>Add to buggy\n</span>\n      </button><!-- ##entry##component-wishlist##endentry## -->\n<wish-list\n          product-id='8093861904483'\n          variant-id='44428893225059'\n          product-handle='short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin'\n          tabindex='-1'\n        >\n          <button\n            class='btn !min-w-[46px] !p-0 js-wishlist-button '\n            variant='primary'\n            wishlist-trigger\n            aria-label='Wishlist'\n          >\n<svg-icon\n  src='icon-wish'\n  class='min-w-4 text-white js-icon-wish'\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n<svg-icon\n  src='icon-wish-filled'\n  class='min-w-4 text-white js-icon-wish-filled'\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</button>\n        </wish-list></div>\n  </div>\n</sticky-atc>\n\n    \n  \n</div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n<div sub-section-id='early-access-description'>\n          \n        </div><div\n            class='inline-richtext rte  body-2 text-base [&_p]:body-2 [&_p]:!text-base [&_*]:!leading-[1.4] gap-2 grid text-t-brand-primary'\n            \n            sub-section-id='description'\n          >\n            <p>The Jon Jon that was made for fall fun and special occasions is our Short Sleeve John Hall Jon Jon in Barrington Blue with Pumpkin! Complete with a collar at the neckline with piping on the edge, pleats on the chest with an embroidered pumpkin between them, tortoise buttons on the back opening, and snaps at the leg opening, this one piece outfit is both functional and dapper. The Barrington Blue is rich, classic, and completely fall ready, and the darling pumpkin detail and pleats makes this outfit perfect for fall family photos, Sunday outings, and fall family gatherings!</p>\n          </div>\n\n\n              <div\n                sub-section-id='collapsible_tab_Ed6nAh'\n                class='border-t border-t-brand-dull-gold'\n              >\n                <div\n                  class='accordion'\n                  \n                >\n                  <div\n  id='Details-collapsible_tab_Ed6nAh-template--19097734414435__main'\n  class='group border-b border-b-t-brand-dull-gold '\n>\n  <label\n    class='list-none block utility-2 uppercase text-t-brand-primary '\n    for='accordion-checkbox-collapsible_tab_Ed6nAh-template--19097734414435__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible_tab_Ed6nAh-template--19097734414435__main'\n      aria-label='Toggle Features accordion'\n      class='sr-only peer'\n      type='checkbox'\n      id='accordion-checkbox-collapsible_tab_Ed6nAh-template--19097734414435__main'\n      name='accordion-input--collapsible_tab_ed6nah-template-19097734414435__main\n'\n    >\n    <div\n      data-accordion-title\n      class='cursor-pointer py-5 lg:py-6 flex items-center justify-between w-full peer-focus-visible:ring-2 ring-t-disabled '\n    >\n      <div id='accordion-title-collapsible_tab_Ed6nAh-template--19097734414435__main' class='text-[14px]'>\n        Features\n      </div>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:hidden duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n<svg-icon\n  src='icon-minus'\n  class='hidden group-has-[:checked]:block duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</div>\n  </label>\n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible_tab_Ed6nAh-template--19097734414435__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible_tab_Ed6nAh-template--19097734414435__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pb-6 text-body text-t-foreground'>\n        <div class=\"metafield-rich_text_field\"><ul><li>Collar at neckline </li><li>Piping on edge of collar</li><li>Pleats on chest</li><li>Embroidered pumpkin between pleats on chest</li><li>Snaps at leg opening</li><li>Tortoise buttons on back 1/4 opening</li></ul></div>\n              \n\n      </div>\n    </div>\n  </div>\n</div>\n\n                </div>\n              </div>\n\n\n              <div\n                sub-section-id='collapsible-row-3'\n                class='-mt-6 md:-mt-sm'\n              >\n                <div\n                  class='accordion'\n                  \n                >\n                  <div\n  id='Details-collapsible-row-3-template--19097734414435__main'\n  class='group border-b border-b-t-brand-dull-gold '\n>\n  <label\n    class='list-none block utility-2 uppercase text-t-brand-primary '\n    for='accordion-checkbox-collapsible-row-3-template--19097734414435__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-3-template--19097734414435__main'\n      aria-label='Toggle Materials + Care accordion'\n      class='sr-only peer'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-3-template--19097734414435__main'\n      name='accordion-input--collapsible-row-3-template-19097734414435__main\n'\n    >\n    <div\n      data-accordion-title\n      class='cursor-pointer py-5 lg:py-6 flex items-center justify-between w-full peer-focus-visible:ring-2 ring-t-disabled '\n    >\n      <div id='accordion-title-collapsible-row-3-template--19097734414435__main' class='text-[14px]'>\n        Materials + Care\n      </div>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:hidden duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n<svg-icon\n  src='icon-minus'\n  class='hidden group-has-[:checked]:block duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</div>\n  </label>\n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-3-template--19097734414435__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-3-template--19097734414435__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pb-6 text-body text-t-foreground'>\n        <div class=\"metafield-rich_text_field\"><ul><li>60% Cotton, 40% Polyester</li><li>Machine wash cold with like colors inside out on gentle cycle. Do not bleach. Tumble dry low and remove promptly. Cool iron when needed.</li></ul></div>\n              \n\n      </div>\n    </div>\n  </div>\n</div>\n\n                </div>\n              </div>\n\n\n              <div\n                sub-section-id='collapsible-row-1'\n                class='-mt-6 md:-mt-sm'\n              >\n                <div\n                  class='accordion'\n                  \n                >\n                  <div\n  id='Details-collapsible-row-1-template--19097734414435__main'\n  class='group border-b border-b-t-brand-dull-gold '\n>\n  <label\n    class='list-none block utility-2 uppercase text-t-brand-primary '\n    for='accordion-checkbox-collapsible-row-1-template--19097734414435__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--19097734414435__main'\n      aria-label='Toggle Shipping &amp; Returns accordion'\n      class='sr-only peer'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-1-template--19097734414435__main'\n      name='accordion-input--collapsible-row-1-template-19097734414435__main\n'\n    >\n    <div\n      data-accordion-title\n      class='cursor-pointer py-5 lg:py-6 flex items-center justify-between w-full peer-focus-visible:ring-2 ring-t-disabled '\n    >\n      <div id='accordion-title-collapsible-row-1-template--19097734414435__main' class='text-[14px]'>\n        Shipping &amp; Returns\n      </div>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:hidden duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n<svg-icon\n  src='icon-minus'\n  class='hidden group-has-[:checked]:block duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</div>\n  </label>\n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-1-template--19097734414435__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--19097734414435__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pb-6 text-body text-t-foreground'>\n        <ul><li>Please refer to our <a href=\"https://www.thebeaufortbonnetcompany.com/pages/returns\" target=\"_blank\" title=\"Returns & Exchanges\">returns</a> and <a href=\"https://www.thebeaufortbonnetcompany.com/pages/shipping\" target=\"_blank\" title=\"Shipping\">shipping</a> pages for more information. </li><li>In an effort to become more sustainable, our checkout page has a new feature. To receive the same traditional T.B.B.C. gift wrap with your order, there is now an option to select at checkout.  All gift wrap is still complimentary.<br/><br/></li></ul>\n              \n\n      </div>\n    </div>\n  </div>\n</div>\n\n                </div>\n              </div>\n<div class='mt-6 lg:mt-sm flex items-center gap-7'><!-- ##entry##component-registry##endentry## -->\n<add-to-registry>\n              <button\n                class='btn js-registry-button flex items-center gap-xs'\n              >\n<svg-icon\n  src='icon-registry'\n  class='js-icon-registry'\n\n  \n    style='--icon-size: 18px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n<span class='js-registry-label body-2 text-t-foreground'>\n                  Add to registry\n                </span>\n              </button>\n            </add-to-registry><!-- ##entry##component-share-product##endentry## -->\n<share-product\n  data-product-url='https://www.thebeaufortbonnetcompany.com/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin'\n  data-original-text='Share this product'\n  data-copied-text='Copied to clipboard!'\n  data-product-title='Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin'\n  data-shared-text='Link shared'\n  data-duration='2000'\n  class='cursor-pointer flex items-center body-2 gap-3 text-t-foreground'\n  aria-label='Link shared'\n>\n  \n<svg-icon\n  src='icon-share-product'\n  class=''\n\n  \n    style='--icon-size: 18px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n</share-product>\n\n</div><div id=\"shopify-block-ASjFCSmtOOFpwSER0c__swym_gift_lists_and_registries_swym_registry_add_button_DnbbUi\" class=\"shopify-block shopify-app-block\"><div class=\"swym-registry-div-container\" style=\"display: none;\">\n  \n\n  <!-- Liquid Code Start -->\n  \n    <div class=\"swym-registry-add-btn-container\">\n      <button\n        type=\"button\"\n        id=\"swym-registry-add-modal-btn\"\n        class=\"swym-registry-add-modal-btn swym-registry-disable-add-to-registry-btn\"\n        onclick='swymRegistry_addHandler(null)'\n      >\n        <span id=\"swym-registry-add-btn-label\">Add To Registry</span>\n      </button>\n    </div>\n    <div id=\"swym-registry-pdp-popups\"></div>\n  \n\n  <script>\n    if (window.location.href.indexOf('/products/') > -1 || (document.querySelector(\"link[rel='canonical']\") && document.querySelector(\"link[rel='canonical']\").href.includes(\"/products/\"))) {\n      window.swymRegistry_lsName = \"swymKeys\";\n\n      window.swymRegistryCustomerData = {\n        \"customerId\": \"\",\n        \"email\": \"\",\n        \"firstName\": \"\",\n        \"lastName\": \"\",\n        \"phone\": \"\",\n        \"acceptsMarketing\": \"\"\n      };\n\n      window.swymRegistryStrings = {\n        \"swym_registry_add_products_link\": \"/collections/all\",\n        \"swym_registry_add_button_label\": \"Add To Registry\",\n        \"swym_registry_select_regsistry_title\": \"Select Registry\",\n        \"swym_registry_update_registry_btn\": \"Update Registry\" || \"Update Registry\",\n        \"swym_registry_create_regsistry_title\": \"Create Registry\" || \"Create Registry\",\n        \"swym_registry_create_registry_message\": \"Create your own gift registry of items you would like to have and share your list with family and friends\",\n        \"swym_registry_create_get_started\": \"Get Started\",\n        \"swym_registry_success_added_to\": \"Added to\",\n        \"swym_registry_success_view\": \"View\",\n        \"swym_registry_success_continue\": \"Continue Adding\"\n      }\n\n      window.swymRegistryProductVariants = window.swymRegistryProductVariants || {};\n      window.swymRegistryProductInfo = {};var variants = [];\n        window.swymRegistryProductInfo.product = {\"id\":8093861904483,\"title\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\",\"handle\":\"short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin\",\"description\":\"\\u003cp\\u003eThe Jon Jon that was made for fall fun and special occasions is our Short Sleeve John Hall Jon Jon in Barrington Blue with Pumpkin! Complete with a collar at the neckline with piping on the edge, pleats on the chest with an embroidered pumpkin between them, tortoise buttons on the back opening, and snaps at the leg opening, this one piece outfit is both functional and dapper. The Barrington Blue is rich, classic, and completely fall ready, and the darling pumpkin detail and pleats makes this outfit perfect for fall family photos, Sunday outings, and fall family gatherings!\\u003c\\/p\\u003e\",\"published_at\":\"2026-08-14T07:48:11-04:00\",\"created_at\":\"2026-07-31T16:33:28-04:00\",\"vendor\":\"The Beaufort Bonnet Company\",\"type\":\"One Piece Outfits\",\"tags\":[\"8.14.26 launch\",\"Apparel\",\"baby boy pumpkin jon jon\",\"boys barrington blu jon jon fall\",\"boys barrington blue jon jon\",\"boys embroidered pumpkin jon jon\",\"boys fall jon jon\",\"boys fall one piece\",\"boys jon jon fall\",\"boys pumpkin jon jon fal\",\"boys pumpkin jon jon fall\",\"boys tortoise button jon jon fall\",\"category-One Piece Outfits\",\"fa26 Delivery 3\",\"Fall 2026\",\"gender-Boys\",\"maincolor-Blue\",\"NO-TREET\",\"size-chart-kids\"],\"price\":6800,\"price_min\":6800,\"price_max\":6800,\"available\":true,\"price_varies\":false,\"compare_at_price\":6800,\"compare_at_price_min\":6800,\"compare_at_price_max\":6800,\"compare_at_price_varies\":false,\"variants\":[{\"id\":44428893093987,\"title\":\"0\\/6m\",\"option1\":\"0\\/6m\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-I06M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 0\\/6m\",\"public_title\":\"0\\/6m\",\"options\":[\"0\\/6m\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":45,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699369\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44428893126755,\"title\":\"6\\/12m\",\"option1\":\"6\\/12m\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-I612M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 6\\/12m\",\"public_title\":\"6\\/12m\",\"options\":[\"6\\/12m\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":75,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699390\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44428893159523,\"title\":\"12\\/18m\",\"option1\":\"12\\/18m\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-I1218M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 12\\/18m\",\"public_title\":\"12\\/18m\",\"options\":[\"12\\/18m\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":85,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699376\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44428893192291,\"title\":\"18\\/24m\",\"option1\":\"18\\/24m\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-I1824M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 18\\/24m\",\"public_title\":\"18\\/24m\",\"options\":[\"18\\/24m\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":78,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699383\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44428893225059,\"title\":\"2T\",\"option1\":\"2T\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-T2T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 2T\",\"public_title\":\"2T\",\"options\":[\"2T\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":50,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699406\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44428893257827,\"title\":\"3T\",\"option1\":\"3T\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-T3T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 3T\",\"public_title\":\"3T\",\"options\":[\"3T\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":19,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699413\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}],\"images\":[\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/41426TBBCDay2-1693.jpg?v=1786117837\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/41426TBBCDay2-1708.jpg?v=1786117820\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/41426TBBCDay2-1716.jpg?v=1786117820\"],\"featured_image\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"options\":[\"Size\"],\"media\":[{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"},\"aspect_ratio\":1.0,\"height\":3872,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"width\":3872},{\"alt\":null,\"id\":28008664399971,\"position\":2,\"preview_image\":{\"aspect_ratio\":0.667,\"height\":1499,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/41426TBBCDay2-1693.jpg?v=1786117837\"},\"aspect_ratio\":0.667,\"height\":1499,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/41426TBBCDay2-1693.jpg?v=1786117837\",\"width\":1000},{\"alt\":null,\"id\":28008657485923,\"position\":3,\"preview_image\":{\"aspect_ratio\":0.667,\"height\":1499,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/41426TBBCDay2-1708.jpg?v=1786117820\"},\"aspect_ratio\":0.667,\"height\":1499,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/41426TBBCDay2-1708.jpg?v=1786117820\",\"width\":1000},{\"alt\":null,\"id\":28008657453155,\"position\":4,\"preview_image\":{\"aspect_ratio\":0.667,\"height\":1499,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/41426TBBCDay2-1716.jpg?v=1786117820\"},\"aspect_ratio\":0.667,\"height\":1499,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/41426TBBCDay2-1716.jpg?v=1786117820\",\"width\":1000}],\"requires_selling_plan\":false,\"selling_plan_groups\":[],\"content\":\"\\u003cp\\u003eThe Jon Jon that was made for fall fun and special occasions is our Short Sleeve John Hall Jon Jon in Barrington Blue with Pumpkin! Complete with a collar at the neckline with piping on the edge, pleats on the chest with an embroidered pumpkin between them, tortoise buttons on the back opening, and snaps at the leg opening, this one piece outfit is both functional and dapper. The Barrington Blue is rich, classic, and completely fall ready, and the darling pumpkin detail and pleats makes this outfit perfect for fall family photos, Sunday outings, and fall family gatherings!\\u003c\\/p\\u003e\"};\n        window.swymRegistryProductInfo.variants = window.swymRegistryProductInfo.product.variants;\n        var swymRegistryProductImageUrl = \"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\";\n        \n\n          swymRegistryProductVariants[44428893093987] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44428893093987,\n            dt: \"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin\",\n            iu:  {\"id\":44428893093987,\"title\":\"0\\/6m\",\"option1\":\"0\\/6m\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-I06M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 0\\/6m\",\"public_title\":\"0\\/6m\",\"options\":[\"0\\/6m\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":45,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699369\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 45,\n            pr: 6800/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 6800/100, \n            variants: [{ \"0\\/6m\" : 44428893093987}]\n          };\n          swymRegistryProductVariants[44428893126755] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44428893126755,\n            dt: \"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin\",\n            iu:  {\"id\":44428893126755,\"title\":\"6\\/12m\",\"option1\":\"6\\/12m\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-I612M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 6\\/12m\",\"public_title\":\"6\\/12m\",\"options\":[\"6\\/12m\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":75,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699390\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 75,\n            pr: 6800/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 6800/100, \n            variants: [{ \"6\\/12m\" : 44428893126755}]\n          };\n          swymRegistryProductVariants[44428893159523] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44428893159523,\n            dt: \"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin\",\n            iu:  {\"id\":44428893159523,\"title\":\"12\\/18m\",\"option1\":\"12\\/18m\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-I1218M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 12\\/18m\",\"public_title\":\"12\\/18m\",\"options\":[\"12\\/18m\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":85,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699376\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 85,\n            pr: 6800/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 6800/100, \n            variants: [{ \"12\\/18m\" : 44428893159523}]\n          };\n          swymRegistryProductVariants[44428893192291] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44428893192291,\n            dt: \"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin\",\n            iu:  {\"id\":44428893192291,\"title\":\"18\\/24m\",\"option1\":\"18\\/24m\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-I1824M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 18\\/24m\",\"public_title\":\"18\\/24m\",\"options\":[\"18\\/24m\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":78,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699383\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 78,\n            pr: 6800/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 6800/100, \n            variants: [{ \"18\\/24m\" : 44428893192291}]\n          };\n          swymRegistryProductVariants[44428893225059] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44428893225059,\n            dt: \"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin\",\n            iu:  {\"id\":44428893225059,\"title\":\"2T\",\"option1\":\"2T\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-T2T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 2T\",\"public_title\":\"2T\",\"options\":[\"2T\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":50,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699406\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 50,\n            pr: 6800/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 6800/100, \n            variants: [{ \"2T\" : 44428893225059}]\n          };\n          swymRegistryProductVariants[44428893257827] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44428893257827,\n            dt: \"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin\",\n            iu:  {\"id\":44428893257827,\"title\":\"3T\",\"option1\":\"3T\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-T3T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 3T\",\"public_title\":\"3T\",\"options\":[\"3T\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":19,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699413\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 19,\n            pr: 6800/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 6800/100, \n            variants: [{ \"3T\" : 44428893257827}]\n          };window.swymRegistryProductInfo.currentVariant = 44428893225059;\n        window.swymRegistryProductData = {\n          et: 1, empi: window.swymRegistryProductInfo.product.id, epi: window.swymRegistryProductInfo.currentVariant,\n          dt: \"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin\", du: \"https://www.thebeaufortbonnetcompany.com/products/short-sleeve-john-hall-jon-jon-barrington-blue-with-pumpkin\",\n          ct: window.swymRegistryProductInfo.product.type, pr: 6800/100,\n          iu:  {\"id\":44428893225059,\"title\":\"2T\",\"option1\":\"2T\",\"option2\":null,\"option3\":null,\"sku\":\"6204-6148-T2T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":36450643050595,\"product_id\":8093861904483,\"position\":1,\"created_at\":\"2026-07-31T16:33:39-04:00\",\"updated_at\":\"2026-07-31T16:33:41-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\",\"variant_ids\":[44428893093987,44428893126755,44428893159523,44428893192291,44428893225059,44428893257827]},\"available\":true,\"name\":\"Short Sleeve John Hall Jon Jon - Barrington Blue with Pumpkin - 2T\",\"public_title\":\"2T\",\"options\":[\"2T\"],\"price\":6800,\"weight\":0,\"compare_at_price\":6800,\"inventory_quantity\":50,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971699406\",\"featured_media\":{\"alt\":null,\"id\":27954068815971,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/ShortSleeveJohnHallJonJon-BarringtonBluewithPalmettoPearlandPumpkin_43a06edf-5004-4bf9-a93e-4124e2359b9d.jpg?v=1785530021\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} , variants: [{ \"2T\" : 44428893225059 }],\n          stk:50  ,op:6800/100 \n        };\n      \n    }\n  </script>\n\n  <script defer src=\"https://cloudfront.loggly.com/js/loggly.tracker-latest.min.js\"></script>\n  <script>\n    var _LTracker = _LTracker || [];\n    _LTracker.push({\n      logglyKey: '7a2be593-4080-4ce0-b039-cee174ba8365',\n      sendConsoleErrors: true,\n      tag: 'error,template,pdp',\n    });\n  </script>\n\n  <script>\n    if (\n      window.location.href.indexOf('/products/') > -1 ||\n      (document.querySelector(\"link[rel='canonical']\") &&\n        document.querySelector(\"link[rel='canonical']\").href.includes('/products/'))\n    ) {\n      if (!document.getElementById('swym-registry-dns-prefetch')) {\n        var swymRegistryLink = document.createElement('link');\n        swymRegistryLink.id = 'swym-registry-dns-prefetch';\n        swymRegistryLink.rel = 'dns-prefetch';\n        swymRegistryLink.href = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        document.head.appendChild(swymRegistryLink);\n      }\n      if (!document.getElementById('swym-registry-preconnect')) {\n        var swymRegistryLink = document.createElement('link');\n        swymRegistryLink.id = 'swym-registry-preconnect';\n        swymRegistryLink.rel = 'preconnect';\n        swymRegistryLink.href = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        document.head.appendChild(swymRegistryLink);\n      }\n      if (!document.getElementById('swym-registry-pdp-cdn')) {\n        var swymRegistryScript = document.createElement('script');\n        swymRegistryScript.id = 'swym-registry-pdp-cdn';\n        swymRegistryScript.src = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        swymRegistryScript.defer = 'defer';\n        document.head.appendChild(swymRegistryScript);\n      }\n      document.querySelector('.swym-registry-div-container').style.display = 'initial';\n    }\n  </script>\n\n  <style data-shopify>\n    .swym-registry-add-btn-container {\n      text-align: left;\n    }\n\n    .swym-registry-add-modal-btn {\n      position: relative;\n      font-family: inherit;\n\n      background-color: #0d2236;\n      color: #f1f1f1;\n      border: 1px solid #0d2236;\n      border-radius: 2px;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1.3rem 1rem;\n\n      width: 100%;\n      margin-bottom: 1rem;\n\n      display: inline-block;\n      cursor: pointer;\n\n      /* pointer-events: none;\n      opacity: 0.5; */\n    }\n\n    /* Styles for Popup */\n    .swym-registry-modal-container {\n      background-color: #ffffff;\n      color: #000000;\n      border: 1px solid rgba(0, 0, 0, 0.7);\n      font-family: inherit;\n      position: relative;\n      margin: 0 auto;\n      padding: 3rem 0;\n      width: 50%;\n      max-width: 1440px;\n      height: auto;\n      box-shadow: -1px 3px 18px grey;\n      animation: drop-in .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n      top: 50%;\n    }\n\n    .swym-registry-list-container h2 {\n      width: 100%;\n      text-align: center;\n      font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1440 - 320)));\n      color: inherit;\n    }\n\n    #swym-registry-unordered-list {\n      margin: 0;\n      padding: 0;\n    }\n    #swym-registry-unordered-list {\n      height: 250px;\n      overflow-y: scroll;\n      width: 75%;\n      margin: 0 auto;\n      margin-top: 3rem;\n    }\n    #swym-registry-unordered-list li {\n      list-style-type: none;\n      border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1rem 0 1rem 1.5rem;\n      cursor: pointer;\n    }\n    #swym-registry-unordered-list li:last-child {\n      border-bottom: none;\n    }\n    #swym-registry-unordered-list li.swym-registry-selected {\n      background: rgba(0, 0, 0, 0.1);\n    }\n    #swym-registry-unordered-list::-webkit-scrollbar {\n      width: 8px;\n    }\n    /* Track */\n    #swym-registry-unordered-list::-webkit-scrollbar-track {\n      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);\n      border-radius: 5px;\n    }\n    /* Handle */\n    #swym-registry-unordered-list::-webkit-scrollbar-thumb {\n      background: rgba(0, 0, 0, 0.7);\n      border-radius: 5px;\n    }\n    /* Handle on hover */\n    #swym-registry-unordered-list::-webkit-scrollbar-thumb:hover {\n      background: rgba(0, 0, 0, 0.5);\n    }\n\n    .swym-registry-pdp-btn-container {\n      display: flex;\n      width: 100%;\n    }\n    .swym-registry-pdp-btn-container button {\n      width: 75%;\n      margin: 0 auto;\n      outline: none;\n      background-color: #000000;\n      color: #ffffff;\n      border: 1px solid #ffffff;\n      border-radius: 2px;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1.3rem 1rem;\n      cursor: pointer;\n      text-align: center;\n      margin-top: 2rem;\n    }\n\n    .swym-registry-no-registry {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      width: 75%;\n      margin: 0 auto;\n      background-color: #ffffff;\n      color: #000000;\n      font-family: inherit;\n    }\n\n\n    /* Styles for Success Popup */\n    .swym-registry-add-success-font {\n      font-family: inherit;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n    }\n\n    .swym-registry-view-success-registry {\n      text-align: center;\n      margin: 0;\n      padding: 1rem;\n      width: 70%;\n      margin: 2rem 0;\n      cursor: pointer;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n      border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n    }\n  </style>\n  <link href=\"//cdn.shopify.com/extensions/019f7ee6-3f1b-79b3-b025-a36eeb9334ac/swym-registry-shopify-extensions-25/assets/swym-registry-pdp-extension.css\" rel=\"stylesheet\" type=\"text/css\" media=\"all\" />\n</div>\n\n\n</div><div sub-section-id='complete_the_look_yiRtAX'>\n\n\n\n\n<!-- ##entry##complete-the-look-nosto-style##endentry## -->\n<complete-the-look-nosto-style\n    class='complete-the-look-container overflow-hidden pl-[5px] md:pl-0 -mr-[15px] md:-mr-[35px] block'\n    \n  >\n    \n      <h3 class='text-[28px] xs:text-[32px] text-t-brand-primary mb-5 md:mb-5'>\n        Complete the Look\n      </h3>\n    \n\n    <div class='flex flex-row gap-[10px] overflow-x-scroll ctl-products-scroll'>\n      \n        \n\n        <div\n          class='flex flex-col flex-[0_0_85%] md:flex-[0_0_70%] p-[10px] gap-3 text-t-brand-primary h-max'\n          data-product-id='8093789945955'\n          data-product-handle='cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n          data-color-family='swatch-cambridge-cardigan'\n        >\n          <!-- Top Section: Image + Info -->\n          <div class='flex flex-row gap-5'>\n            <!-- Product Image -->\n            <a href='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons' class='flex-shrink-0' aria-label='Cambridge Cardigan - Cape Elizabeth Camel with Pearlized Buttons'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/CambridgeCardigan-CapeElizabethCamel.jpg?v=1785520902&width=230'\n                  alt='Cambridge Cardigan - Cape Elizabeth Camel with Pearlized Buttons'\n                  width='230'\n                  height='280'\n                  class='max-w-[115px] w-full object-cover product-main-image'\n                  loading='lazy'\n                  data-image-url='//www.thebeaufortbonnetcompany.com/cdn/shop/files/CambridgeCardigan-CapeElizabethCamel.jpg?v=1785520902&width=230'\n                >\n              \n            </a>\n\n            <!-- Product Info -->\n            <div class='flex-1 flex flex-col'>\n              \n                <div\n                  class='uppercase p-2 text-t-brand-primary utility-3 bg-t-brand-secondary max-w-fit mb-[10px]'\n                  \n                >\n                  Unisex\n                </div>\n              \n\n              <a href='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons' class='no-underline'>\n                <div class='h6 mb-[6px] text-t-brand-primary product-name'>\n                  Cambridge Cardigan\n                </div>\n              </a>\n\n              <div class='flex gap-[6px] justify-start'>\n                \n                  <div\n                    class='utility-2'\n                    data-price='4800'\n                  >\n                    $48.00\n                  </div>\n                \n              </div>\n\n              <button\n                class='mt-[30px] body-2 pr-[6px] flex justify-between items-center w-full text-left toggle-variants-btn'\n                type='button'\n                aria-expanded='false'\n                aria-label='Toggle color and size selection for Cambridge Cardigan'\n              >\n                <span>Select Color & Size</span>\n                <span class='transform transition-transform duration-200'>\n                  <svg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5' fill='none'>\n                    <path d='M1 0.542969L3.79289 3.33586C4.18342 3.72639 4.81658 3.72639 5.20711 3.33586L8 0.542969' stroke='#104177'/>\n                  </svg>\n                </span>\n              </button>\n            </div>\n          </div>\n\n          <!-- Bottom Section: Variants (Initially Hidden) -->\n          <div class='hidden flex-col gap-3 variant-selector-container'>\n            <!-- Color Selection -->\n            \n              <div class='border-t border-b border-[#DED6C3] -mx-[10px] px-[10px] py-[10px]'>\n                <div class='italic body-2 mb-[10px] selected-color-name'>\n                  Cape Elizabeth Camel with Pearlized Buttons\n                </div>\n\n                \n                  \n                  \n                    <div class='flex flex-wrap gap-3 color-swatches'>\n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/cambridge-cardigan-unisex-worth-avenue-white-with-ivory-pearlized-buttons'\n                            data-id='4755758612579'\n                            data-swatch='Worth Avenue White with Pearlized Buttons'\n                            data-product-name='Cambridge Cardigan (Unisex)'\n                            data-price='4800'\n                            data-compare-price='4800'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC4.8.2022-9_beige_40d79d34-d671-4e1b-b534-3279687ff111.jpg?v=1762273771&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A5637_edited_1.jpg?v=1713534346&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/4e5a8f5ff37b--WORTH-AVENUE-WHITE.jpg?v=1738685801\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Worth Avenue White with Pearlized Buttons'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/cambridge-cardigan-unisex-richmond-red'\n                            data-id='3926600384611'\n                            data-swatch='Richmond Red'\n                            data-product-name='Cambridge Cardigan (Unisex)'\n                            data-price='4800'\n                            data-compare-price='4800'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Cambridge-Cardigan-_Unisex_---Richmond-Red_beige_66da7149-72a7-43bd-b2c6-e3593d17b89d.jpg?v=1762201257&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/251110_TBB_Day1_S02_1453_1.jpg?v=1782480677&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/12ad25666086--RICHMOND-RED.jpg?v=1738685782\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Richmond Red'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/cambridge-cardigan-grantley-gray'\n                            data-id='7823207006307'\n                            data-swatch='Grantley Gray'\n                            data-product-name='Cambridge Cardigan'\n                            data-price='4800'\n                            data-compare-price='4800'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/cambridge_cardigan_-_grantley_gray.jpg?v=1762294811&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6526_faaa7987-906d-45fb-9c3c-81f41fda4768.jpg?v=1760537012&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/GRANTLY-GREY.jpg?v=1753108109\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Grantley Gray'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/cambridge-cardigan-barbados-blue-with-gold-buttons'\n                            data-id='8012794462307'\n                            data-swatch='Barbados Blue with Gold Buttons'\n                            data-product-name='Cambridge Cardigan'\n                            data-price='5000'\n                            data-compare-price='5000'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Buttons-1.jpg?v=1782301749&width=500'\n                            \n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/BARBADOS_BLUE_618f6443-6474-4498-bfc5-f5cefd927afa.jpg?v=1753201980\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Barbados Blue with Gold Buttons'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/cambridge-cable-knit-cardigan-palm-beach-pink'\n                            data-id='4753896636515'\n                            data-swatch='Palm Beach Pink'\n                            data-product-name='Cambridge Cable Knit Cardigan'\n                            data-price='5200'\n                            data-compare-price='5200'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Cambridge-Cable-Knit-Cardigan---Palm-Beach-Pink_beige_9af1c72e-75b0-406d-8eb4-991a36776c4b.jpg?v=1762273719&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A7080_8591f642-740c-4ec1-bfad-0e2c5ddbedfa.jpg?v=1694723175&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/e3eb4730efb9--PALM-BEACH-PINK-CABLE-KNIT.jpg?v=1738685801\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Palm Beach Pink'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/cambridge-cardigan-old-greenwich-green-with-pearlized-buttons'\n                            data-id='8043442962531'\n                            data-swatch='Old Greenwich Green with Pearlized Buttons'\n                            data-product-name='Cambridge Cardigan'\n                            data-price='4800'\n                            data-compare-price='4800'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/cambridgecardiganoldgreenwichgreen.jpg?v=1782245781&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/D1_S1-PICNIC-MERCER_HILTON_MIMI_0002.jpg?v=1785253521&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/COLOR_SWATCH_-_OLD_GREENWICH_GREEN.jpg?v=1751979920\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Old Greenwich Green with Pearlized Buttons'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                            data-id='8093789945955'\n                            data-swatch='Cape Elizabeth Camel with Pearlized Buttons'\n                            data-product-name='Cambridge Cardigan'\n                            data-price='4800'\n                            data-compare-price='4800'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/CambridgeCardigan-CapeElizabethCamel.jpg?v=1785520902&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/D2_S5-DRIVEWAY-GEORGIA_KATE_HENRY_0003.jpg?v=1786124391&width=500'\n                            \n                            \n                              aria-selected='true'\n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/cape_elizabeth_camel.jpg?v=1786565659\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Cape Elizabeth Camel with Pearlized Buttons'\n                          >\n                            \n                          </button>\n                        \n                      \n                    </div>\n                  \n                \n              </div>\n            \n\n            <!-- Size Selection -->\n            \n              <div class='size-selector-container mt-[10px]'>\n                <div class='utility-3 uppercase mb-[10px]'>SIZE</div>\n\n                <div class='grid grid-cols-5 gap-x-2xs gap-y-xs size-options'>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740526179'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740526179'\n                        name='size-8093789945955'\n                        value='44428740526179'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740526179'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740526179'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        0/6m\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740558947'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740558947'\n                        name='size-8093789945955'\n                        value='44428740558947'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740558947'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740558947'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        6/12m\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740591715'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740591715'\n                        name='size-8093789945955'\n                        value='44428740591715'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740591715'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740591715'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        12/18m\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740624483'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740624483'\n                        name='size-8093789945955'\n                        value='44428740624483'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740624483'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740624483'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        18/24m\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740657251'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740657251'\n                        name='size-8093789945955'\n                        value='44428740657251'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740657251'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740657251'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        2T\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740690019'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740690019'\n                        name='size-8093789945955'\n                        value='44428740690019'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740690019'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740690019'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        3T\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740722787'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740722787'\n                        name='size-8093789945955'\n                        value='44428740722787'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740722787'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740722787'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        4T\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740755555'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740755555'\n                        name='size-8093789945955'\n                        value='44428740755555'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740755555'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740755555'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        5\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740788323'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740788323'\n                        name='size-8093789945955'\n                        value='44428740788323'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740788323'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740788323'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        6\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740821091'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740821091'\n                        name='size-8093789945955'\n                        value='44428740821091'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740821091'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740821091'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        7\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740853859'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740853859'\n                        name='size-8093789945955'\n                        value='44428740853859'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740853859'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740853859'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        8\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740886627'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740886627'\n                        name='size-8093789945955'\n                        value='44428740886627'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740886627'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740886627'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        10\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740919395'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740919395'\n                        name='size-8093789945955'\n                        value='44428740919395'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740919395'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740919395'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        12\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44428740952163'\n                      data-product-id='8093789945955'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8093789945955-44428740952163'\n                        name='size-8093789945955'\n                        value='44428740952163'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44428740952163'\n                        data-product-url='/products/cambridge-cardigan-cape-elizabeth-camel-with-pearlized-buttons'\n                      >\n                      <label\n                        for='variant-8093789945955-44428740952163'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        14\n                      </label>\n                      \n                    </div>\n                  \n                </div>\n              </div>\n            \n\n            <!-- Add to Cart Button -->\n            <button\n              class='btn w-full add-to-buggy-btn'\n              variant='primary'\n              data-product-id='8093789945955'\n              \n                data-variant-id=''\n                disabled\n              \n              type='button'\n            >\n              <span>Add to Buggy</span>\n            </button>\n          </div>\n        </div>\n      \n        \n\n        <div\n          class='flex flex-col flex-[0_0_85%] md:flex-[0_0_70%] p-[10px] gap-3 text-t-brand-primary h-max'\n          data-product-id='4337427611747'\n          data-product-handle='turn-cuff-socks-white'\n          data-color-family=''\n        >\n          <!-- Top Section: Image + Info -->\n          <div class='flex flex-row gap-5'>\n            <!-- Product Image -->\n            <a href='/products/turn-cuff-socks-white' class='flex-shrink-0' aria-label='Jefferies Turn Cuff Socks - White'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/socks_beige_8fe98a12-7702-425e-9b83-ea3b66e4cb66.jpg?v=1762269084&width=230'\n                  alt='Jefferies Turn Cuff Socks - White'\n                  width='230'\n                  height='280'\n                  class='max-w-[115px] w-full object-cover product-main-image'\n                  loading='lazy'\n                  data-image-url='//www.thebeaufortbonnetcompany.com/cdn/shop/files/socks_beige_8fe98a12-7702-425e-9b83-ea3b66e4cb66.jpg?v=1762269084&width=230'\n                >\n              \n            </a>\n\n            <!-- Product Info -->\n            <div class='flex-1 flex flex-col'>\n              \n                <div\n                  class='uppercase p-2 text-t-brand-primary utility-3 bg-t-brand-secondary max-w-fit mb-[10px]'\n                  \n                >\n                  Boys\n                </div>\n              \n\n              <a href='/products/turn-cuff-socks-white' class='no-underline'>\n                <div class='h6 mb-[6px] text-t-brand-primary product-name'>\n                  Jefferies Turn Cuff Socks\n                </div>\n              </a>\n\n              <div class='flex gap-[6px] justify-start'>\n                \n                  <div\n                    class='utility-2'\n                    data-price='500'\n                  >\n                    $5.00\n                  </div>\n                \n              </div>\n\n              <button\n                class='mt-[30px] body-2 pr-[6px] flex justify-between items-center w-full text-left toggle-variants-btn'\n                type='button'\n                aria-expanded='false'\n                aria-label='Toggle color and size selection for Jefferies Turn Cuff Socks'\n              >\n                <span>Select Color & Size</span>\n                <span class='transform transition-transform duration-200'>\n                  <svg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5' fill='none'>\n                    <path d='M1 0.542969L3.79289 3.33586C4.18342 3.72639 4.81658 3.72639 5.20711 3.33586L8 0.542969' stroke='#104177'/>\n                  </svg>\n                </span>\n              </button>\n            </div>\n          </div>\n\n          <!-- Bottom Section: Variants (Initially Hidden) -->\n          <div class='hidden flex-col gap-3 variant-selector-container'>\n            <!-- Color Selection -->\n            \n              <div class='border-t border-b border-[#DED6C3] -mx-[10px] px-[10px] py-[10px]'>\n                <div class='italic body-2 mb-[10px] selected-color-name'>\n                  White\n                </div>\n\n                \n                  <div class='flex flex-wrap gap-3 color-swatches'>\n                    \n                    \n\n                    \n                  </div>\n                \n              </div>\n            \n\n            <!-- Size Selection -->\n            \n              <div class='size-selector-container mt-[10px]'>\n                <div class='utility-3 uppercase mb-[10px]'>SIZE</div>\n\n                <div class='grid grid-cols-5 gap-x-2xs gap-y-xs size-options'>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='31180287803491'\n                      data-product-id='4337427611747'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-4337427611747-31180287803491'\n                        name='size-4337427611747'\n                        value='31180287803491'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='31180287803491'\n                        data-product-url='/products/turn-cuff-socks-white'\n                      >\n                      <label\n                        for='variant-4337427611747-31180287803491'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        0-1 (1-3m)\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='31180287836259'\n                      data-product-id='4337427611747'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-4337427611747-31180287836259'\n                        name='size-4337427611747'\n                        value='31180287836259'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='31180287836259'\n                        data-product-url='/products/turn-cuff-socks-white'\n                      >\n                      <label\n                        for='variant-4337427611747-31180287836259'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out opacity-45 cursor-not-allowed'\n                      >\n                        1-4 (3-12m)\n                      </label>\n                      \n                        <span class='block absolute w-[40%] left-[30%] h-0 top-1/2 border-b border-t-brand-secondary z-10 transform rotate-[39deg]'>\n                          <span class='sr-only'>Variant sold out or unavailable</span>\n                        </span>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='31180287869027'\n                      data-product-id='4337427611747'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-4337427611747-31180287869027'\n                        name='size-4337427611747'\n                        value='31180287869027'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='31180287869027'\n                        data-product-url='/products/turn-cuff-socks-white'\n                      >\n                      <label\n                        for='variant-4337427611747-31180287869027'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        3-7 (1-2 yrs)\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='31180287901795'\n                      data-product-id='4337427611747'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-4337427611747-31180287901795'\n                        name='size-4337427611747'\n                        value='31180287901795'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='31180287901795'\n                        data-product-url='/products/turn-cuff-socks-white'\n                      >\n                      <label\n                        for='variant-4337427611747-31180287901795'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        6-11 (2-4 yrs)\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='31180287934563'\n                      data-product-id='4337427611747'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-4337427611747-31180287934563'\n                        name='size-4337427611747'\n                        value='31180287934563'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='31180287934563'\n                        data-product-url='/products/turn-cuff-socks-white'\n                      >\n                      <label\n                        for='variant-4337427611747-31180287934563'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        9-1 (3-7 yrs)\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='31180287967331'\n                      data-product-id='4337427611747'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-4337427611747-31180287967331'\n                        name='size-4337427611747'\n                        value='31180287967331'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='31180287967331'\n                        data-product-url='/products/turn-cuff-socks-white'\n                      >\n                      <label\n                        for='variant-4337427611747-31180287967331'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out opacity-45 cursor-not-allowed'\n                      >\n                        12-6 (5-10 yrs)\n                      </label>\n                      \n                        <span class='block absolute w-[40%] left-[30%] h-0 top-1/2 border-b border-t-brand-secondary z-10 transform rotate-[39deg]'>\n                          <span class='sr-only'>Variant sold out or unavailable</span>\n                        </span>\n                      \n                    </div>\n                  \n                </div>\n              </div>\n            \n\n            <!-- Add to Cart Button -->\n            <button\n              class='btn w-full add-to-buggy-btn'\n              variant='primary'\n              data-product-id='4337427611747'\n              \n                data-variant-id=''\n                disabled\n              \n              type='button'\n            >\n              <span>Add to Buggy</span>\n            </button>\n          </div>\n        </div>\n      \n    </div>\n  </complete-the-look-nosto-style>\n\n  <style>\n    .ctl-products-scroll::-webkit-scrollbar {\n      height: 6px;\n      border-radius: 8%;\n    }\n    .ctl-products-scroll::-webkit-scrollbar-track {\n      background: #f1f1f1;\n      border-radius: 10px;\n    }\n    .ctl-products-scroll::-webkit-scrollbar-thumb {\n      background: #888;\n      border-radius: 10px;\n    }\n  </style>\n\n</div></section>\n</main-product><script\n    src='https://cdn-widgetsrepository.yotpo.com/v1/loader/gwqnRVBfQib0iRVcxl2cbeTgoFeJStZcC8bYd265'\n    async\n  ></script>\n  <link href=\"//www.thebeaufortbonnetcompany.com/cdn/shop/t/351/assets/-core-main-product.css?v=14442081185651659231785428260\" rel=\"stylesheet\" type=\"text/css\" media=\"all\" />\n<style data-shopify>\n  .yotpo-dropdown-closable span.yotpo-dropdown-placeholder:before {\n    background-image: url('//www.thebeaufortbonnetcompany.com/cdn/shop/t/351/assets/sort-arrows.png?v=7943459221422010101785428260');\n  }\n</style>\n\n\n</section>"}