{"template--18757957156963__main":"<section id=\"shopify-section-template--18757957156963__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='beaufort-bucket-hat-gibson-island-green-gingham'></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/beaufort-bucket-hat-gibson-island-green-gingham'\n  section-id='template--18757957156963__main'\n  id='template--18757957156963__main'\n  \n    update-okendo\n  \n>\n\n<div\n  id='MediaGallery-template--18757957156963__main'\n  role='region'\n  sub-section-id='MediaGallery-template--18757957156963__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--18757957156963__main-zoom-gallery'\n\n    \n      url=''\n    \n\n    \n      size='modal-max'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n      without-title='true'\n    \n\n    \n\n    \n      header-classes='text-t-foreground !border-b-0'\n    \n\n    \n      close-classes='top-[27px] right-5 absolute'\n    \n\n    \n\n    \n\n    \n      container-classes='text-t-foreground !grid-rows-[var(--dmn-dialog-header-height,0)_minmax(0,_1fr)_auto] lg:!grid-rows-[var(--dmn-dialog-header-height,_40px)_minmax(0,_1fr)_auto] '\n    \n\n    \n      close-icon-size='18'\n    \n\n    \n\n    \n\n    close-label='Close'\n  >\n    <div class=\"grid gap-x-xs grid-cols-1 md:grid-cols-[80px,minmax(0,_1fr)] lg:grid-cols-[120px,minmax(0,_1fr)] size-full overflow-hidden\">\n      \n        <div class=\"p-xs md:block hidden overflow-y-auto\">\n          <swiper-container\n            class='block'\n            direction='vertical'\n            slides-per-view='auto'\n            space-between='10'\n            mousewheel='true'\n            id='MediaGallery-template--18757957156963__main-thumbs-swiper-zoom'\n            controller-control='#MediaGallery-template--18757957156963__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/TBBC4.20.2026-44.jpg?v=1776914310&amp;width=90\" alt=\"Beaufort Bucket Hat - Gibson Island Green Gingham\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC4.20.2026-44.jpg?v=1776914310&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC4.20.2026-44.jpg?v=1776914310&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC4.20.2026-44.jpg?v=1776914310&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC4.20.2026-44.jpg?v=1776914310&amp;width=90 90w\" height=\"3872.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n          </swiper-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--18757957156963__main-thumbs-swiper-zoom'\n            auto-scroll-offset='true'\n            navigation='true'\n            slides-per-view='1'\n            id='MediaGallery-template--18757957156963__main-main-swiper-zoom'\n            pagination='{\"el\": \".swiper-counter-zoom-template--18757957156963__main\",\"type\": \"fraction\"}'\n            navigation-next-el='#shopify-section-template--18757957156963__main .swiper-button-next'\n            navigation-prev-el='#shopify-section-template--18757957156963__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/TBBC4.20.2026-44.jpg?v=1776914310&amp;width=600\" alt=\"Beaufort Bucket Hat - Gibson Island Green Gingham\" height=\"3872.0\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\" style=\"object-position:44.629% 45.801%;\"></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--18757957156963__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    </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--18757957156963__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--18757957156963__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--18757957156963__main-main-swiper'\n          pagination='{\"el\": \".swiper-counter-template--18757957156963__main\",\"type\": \"fraction\"}'\n          \n            scrollbar='{ \"el\": \".swiper-scrollbar-template--18757957156963__main\"}'\n          \n          navigation-next-el='#shopify-section-template--18757957156963__main .swiper-button-next'\n          navigation-prev-el='#shopify-section-template--18757957156963__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/TBBC4.20.2026-44.jpg?v=1776914310&amp;width=800\" alt=\"Beaufort Bucket Hat - Gibson Island Green Gingham\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC4.20.2026-44.jpg?v=1776914310&amp;width=800 800w\" height=\"3872.0\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:44.629% 45.801%;\">\n<dialog-toggle modal-id='MediaGallery-template--18757957156963__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--18757957156963__main h-0.5 bg-t-border-primary md:hidden '\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/TBBC4.20.2026-44.jpg?v=1776914310&amp;width=600\" alt=\"Beaufort Bucket Hat - Gibson Island Green Gingham\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC4.20.2026-44.jpg?v=1776914310&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC4.20.2026-44.jpg?v=1776914310&amp;width=600 600w\" height=\"3872.0\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:44.629% 45.801%;\"></div>\n        \n      </div>\n    </div>\n  </div>\n</div>\n\n\n\n\n<section\n  id='ProductInfo-template--18757957156963__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='Beaufort Bucket Hat'\n  data-product-url='/products/beaufort-bucket-hat-gibson-island-green-gingham'\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/beaufort-bucket-hat-gibson-island-green-gingham' aria-current='page'>Beaufort Bucket Hat</a>\n    </li>\n  </ol>\n</nav>\n\n<script src='//www.thebeaufortbonnetcompany.com/cdn/shop/t/343/assets/breadcrumb-session.js?v=157159141911467853401779210291' defer></script>\n<div id=\"shopify-block-AdFBnY3ZKampoZnF6d__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-7974084870243\"\n    >\n        <div data-oke-reviews-version=\"0.94.0\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 5.0 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"18\" viewBox=\"0 0 79.22222222222221 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"16.155555555555555\" href=\"#oke-star-empty\"></use><use x=\"32.31111111111111\" href=\"#oke-star-empty\"></use><use x=\"48.46666666666667\" href=\"#oke-star-empty\"></use><use x=\"64.62222222222222\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 100%;\"><svg height=\"18\" viewBox=\"0 0 79.22222222222221 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"16.155555555555555\" href=\"#oke-star-filled\"></use><use x=\"32.31111111111111\" href=\"#oke-star-filled\"></use><use x=\"48.46666666666667\" href=\"#oke-star-filled\"></use><use x=\"64.62222222222222\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 5.0 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">1</span><span class=\"oke-sr-label-text\"> Review</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"5.0\",\"reviewCount\":1} </script></div>\n    </div>\n\n\n\n</div><div sub-section-id='title'>\n          <div >\n            \n\n            \n\n            <h1 class='md:pr-md text-t-foreground h2 leading-[1.1]'>\n              Beaufort Bucket Hat\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--18757957156963__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            $48\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                $48\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          $48\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--18757957156963__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='44039531298915'>\n                <shopify-payment-terms variant-id=\"44039531298915\" 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;:44039531200611,&quot;price_per_term&quot;:&quot;$24.00&quot;,&quot;full_price&quot;:&quot;$48.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44039531233379,&quot;price_per_term&quot;:&quot;$24.00&quot;,&quot;full_price&quot;:&quot;$48.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44039531266147,&quot;price_per_term&quot;:&quot;$24.00&quot;,&quot;full_price&quot;:&quot;$48.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44039531298915,&quot;price_per_term&quot;:&quot;$24.00&quot;,&quot;full_price&quot;:&quot;$48.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44039531331683,&quot;price_per_term&quot;:&quot;$24.00&quot;,&quot;full_price&quot;:&quot;$48.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2}],&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;financing_plans&quot;:[{&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$49.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:2}]},{&quot;min_price&quot;:&quot;$50.00&quot;,&quot;max_price&quot;:&quot;$149.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4}]},{&quot;min_price&quot;:&quot;$150.00&quot;,&quot;max_price&quot;:&quot;$999.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]},{&quot;min_price&quot;:&quot;$1,000.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;terms&quot;:[{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]}],&quot;installments_buyer_prequalification_enabled&quot;:false,&quot;seller_id&quot;:1669185}\"></shopify-payment-terms>\n<input type=\"hidden\" name=\"product-id\" value=\"7974084870243\" /><input type=\"hidden\" name=\"section-id\" value=\"template--18757957156963__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      Gibson Island Green Gingham\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='262238901'\n                      data-href='/products/worth-avenue-white-beaufort-bucket'\n                      data-swatch='Worth Avenue White'\n                      data-variants='[{&quot;id&quot;:608005537,&quot;title&quot;:&quot;XS (0-3m)&quot;,&quot;option1&quot;:&quot;XS (0-3m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1067-1384-XS&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501297737827,&quot;product_id&quot;:262238901,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T09:02:36-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:25:17-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\\/BeaufortBucket-WorthAveWhite_beige_8aaaae91-f0cf-4f28-b103-092d45b6b52b.jpg?v=1762197917&quot;,&quot;variant_ids&quot;:[608005537,608005541,608005545,608005549,608005553]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket - Worth Avenue White - XS (0-3m)&quot;,&quot;public_title&quot;:&quot;XS (0-3m)&quot;,&quot;options&quot;:[&quot;XS (0-3m)&quot;],&quot;price&quot;:4400,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4400,&quot;inventory_quantity&quot;:31,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971003838&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360334618723,&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\\/BeaufortBucket-WorthAveWhite_beige_8aaaae91-f0cf-4f28-b103-092d45b6b52b.jpg?v=1762197917&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;:608005541,&quot;title&quot;:&quot;S (3-9m)&quot;,&quot;option1&quot;:&quot;S (3-9m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1067-1384-S&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501297737827,&quot;product_id&quot;:262238901,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T09:02:36-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:25:17-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\\/BeaufortBucket-WorthAveWhite_beige_8aaaae91-f0cf-4f28-b103-092d45b6b52b.jpg?v=1762197917&quot;,&quot;variant_ids&quot;:[608005537,608005541,608005545,608005549,608005553]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket - Worth Avenue White - S (3-9m)&quot;,&quot;public_title&quot;:&quot;S (3-9m)&quot;,&quot;options&quot;:[&quot;S (3-9m)&quot;],&quot;price&quot;:4400,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4400,&quot;inventory_quantity&quot;:82,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971003814&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360334618723,&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\\/BeaufortBucket-WorthAveWhite_beige_8aaaae91-f0cf-4f28-b103-092d45b6b52b.jpg?v=1762197917&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;:608005545,&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;1067-1384-M&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501297737827,&quot;product_id&quot;:262238901,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T09:02:36-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:25:17-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\\/BeaufortBucket-WorthAveWhite_beige_8aaaae91-f0cf-4f28-b103-092d45b6b52b.jpg?v=1762197917&quot;,&quot;variant_ids&quot;:[608005537,608005541,608005545,608005549,608005553]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket - 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;:4400,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4400,&quot;inventory_quantity&quot;:63,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971003807&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360334618723,&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\\/BeaufortBucket-WorthAveWhite_beige_8aaaae91-f0cf-4f28-b103-092d45b6b52b.jpg?v=1762197917&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;:608005549,&quot;title&quot;:&quot;L (18m-2T)&quot;,&quot;option1&quot;:&quot;L (18m-2T)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1067-1384-L&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501297737827,&quot;product_id&quot;:262238901,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T09:02:36-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:25:17-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\\/BeaufortBucket-WorthAveWhite_beige_8aaaae91-f0cf-4f28-b103-092d45b6b52b.jpg?v=1762197917&quot;,&quot;variant_ids&quot;:[608005537,608005541,608005545,608005549,608005553]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket - Worth Avenue White - L (18m-2T)&quot;,&quot;public_title&quot;:&quot;L (18m-2T)&quot;,&quot;options&quot;:[&quot;L (18m-2T)&quot;],&quot;price&quot;:4400,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4400,&quot;inventory_quantity&quot;:29,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971003791&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360334618723,&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\\/BeaufortBucket-WorthAveWhite_beige_8aaaae91-f0cf-4f28-b103-092d45b6b52b.jpg?v=1762197917&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;:608005553,&quot;title&quot;:&quot;XL (3T-4T)&quot;,&quot;option1&quot;:&quot;XL (3T-4T)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1067-1384-XL&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501297737827,&quot;product_id&quot;:262238901,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T09:02:36-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:25:17-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\\/BeaufortBucket-WorthAveWhite_beige_8aaaae91-f0cf-4f28-b103-092d45b6b52b.jpg?v=1762197917&quot;,&quot;variant_ids&quot;:[608005537,608005541,608005545,608005549,608005553]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket - Worth Avenue White - XL (3T-4T)&quot;,&quot;public_title&quot;:&quot;XL (3T-4T)&quot;,&quot;options&quot;:[&quot;XL (3T-4T)&quot;],&quot;price&quot;:4400,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4400,&quot;inventory_quantity&quot;:37,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971003821&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360334618723,&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\\/BeaufortBucket-WorthAveWhite_beige_8aaaae91-f0cf-4f28-b103-092d45b6b52b.jpg?v=1762197917&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/BeaufortBucket-WorthAveWhite_beige_8aaaae91-f0cf-4f28-b103-092d45b6b52b.jpg?v=1762197917&width=500'\n                      \n                      \n                        data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/products/DSC_8998_e56b4833-274f-48e7-a688-1d0cf4d4ce31.jpg?v=1766419605&width=500'\n                      \n                      \n                      aria-label='Worth Avenue White'\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/50f1bc43b7fb--WORTH-AVENUE-WHITE-2.jpg?v=1738685750'); background-size:cover;\"\n                      ></span>\n                    </button>\n                  \n                  \n\n                  \n                    <button\n                      data-id='262238913'\n                      data-href='/products/breakers-blue-seersucker-beaufort-bucket'\n                      data-swatch='Breakers Blue Seersucker'\n                      data-variants='[{&quot;id&quot;:608005597,&quot;title&quot;:&quot;XS (0-3m)&quot;,&quot;option1&quot;:&quot;XS (0-3m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1068-1042-XS&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501786767459,&quot;product_id&quot;:262238913,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T10:39:38-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:25:18-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\\/BeaufortBucket-BreakersBlueSeersucker_beige_22ce3ba7-5f90-4a88-aa8d-1672b871590a.jpg?v=1762197918&quot;,&quot;variant_ids&quot;:[608005597,608005601,608005605,608005609,608005613]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket - Breakers Blue Seersucker - XS (0-3m)&quot;,&quot;public_title&quot;:&quot;XS (0-3m)&quot;,&quot;options&quot;:[&quot;XS (0-3m)&quot;],&quot;price&quot;:4400,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4400,&quot;inventory_quantity&quot;:100,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971003937&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360652992611,&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\\/BeaufortBucket-BreakersBlueSeersucker_beige_22ce3ba7-5f90-4a88-aa8d-1672b871590a.jpg?v=1762197918&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;:608005601,&quot;title&quot;:&quot;S (3-9m)&quot;,&quot;option1&quot;:&quot;S (3-9m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1068-1042-S&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501786767459,&quot;product_id&quot;:262238913,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T10:39:38-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:25:18-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\\/BeaufortBucket-BreakersBlueSeersucker_beige_22ce3ba7-5f90-4a88-aa8d-1672b871590a.jpg?v=1762197918&quot;,&quot;variant_ids&quot;:[608005597,608005601,608005605,608005609,608005613]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket - Breakers Blue Seersucker - S (3-9m)&quot;,&quot;public_title&quot;:&quot;S (3-9m)&quot;,&quot;options&quot;:[&quot;S (3-9m)&quot;],&quot;price&quot;:4400,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4400,&quot;inventory_quantity&quot;:100,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971003913&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360652992611,&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\\/BeaufortBucket-BreakersBlueSeersucker_beige_22ce3ba7-5f90-4a88-aa8d-1672b871590a.jpg?v=1762197918&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;:608005605,&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;1068-1042-M&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501786767459,&quot;product_id&quot;:262238913,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T10:39:38-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:25:18-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\\/BeaufortBucket-BreakersBlueSeersucker_beige_22ce3ba7-5f90-4a88-aa8d-1672b871590a.jpg?v=1762197918&quot;,&quot;variant_ids&quot;:[608005597,608005601,608005605,608005609,608005613]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket - 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;:4400,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4400,&quot;inventory_quantity&quot;:100,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971003906&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360652992611,&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\\/BeaufortBucket-BreakersBlueSeersucker_beige_22ce3ba7-5f90-4a88-aa8d-1672b871590a.jpg?v=1762197918&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;:608005609,&quot;title&quot;:&quot;L (18m-2T)&quot;,&quot;option1&quot;:&quot;L (18m-2T)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1068-1042-L&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501786767459,&quot;product_id&quot;:262238913,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T10:39:38-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:25:18-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\\/BeaufortBucket-BreakersBlueSeersucker_beige_22ce3ba7-5f90-4a88-aa8d-1672b871590a.jpg?v=1762197918&quot;,&quot;variant_ids&quot;:[608005597,608005601,608005605,608005609,608005613]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket - Breakers Blue Seersucker - L (18m-2T)&quot;,&quot;public_title&quot;:&quot;L (18m-2T)&quot;,&quot;options&quot;:[&quot;L (18m-2T)&quot;],&quot;price&quot;:4400,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4400,&quot;inventory_quantity&quot;:68,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971003890&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360652992611,&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\\/BeaufortBucket-BreakersBlueSeersucker_beige_22ce3ba7-5f90-4a88-aa8d-1672b871590a.jpg?v=1762197918&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;:608005613,&quot;title&quot;:&quot;XL (3T-4T)&quot;,&quot;option1&quot;:&quot;XL (3T-4T)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;1068-1042-XL&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33501786767459,&quot;product_id&quot;:262238913,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T10:39:38-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:25:18-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\\/BeaufortBucket-BreakersBlueSeersucker_beige_22ce3ba7-5f90-4a88-aa8d-1672b871590a.jpg?v=1762197918&quot;,&quot;variant_ids&quot;:[608005597,608005601,608005605,608005609,608005613]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket - Breakers Blue Seersucker - XL (3T-4T)&quot;,&quot;public_title&quot;:&quot;XL (3T-4T)&quot;,&quot;options&quot;:[&quot;XL (3T-4T)&quot;],&quot;price&quot;:4400,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4400,&quot;inventory_quantity&quot;:69,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971003920&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360652992611,&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\\/BeaufortBucket-BreakersBlueSeersucker_beige_22ce3ba7-5f90-4a88-aa8d-1672b871590a.jpg?v=1762197918&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/BeaufortBucket-BreakersBlueSeersucker_beige_22ce3ba7-5f90-4a88-aa8d-1672b871590a.jpg?v=1762197918&width=500'\n                      \n                      \n                        data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/products/2657_large_8b8e46ab-5817-46fa-ae56-3955b1b287a5.jpg?v=1766419787&width=500'\n                      \n                      \n                      aria-label='Breakers Blue Seersucker'\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/cc22fa9048c5--breakers-blue-seersucker-swatch-for-web-1.jpg?v=1738685750'); background-size:cover;\"\n                      ></span>\n                    </button>\n                  \n                  \n\n                  \n                    <button\n                      data-id='7974084870243'\n                      data-href='/products/beaufort-bucket-hat-gibson-island-green-gingham'\n                      data-swatch='Gibson Island Green Gingham'\n                      data-variants='[{&quot;id&quot;:44039531200611,&quot;title&quot;:&quot;XS (0-3m)&quot;,&quot;option1&quot;:&quot;XS (0-3m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;5752-5675-CXS&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35699482656867,&quot;product_id&quot;:7974084870243,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-04-22T23:18:28-04:00&quot;,&quot;updated_at&quot;:&quot;2026-04-22T23:18:30-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\\/TBBC4.20.2026-44.jpg?v=1776914310&quot;,&quot;variant_ids&quot;:[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket Hat - Gibson Island Green Gingham - XS (0-3m)&quot;,&quot;public_title&quot;:&quot;XS (0-3m)&quot;,&quot;options&quot;:[&quot;XS (0-3m)&quot;],&quot;price&quot;:4800,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4800,&quot;inventory_quantity&quot;:60,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971655396&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:27226716012643,&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\\/TBBC4.20.2026-44.jpg?v=1776914310&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;:44039531233379,&quot;title&quot;:&quot;S (3-9m)&quot;,&quot;option1&quot;:&quot;S (3-9m)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;5752-5675-CS&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35699482656867,&quot;product_id&quot;:7974084870243,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-04-22T23:18:28-04:00&quot;,&quot;updated_at&quot;:&quot;2026-04-22T23:18:30-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\\/TBBC4.20.2026-44.jpg?v=1776914310&quot;,&quot;variant_ids&quot;:[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket Hat - Gibson Island Green Gingham - S (3-9m)&quot;,&quot;public_title&quot;:&quot;S (3-9m)&quot;,&quot;options&quot;:[&quot;S (3-9m)&quot;],&quot;price&quot;:4800,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4800,&quot;inventory_quantity&quot;:100,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971655372&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:27226716012643,&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\\/TBBC4.20.2026-44.jpg?v=1776914310&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;:44039531266147,&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;5752-5675-CM&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35699482656867,&quot;product_id&quot;:7974084870243,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-04-22T23:18:28-04:00&quot;,&quot;updated_at&quot;:&quot;2026-04-22T23:18:30-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\\/TBBC4.20.2026-44.jpg?v=1776914310&quot;,&quot;variant_ids&quot;:[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket Hat - Gibson Island Green Gingham - M (9-18m)&quot;,&quot;public_title&quot;:&quot;M (9-18m)&quot;,&quot;options&quot;:[&quot;M (9-18m)&quot;],&quot;price&quot;:4800,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4800,&quot;inventory_quantity&quot;:100,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971655365&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:27226716012643,&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\\/TBBC4.20.2026-44.jpg?v=1776914310&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;:44039531298915,&quot;title&quot;:&quot;L (18m-2T)&quot;,&quot;option1&quot;:&quot;L (18m-2T)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;5752-5675-CL&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35699482656867,&quot;product_id&quot;:7974084870243,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-04-22T23:18:28-04:00&quot;,&quot;updated_at&quot;:&quot;2026-04-22T23:18:30-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\\/TBBC4.20.2026-44.jpg?v=1776914310&quot;,&quot;variant_ids&quot;:[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket Hat - Gibson Island Green Gingham - L (18m-2T)&quot;,&quot;public_title&quot;:&quot;L (18m-2T)&quot;,&quot;options&quot;:[&quot;L (18m-2T)&quot;],&quot;price&quot;:4800,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4800,&quot;inventory_quantity&quot;:21,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971655358&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:27226716012643,&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\\/TBBC4.20.2026-44.jpg?v=1776914310&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;:44039531331683,&quot;title&quot;:&quot;XL (3T-4T)&quot;,&quot;option1&quot;:&quot;XL (3T-4T)&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;5752-5675-CXL&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35699482656867,&quot;product_id&quot;:7974084870243,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-04-22T23:18:28-04:00&quot;,&quot;updated_at&quot;:&quot;2026-04-22T23:18:30-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\\/TBBC4.20.2026-44.jpg?v=1776914310&quot;,&quot;variant_ids&quot;:[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},&quot;available&quot;:true,&quot;name&quot;:&quot;Beaufort Bucket Hat - Gibson Island Green Gingham - XL (3T-4T)&quot;,&quot;public_title&quot;:&quot;XL (3T-4T)&quot;,&quot;options&quot;:[&quot;XL (3T-4T)&quot;],&quot;price&quot;:4800,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4800,&quot;inventory_quantity&quot;:14,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971655389&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:27226716012643,&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\\/TBBC4.20.2026-44.jpg?v=1776914310&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/TBBC4.20.2026-44.jpg?v=1776914310&width=500'\n                      \n                      \n                      \n                        aria-selected='true'\n                      \n                      aria-label='Gibson Island Green Gingham'\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/gibson-island-green-gingham.jpg?v=1776862189'); 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                  \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/beaufort-bucket-hat-gibson-island-green-gingham?variant=44039531200611&sections=template--18757957156963__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-3m)'\n    form='product-form-template--18757957156963__main'\n    \n    \n    data-option-value-id=\"4499150471267\"\n    data-variant-id=\"44039531200611\"\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-3m)</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-0'>\n    {\"id\":44039531200611,\"title\":\"XS (0-3m)\",\"option1\":\"XS (0-3m)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CXS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - XS (0-3m)\",\"public_title\":\"XS (0-3m)\",\"options\":[\"XS (0-3m)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":60,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655396\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"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/beaufort-bucket-hat-gibson-island-green-gingham?variant=44039531233379&sections=template--18757957156963__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 (3-9m)'\n    form='product-form-template--18757957156963__main'\n    \n    \n    data-option-value-id=\"4499150504035\"\n    data-variant-id=\"44039531233379\"\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 (3-9m)</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-1'>\n    {\"id\":44039531233379,\"title\":\"S (3-9m)\",\"option1\":\"S (3-9m)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - S (3-9m)\",\"public_title\":\"S (3-9m)\",\"options\":[\"S (3-9m)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655372\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"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/beaufort-bucket-hat-gibson-island-green-gingham?variant=44039531266147&sections=template--18757957156963__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--18757957156963__main'\n    \n    \n    data-option-value-id=\"4499150536803\"\n    data-variant-id=\"44039531266147\"\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\":44039531266147,\"title\":\"M (9-18m)\",\"option1\":\"M (9-18m)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CM\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - M (9-18m)\",\"public_title\":\"M (9-18m)\",\"options\":[\"M (9-18m)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655365\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"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/beaufort-bucket-hat-gibson-island-green-gingham?variant=44039531298915&sections=template--18757957156963__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-3'\n    name='Size-1'\n    value='L (18m-2T)'\n    form='product-form-template--18757957156963__main'\n    \n      checked\n    \n    \n    data-option-value-id=\"4499150569571\"\n    data-variant-id=\"44039531298915\"\n    class='absolute w-px h-px -m-px overflow-hidden opacity-0 pointer-events-none peer'\n    style='clip: rect(0, 0, 0, 0);'\n    \n  >\n  <label\n    for='variant_picker-1-3'\n    role='button'\n    tabindex='0'\n    class='block w-full items-center justify-center utility-3 min-h-button-height md:min-h-xl p-xs border border-t-border border-solid \n text-center peer-focus:border-t-foreground-secondary peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out text-t-foreground text-[12px]'\n  >\n    L (18m-2T)</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-3'>\n    {\"id\":44039531298915,\"title\":\"L (18m-2T)\",\"option1\":\"L (18m-2T)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - L (18m-2T)\",\"public_title\":\"L (18m-2T)\",\"options\":[\"L (18m-2T)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":21,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655358\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"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/beaufort-bucket-hat-gibson-island-green-gingham?variant=44039531331683&sections=template--18757957156963__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-4'\n    name='Size-1'\n    value='XL (3T-4T)'\n    form='product-form-template--18757957156963__main'\n    \n    \n    data-option-value-id=\"4499150602339\"\n    data-variant-id=\"44039531331683\"\n    class='absolute w-px h-px -m-px overflow-hidden opacity-0 pointer-events-none peer'\n    style='clip: rect(0, 0, 0, 0);'\n    \n  >\n  <label\n    for='variant_picker-1-4'\n    role='button'\n    tabindex='0'\n    class='block w-full items-center justify-center utility-3 min-h-button-height md:min-h-xl p-xs border border-t-border border-solid \n text-center peer-focus:border-t-foreground-secondary peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out text-t-foreground text-[12px]'\n  >\n    XL (3T-4T)</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-4'>\n    {\"id\":44039531331683,\"title\":\"XL (3T-4T)\",\"option1\":\"XL (3T-4T)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CXL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - XL (3T-4T)\",\"public_title\":\"XL (3T-4T)\",\"options\":[\"XL (3T-4T)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":14,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655389\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"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\":44039531298915,\"title\":\"L (18m-2T)\",\"option1\":\"L (18m-2T)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - L (18m-2T)\",\"public_title\":\"L (18m-2T)\",\"options\":[\"L (18m-2T)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":21,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655358\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"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\n    close-label='Close'\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;Cap&quot;,&quot;name&quot;:&quot;Cap&quot;}' data-label=\"Cap\" variant=\"secondary\">Cap</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\" aria-label=\"Beaufort Block Name\">\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\" alt=\"Beaufort Block Name\">\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\" aria-label=\"Beaufort Block Initials\">\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\" alt=\"Beaufort Block Initials\">\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\" aria-label=\"Betsey\">\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\" alt=\"Betsey\">\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\" aria-label=\"Briggs\">\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\" alt=\"Briggs\">\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\" aria-label=\"Cissy Stitch\">\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\" alt=\"Cissy Stitch\">\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\" aria-label=\"Elliott\">\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\" alt=\"Elliott\">\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\" aria-label=\"Jackson\">\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\" alt=\"Jackson\">\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\" aria-label=\"Jamie\">\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\" alt=\"Jamie\">\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\" aria-label=\"Keller\">\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\" alt=\"Keller\">\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\" aria-label=\"Lainey\">\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\" alt=\"Lainey\">\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\" aria-label=\"Rhodes\">\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\" alt=\"Rhodes\">\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\" aria-label=\"Sewanee Script\">\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\" alt=\"Sewanee Script\">\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                    aria-label=\"Barbados Blue\">\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                    aria-label=\"Beale Street Blue\">\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                    aria-label=\"Buckhead Blue\">\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                    aria-label=\"Grace Bay Green\">\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                    aria-label=\"Hamptons Hot Pink\">\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                    aria-label=\"Kiawah Kelly Green\">\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                    aria-label=\"Lauderdale Lavender\">\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                    aria-label=\"Nantucket Navy\">\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                    aria-label=\"Palm Beach Pink\">\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                    aria-label=\"Palmetto Pearl\">\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                    aria-label=\"Richmond Red\">\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                    aria-label=\"Sandpearl Pink\">\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                    aria-label=\"Sea Island Seafoam\">\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                    aria-label=\"Worth Avenue White\">\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--18757957156963__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--18757957156963__main'\n  >\n    Quantity\n<!-- ##entry##component-variants-in-cart##endentry## -->\n<variants-in-cart\n      variant-id='44039531298915'\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='44039531298915'\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--18757957156963__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Beaufort Bucket Hat - Gibson Island Green Gingham</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 Beaufort Bucket Hat - Gibson Island Green Gingham'\n    id='product-form-template--18757957156963__main-quantity'\n\n    \n      form='product-form-template--18757957156963__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--18757957156963__main-quantity__increment'\n  >\n    <span class='sr-only'>Increase quantity for Beaufort Bucket Hat - Gibson Island Green Gingham</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--18757957156963__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--18757957156963__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='44039531298915'\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='7974084870243'\n              variant-id='44039531298915'\n              product-handle='beaufort-bucket-hat-gibson-island-green-gingham'\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;:44039531200611,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44039531233379,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44039531266147,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44039531298915,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44039531331683,&quot;requiresShipping&quot;:true}]\" shop-id=\"3675301\" > <div class=\"shopify-payment-button__button\" role=\"button\" disabled aria-hidden=\"true\" style=\"background-color: transparent; border: none\"> <div class=\"shopify-payment-button__skeleton\">&nbsp;</div> </div> <div class=\"shopify-payment-button__more-options shopify-payment-button__skeleton\" role=\"button\" disabled aria-hidden=\"true\">&nbsp;</div> </shopify-accelerated-checkout> </div>\n</div>\n\n        \n<!-- ##entry##component-similar-items-trigger##endentry## -->\n<similar-items-trigger\n            data-oos='false'\n            data-id='productpage-nosto-1'\n            class='hidden text-center leading-none'\n          ></similar-items-trigger>\n        \n\n        \n<!-- ##entry##component-afterpay##endentry## -->\n<script src='https://js.afterpay.com/afterpay-1.x.js' async></script>\n          \n            <div data-afterpay-container>\n              <after-pay class='invisible block'>\n                <afterpay-placement\n                  class='m-0 min-h-[34px] md:pt-xs pt-2'\n                  data-locale='en_US'\n                  data-currency='USD'\n                  data-show-lower-limit='false'\n                  data-logo-type='lockup'\n                  data-size='xs'\n                >\n                </afterpay-placement>\n              </after-pay>\n            </div>\n          \n        \n<input type=\"hidden\" name=\"product-id\" value=\"7974084870243\" /><input type=\"hidden\" name=\"section-id\" value=\"template--18757957156963__main\" /></form></product-form>\n\n\n\n\n\n<modal-dialog\n    cloak\n    type='drawer'\n    id='cognito'\n\n    \n      url=''\n    \n\n    \n\n    \n      anchor='right'\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n      drawer-classes='lg:!max-w-[500px]'\n    \n\n    \n\n    \n\n    \n      close-icon-size='18'\n    \n\n    \n\n    \n\n    close-label='Close'\n  >\n  <div class=\"flex flex-col gap-lg pt-sm px-md p-xl lg:px-xl text-t-foreground\">\n    <div class=\"grid grid-cols-1 gap-xs text-center max-w-[323px] mx-auto\">\n      <h3>Track it down</h3>\n      \n      <p class=\"italic font-normal\">\n        Beaufort Bucket Hat | Gibson Island Green Gingham... Size L (18m-2T)\n      </p>\n      <p class=\"body-2\">By completing this form you agree to be contacted by our retailers who have this item in stock.  </p>\n    </div>\n    <div class=\"cognito\">\n      <script src=\"https://services.cognitoforms.com/s/WjYEDKGLTUasqGjhIU_4Ow\" defer onload=\"window.loadCognito()\"></script>\n      <script>\n        window.loadCognito = () => {\n          Cognito.load(\"forms\", { id: \"2\" , entry: { \"Product\": \"Beaufort Bucket Hat - Gibson Island Green Gingham\", \"URL\":\"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-gibson-island-green-gingham\" } } );\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--18757957156963__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/TBBC4.20.2026-44.jpg?v=1776914310&amp;width=90\" alt=\"Beaufort Bucket Hat - Gibson Island Green Gingham\" height=\"3872.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full h-full absolute inset-0 object-contain\" fetchpriority=\"auto\" style=\"object-position:44.629% 45.801%;\"></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          Beaufort Bucket Hat - Gibson Island Green Gingham\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            $48\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                $48\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          $48\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--18757957156963__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='7974084870243'\n          variant-id='44039531298915'\n          product-handle='beaufort-bucket-hat-gibson-island-green-gingham'\n          tabindex='-1'\n        >\n          <button\n            class='btn !min-w-[46px] !p-0 js-wishlist-button '\n            variant='primary'\n            wishlist-trigger\n            aria-label='Wishlist'\n          >\n<svg-icon\n  src='icon-wish'\n  class='min-w-4 text-white js-icon-wish'\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n<svg-icon\n  src='icon-wish-filled'\n  class='min-w-4 text-white js-icon-wish-filled'\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</button>\n        </wish-list></div>\n  </div>\n</sticky-atc>\n\n    \n  \n</div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n<div sub-section-id='early-access-description'>\n          \n        </div><div\n            class='inline-richtext rte  body-2 text-base [&_p]:body-2 [&_p]:!text-base [&_*]:!leading-[1.4] gap-2 grid text-t-brand-primary'\n            \n            sub-section-id='description'\n          >\n            <p>Our Beaufort Bucket Hat in Gibson Island Green Gingham is the most gleeful little swim hat that keeps him shaded, stylish, and looking like the most put-together kid at the pool without even trying! It's an effortlessly charming accessory that shows style and shade go hand in hand! </p>\n          </div>\n\n\n              <div\n                sub-section-id='collapsible_tab_Ed6nAh'\n                class='border-t border-t-brand-dull-gold'\n              >\n                <div\n                  class='accordion'\n                  \n                >\n                  <div\n  id='Details-collapsible_tab_Ed6nAh-template--18757957156963__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--18757957156963__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible_tab_Ed6nAh-template--18757957156963__main'\n      aria-label='Toggle Features accordion'\n      class='sr-only peer'\n      type='checkbox'\n      id='accordion-checkbox-collapsible_tab_Ed6nAh-template--18757957156963__main'\n      name='accordion-input--collapsible_tab_ed6nah-template-18757957156963__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--18757957156963__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--18757957156963__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible_tab_Ed6nAh-template--18757957156963__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 where crown and brim meet</li><li>Chin strap</li><li>Buttons on ends of strapsButtons along crown<br />\n<br />\n</li></ul></div>\n              \n\n      </div>\n    </div>\n  </div>\n</div>\n\n                </div>\n              </div>\n\n\n              <div\n                sub-section-id='collapsible-row-3'\n                class='-mt-6 md:-mt-sm'\n              >\n                <div\n                  class='accordion'\n                  \n                >\n                  <div\n  id='Details-collapsible-row-3-template--18757957156963__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--18757957156963__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-3-template--18757957156963__main'\n      aria-label='Toggle Materials + Care accordion'\n      class='sr-only peer'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-3-template--18757957156963__main'\n      name='accordion-input--collapsible-row-3-template-18757957156963__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--18757957156963__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--18757957156963__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-3-template--18757957156963__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>100% Polyester Microfiber Swim</li><li>Spot clean only. Wipe with a damp cloth.</li></ul></div>\n              \n\n      </div>\n    </div>\n  </div>\n</div>\n\n                </div>\n              </div>\n\n\n              <div\n                sub-section-id='collapsible-row-1'\n                class='-mt-6 md:-mt-sm'\n              >\n                <div\n                  class='accordion'\n                  \n                >\n                  <div\n  id='Details-collapsible-row-1-template--18757957156963__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--18757957156963__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--18757957156963__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--18757957156963__main'\n      name='accordion-input--collapsible-row-1-template-18757957156963__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--18757957156963__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--18757957156963__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--18757957156963__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/beaufort-bucket-hat-gibson-island-green-gingham'\n  data-original-text='Share this product'\n  data-copied-text='Copied to clipboard!'\n  data-product-title='Beaufort Bucket Hat - Gibson Island Green Gingham'\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-ARnNyUVIydjBoc1h1e__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\":7974084870243,\"title\":\"Beaufort Bucket Hat - Gibson Island Green Gingham\",\"handle\":\"beaufort-bucket-hat-gibson-island-green-gingham\",\"description\":\"\\u003cp\\u003eOur Beaufort Bucket Hat in Gibson Island Green Gingham is the most gleeful little swim hat that keeps him shaded, stylish, and looking like the most put-together kid at the pool without even trying! It's an effortlessly charming accessory that shows style and shade go hand in hand! \\u003c\\/p\\u003e\",\"published_at\":\"2026-04-23T07:48:50-04:00\",\"created_at\":\"2026-03-05T15:46:37-05:00\",\"vendor\":\"The Beaufort Bonnet Company\",\"type\":\"Hats\",\"tags\":[\"25swimsale\",\"4.23 launch\",\"4.23 new\",\"beaufort bucket hat bos\",\"boys gingham bucket hat\",\"boys sun hat\",\"boys swim hat\",\"category-Swimwear\",\"gender-Boys\",\"gibson island green bucket hat\",\"gibson island gren hat\",\"maincolor-Green\",\"NO-TREET\",\"print- Gibson Island Green Gingham\",\"sp26 Delivery 5\",\"Spring 2026\"],\"price\":4800,\"price_min\":4800,\"price_max\":4800,\"available\":true,\"price_varies\":false,\"compare_at_price\":4800,\"compare_at_price_min\":4800,\"compare_at_price_max\":4800,\"compare_at_price_varies\":false,\"variants\":[{\"id\":44039531200611,\"title\":\"XS (0-3m)\",\"option1\":\"XS (0-3m)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CXS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - XS (0-3m)\",\"public_title\":\"XS (0-3m)\",\"options\":[\"XS (0-3m)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":60,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655396\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44039531233379,\"title\":\"S (3-9m)\",\"option1\":\"S (3-9m)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - S (3-9m)\",\"public_title\":\"S (3-9m)\",\"options\":[\"S (3-9m)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655372\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44039531266147,\"title\":\"M (9-18m)\",\"option1\":\"M (9-18m)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CM\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - M (9-18m)\",\"public_title\":\"M (9-18m)\",\"options\":[\"M (9-18m)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655365\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44039531298915,\"title\":\"L (18m-2T)\",\"option1\":\"L (18m-2T)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - L (18m-2T)\",\"public_title\":\"L (18m-2T)\",\"options\":[\"L (18m-2T)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":21,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655358\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44039531331683,\"title\":\"XL (3T-4T)\",\"option1\":\"XL (3T-4T)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CXL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - XL (3T-4T)\",\"public_title\":\"XL (3T-4T)\",\"options\":[\"XL (3T-4T)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":14,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655389\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}],\"images\":[\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"],\"featured_image\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"options\":[\"Size\"],\"media\":[{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"},\"aspect_ratio\":1.0,\"height\":3872,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"width\":3872}],\"requires_selling_plan\":false,\"selling_plan_groups\":[],\"content\":\"\\u003cp\\u003eOur Beaufort Bucket Hat in Gibson Island Green Gingham is the most gleeful little swim hat that keeps him shaded, stylish, and looking like the most put-together kid at the pool without even trying! It's an effortlessly charming accessory that shows style and shade go hand in hand! \\u003c\\/p\\u003e\"};\n        window.swymRegistryProductInfo.variants = window.swymRegistryProductInfo.product.variants;\n        var swymRegistryProductImageUrl = \"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\";\n        \n\n          swymRegistryProductVariants[44039531200611] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44039531200611,\n            dt: \"Beaufort Bucket Hat - Gibson Island Green Gingham\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-gibson-island-green-gingham\",\n            iu:  {\"id\":44039531200611,\"title\":\"XS (0-3m)\",\"option1\":\"XS (0-3m)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CXS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - XS (0-3m)\",\"public_title\":\"XS (0-3m)\",\"options\":[\"XS (0-3m)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":60,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655396\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 60,\n            pr: 4800/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4800/100, \n            variants: [{ \"XS (0-3m)\" : 44039531200611}]\n          };\n          swymRegistryProductVariants[44039531233379] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44039531233379,\n            dt: \"Beaufort Bucket Hat - Gibson Island Green Gingham\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-gibson-island-green-gingham\",\n            iu:  {\"id\":44039531233379,\"title\":\"S (3-9m)\",\"option1\":\"S (3-9m)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - S (3-9m)\",\"public_title\":\"S (3-9m)\",\"options\":[\"S (3-9m)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655372\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 164,\n            pr: 4800/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4800/100, \n            variants: [{ \"S (3-9m)\" : 44039531233379}]\n          };\n          swymRegistryProductVariants[44039531266147] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44039531266147,\n            dt: \"Beaufort Bucket Hat - Gibson Island Green Gingham\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-gibson-island-green-gingham\",\n            iu:  {\"id\":44039531266147,\"title\":\"M (9-18m)\",\"option1\":\"M (9-18m)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CM\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - M (9-18m)\",\"public_title\":\"M (9-18m)\",\"options\":[\"M (9-18m)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655365\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 177,\n            pr: 4800/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4800/100, \n            variants: [{ \"M (9-18m)\" : 44039531266147}]\n          };\n          swymRegistryProductVariants[44039531298915] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44039531298915,\n            dt: \"Beaufort Bucket Hat - Gibson Island Green Gingham\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-gibson-island-green-gingham\",\n            iu:  {\"id\":44039531298915,\"title\":\"L (18m-2T)\",\"option1\":\"L (18m-2T)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - L (18m-2T)\",\"public_title\":\"L (18m-2T)\",\"options\":[\"L (18m-2T)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":21,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655358\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 21,\n            pr: 4800/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4800/100, \n            variants: [{ \"L (18m-2T)\" : 44039531298915}]\n          };\n          swymRegistryProductVariants[44039531331683] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44039531331683,\n            dt: \"Beaufort Bucket Hat - Gibson Island Green Gingham\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-gibson-island-green-gingham\",\n            iu:  {\"id\":44039531331683,\"title\":\"XL (3T-4T)\",\"option1\":\"XL (3T-4T)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CXL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - XL (3T-4T)\",\"public_title\":\"XL (3T-4T)\",\"options\":[\"XL (3T-4T)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":14,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655389\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 14,\n            pr: 4800/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4800/100, \n            variants: [{ \"XL (3T-4T)\" : 44039531331683}]\n          };window.swymRegistryProductInfo.currentVariant = 44039531298915;\n        window.swymRegistryProductData = {\n          et: 1, empi: window.swymRegistryProductInfo.product.id, epi: window.swymRegistryProductInfo.currentVariant,\n          dt: \"Beaufort Bucket Hat - Gibson Island Green Gingham\", du: \"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-gibson-island-green-gingham\",\n          ct: window.swymRegistryProductInfo.product.type, pr: 4800/100,\n          iu:  {\"id\":44039531298915,\"title\":\"L (18m-2T)\",\"option1\":\"L (18m-2T)\",\"option2\":null,\"option3\":null,\"sku\":\"5752-5675-CL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35699482656867,\"product_id\":7974084870243,\"position\":1,\"created_at\":\"2026-04-22T23:18:28-04:00\",\"updated_at\":\"2026-04-22T23:18:30-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\",\"variant_ids\":[44039531200611,44039531233379,44039531266147,44039531298915,44039531331683]},\"available\":true,\"name\":\"Beaufort Bucket Hat - Gibson Island Green Gingham - L (18m-2T)\",\"public_title\":\"L (18m-2T)\",\"options\":[\"L (18m-2T)\"],\"price\":4800,\"weight\":0,\"compare_at_price\":4800,\"inventory_quantity\":21,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971655358\",\"featured_media\":{\"alt\":null,\"id\":27226716012643,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC4.20.2026-44.jpg?v=1776914310\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} , variants: [{ \"L (18m-2T)\" : 44039531298915 }],\n          stk:21  ,op:4800/100 \n        };\n      \n    }\n  </script>\n\n  <script defer src=\"https://cloudfront.loggly.com/js/loggly.tracker-latest.min.js\"></script>\n  <script>\n    var _LTracker = _LTracker || [];\n    _LTracker.push({\n      logglyKey: '7a2be593-4080-4ce0-b039-cee174ba8365',\n      sendConsoleErrors: true,\n      tag: 'error,template,pdp',\n    });\n  </script>\n\n  <script>\n    if (\n      window.location.href.indexOf('/products/') > -1 ||\n      (document.querySelector(\"link[rel='canonical']\") &&\n        document.querySelector(\"link[rel='canonical']\").href.includes('/products/'))\n    ) {\n      if (!document.getElementById('swym-registry-dns-prefetch')) {\n        var swymRegistryLink = document.createElement('link');\n        swymRegistryLink.id = 'swym-registry-dns-prefetch';\n        swymRegistryLink.rel = 'dns-prefetch';\n        swymRegistryLink.href = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        document.head.appendChild(swymRegistryLink);\n      }\n      if (!document.getElementById('swym-registry-preconnect')) {\n        var swymRegistryLink = document.createElement('link');\n        swymRegistryLink.id = 'swym-registry-preconnect';\n        swymRegistryLink.rel = 'preconnect';\n        swymRegistryLink.href = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        document.head.appendChild(swymRegistryLink);\n      }\n      if (!document.getElementById('swym-registry-pdp-cdn')) {\n        var swymRegistryScript = document.createElement('script');\n        swymRegistryScript.id = 'swym-registry-pdp-cdn';\n        swymRegistryScript.src = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        swymRegistryScript.defer = 'defer';\n        document.head.appendChild(swymRegistryScript);\n      }\n      document.querySelector('.swym-registry-div-container').style.display = 'initial';\n    }\n  </script>\n\n  <style data-shopify>\n    .swym-registry-add-btn-container {\n      text-align: left;\n    }\n\n    .swym-registry-add-modal-btn {\n      position: relative;\n      font-family: inherit;\n\n      background-color: #0d2236;\n      color: #f1f1f1;\n      border: 1px solid #0d2236;\n      border-radius: 2px;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1.3rem 1rem;\n\n      width: 100%;\n      margin-bottom: 1rem;\n\n      display: inline-block;\n      cursor: pointer;\n\n      /* pointer-events: none;\n      opacity: 0.5; */\n    }\n\n    /* Styles for Popup */\n    .swym-registry-modal-container {\n      background-color: #ffffff;\n      color: #000000;\n      border: 1px solid rgba(0, 0, 0, 0.7);\n      font-family: inherit;\n      position: relative;\n      margin: 0 auto;\n      padding: 3rem 0;\n      width: 50%;\n      max-width: 1440px;\n      height: auto;\n      box-shadow: -1px 3px 18px grey;\n      animation: drop-in .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n      top: 50%;\n    }\n\n    .swym-registry-list-container h2 {\n      width: 100%;\n      text-align: center;\n      font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1440 - 320)));\n      color: inherit;\n    }\n\n    #swym-registry-unordered-list {\n      margin: 0;\n      padding: 0;\n    }\n    #swym-registry-unordered-list {\n      height: 250px;\n      overflow-y: scroll;\n      width: 75%;\n      margin: 0 auto;\n      margin-top: 3rem;\n    }\n    #swym-registry-unordered-list li {\n      list-style-type: none;\n      border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1rem 0 1rem 1.5rem;\n      cursor: pointer;\n    }\n    #swym-registry-unordered-list li:last-child {\n      border-bottom: none;\n    }\n    #swym-registry-unordered-list li.swym-registry-selected {\n      background: rgba(0, 0, 0, 0.1);\n    }\n    #swym-registry-unordered-list::-webkit-scrollbar {\n      width: 8px;\n    }\n    /* Track */\n    #swym-registry-unordered-list::-webkit-scrollbar-track {\n      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);\n      border-radius: 5px;\n    }\n    /* Handle */\n    #swym-registry-unordered-list::-webkit-scrollbar-thumb {\n      background: rgba(0, 0, 0, 0.7);\n      border-radius: 5px;\n    }\n    /* Handle on hover */\n    #swym-registry-unordered-list::-webkit-scrollbar-thumb:hover {\n      background: rgba(0, 0, 0, 0.5);\n    }\n\n    .swym-registry-pdp-btn-container {\n      display: flex;\n      width: 100%;\n    }\n    .swym-registry-pdp-btn-container button {\n      width: 75%;\n      margin: 0 auto;\n      outline: none;\n      background-color: #000000;\n      color: #ffffff;\n      border: 1px solid #ffffff;\n      border-radius: 2px;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1.3rem 1rem;\n      cursor: pointer;\n      text-align: center;\n      margin-top: 2rem;\n    }\n\n    .swym-registry-no-registry {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      width: 75%;\n      margin: 0 auto;\n      background-color: #ffffff;\n      color: #000000;\n      font-family: inherit;\n    }\n\n\n    /* Styles for Success Popup */\n    .swym-registry-add-success-font {\n      font-family: inherit;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n    }\n\n    .swym-registry-view-success-registry {\n      text-align: center;\n      margin: 0;\n      padding: 1rem;\n      width: 70%;\n      margin: 2rem 0;\n      cursor: pointer;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n      border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n    }\n  </style>\n  <link href=\"//cdn.shopify.com/extensions/019abbac-fa7c-7d41-af40-b9c008566927/swym-registry-shopify-extensions-20/assets/swym-registry-pdp-extension.css\" rel=\"stylesheet\" type=\"text/css\" media=\"all\" />\n</div>\n\n\n</div><div sub-section-id='complete_the_look_yiRtAX'>\n\n\n\n\n<!-- ##entry##complete-the-look-nosto-style##endentry## -->\n<complete-the-look-nosto-style\n    class='complete-the-look-container overflow-hidden pl-[5px] md:pl-0 -mr-[15px] md:-mr-[35px] block'\n    \n  >\n    \n      <h3 class='text-[28px] xs:text-[32px] text-t-brand-primary mb-5 md:mb-5'>\n        Complete the Look\n      </h3>\n    \n\n    <div class='flex flex-row gap-[10px] overflow-x-scroll ctl-products-scroll'>\n      \n        \n\n        <div\n          class='flex flex-col flex-[0_0_85%] md:flex-[0_0_70%] p-[10px] gap-3 text-t-brand-primary h-max'\n          data-product-id='7974084870243'\n          data-product-handle='beaufort-bucket-hat-gibson-island-green-gingham'\n          data-color-family='swatch-Beaufort-Bucket'\n        >\n          <!-- Top Section: Image + Info -->\n          <div class='flex flex-row gap-5'>\n            <!-- Product Image -->\n            <a href='/products/beaufort-bucket-hat-gibson-island-green-gingham' class='flex-shrink-0' aria-label='Beaufort Bucket Hat - Gibson Island Green Gingham'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC4.20.2026-44.jpg?v=1776914310&width=230'\n                  alt='Beaufort Bucket Hat - Gibson Island Green Gingham'\n                  width='230'\n                  height='280'\n                  class='max-w-[115px] w-full object-cover product-main-image'\n                  loading='lazy'\n                  data-image-url='//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC4.20.2026-44.jpg?v=1776914310&width=230'\n                >\n              \n            </a>\n\n            <!-- Product Info -->\n            <div class='flex-1 flex flex-col'>\n              \n                <div\n                  class='uppercase p-2 text-t-brand-primary utility-3 bg-t-brand-secondary max-w-fit mb-[10px]'\n                  \n                >\n                  Boys\n                </div>\n              \n\n              <a href='/products/beaufort-bucket-hat-gibson-island-green-gingham' class='no-underline'>\n                <div class='h6 mb-[6px] text-t-brand-primary product-name'>\n                  Beaufort Bucket Hat\n                </div>\n              </a>\n\n              <div class='flex gap-[6px] justify-start'>\n                \n                  <div\n                    class='utility-2'\n                    data-price='4800'\n                  >\n                    $48.00\n                  </div>\n                \n              </div>\n\n              <button\n                class='mt-[30px] body-2 pr-[6px] flex justify-between items-center w-full text-left toggle-variants-btn'\n                type='button'\n                aria-expanded='false'\n                aria-label='Toggle color and size selection for Beaufort Bucket Hat'\n              >\n                <span>Select Color & Size</span>\n                <span class='transform transition-transform duration-200'>\n                  <svg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5' fill='none'>\n                    <path d='M1 0.542969L3.79289 3.33586C4.18342 3.72639 4.81658 3.72639 5.20711 3.33586L8 0.542969' stroke='#104177'/>\n                  </svg>\n                </span>\n              </button>\n            </div>\n          </div>\n\n          <!-- Bottom Section: Variants (Initially Hidden) -->\n          <div class='hidden flex-col gap-3 variant-selector-container'>\n            <!-- Color Selection -->\n            \n              <div class='border-t border-b border-[#DED6C3] -mx-[10px] px-[10px] py-[10px]'>\n                <div class='italic body-2 mb-[10px] selected-color-name'>\n                  Gibson Island Green Gingham\n                </div>\n\n                \n                  \n                  \n                    <div class='flex flex-wrap gap-3 color-swatches'>\n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/worth-avenue-white-beaufort-bucket'\n                            data-id='262238901'\n                            data-swatch='Worth Avenue White'\n                            data-product-name='Beaufort Bucket'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/BeaufortBucket-WorthAveWhite_beige_8aaaae91-f0cf-4f28-b103-092d45b6b52b.jpg?v=1762197917&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/products/DSC_8998_e56b4833-274f-48e7-a688-1d0cf4d4ce31.jpg?v=1766419605&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/50f1bc43b7fb--WORTH-AVENUE-WHITE-2.jpg?v=1738685750\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Worth Avenue White'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/breakers-blue-seersucker-beaufort-bucket'\n                            data-id='262238913'\n                            data-swatch='Breakers Blue Seersucker'\n                            data-product-name='Beaufort Bucket'\n                            data-price='4400'\n                            data-compare-price='4400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/BeaufortBucket-BreakersBlueSeersucker_beige_22ce3ba7-5f90-4a88-aa8d-1672b871590a.jpg?v=1762197918&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/products/2657_large_8b8e46ab-5817-46fa-ae56-3955b1b287a5.jpg?v=1766419787&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/cc22fa9048c5--breakers-blue-seersucker-swatch-for-web-1.jpg?v=1738685750\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Breakers Blue Seersucker'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/beaufort-bucket-hat-gibson-island-green-gingham'\n                            data-id='7974084870243'\n                            data-swatch='Gibson Island Green Gingham'\n                            data-product-name='Beaufort Bucket Hat'\n                            data-price='4800'\n                            data-compare-price='4800'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC4.20.2026-44.jpg?v=1776914310&width=500'\n                            \n                            \n                            \n                              aria-selected='true'\n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/gibson-island-green-gingham.jpg?v=1776862189\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Gibson Island Green Gingham'\n                          >\n                            \n                          </button>\n                        \n                      \n                    </div>\n                  \n                \n              </div>\n            \n\n            <!-- Size Selection -->\n            \n              <div class='size-selector-container mt-[10px]'>\n                <div class='utility-3 uppercase mb-[10px]'>SIZE</div>\n\n                <div class='grid grid-cols-5 gap-x-2xs gap-y-xs size-options'>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039531200611'\n                      data-product-id='7974084870243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974084870243-44039531200611'\n                        name='size-7974084870243'\n                        value='44039531200611'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039531200611'\n                        data-product-url='/products/beaufort-bucket-hat-gibson-island-green-gingham'\n                      >\n                      <label\n                        for='variant-7974084870243-44039531200611'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        XS (0-3m)\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039531233379'\n                      data-product-id='7974084870243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974084870243-44039531233379'\n                        name='size-7974084870243'\n                        value='44039531233379'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039531233379'\n                        data-product-url='/products/beaufort-bucket-hat-gibson-island-green-gingham'\n                      >\n                      <label\n                        for='variant-7974084870243-44039531233379'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        S (3-9m)\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039531266147'\n                      data-product-id='7974084870243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974084870243-44039531266147'\n                        name='size-7974084870243'\n                        value='44039531266147'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039531266147'\n                        data-product-url='/products/beaufort-bucket-hat-gibson-island-green-gingham'\n                      >\n                      <label\n                        for='variant-7974084870243-44039531266147'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        M (9-18m)\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039531298915'\n                      data-product-id='7974084870243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974084870243-44039531298915'\n                        name='size-7974084870243'\n                        value='44039531298915'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039531298915'\n                        data-product-url='/products/beaufort-bucket-hat-gibson-island-green-gingham'\n                      >\n                      <label\n                        for='variant-7974084870243-44039531298915'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        L (18m-2T)\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039531331683'\n                      data-product-id='7974084870243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974084870243-44039531331683'\n                        name='size-7974084870243'\n                        value='44039531331683'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039531331683'\n                        data-product-url='/products/beaufort-bucket-hat-gibson-island-green-gingham'\n                      >\n                      <label\n                        for='variant-7974084870243-44039531331683'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        XL (3T-4T)\n                      </label>\n                      \n                    </div>\n                  \n                </div>\n              </div>\n            \n\n            <!-- Add to Cart Button -->\n            <button\n              class='btn w-full add-to-buggy-btn'\n              variant='primary'\n              data-product-id='7974084870243'\n              \n                data-variant-id=''\n                disabled\n              \n              type='button'\n            >\n              <span>Add to Buggy</span>\n            </button>\n          </div>\n        </div>\n      \n        \n\n        <div\n          class='flex flex-col flex-[0_0_85%] md:flex-[0_0_70%] p-[10px] gap-3 text-t-brand-primary h-max'\n          data-product-id='7974083592291'\n          data-product-handle='tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n          data-color-family='swatch-tortola-trunks'\n        >\n          <!-- Top Section: Image + Info -->\n          <div class='flex flex-row gap-5'>\n            <!-- Product Image -->\n            <a href='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork' class='flex-shrink-0' aria-label='Tortola Trunks - Gibson Island Green Gingham with Worth Avenue White Stork'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortola_trunks_gibson_island_green_gingham_with_worth_ave._white_stork.jpg?v=1772742136&width=230'\n                  alt='Tortola Trunks - Gibson Island Green Gingham with Worth Avenue White Stork'\n                  width='230'\n                  height='280'\n                  class='max-w-[115px] w-full object-cover product-main-image'\n                  loading='lazy'\n                  data-image-url='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortola_trunks_gibson_island_green_gingham_with_worth_ave._white_stork.jpg?v=1772742136&width=230'\n                >\n              \n            </a>\n\n            <!-- Product Info -->\n            <div class='flex-1 flex flex-col'>\n              \n                <div\n                  class='uppercase p-2 text-t-brand-primary utility-3 bg-t-brand-secondary max-w-fit mb-[10px]'\n                  \n                >\n                  Boys\n                </div>\n              \n\n              <a href='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork' class='no-underline'>\n                <div class='h6 mb-[6px] text-t-brand-primary product-name'>\n                  Tortola Trunks\n                </div>\n              </a>\n\n              <div class='flex gap-[6px] justify-start'>\n                \n                  <div\n                    class='utility-2'\n                    data-price='6400'\n                  >\n                    $64.00\n                  </div>\n                \n              </div>\n\n              <button\n                class='mt-[30px] body-2 pr-[6px] flex justify-between items-center w-full text-left toggle-variants-btn'\n                type='button'\n                aria-expanded='false'\n                aria-label='Toggle color and size selection for Tortola Trunks'\n              >\n                <span>Select Color & Size</span>\n                <span class='transform transition-transform duration-200'>\n                  <svg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5' fill='none'>\n                    <path d='M1 0.542969L3.79289 3.33586C4.18342 3.72639 4.81658 3.72639 5.20711 3.33586L8 0.542969' stroke='#104177'/>\n                  </svg>\n                </span>\n              </button>\n            </div>\n          </div>\n\n          <!-- Bottom Section: Variants (Initially Hidden) -->\n          <div class='hidden flex-col gap-3 variant-selector-container'>\n            <!-- Color Selection -->\n            \n              <div class='border-t border-b border-[#DED6C3] -mx-[10px] px-[10px] py-[10px]'>\n                <div class='italic body-2 mb-[10px] selected-color-name'>\n                  Gibson Island Green Gingham with Worth Avenue White Stork\n                </div>\n\n                \n                  \n                  \n                    <div class='flex flex-wrap gap-3 color-swatches'>\n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/tortola-trunks-parrot-cay-canopy-with-parrot-cay-coral'\n                            data-id='7902410309731'\n                            data-swatch='Parrot Cay Canopy with Parrot Cay Coral'\n                            data-product-name='Tortola Trunks'\n                            data-price='6400'\n                            data-compare-price='6400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortola_trunks_parrot_cay_canopy.jpg?v=1760642619&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortola_trunks_parrot_cay_canopy_-_back.jpg?v=1760642618&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/swatch_-_parrot_cay_canopy.jpg?v=1765294858\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Parrot Cay Canopy with Parrot Cay Coral'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/tortola-trunks-see-ya-later-alligator-with-palm-beach-pink'\n                            data-id='7920759963747'\n                            data-swatch='See Ya Later Alligator with Palm Beach Pink'\n                            data-product-name='Tortola Trunks'\n                            data-price='6400'\n                            data-compare-price='6400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunksseeyalateralligatorwithpalmbeachpinkstork.jpg?v=1762786220&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunksseeyalateralligatorwithpalmbeachpinkstork-back.jpg?v=1769525482&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/later_alligator.png?v=1769530474\"); background-size: cover; background-position: center;'\n                            aria-label='Color: See Ya Later Alligator with Palm Beach Pink'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/tortola-trunks-sobro-stripe-with-worth-avenue-white'\n                            data-id='7934749016163'\n                            data-swatch='Sobro Stripe with Worth Avenue White'\n                            data-product-name='Tortola Trunks'\n                            data-price='6400'\n                            data-compare-price='6400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunkssobrostripewithworthave.white.jpg?v=1764773094&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunkssobrostripewithworthave.white-back.jpg?v=1764773094&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/sobro_seersucker.png?v=1770137660\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Sobro Stripe with Worth Avenue White'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/tortola-trunks-southampton-stripe-with-worth-avenue-white'\n                            data-id='7935209767011'\n                            data-swatch='Southampton Stripe with Worth Avenue White'\n                            data-product-name='Tortola Trunks'\n                            data-price='6400'\n                            data-compare-price='6400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunkssouthhamptonstripeandworthave.white.jpg?v=1764871062&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunkssouthhamptonstripeandworthave.white-back.jpg?v=1764871061&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/south_hampton_stripe.png?v=1770137463\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Southampton Stripe with Worth Avenue White'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/tortola-trunks-catamaran-cane-with-grace-bay-green'\n                            data-id='7940849238115'\n                            data-swatch='Catamaran Cane with Grace Bay Green'\n                            data-product-name='Tortola Trunks'\n                            data-price='6400'\n                            data-compare-price='6400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunkscatamarancane.jpg?v=1766076015&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunkscatamarancane-back.jpg?v=1766076015&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/catameran-cane.jpg?v=1771948944\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Catamaran Cane with Grace Bay Green'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/tortola-trunks-dunmore-doo-dad-with-lauderdale-lavender'\n                            data-id='7939945398371'\n                            data-swatch='Dunmore Doo-Dad with Lauderdale Lavender'\n                            data-product-name='Tortola Trunks'\n                            data-price='6400'\n                            data-compare-price='6400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunksdunmoredoo-dad.jpg?v=1765909771&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunksdunmoredoo-dad-back.jpg?v=1765909771&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/dunmore-doo-dad.jpg?v=1771948060\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Dunmore Doo-Dad with Lauderdale Lavender'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/tortola-trunks-here-fishy-fishy'\n                            data-id='7964421062755'\n                            data-swatch='Here Fishy Fishy'\n                            data-product-name='Tortola Trunks'\n                            data-price='6400'\n                            data-compare-price='6400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunksherefishyfishywithnewportnightstork.jpg?v=1771343874&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunksherefishyfishywithnewportnightstork-back.jpg?v=1771343874&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/here-fishy-fishy.jpg?v=1772653697\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Here Fishy Fishy'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/tortola-trunks-yacht-to-join-us-kiawah-kelly-green-with-worth-avenue-white-stork'\n                            data-id='7970355052643'\n                            data-swatch='Yacht To Join Us (Kiawah Kelly Green) with Worth Avenue White Stork'\n                            data-product-name='Tortola Trunks'\n                            data-price='6400'\n                            data-compare-price='6400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortola_trunks_yacht_to_join_us_kiawah_kelly_green_with_worth_ave._white_stork.jpg?v=1772126414&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortola_trunks_yacht_to_join_us_kiawah_kelly_green_with_worth_ave._white_stork_-_back.jpg?v=1772126415&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/yacht-to-join-us.jpg?v=1776275692\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Yacht To Join Us (Kiawah Kelly Green) with Worth Avenue White Stork'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                            data-id='7974083592291'\n                            data-swatch='Gibson Island Green Gingham with Worth Avenue White Stork'\n                            data-product-name='Tortola Trunks'\n                            data-price='6400'\n                            data-compare-price='6400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortola_trunks_gibson_island_green_gingham_with_worth_ave._white_stork.jpg?v=1772742136&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortola_trunks_gibson_island_green_gingham_with_worth_ave._white_stork_-_back.jpg?v=1772742135&width=500'\n                            \n                            \n                              aria-selected='true'\n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/gibson-island-green-gingham.jpg?v=1776862189\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Gibson Island Green Gingham with Worth Avenue White Stork'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/tortola-trunks-star-spangled-swag-with-worth-avenue-white'\n                            data-id='7976522809443'\n                            data-swatch='Star Spangled Swag with Worth Avenue White'\n                            data-product-name='Tortola Trunks'\n                            data-price='6400'\n                            data-compare-price='6400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunksstarspangledswagwithworthave.white.jpg?v=1773249551&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunksstarspangledswagwithworthave.white-back.jpg?v=1773249551&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/star_spangled_swag.jpg?v=1777484017\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Star Spangled Swag with Worth Avenue White'\n                          >\n                            \n                          </button>\n                        \n                      \n                    </div>\n                  \n                \n              </div>\n            \n\n            <!-- Size Selection -->\n            \n              <div class='size-selector-container mt-[10px]'>\n                <div class='utility-3 uppercase mb-[10px]'>SIZE</div>\n\n                <div class='grid grid-cols-5 gap-x-2xs gap-y-xs size-options'>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526547555'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526547555'\n                        name='size-7974083592291'\n                        value='44039526547555'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526547555'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526547555'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        0/6m\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526580323'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526580323'\n                        name='size-7974083592291'\n                        value='44039526580323'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526580323'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526580323'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        6/12m\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526613091'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526613091'\n                        name='size-7974083592291'\n                        value='44039526613091'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526613091'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526613091'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        12/18m\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526645859'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526645859'\n                        name='size-7974083592291'\n                        value='44039526645859'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526645859'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526645859'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        18/24m\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526678627'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526678627'\n                        name='size-7974083592291'\n                        value='44039526678627'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526678627'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526678627'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        2T\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526711395'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526711395'\n                        name='size-7974083592291'\n                        value='44039526711395'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526711395'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526711395'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        3T\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526744163'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526744163'\n                        name='size-7974083592291'\n                        value='44039526744163'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526744163'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526744163'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        4T\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526776931'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526776931'\n                        name='size-7974083592291'\n                        value='44039526776931'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526776931'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526776931'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        5\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526809699'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526809699'\n                        name='size-7974083592291'\n                        value='44039526809699'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526809699'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526809699'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        6\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526842467'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526842467'\n                        name='size-7974083592291'\n                        value='44039526842467'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526842467'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526842467'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        7\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526875235'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526875235'\n                        name='size-7974083592291'\n                        value='44039526875235'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526875235'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526875235'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        8\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526908003'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526908003'\n                        name='size-7974083592291'\n                        value='44039526908003'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526908003'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526908003'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        10\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526940771'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526940771'\n                        name='size-7974083592291'\n                        value='44039526940771'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526940771'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526940771'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        12\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44039526973539'\n                      data-product-id='7974083592291'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7974083592291-44039526973539'\n                        name='size-7974083592291'\n                        value='44039526973539'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44039526973539'\n                        data-product-url='/products/tortola-trunks-gibson-island-green-gingham-with-worth-avenue-white-stork'\n                      >\n                      <label\n                        for='variant-7974083592291-44039526973539'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        14\n                      </label>\n                      \n                    </div>\n                  \n                </div>\n              </div>\n            \n\n            <!-- Add to Cart Button -->\n            <button\n              class='btn w-full add-to-buggy-btn'\n              variant='primary'\n              data-product-id='7974083592291'\n              \n                data-variant-id=''\n                disabled\n              \n              type='button'\n            >\n              <span>Add to Buggy</span>\n            </button>\n          </div>\n        </div>\n      \n    </div>\n  </complete-the-look-nosto-style>\n\n  <style>\n    .ctl-products-scroll::-webkit-scrollbar {\n      height: 6px;\n      border-radius: 8%;\n    }\n    .ctl-products-scroll::-webkit-scrollbar-track {\n      background: #f1f1f1;\n      border-radius: 10px;\n    }\n    .ctl-products-scroll::-webkit-scrollbar-thumb {\n      background: #888;\n      border-radius: 10px;\n    }\n  </style>\n\n</div></section>\n</main-product><script\n    src='https://cdn-widgetsrepository.yotpo.com/v1/loader/gwqnRVBfQib0iRVcxl2cbeTgoFeJStZcC8bYd265'\n    async\n  ></script>\n  <link href=\"//www.thebeaufortbonnetcompany.com/cdn/shop/t/343/assets/-core-main-product.css?v=14442081185651659231779210291\" 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/343/assets/sort-arrows.png?v=7943459221422010101779210291');\n  }\n</style>\n\n\n</section>"}