{"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='barringer-boy-bonnet'></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/barringer-boy-bonnet'\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/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=90\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=90 90w\" height=\"1000.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/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=90\" alt=\"gdf\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=90 90w\" height=\"3000.0000000000005\" 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/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=90\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=90 90w\" height=\"599.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/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=90\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=90 90w\" height=\"599.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/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=90\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=90 90w\" height=\"2740.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/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=90\" alt=\" Monogram: Navy, Keller\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=90 90w\" height=\"2573.0000000000005\" 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/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=600\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" height=\"1000.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:41.699% 16.309%;\"></div><div class='swiper-lazy-preloader'></div></swiper-slide>\n            \n              <swiper-slide class='w-full h-full cursor-zoom-in relative block overflow-hidden bg-p-lightest border border-t-disabled'>\n                <div class='swiper-zoom-container'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=600\" alt=\"gdf\" height=\"3000.0000000000005\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\"></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/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=600\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" height=\"599.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\"></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/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=600\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" height=\"599.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\"></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/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=600\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" height=\"2740.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\"></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/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=600\" alt=\" Monogram: Navy, Keller\" height=\"2573.0000000000005\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\"></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/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=94\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=80 80w\" height=\"1000.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/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=94\" alt=\"gdf\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=80 80w\" height=\"3000.0000000000005\" 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/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=94\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=80 80w\" height=\"599.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/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=94\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=80 80w\" height=\"599.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/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=94\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=80 80w\" height=\"2740.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/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=94\" alt=\" Monogram: Navy, Keller\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=80 80w\" height=\"2573.0000000000005\" 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/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=800\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=800 800w\" height=\"1000.0\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:41.699% 16.309%;\">\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/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=800\" alt=\"gdf\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=800 800w\" height=\"3000.0000000000005\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\"><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/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=800\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=800 800w\" height=\"599.0\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\"><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/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=800\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=800 800w\" height=\"599.0\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\"><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/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=800\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=800 800w\" height=\"2740.0\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\"><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                  \n                  <p class='js-media-alt'> Monogram: Navy, Keller</p>\n                \n              </div>\n\n              \n\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=800\" alt=\" Monogram: Navy, Keller\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=800 800w\" height=\"2573.0000000000005\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\"><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/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=600\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=600 600w\" height=\"1000.0\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:41.699% 16.309%;\"></div>\n        \n          <div class='w-full h-full relative block bg-p-lightest'>\n            <div class='opacity-0 hidden'>\n              \n            </div>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=600\" alt=\"gdf\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&amp;width=600 600w\" height=\"3000.0000000000005\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\"><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/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=600\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843&amp;width=600 600w\" height=\"599.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\"><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/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=600\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843&amp;width=600 600w\" height=\"599.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\"><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/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=600\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843&amp;width=600 600w\" height=\"2740.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\"><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                \n                <p class='js-media-alt'> Monogram: Navy, Keller</p>\n              \n            </div>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=600\" alt=\" Monogram: Navy, Keller\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/products/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843&amp;width=600 600w\" height=\"2573.0000000000005\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\"><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='Barringer Bonnet'\n  data-product-url='/products/barringer-boy-bonnet'\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/barringer-boy-bonnet' aria-current='page'>Barringer Bonnet</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-262238965\"\n    >\n        \n    </div>\n\n\n\n</div><div sub-section-id='title'>\n          <div >\n            \n\n            \n\n            <h1 class='md:pr-md text-t-foreground h2 leading-[1.1]'>\n              Barringer Bonnet\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            $52\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                $52\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          $52\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='800159833'>\n                <shopify-payment-terms variant-id=\"800159833\" 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;:800159825,&quot;price_per_term&quot;:&quot;$13.00&quot;,&quot;full_price&quot;:&quot;$52.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4},{&quot;id&quot;:800159829,&quot;price_per_term&quot;:&quot;$13.00&quot;,&quot;full_price&quot;:&quot;$52.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4},{&quot;id&quot;:800159833,&quot;price_per_term&quot;:&quot;$13.00&quot;,&quot;full_price&quot;:&quot;$52.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4}],&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;financing_plans&quot;:[{&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$49.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:2}]},{&quot;min_price&quot;:&quot;$50.00&quot;,&quot;max_price&quot;:&quot;$149.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;: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=\"262238965\" /><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      Buckhead Blue with Worth Avenue White\n    </p>\n  </div>\n\n\n        \n<div class='product-more-swatches '>\n              <div class='flex flex-wrap gap-2  md:gap-3'>\n                  \n                  \n\n                  \n                    <button\n                      data-id='852435780'\n                      data-href='/products/barringer-boy-bonnet-worth-avenue-white'\n                      data-swatch='Worth Avenue White'\n                      data-variants='[{&quot;id&quot;:3254382148,&quot;title&quot;:&quot;XS (0-4m)&quot;,&quot;option1&quot;:&quot;XS (0-4m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;02BGB1110XS&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501309173859,&quot;product_id&quot;:852435780,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T09:04:31-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:27:15-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:1000,&quot;height&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-WorthAveWhite_beige_08d0d142-89bc-4a4a-a028-92c9dc6b704f.jpg?v=1762198035&quot;,&quot;variant_ids&quot;:[3254382148,3254382212,3254382276]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Worth Avenue White - XS (0-4m)&quot;,&quot;public_title&quot;:&quot;XS (0-4m)&quot;,&quot;options&quot;:[&quot;XS (0-4m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:37,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;continue&quot;,&quot;barcode&quot;:&quot;050971001094&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360343203939,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1000,&quot;width&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-WorthAveWhite_beige_08d0d142-89bc-4a4a-a028-92c9dc6b704f.jpg?v=1762198035&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:3254382212,&quot;title&quot;:&quot;S (4-9m)&quot;,&quot;option1&quot;:&quot;S (4-9m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;02BGB1110S&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501309173859,&quot;product_id&quot;:852435780,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T09:04:31-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:27:15-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:1000,&quot;height&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-WorthAveWhite_beige_08d0d142-89bc-4a4a-a028-92c9dc6b704f.jpg?v=1762198035&quot;,&quot;variant_ids&quot;:[3254382148,3254382212,3254382276]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Worth Avenue White - S (4-9m)&quot;,&quot;public_title&quot;:&quot;S (4-9m)&quot;,&quot;options&quot;:[&quot;S (4-9m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:79,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971001087&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360343203939,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1000,&quot;width&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-WorthAveWhite_beige_08d0d142-89bc-4a4a-a028-92c9dc6b704f.jpg?v=1762198035&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:3254382276,&quot;title&quot;:&quot;M (9-18m)&quot;,&quot;option1&quot;:&quot;M (9-18m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;02BGB1110M&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501309173859,&quot;product_id&quot;:852435780,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T09:04:31-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:27:15-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:1000,&quot;height&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-WorthAveWhite_beige_08d0d142-89bc-4a4a-a028-92c9dc6b704f.jpg?v=1762198035&quot;,&quot;variant_ids&quot;:[3254382148,3254382212,3254382276]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Worth Avenue White - M (9-18m)&quot;,&quot;public_title&quot;:&quot;M (9-18m)&quot;,&quot;options&quot;:[&quot;M (9-18m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:49,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971001070&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360343203939,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1000,&quot;width&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-WorthAveWhite_beige_08d0d142-89bc-4a4a-a028-92c9dc6b704f.jpg?v=1762198035&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}]'\n                      \n                        data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/BarringerBonnet-WorthAveWhite_beige_08d0d142-89bc-4a4a-a028-92c9dc6b704f.jpg?v=1762198035&width=500'\n                      \n                      \n                        data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_1593.jpg?v=1716403229&width=500'\n                      \n                      \n                      class='relative flex size-[44px] md:size-xl rounded-full border aria-selected:border-t-foreground aria-selected:p-0.5 border-t-brand-secondary'\n                    >\n                      \n                      <div\n                        class='js-swatch-strike-dynamic absolute top-1/2 left-1/2 w-[120%] h-px bg-p-darkest transform-diagonal hidden'\n                      ></div>\n                      <span\n                        class='rounded-full h-full w-full block'\n                        style=\"background-image:url('//www.thebeaufortbonnetcompany.com/cdn/shop/files/e4a052bea017--WORTH-AVENUE-WHITE.jpg?v=1738685749'); background-size:cover;\"\n                      ></span>\n                    </button>\n                  \n                  \n\n                  \n                    <button\n                      data-id='262238965'\n                      data-href='/products/barringer-boy-bonnet'\n                      data-swatch='Buckhead Blue with Worth Avenue White'\n                      data-variants='[{&quot;id&quot;:800159825,&quot;title&quot;:&quot;XS (0-4m)&quot;,&quot;option1&quot;:&quot;XS (0-4m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;02BGB1470XS&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501788438627,&quot;product_id&quot;:262238965,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T10:39:56-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:25:23-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:1000,&quot;height&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&quot;,&quot;variant_ids&quot;:[800159825,800159829,800159833]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Buckhead Blue with Worth Avenue White - XS (0-4m)&quot;,&quot;public_title&quot;:&quot;XS (0-4m)&quot;,&quot;options&quot;:[&quot;XS (0-4m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:67,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971001032&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360653844579,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1000,&quot;width&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:800159829,&quot;title&quot;:&quot;S (4-9m)&quot;,&quot;option1&quot;:&quot;S (4-9m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;02BGB1470S&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501788438627,&quot;product_id&quot;:262238965,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T10:39:56-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:25:23-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:1000,&quot;height&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&quot;,&quot;variant_ids&quot;:[800159825,800159829,800159833]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Buckhead Blue with Worth Avenue White - S (4-9m)&quot;,&quot;public_title&quot;:&quot;S (4-9m)&quot;,&quot;options&quot;:[&quot;S (4-9m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:100,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;continue&quot;,&quot;barcode&quot;:&quot;050971001025&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360653844579,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1000,&quot;width&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:800159833,&quot;title&quot;:&quot;M (9-18m)&quot;,&quot;option1&quot;:&quot;M (9-18m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;02BGB1470M&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501788438627,&quot;product_id&quot;:262238965,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T10:39:56-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:25:23-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:1000,&quot;height&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&quot;,&quot;variant_ids&quot;:[800159825,800159829,800159833]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Buckhead Blue with Worth Avenue White - M (9-18m)&quot;,&quot;public_title&quot;:&quot;M (9-18m)&quot;,&quot;options&quot;:[&quot;M (9-18m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:18,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971001018&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360653844579,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1000,&quot;width&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}]'\n                      \n                        data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&width=500'\n                      \n                      \n                        data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847&width=500'\n                      \n                      \n                        aria-selected='true'\n                      \n                      class='relative flex size-[44px] md:size-xl rounded-full border aria-selected:border-t-foreground aria-selected:p-0.5 border-t-brand-secondary'\n                    >\n                      \n                      <div\n                        class='js-swatch-strike-dynamic absolute top-1/2 left-1/2 w-[120%] h-px bg-p-darkest transform-diagonal hidden'\n                      ></div>\n                      <span\n                        class='rounded-full h-full w-full block'\n                        style=\"background-image:url('//www.thebeaufortbonnetcompany.com/cdn/shop/files/023ecdd39419--BUCKHEAD-BLUE.jpg?v=1738685750'); background-size:cover;\"\n                      ></span>\n                    </button>\n                  \n                  \n\n                  \n                    <button\n                      data-id='852430916'\n                      data-href='/products/barringer-boy-bonnet-breakers-blue-seersucker'\n                      data-swatch='Breakers Blue Seersucker'\n                      data-variants='[{&quot;id&quot;:3254318148,&quot;title&quot;:&quot;XS (0-4m)&quot;,&quot;option1&quot;:&quot;XS (0-4m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1042-1042-XS&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501307994211,&quot;product_id&quot;:852430916,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T09:04:22-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:27:15-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:1000,&quot;height&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-BreakersBlueSeersucker_beige_5d57b1bd-5dab-4c6f-b7ea-e0cb4f9d7374.jpg?v=1762198035&quot;,&quot;variant_ids&quot;:[3254318148,3254318212,3254318276]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Breakers Blue Seersucker - XS (0-4m)&quot;,&quot;public_title&quot;:&quot;XS (0-4m)&quot;,&quot;options&quot;:[&quot;XS (0-4m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:100,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971001339&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360342351971,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1000,&quot;width&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-BreakersBlueSeersucker_beige_5d57b1bd-5dab-4c6f-b7ea-e0cb4f9d7374.jpg?v=1762198035&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:3254318212,&quot;title&quot;:&quot;S (4-9m)&quot;,&quot;option1&quot;:&quot;S (4-9m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1042-1042-S&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501307994211,&quot;product_id&quot;:852430916,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T09:04:22-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:27:15-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:1000,&quot;height&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-BreakersBlueSeersucker_beige_5d57b1bd-5dab-4c6f-b7ea-e0cb4f9d7374.jpg?v=1762198035&quot;,&quot;variant_ids&quot;:[3254318148,3254318212,3254318276]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Breakers Blue Seersucker - S (4-9m)&quot;,&quot;public_title&quot;:&quot;S (4-9m)&quot;,&quot;options&quot;:[&quot;S (4-9m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:100,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971001322&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360342351971,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1000,&quot;width&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-BreakersBlueSeersucker_beige_5d57b1bd-5dab-4c6f-b7ea-e0cb4f9d7374.jpg?v=1762198035&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:3254318276,&quot;title&quot;:&quot;M (9-18m)&quot;,&quot;option1&quot;:&quot;M (9-18m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1042-1042-M&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501307994211,&quot;product_id&quot;:852430916,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T09:04:22-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:27:15-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:1000,&quot;height&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-BreakersBlueSeersucker_beige_5d57b1bd-5dab-4c6f-b7ea-e0cb4f9d7374.jpg?v=1762198035&quot;,&quot;variant_ids&quot;:[3254318148,3254318212,3254318276]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Breakers Blue Seersucker - M (9-18m)&quot;,&quot;public_title&quot;:&quot;M (9-18m)&quot;,&quot;options&quot;:[&quot;M (9-18m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:87,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971001315&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360342351971,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1000,&quot;width&quot;:1000,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-BreakersBlueSeersucker_beige_5d57b1bd-5dab-4c6f-b7ea-e0cb4f9d7374.jpg?v=1762198035&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}]'\n                      \n                        data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/BarringerBonnet-BreakersBlueSeersucker_beige_5d57b1bd-5dab-4c6f-b7ea-e0cb4f9d7374.jpg?v=1762198035&width=500'\n                      \n                      \n                        data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/products/barringer-boy-bonnet_05_8f45ff01-235e-41cb-a0b9-d7cf53433ebc.jpeg?v=1647624475&width=500'\n                      \n                      \n                      class='relative flex size-[44px] md:size-xl rounded-full border aria-selected:border-t-foreground aria-selected:p-0.5 border-t-brand-secondary'\n                    >\n                      \n                      <div\n                        class='js-swatch-strike-dynamic absolute top-1/2 left-1/2 w-[120%] h-px bg-p-darkest transform-diagonal hidden'\n                      ></div>\n                      <span\n                        class='rounded-full h-full w-full block'\n                        style=\"background-image:url('//www.thebeaufortbonnetcompany.com/cdn/shop/files/6785b70177dc--breakers-blue-seersucker-swatch-for-web.jpg?v=1738685750'); background-size:cover;\"\n                      ></span>\n                    </button>\n                  \n                  \n\n                  \n                    <button\n                      data-id='7973883609187'\n                      data-href='/products/barringer-bonnet-worth-avenue-white-with-gramercy-park-plaid-seersucker'\n                      data-swatch='Worth Avenue White with Gramercy Park Plaid Seersucker'\n                      data-variants='[{&quot;id&quot;:44038525943907,&quot;title&quot;:&quot;XS (0-4m)&quot;,&quot;option1&quot;:&quot;XS (0-4m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1040-5342-XS&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35393037008995,&quot;product_id&quot;:7973883609187,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-03-04T13:58:01-05:00&quot;,&quot;updated_at&quot;:&quot;2026-03-04T13:58:03-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:3872,&quot;height&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer_Bonnet_-_Worth_Avenue_White_with_Gramercy_Park_Plaid_Seersucker.jpg?v=1772650683&quot;,&quot;variant_ids&quot;:[44038525943907,44038525976675,44038526009443]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Worth Avenue White with Gramercy Park Plaid Seersucker - XS (0-4m)&quot;,&quot;public_title&quot;:&quot;XS (0-4m)&quot;,&quot;options&quot;:[&quot;XS (0-4m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:31,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971655204&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:26936200986723,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3872,&quot;width&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer_Bonnet_-_Worth_Avenue_White_with_Gramercy_Park_Plaid_Seersucker.jpg?v=1772650683&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:44038525976675,&quot;title&quot;:&quot;S (4-9m)&quot;,&quot;option1&quot;:&quot;S (4-9m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1040-5342-S&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35393037008995,&quot;product_id&quot;:7973883609187,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-03-04T13:58:01-05:00&quot;,&quot;updated_at&quot;:&quot;2026-03-04T13:58:03-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:3872,&quot;height&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer_Bonnet_-_Worth_Avenue_White_with_Gramercy_Park_Plaid_Seersucker.jpg?v=1772650683&quot;,&quot;variant_ids&quot;:[44038525943907,44038525976675,44038526009443]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Worth Avenue White with Gramercy Park Plaid Seersucker - S (4-9m)&quot;,&quot;public_title&quot;:&quot;S (4-9m)&quot;,&quot;options&quot;:[&quot;S (4-9m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:49,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971655198&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:26936200986723,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3872,&quot;width&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer_Bonnet_-_Worth_Avenue_White_with_Gramercy_Park_Plaid_Seersucker.jpg?v=1772650683&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:44038526009443,&quot;title&quot;:&quot;M (9-18m)&quot;,&quot;option1&quot;:&quot;M (9-18m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1040-5342-M&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35393037008995,&quot;product_id&quot;:7973883609187,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-03-04T13:58:01-05:00&quot;,&quot;updated_at&quot;:&quot;2026-03-04T13:58:03-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:3872,&quot;height&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer_Bonnet_-_Worth_Avenue_White_with_Gramercy_Park_Plaid_Seersucker.jpg?v=1772650683&quot;,&quot;variant_ids&quot;:[44038525943907,44038525976675,44038526009443]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Worth Avenue White with Gramercy Park Plaid Seersucker - M (9-18m)&quot;,&quot;public_title&quot;:&quot;M (9-18m)&quot;,&quot;options&quot;:[&quot;M (9-18m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:64,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971655181&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:26936200986723,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3872,&quot;width&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer_Bonnet_-_Worth_Avenue_White_with_Gramercy_Park_Plaid_Seersucker.jpg?v=1772650683&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}]'\n                      \n                        data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Barringer_Bonnet_-_Worth_Avenue_White_with_Gramercy_Park_Plaid_Seersucker.jpg?v=1772650683&width=500'\n                      \n                      \n                        data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_8235.jpg?v=1774023639&width=500'\n                      \n                      \n                      class='relative flex size-[44px] md:size-xl rounded-full border aria-selected:border-t-foreground aria-selected:p-0.5 border-t-brand-secondary'\n                    >\n                      \n                      <div\n                        class='js-swatch-strike-dynamic absolute top-1/2 left-1/2 w-[120%] h-px bg-p-darkest transform-diagonal hidden'\n                      ></div>\n                      <span\n                        class='rounded-full h-full w-full block'\n                        style=\"background-image:url('//www.thebeaufortbonnetcompany.com/cdn/shop/files/gramercy_park_plaid.jpg?v=1776275259'); background-size:cover;\"\n                      ></span>\n                    </button>\n                  \n                  \n\n                  \n                    <button\n                      data-id='7976449933411'\n                      data-href='/products/barringer-bonnet-pierce-mill-plaid-seersucker-with-buckhead-blue'\n                      data-swatch='Pierce Mill Plaid Seersucker with Buckhead Blue'\n                      data-variants='[{&quot;id&quot;:44048381968483,&quot;title&quot;:&quot;XS (0-4m)&quot;,&quot;option1&quot;:&quot;XS (0-4m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1042-5331-XS&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35436524699747,&quot;product_id&quot;:7976449933411,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-03-11T09:52:17-04:00&quot;,&quot;updated_at&quot;:&quot;2026-03-11T09:52:20-04:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:3872,&quot;height&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-PierceMilPlaidSeersuckerandBuckheadBlue.jpg?v=1773237140&quot;,&quot;variant_ids&quot;:[44048381968483,44048382001251,44048382034019]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Pierce Mill Plaid Seersucker with Buckhead Blue - XS (0-4m)&quot;,&quot;public_title&quot;:&quot;XS (0-4m)&quot;,&quot;options&quot;:[&quot;XS (0-4m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:21,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971655235&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:26974130405475,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3872,&quot;width&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-PierceMilPlaidSeersuckerandBuckheadBlue.jpg?v=1773237140&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:44048382001251,&quot;title&quot;:&quot;S (4-9m)&quot;,&quot;option1&quot;:&quot;S (4-9m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1042-5331-S&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35436524699747,&quot;product_id&quot;:7976449933411,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-03-11T09:52:17-04:00&quot;,&quot;updated_at&quot;:&quot;2026-03-11T09:52:20-04:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:3872,&quot;height&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-PierceMilPlaidSeersuckerandBuckheadBlue.jpg?v=1773237140&quot;,&quot;variant_ids&quot;:[44048381968483,44048382001251,44048382034019]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Pierce Mill Plaid Seersucker with Buckhead Blue - S (4-9m)&quot;,&quot;public_title&quot;:&quot;S (4-9m)&quot;,&quot;options&quot;:[&quot;S (4-9m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:40,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971655228&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:26974130405475,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3872,&quot;width&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-PierceMilPlaidSeersuckerandBuckheadBlue.jpg?v=1773237140&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}},{&quot;id&quot;:44048382034019,&quot;title&quot;:&quot;M (9-18m)&quot;,&quot;option1&quot;:&quot;M (9-18m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1042-5331-M&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35436524699747,&quot;product_id&quot;:7976449933411,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-03-11T09:52:17-04:00&quot;,&quot;updated_at&quot;:&quot;2026-03-11T09:52:20-04:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:3872,&quot;height&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-PierceMilPlaidSeersuckerandBuckheadBlue.jpg?v=1773237140&quot;,&quot;variant_ids&quot;:[44048381968483,44048382001251,44048382034019]},&quot;available&quot;:true,&quot;name&quot;:&quot;Barringer Bonnet - Pierce Mill Plaid Seersucker with Buckhead Blue - M (9-18m)&quot;,&quot;public_title&quot;:&quot;M (9-18m)&quot;,&quot;options&quot;:[&quot;M (9-18m)&quot;],&quot;price&quot;:5200,&quot;weight&quot;:0,&quot;compare_at_price&quot;:5200,&quot;inventory_quantity&quot;:62,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971655211&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:26974130405475,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:3872,&quot;width&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/BarringerBonnet-PierceMilPlaidSeersuckerandBuckheadBlue.jpg?v=1773237140&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[],&quot;quantity_rule&quot;:{&quot;min&quot;:1,&quot;max&quot;:null,&quot;increment&quot;:1}}]'\n                      \n                        data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/BarringerBonnet-PierceMilPlaidSeersuckerandBuckheadBlue.jpg?v=1773237140&width=500'\n                      \n                      \n                        data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_8289_8c63d3b3-7102-43cc-98e6-e21c6bcf932a.jpg?v=1775057084&width=500'\n                      \n                      \n                      class='relative flex size-[44px] md:size-xl rounded-full border aria-selected:border-t-foreground aria-selected:p-0.5 border-t-brand-secondary'\n                    >\n                      \n                      <div\n                        class='js-swatch-strike-dynamic absolute top-1/2 left-1/2 w-[120%] h-px bg-p-darkest transform-diagonal hidden'\n                      ></div>\n                      <span\n                        class='rounded-full h-full w-full block'\n                        style=\"background-image:url('//www.thebeaufortbonnetcompany.com/cdn/shop/files/lake-powell-plaid_1.jpg?v=1777484017'); background-size:cover;\"\n                      ></span>\n                    </button></div>\n            </div></div>\n    </product-swatches>\n  \n\n\n\n<fieldset>\n          \n            <div class='mb-xs'>\n              <legend class='w-full'>\n                <div class='utility-3 uppercase text-t-foreground flex justify-between w-full items-center mb-3'>\n                  <div>\n                    <span>\n                      Size\n                    </span>\n\n                    \n                  </div>\n                  \n\n                      \n\n  \n\n  \n\n\n  \n\n  \n\n  \n\n  \n\n\n<dialog-toggle modal-id='size-guide-modal' class='!ml-auto flex !text-[12px]'><button class=\"btn !utility-3 !uppercase !underline cursor-pointer focus:ring-2 focus:ring-t-disabled focus:ring-offset-2\" tabindex=\"0\">\n    Size guide\n  </button>\n</dialog-toggle>\n<modal-dialog\n    cloak\n    type='drawer'\n    id='size-guide-modal'\n\n    \n      url=''\n    \n\n    \n\n    \n      anchor='right'\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n      drawer-classes='lg:!max-w-[800px]'\n    \n\n    \n\n    \n\n    \n      close-icon-size='18'\n    \n\n    \n\n    \n  ><div class='text-t-foreground pb-lg'>\n  <div class='md:px-xl px-md'><h2 class='md:h3 text-center text-t-foreground pb-3'>Hat Size Guide</h2><h5 class='text-center pb-lg'>(Size XS-XL)</h5></div>\n\n  <div class='overflow-x-auto ml-md md:ml-xl lg:mr-xl mb-2xl md:mb-xl scrollbar-thin scrollbar-track-transparent scrollbar-thumb-p-neutral'>\n    <table class='w-full table-auto border-collapse border border-t-brand-dull-gold max-md:mr-md max-lg:mr-xl'>\n      <thead>\n        <tr class='caption'>\n          \n<th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n              Size \n            </th><th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n               Age \n            </th><th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n               Circumference \n            </th><th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n               Crown to Base of Ear\n            </th></tr>\n      </thead>\n\n      <tbody class='utility-3'>\n        \n\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                XS \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 0-3m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 13.5\"-16.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 5\"-6\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                S \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 3-9m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 16.5\"-17.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 6\"-6.5\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                M \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 9-24m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 17.5\"-18.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 6.5\"-6.75\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                L \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18m-2T \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18.5\"-19.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 7\"-7.5\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                XL \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 3T-4T \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 19.5\"-21\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 7\"-7.5\"\n              </td></tr></tbody>\n    </table>\n  </div></div>\n\n\n  </modal-dialog>\n\n                    \n                  \n                </div>\n              </legend>\n            </div>\n          \n\n          <div class='grid grid-cols-5 gap-x-2xs gap-y-2xs'>\n            \n<!-- ##entry##core-pill-input-handler##endentry## -->\n\n    <link\n      rel='preload'\n      href='/products/barringer-boy-bonnet?variant=800159825&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-1'\n    value='XS (0-4m)'\n    form='product-form-template--18694365085795__main'\n    \n    \n    data-option-value-id=\"480238501987\"\n    data-variant-id=\"800159825\"\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    XS (0-4m)</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-0'>\n    {\"id\":800159825,\"title\":\"XS (0-4m)\",\"option1\":\"XS (0-4m)\",\"option2\":null,\"option3\":null,\"sku\":\"02BGB1470XS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":33501788438627,\"product_id\":262238965,\"position\":1,\"created_at\":\"2025-03-03T10:39:56-05:00\",\"updated_at\":\"2025-11-03T14:25:23-05:00\",\"alt\":null,\"width\":1000,\"height\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"variant_ids\":[800159825,800159829,800159833]},\"available\":true,\"name\":\"Barringer Bonnet - Buckhead Blue with Worth Avenue White - XS (0-4m)\",\"public_title\":\"XS (0-4m)\",\"options\":[\"XS (0-4m)\"],\"price\":5200,\"weight\":0,\"compare_at_price\":5200,\"inventory_quantity\":67,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971001032\",\"featured_media\":{\"alt\":null,\"id\":25360653844579,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":1000,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\"}},\"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/barringer-boy-bonnet?variant=800159829&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-1'\n    value='S (4-9m)'\n    form='product-form-template--18694365085795__main'\n    \n    \n    data-option-value-id=\"480238534755\"\n    data-variant-id=\"800159829\"\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    S (4-9m)</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-1'>\n    {\"id\":800159829,\"title\":\"S (4-9m)\",\"option1\":\"S (4-9m)\",\"option2\":null,\"option3\":null,\"sku\":\"02BGB1470S\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":33501788438627,\"product_id\":262238965,\"position\":1,\"created_at\":\"2025-03-03T10:39:56-05:00\",\"updated_at\":\"2025-11-03T14:25:23-05:00\",\"alt\":null,\"width\":1000,\"height\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"variant_ids\":[800159825,800159829,800159833]},\"available\":true,\"name\":\"Barringer Bonnet - Buckhead Blue with Worth Avenue White - S (4-9m)\",\"public_title\":\"S (4-9m)\",\"options\":[\"S (4-9m)\"],\"price\":5200,\"weight\":0,\"compare_at_price\":5200,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"continue\",\"barcode\":\"050971001025\",\"featured_media\":{\"alt\":null,\"id\":25360653844579,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":1000,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\"}},\"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/barringer-boy-bonnet?variant=800159833&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-1'\n    value='M (9-18m)'\n    form='product-form-template--18694365085795__main'\n    \n      checked\n    \n    \n    data-option-value-id=\"480238567523\"\n    data-variant-id=\"800159833\"\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    M (9-18m)</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-2'>\n    {\"id\":800159833,\"title\":\"M (9-18m)\",\"option1\":\"M (9-18m)\",\"option2\":null,\"option3\":null,\"sku\":\"02BGB1470M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":33501788438627,\"product_id\":262238965,\"position\":1,\"created_at\":\"2025-03-03T10:39:56-05:00\",\"updated_at\":\"2025-11-03T14:25:23-05:00\",\"alt\":null,\"width\":1000,\"height\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"variant_ids\":[800159825,800159829,800159833]},\"available\":true,\"name\":\"Barringer Bonnet - Buckhead Blue with Worth Avenue White - M (9-18m)\",\"public_title\":\"M (9-18m)\",\"options\":[\"M (9-18m)\"],\"price\":5200,\"weight\":0,\"compare_at_price\":5200,\"inventory_quantity\":18,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971001018\",\"featured_media\":{\"alt\":null,\"id\":25360653844579,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":1000,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\"}},\"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\":800159833,\"title\":\"M (9-18m)\",\"option1\":\"M (9-18m)\",\"option2\":null,\"option3\":null,\"sku\":\"02BGB1470M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":33501788438627,\"product_id\":262238965,\"position\":1,\"created_at\":\"2025-03-03T10:39:56-05:00\",\"updated_at\":\"2025-11-03T14:25:23-05:00\",\"alt\":null,\"width\":1000,\"height\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"variant_ids\":[800159825,800159829,800159833]},\"available\":true,\"name\":\"Barringer Bonnet - Buckhead Blue with Worth Avenue White - M (9-18m)\",\"public_title\":\"M (9-18m)\",\"options\":[\"M (9-18m)\"],\"price\":5200,\"weight\":0,\"compare_at_price\":5200,\"inventory_quantity\":18,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971001018\",\"featured_media\":{\"alt\":null,\"id\":25360653844579,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":1000,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\"}},\"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-[24vw] xl:min-w-[400px]'\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  text-t-foreground\">\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=\"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;label&quot;:&quot;Brim&quot;,&quot;name&quot;:&quot;Brim&quot;}' data-label=\"Brim\" variant=\"secondary\">Brim</button>\n                \n                  <button class=\"btn [&:not([variant='primary'])]:border-t-brand-secondary\" location-item location-item-custom data-value='{&quot;label&quot;:&quot;Back&quot;,&quot;name&quot;:&quot;Back&quot;}' data-label=\"Back\" variant=\"secondary\">Back</button>\n                \n                  <button class=\"btn [&:not([variant='primary'])]:border-t-brand-secondary\" location-item location-item-custom data-value='{&quot;label&quot;:&quot;Left Side&quot;,&quot;name&quot;:&quot;Left Side&quot;}' data-label=\"Left Side\" variant=\"secondary\">Left Side</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='800159833'\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='800159833'\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 Barringer Bonnet - Buckhead Blue with Worth Avenue White</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 Barringer Bonnet - Buckhead Blue with Worth Avenue White'\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 Barringer Bonnet - Buckhead Blue with Worth Avenue White</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='800159833'\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='262238965'\n              variant-id='800159833'\n              product-handle='barringer-boy-bonnet'\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;:800159825,&quot;requiresShipping&quot;:true},{&quot;id&quot;:800159829,&quot;requiresShipping&quot;:true},{&quot;id&quot;:800159833,&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=\"262238965\" /><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        Barringer Bonnet | Buckhead Blue with Worth Avenue White... Size M (9-18m)\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\": \"Barringer Bonnet - Buckhead Blue with Worth Avenue White\", \"URL\":\"https://www.thebeaufortbonnetcompany.com/products/barringer-boy-bonnet\" } } );\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/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923&amp;width=90\" alt=\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\" height=\"1000.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:41.699% 16.309%;\"></div>\n    \n\n    <div class='text-t-foreground flex-1'>\n      <div class='flex gap-xs items-center justify-between gap-x-xs'>\n        <h4 class='h5'>\n          Barringer Bonnet - Buckhead Blue with Worth Avenue White\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            $52\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                $52\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          $52\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='262238965'\n          variant-id='800159833'\n          product-handle='barringer-boy-bonnet'\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            <div style=\"text-align: center;\"></div>\n<div style=\"text-align: left;\">All babies need a baby bonnet.  There isn't a more classic and traditional way to shade those sweet cheeks.  The style of the Barringer Bonnet is very versatile; he can wear it to a special event or sport it at the pool.</div>\n<div style=\"text-align: left;\"></div>\n<div style=\"text-align: left;\"></div>\n<div style=\"text-align: left;\"><br></div>\n<div style=\"text-align: left;\"><br></div>\n<a style=\"width: 40px; height: 20px; display: none; position: absolute; z-index: 8675309; cursor: pointer; opacity: 0.85; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD/Rn+7AAADU0lEQVR42s2WXUhTYRjHz0VEVPRFUGmtVEaFUZFhHxBhsotCU5JwBWEf1EWEEVHQx4UfFWYkFa2biPJiXbUta33OXFtuUXMzJ4bK3Nqay7m5NeZq6h/tPQ+xU20zugjOxR/+7/O8539+5znnwMtNTExwJtMb3L/fiLv3botCSmUjeCaejTOb39AiFothfHxcFIrHY8RksZjBsckJcOIRMfFsHD/SsbExUYpnI8DR0dGUGjSb0byhEJp5Uqg5CTSzc2CQleJbMEj9/ywBcGRkJEk9DQqouEVQT1sK444yWI9UonmTjGqauVLEIlHa9x8lAMbj8SSpp0rwKGMVvg8P46vbg0C7na8z8JsMcgHe7jlEa+edRhiLy8n/TUMfu6EvLElk+U0WtGwrTrdfAGQf5J8iiK4LVzDU28t8JtMSocf8E+l68myaNFXm/6rXslLK7ay5TOunuRvZWpJuvwAYjUaTpOIWoquuAZ219RTaxKYp9BbjycoN5FvL9qH9TBX5rvoGdJythvXYSTxdtRnWylO/ZdqrLsGwszzhWQ593z2KlAwCYCQSSZJ6ehZ0W7bD9VBLgN0NCqr3qR7R2rBrL3pu3Sb/7nDlz2uy6cG0OXk0GTbZXzNp8trsPAQdTj6frlWzN2DcXZGKQQAMh8NJ6rpyHe+PnkCr/CAFdZyvpfpjuvkifLF9wIt1Wwlo0OHie1RvWrKa93RjzfzliTzPKz3ltB0/Tevmwp14wGUgHAzSOoUEwFAolFaaBSuhnslPRkJexUJtZ6v5HtUeLswl33n1BgEY5fvhs9sJ3FAiT+QYyyvoAQJuD0KBAFRTJNAuz5/s3gJgMBhMJwrVFRThM5tY5zUF/A4X1f2fvQTRLCuBreoim0YmAbqNJryvPEXeeq46kaNdkQ/1HCncbJKPs9ZSv2VHGfWsZ2hfkhKAfr8/pdxWKx4wwD69PmVfNSOL+lr2w+gYqHpWDtXt1xQ8AMlWU0e1lqLd/APRHoP8AJqWrQG9gYxcPMsvSJUvAA4MDKTUJ7MZLaVy8v+qT21tcDx/OemePr0RTkNrur4A6PP5xCgBsL+/X4wiQDpuuVxOeL1eMYmYeDY6sOp0z+B0OuHxeEQhxkJMFosJiSO/UinOI/8Pc+l7KKArAT8AAAAASUVORK5CYII='); background-color: transparent;\" href=\"//www.pinterest.com/pin/create/extension/\"></a><a style=\"height: 20px; width: 40px; position: absolute; opacity: 0.85; z-index: 8675309; display: none; cursor: pointer; background-color: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD/Rn+7AAADU0lEQVR42s2WXUhTYRjHz0VEVPRFUGmtVEaFUZFhHxBhsotCU5JwBWEf1EWEEVHQx4UfFWYkFa2biPJiXbUta33OXFtuUXMzJ4bK3Nqay7m5NeZq6h/tPQ+xU20zugjOxR/+7/O8539+5znnwMtNTExwJtMb3L/fiLv3botCSmUjeCaejTOb39AiFothfHxcFIrHY8RksZjBsckJcOIRMfFsHD/SsbExUYpnI8DR0dGUGjSb0byhEJp5Uqg5CTSzc2CQleJbMEj9/ywBcGRkJEk9DQqouEVQT1sK444yWI9UonmTjGqauVLEIlHa9x8lAMbj8SSpp0rwKGMVvg8P46vbg0C7na8z8JsMcgHe7jlEa+edRhiLy8n/TUMfu6EvLElk+U0WtGwrTrdfAGQf5J8iiK4LVzDU28t8JtMSocf8E+l68myaNFXm/6rXslLK7ay5TOunuRvZWpJuvwAYjUaTpOIWoquuAZ219RTaxKYp9BbjycoN5FvL9qH9TBX5rvoGdJythvXYSTxdtRnWylO/ZdqrLsGwszzhWQ593z2KlAwCYCQSSZJ6ehZ0W7bD9VBLgN0NCqr3qR7R2rBrL3pu3Sb/7nDlz2uy6cG0OXk0GTbZXzNp8trsPAQdTj6frlWzN2DcXZGKQQAMh8NJ6rpyHe+PnkCr/CAFdZyvpfpjuvkifLF9wIt1Wwlo0OHie1RvWrKa93RjzfzliTzPKz3ltB0/Tevmwp14wGUgHAzSOoUEwFAolFaaBSuhnslPRkJexUJtZ6v5HtUeLswl33n1BgEY5fvhs9sJ3FAiT+QYyyvoAQJuD0KBAFRTJNAuz5/s3gJgMBhMJwrVFRThM5tY5zUF/A4X1f2fvQTRLCuBreoim0YmAbqNJryvPEXeeq46kaNdkQ/1HCncbJKPs9ZSv2VHGfWsZ2hfkhKAfr8/pdxWKx4wwD69PmVfNSOL+lr2w+gYqHpWDtXt1xQ8AMlWU0e1lqLd/APRHoP8AJqWrQG9gYxcPMsvSJUvAA4MDKTUJ7MZLaVy8v+qT21tcDx/OemePr0RTkNrur4A6PP5xCgBsL+/X4wiQDpuuVxOeL1eMYmYeDY6sOp0z+B0OuHxeEQhxkJMFosJiSO/UinOI/8Pc+l7KKArAT8AAAAASUVORK5CYII=');\" href=\"//www.pinterest.com/pin/create/extension/\"></a><a style=\"height: 20px; width: 40px; position: absolute; opacity: 0.85; z-index: 8675309; display: none; cursor: pointer; background-color: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD/Rn+7AAADU0lEQVR42s2WXUhTYRjHz0VEVPRFUGmtVEaFUZFhHxBhsotCU5JwBWEf1EWEEVHQx4UfFWYkFa2biPJiXbUta33OXFtuUXMzJ4bK3Nqay7m5NeZq6h/tPQ+xU20zugjOxR/+7/O8539+5znnwMtNTExwJtMb3L/fiLv3botCSmUjeCaejTOb39AiFothfHxcFIrHY8RksZjBsckJcOIRMfFsHD/SsbExUYpnI8DR0dGUGjSb0byhEJp5Uqg5CTSzc2CQleJbMEj9/ywBcGRkJEk9DQqouEVQT1sK444yWI9UonmTjGqauVLEIlHa9x8lAMbj8SSpp0rwKGMVvg8P46vbg0C7na8z8JsMcgHe7jlEa+edRhiLy8n/TUMfu6EvLElk+U0WtGwrTrdfAGQf5J8iiK4LVzDU28t8JtMSocf8E+l68myaNFXm/6rXslLK7ay5TOunuRvZWpJuvwAYjUaTpOIWoquuAZ219RTaxKYp9BbjycoN5FvL9qH9TBX5rvoGdJythvXYSTxdtRnWylO/ZdqrLsGwszzhWQ593z2KlAwCYCQSSZJ6ehZ0W7bD9VBLgN0NCqr3qR7R2rBrL3pu3Sb/7nDlz2uy6cG0OXk0GTbZXzNp8trsPAQdTj6frlWzN2DcXZGKQQAMh8NJ6rpyHe+PnkCr/CAFdZyvpfpjuvkifLF9wIt1Wwlo0OHie1RvWrKa93RjzfzliTzPKz3ltB0/Tevmwp14wGUgHAzSOoUEwFAolFaaBSuhnslPRkJexUJtZ6v5HtUeLswl33n1BgEY5fvhs9sJ3FAiT+QYyyvoAQJuD0KBAFRTJNAuz5/s3gJgMBhMJwrVFRThM5tY5zUF/A4X1f2fvQTRLCuBreoim0YmAbqNJryvPEXeeq46kaNdkQ/1HCncbJKPs9ZSv2VHGfWsZ2hfkhKAfr8/pdxWKx4wwD69PmVfNSOL+lr2w+gYqHpWDtXt1xQ8AMlWU0e1lqLd/APRHoP8AJqWrQG9gYxcPMsvSJUvAA4MDKTUJ7MZLaVy8v+qT21tcDx/OemePr0RTkNrur4A6PP5xCgBsL+/X4wiQDpuuVxOeL1eMYmYeDY6sOp0z+B0OuHxeEQhxkJMFosJiSO/UinOI/8Pc+l7KKArAT8AAAAASUVORK5CYII='); top: 380px; left: 225px;\" href=\"//www.pinterest.com/pin/create/extension/\"></a><a style=\"height: 20px; width: 40px; position: absolute; opacity: 0.85; z-index: 8675309; display: none; cursor: pointer; background-color: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD/Rn+7AAADU0lEQVR42s2WXUhTYRjHz0VEVPRFUGmtVEaFUZFhHxBhsotCU5JwBWEf1EWEEVHQx4UfFWYkFa2biPJiXbUta33OXFtuUXMzJ4bK3Nqay7m5NeZq6h/tPQ+xU20zugjOxR/+7/O8539+5znnwMtNTExwJtMb3L/fiLv3botCSmUjeCaejTOb39AiFothfHxcFIrHY8RksZjBsckJcOIRMfFsHD/SsbExUYpnI8DR0dGUGjSb0byhEJp5Uqg5CTSzc2CQleJbMEj9/ywBcGRkJEk9DQqouEVQT1sK444yWI9UonmTjGqauVLEIlHa9x8lAMbj8SSpp0rwKGMVvg8P46vbg0C7na8z8JsMcgHe7jlEa+edRhiLy8n/TUMfu6EvLElk+U0WtGwrTrdfAGQf5J8iiK4LVzDU28t8JtMSocf8E+l68myaNFXm/6rXslLK7ay5TOunuRvZWpJuvwAYjUaTpOIWoquuAZ219RTaxKYp9BbjycoN5FvL9qH9TBX5rvoGdJythvXYSTxdtRnWylO/ZdqrLsGwszzhWQ593z2KlAwCYCQSSZJ6ehZ0W7bD9VBLgN0NCqr3qR7R2rBrL3pu3Sb/7nDlz2uy6cG0OXk0GTbZXzNp8trsPAQdTj6frlWzN2DcXZGKQQAMh8NJ6rpyHe+PnkCr/CAFdZyvpfpjuvkifLF9wIt1Wwlo0OHie1RvWrKa93RjzfzliTzPKz3ltB0/Tevmwp14wGUgHAzSOoUEwFAolFaaBSuhnslPRkJexUJtZ6v5HtUeLswl33n1BgEY5fvhs9sJ3FAiT+QYyyvoAQJuD0KBAFRTJNAuz5/s3gJgMBhMJwrVFRThM5tY5zUF/A4X1f2fvQTRLCuBreoim0YmAbqNJryvPEXeeq46kaNdkQ/1HCncbJKPs9ZSv2VHGfWsZ2hfkhKAfr8/pdxWKx4wwD69PmVfNSOL+lr2w+gYqHpWDtXt1xQ8AMlWU0e1lqLd/APRHoP8AJqWrQG9gYxcPMsvSJUvAA4MDKTUJ7MZLaVy8v+qT21tcDx/OemePr0RTkNrur4A6PP5xCgBsL+/X4wiQDpuuVxOeL1eMYmYeDY6sOp0z+B0OuHxeEQhxkJMFosJiSO/UinOI/8Pc+l7KKArAT8AAAAASUVORK5CYII=');\" href=\"//www.pinterest.com/pin/create/extension/\"></a>\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>Piping along brim and edge of crown</li><li>Buttons along the crown</li><li>Interfacing throughout the bonnet</li><li>Adjustable tie at chin</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% Polyester, 45% Cotton Woven Broadcloth</li><li>Spot clean or dry clean only</li><li>Sir Proper&#39;s Warning: Never (ever) fold a bonnet brim in half. Folding the brim in half will cause a permanent crease. </li></ul><p></p></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/barringer-boy-bonnet'\n  data-original-text='Share this product'\n  data-copied-text='Copied to clipboard!'\n  data-product-title='Barringer Bonnet - Buckhead Blue with Worth Avenue White'\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\":262238965,\"title\":\"Barringer Bonnet - Buckhead Blue with Worth Avenue White\",\"handle\":\"barringer-boy-bonnet\",\"description\":\"\\u003cdiv style=\\\"text-align: center;\\\"\\u003e\\u003c\\/div\\u003e\\n\\u003cdiv style=\\\"text-align: left;\\\"\\u003eAll babies need a baby bonnet.  There isn't a more classic and traditional way to shade those sweet cheeks.  The style of the Barringer Bonnet is very versatile; he can wear it to a special event or sport it at the pool.\\u003c\\/div\\u003e\\n\\u003cdiv style=\\\"text-align: left;\\\"\\u003e\\u003c\\/div\\u003e\\n\\u003cdiv style=\\\"text-align: left;\\\"\\u003e\\u003c\\/div\\u003e\\n\\u003cdiv style=\\\"text-align: left;\\\"\\u003e\\u003cbr\\u003e\\u003c\\/div\\u003e\\n\\u003cdiv style=\\\"text-align: left;\\\"\\u003e\\u003cbr\\u003e\\u003c\\/div\\u003e\\n\\u003ca style=\\\"width: 40px; height: 20px; display: none; position: absolute; z-index: 8675309; cursor: pointer; opacity: 0.85; background-image: url('data:image\\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD\\/Rn+7AAADU0lEQVR42s2WXUhTYRjHz0VEVPRFUGmtVEaFUZFhHxBhsotCU5JwBWEf1EWEEVHQx4UfFWYkFa2biPJiXbUta33OXFtuUXMzJ4bK3Nqay7m5NeZq6h\\/tPQ+xU20zugjOxR\\/+7\\/O8539+5znnwMtNTExwJtMb3L\\/fiLv3botCSmUjeCaejTOb39AiFothfHxcFIrHY8RksZjBsckJcOIRMfFsHD\\/SsbExUYpnI8DR0dGUGjSb0byhEJp5Uqg5CTSzc2CQleJbMEj9\\/ywBcGRkJEk9DQqouEVQT1sK444yWI9UonmTjGqauVLEIlHa9x8lAMbj8SSpp0rwKGMVvg8P46vbg0C7na8z8JsMcgHe7jlEa+edRhiLy8n\\/TUMfu6EvLElk+U0WtGwrTrdfAGQf5J8iiK4LVzDU28t8JtMSocf8E+l68myaNFXm\\/6rXslLK7ay5TOunuRvZWpJuvwAYjUaTpOIWoquuAZ219RTaxKYp9BbjycoN5FvL9qH9TBX5rvoGdJythvXYSTxdtRnWylO\\/ZdqrLsGwszzhWQ593z2KlAwCYCQSSZJ6ehZ0W7bD9VBLgN0NCqr3qR7R2rBrL3pu3Sb\\/7nDlz2uy6cG0OXk0GTbZXzNp8trsPAQdTj6frlWzN2DcXZGKQQAMh8NJ6rpyHe+PnkCr\\/CAFdZyvpfpjuvkifLF9wIt1Wwlo0OHie1RvWrKa93RjzfzliTzPKz3ltB0\\/Tevmwp14wGUgHAzSOoUEwFAolFaaBSuhnslPRkJexUJtZ6v5HtUeLswl33n1BgEY5fvhs9sJ3FAiT+QYyyvoAQJuD0KBAFRTJNAuz5\\/s3gJgMBhMJwrVFRThM5tY5zUF\\/A4X1f2fvQTRLCuBreoim0YmAbqNJryvPEXeeq46kaNdkQ\\/1HCncbJKPs9ZSv2VHGfWsZ2hfkhKAfr8\\/pdxWKx4wwD69PmVfNSOL+lr2w+gYqHpWDtXt1xQ8AMlWU0e1lqLd\\/APRHoP8AJqWrQG9gYxcPMsvSJUvAA4MDKTUJ7MZLaVy8v+qT21tcDx\\/OemePr0RTkNrur4A6PP5xCgBsL+\\/X4wiQDpuuVxOeL1eMYmYeDY6sOp0z+B0OuHxeEQhxkJMFosJiSO\\/UinOI\\/8Pc+l7KKArAT8AAAAASUVORK5CYII='); background-color: transparent;\\\" href=\\\"\\/\\/www.pinterest.com\\/pin\\/create\\/extension\\/\\\"\\u003e\\u003c\\/a\\u003e\\u003ca style=\\\"height: 20px; width: 40px; position: absolute; opacity: 0.85; z-index: 8675309; display: none; cursor: pointer; background-color: transparent; background-image: url('data:image\\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD\\/Rn+7AAADU0lEQVR42s2WXUhTYRjHz0VEVPRFUGmtVEaFUZFhHxBhsotCU5JwBWEf1EWEEVHQx4UfFWYkFa2biPJiXbUta33OXFtuUXMzJ4bK3Nqay7m5NeZq6h\\/tPQ+xU20zugjOxR\\/+7\\/O8539+5znnwMtNTExwJtMb3L\\/fiLv3botCSmUjeCaejTOb39AiFothfHxcFIrHY8RksZjBsckJcOIRMfFsHD\\/SsbExUYpnI8DR0dGUGjSb0byhEJp5Uqg5CTSzc2CQleJbMEj9\\/ywBcGRkJEk9DQqouEVQT1sK444yWI9UonmTjGqauVLEIlHa9x8lAMbj8SSpp0rwKGMVvg8P46vbg0C7na8z8JsMcgHe7jlEa+edRhiLy8n\\/TUMfu6EvLElk+U0WtGwrTrdfAGQf5J8iiK4LVzDU28t8JtMSocf8E+l68myaNFXm\\/6rXslLK7ay5TOunuRvZWpJuvwAYjUaTpOIWoquuAZ219RTaxKYp9BbjycoN5FvL9qH9TBX5rvoGdJythvXYSTxdtRnWylO\\/ZdqrLsGwszzhWQ593z2KlAwCYCQSSZJ6ehZ0W7bD9VBLgN0NCqr3qR7R2rBrL3pu3Sb\\/7nDlz2uy6cG0OXk0GTbZXzNp8trsPAQdTj6frlWzN2DcXZGKQQAMh8NJ6rpyHe+PnkCr\\/CAFdZyvpfpjuvkifLF9wIt1Wwlo0OHie1RvWrKa93RjzfzliTzPKz3ltB0\\/Tevmwp14wGUgHAzSOoUEwFAolFaaBSuhnslPRkJexUJtZ6v5HtUeLswl33n1BgEY5fvhs9sJ3FAiT+QYyyvoAQJuD0KBAFRTJNAuz5\\/s3gJgMBhMJwrVFRThM5tY5zUF\\/A4X1f2fvQTRLCuBreoim0YmAbqNJryvPEXeeq46kaNdkQ\\/1HCncbJKPs9ZSv2VHGfWsZ2hfkhKAfr8\\/pdxWKx4wwD69PmVfNSOL+lr2w+gYqHpWDtXt1xQ8AMlWU0e1lqLd\\/APRHoP8AJqWrQG9gYxcPMsvSJUvAA4MDKTUJ7MZLaVy8v+qT21tcDx\\/OemePr0RTkNrur4A6PP5xCgBsL+\\/X4wiQDpuuVxOeL1eMYmYeDY6sOp0z+B0OuHxeEQhxkJMFosJiSO\\/UinOI\\/8Pc+l7KKArAT8AAAAASUVORK5CYII=');\\\" href=\\\"\\/\\/www.pinterest.com\\/pin\\/create\\/extension\\/\\\"\\u003e\\u003c\\/a\\u003e\\u003ca style=\\\"height: 20px; width: 40px; position: absolute; opacity: 0.85; z-index: 8675309; display: none; cursor: pointer; background-color: transparent; background-image: url('data:image\\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD\\/Rn+7AAADU0lEQVR42s2WXUhTYRjHz0VEVPRFUGmtVEaFUZFhHxBhsotCU5JwBWEf1EWEEVHQx4UfFWYkFa2biPJiXbUta33OXFtuUXMzJ4bK3Nqay7m5NeZq6h\\/tPQ+xU20zugjOxR\\/+7\\/O8539+5znnwMtNTExwJtMb3L\\/fiLv3botCSmUjeCaejTOb39AiFothfHxcFIrHY8RksZjBsckJcOIRMfFsHD\\/SsbExUYpnI8DR0dGUGjSb0byhEJp5Uqg5CTSzc2CQleJbMEj9\\/ywBcGRkJEk9DQqouEVQT1sK444yWI9UonmTjGqauVLEIlHa9x8lAMbj8SSpp0rwKGMVvg8P46vbg0C7na8z8JsMcgHe7jlEa+edRhiLy8n\\/TUMfu6EvLElk+U0WtGwrTrdfAGQf5J8iiK4LVzDU28t8JtMSocf8E+l68myaNFXm\\/6rXslLK7ay5TOunuRvZWpJuvwAYjUaTpOIWoquuAZ219RTaxKYp9BbjycoN5FvL9qH9TBX5rvoGdJythvXYSTxdtRnWylO\\/ZdqrLsGwszzhWQ593z2KlAwCYCQSSZJ6ehZ0W7bD9VBLgN0NCqr3qR7R2rBrL3pu3Sb\\/7nDlz2uy6cG0OXk0GTbZXzNp8trsPAQdTj6frlWzN2DcXZGKQQAMh8NJ6rpyHe+PnkCr\\/CAFdZyvpfpjuvkifLF9wIt1Wwlo0OHie1RvWrKa93RjzfzliTzPKz3ltB0\\/Tevmwp14wGUgHAzSOoUEwFAolFaaBSuhnslPRkJexUJtZ6v5HtUeLswl33n1BgEY5fvhs9sJ3FAiT+QYyyvoAQJuD0KBAFRTJNAuz5\\/s3gJgMBhMJwrVFRThM5tY5zUF\\/A4X1f2fvQTRLCuBreoim0YmAbqNJryvPEXeeq46kaNdkQ\\/1HCncbJKPs9ZSv2VHGfWsZ2hfkhKAfr8\\/pdxWKx4wwD69PmVfNSOL+lr2w+gYqHpWDtXt1xQ8AMlWU0e1lqLd\\/APRHoP8AJqWrQG9gYxcPMsvSJUvAA4MDKTUJ7MZLaVy8v+qT21tcDx\\/OemePr0RTkNrur4A6PP5xCgBsL+\\/X4wiQDpuuVxOeL1eMYmYeDY6sOp0z+B0OuHxeEQhxkJMFosJiSO\\/UinOI\\/8Pc+l7KKArAT8AAAAASUVORK5CYII='); top: 380px; left: 225px;\\\" href=\\\"\\/\\/www.pinterest.com\\/pin\\/create\\/extension\\/\\\"\\u003e\\u003c\\/a\\u003e\\u003ca style=\\\"height: 20px; width: 40px; position: absolute; opacity: 0.85; z-index: 8675309; display: none; cursor: pointer; background-color: transparent; background-image: url('data:image\\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD\\/Rn+7AAADU0lEQVR42s2WXUhTYRjHz0VEVPRFUGmtVEaFUZFhHxBhsotCU5JwBWEf1EWEEVHQx4UfFWYkFa2biPJiXbUta33OXFtuUXMzJ4bK3Nqay7m5NeZq6h\\/tPQ+xU20zugjOxR\\/+7\\/O8539+5znnwMtNTExwJtMb3L\\/fiLv3botCSmUjeCaejTOb39AiFothfHxcFIrHY8RksZjBsckJcOIRMfFsHD\\/SsbExUYpnI8DR0dGUGjSb0byhEJp5Uqg5CTSzc2CQleJbMEj9\\/ywBcGRkJEk9DQqouEVQT1sK444yWI9UonmTjGqauVLEIlHa9x8lAMbj8SSpp0rwKGMVvg8P46vbg0C7na8z8JsMcgHe7jlEa+edRhiLy8n\\/TUMfu6EvLElk+U0WtGwrTrdfAGQf5J8iiK4LVzDU28t8JtMSocf8E+l68myaNFXm\\/6rXslLK7ay5TOunuRvZWpJuvwAYjUaTpOIWoquuAZ219RTaxKYp9BbjycoN5FvL9qH9TBX5rvoGdJythvXYSTxdtRnWylO\\/ZdqrLsGwszzhWQ593z2KlAwCYCQSSZJ6ehZ0W7bD9VBLgN0NCqr3qR7R2rBrL3pu3Sb\\/7nDlz2uy6cG0OXk0GTbZXzNp8trsPAQdTj6frlWzN2DcXZGKQQAMh8NJ6rpyHe+PnkCr\\/CAFdZyvpfpjuvkifLF9wIt1Wwlo0OHie1RvWrKa93RjzfzliTzPKz3ltB0\\/Tevmwp14wGUgHAzSOoUEwFAolFaaBSuhnslPRkJexUJtZ6v5HtUeLswl33n1BgEY5fvhs9sJ3FAiT+QYyyvoAQJuD0KBAFRTJNAuz5\\/s3gJgMBhMJwrVFRThM5tY5zUF\\/A4X1f2fvQTRLCuBreoim0YmAbqNJryvPEXeeq46kaNdkQ\\/1HCncbJKPs9ZSv2VHGfWsZ2hfkhKAfr8\\/pdxWKx4wwD69PmVfNSOL+lr2w+gYqHpWDtXt1xQ8AMlWU0e1lqLd\\/APRHoP8AJqWrQG9gYxcPMsvSJUvAA4MDKTUJ7MZLaVy8v+qT21tcDx\\/OemePr0RTkNrur4A6PP5xCgBsL+\\/X4wiQDpuuVxOeL1eMYmYeDY6sOp0z+B0OuHxeEQhxkJMFosJiSO\\/UinOI\\/8Pc+l7KKArAT8AAAAASUVORK5CYII=');\\\" href=\\\"\\/\\/www.pinterest.com\\/pin\\/create\\/extension\\/\\\"\\u003e\\u003c\\/a\\u003e\",\"published_at\":\"2020-12-01T07:56:06-05:00\",\"created_at\":\"2014-03-10T23:34:24-04:00\",\"vendor\":\"The Beaufort Bonnet Company\",\"type\":\"Bonnets\",\"tags\":[\"1.10\",\"1.12 launch\",\"12.4 launch\",\"3.26 promo\",\"6.14sv\",\"allow-stock-sync\",\"avatax-PC040129\",\"Babies\",\"bbbonnets\",\"bbbonnetshats\",\"beasley60\",\"bluebonnet\",\"bonnnet\",\"Boy's Derby Day\",\"Boys\",\"category-Bonnets \\u0026 Hats\",\"cf-size-m-9-18m\",\"cf-size-s-4-9m\",\"cf-size-xs-0-4m\",\"Club House Color Block\",\"color-Blue\",\"d1p1\",\"easter\",\"Easter 2022\",\"easter colleggation\",\"easter colleggtion\",\"easter eggsentials\",\"easter lilies \\u0026 lads\",\"full price 2.13\",\"gender-Boys\",\"gent refresh\",\"Gifts \\u0026 Accessories\",\"gifts 6.6\",\"gwp-exclude\",\"has-monogram\",\"Hats\",\"insider15\",\"LAUNCH DECEMBER 13\",\"lb 4.8\",\"limit-sku-quantity\",\"maincolor-Blue\",\"meta-monofont-11-12-13-14-16-18-24-26-27-29-31-33-34-35\",\"meta-monoloc-Brim-Back-Left Side\",\"not included PF22\",\"redo\",\"size-chart-bonnets\",\"size-chart-hat\",\"Somebunny Loves You\",\"SP19 Launch 2\",\"SP20 Launch 2\",\"SP21 Delivery 2\",\"SP22 Delivery 1\",\"SP23 Delivery 2\",\"SP24 Delivery 1\",\"sp24 full price\",\"Spring 2018\",\"Spring 2019\",\"Spring 2020\",\"Spring 2021\",\"Spring 2022\",\"Spring 2023\",\"Spring 2024\",\"Sunday Best\",\"test\",\"top-fonts-bishop-elliott-covington\",\"uplifting lilies\",\"wholesale-available\",\"ws-was-available-112320\",\"ws-was-available-191126\",\"wspinkfriday\"],\"price\":5200,\"price_min\":5200,\"price_max\":5200,\"available\":true,\"price_varies\":false,\"compare_at_price\":5200,\"compare_at_price_min\":5200,\"compare_at_price_max\":5200,\"compare_at_price_varies\":false,\"variants\":[{\"id\":800159825,\"title\":\"XS (0-4m)\",\"option1\":\"XS (0-4m)\",\"option2\":null,\"option3\":null,\"sku\":\"02BGB1470XS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":33501788438627,\"product_id\":262238965,\"position\":1,\"created_at\":\"2025-03-03T10:39:56-05:00\",\"updated_at\":\"2025-11-03T14:25:23-05:00\",\"alt\":null,\"width\":1000,\"height\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"variant_ids\":[800159825,800159829,800159833]},\"available\":true,\"name\":\"Barringer Bonnet - Buckhead Blue with Worth Avenue White - XS (0-4m)\",\"public_title\":\"XS (0-4m)\",\"options\":[\"XS (0-4m)\"],\"price\":5200,\"weight\":0,\"compare_at_price\":5200,\"inventory_quantity\":67,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971001032\",\"featured_media\":{\"alt\":null,\"id\":25360653844579,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":1000,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":800159829,\"title\":\"S (4-9m)\",\"option1\":\"S (4-9m)\",\"option2\":null,\"option3\":null,\"sku\":\"02BGB1470S\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":33501788438627,\"product_id\":262238965,\"position\":1,\"created_at\":\"2025-03-03T10:39:56-05:00\",\"updated_at\":\"2025-11-03T14:25:23-05:00\",\"alt\":null,\"width\":1000,\"height\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"variant_ids\":[800159825,800159829,800159833]},\"available\":true,\"name\":\"Barringer Bonnet - Buckhead Blue with Worth Avenue White - S (4-9m)\",\"public_title\":\"S (4-9m)\",\"options\":[\"S (4-9m)\"],\"price\":5200,\"weight\":0,\"compare_at_price\":5200,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"continue\",\"barcode\":\"050971001025\",\"featured_media\":{\"alt\":null,\"id\":25360653844579,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":1000,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":800159833,\"title\":\"M (9-18m)\",\"option1\":\"M (9-18m)\",\"option2\":null,\"option3\":null,\"sku\":\"02BGB1470M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":33501788438627,\"product_id\":262238965,\"position\":1,\"created_at\":\"2025-03-03T10:39:56-05:00\",\"updated_at\":\"2025-11-03T14:25:23-05:00\",\"alt\":null,\"width\":1000,\"height\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"variant_ids\":[800159825,800159829,800159833]},\"available\":true,\"name\":\"Barringer Bonnet - Buckhead Blue with Worth Avenue White - M (9-18m)\",\"public_title\":\"M (9-18m)\",\"options\":[\"M (9-18m)\"],\"price\":5200,\"weight\":0,\"compare_at_price\":5200,\"inventory_quantity\":18,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971001018\",\"featured_media\":{\"alt\":null,\"id\":25360653844579,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":1000,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}],\"images\":[\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/products\\/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/products\\/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/products\\/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/products\\/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843\"],\"featured_image\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"options\":[\"Size\"],\"media\":[{\"alt\":null,\"id\":25360653844579,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":1000,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\"},\"aspect_ratio\":1.0,\"height\":1000,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"width\":1000},{\"alt\":\"gdf\",\"id\":24005848629347,\"position\":2,\"preview_image\":{\"aspect_ratio\":0.667,\"height\":3000,\"width\":2000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847\"},\"aspect_ratio\":0.667,\"height\":3000,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/DSC_6585_286e188d-f143-465c-8de3-a7b69bbc4796.jpg?v=1716405847\",\"width\":2000},{\"alt\":null,\"id\":5175476323,\"position\":3,\"preview_image\":{\"aspect_ratio\":1.503,\"height\":599,\"width\":900,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/products\\/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843\"},\"aspect_ratio\":1.503,\"height\":599,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/products\\/barringer-boy-bonnet_05_54e5f429-43af-4f87-83ab-df39f7cbe31b.jpeg?v=1716405843\",\"width\":900},{\"alt\":null,\"id\":5175541859,\"position\":4,\"preview_image\":{\"aspect_ratio\":1.503,\"height\":599,\"width\":900,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/products\\/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843\"},\"aspect_ratio\":1.503,\"height\":599,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/products\\/barringer-boy-bonnet_06_defb521a-96a4-47b2-8999-9bb7cd3d3dd4.jpeg?v=1716405843\",\"width\":900},{\"alt\":null,\"id\":21037494009955,\"position\":5,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":2740,\"width\":2740,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/products\\/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843\"},\"aspect_ratio\":1.0,\"height\":2740,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/products\\/12.8barringerbonnetbuckheadbluewworthavewhite.jpg?v=1716405843\",\"width\":2740},{\"alt\":\"(model-text: Monogram: Navy, Keller)\",\"id\":21509448925283,\"position\":6,\"preview_image\":{\"aspect_ratio\":0.563,\"height\":2573,\"width\":1448,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/products\\/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843\"},\"aspect_ratio\":0.563,\"height\":2573,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/products\\/BarringerBonnet-BuckheadBluewithWorthAvenueWhite.jpg?v=1716405843\",\"width\":1448}],\"requires_selling_plan\":false,\"selling_plan_groups\":[],\"content\":\"\\u003cdiv style=\\\"text-align: center;\\\"\\u003e\\u003c\\/div\\u003e\\n\\u003cdiv style=\\\"text-align: left;\\\"\\u003eAll babies need a baby bonnet.  There isn't a more classic and traditional way to shade those sweet cheeks.  The style of the Barringer Bonnet is very versatile; he can wear it to a special event or sport it at the pool.\\u003c\\/div\\u003e\\n\\u003cdiv style=\\\"text-align: left;\\\"\\u003e\\u003c\\/div\\u003e\\n\\u003cdiv style=\\\"text-align: left;\\\"\\u003e\\u003c\\/div\\u003e\\n\\u003cdiv style=\\\"text-align: left;\\\"\\u003e\\u003cbr\\u003e\\u003c\\/div\\u003e\\n\\u003cdiv style=\\\"text-align: left;\\\"\\u003e\\u003cbr\\u003e\\u003c\\/div\\u003e\\n\\u003ca style=\\\"width: 40px; height: 20px; display: none; position: absolute; z-index: 8675309; cursor: pointer; opacity: 0.85; background-image: url('data:image\\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD\\/Rn+7AAADU0lEQVR42s2WXUhTYRjHz0VEVPRFUGmtVEaFUZFhHxBhsotCU5JwBWEf1EWEEVHQx4UfFWYkFa2biPJiXbUta33OXFtuUXMzJ4bK3Nqay7m5NeZq6h\\/tPQ+xU20zugjOxR\\/+7\\/O8539+5znnwMtNTExwJtMb3L\\/fiLv3botCSmUjeCaejTOb39AiFothfHxcFIrHY8RksZjBsckJcOIRMfFsHD\\/SsbExUYpnI8DR0dGUGjSb0byhEJp5Uqg5CTSzc2CQleJbMEj9\\/ywBcGRkJEk9DQqouEVQT1sK444yWI9UonmTjGqauVLEIlHa9x8lAMbj8SSpp0rwKGMVvg8P46vbg0C7na8z8JsMcgHe7jlEa+edRhiLy8n\\/TUMfu6EvLElk+U0WtGwrTrdfAGQf5J8iiK4LVzDU28t8JtMSocf8E+l68myaNFXm\\/6rXslLK7ay5TOunuRvZWpJuvwAYjUaTpOIWoquuAZ219RTaxKYp9BbjycoN5FvL9qH9TBX5rvoGdJythvXYSTxdtRnWylO\\/ZdqrLsGwszzhWQ593z2KlAwCYCQSSZJ6ehZ0W7bD9VBLgN0NCqr3qR7R2rBrL3pu3Sb\\/7nDlz2uy6cG0OXk0GTbZXzNp8trsPAQdTj6frlWzN2DcXZGKQQAMh8NJ6rpyHe+PnkCr\\/CAFdZyvpfpjuvkifLF9wIt1Wwlo0OHie1RvWrKa93RjzfzliTzPKz3ltB0\\/Tevmwp14wGUgHAzSOoUEwFAolFaaBSuhnslPRkJexUJtZ6v5HtUeLswl33n1BgEY5fvhs9sJ3FAiT+QYyyvoAQJuD0KBAFRTJNAuz5\\/s3gJgMBhMJwrVFRThM5tY5zUF\\/A4X1f2fvQTRLCuBreoim0YmAbqNJryvPEXeeq46kaNdkQ\\/1HCncbJKPs9ZSv2VHGfWsZ2hfkhKAfr8\\/pdxWKx4wwD69PmVfNSOL+lr2w+gYqHpWDtXt1xQ8AMlWU0e1lqLd\\/APRHoP8AJqWrQG9gYxcPMsvSJUvAA4MDKTUJ7MZLaVy8v+qT21tcDx\\/OemePr0RTkNrur4A6PP5xCgBsL+\\/X4wiQDpuuVxOeL1eMYmYeDY6sOp0z+B0OuHxeEQhxkJMFosJiSO\\/UinOI\\/8Pc+l7KKArAT8AAAAASUVORK5CYII='); background-color: transparent;\\\" href=\\\"\\/\\/www.pinterest.com\\/pin\\/create\\/extension\\/\\\"\\u003e\\u003c\\/a\\u003e\\u003ca style=\\\"height: 20px; width: 40px; position: absolute; opacity: 0.85; z-index: 8675309; display: none; cursor: pointer; background-color: transparent; background-image: url('data:image\\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD\\/Rn+7AAADU0lEQVR42s2WXUhTYRjHz0VEVPRFUGmtVEaFUZFhHxBhsotCU5JwBWEf1EWEEVHQx4UfFWYkFa2biPJiXbUta33OXFtuUXMzJ4bK3Nqay7m5NeZq6h\\/tPQ+xU20zugjOxR\\/+7\\/O8539+5znnwMtNTExwJtMb3L\\/fiLv3botCSmUjeCaejTOb39AiFothfHxcFIrHY8RksZjBsckJcOIRMfFsHD\\/SsbExUYpnI8DR0dGUGjSb0byhEJp5Uqg5CTSzc2CQleJbMEj9\\/ywBcGRkJEk9DQqouEVQT1sK444yWI9UonmTjGqauVLEIlHa9x8lAMbj8SSpp0rwKGMVvg8P46vbg0C7na8z8JsMcgHe7jlEa+edRhiLy8n\\/TUMfu6EvLElk+U0WtGwrTrdfAGQf5J8iiK4LVzDU28t8JtMSocf8E+l68myaNFXm\\/6rXslLK7ay5TOunuRvZWpJuvwAYjUaTpOIWoquuAZ219RTaxKYp9BbjycoN5FvL9qH9TBX5rvoGdJythvXYSTxdtRnWylO\\/ZdqrLsGwszzhWQ593z2KlAwCYCQSSZJ6ehZ0W7bD9VBLgN0NCqr3qR7R2rBrL3pu3Sb\\/7nDlz2uy6cG0OXk0GTbZXzNp8trsPAQdTj6frlWzN2DcXZGKQQAMh8NJ6rpyHe+PnkCr\\/CAFdZyvpfpjuvkifLF9wIt1Wwlo0OHie1RvWrKa93RjzfzliTzPKz3ltB0\\/Tevmwp14wGUgHAzSOoUEwFAolFaaBSuhnslPRkJexUJtZ6v5HtUeLswl33n1BgEY5fvhs9sJ3FAiT+QYyyvoAQJuD0KBAFRTJNAuz5\\/s3gJgMBhMJwrVFRThM5tY5zUF\\/A4X1f2fvQTRLCuBreoim0YmAbqNJryvPEXeeq46kaNdkQ\\/1HCncbJKPs9ZSv2VHGfWsZ2hfkhKAfr8\\/pdxWKx4wwD69PmVfNSOL+lr2w+gYqHpWDtXt1xQ8AMlWU0e1lqLd\\/APRHoP8AJqWrQG9gYxcPMsvSJUvAA4MDKTUJ7MZLaVy8v+qT21tcDx\\/OemePr0RTkNrur4A6PP5xCgBsL+\\/X4wiQDpuuVxOeL1eMYmYeDY6sOp0z+B0OuHxeEQhxkJMFosJiSO\\/UinOI\\/8Pc+l7KKArAT8AAAAASUVORK5CYII=');\\\" href=\\\"\\/\\/www.pinterest.com\\/pin\\/create\\/extension\\/\\\"\\u003e\\u003c\\/a\\u003e\\u003ca style=\\\"height: 20px; width: 40px; position: absolute; opacity: 0.85; z-index: 8675309; display: none; cursor: pointer; background-color: transparent; background-image: url('data:image\\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD\\/Rn+7AAADU0lEQVR42s2WXUhTYRjHz0VEVPRFUGmtVEaFUZFhHxBhsotCU5JwBWEf1EWEEVHQx4UfFWYkFa2biPJiXbUta33OXFtuUXMzJ4bK3Nqay7m5NeZq6h\\/tPQ+xU20zugjOxR\\/+7\\/O8539+5znnwMtNTExwJtMb3L\\/fiLv3botCSmUjeCaejTOb39AiFothfHxcFIrHY8RksZjBsckJcOIRMfFsHD\\/SsbExUYpnI8DR0dGUGjSb0byhEJp5Uqg5CTSzc2CQleJbMEj9\\/ywBcGRkJEk9DQqouEVQT1sK444yWI9UonmTjGqauVLEIlHa9x8lAMbj8SSpp0rwKGMVvg8P46vbg0C7na8z8JsMcgHe7jlEa+edRhiLy8n\\/TUMfu6EvLElk+U0WtGwrTrdfAGQf5J8iiK4LVzDU28t8JtMSocf8E+l68myaNFXm\\/6rXslLK7ay5TOunuRvZWpJuvwAYjUaTpOIWoquuAZ219RTaxKYp9BbjycoN5FvL9qH9TBX5rvoGdJythvXYSTxdtRnWylO\\/ZdqrLsGwszzhWQ593z2KlAwCYCQSSZJ6ehZ0W7bD9VBLgN0NCqr3qR7R2rBrL3pu3Sb\\/7nDlz2uy6cG0OXk0GTbZXzNp8trsPAQdTj6frlWzN2DcXZGKQQAMh8NJ6rpyHe+PnkCr\\/CAFdZyvpfpjuvkifLF9wIt1Wwlo0OHie1RvWrKa93RjzfzliTzPKz3ltB0\\/Tevmwp14wGUgHAzSOoUEwFAolFaaBSuhnslPRkJexUJtZ6v5HtUeLswl33n1BgEY5fvhs9sJ3FAiT+QYyyvoAQJuD0KBAFRTJNAuz5\\/s3gJgMBhMJwrVFRThM5tY5zUF\\/A4X1f2fvQTRLCuBreoim0YmAbqNJryvPEXeeq46kaNdkQ\\/1HCncbJKPs9ZSv2VHGfWsZ2hfkhKAfr8\\/pdxWKx4wwD69PmVfNSOL+lr2w+gYqHpWDtXt1xQ8AMlWU0e1lqLd\\/APRHoP8AJqWrQG9gYxcPMsvSJUvAA4MDKTUJ7MZLaVy8v+qT21tcDx\\/OemePr0RTkNrur4A6PP5xCgBsL+\\/X4wiQDpuuVxOeL1eMYmYeDY6sOp0z+B0OuHxeEQhxkJMFosJiSO\\/UinOI\\/8Pc+l7KKArAT8AAAAASUVORK5CYII='); top: 380px; left: 225px;\\\" href=\\\"\\/\\/www.pinterest.com\\/pin\\/create\\/extension\\/\\\"\\u003e\\u003c\\/a\\u003e\\u003ca style=\\\"height: 20px; width: 40px; position: absolute; opacity: 0.85; z-index: 8675309; display: none; cursor: pointer; background-color: transparent; background-image: url('data:image\\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD\\/Rn+7AAADU0lEQVR42s2WXUhTYRjHz0VEVPRFUGmtVEaFUZFhHxBhsotCU5JwBWEf1EWEEVHQx4UfFWYkFa2biPJiXbUta33OXFtuUXMzJ4bK3Nqay7m5NeZq6h\\/tPQ+xU20zugjOxR\\/+7\\/O8539+5znnwMtNTExwJtMb3L\\/fiLv3botCSmUjeCaejTOb39AiFothfHxcFIrHY8RksZjBsckJcOIRMfFsHD\\/SsbExUYpnI8DR0dGUGjSb0byhEJp5Uqg5CTSzc2CQleJbMEj9\\/ywBcGRkJEk9DQqouEVQT1sK444yWI9UonmTjGqauVLEIlHa9x8lAMbj8SSpp0rwKGMVvg8P46vbg0C7na8z8JsMcgHe7jlEa+edRhiLy8n\\/TUMfu6EvLElk+U0WtGwrTrdfAGQf5J8iiK4LVzDU28t8JtMSocf8E+l68myaNFXm\\/6rXslLK7ay5TOunuRvZWpJuvwAYjUaTpOIWoquuAZ219RTaxKYp9BbjycoN5FvL9qH9TBX5rvoGdJythvXYSTxdtRnWylO\\/ZdqrLsGwszzhWQ593z2KlAwCYCQSSZJ6ehZ0W7bD9VBLgN0NCqr3qR7R2rBrL3pu3Sb\\/7nDlz2uy6cG0OXk0GTbZXzNp8trsPAQdTj6frlWzN2DcXZGKQQAMh8NJ6rpyHe+PnkCr\\/CAFdZyvpfpjuvkifLF9wIt1Wwlo0OHie1RvWrKa93RjzfzliTzPKz3ltB0\\/Tevmwp14wGUgHAzSOoUEwFAolFaaBSuhnslPRkJexUJtZ6v5HtUeLswl33n1BgEY5fvhs9sJ3FAiT+QYyyvoAQJuD0KBAFRTJNAuz5\\/s3gJgMBhMJwrVFRThM5tY5zUF\\/A4X1f2fvQTRLCuBreoim0YmAbqNJryvPEXeeq46kaNdkQ\\/1HCncbJKPs9ZSv2VHGfWsZ2hfkhKAfr8\\/pdxWKx4wwD69PmVfNSOL+lr2w+gYqHpWDtXt1xQ8AMlWU0e1lqLd\\/APRHoP8AJqWrQG9gYxcPMsvSJUvAA4MDKTUJ7MZLaVy8v+qT21tcDx\\/OemePr0RTkNrur4A6PP5xCgBsL+\\/X4wiQDpuuVxOeL1eMYmYeDY6sOp0z+B0OuHxeEQhxkJMFosJiSO\\/UinOI\\/8Pc+l7KKArAT8AAAAASUVORK5CYII=');\\\" href=\\\"\\/\\/www.pinterest.com\\/pin\\/create\\/extension\\/\\\"\\u003e\\u003c\\/a\\u003e\"};\n        window.swymRegistryProductInfo.variants = window.swymRegistryProductInfo.product.variants;\n        var swymRegistryProductImageUrl = \"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\";\n        \n\n          swymRegistryProductVariants[800159825] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:800159825,\n            dt: \"Barringer Bonnet - Buckhead Blue with Worth Avenue White\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/barringer-boy-bonnet\",\n            iu:  {\"id\":800159825,\"title\":\"XS (0-4m)\",\"option1\":\"XS (0-4m)\",\"option2\":null,\"option3\":null,\"sku\":\"02BGB1470XS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":33501788438627,\"product_id\":262238965,\"position\":1,\"created_at\":\"2025-03-03T10:39:56-05:00\",\"updated_at\":\"2025-11-03T14:25:23-05:00\",\"alt\":null,\"width\":1000,\"height\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"variant_ids\":[800159825,800159829,800159833]},\"available\":true,\"name\":\"Barringer Bonnet - Buckhead Blue with Worth Avenue White - XS (0-4m)\",\"public_title\":\"XS (0-4m)\",\"options\":[\"XS (0-4m)\"],\"price\":5200,\"weight\":0,\"compare_at_price\":5200,\"inventory_quantity\":67,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971001032\",\"featured_media\":{\"alt\":null,\"id\":25360653844579,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":1000,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 67,\n            pr: 5200/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 5200/100, \n            variants: [{ \"XS (0-4m)\" : 800159825}]\n          };\n          swymRegistryProductVariants[800159829] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:800159829,\n            dt: \"Barringer Bonnet - Buckhead Blue with Worth Avenue White\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/barringer-boy-bonnet\",\n            iu:  {\"id\":800159829,\"title\":\"S (4-9m)\",\"option1\":\"S (4-9m)\",\"option2\":null,\"option3\":null,\"sku\":\"02BGB1470S\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":33501788438627,\"product_id\":262238965,\"position\":1,\"created_at\":\"2025-03-03T10:39:56-05:00\",\"updated_at\":\"2025-11-03T14:25:23-05:00\",\"alt\":null,\"width\":1000,\"height\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"variant_ids\":[800159825,800159829,800159833]},\"available\":true,\"name\":\"Barringer Bonnet - Buckhead Blue with Worth Avenue White - S (4-9m)\",\"public_title\":\"S (4-9m)\",\"options\":[\"S (4-9m)\"],\"price\":5200,\"weight\":0,\"compare_at_price\":5200,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"continue\",\"barcode\":\"050971001025\",\"featured_media\":{\"alt\":null,\"id\":25360653844579,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":1000,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 116,\n            pr: 5200/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 5200/100, \n            variants: [{ \"S (4-9m)\" : 800159829}]\n          };\n          swymRegistryProductVariants[800159833] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:800159833,\n            dt: \"Barringer Bonnet - Buckhead Blue with Worth Avenue White\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/barringer-boy-bonnet\",\n            iu:  {\"id\":800159833,\"title\":\"M (9-18m)\",\"option1\":\"M (9-18m)\",\"option2\":null,\"option3\":null,\"sku\":\"02BGB1470M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":33501788438627,\"product_id\":262238965,\"position\":1,\"created_at\":\"2025-03-03T10:39:56-05:00\",\"updated_at\":\"2025-11-03T14:25:23-05:00\",\"alt\":null,\"width\":1000,\"height\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"variant_ids\":[800159825,800159829,800159833]},\"available\":true,\"name\":\"Barringer Bonnet - Buckhead Blue with Worth Avenue White - M (9-18m)\",\"public_title\":\"M (9-18m)\",\"options\":[\"M (9-18m)\"],\"price\":5200,\"weight\":0,\"compare_at_price\":5200,\"inventory_quantity\":18,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971001018\",\"featured_media\":{\"alt\":null,\"id\":25360653844579,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":1000,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 18,\n            pr: 5200/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 5200/100, \n            variants: [{ \"M (9-18m)\" : 800159833}]\n          };window.swymRegistryProductInfo.currentVariant = 800159833;\n        window.swymRegistryProductData = {\n          et: 1, empi: window.swymRegistryProductInfo.product.id, epi: window.swymRegistryProductInfo.currentVariant,\n          dt: \"Barringer Bonnet - Buckhead Blue with Worth Avenue White\", du: \"https://www.thebeaufortbonnetcompany.com/products/barringer-boy-bonnet\",\n          ct: window.swymRegistryProductInfo.product.type, pr: 5200/100,\n          iu:  {\"id\":800159833,\"title\":\"M (9-18m)\",\"option1\":\"M (9-18m)\",\"option2\":null,\"option3\":null,\"sku\":\"02BGB1470M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":33501788438627,\"product_id\":262238965,\"position\":1,\"created_at\":\"2025-03-03T10:39:56-05:00\",\"updated_at\":\"2025-11-03T14:25:23-05:00\",\"alt\":null,\"width\":1000,\"height\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\",\"variant_ids\":[800159825,800159829,800159833]},\"available\":true,\"name\":\"Barringer Bonnet - Buckhead Blue with Worth Avenue White - M (9-18m)\",\"public_title\":\"M (9-18m)\",\"options\":[\"M (9-18m)\"],\"price\":5200,\"weight\":0,\"compare_at_price\":5200,\"inventory_quantity\":18,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971001018\",\"featured_media\":{\"alt\":null,\"id\":25360653844579,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":1000,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Barringer-Bonnet---Buckhead-Blue-w-Worth-Ave-White_beige_e69107a4-a457-4fdd-8d78-0f292e00ecd5.jpg?v=1762197923\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} , variants: [{ \"M (9-18m)\" : 800159833 }],\n          stk:18  ,op:5200/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</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>"}