{"template--18694365085795__main":"<section id=\"shopify-section-template--18694365085795__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='sheffield-shorts-pierce-mill-plaid-seersucker'></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/sheffield-shorts-pierce-mill-plaid-seersucker'\n  section-id='template--18694365085795__main'\n  id='template--18694365085795__main'\n  \n    update-okendo\n  \n>\n\n<div\n  id='MediaGallery-template--18694365085795__main'\n  role='region'\n  sub-section-id='MediaGallery-template--18694365085795__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--18694365085795__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    <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--18694365085795__main-thumbs-swiper-zoom'\n            controller-control='#MediaGallery-template--18694365085795__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/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&amp;width=90\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&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/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&amp;width=90\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&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/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&amp;width=90\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&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/7C6A4865.jpg?v=1775049957&amp;width=90\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4865.jpg?v=1775049957&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4865.jpg?v=1775049957&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4865.jpg?v=1775049957&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4865.jpg?v=1775049957&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/7C6A4684.jpg?v=1775049931&amp;width=90\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4684.jpg?v=1775049931&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4684.jpg?v=1775049931&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4684.jpg?v=1775049931&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4684.jpg?v=1775049931&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--18694365085795__main-thumbs-swiper-zoom'\n            auto-scroll-offset='true'\n            navigation='true'\n            slides-per-view='1'\n            id='MediaGallery-template--18694365085795__main-main-swiper-zoom'\n            pagination='{\"el\": \".swiper-counter-zoom-template--18694365085795__main\",\"type\": \"fraction\"}'\n            navigation-next-el='#shopify-section-template--18694365085795__main .swiper-button-next'\n            navigation-prev-el='#shopify-section-template--18694365085795__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/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&amp;width=600\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" 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.098% 50.0%;\"></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/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&amp;width=600\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" height=\"3872.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:50.586% 48.926%;\"></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/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&amp;width=600\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" 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:49.121% 50.0%;\"></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/7C6A4865.jpg?v=1775049957&amp;width=600\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" 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:49.121% 0.879%;\"></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/7C6A4684.jpg?v=1775049931&amp;width=600\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" 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:50.0% 96.973%;\"></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--18694365085795__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--18694365085795__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/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&amp;width=94\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&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/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&amp;width=94\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&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/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&amp;width=94\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&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/7C6A4865.jpg?v=1775049957&amp;width=94\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4865.jpg?v=1775049957&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4865.jpg?v=1775049957&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4865.jpg?v=1775049957&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/7C6A4684.jpg?v=1775049931&amp;width=94\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4684.jpg?v=1775049931&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4684.jpg?v=1775049931&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4684.jpg?v=1775049931&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--18694365085795__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--18694365085795__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--18694365085795__main-main-swiper'\n          pagination='{\"el\": \".swiper-counter-template--18694365085795__main\",\"type\": \"fraction\"}'\n          \n            scrollbar='{ \"el\": \".swiper-scrollbar-template--18694365085795__main\"}'\n          \n          navigation-next-el='#shopify-section-template--18694365085795__main .swiper-button-next'\n          navigation-prev-el='#shopify-section-template--18694365085795__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\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/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&amp;width=800\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&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.098% 50.0%;\">\n<dialog-toggle modal-id='MediaGallery-template--18694365085795__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/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&amp;width=800\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&amp;width=800 800w\" height=\"3872.0\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:50.586% 48.926%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--18694365085795__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/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&amp;width=800\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&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:49.121% 50.0%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--18694365085795__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/7C6A4865.jpg?v=1775049957&amp;width=800\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4865.jpg?v=1775049957&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:49.121% 0.879%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--18694365085795__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/7C6A4684.jpg?v=1775049931&amp;width=800\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4684.jpg?v=1775049931&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:50.0% 96.973%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--18694365085795__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--18694365085795__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--18694365085795__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/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&amp;width=600\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&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.098% 50.0%;\"></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/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&amp;width=600\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504&amp;width=600 600w\" height=\"3872.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:50.586% 48.926%;\"><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/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&amp;width=600\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957&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:49.121% 50.0%;\"><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/7C6A4865.jpg?v=1775049957&amp;width=600\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4865.jpg?v=1775049957&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4865.jpg?v=1775049957&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:49.121% 0.879%;\"><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/7C6A4684.jpg?v=1775049931&amp;width=600\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4684.jpg?v=1775049931&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A4684.jpg?v=1775049931&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:50.0% 96.973%;\"><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--18694365085795__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='Sheffield Shorts'\n  data-product-url='/products/sheffield-shorts-pierce-mill-plaid-seersucker'\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/sheffield-shorts-pierce-mill-plaid-seersucker' aria-current='page'>Sheffield Shorts</a>\n    </li>\n  </ol>\n</nav>\n\n<script src='//www.thebeaufortbonnetcompany.com/cdn/shop/t/337/assets/breadcrumb-session.js?v=157159141911467853401777990981' defer></script>\n<div id=\"shopify-block-AVFJmK0RrSjNFMEJrS__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-7976517959779\"\n    >\n        <div data-oke-reviews-version=\"0.94.0\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 5.0 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"18\" viewBox=\"0 0 79.22222222222221 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"16.155555555555555\" href=\"#oke-star-empty\"></use><use x=\"32.31111111111111\" href=\"#oke-star-empty\"></use><use x=\"48.46666666666667\" href=\"#oke-star-empty\"></use><use x=\"64.62222222222222\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 100%;\"><svg height=\"18\" viewBox=\"0 0 79.22222222222221 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"16.155555555555555\" href=\"#oke-star-filled\"></use><use x=\"32.31111111111111\" href=\"#oke-star-filled\"></use><use x=\"48.46666666666667\" href=\"#oke-star-filled\"></use><use x=\"64.62222222222222\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 5.0 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">496</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"5.0\",\"reviewCount\":496} </script></div>\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              Sheffield Shorts\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--18694365085795__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            $44\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                $44\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          $44\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--18694365085795__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='44048712106083'>\n                <shopify-payment-terms variant-id=\"44048712106083\" 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;:44048711811171,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44048711843939,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44048711876707,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44048711909475,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44048711942243,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44048711975011,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44048712007779,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44048712040547,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44048712073315,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44048712106083,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2}],&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;: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;: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=\"7976517959779\" /><input type=\"hidden\" name=\"section-id\" value=\"template--18694365085795__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      Pierce Mill Plaid Seersucker with Nantucket Navy Stork\n    </p>\n  </div>\n\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 - Runs Large, Size Down\n                    </span>\n\n                    \n                  </div>\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/sheffield-shorts-pierce-mill-plaid-seersucker?variant=44048711811171&sections=template--18694365085795__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 - Runs Large, Size Down-1'\n    value='0/3m'\n    form='product-form-template--18694365085795__main'\n    \n    \n    data-option-value-id=\"4509337059427\"\n    data-variant-id=\"44048711811171\"\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/3m</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-0'>\n    {\"id\":44048711811171,\"title\":\"0\\/3m\",\"option1\":\"0\\/3m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I03M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 0\\/3m\",\"public_title\":\"0\\/3m\",\"options\":[\"0\\/3m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":1,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630119\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"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/sheffield-shorts-pierce-mill-plaid-seersucker?variant=44048711843939&sections=template--18694365085795__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 - Runs Large, Size Down-1'\n    value='3/6m'\n    form='product-form-template--18694365085795__main'\n    \n    \n    data-option-value-id=\"4509337092195\"\n    data-variant-id=\"44048711843939\"\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    3/6m</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-1'>\n    {\"id\":44048711843939,\"title\":\"3\\/6m\",\"option1\":\"3\\/6m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I36M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 3\\/6m\",\"public_title\":\"3\\/6m\",\"options\":[\"3\\/6m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":7,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630140\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"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/sheffield-shorts-pierce-mill-plaid-seersucker?variant=44048711876707&sections=template--18694365085795__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 - Runs Large, Size Down-1'\n    value='6/12m'\n    form='product-form-template--18694365085795__main'\n    \n    \n    data-option-value-id=\"4509337124963\"\n    data-variant-id=\"44048711876707\"\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    6/12m</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-2'>\n    {\"id\":44048711876707,\"title\":\"6\\/12m\",\"option1\":\"6\\/12m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I612M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 6\\/12m\",\"public_title\":\"6\\/12m\",\"options\":[\"6\\/12m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":7,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630157\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"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/sheffield-shorts-pierce-mill-plaid-seersucker?variant=44048711909475&sections=template--18694365085795__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 - Runs Large, Size Down-1'\n    value='12/18m'\n    form='product-form-template--18694365085795__main'\n    \n    \n    data-option-value-id=\"4509337157731\"\n    data-variant-id=\"44048711909475\"\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    12/18m</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-3'>\n    {\"id\":44048711909475,\"title\":\"12\\/18m\",\"option1\":\"12\\/18m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I1218M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 12\\/18m\",\"public_title\":\"12\\/18m\",\"options\":[\"12\\/18m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":49,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630126\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"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/sheffield-shorts-pierce-mill-plaid-seersucker?variant=44048711942243&sections=template--18694365085795__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 - Runs Large, Size Down-1'\n    value='18/24m'\n    form='product-form-template--18694365085795__main'\n    \n    \n    data-option-value-id=\"4509337190499\"\n    data-variant-id=\"44048711942243\"\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    18/24m</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-4'>\n    {\"id\":44048711942243,\"title\":\"18\\/24m\",\"option1\":\"18\\/24m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I1824M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 18\\/24m\",\"public_title\":\"18\\/24m\",\"options\":[\"18\\/24m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":75,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630133\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"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/sheffield-shorts-pierce-mill-plaid-seersucker?variant=44048711975011&sections=template--18694365085795__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 - Runs Large, Size Down-1'\n    value='2T'\n    form='product-form-template--18694365085795__main'\n    \n    \n    data-option-value-id=\"4509337223267\"\n    data-variant-id=\"44048711975011\"\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    2T</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-5'>\n    {\"id\":44048711975011,\"title\":\"2T\",\"option1\":\"2T\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-T2T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 2T\",\"public_title\":\"2T\",\"options\":[\"2T\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630164\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"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/sheffield-shorts-pierce-mill-plaid-seersucker?variant=44048712007779&sections=template--18694365085795__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-6'\n    name='Size - Runs Large, Size Down-1'\n    value='3T'\n    form='product-form-template--18694365085795__main'\n    \n    \n    data-option-value-id=\"4509337256035\"\n    data-variant-id=\"44048712007779\"\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-6'\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-6'>\n    {\"id\":44048712007779,\"title\":\"3T\",\"option1\":\"3T\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-T3T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 3T\",\"public_title\":\"3T\",\"options\":[\"3T\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630171\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"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/sheffield-shorts-pierce-mill-plaid-seersucker?variant=44048712040547&sections=template--18694365085795__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-7'\n    name='Size - Runs Large, Size Down-1'\n    value='4T'\n    form='product-form-template--18694365085795__main'\n    \n    \n    data-option-value-id=\"4509337288803\"\n    data-variant-id=\"44048712040547\"\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-7'\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    4T</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-7'>\n    {\"id\":44048712040547,\"title\":\"4T\",\"option1\":\"4T\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-T4T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 4T\",\"public_title\":\"4T\",\"options\":[\"4T\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630188\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"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/sheffield-shorts-pierce-mill-plaid-seersucker?variant=44048712073315&sections=template--18694365085795__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-8'\n    name='Size - Runs Large, Size Down-1'\n    value='5'\n    form='product-form-template--18694365085795__main'\n    \n    \n    data-option-value-id=\"4509337321571\"\n    data-variant-id=\"44048712073315\"\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-8'\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    5</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-8'>\n    {\"id\":44048712073315,\"title\":\"5\",\"option1\":\"5\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-C5\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 5\",\"public_title\":\"5\",\"options\":[\"5\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630096\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"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/sheffield-shorts-pierce-mill-plaid-seersucker?variant=44048712106083&sections=template--18694365085795__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-9'\n    name='Size - Runs Large, Size Down-1'\n    value='6'\n    form='product-form-template--18694365085795__main'\n    \n      checked\n    \n    \n    data-option-value-id=\"4509337354339\"\n    data-variant-id=\"44048712106083\"\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-9'\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</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-9'>\n    {\"id\":44048712106083,\"title\":\"6\",\"option1\":\"6\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-C6\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 6\",\"public_title\":\"6\",\"options\":[\"6\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630102\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"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\":44048712106083,\"title\":\"6\",\"option1\":\"6\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-C6\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 6\",\"public_title\":\"6\",\"options\":[\"6\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630102\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"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=''\n        ><!-- ##entry##component-product-embroidery##endentry## -->\n\n\n\n\n\n  \n    \n\n    \n\n<product-embroidery>\n        \n\n        \n          \n          \n          \n<modal-dialog\n    cloak\n    type='drawer'\n    id='embroidery-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      without-title='true'\n    \n\n    \n\n    \n      header-classes='!h-0 !p-0'\n    \n\n    \n      close-classes='absolute top-5 right-5'\n    \n\n    \n      drawer-classes='w-full !max-w-[375px] md:!max-w-[750px] !grid-rows-[0_minmax(0,_1fr)_auto] xl:!max-w-[40vw] xl:min-w-[750px]'\n    \n\n    \n\n    \n\n    \n      close-icon-size='sm'\n    \n\n    \n\n    \n      focus-after-close='#embroidery-is-selected'\n    \n  ><aside class=\"h-screen bg-white grid md:grid-cols-2 text-t-foreground\">\n        \n          <div class=\"bg-t-brand-secondary px-sm hidden md:block\" data-embroidery-preview>\n            <div class=\"w-full sticky top-0 py-lg space-y-lg\">\n              \n      \n        <div class=\"relative\">\n          <img\n            src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?crop=center&height=335&v=1773247501&width=335\"\n            width=\"335\"\n            height=\"335\"\n            alt=\"Embroidery result for: Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\"\n            class=\"w-full h-auto\"\n          >\n            <img\n              src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?crop=center&height=335&v=1773247501&width=335\"\n              width=\"335\"\n              height=\"auto\"\n              design\n              design-position\n              alt=\"Embroidery result for: Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\"\n              class=\"hidden absolute w-[3rem] !h-auto object-contain\"\n            >\n        </div>\n      \n    \n            </div>\n          </div>\n        \n        <div class=\"bg-t-background py-lg pt-[85px]\">\n          <div class=\"space-y-lg\">\n            <h3 class=\"text-center md:text-left px-sm\">Custom embroidery</h3>\n            \n              <div class=\"md:hidden bg-t-brand-secondary p-sm\">\n                \n      \n        <div class=\"relative\">\n          <img\n            src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?crop=center&height=335&v=1773247501&width=335\"\n            width=\"335\"\n            height=\"335\"\n            alt=\"Embroidery result for: Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\"\n            class=\"w-full h-auto\"\n          >\n            <img\n              src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?crop=center&height=335&v=1773247501&width=335\"\n              width=\"335\"\n              height=\"auto\"\n              design\n              design-position\n              alt=\"Embroidery result for: Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\"\n              class=\"hidden absolute w-[3rem] !h-auto object-contain\"\n            >\n        </div>\n      \n    \n              </div>\n            \n            <div class=\"px-sm\">\n              <div class=\"py-2.5 px-3 bg-t-background-secondary space-y-3\">\n                <h6>Add custom embroidery</h6>\n                <p>Embroidery will add up to 20 business days to delivery time. Monogrammed orders cannot be adjusted once placed. We cannot guarantee that a monogram will not be on top of a print. We cannot monogram numbers. Preview placement and size is approximate.</p>\n              </div>\n            </div>\n            <div class=\"space-y-md px-sm\">\n              \n      <div class=\"w-full border-t border-t-border-primary\"></div>\n    \n              <h4 class=\"utility-2 uppercase\">\n                <span section-index>1</span>. Location: <span location-info class=\"caption pl-2 inline-block\"></span>\n              </h4>\n              <div class=\"flex gap-xs flex-wrap\">\n                \n                  <button class=\"btn [&:not([variant='primary'])]:border-t-brand-secondary\" location-item location-item-custom data-value='{&quot;custom_width&quot;:&quot;10.0&quot;,&quot;label&quot;:&quot;Left Leg&quot;,&quot;name&quot;:&quot;Left Leg - Sheffield Shorts&quot;,&quot;x_position&quot;:&quot;70.0&quot;,&quot;y_position&quot;:&quot;62.0&quot;}' data-label=\"Left Leg\" variant=\"secondary\">Left Leg</button>\n                \n              </div>\n              \n      <div class=\"w-full border-t border-t-border-primary\"></div>\n    \n              <h4 class=\"utility-2 uppercase\">\n                <span section-index>2</span>. Embroidery style/font: <span font-info class=\"caption pl-2 inline-block\"></span>\n              </h4>\n              <div class=\"grid grid-cols-4 gap-xs\">\n                \n                  \n                    <button font-style-item data-force-uppercase=\"false\" data-weight=\"4\" data-value='{&quot;default_font_style&quot;:true,&quot;force_uppercase&quot;:false,&quot;image&quot;:&quot;gid:\\/\\/shopify\\/MediaImage\\/25338398867555&quot;,&quot;input_style&quot;:&quot;Full text&quot;,&quot;name&quot;:&quot;Beaufort Block Name&quot;,&quot;order&quot;:&quot;First Initial,Middle Initial,Last Initial&quot;,&quot;order_weight&quot;:4,&quot;slug&quot;:&quot;bbloc&quot;}' class=\"box-content w-full h-0 p-0 pb-[100%] overflow-hidden relative border border-t-brand-secondary [&.selected]:border-t-foreground\">\n                      <img width=\"76\" height=\"76\" class=\"top-0 left-0 w-full h-full absolute object-fill\" src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Beaufort-Block_b9e22765-26f5-4acf-9325-0d6ef74b1656.jpg?crop=center&height=76&v=1740515351&width=76\">\n                    </button>\n                  \n                \n                  \n                    <button font-style-item data-force-uppercase=\"true\" data-weight=\"5\" data-value='{&quot;default_font_style&quot;:true,&quot;force_uppercase&quot;:true,&quot;image&quot;:&quot;gid:\\/\\/shopify\\/MediaImage\\/25338035667043&quot;,&quot;input_style&quot;:&quot;3 Letters&quot;,&quot;name&quot;:&quot;Beaufort Block Initials&quot;,&quot;order&quot;:&quot;First Initial,Middle Initial,Last Initial&quot;,&quot;order_weight&quot;:5,&quot;slug&quot;:&quot;bbloc&quot;}' class=\"box-content w-full h-0 p-0 pb-[100%] overflow-hidden relative border border-t-brand-secondary [&.selected]:border-t-foreground\">\n                      <img width=\"76\" height=\"76\" class=\"top-0 left-0 w-full h-full absolute object-fill\" src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Beaufort-Block-Initials.jpg?crop=center&height=76&v=1740509277&width=76\">\n                    </button>\n                  \n                \n                  \n                    <button font-style-item data-force-uppercase=\"\" data-weight=\"21\" data-value='{&quot;default_font_style&quot;:true,&quot;image&quot;:&quot;gid:\\/\\/shopify\\/MediaImage\\/25338401718371&quot;,&quot;input_style&quot;:&quot;1 Letter&quot;,&quot;name&quot;:&quot;Betsey&quot;,&quot;order&quot;:&quot;n\\/a&quot;,&quot;order_weight&quot;:21,&quot;slug&quot;:&quot;bets&quot;}' class=\"box-content w-full h-0 p-0 pb-[100%] overflow-hidden relative border border-t-brand-secondary [&.selected]:border-t-foreground\">\n                      <img width=\"76\" height=\"76\" class=\"top-0 left-0 w-full h-full absolute object-fill\" src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Betsy.jpg?crop=center&height=76&v=1740515398&width=76\">\n                    </button>\n                  \n                \n                  \n                    <button font-style-item data-force-uppercase=\"\" data-weight=\"14\" data-value='{&quot;default_font_style&quot;:true,&quot;image&quot;:&quot;gid:\\/\\/shopify\\/MediaImage\\/25338402046051&quot;,&quot;input_style&quot;:&quot;3 Letters&quot;,&quot;name&quot;:&quot;Briggs&quot;,&quot;order&quot;:&quot;First Initial,Last Initial,Middle Initial&quot;,&quot;order_weight&quot;:14,&quot;slug&quot;:&quot;brigg&quot;}' class=\"box-content w-full h-0 p-0 pb-[100%] overflow-hidden relative border border-t-brand-secondary [&.selected]:border-t-foreground\">\n                      <img width=\"76\" height=\"76\" class=\"top-0 left-0 w-full h-full absolute object-fill\" src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Briggs_08930b8e-a11f-4b29-81da-69384f0d679c.jpg?crop=center&height=76&v=1740515405&width=76\">\n                    </button>\n                  \n                \n                  \n                    <button font-style-item data-force-uppercase=\"\" data-weight=\"3\" data-value='{&quot;default_font_style&quot;:true,&quot;image&quot;:&quot;gid:\\/\\/shopify\\/MediaImage\\/25338402865251&quot;,&quot;input_style&quot;:&quot;Full text&quot;,&quot;name&quot;:&quot;Cissy Stitch&quot;,&quot;order&quot;:&quot;First Initial,Middle Initial,Last Initial&quot;,&quot;order_weight&quot;:3,&quot;slug&quot;:&quot;ciss&quot;}' class=\"box-content w-full h-0 p-0 pb-[100%] overflow-hidden relative border border-t-brand-secondary [&.selected]:border-t-foreground\">\n                      <img width=\"76\" height=\"76\" class=\"top-0 left-0 w-full h-full absolute object-fill\" src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Cissy.jpg?crop=center&height=76&v=1740515421&width=76\">\n                    </button>\n                  \n                \n                  \n                    <button font-style-item data-force-uppercase=\"\" data-weight=\"12\" data-value='{&quot;default_font_style&quot;:true,&quot;image&quot;:&quot;gid:\\/\\/shopify\\/MediaImage\\/25338403029091&quot;,&quot;input_style&quot;:&quot;3 Letters&quot;,&quot;name&quot;:&quot;Elliott&quot;,&quot;order&quot;:&quot;First Initial,Last Initial,Middle Initial&quot;,&quot;order_weight&quot;:12,&quot;slug&quot;:&quot;elli&quot;}' class=\"box-content w-full h-0 p-0 pb-[100%] overflow-hidden relative border border-t-brand-secondary [&.selected]:border-t-foreground\">\n                      <img width=\"76\" height=\"76\" class=\"top-0 left-0 w-full h-full absolute object-fill\" src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Elliott_75911f37-b2b9-4c8d-8440-2cf0e24c7d3a.jpg?crop=center&height=76&v=1740515424&width=76\">\n                    </button>\n                  \n                \n                  \n                    <button font-style-item data-force-uppercase=\"\" data-weight=\"10\" data-value='{&quot;default_font_style&quot;:true,&quot;image&quot;:&quot;gid:\\/\\/shopify\\/MediaImage\\/25338403586147&quot;,&quot;input_style&quot;:&quot;3 Letters&quot;,&quot;name&quot;:&quot;Jackson&quot;,&quot;order&quot;:&quot;First Initial,Last Initial,Middle Initial&quot;,&quot;order_weight&quot;:10,&quot;slug&quot;:&quot;jack&quot;}' class=\"box-content w-full h-0 p-0 pb-[100%] overflow-hidden relative border border-t-brand-secondary [&.selected]:border-t-foreground\">\n                      <img width=\"76\" height=\"76\" class=\"top-0 left-0 w-full h-full absolute object-fill\" src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Jackson_d2de8921-8e9f-4a22-82f6-80c712da248f.jpg?crop=center&height=76&v=1740515431&width=76\">\n                    </button>\n                  \n                \n                  \n                    <button font-style-item data-force-uppercase=\"\" data-weight=\"9\" data-value='{&quot;default_font_style&quot;:true,&quot;image&quot;:&quot;gid:\\/\\/shopify\\/MediaImage\\/25338403946595&quot;,&quot;input_style&quot;:&quot;3 Letters&quot;,&quot;name&quot;:&quot;Jamie&quot;,&quot;order&quot;:&quot;First Initial,Last Initial,Middle Initial&quot;,&quot;order_weight&quot;:9,&quot;slug&quot;:&quot;jami&quot;}' class=\"box-content w-full h-0 p-0 pb-[100%] overflow-hidden relative border border-t-brand-secondary [&.selected]:border-t-foreground\">\n                      <img width=\"76\" height=\"76\" class=\"top-0 left-0 w-full h-full absolute object-fill\" src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Jamie_f13c5e68-3b3d-4b2d-9032-715ccab1e772.jpg?crop=center&height=76&v=1740515437&width=76\">\n                    </button>\n                  \n                \n                  \n                    <button font-style-item data-force-uppercase=\"\" data-weight=\"8\" data-value='{&quot;default_font_style&quot;:true,&quot;image&quot;:&quot;gid:\\/\\/shopify\\/MediaImage\\/25338404438115&quot;,&quot;input_style&quot;:&quot;3 Letters&quot;,&quot;name&quot;:&quot;Keller&quot;,&quot;order&quot;:&quot;First Initial,Last Initial,Middle Initial&quot;,&quot;order_weight&quot;:8,&quot;slug&quot;:&quot;kell&quot;}' class=\"box-content w-full h-0 p-0 pb-[100%] overflow-hidden relative border border-t-brand-secondary [&.selected]:border-t-foreground\">\n                      <img width=\"76\" height=\"76\" class=\"top-0 left-0 w-full h-full absolute object-fill\" src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Keller_c2474060-1f95-4b03-aa0f-f345dc0b5b4a.jpg?crop=center&height=76&v=1740515444&width=76\">\n                    </button>\n                  \n                \n                  \n                    <button font-style-item data-force-uppercase=\"\" data-weight=\"8\" data-value='{&quot;default_font_style&quot;:true,&quot;image&quot;:&quot;gid:\\/\\/shopify\\/MediaImage\\/25338404667491&quot;,&quot;input_style&quot;:&quot;3 Letters&quot;,&quot;name&quot;:&quot;Lainey&quot;,&quot;order&quot;:&quot;First Initial,Last Initial,Middle Initial&quot;,&quot;order_weight&quot;:8,&quot;slug&quot;:&quot;lain&quot;}' class=\"box-content w-full h-0 p-0 pb-[100%] overflow-hidden relative border border-t-brand-secondary [&.selected]:border-t-foreground\">\n                      <img width=\"76\" height=\"76\" class=\"top-0 left-0 w-full h-full absolute object-fill\" src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Lainey_12ff0005-a08b-4705-a0c7-79839ba1bb5f.jpg?crop=center&height=76&v=1740515447&width=76\">\n                    </button>\n                  \n                \n                  \n                    <button font-style-item data-force-uppercase=\"\" data-weight=\"20\" data-value='{&quot;default_font_style&quot;:true,&quot;image&quot;:&quot;gid:\\/\\/shopify\\/MediaImage\\/25338404962403&quot;,&quot;input_style&quot;:&quot;1 Letter&quot;,&quot;name&quot;:&quot;Rhodes&quot;,&quot;order&quot;:&quot;n\\/a&quot;,&quot;order_weight&quot;:20,&quot;slug&quot;:&quot;rhod&quot;}' class=\"box-content w-full h-0 p-0 pb-[100%] overflow-hidden relative border border-t-brand-secondary [&.selected]:border-t-foreground\">\n                      <img width=\"76\" height=\"76\" class=\"top-0 left-0 w-full h-full absolute object-fill\" src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Rhodes.jpg?crop=center&height=76&v=1740515451&width=76\">\n                    </button>\n                  \n                \n                  \n                    <button font-style-item data-force-uppercase=\"\" data-weight=\"2\" data-value='{&quot;default_font_style&quot;:true,&quot;image&quot;:&quot;gid:\\/\\/shopify\\/MediaImage\\/25338405486691&quot;,&quot;input_style&quot;:&quot;Full text&quot;,&quot;name&quot;:&quot;Sewanee Script&quot;,&quot;order&quot;:&quot;n\\/a&quot;,&quot;order_weight&quot;:2,&quot;slug&quot;:&quot;sewan&quot;}' class=\"box-content w-full h-0 p-0 pb-[100%] overflow-hidden relative border border-t-brand-secondary [&.selected]:border-t-foreground\">\n                      <img width=\"76\" height=\"76\" class=\"top-0 left-0 w-full h-full absolute object-fill\" src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sewanee.jpg?crop=center&height=76&v=1740515458&width=76\">\n                    </button>\n                  \n                \n              </div>\n              \n      <div class=\"w-full border-t border-t-border-primary\"></div>\n    \n              <div text-input-wrapper class=\"space-y-md\">\n                <h4 class=\"utility-2 uppercase\">\n                  <span section-index>3</span>. Enter text\n                </h4>\n                <div class=\"grid gap-xs\">\n                  <p class=\"text-body-2\">Name will be embroidered as typed, including letter case. This style/font has a <span max-letters-info>9</span> character max.</p>\n                  <div error-message class=\"hidden text-body-2 text-t-error bg-white border border-t-error p-sm mt-2\"></div>\n                  <div api-error-message class=\"hidden text-body-2 text-t-error bg-white border border-t-error p-sm mt-2\"></div>\n                  <div class=\"relative\" text-input-single>\n                    \n\n\n      <div class=\"flex flex-col gap-2xs group\">\n        <div\n          class=\"relative w-full group peer\"\n          \n        >\n          <input\n            class=\"  !border-t-brand-secondary [&:disabled]:!border-t [&:disabled]:!border-solid [&:disabled]:!border-t-disabled [&:disabled]:!bg-t-disabled/30 [&:focus]:!border-t-foreground utility-4 block w-full border border-t-foreground appearance-none text-t-foreground disabled:text-t-border px-sm-forms-padding lg:px-lg-forms-padding pt-sm-forms-padding lg:pt-lg-forms-padding h-11 bg-gray-50 bg-t-background disabled:border-t-border focus:outline-none focus:ring-0 focus:border-t-foreground peer group-[[error]]:ring-p-error group-[[error]]:border-[transparent] group-[[error]]:ring-2\"\n            placeholder=\" \"\n            type=\"text\"\n            id=\"text-embroidery\"\n            name=\"text-embroidery\"\n            \n              value=\"\"\n            \n\n            \n\n            \n\n            \n\n            \n\n            \n\n            \n\n            \n\n            text-input\n          />\n<label\n              for=\"text-embroidery\"\n              class=\" start-sm-forms-padding lg:start-sm-forms-padding  absolute utility-3 uppercase text-[12px] text-t-foreground-primary duration-300 transform -translate-y-2.5 scale-75 top-[15px] z-10 origin-[0] peer-focus:text-t-foreground peer-disabled:text-t-border peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-2.5 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto\"\n            >\n              Enter text\n            </label>\n          \n        </div></div>\n<label for=\"text-embroidery\" class=\"absolute top-1/2 right-5 pointer-events-none text-t-disabled text-xs transform -translate-y-1/2\">\n                      <span current-letters-info>0</span>/<span max-letters-info>9</span>\n                    </label>\n                  </div>\n                  <div class=\"hidden [&:not(.hidden)]:grid grid-cols-3 gap-xs pt-xs\" text-input-letters>\n                    <div>\n                      <label data-first-letter-label for=\"text-embroidery-letter-1\" class=\"text-body-2 mb-xs block\">First Initial</label>\n\n      <div class=\"flex flex-col gap-2xs group\">\n        <div\n          class=\"relative w-full group peer\"\n          \n        >\n          <input\n            class=\"!pt-0  !uppercase !text-left !border-t-brand-secondary [&:disabled]:!border-t [&:disabled]:!border-solid [&:disabled]:!border-t-disabled [&:disabled]:!bg-t-disabled/30 [&:focus]:!border-t-foreground utility-4 block w-full border border-t-foreground appearance-none text-t-foreground disabled:text-t-border px-sm-forms-padding lg:px-lg-forms-padding pt-sm-forms-padding lg:pt-lg-forms-padding h-11 bg-gray-50 bg-t-background disabled:border-t-border focus:outline-none focus:ring-0 focus:border-t-foreground peer group-[[error]]:ring-p-error group-[[error]]:border-[transparent] group-[[error]]:ring-2\"\n            placeholder=\" \"\n            type=\"text\"\n            id=\"text-embroidery-letter-1\"\n            name=\"text-embroidery-letter-1\"\n            \n              value=\"\"\n            \n\n            \n\n            \n\n            \n\n            \n\n            \n\n            \n\n            \n\n            text-input-letter maxlength=\"1\"\n          />\n        </div></div>\n</div>\n                    <div>\n                      <label data-second-letter-label for=\"text-embroidery-letter-1\" class=\"text-body-2 mb-xs block\">Middle Initial</label>\n\n      <div class=\"flex flex-col gap-2xs group\">\n        <div\n          class=\"relative w-full group peer\"\n          \n        >\n          <input\n            class=\"!pt-0  !uppercase !text-center !border-t-brand-secondary [&:disabled]:!border-t [&:disabled]:!border-solid [&:disabled]:!border-t-disabled [&:disabled]:!bg-t-disabled/30 [&:focus]:!border-t-foreground utility-4 block w-full border border-t-foreground appearance-none text-t-foreground disabled:text-t-border px-sm-forms-padding lg:px-lg-forms-padding pt-sm-forms-padding lg:pt-lg-forms-padding h-11 bg-gray-50 bg-t-background disabled:border-t-border focus:outline-none focus:ring-0 focus:border-t-foreground peer group-[[error]]:ring-p-error group-[[error]]:border-[transparent] group-[[error]]:ring-2\"\n            placeholder=\" \"\n            type=\"text\"\n            id=\"text-embroidery-letter-2\"\n            name=\"text-embroidery-letter-2\"\n            \n              value=\"\"\n            \n\n            \n\n            \n\n            \n\n            \n\n            \n\n            \n\n            \n\n            text-input-letter maxlength=\"1\"\n          />\n        </div></div>\n</div>\n                    <div>\n                      <label data-third-letter-label for=\"text-embroidery-letter-1\" class=\"text-body-2 mb-xs block\">Last Initial</label>\n\n      <div class=\"flex flex-col gap-2xs group\">\n        <div\n          class=\"relative w-full group peer\"\n          \n        >\n          <input\n            class=\"!pt-0  !uppercase !text-right !border-t-brand-secondary [&:disabled]:!border-t [&:disabled]:!border-solid [&:disabled]:!border-t-disabled [&:disabled]:!bg-t-disabled/30 [&:focus]:!border-t-foreground utility-4 block w-full border border-t-foreground appearance-none text-t-foreground disabled:text-t-border px-sm-forms-padding lg:px-lg-forms-padding pt-sm-forms-padding lg:pt-lg-forms-padding h-11 bg-gray-50 bg-t-background disabled:border-t-border focus:outline-none focus:ring-0 focus:border-t-foreground peer group-[[error]]:ring-p-error group-[[error]]:border-[transparent] group-[[error]]:ring-2\"\n            placeholder=\" \"\n            type=\"text\"\n            id=\"text-embroidery-letter-3\"\n            name=\"text-embroidery-letter-3\"\n            \n              value=\"\"\n            \n\n            \n\n            \n\n            \n\n            \n\n            \n\n            \n\n            \n\n            text-input-letter maxlength=\"1\"\n          />\n        </div></div>\n</div>\n                  </div>\n                </div>\n                \n      <div class=\"w-full border-t border-t-border-primary\"></div>\n    \n              </div>\n              <h4 class=\"utility-2 uppercase\">\n                <span section-index>3</span>. Font Color: <span color-info class=\"caption pl-2 inline-block\"></span>\n              </h4>\n              <div class=\"grid grid-cols-7 gap-xs\">\n                \n                  <button\n                    color-item\n                    data-weight=\"22\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Barbados Blue&quot;,&quot;order_weight&quot;:22,&quot;value&quot;:&quot;5c88da&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #5c88da\">\n                    \n                  </button>\n                \n                  <button\n                    color-item\n                    data-weight=\"23\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Beale Street Blue&quot;,&quot;order_weight&quot;:23,&quot;value&quot;:&quot;758cc0&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #758cc0\">\n                    \n                  </button>\n                \n                  <button\n                    color-item\n                    data-weight=\"24\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Buckhead Blue&quot;,&quot;order_weight&quot;:24,&quot;value&quot;:&quot;bdd6e6&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #bdd6e6\">\n                    \n                  </button>\n                \n                  <button\n                    color-item\n                    data-weight=\"0\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Grace Bay Green&quot;,&quot;value&quot;:&quot;6ecd9c&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #6ecd9c\">\n                    \n                  </button>\n                \n                  <button\n                    color-item\n                    data-weight=\"100\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Hamptons Hot Pink&quot;,&quot;order_weight&quot;:100,&quot;value&quot;:&quot;f59bbb&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #f59bbb\">\n                    \n                  </button>\n                \n                  <button\n                    color-item\n                    data-weight=\"0\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Kiawah Kelly Green&quot;,&quot;value&quot;:&quot;007a3e&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #007a3e\">\n                    \n                  </button>\n                \n                  <button\n                    color-item\n                    data-weight=\"0\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Lauderdale Lavender&quot;,&quot;value&quot;:&quot;c5b4e3&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #c5b4e3\">\n                    \n                  </button>\n                \n                  <button\n                    color-item\n                    data-weight=\"0\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Nantucket Navy&quot;,&quot;value&quot;:&quot;1f2a44&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #1f2a44\">\n                    \n                  </button>\n                \n                  <button\n                    color-item\n                    data-weight=\"2\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Palm Beach Pink&quot;,&quot;order_weight&quot;:2,&quot;value&quot;:&quot;f7ced7&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #f7ced7\">\n                    \n                  </button>\n                \n                  <button\n                    color-item\n                    data-weight=\"0\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Palmetto Pearl&quot;,&quot;value&quot;:&quot;f1f0e2&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #f1f0e2\">\n                    \n                  </button>\n                \n                  <button\n                    color-item\n                    data-weight=\"0\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Richmond Red&quot;,&quot;value&quot;:&quot;ba0c2f&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #ba0c2f\">\n                    \n                  </button>\n                \n                  <button\n                    color-item\n                    data-weight=\"0\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Sandpearl Pink&quot;,&quot;value&quot;:&quot;f9b5c4&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #f9b5c4\">\n                    \n                  </button>\n                \n                  <button\n                    color-item\n                    data-weight=\"0\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Sea Island Seafoam&quot;,&quot;value&quot;:&quot;b5e3d8&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #b5e3d8\">\n                    \n                  </button>\n                \n                  <button\n                    color-item\n                    data-weight=\"22\"\n                    data-value='{&quot;default_color&quot;:true,&quot;name&quot;:&quot;Worth Avenue White&quot;,&quot;order_weight&quot;:22,&quot;value&quot;:&quot;ffffff&quot;}'\n                    class=\"box-content relative rounded-full overflow-hidden w-full h-0 p-0 pb-[100%] border-2 border-t-background  [&.selected]:border-t-foreground\"\n                    style=\"background-color: #ffffff\">\n                    \n                  </button>\n                \n              </div>\n              \n      <div class=\"w-full border-t border-t-border-primary\"></div>\n    \n              <div class=\"grid grid-cols-2 gap-xs\">\n                <button reset class=\"btn [&:not(.selected)]:border-t-brand-secondary\" variant=\"secondary\">Reset</button>\n                <button submit type=\"submit\" class=\"btn\" variant=\"primary\">Apply designs</button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </aside>\n  </modal-dialog>\n          <div class='flex items-center justify-between w-full'>\n            \n<div class=\"inline-flex items-center justify-start gap-x-xs group/checkbox\">\n        <label\n          class=\"!text-base relative flex items-center cursor-pointer\"\n          for=\"embroidery-is-selected\"\n        >\n          <input\n            type=\"checkbox\"\n            class=\"size-5 relative transition-all border appearance-none cursor-pointer disabled:border-t-border size-4 peer border-blue-gray-200 border-t-brand-secondary checked:border-t-brand-primary rounded-none\"\n            id=\"embroidery-is-selected\"\n            value=\"\"\n            name=\"embroidery-is-selected\"\n            tabindex=\"-1\"\n            aria-labelledby=\"embroidery-is-selected_label\"\n\n            \n\n            \n\n            \n\n            \n\n            \n\n            \n          />\n          <span\n            class=\"absolute transition-opacity opacity-0 pointer-events-none size-3 text-t-brand-primary top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 peer-checked:opacity-100 peer-disabled:border-t-border peer-disabled:text-t-border\"\n          >\n<svg-icon\n  src='icon-checkbox-tick'\n  class='block'\n\n  \n    style='--icon-size: 12px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</span>\n        </label>\n        <label\n          tabindex=\"0\"\n          data-facet-label\n          class=\"cursor-pointer select-none text-t-brand-primary text-body group-has-[:disabled]/checkbox:text-t-border focus-visible:ring-2 focus-visible:ring-t-brand-primary focus-visible:ring-offset-2 focus:outline-none inline-block\"\n          for=\"embroidery-is-selected\"\n        >\n          <div>\n            <p id=\"embroidery-is-selected_label\" class=\"!text-base block text-caption text-t-brand-primary group-has-[:disabled]/checkbox:text-t-disabled\">\n              Add embroidery (+$15)\n            </p></div>\n        </label>\n      </div>\n\n            <div class='space-x-2xs hidden [&:not(.hidden)]:flex' edit-actions>\n              <button class='btn !utility-3 !uppercase' variant='tertiary' edit-actions-edit>Edit</button>\n              <button class='btn !utility-3 !uppercase' variant='tertiary' edit-actions-remove>Remove</button>\n            </div>\n          </div>\n        \n      </product-embroidery>\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--18694365085795__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--18694365085795__main'\n  >\n    Quantity\n<!-- ##entry##component-variants-in-cart##endentry## -->\n<variants-in-cart\n      variant-id='44048712106083'\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='44048712106083'\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--18694365085795__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork</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 Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork'\n    id='product-form-template--18694365085795__main-quantity'\n\n    \n      form='product-form-template--18694365085795__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--18694365085795__main-quantity__increment'\n  >\n    <span class='sr-only'>Increase quantity for Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork</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--18694365085795__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--18694365085795__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='44048712106083'\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='7976517959779'\n              variant-id='44048712106083'\n              product-handle='sheffield-shorts-pierce-mill-plaid-seersucker'\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;:44048711811171,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44048711843939,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44048711876707,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44048711909475,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44048711942243,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44048711975011,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44048712007779,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44048712040547,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44048712073315,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44048712106083,&quot;requiresShipping&quot;:true}]\" shop-id=\"3675301\" enabled-flags=\"[&quot;ce346acf&quot;]\" > <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> <small id=\"shopify-buyer-consent\" class=\"hidden\" aria-hidden=\"true\" data-consent-type=\"subscription\"> This item is a deferred, subscription, or recurring purchase. By continuing, I agree to the <span id=\"shopify-subscription-policy-button\">cancellation policy</span> and authorize you to charge my payment method at the prices, frequency and dates listed on this page until my order is fulfilled or I cancel, if permitted. </small> </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=\"7976517959779\" /><input type=\"hidden\" name=\"section-id\" value=\"template--18694365085795__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  <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        Sheffield Shorts | Pierce Mill Plaid Seersucker with Nantucket Navy Stork... Size - Runs Large, Size Down 6\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\": \"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\", \"URL\":\"https://www.thebeaufortbonnetcompany.com/products/sheffield-shorts-pierce-mill-plaid-seersucker\" } } );\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--18694365085795__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/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&amp;width=90\" alt=\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\" 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.098% 50.0%;\"></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          Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\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            $44\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                $44\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          $44\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--18694365085795__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='7976517959779'\n          variant-id='44048712106083'\n          product-handle='sheffield-shorts-pierce-mill-plaid-seersucker'\n          tabindex='-1'\n        >\n          <button\n            class='btn !min-w-[46px] !p-0 js-wishlist-button '\n            variant='primary'\n            wishlist-trigger\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>These Sheffield Shorts in Pierce Mill Plaid Seersucker with Nantucket Navy Stork will be his go to bottom for every sun-filled holiday weekend!  Made with the kind of print that was practically designed for Memorial Day dock days and Fourth of July neighborhood cookouts, these shorts will be the answer for all of his summer events. Pair them with his favorite Carter Crewneck or Prim &amp; Proper Polo for a perfectly put together summer outfit!</p>\n<p><em><strong>This style fits generously — we suggest choosing one size smaller.</strong></em></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--18694365085795__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--18694365085795__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible_tab_Ed6nAh-template--18694365085795__main'\n      aria-label='Toggle Features accordion'\n      class='sr-only peer'\n      type='checkbox'\n      id='accordion-checkbox-collapsible_tab_Ed6nAh-template--18694365085795__main'\n      name='accordion-input--collapsible_tab_ed6nah-template-18694365085795__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--18694365085795__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--18694365085795__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible_tab_Ed6nAh-template--18694365085795__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>Elastic waistband</li><li>Fully lined</li><li>Functional side slit pockets on front</li><li>Square pocket on back right</li><li>Stork on back pocket</li><li>Pierce Mill Plaid Seersucker features Buckhead Blue, Nantucket Navy, Worth Avenue White and Richmond Red<br />\n<br />\n<br />\n</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--18694365085795__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--18694365085795__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-3-template--18694365085795__main'\n      aria-label='Toggle Materials + Care accordion'\n      class='sr-only peer'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-3-template--18694365085795__main'\n      name='accordion-input--collapsible-row-3-template-18694365085795__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--18694365085795__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--18694365085795__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-3-template--18694365085795__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>55% Cotton, 45% Polyester</li><li>Machine wash cold with like colors 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--18694365085795__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--18694365085795__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--18694365085795__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--18694365085795__main'\n      name='accordion-input--collapsible-row-1-template-18694365085795__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--18694365085795__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--18694365085795__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--18694365085795__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/sheffield-shorts-pierce-mill-plaid-seersucker'\n  data-original-text='Share this product'\n  data-copied-text='Copied to clipboard!'\n  data-product-title='Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork'\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-AbUk1NmFtTjQzcnR6V__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\":7976517959779,\"title\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\",\"handle\":\"sheffield-shorts-pierce-mill-plaid-seersucker\",\"description\":\"\\u003cp\\u003eThese Sheffield Shorts in Pierce Mill Plaid Seersucker with Nantucket Navy Stork will be his go to bottom for every sun-filled holiday weekend!  Made with the kind of print that was practically designed for Memorial Day dock days and Fourth of July neighborhood cookouts, these shorts will be the answer for all of his summer events. Pair them with his favorite Carter Crewneck or Prim \\u0026amp; Proper Polo for a perfectly put together summer outfit!\\u003c\\/p\\u003e\\n\\u003cp\\u003e\\u003cem\\u003e\\u003cstrong\\u003eThis style fits generously — we suggest choosing one size smaller.\\u003c\\/strong\\u003e\\u003c\\/em\\u003e\\u003c\\/p\\u003e\",\"published_at\":\"2026-04-30T07:58:25-04:00\",\"created_at\":\"2026-03-11T12:53:33-04:00\",\"vendor\":\"The Beaufort Bonnet Company\",\"type\":\"Shorts\",\"tags\":[\"4.30 launch\",\"4.30 new\",\"Apparel\",\"boys plaid seersuccer shorts\",\"boys plaid shorts\",\"boys shorts with pockets\",\"category-Bottoms\",\"fourth of july boys shorts\",\"gender-Boys\",\"maincolor-Multi\",\"memorial day boys shorts\",\"NO-TREET\",\"plaid shorts toddler boy\",\"print: Pierce Mill Plaid Seersucker\",\"seersucker shorts boys\",\"shortsale\",\"size-chart-kids\",\"sp26 Delivery 5\",\"Spring 2026\",\"toddler plad shorts boys\"],\"price\":4400,\"price_min\":4400,\"price_max\":4400,\"available\":true,\"price_varies\":false,\"compare_at_price\":4400,\"compare_at_price_min\":4400,\"compare_at_price_max\":4400,\"compare_at_price_varies\":false,\"variants\":[{\"id\":44048711811171,\"title\":\"0\\/3m\",\"option1\":\"0\\/3m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I03M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 0\\/3m\",\"public_title\":\"0\\/3m\",\"options\":[\"0\\/3m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":1,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630119\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44048711843939,\"title\":\"3\\/6m\",\"option1\":\"3\\/6m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I36M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 3\\/6m\",\"public_title\":\"3\\/6m\",\"options\":[\"3\\/6m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":7,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630140\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44048711876707,\"title\":\"6\\/12m\",\"option1\":\"6\\/12m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I612M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 6\\/12m\",\"public_title\":\"6\\/12m\",\"options\":[\"6\\/12m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":7,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630157\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44048711909475,\"title\":\"12\\/18m\",\"option1\":\"12\\/18m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I1218M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 12\\/18m\",\"public_title\":\"12\\/18m\",\"options\":[\"12\\/18m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":49,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630126\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44048711942243,\"title\":\"18\\/24m\",\"option1\":\"18\\/24m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I1824M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 18\\/24m\",\"public_title\":\"18\\/24m\",\"options\":[\"18\\/24m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":75,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630133\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44048711975011,\"title\":\"2T\",\"option1\":\"2T\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-T2T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 2T\",\"public_title\":\"2T\",\"options\":[\"2T\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630164\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44048712007779,\"title\":\"3T\",\"option1\":\"3T\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-T3T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 3T\",\"public_title\":\"3T\",\"options\":[\"3T\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630171\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44048712040547,\"title\":\"4T\",\"option1\":\"4T\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-T4T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 4T\",\"public_title\":\"4T\",\"options\":[\"4T\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630188\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44048712073315,\"title\":\"5\",\"option1\":\"5\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-C5\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 5\",\"public_title\":\"5\",\"options\":[\"5\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630096\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44048712106083,\"title\":\"6\",\"option1\":\"6\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-C6\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 6\",\"public_title\":\"6\",\"options\":[\"6\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630102\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}],\"images\":[\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A4865.jpg?v=1775049957\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A4684.jpg?v=1775049931\"],\"featured_image\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"options\":[\"Size - Runs Large, Size Down\"],\"media\":[{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"},\"aspect_ratio\":1.0,\"height\":3872,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"width\":3872},{\"alt\":null,\"id\":26975061114979,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504\"},\"aspect_ratio\":1.0,\"height\":3872,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker_-_back.jpg?v=1773247504\",\"width\":3872},{\"alt\":null,\"id\":27110753566819,\"position\":3,\"preview_image\":{\"aspect_ratio\":0.667,\"height\":1499,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957\"},\"aspect_ratio\":0.667,\"height\":1499,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A4691_3b5b2e30-7b24-4977-ae3a-bc4f596581f6.jpg?v=1775049957\",\"width\":1000},{\"alt\":null,\"id\":27110753140835,\"position\":4,\"preview_image\":{\"aspect_ratio\":0.667,\"height\":1499,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A4865.jpg?v=1775049957\"},\"aspect_ratio\":0.667,\"height\":1499,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A4865.jpg?v=1775049957\",\"width\":1000},{\"alt\":null,\"id\":27110753599587,\"position\":5,\"preview_image\":{\"aspect_ratio\":0.667,\"height\":1499,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A4684.jpg?v=1775049931\"},\"aspect_ratio\":0.667,\"height\":1499,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A4684.jpg?v=1775049931\",\"width\":1000}],\"requires_selling_plan\":false,\"selling_plan_groups\":[],\"content\":\"\\u003cp\\u003eThese Sheffield Shorts in Pierce Mill Plaid Seersucker with Nantucket Navy Stork will be his go to bottom for every sun-filled holiday weekend!  Made with the kind of print that was practically designed for Memorial Day dock days and Fourth of July neighborhood cookouts, these shorts will be the answer for all of his summer events. Pair them with his favorite Carter Crewneck or Prim \\u0026amp; Proper Polo for a perfectly put together summer outfit!\\u003c\\/p\\u003e\\n\\u003cp\\u003e\\u003cem\\u003e\\u003cstrong\\u003eThis style fits generously — we suggest choosing one size smaller.\\u003c\\/strong\\u003e\\u003c\\/em\\u003e\\u003c\\/p\\u003e\"};\n        window.swymRegistryProductInfo.variants = window.swymRegistryProductInfo.product.variants;\n        var swymRegistryProductImageUrl = \"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\";\n        \n\n          swymRegistryProductVariants[44048711811171] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44048711811171,\n            dt: \"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sheffield-shorts-pierce-mill-plaid-seersucker\",\n            iu:  {\"id\":44048711811171,\"title\":\"0\\/3m\",\"option1\":\"0\\/3m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I03M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 0\\/3m\",\"public_title\":\"0\\/3m\",\"options\":[\"0\\/3m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":1,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630119\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 1,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"0\\/3m\" : 44048711811171}]\n          };\n          swymRegistryProductVariants[44048711843939] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44048711843939,\n            dt: \"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sheffield-shorts-pierce-mill-plaid-seersucker\",\n            iu:  {\"id\":44048711843939,\"title\":\"3\\/6m\",\"option1\":\"3\\/6m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I36M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 3\\/6m\",\"public_title\":\"3\\/6m\",\"options\":[\"3\\/6m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":7,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630140\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 7,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"3\\/6m\" : 44048711843939}]\n          };\n          swymRegistryProductVariants[44048711876707] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44048711876707,\n            dt: \"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sheffield-shorts-pierce-mill-plaid-seersucker\",\n            iu:  {\"id\":44048711876707,\"title\":\"6\\/12m\",\"option1\":\"6\\/12m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I612M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 6\\/12m\",\"public_title\":\"6\\/12m\",\"options\":[\"6\\/12m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":7,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630157\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 7,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"6\\/12m\" : 44048711876707}]\n          };\n          swymRegistryProductVariants[44048711909475] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44048711909475,\n            dt: \"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sheffield-shorts-pierce-mill-plaid-seersucker\",\n            iu:  {\"id\":44048711909475,\"title\":\"12\\/18m\",\"option1\":\"12\\/18m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I1218M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 12\\/18m\",\"public_title\":\"12\\/18m\",\"options\":[\"12\\/18m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":49,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630126\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 49,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"12\\/18m\" : 44048711909475}]\n          };\n          swymRegistryProductVariants[44048711942243] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44048711942243,\n            dt: \"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sheffield-shorts-pierce-mill-plaid-seersucker\",\n            iu:  {\"id\":44048711942243,\"title\":\"18\\/24m\",\"option1\":\"18\\/24m\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-I1824M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 18\\/24m\",\"public_title\":\"18\\/24m\",\"options\":[\"18\\/24m\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":75,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630133\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 75,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"18\\/24m\" : 44048711942243}]\n          };\n          swymRegistryProductVariants[44048711975011] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44048711975011,\n            dt: \"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sheffield-shorts-pierce-mill-plaid-seersucker\",\n            iu:  {\"id\":44048711975011,\"title\":\"2T\",\"option1\":\"2T\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-T2T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 2T\",\"public_title\":\"2T\",\"options\":[\"2T\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630164\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 147,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"2T\" : 44048711975011}]\n          };\n          swymRegistryProductVariants[44048712007779] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44048712007779,\n            dt: \"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sheffield-shorts-pierce-mill-plaid-seersucker\",\n            iu:  {\"id\":44048712007779,\"title\":\"3T\",\"option1\":\"3T\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-T3T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 3T\",\"public_title\":\"3T\",\"options\":[\"3T\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630171\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 216,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"3T\" : 44048712007779}]\n          };\n          swymRegistryProductVariants[44048712040547] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44048712040547,\n            dt: \"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sheffield-shorts-pierce-mill-plaid-seersucker\",\n            iu:  {\"id\":44048712040547,\"title\":\"4T\",\"option1\":\"4T\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-T4T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 4T\",\"public_title\":\"4T\",\"options\":[\"4T\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630188\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 213,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"4T\" : 44048712040547}]\n          };\n          swymRegistryProductVariants[44048712073315] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44048712073315,\n            dt: \"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sheffield-shorts-pierce-mill-plaid-seersucker\",\n            iu:  {\"id\":44048712073315,\"title\":\"5\",\"option1\":\"5\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-C5\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 5\",\"public_title\":\"5\",\"options\":[\"5\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630096\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 139,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"5\" : 44048712073315}]\n          };\n          swymRegistryProductVariants[44048712106083] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44048712106083,\n            dt: \"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sheffield-shorts-pierce-mill-plaid-seersucker\",\n            iu:  {\"id\":44048712106083,\"title\":\"6\",\"option1\":\"6\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-C6\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 6\",\"public_title\":\"6\",\"options\":[\"6\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630102\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 100,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"6\" : 44048712106083}]\n          };window.swymRegistryProductInfo.currentVariant = 44048712106083;\n        window.swymRegistryProductData = {\n          et: 1, empi: window.swymRegistryProductInfo.product.id, epi: window.swymRegistryProductInfo.currentVariant,\n          dt: \"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork\", du: \"https://www.thebeaufortbonnetcompany.com/products/sheffield-shorts-pierce-mill-plaid-seersucker\",\n          ct: window.swymRegistryProductInfo.product.type, pr: 4400/100,\n          iu:  {\"id\":44048712106083,\"title\":\"6\",\"option1\":\"6\",\"option2\":null,\"option3\":null,\"sku\":\"2525-5403-C6\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35438835302499,\"product_id\":7976517959779,\"position\":1,\"created_at\":\"2026-03-11T12:44:58-04:00\",\"updated_at\":\"2026-03-11T12:45:01-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\",\"variant_ids\":[44048711811171,44048711843939,44048711876707,44048711909475,44048711942243,44048711975011,44048712007779,44048712040547,44048712073315,44048712106083]},\"available\":true,\"name\":\"Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork - 6\",\"public_title\":\"6\",\"options\":[\"6\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971630102\",\"featured_media\":{\"alt\":null,\"id\":26975061049443,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} , variants: [{ \"6\" : 44048712106083 }],\n          stk:100  ,op:4400/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/019abbac-fa7c-7d41-af40-b9c008566927/swym-registry-shopify-extensions-20/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='7976517959779'\n          data-product-handle='sheffield-shorts-pierce-mill-plaid-seersucker'\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/sheffield-shorts-pierce-mill-plaid-seersucker' class='flex-shrink-0'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&width=230'\n                  alt='Sheffield Shorts - Pierce Mill Plaid Seersucker with Nantucket Navy Stork'\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/sheffield_shorts_pierce_mill_plaid_seersucker.jpg?v=1773247501&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/sheffield-shorts-pierce-mill-plaid-seersucker' class='no-underline'>\n                <div class='h6 mb-[6px] text-t-brand-primary product-name'>\n                  Sheffield Shorts\n                </div>\n              </a>\n\n              <div class='flex gap-[6px] justify-start'>\n                \n                  <div\n                    class='utility-2'\n                    data-price='4400'\n                  >\n                    $44.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 Sheffield Shorts'\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                  Pierce Mill Plaid Seersucker with Nantucket Navy Stork\n                </div>\n\n                \n                  <div class='flex flex-wrap gap-3 color-swatches'>\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/sheffield-shorts-pierce-mill-plaid-seersucker'\n                        data-id='7976517959779'\n                        data-swatch='Pierce Mill Plaid Seersucker with Nantucket Navy Stork'\n                        aria-selected='true'\n                        style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/lake-powell-plaid_1.jpg?v=1777484017\"); background-size: cover; background-position: center;'\n                        aria-label='Current color: Pierce Mill Plaid Seersucker with Nantucket Navy Stork'\n                      ></button>\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='44048711811171'\n                      data-product-id='7976517959779'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7976517959779-44048711811171'\n                        name='size-7976517959779'\n                        value='44048711811171'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44048711811171'\n                        data-product-url='/products/sheffield-shorts-pierce-mill-plaid-seersucker'\n                      >\n                      <label\n                        for='variant-7976517959779-44048711811171'\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/3m\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44048711843939'\n                      data-product-id='7976517959779'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7976517959779-44048711843939'\n                        name='size-7976517959779'\n                        value='44048711843939'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44048711843939'\n                        data-product-url='/products/sheffield-shorts-pierce-mill-plaid-seersucker'\n                      >\n                      <label\n                        for='variant-7976517959779-44048711843939'\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/6m\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44048711876707'\n                      data-product-id='7976517959779'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7976517959779-44048711876707'\n                        name='size-7976517959779'\n                        value='44048711876707'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44048711876707'\n                        data-product-url='/products/sheffield-shorts-pierce-mill-plaid-seersucker'\n                      >\n                      <label\n                        for='variant-7976517959779-44048711876707'\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='44048711909475'\n                      data-product-id='7976517959779'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7976517959779-44048711909475'\n                        name='size-7976517959779'\n                        value='44048711909475'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44048711909475'\n                        data-product-url='/products/sheffield-shorts-pierce-mill-plaid-seersucker'\n                      >\n                      <label\n                        for='variant-7976517959779-44048711909475'\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='44048711942243'\n                      data-product-id='7976517959779'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7976517959779-44048711942243'\n                        name='size-7976517959779'\n                        value='44048711942243'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44048711942243'\n                        data-product-url='/products/sheffield-shorts-pierce-mill-plaid-seersucker'\n                      >\n                      <label\n                        for='variant-7976517959779-44048711942243'\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='44048711975011'\n                      data-product-id='7976517959779'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7976517959779-44048711975011'\n                        name='size-7976517959779'\n                        value='44048711975011'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44048711975011'\n                        data-product-url='/products/sheffield-shorts-pierce-mill-plaid-seersucker'\n                      >\n                      <label\n                        for='variant-7976517959779-44048711975011'\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='44048712007779'\n                      data-product-id='7976517959779'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7976517959779-44048712007779'\n                        name='size-7976517959779'\n                        value='44048712007779'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44048712007779'\n                        data-product-url='/products/sheffield-shorts-pierce-mill-plaid-seersucker'\n                      >\n                      <label\n                        for='variant-7976517959779-44048712007779'\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='44048712040547'\n                      data-product-id='7976517959779'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7976517959779-44048712040547'\n                        name='size-7976517959779'\n                        value='44048712040547'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44048712040547'\n                        data-product-url='/products/sheffield-shorts-pierce-mill-plaid-seersucker'\n                      >\n                      <label\n                        for='variant-7976517959779-44048712040547'\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='44048712073315'\n                      data-product-id='7976517959779'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7976517959779-44048712073315'\n                        name='size-7976517959779'\n                        value='44048712073315'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44048712073315'\n                        data-product-url='/products/sheffield-shorts-pierce-mill-plaid-seersucker'\n                      >\n                      <label\n                        for='variant-7976517959779-44048712073315'\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='44048712106083'\n                      data-product-id='7976517959779'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7976517959779-44048712106083'\n                        name='size-7976517959779'\n                        value='44048712106083'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44048712106083'\n                        data-product-url='/products/sheffield-shorts-pierce-mill-plaid-seersucker'\n                      >\n                      <label\n                        for='variant-7976517959779-44048712106083'\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                </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='7976517959779'\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='1471467618403'\n          data-product-handle='prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n          data-color-family='swatch-prim-proper-polo-ss'\n        >\n          <!-- Top Section: Image + Info -->\n          <div class='flex flex-row gap-5'>\n            <!-- Product Image -->\n            <a href='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork' class='flex-shrink-0'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_ProperPolo-WorthAvenueWhitewithMulticolorStorkonesie_beige_11561b41-f6f4-4dc6-bdae-4406a59081b2.jpg?v=1769020962&width=230'\n                  alt='Prim &amp; Proper Polo &amp; Onesie - Worth Avenue White with Multicolor Stork'\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/Prim_ProperPolo-WorthAvenueWhitewithMulticolorStorkonesie_beige_11561b41-f6f4-4dc6-bdae-4406a59081b2.jpg?v=1769020962&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/prim-proper-polo-worth-avenue-white-with-multicolor-stork' class='no-underline'>\n                <div class='h6 mb-[6px] text-t-brand-primary product-name'>\n                  Prim & Proper Polo & Onesie\n                </div>\n              </a>\n\n              <div class='flex gap-[6px] justify-start'>\n                \n                  <div\n                    class='utility-2'\n                    data-price='4200'\n                  >\n                    $42.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 Prim & Proper Polo & Onesie'\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                  Worth Avenue White with Multicolor Stork\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/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                            data-id='1471467618403'\n                            data-swatch='Worth Avenue White with Multicolor Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4200'\n                            data-compare-price='4200'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_ProperPolo-WorthAvenueWhitewithMulticolorStork_beige_b0ba008d-8674-42af-af0c-a78ae50438ce.jpg?v=1769020962&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_ProperPolo-WorthAvenueWhitewithMulticolorStorkonesie_beige_11561b41-f6f4-4dc6-bdae-4406a59081b2.jpg?v=1769020962&width=500'\n                            \n                            \n                              aria-selected='true'\n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/09a1e4c2b054--WORTH-AVENUE-WHITE.jpg?v=1738685763\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Worth Avenue White with Multicolor Stork'\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/prim-and-proper-polo-and-onesie-palm-beach-pink-with-buckhead-blue-with-stork'\n                            data-id='4431583510627'\n                            data-swatch='Palm Beach Pink with Buckhead Blue Stork'\n                            data-product-name='Prim & Proper Polo'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_and_Proper_Polo_-_Plantation_Pink_w_Buckhead_Blue_Stork_beige_302ff9d9-9d4d-48b2-ab70-ce13030844e2.jpg?v=1769605066&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrimandProperPolo-PalmBeachPinkwBuckheadBlueStorkFOLDED_beige_bdb24d9e-22b7-449d-8464-de90f351c6fd.jpg?v=1769020972&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/bbfb5a3c6cb3--PALM-BEACH-PINK.jpg?v=1738685782\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Palm Beach Pink with Buckhead Blue Stork'\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/prim-proper-polo-onesie-richmond-red-with-worth-avenue-white-stork'\n                            data-id='6698598989923'\n                            data-swatch='Richmond Red with Worth Avenue White Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim-_-Proper-Polo-_-Onesie---Richmond-Red-with-Worth-Avenue-White-Stork-full_beige_de039e7c-e7f6-4fbc-b6b3-7fd00cbc79aa.jpg?v=1769021005&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim-_-Proper-Polo-_-Onesie---Richmond-Red-with-Worth-Avenue-White-Stork_beige_6fa4948e-47ac-4627-a034-ffaf947be807.jpg?v=1769021005&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/130b2d15fa14--richmond-red.png?v=1738685898\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Richmond Red with Worth Avenue White Stork'\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/prim-proper-polo-nantucket-navy-stripe-with-multicolor-stork'\n                            data-id='6592525795427'\n                            data-swatch='Nantucket Navy Stripe with Multicolor Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4200'\n                            data-compare-price='4200'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrimandProperPolo-NantucketNavyStripewMulticolorStork_beige_782a30b2-997e-41fd-9d43-f75a1d3a395f.jpg?v=1769021001&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrimandProperPolo-NantucketNavyStripewMulticolorStork-folded_beige_b32c6126-155e-4f68-b122-6ba8b5605baa.jpg?v=1769021001&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/f6a5edfc98e7--NANTUCKET-MICRO-STRIPE.jpg?v=1738685801\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Nantucket Navy Stripe with Multicolor Stork'\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/prim-proper-polo-nantucket-navy-with-worth-avenue-white-stork'\n                            data-id='4351305384035'\n                            data-swatch='Nantucket Navy with Worth Avenue White Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4200'\n                            data-compare-price='4200'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrimandProperPolo-NantucketNavywWorthAveWhiteStork_beige_cdc2de2f-d4f6-4c6c-819c-731cfdef2abb.jpg?v=1769020965&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrimandProperPolo-NantucketNavywWorthAveWhiteStork-folded_beige_ec576a91-dcc9-4860-844e-eae001f78146.jpg?v=1769020965&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/383ff7078ca1--NANTUCKET-NAVY.jpg?v=1738685782\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Nantucket Navy with Worth Avenue White Stork'\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/prim-proper-polo-and-onesie-buckhead-blue-with-bellport-butter-yellow-stork'\n                            data-id='4753894506595'\n                            data-swatch='Buckhead Blue with Bellport Butter Yellow Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properpolobuckheadbluewithbellportbutteryellowstork.jpg?v=1768927802&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properonesiebuckheadbluewithbellportbutteryellowstork.jpg?v=1768927792&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/ae59fafc4bf6--BUCKHEAD-BLUE.jpg?v=1738685801\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Buckhead Blue with Bellport Butter Yellow Stork'\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/prim-proper-polo-and-onesie-hamptons-hot-pink-with-buckhead-blue-stork'\n                            data-id='6538011279459'\n                            data-swatch='Hamptons Hot Pink with Buckhead Blue Stork'\n                            data-product-name='Prim & Proper Polo'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_ProperPolo_Onesie-HamptonsHotPinkwithBuckheadBlueStork_beige_b5784ffd-07dc-4912-947c-1bbb2727b2eb.jpg?v=1769020994&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_ProperPolo_Onesie-HamptonsHotPinkwithBuckheadBlueStorkfolded_beige_5db3e32a-e5c0-45f0-9f64-6e7ef888fb50.jpg?v=1769020994&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/6d3ae1a84f2b--HAMPTONS-HOT-PINK.jpg?v=1738685801\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Hamptons Hot Pink with Buckhead Blue Stork'\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/prim-proper-polo-park-city-periwinkle-with-worth-avenue-white-stork'\n                            data-id='4473900171363'\n                            data-swatch='Park City Periwinkle with Worth Avenue White Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_ProperPolo-ParkCityPeriwinklewithWorthAvenueWhiteStork_beige_26a53bfd-b3a8-4f7e-866f-a47351f0ee44.jpg?v=1769020977&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_ProperPolo-ParkCityPeriwinklewithWorthAvenueWhiteStorkfolded_beige_c80d0511-6e22-411d-9589-999224215834.jpg?v=1769020977&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/90c5301bf3c0--PARK-CITY-PERIWINKLE.jpg?v=1738685782\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Park City Periwinkle with Worth Avenue White Stork'\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/prim-proper-polo-onesie-rockefeller-royal-stripe-with-worth-avenue-white-stork'\n                            data-id='7751481720931'\n                            data-swatch='Rockefeller Royal Stripe with Worth Avenue White Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrimandProperPolo-RockefellerRoyalStripewithWorthAvenueWhiteStork.jpg?v=1769021039&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrimandProperPolo-RockefellerRoyalStripewithWorthAvenueWhiteStorkfolded.jpg?v=1769021039&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_and_proper_barbados_blue_stripe_825ef1de-02d1-4e26-ba05-e9e1df0ea29d.jpg?v=1744135598\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Rockefeller Royal Stripe with Worth Avenue White Stork'\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/prim-proper-polo-onesie-sumner-county-stripe-grace-bay-green-with-multicolor-stork'\n                            data-id='7894063874147'\n                            data-swatch='Sumner County Stripe (Grace Bay Green) with Multicolor Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_proper_polo_sumner_county_stripe_grace_bay_green_with_multicolor_stork.jpg?v=1769021087&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_proper_polo_sumner_county_stripe_grace_bay_green_with_multicolor_stork_-_folded.jpg?v=1769021087&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/swatch_-_sumner_county_stripe.png?v=1764691094\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Sumner County Stripe (Grace Bay Green) with Multicolor Stork'\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/prim-proper-polo-onesie-worth-avenue-white-with-wood-boat-blue'\n                            data-id='7902403756131'\n                            data-swatch='Worth Avenue White with Wood Boat Blue'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properpoloworthave.whitewithwoodboatblueandwoodboatbluestork.jpg?v=1769021099&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_proper_onesie_worth_ave._white_with_wood_boat_blue_with_wood_boat_blue_stork.jpg?v=1769021099&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/swatch_-_white_blue_polo.jpg?v=1765295444\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Worth Avenue White with Wood Boat Blue'\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/prim-proper-polo-onesie-worth-avenue-white-belhaven-blue-wood-boat-blue-stripe-with-wood-boat-blue-stork'\n                            data-id='7901192781923'\n                            data-swatch='Worth Avenue White, Belhaven Blue, & Wood Boat Blue Stripe with Wood Boat Blue Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_proper_polo_worth_ave._white_belhaven_blue_wood_boat_blue_stripe.jpg?v=1769021092&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_proper_polo_worth_ave._white_belhaven_blue_wood_boat_blue_stripe_-_back.jpg?v=1769021092&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/swatch_-_polo_stripe.jpg?v=1765295470\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Worth Avenue White, Belhaven Blue, & Wood Boat Blue Stripe with Wood Boat Blue Stork'\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/prim-proper-polo-onesie-gibson-island-green-stripe-with-lake-worth-yellow-stork'\n                            data-id='7905673150563'\n                            data-swatch='Gibson Island Green Stripe with Lake Worth Yellow Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4800'\n                            data-compare-price='4800'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_proper_polo_gibson_island_green_stripe_with_lake_worth_yellow_stork.jpg?v=1769021102&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_proper_polo_gibson_island_green_stripe_with_lake_worth_yellow_stork_-_folded.jpg?v=1769021102&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/gibson_green_stripe.jpg?v=1765908379\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Gibson Island Green Stripe with Lake Worth Yellow Stork'\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/prim-proper-polo-grace-bay-green-stripe-with-multicolor-stork'\n                            data-id='7920758554723'\n                            data-swatch='Grace Bay Green Stripe with Multicolor Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properpologracebaygreenstripewithmulticolorstork.jpg?v=1769106135&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properpologracebaygreenstripewithmulticolorstork-folded.jpg?v=1769106135&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7346db7c0655--grace-bay-green-stripe-2_df9f79ac-88d5-4964-badf-9a49d877b677.jpg?v=1738686079\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Grace Bay Green Stripe with Multicolor Stork'\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/prim-proper-polo-worth-avenue-white-with-nantucket-navy-red-and-beale-street-blue'\n                            data-id='7957170946147'\n                            data-swatch='Worth Avenue White with Nantucket Navy, Richmond Red and Beale Street Blue'\n                            data-product-name='Prim & Proper Polo'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properpoloworthave.whitewithnantucketnavy_red_bealestreetblue.jpg?v=1771251115&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properpoloworthave.whitewithnantucketnavy_red_bealestreetblue-folded.jpg?v=1771251115&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/worth-ave-white.beale-outline.jpg?v=1771599274\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Worth Avenue White with Nantucket Navy, Richmond Red and Beale Street Blue'\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/prim-proper-polo-onesie-turks-teal-with-multicolor-stork'\n                            data-id='7030697492579'\n                            data-swatch='Turks Teal with Multicolor Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_ProperPolo-TurksTealwithMulticolorStork_beige_a391d1fe-d8fb-4070-842b-410b2f5bf4f1.jpg?v=1771521759&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_ProperPolo_Onesie-TurksTealwithMulticolorStork_beige_49d964bb-63d1-45f8-9bf4-1b196f100dce.jpg?v=1771521759&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/ade40cd1b397--turks-teal.jpg?v=1738686167\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Turks Teal with Multicolor Stork'\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/prim-propper-polo-valley-high-violet-stripe-with-multicolor-stork'\n                            data-id='7938542469219'\n                            data-swatch='Valley High Violet Stripe with Multicolor Stork'\n                            data-product-name='Prim & Propper Polo'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properpolovalleyhighvioletstripewithmulticolorstork.jpg?v=1770326692&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properpolovalleyhighvioletstripewithmulticolorstork-folded.jpg?v=1770326692&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/valley_high_violet.png?v=1765916601\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Valley High Violet Stripe with Multicolor Stork'\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/prim-proper-polo-brookline-blue-stripe-with-worth-avenue-white-stork'\n                            data-id='7960914559075'\n                            data-swatch='Brookline Blue Stripe with Worth Avenue White Stork'\n                            data-product-name='Prim & Proper Polo'\n                            data-price='4800'\n                            data-compare-price='4800'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PRIM_PROPERPOLObrooklinebluestripewithworthave.white.jpg?v=1772464879&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PRIM_PROPERPOLObrooklinebluestripewithworthave.white-folded.jpg?v=1772464879&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/9f4021bb5c35--brookline-blue-stripe_7c4d5339-0353-4670-8ade-20f0ac6e0a83.jpg?v=1738686101\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Brookline Blue Stripe with Worth Avenue White Stork'\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/prim-proper-polo-onesie-sea-island-seafoam-with-beale-street-blue-multicolor-stork'\n                            data-id='7685312807011'\n                            data-swatch='Sea Island Seafoam with Beale Street Blue Multicolor Stork'\n                            data-product-name='Prim & Proper Polo'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_Proper_Polo_Onesie_-_Sea_Island_Seafoam_with_Beale_Street_Blue_Multicolor_Stork_beige_620a4915-3068-4f7e-9f30-94fae5930536.jpg?v=1772464927&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_Proper_Polo_Onesie_-_Sea_Island_Seafoam_with_Beale_Street_Blue_Multicolor_Stork_beige_70ca9f41-ad5d-4987-8fa8-997d1fe7a4be.jpg?v=1772464927&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/f74bb41bf027--SEA-ISLAND-SEAFOAM.jpg?v=1738686048\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Sea Island Seafoam with Beale Street Blue Multicolor Stork'\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/prim-proper-polo-pompano-peach-with-multicolor-stork'\n                            data-id='6846825070691'\n                            data-swatch='Pompano Peach with Multicolor Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_ProperPolo-PompanoPeach_beige_339c4d43-58e6-4d10-8859-dd517ead7ea8.jpg?v=1772480761&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_ProperPolo_Onesie-PompanoPeachwithMulticolorStorkonesie_beige_4f877a16-d6b8-4fe3-8d60-8412c16d688f.jpg?v=1772660016&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/0be876e53fbe--POMPANO-PEACH.jpg?v=1738685939\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Pompano Peach with Multicolor Stork'\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/prim-proper-polo-onesie-lake-claire-lines-with-wood-boat-blue-stork'\n                            data-id='7964212887651'\n                            data-swatch='Lake Claire Lines with Wood Boat Blue Stork'\n                            data-product-name='Prim & Proper Polo'\n                            data-price='4800'\n                            data-compare-price='4800'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properpololakeclairelineswithwoodboatbluestork.jpg?v=1772480882&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_proper_polo_lake_claire_lines_with_wood_boat_blue_stork_-_folded.jpg?v=1772480882&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Lake-Claire-Lines.jpg?v=1772660040\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Lake Claire Lines with Wood Boat Blue Stork'\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/prim-proper-polo-sanibel-island-stripe-with-pompano-peach-stork'\n                            data-id='7964086927459'\n                            data-swatch='Sanibel Island Stripe with Pompano Peach Stork'\n                            data-product-name='Prim & Proper Polo'\n                            data-price='4800'\n                            data-compare-price='4800'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC_2.18.2026-10.jpg?v=1772035064&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/April_2025_TBBC_Dunlin_Edit360.jpg?v=1772480682&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sanibel-salmon-stripe.jpg?v=1772660068\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Sanibel Island Stripe with Pompano Peach Stork'\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/prim-proper-polo-onesie-osprey-oatmeal-with-nantucket-navy-stork'\n                            data-id='7973887541347'\n                            data-swatch='Osprey Oatmeal with Nantucket Navy Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_Proper_Polo_Onesie_-_Osprey_Oatmeal_with_Nantucket_Navy_Stork.jpg?v=1773947385&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_3165.jpg?v=1774023328&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/SWATCH_-_OSPREY_OATMEAL_1a229109-8069-467c-8fde-262303f1f8e6.jpg?v=1751909532\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Osprey Oatmeal with Nantucket Navy Stork'\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/prim-proper-polo-onesie-sumner-country-stripe-richmond-red-with-beale-street-blue-stork'\n                            data-id='7970350432355'\n                            data-swatch='Sumner County Stripe (Richmond Red) with Beale Street Blue Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4800'\n                            data-compare-price='4800'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_ProperPolo_Onesie-SumnerCountyStripe_RichmondRed_withBealeStreetBlueStork.jpg?v=1772122838&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/251110_TBB_COLLINS_RHODES_BATES_SLEEVELESS_TABITHA_COUNTRY_STRIPE_0043.jpg?v=1773944529&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sumner-county-red-stripe.jpg?v=1776276824\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Sumner County Stripe (Richmond Red) with Beale Street Blue Stork'\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/prim-proper-polo-onesie-barbados-blue-with-worth-avenue-white-stork'\n                            data-id='7978701127779'\n                            data-swatch='Barbados Blue Stripe with Belhaven Blue Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4800'\n                            data-compare-price='4800'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properpolobarbadosbluestripewithbelhavenblue.jpg?v=1773675561&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properpolobarbadosbluestripewithbelhavenblue-folded.jpg?v=1773675561&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/barbados-blue-stripe.jpg?v=1778084203\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Barbados Blue Stripe with Belhaven Blue Stork'\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/prim-proper-polo-onesie-barbados-blue-with-worth-avenue-white-stork-1'\n                            data-id='7978751623267'\n                            data-swatch='Barbados Blue with Worth Avenue White Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Prim_ProperPolo_Onesie-BarbadosBluewithWorthAvenueWhiteStork_536f7496-1093-41b9-b1a1-54dd1e049652.jpg?v=1773676096&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/IMG_2277.jpg?v=1778159724&width=500'\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 Worth Avenue White Stork'\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/prim-proper-polo-onesie-lake-worth-yellow-stripe-with-barbados-blue-stork'\n                            data-id='7978765680739'\n                            data-swatch='Lake Worth Yellow Stripe with Barbados Blue Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4800'\n                            data-compare-price='4800'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_proper_polo_lake_worth_yellow_stripe_with_barbados_blue_stork.jpg?v=1773677247&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_proper_polo_lake_worth_yellow_stripe_with_barbados_blue_stork_-_folded.jpg?v=1773677247&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/lake_worth_yellow_stripe.jpg?v=1778087174\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Lake Worth Yellow Stripe with Barbados Blue Stork'\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/prim-proper-polo-onesie-old-greenwich-green-with-worth-avenue-white-stork'\n                            data-id='7981334167651'\n                            data-swatch='Old Greenwich Green with Worth Avenue White Stork'\n                            data-product-name='Prim & Proper Polo & Onesie'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properpolooldgreenwichgreen.jpg?v=1773759586&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/prim_properpolooldgreenwichgreen-folded_1.jpg?v=1773759586&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 Worth Avenue White Stork'\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='12815227617379'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-12815227617379'\n                        name='size-1471467618403'\n                        value='12815227617379'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='12815227617379'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-12815227617379'\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 (onesie)\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='12815227879523'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-12815227879523'\n                        name='size-1471467618403'\n                        value='12815227879523'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='12815227879523'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-12815227879523'\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 (onesie)\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='12815206252643'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-12815206252643'\n                        name='size-1471467618403'\n                        value='12815206252643'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='12815206252643'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-12815206252643'\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='12815206285411'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-12815206285411'\n                        name='size-1471467618403'\n                        value='12815206285411'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='12815206285411'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-12815206285411'\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='12815206318179'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-12815206318179'\n                        name='size-1471467618403'\n                        value='12815206318179'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='12815206318179'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-12815206318179'\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='12815206350947'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-12815206350947'\n                        name='size-1471467618403'\n                        value='12815206350947'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='12815206350947'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-12815206350947'\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='12815206383715'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-12815206383715'\n                        name='size-1471467618403'\n                        value='12815206383715'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='12815206383715'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-12815206383715'\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='12815206416483'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-12815206416483'\n                        name='size-1471467618403'\n                        value='12815206416483'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='12815206416483'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-12815206416483'\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='12815206449251'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-12815206449251'\n                        name='size-1471467618403'\n                        value='12815206449251'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='12815206449251'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-12815206449251'\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='12815206482019'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-12815206482019'\n                        name='size-1471467618403'\n                        value='12815206482019'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='12815206482019'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-12815206482019'\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='12815206514787'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-12815206514787'\n                        name='size-1471467618403'\n                        value='12815206514787'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='12815206514787'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-12815206514787'\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='12815206547555'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-12815206547555'\n                        name='size-1471467618403'\n                        value='12815206547555'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='12815206547555'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-12815206547555'\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='31304557232227'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-31304557232227'\n                        name='size-1471467618403'\n                        value='31304557232227'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='31304557232227'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-31304557232227'\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='39620697784419'\n                      data-product-id='1471467618403'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-1471467618403-39620697784419'\n                        name='size-1471467618403'\n                        value='39620697784419'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39620697784419'\n                        data-product-url='/products/prim-proper-polo-worth-avenue-white-with-multicolor-stork'\n                      >\n                      <label\n                        for='variant-1471467618403-39620697784419'\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='1471467618403'\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/337/assets/-core-main-product.css?v=14442081185651659231777990933\" 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/337/assets/sort-arrows.png?v=7943459221422010101777990933');\n  }\n</style>\n\n\n</section>"}