{"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-worth-avenue-white-with-grafton-green-upf-35'></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-worth-avenue-white-with-grafton-green-upf-35'\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/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&amp;width=90\" alt=\"Henry&#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&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/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&amp;width=600\" alt=\"Henry&#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\" 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:41.406% 50.0%;\"></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/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&amp;width=800\" alt=\"Henry&#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&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:41.406% 50.0%;\">\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/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&amp;width=600\" alt=\"Henry&#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&amp;width=600 600w\" height=\"3872.0\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:41.406% 50.0%;\"></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='Henry&#39;s Boating Bucket'\n  data-product-url='/products/beaufort-bucket-hat-worth-avenue-white-with-grafton-green-upf-35'\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-worth-avenue-white-with-grafton-green-upf-35' aria-current='page'>Henry's Boating Bucket</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-8006040518755\"\n    >\n        \n    </div>\n\n\n\n</div><div sub-section-id='title'>\n          <div >\n            \n\n            \n\n            <h1 class='md:pr-md text-t-foreground h2 leading-[1.1]'>\n              Henry&#39;s Boating Bucket\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            $44\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:flex gap-2xs flex-row-reverse'>\n          <span class='sr-only'>Regular price</span>\n          <span>\n            <s class='utility-1 text-[20px] md:text-[18px] leading-none md:leading-[1.3] tracking-[0.4px] md:tracking-[0.54px] centered-line-through text-t-foreground'>\n              \n                $44\n              \n            </s>\n          </span><span class='sr-only'>Sale price</span>\n        <span class='group-[.on-sale]/price:text-t-brand-pink-sale text-t-foreground utility-1 text-[20px] md:text-[18px] leading-none md:leading-[1.3] tracking-[0.4px] md:tracking-[0.54px] '>\n          $44\n        </span>\n      </div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='utility-1 text-[20px] md:text-[18px] leading-none md:leading-[1.3] tracking-[0.4px] md:tracking-[0.54px]'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div></div>\n\n\n              </div><div ><form method=\"post\" action=\"/cart/add\" id=\"product-form-installment-product-form-template--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='44158896537699'>\n                <shopify-payment-terms variant-id=\"44158896537699\" 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;:44158896537699,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44158896570467,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44158896603235,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44158896636003,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44158896668771,&quot;price_per_term&quot;:&quot;$22.00&quot;,&quot;full_price&quot;:&quot;$44.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2}],&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;financing_plans&quot;:[{&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$49.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:2}]},{&quot;min_price&quot;:&quot;$50.00&quot;,&quot;max_price&quot;:&quot;$149.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4}]},{&quot;min_price&quot;:&quot;$150.00&quot;,&quot;max_price&quot;:&quot;$999.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]},{&quot;min_price&quot;:&quot;$1,000.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;terms&quot;:[{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]}],&quot;installments_buyer_prequalification_enabled&quot;:false,&quot;seller_id&quot;:1669185}\"></shopify-payment-terms>\n<input type=\"hidden\" name=\"product-id\" value=\"8006040518755\" /><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      Worth Avenue White with Grafton Green (UPF 35+)\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='8035291784'\n                      data-href='/products/henrys-boating-bucket-worth-avenue-white-seersucker-with-buckhead-blue'\n                      data-swatch='Worth Avenue White Seersucker with Buckhead Blue'\n                      data-variants='[{&quot;id&quot;:26487950216,&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;1311-3237-XS&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33502034296931,&quot;product_id&quot;:8035291784,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T11:24:04-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:33: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\\/HenrysBoatingBucket-WorthAveWhiteSeersuckerwBuckheadBlue_beige_e01815d5-310f-4c6e-81c3-404fe8ebf3d1.jpg?v=1762198397&quot;,&quot;variant_ids&quot;:[26487950216,26487950280,26487950344,26487950408,26487950472]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket - Worth Avenue White Seersucker with Buckhead Blue - 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;:60,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971303716&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360791371875,&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\\/HenrysBoatingBucket-WorthAveWhiteSeersuckerwBuckheadBlue_beige_e01815d5-310f-4c6e-81c3-404fe8ebf3d1.jpg?v=1762198397&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;:26487950280,&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;1311-3237-S&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33502034296931,&quot;product_id&quot;:8035291784,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T11:24:04-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:33: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\\/HenrysBoatingBucket-WorthAveWhiteSeersuckerwBuckheadBlue_beige_e01815d5-310f-4c6e-81c3-404fe8ebf3d1.jpg?v=1762198397&quot;,&quot;variant_ids&quot;:[26487950216,26487950280,26487950344,26487950408,26487950472]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket - Worth Avenue White Seersucker with Buckhead Blue - 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;:53,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971303693&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360791371875,&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\\/HenrysBoatingBucket-WorthAveWhiteSeersuckerwBuckheadBlue_beige_e01815d5-310f-4c6e-81c3-404fe8ebf3d1.jpg?v=1762198397&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;:26487950344,&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;1311-3237-M&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33502034296931,&quot;product_id&quot;:8035291784,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T11:24:04-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:33: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\\/HenrysBoatingBucket-WorthAveWhiteSeersuckerwBuckheadBlue_beige_e01815d5-310f-4c6e-81c3-404fe8ebf3d1.jpg?v=1762198397&quot;,&quot;variant_ids&quot;:[26487950216,26487950280,26487950344,26487950408,26487950472]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket - Worth Avenue White Seersucker with Buckhead Blue - M (9-18m)&quot;,&quot;public_title&quot;:&quot;M (9-18m)&quot;,&quot;options&quot;:[&quot;M (9-18m)&quot;],&quot;price&quot;:4400,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4400,&quot;inventory_quantity&quot;:51,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971303686&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360791371875,&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\\/HenrysBoatingBucket-WorthAveWhiteSeersuckerwBuckheadBlue_beige_e01815d5-310f-4c6e-81c3-404fe8ebf3d1.jpg?v=1762198397&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;:26487950408,&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;1311-3237-L&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33502034296931,&quot;product_id&quot;:8035291784,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T11:24:04-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:33: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\\/HenrysBoatingBucket-WorthAveWhiteSeersuckerwBuckheadBlue_beige_e01815d5-310f-4c6e-81c3-404fe8ebf3d1.jpg?v=1762198397&quot;,&quot;variant_ids&quot;:[26487950216,26487950280,26487950344,26487950408,26487950472]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket - Worth Avenue White Seersucker with Buckhead Blue - 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;:50,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971303679&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360791371875,&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\\/HenrysBoatingBucket-WorthAveWhiteSeersuckerwBuckheadBlue_beige_e01815d5-310f-4c6e-81c3-404fe8ebf3d1.jpg?v=1762198397&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;:26487950472,&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;1311-3237-XL&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:33502034296931,&quot;product_id&quot;:8035291784,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2025-03-03T11:24:04-05:00&quot;,&quot;updated_at&quot;:&quot;2025-11-03T14:33: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\\/HenrysBoatingBucket-WorthAveWhiteSeersuckerwBuckheadBlue_beige_e01815d5-310f-4c6e-81c3-404fe8ebf3d1.jpg?v=1762198397&quot;,&quot;variant_ids&quot;:[26487950216,26487950280,26487950344,26487950408,26487950472]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket - Worth Avenue White Seersucker with Buckhead Blue - 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;:50,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971303709&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:25360791371875,&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\\/HenrysBoatingBucket-WorthAveWhiteSeersuckerwBuckheadBlue_beige_e01815d5-310f-4c6e-81c3-404fe8ebf3d1.jpg?v=1762198397&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/HenrysBoatingBucket-WorthAveWhiteSeersuckerwBuckheadBlue_beige_e01815d5-310f-4c6e-81c3-404fe8ebf3d1.jpg?v=1762198397&width=500'\n                      \n                      \n                        data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/henryboatingbucket-worthavewithbuckhead.jpg?v=1714424149&width=500'\n                      \n                      \n                      aria-label='Worth Avenue White Seersucker with Buckhead Blue'\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/d3032d265289--worth-ave-white-seersucker-swatch-for-web.jpg?v=1738685750'); background-size:cover;\"\n                      ></span>\n                    </button>\n                  \n                  \n\n                  \n                    <button\n                      data-id='7935208259683'\n                      data-href='/products/henrys-boating-bucket-hat-beale-street-blue-with-worth-avenue-white'\n                      data-swatch='Beale Street Blue with Worth Avenue White'\n                      data-variants='[{&quot;id&quot;:43871998050403,&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;6076-2661-XS&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35185293787235,&quot;product_id&quot;:7935208259683,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-02-03T15:31:52-05:00&quot;,&quot;updated_at&quot;:&quot;2026-02-03T15:32:16-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:3872,&quot;height&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/henry_s_boating_bucket_hat_beale_st._blue_with_worth_ave._white.jpg?v=1770150736&quot;,&quot;variant_ids&quot;:[43871998050403,43871998083171,43871998115939,43871998148707,43871998181475]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket Hat (Terrycloth) - Beale Street Blue with 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;:6,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971662912&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:26737630249059,&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\\/henry_s_boating_bucket_hat_beale_st._blue_with_worth_ave._white.jpg?v=1770150736&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;:43871998083171,&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;6076-2661-S&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35185293787235,&quot;product_id&quot;:7935208259683,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-02-03T15:31:52-05:00&quot;,&quot;updated_at&quot;:&quot;2026-02-03T15:32:16-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:3872,&quot;height&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/henry_s_boating_bucket_hat_beale_st._blue_with_worth_ave._white.jpg?v=1770150736&quot;,&quot;variant_ids&quot;:[43871998050403,43871998083171,43871998115939,43871998148707,43871998181475]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket Hat (Terrycloth) - Beale Street Blue with 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;:3,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971662899&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:26737630249059,&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\\/henry_s_boating_bucket_hat_beale_st._blue_with_worth_ave._white.jpg?v=1770150736&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;:43871998115939,&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;6076-2661-M&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35185293787235,&quot;product_id&quot;:7935208259683,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-02-03T15:31:52-05:00&quot;,&quot;updated_at&quot;:&quot;2026-02-03T15:32:16-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:3872,&quot;height&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/henry_s_boating_bucket_hat_beale_st._blue_with_worth_ave._white.jpg?v=1770150736&quot;,&quot;variant_ids&quot;:[43871998050403,43871998083171,43871998115939,43871998148707,43871998181475]},&quot;available&quot;:false,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket Hat (Terrycloth) - Beale Street Blue with Worth Avenue White - M (9-18m)&quot;,&quot;public_title&quot;:&quot;M (9-18m)&quot;,&quot;options&quot;:[&quot;M (9-18m)&quot;],&quot;price&quot;:4400,&quot;weight&quot;:0,&quot;compare_at_price&quot;:4400,&quot;inventory_quantity&quot;:0,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971662882&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:26737630249059,&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\\/henry_s_boating_bucket_hat_beale_st._blue_with_worth_ave._white.jpg?v=1770150736&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;:43871998148707,&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;6076-2661-L&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35185293787235,&quot;product_id&quot;:7935208259683,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-02-03T15:31:52-05:00&quot;,&quot;updated_at&quot;:&quot;2026-02-03T15:32:16-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:3872,&quot;height&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/henry_s_boating_bucket_hat_beale_st._blue_with_worth_ave._white.jpg?v=1770150736&quot;,&quot;variant_ids&quot;:[43871998050403,43871998083171,43871998115939,43871998148707,43871998181475]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket Hat (Terrycloth) - Beale Street Blue with 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;:39,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971662875&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:26737630249059,&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\\/henry_s_boating_bucket_hat_beale_st._blue_with_worth_ave._white.jpg?v=1770150736&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;:43871998181475,&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;6076-2661-XL&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35185293787235,&quot;product_id&quot;:7935208259683,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-02-03T15:31:52-05:00&quot;,&quot;updated_at&quot;:&quot;2026-02-03T15:32:16-05:00&quot;,&quot;alt&quot;:null,&quot;width&quot;:3872,&quot;height&quot;:3872,&quot;src&quot;:&quot;\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/henry_s_boating_bucket_hat_beale_st._blue_with_worth_ave._white.jpg?v=1770150736&quot;,&quot;variant_ids&quot;:[43871998050403,43871998083171,43871998115939,43871998148707,43871998181475]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket Hat (Terrycloth) - Beale Street Blue with 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;:11,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971662905&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:26737630249059,&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\\/henry_s_boating_bucket_hat_beale_st._blue_with_worth_ave._white.jpg?v=1770150736&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/henry_s_boating_bucket_hat_beale_st._blue_with_worth_ave._white.jpg?v=1770150736&width=500'\n                      \n                      \n                        data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/3_e5e9d5d1-f781-44d8-ab89-6a2b410bbaab.jpg?v=1770150736&width=500'\n                      \n                      \n                      aria-label='Beale Street Blue with 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/BEALE-STREET-BLUE_4d612b98-0794-4047-822d-d7d049201c21.jpg?v=1753113634'); background-size:cover;\"\n                      ></span>\n                    </button>\n                  \n                  \n\n                  \n                    <button\n                      data-id='8006040518755'\n                      data-href='/products/beaufort-bucket-hat-worth-avenue-white-with-grafton-green-upf-35'\n                      data-swatch='Worth Avenue White with Grafton Green (UPF 35+)'\n                      data-variants='[{&quot;id&quot;:44158896537699,&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;1312-3462-XS&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35891047956579,&quot;product_id&quot;:8006040518755,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-05-27T16:08:19-04:00&quot;,&quot;updated_at&quot;:&quot;2026-05-27T16:08:21-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\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&quot;,&quot;variant_ids&quot;:[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - 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;:98,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971686871&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:27414876913763,&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\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&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;:44158896570467,&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;1312-3462-S&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35891047956579,&quot;product_id&quot;:8006040518755,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-05-27T16:08:19-04:00&quot;,&quot;updated_at&quot;:&quot;2026-05-27T16:08:21-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\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&quot;,&quot;variant_ids&quot;:[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - 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;050971686857&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:27414876913763,&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\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&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;:44158896603235,&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;1312-3462-M&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35891047956579,&quot;product_id&quot;:8006040518755,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-05-27T16:08:19-04:00&quot;,&quot;updated_at&quot;:&quot;2026-05-27T16:08:21-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\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&quot;,&quot;variant_ids&quot;:[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - 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;050971686840&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:27414876913763,&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\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&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;:44158896636003,&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;1312-3462-L&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35891047956579,&quot;product_id&quot;:8006040518755,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-05-27T16:08:19-04:00&quot;,&quot;updated_at&quot;:&quot;2026-05-27T16:08:21-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\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&quot;,&quot;variant_ids&quot;:[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - 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;:80,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971686833&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:27414876913763,&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\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&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;:44158896668771,&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;1312-3462-XL&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:true,&quot;featured_image&quot;:{&quot;id&quot;:35891047956579,&quot;product_id&quot;:8006040518755,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2026-05-27T16:08:19-04:00&quot;,&quot;updated_at&quot;:&quot;2026-05-27T16:08:21-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\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&quot;,&quot;variant_ids&quot;:[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},&quot;available&quot;:true,&quot;name&quot;:&quot;Henry&#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - 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;:29,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;inventory_policy&quot;:&quot;deny&quot;,&quot;barcode&quot;:&quot;050971686864&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:null,&quot;id&quot;:27414876913763,&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\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&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/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&width=500'\n                      \n                      \n                      \n                        aria-selected='true'\n                      \n                      aria-label='Worth Avenue White with Grafton Green (UPF 35+)'\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/62c67ff75741--grafton-green_5d431389-0b90-4a13-91bf-e5307ea8aa0c.jpg?v=1738686209'); background-size:cover;\"\n                      ></span>\n                    </button></div>\n            </div></div>\n    </product-swatches>\n  \n\n\n\n<fieldset>\n          \n            <div class='mb-xs'>\n              <legend class='w-full'>\n                <div class='utility-3 uppercase text-t-foreground flex justify-between w-full items-center mb-3'>\n                  <div>\n                    <span>\n                      Size\n                    </span>\n\n                    \n                  </div>\n                  \n\n                      \n\n  \n\n  \n\n\n  \n\n  \n\n  \n\n  \n\n\n<dialog-toggle modal-id='size-guide-modal' class='!ml-auto flex !text-[12px]'><button class=\"btn !utility-3 !uppercase !underline cursor-pointer focus:ring-2 focus:ring-t-disabled focus:ring-offset-2\" tabindex=\"0\">\n    Size guide\n  </button>\n</dialog-toggle>\n<modal-dialog\n    cloak\n    type='drawer'\n    id='size-guide-modal'\n\n    \n      url=''\n    \n\n    \n\n    \n      anchor='right'\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n      drawer-classes='lg:!max-w-[800px]'\n    \n\n    \n\n    \n\n    \n      close-icon-size='18'\n    \n\n    \n\n    \n\n    close-label='Close'\n  ><div class='text-t-foreground pb-lg'>\n  <div class='md:px-xl px-md'><h2 class='md:h3 text-center text-t-foreground pb-3'>Hat Size Guide</h2><h5 class='text-center pb-lg'>(Size XS-XL)</h5></div>\n\n  <div class='overflow-x-auto ml-md md:ml-xl lg:mr-xl mb-2xl md:mb-xl scrollbar-thin scrollbar-track-transparent scrollbar-thumb-p-neutral'>\n    <table class='w-full table-auto border-collapse border border-t-brand-dull-gold max-md:mr-md max-lg:mr-xl'>\n      <thead>\n        <tr class='caption'>\n          \n<th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n              Size \n            </th><th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n               Age \n            </th><th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n               Circumference \n            </th><th class='caption font-bold leading-[14px] border-x border-t-brand-dull-gold px-4 py-2 text-left align-top lg:body-2 '>\n               Crown to Base of Ear\n            </th></tr>\n      </thead>\n\n      <tbody class='utility-3'>\n        \n\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                XS \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 0-3m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 13.5\"-16.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 5\"-6\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                S \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 3-9m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 16.5\"-17.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 6\"-6.5\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                M \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 9-18m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 17.5\"-18.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 6.5\"-6.75\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                L \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18m-2T \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18.5\"-19.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 7\"-7.5\"\n              </td></tr>\n          <tr class='odd:bg-t-background-secondary'><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                XL \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 3T-4T \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 19.5\"-21\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 7\"-7.5\"\n              </td></tr></tbody>\n    </table>\n  </div></div>\n\n\n  </modal-dialog>\n\n                    \n                  \n                </div>\n              </legend>\n            </div>\n          \n\n          <div class='grid grid-cols-5 gap-x-2xs gap-y-2xs'>\n            \n<!-- ##entry##core-pill-input-handler##endentry## -->\n\n    <link\n      rel='preload'\n      href='/products/beaufort-bucket-hat-worth-avenue-white-with-grafton-green-upf-35?variant=44158896537699&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      checked\n    \n    \n    data-option-value-id=\"4618703503459\"\n    data-variant-id=\"44158896537699\"\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\":44158896537699,\"title\":\"XS (0-3m)\",\"option1\":\"XS (0-3m)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-XS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - XS (0-3m)\",\"public_title\":\"XS (0-3m)\",\"options\":[\"XS (0-3m)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":98,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686871\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"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-worth-avenue-white-with-grafton-green-upf-35?variant=44158896570467&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=\"4618703536227\"\n    data-variant-id=\"44158896570467\"\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\":44158896570467,\"title\":\"S (3-9m)\",\"option1\":\"S (3-9m)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-S\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - S (3-9m)\",\"public_title\":\"S (3-9m)\",\"options\":[\"S (3-9m)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686857\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"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-worth-avenue-white-with-grafton-green-upf-35?variant=44158896603235&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=\"4618703568995\"\n    data-variant-id=\"44158896603235\"\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\":44158896603235,\"title\":\"M (9-18m)\",\"option1\":\"M (9-18m)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - M (9-18m)\",\"public_title\":\"M (9-18m)\",\"options\":[\"M (9-18m)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686840\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"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-worth-avenue-white-with-grafton-green-upf-35?variant=44158896636003&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    \n    data-option-value-id=\"4618703601763\"\n    data-variant-id=\"44158896636003\"\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\":44158896636003,\"title\":\"L (18m-2T)\",\"option1\":\"L (18m-2T)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-L\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - L (18m-2T)\",\"public_title\":\"L (18m-2T)\",\"options\":[\"L (18m-2T)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":80,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686833\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"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-worth-avenue-white-with-grafton-green-upf-35?variant=44158896668771&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=\"4618703634531\"\n    data-variant-id=\"44158896668771\"\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\":44158896668771,\"title\":\"XL (3T\\/4T)\",\"option1\":\"XL (3T\\/4T)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-XL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - XL (3T\\/4T)\",\"public_title\":\"XL (3T\\/4T)\",\"options\":[\"XL (3T\\/4T)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":29,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686864\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"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\":44158896537699,\"title\":\"XS (0-3m)\",\"option1\":\"XS (0-3m)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-XS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - XS (0-3m)\",\"public_title\":\"XS (0-3m)\",\"options\":[\"XS (0-3m)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":98,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686871\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n    </script>\n  </variant-picker>\n          <p class='js-model-text caption mt-xs lg:mt-3 text-t-foreground empty:m-0 leading-[14px]'></p>\n        </div>\n        <div\n          sub-section-id='embroidery_CHgiRd'\n          class='hidden'\n        ><!-- ##entry##component-product-embroidery##endentry## -->\n\n\n\n\n\n</div>\n          <div\n            class='flex justify-between items-center space-x-4'\n            sub-section-id='quantity_selector'\n          ><div\n  id='Quantity-Form-template--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='44158896537699'\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='44158896537699'\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 Henry&amp;#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)</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 Henry&amp;#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)'\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 Henry&amp;#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)</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='44158896537699'\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='8006040518755'\n              variant-id='44158896537699'\n              product-handle='beaufort-bucket-hat-worth-avenue-white-with-grafton-green-upf-35'\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;:{}}\" wallet-configs=\"[{&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}},{&quot;supports_subs&quot;:false,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;paypal&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:3675301,&quot;countryCode&quot;:&quot;US&quot;,&quot;merchantName&quot;:&quot;The Beaufort Bonnet Company&quot;,&quot;phoneRequired&quot;:true,&quot;companyRequired&quot;:false,&quot;shippingType&quot;:&quot;shipping&quot;,&quot;shopifyPaymentsEnabled&quot;:true,&quot;hasManagedSellingPlanState&quot;:false,&quot;requiresBillingAgreement&quot;:false,&quot;merchantId&quot;:&quot;DH2UQ7LFWT96Y&quot;,&quot;sdkUrl&quot;:&quot;https://www.paypal.com/sdk/js?components=buttons\\u0026commit=false\\u0026currency=USD\\u0026locale=en_US\\u0026client-id=AexZEtAxk09Ncgj6FSWFFyGKbxxAZ_LTyJ2DPdJWl1YUlecinmc5AfIaRF2qYjWlusWahlzz6SVkY5Ci\\u0026merchant-id=DH2UQ7LFWT96Y\\u0026intent=capture&quot;}}]\" access-token=\"0b700dfebd557e4e13bdf04b1f978386\" buyer-country=\"US\" buyer-locale=\"en-US\" buyer-currency=\"USD\" variant-params=\"[{&quot;id&quot;:44158896537699,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44158896570467,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44158896603235,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44158896636003,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44158896668771,&quot;requiresShipping&quot;:true}]\" shop-id=\"3675301\" enabled-flags=\"[&quot;dd4837d9&quot;,&quot;65f06d73&quot;]\" > <div class=\"shopify-payment-button__button\" role=\"button\" disabled aria-hidden=\"true\" style=\"background-color: transparent; border: none\"> <div class=\"shopify-payment-button__skeleton\">&nbsp;</div> </div> <div class=\"shopify-payment-button__more-options shopify-payment-button__skeleton\" role=\"button\" disabled aria-hidden=\"true\">&nbsp;</div> </shopify-accelerated-checkout> </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=\"8006040518755\" /><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        Henry's Boating Bucket | Worth Avenue White with Grafton Green (UPF 35+)... Size XS (0-3m)\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\": \"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\", \"URL\":\"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-worth-avenue-white-with-grafton-green-upf-35\" } } );\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/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501&amp;width=90\" alt=\"Henry&#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\" 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:41.406% 50.0%;\"></div>\n    \n\n    <div class='text-t-foreground flex-1'>\n      <div class='flex gap-xs items-center justify-between gap-x-xs'>\n        <h4 class='h5'>\n          Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\n        </h4>\n\n        \n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price utility-2\n'\n    \n  >\n    <div class='inline-flex gap-x-2xs' sub-section-id='price'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='text-t-foreground utility-2'>\n            $44\n          </span></div>\n      <div class='hidden group-[.on-sale]/price:flex gap-2xs flex-row-reverse'>\n          <span class='sr-only'>Regular price</span>\n          <span>\n            <s class='utility-2 centered-line-through text-t-foreground'>\n              \n                $44\n              \n            </s>\n          </span><span class='sr-only'>Sale price</span>\n        <span class='group-[.on-sale]/price:text-t-brand-pink-sale text-t-foreground utility-2 '>\n          $44\n        </span>\n      </div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='utility-2'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div></div>\n\n\n      </div>\n    </div>\n  </div>\n\n  <div class='w-full grow md:w-auto md:grow-0'>\n    <div class='grid grid-cols-[auto_50px] gap-2xs'>\n      <button\n        id='ProductSubmitButton-sticky'\n        type='submit'\n        name='add'\n        form='product-form-template--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='8006040518755'\n          variant-id='44158896537699'\n          product-handle='beaufort-bucket-hat-worth-avenue-white-with-grafton-green-upf-35'\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>Henry's Boating Bucket in Worth Avenue White with Grafton Green is the UPF 35+ sun hat that gives your little one a nautical, put together summertime look! Complete with a chin strap, piped brim, and signature button details, this hat is as refined as it is ready for adventure! Crafted from premium nylon spandex swim fabric, this is the bucket hat that earns its place on his head every single sunny day of the season.</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 straps</li><li>Buttons 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>88% Nylon, 12% Spandex Swim Fabric</li><li>Rinse in cold water after wear. Hand wash only. Lay flat to dry.</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-worth-avenue-white-with-grafton-green-upf-35'\n  data-original-text='Share this product'\n  data-copied-text='Copied to clipboard!'\n  data-product-title='Henry&#39;s Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)'\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\":8006040518755,\"title\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\",\"handle\":\"beaufort-bucket-hat-worth-avenue-white-with-grafton-green-upf-35\",\"description\":\"\\u003cp\\u003eHenry's Boating Bucket in Worth Avenue White with Grafton Green is the UPF 35+ sun hat that gives your little one a nautical, put together summertime look! Complete with a chin strap, piped brim, and signature button details, this hat is as refined as it is ready for adventure! Crafted from premium nylon spandex swim fabric, this is the bucket hat that earns its place on his head every single sunny day of the season.\\u003c\\/p\\u003e\",\"published_at\":\"2026-06-09T07:53:37-04:00\",\"created_at\":\"2026-05-01T10:56:55-04:00\",\"vendor\":\"The Beaufort Bonnet Company\",\"type\":\"Hats\",\"tags\":[\"6.16products\",\"6.4 launch\",\"6.4 new\",\"6.9 launch\",\"6.9 new\",\"Apparel\",\"baby boy bucket hat\",\"boys boating hat\",\"boys boting hat\",\"boys sun hat\",\"boys swim hat\",\"category-Bonnets \\u0026 Hats\",\"category-Swimwear\",\"FA26 Delivery 1\",\"Fall 2026\",\"gender-Boys\",\"infant sun hat boys\",\"maincolor-White\",\"nautical bucket hat boys\",\"NO-TREET\",\"preppy boys hat\",\"size-chart-hat\",\"toddler boy bucket hat\",\"UPF bucket hat boys\",\"UPF bukket hat boys\",\"white green bucket hat\"],\"price\":4400,\"price_min\":4400,\"price_max\":4400,\"available\":true,\"price_varies\":false,\"compare_at_price\":4400,\"compare_at_price_min\":4400,\"compare_at_price_max\":4400,\"compare_at_price_varies\":false,\"variants\":[{\"id\":44158896537699,\"title\":\"XS (0-3m)\",\"option1\":\"XS (0-3m)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-XS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - XS (0-3m)\",\"public_title\":\"XS (0-3m)\",\"options\":[\"XS (0-3m)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":98,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686871\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44158896570467,\"title\":\"S (3-9m)\",\"option1\":\"S (3-9m)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-S\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - S (3-9m)\",\"public_title\":\"S (3-9m)\",\"options\":[\"S (3-9m)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686857\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44158896603235,\"title\":\"M (9-18m)\",\"option1\":\"M (9-18m)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - M (9-18m)\",\"public_title\":\"M (9-18m)\",\"options\":[\"M (9-18m)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686840\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44158896636003,\"title\":\"L (18m-2T)\",\"option1\":\"L (18m-2T)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-L\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - L (18m-2T)\",\"public_title\":\"L (18m-2T)\",\"options\":[\"L (18m-2T)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":80,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686833\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44158896668771,\"title\":\"XL (3T\\/4T)\",\"option1\":\"XL (3T\\/4T)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-XL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - XL (3T\\/4T)\",\"public_title\":\"XL (3T\\/4T)\",\"options\":[\"XL (3T\\/4T)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":29,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686864\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}],\"images\":[\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"],\"featured_image\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"options\":[\"Size\"],\"media\":[{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"},\"aspect_ratio\":1.0,\"height\":3872,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"width\":3872}],\"requires_selling_plan\":false,\"selling_plan_groups\":[],\"content\":\"\\u003cp\\u003eHenry's Boating Bucket in Worth Avenue White with Grafton Green is the UPF 35+ sun hat that gives your little one a nautical, put together summertime look! Complete with a chin strap, piped brim, and signature button details, this hat is as refined as it is ready for adventure! Crafted from premium nylon spandex swim fabric, this is the bucket hat that earns its place on his head every single sunny day of the season.\\u003c\\/p\\u003e\"};\n        window.swymRegistryProductInfo.variants = window.swymRegistryProductInfo.product.variants;\n        var swymRegistryProductImageUrl = \"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\";\n        \n\n          swymRegistryProductVariants[44158896537699] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44158896537699,\n            dt: \"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-worth-avenue-white-with-grafton-green-upf-35\",\n            iu:  {\"id\":44158896537699,\"title\":\"XS (0-3m)\",\"option1\":\"XS (0-3m)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-XS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - XS (0-3m)\",\"public_title\":\"XS (0-3m)\",\"options\":[\"XS (0-3m)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":98,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686871\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 98,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"XS (0-3m)\" : 44158896537699}]\n          };\n          swymRegistryProductVariants[44158896570467] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44158896570467,\n            dt: \"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-worth-avenue-white-with-grafton-green-upf-35\",\n            iu:  {\"id\":44158896570467,\"title\":\"S (3-9m)\",\"option1\":\"S (3-9m)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-S\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - S (3-9m)\",\"public_title\":\"S (3-9m)\",\"options\":[\"S (3-9m)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686857\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 130,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"S (3-9m)\" : 44158896570467}]\n          };\n          swymRegistryProductVariants[44158896603235] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44158896603235,\n            dt: \"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-worth-avenue-white-with-grafton-green-upf-35\",\n            iu:  {\"id\":44158896603235,\"title\":\"M (9-18m)\",\"option1\":\"M (9-18m)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - M (9-18m)\",\"public_title\":\"M (9-18m)\",\"options\":[\"M (9-18m)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":100,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686840\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 133,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"M (9-18m)\" : 44158896603235}]\n          };\n          swymRegistryProductVariants[44158896636003] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44158896636003,\n            dt: \"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-worth-avenue-white-with-grafton-green-upf-35\",\n            iu:  {\"id\":44158896636003,\"title\":\"L (18m-2T)\",\"option1\":\"L (18m-2T)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-L\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - L (18m-2T)\",\"public_title\":\"L (18m-2T)\",\"options\":[\"L (18m-2T)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":80,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686833\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 80,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"L (18m-2T)\" : 44158896636003}]\n          };\n          swymRegistryProductVariants[44158896668771] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44158896668771,\n            dt: \"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-worth-avenue-white-with-grafton-green-upf-35\",\n            iu:  {\"id\":44158896668771,\"title\":\"XL (3T\\/4T)\",\"option1\":\"XL (3T\\/4T)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-XL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - XL (3T\\/4T)\",\"public_title\":\"XL (3T\\/4T)\",\"options\":[\"XL (3T\\/4T)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":29,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686864\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 29,\n            pr: 4400/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 4400/100, \n            variants: [{ \"XL (3T\\/4T)\" : 44158896668771}]\n          };window.swymRegistryProductInfo.currentVariant = 44158896537699;\n        window.swymRegistryProductData = {\n          et: 1, empi: window.swymRegistryProductInfo.product.id, epi: window.swymRegistryProductInfo.currentVariant,\n          dt: \"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+)\", du: \"https://www.thebeaufortbonnetcompany.com/products/beaufort-bucket-hat-worth-avenue-white-with-grafton-green-upf-35\",\n          ct: window.swymRegistryProductInfo.product.type, pr: 4400/100,\n          iu:  {\"id\":44158896537699,\"title\":\"XS (0-3m)\",\"option1\":\"XS (0-3m)\",\"option2\":null,\"option3\":null,\"sku\":\"1312-3462-XS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35891047956579,\"product_id\":8006040518755,\"position\":1,\"created_at\":\"2026-05-27T16:08:19-04:00\",\"updated_at\":\"2026-05-27T16:08:21-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\",\"variant_ids\":[44158896537699,44158896570467,44158896603235,44158896636003,44158896668771]},\"available\":true,\"name\":\"Henry's Boating Bucket - Worth Avenue White with Grafton Green (UPF 35+) - XS (0-3m)\",\"public_title\":\"XS (0-3m)\",\"options\":[\"XS (0-3m)\"],\"price\":4400,\"weight\":0,\"compare_at_price\":4400,\"inventory_quantity\":98,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971686871\",\"featured_media\":{\"alt\":null,\"id\":27414876913763,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/beaufortbuckethat-worthavenuewhitewithgraftongreen.jpg?v=1779912501\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} , variants: [{ \"XS (0-3m)\" : 44158896537699 }],\n          stk:98  ,op:4400/100 \n        };\n      \n    }\n  </script>\n\n  <script defer src=\"https://cloudfront.loggly.com/js/loggly.tracker-latest.min.js\"></script>\n  <script>\n    var _LTracker = _LTracker || [];\n    _LTracker.push({\n      logglyKey: '7a2be593-4080-4ce0-b039-cee174ba8365',\n      sendConsoleErrors: true,\n      tag: 'error,template,pdp',\n    });\n  </script>\n\n  <script>\n    if (\n      window.location.href.indexOf('/products/') > -1 ||\n      (document.querySelector(\"link[rel='canonical']\") &&\n        document.querySelector(\"link[rel='canonical']\").href.includes('/products/'))\n    ) {\n      if (!document.getElementById('swym-registry-dns-prefetch')) {\n        var swymRegistryLink = document.createElement('link');\n        swymRegistryLink.id = 'swym-registry-dns-prefetch';\n        swymRegistryLink.rel = 'dns-prefetch';\n        swymRegistryLink.href = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        document.head.appendChild(swymRegistryLink);\n      }\n      if (!document.getElementById('swym-registry-preconnect')) {\n        var swymRegistryLink = document.createElement('link');\n        swymRegistryLink.id = 'swym-registry-preconnect';\n        swymRegistryLink.rel = 'preconnect';\n        swymRegistryLink.href = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        document.head.appendChild(swymRegistryLink);\n      }\n      if (!document.getElementById('swym-registry-pdp-cdn')) {\n        var swymRegistryScript = document.createElement('script');\n        swymRegistryScript.id = 'swym-registry-pdp-cdn';\n        swymRegistryScript.src = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        swymRegistryScript.defer = 'defer';\n        document.head.appendChild(swymRegistryScript);\n      }\n      document.querySelector('.swym-registry-div-container').style.display = 'initial';\n    }\n  </script>\n\n  <style data-shopify>\n    .swym-registry-add-btn-container {\n      text-align: left;\n    }\n\n    .swym-registry-add-modal-btn {\n      position: relative;\n      font-family: inherit;\n\n      background-color: #0d2236;\n      color: #f1f1f1;\n      border: 1px solid #0d2236;\n      border-radius: 2px;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1.3rem 1rem;\n\n      width: 100%;\n      margin-bottom: 1rem;\n\n      display: inline-block;\n      cursor: pointer;\n\n      /* pointer-events: none;\n      opacity: 0.5; */\n    }\n\n    /* Styles for Popup */\n    .swym-registry-modal-container {\n      background-color: #ffffff;\n      color: #000000;\n      border: 1px solid rgba(0, 0, 0, 0.7);\n      font-family: inherit;\n      position: relative;\n      margin: 0 auto;\n      padding: 3rem 0;\n      width: 50%;\n      max-width: 1440px;\n      height: auto;\n      box-shadow: -1px 3px 18px grey;\n      animation: drop-in .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n      top: 50%;\n    }\n\n    .swym-registry-list-container h2 {\n      width: 100%;\n      text-align: center;\n      font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1440 - 320)));\n      color: inherit;\n    }\n\n    #swym-registry-unordered-list {\n      margin: 0;\n      padding: 0;\n    }\n    #swym-registry-unordered-list {\n      height: 250px;\n      overflow-y: scroll;\n      width: 75%;\n      margin: 0 auto;\n      margin-top: 3rem;\n    }\n    #swym-registry-unordered-list li {\n      list-style-type: none;\n      border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1rem 0 1rem 1.5rem;\n      cursor: pointer;\n    }\n    #swym-registry-unordered-list li:last-child {\n      border-bottom: none;\n    }\n    #swym-registry-unordered-list li.swym-registry-selected {\n      background: rgba(0, 0, 0, 0.1);\n    }\n    #swym-registry-unordered-list::-webkit-scrollbar {\n      width: 8px;\n    }\n    /* Track */\n    #swym-registry-unordered-list::-webkit-scrollbar-track {\n      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);\n      border-radius: 5px;\n    }\n    /* Handle */\n    #swym-registry-unordered-list::-webkit-scrollbar-thumb {\n      background: rgba(0, 0, 0, 0.7);\n      border-radius: 5px;\n    }\n    /* Handle on hover */\n    #swym-registry-unordered-list::-webkit-scrollbar-thumb:hover {\n      background: rgba(0, 0, 0, 0.5);\n    }\n\n    .swym-registry-pdp-btn-container {\n      display: flex;\n      width: 100%;\n    }\n    .swym-registry-pdp-btn-container button {\n      width: 75%;\n      margin: 0 auto;\n      outline: none;\n      background-color: #000000;\n      color: #ffffff;\n      border: 1px solid #ffffff;\n      border-radius: 2px;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1.3rem 1rem;\n      cursor: pointer;\n      text-align: center;\n      margin-top: 2rem;\n    }\n\n    .swym-registry-no-registry {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      width: 75%;\n      margin: 0 auto;\n      background-color: #ffffff;\n      color: #000000;\n      font-family: inherit;\n    }\n\n\n    /* Styles for Success Popup */\n    .swym-registry-add-success-font {\n      font-family: inherit;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n    }\n\n    .swym-registry-view-success-registry {\n      text-align: center;\n      margin: 0;\n      padding: 1rem;\n      width: 70%;\n      margin: 2rem 0;\n      cursor: pointer;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n      border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n    }\n  </style>\n  <link href=\"//cdn.shopify.com/extensions/019ecb19-9040-79fd-b642-197f4ce71009/swym-registry-shopify-extensions-23/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='8006041862243'\n          data-product-handle='walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n          data-color-family='swatch-walkers-wave-spotter'\n        >\n          <!-- Top Section: Image + Info -->\n          <div class='flex flex-row gap-5'>\n            <!-- Product Image -->\n            <a href='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35' class='flex-shrink-0' aria-label='Walker&#39;s Wave Spotter Swim Shirt - Grafton Green Stripe (UPF 35+)'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/walker_swavespotterswimshirtgraftongreenstripe_UPF35_withgraftongreenstork.jpg?v=1777648424&width=230'\n                  alt='Walker&#39;s Wave Spotter Swim Shirt - Grafton Green Stripe (UPF 35+)'\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/walker_swavespotterswimshirtgraftongreenstripe_UPF35_withgraftongreenstork.jpg?v=1777648424&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/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35' class='no-underline'>\n                <div class='h6 mb-[6px] text-t-brand-primary product-name'>\n                  Walker's Wave Spotter Swim Shirt\n                </div>\n              </a>\n\n              <div class='flex gap-[6px] justify-start'>\n                \n                  <div\n                    class='utility-2'\n                    data-price='5600'\n                  >\n                    $56.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 Walker's Wave Spotter Swim Shirt'\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                  Grafton Green Stripe (UPF 35+)\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/walkers-wave-spotter-swim-shirt-upf-35-worth-avenue-white'\n                            data-id='6821529419875'\n                            data-swatch='Worth Avenue White'\n                            data-product-name='Walker's Wave Spotter Swim Shirt (UPF 35+)'\n                            data-price='4600'\n                            data-compare-price='4600'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC_1.30.2-026_ASAP-3.jpg?v=1769809612&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC_1.30.2-026_ASAP-4.jpg?v=1769809612&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/b93d995b41a4--WORTH-AVENUE-WHITE.jpg?v=1738685939\"); 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/walkers-wave-spotter-swim-shirt-edisto-egg-blue-with-grace-bay-green-stork-upf-35'\n                            data-id='7940840685667'\n                            data-swatch='Edisto Egg Blue with Grace Bay Green Stork (UPF 35+)'\n                            data-product-name='Walker's Wave Spotter Swim Shirt'\n                            data-price='5600'\n                            data-compare-price='5600'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/walker_swavespotterswimshirtedistoeggbluewithgracebaygreenstork_UPF35.jpg?v=1766075347&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/DSC_2118_6174b87b-625c-4b1c-ab85-6c799d262914.jpg?v=1771448871&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Edisto_Egg_blue.jpg?v=1747832575\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Edisto Egg Blue with Grace Bay Green Stork (UPF 35+)'\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/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                            data-id='8006041862243'\n                            data-swatch='Grafton Green Stripe (UPF 35+)'\n                            data-product-name='Walker's Wave Spotter Swim Shirt'\n                            data-price='5600'\n                            data-compare-price='5600'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/walker_swavespotterswimshirtgraftongreenstripe_UPF35_withgraftongreenstork.jpg?v=1777648424&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/walker_swavespotterswimshirtgraftongreenstripe_UPF35_withgraftongreenstork-back.jpg?v=1777648425&width=500'\n                            \n                            \n                              aria-selected='true'\n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/graften_green_stripe.jpg?v=1780942586\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Grafton Green Stripe (UPF 35+)'\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='44158910201955'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910201955'\n                        name='size-8006041862243'\n                        value='44158910201955'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910201955'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910201955'\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='44158910234723'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910234723'\n                        name='size-8006041862243'\n                        value='44158910234723'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910234723'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910234723'\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='44158910267491'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910267491'\n                        name='size-8006041862243'\n                        value='44158910267491'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910267491'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910267491'\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='44158910300259'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910300259'\n                        name='size-8006041862243'\n                        value='44158910300259'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910300259'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910300259'\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='44158910333027'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910333027'\n                        name='size-8006041862243'\n                        value='44158910333027'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910333027'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910333027'\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='44158910365795'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910365795'\n                        name='size-8006041862243'\n                        value='44158910365795'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910365795'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910365795'\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='44158910398563'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910398563'\n                        name='size-8006041862243'\n                        value='44158910398563'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910398563'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910398563'\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='44158910431331'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910431331'\n                        name='size-8006041862243'\n                        value='44158910431331'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910431331'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910431331'\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='44158910464099'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910464099'\n                        name='size-8006041862243'\n                        value='44158910464099'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910464099'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910464099'\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='44158910496867'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910496867'\n                        name='size-8006041862243'\n                        value='44158910496867'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910496867'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910496867'\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='44158910529635'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910529635'\n                        name='size-8006041862243'\n                        value='44158910529635'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910529635'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910529635'\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='44158910562403'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910562403'\n                        name='size-8006041862243'\n                        value='44158910562403'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910562403'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910562403'\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='44158910595171'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910595171'\n                        name='size-8006041862243'\n                        value='44158910595171'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910595171'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910595171'\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='44158910627939'\n                      data-product-id='8006041862243'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006041862243-44158910627939'\n                        name='size-8006041862243'\n                        value='44158910627939'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158910627939'\n                        data-product-url='/products/walkers-wave-spotter-swim-shirt-grafton-green-stripe-upf-35'\n                      >\n                      <label\n                        for='variant-8006041862243-44158910627939'\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='8006041862243'\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='8006044254307'\n          data-product-handle='tortola-trunks-bal-harbour-hippo-beale-street-blue'\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-bal-harbour-hippo-beale-street-blue' class='flex-shrink-0' aria-label='Tortola Trunks - Bal Harbour Hippo (Beale Street Blue)'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunksbalharbourhippo_bealestblue_wtihworthavewhitestork.jpg?v=1777649910&width=230'\n                  alt='Tortola Trunks - Bal Harbour Hippo (Beale Street Blue)'\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/tortolatrunksbalharbourhippo_bealestblue_wtihworthavewhitestork.jpg?v=1777649910&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-bal-harbour-hippo-beale-street-blue' 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                  Bal Harbour Hippo (Beale Street Blue)\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                              <div\n                                class='absolute top-1/2 left-1/2 w-[120%] h-px bg-p-darkest transform-diagonal'\n                              ></div>\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                            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                        \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-bal-harbour-hippo-beale-street-blue'\n                            data-id='8006044254307'\n                            data-swatch='Bal Harbour Hippo (Beale Street Blue)'\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/tortolatrunksbalharbourhippo_bealestblue_wtihworthavewhitestork.jpg?v=1777649910&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/tortolatrunksbalharbourhippo_bealestblue_wtihworthavewhitestork-back.jpg?v=1777649912&width=500'\n                            \n                            \n                              aria-selected='true'\n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/bal_harbour_hippo.jpg?v=1780940882\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Bal Harbour Hippo (Beale Street Blue)'\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='44158936645731'\n                      data-product-id='8006044254307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006044254307-44158936645731'\n                        name='size-8006044254307'\n                        value='44158936645731'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='44158936645731'\n                        data-product-url='/products/tortola-trunks-bal-harbour-hippo-beale-street-blue'\n                      >\n                      <label\n                        for='variant-8006044254307-44158936645731'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out opacity-45 cursor-not-allowed'\n                      >\n                        0/6m\n                      </label>\n                      \n                        <span class='block absolute w-[40%] left-[30%] h-0 top-1/2 border-b border-t-brand-secondary z-10 transform rotate-[39deg]'>\n                          <span class='sr-only'>Variant sold out or unavailable</span>\n                        </span>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44158936678499'\n                      data-product-id='8006044254307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006044254307-44158936678499'\n                        name='size-8006044254307'\n                        value='44158936678499'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='44158936678499'\n                        data-product-url='/products/tortola-trunks-bal-harbour-hippo-beale-street-blue'\n                      >\n                      <label\n                        for='variant-8006044254307-44158936678499'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out opacity-45 cursor-not-allowed'\n                      >\n                        6/12m\n                      </label>\n                      \n                        <span class='block absolute w-[40%] left-[30%] h-0 top-1/2 border-b border-t-brand-secondary z-10 transform rotate-[39deg]'>\n                          <span class='sr-only'>Variant sold out or unavailable</span>\n                        </span>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44158936711267'\n                      data-product-id='8006044254307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006044254307-44158936711267'\n                        name='size-8006044254307'\n                        value='44158936711267'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='44158936711267'\n                        data-product-url='/products/tortola-trunks-bal-harbour-hippo-beale-street-blue'\n                      >\n                      <label\n                        for='variant-8006044254307-44158936711267'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out opacity-45 cursor-not-allowed'\n                      >\n                        12/18m\n                      </label>\n                      \n                        <span class='block absolute w-[40%] left-[30%] h-0 top-1/2 border-b border-t-brand-secondary z-10 transform rotate-[39deg]'>\n                          <span class='sr-only'>Variant sold out or unavailable</span>\n                        </span>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44158936744035'\n                      data-product-id='8006044254307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006044254307-44158936744035'\n                        name='size-8006044254307'\n                        value='44158936744035'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='44158936744035'\n                        data-product-url='/products/tortola-trunks-bal-harbour-hippo-beale-street-blue'\n                      >\n                      <label\n                        for='variant-8006044254307-44158936744035'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out opacity-45 cursor-not-allowed'\n                      >\n                        18/24m\n                      </label>\n                      \n                        <span class='block absolute w-[40%] left-[30%] h-0 top-1/2 border-b border-t-brand-secondary z-10 transform rotate-[39deg]'>\n                          <span class='sr-only'>Variant sold out or unavailable</span>\n                        </span>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44158936776803'\n                      data-product-id='8006044254307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006044254307-44158936776803'\n                        name='size-8006044254307'\n                        value='44158936776803'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='44158936776803'\n                        data-product-url='/products/tortola-trunks-bal-harbour-hippo-beale-street-blue'\n                      >\n                      <label\n                        for='variant-8006044254307-44158936776803'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out opacity-45 cursor-not-allowed'\n                      >\n                        2T\n                      </label>\n                      \n                        <span class='block absolute w-[40%] left-[30%] h-0 top-1/2 border-b border-t-brand-secondary z-10 transform rotate-[39deg]'>\n                          <span class='sr-only'>Variant sold out or unavailable</span>\n                        </span>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44158936809571'\n                      data-product-id='8006044254307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006044254307-44158936809571'\n                        name='size-8006044254307'\n                        value='44158936809571'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='44158936809571'\n                        data-product-url='/products/tortola-trunks-bal-harbour-hippo-beale-street-blue'\n                      >\n                      <label\n                        for='variant-8006044254307-44158936809571'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out opacity-45 cursor-not-allowed'\n                      >\n                        3T\n                      </label>\n                      \n                        <span class='block absolute w-[40%] left-[30%] h-0 top-1/2 border-b border-t-brand-secondary z-10 transform rotate-[39deg]'>\n                          <span class='sr-only'>Variant sold out or unavailable</span>\n                        </span>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44158936842339'\n                      data-product-id='8006044254307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006044254307-44158936842339'\n                        name='size-8006044254307'\n                        value='44158936842339'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='44158936842339'\n                        data-product-url='/products/tortola-trunks-bal-harbour-hippo-beale-street-blue'\n                      >\n                      <label\n                        for='variant-8006044254307-44158936842339'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out opacity-45 cursor-not-allowed'\n                      >\n                        4T\n                      </label>\n                      \n                        <span class='block absolute w-[40%] left-[30%] h-0 top-1/2 border-b border-t-brand-secondary z-10 transform rotate-[39deg]'>\n                          <span class='sr-only'>Variant sold out or unavailable</span>\n                        </span>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44158936875107'\n                      data-product-id='8006044254307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006044254307-44158936875107'\n                        name='size-8006044254307'\n                        value='44158936875107'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='44158936875107'\n                        data-product-url='/products/tortola-trunks-bal-harbour-hippo-beale-street-blue'\n                      >\n                      <label\n                        for='variant-8006044254307-44158936875107'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out opacity-45 cursor-not-allowed'\n                      >\n                        5\n                      </label>\n                      \n                        <span class='block absolute w-[40%] left-[30%] h-0 top-1/2 border-b border-t-brand-secondary z-10 transform rotate-[39deg]'>\n                          <span class='sr-only'>Variant sold out or unavailable</span>\n                        </span>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44158936907875'\n                      data-product-id='8006044254307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006044254307-44158936907875'\n                        name='size-8006044254307'\n                        value='44158936907875'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='44158936907875'\n                        data-product-url='/products/tortola-trunks-bal-harbour-hippo-beale-street-blue'\n                      >\n                      <label\n                        for='variant-8006044254307-44158936907875'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out opacity-45 cursor-not-allowed'\n                      >\n                        6\n                      </label>\n                      \n                        <span class='block absolute w-[40%] left-[30%] h-0 top-1/2 border-b border-t-brand-secondary z-10 transform rotate-[39deg]'>\n                          <span class='sr-only'>Variant sold out or unavailable</span>\n                        </span>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44158936940643'\n                      data-product-id='8006044254307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006044254307-44158936940643'\n                        name='size-8006044254307'\n                        value='44158936940643'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44158936940643'\n                        data-product-url='/products/tortola-trunks-bal-harbour-hippo-beale-street-blue'\n                      >\n                      <label\n                        for='variant-8006044254307-44158936940643'\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='44158936973411'\n                      data-product-id='8006044254307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-8006044254307-44158936973411'\n                        name='size-8006044254307'\n                        value='44158936973411'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='44158936973411'\n                        data-product-url='/products/tortola-trunks-bal-harbour-hippo-beale-street-blue'\n                      >\n                      <label\n                        for='variant-8006044254307-44158936973411'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out opacity-45 cursor-not-allowed'\n                      >\n                        8\n                      </label>\n                      \n                        <span class='block absolute w-[40%] left-[30%] h-0 top-1/2 border-b border-t-brand-secondary z-10 transform rotate-[39deg]'>\n                          <span class='sr-only'>Variant sold out or unavailable</span>\n                        </span>\n                      \n                    </div>\n                  \n                </div>\n              </div>\n            \n\n            <!-- Add to Cart Button -->\n            <button\n              class='btn w-full add-to-buggy-btn'\n              variant='primary'\n              data-product-id='8006044254307'\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='7978711056483'\n          data-product-handle='eli-the-elephant-kids-swim-goggles-sunnylife'\n          data-color-family=''\n        >\n          <!-- Top Section: Image + Info -->\n          <div class='flex flex-row gap-5'>\n            <!-- Product Image -->\n            <a href='/products/eli-the-elephant-kids-swim-goggles-sunnylife' class='flex-shrink-0' aria-label='Eli the Elephant Kids Swim Goggles - Sunnylife'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/S61SGEEM_3_a95622ca-f207-4fc7-9b0b-08184b19a9f3.webp?v=1773752145&width=230'\n                  alt='Eli the Elephant Kids Swim Goggles - Sunnylife'\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/S61SGEEM_3_a95622ca-f207-4fc7-9b0b-08184b19a9f3.webp?v=1773752145&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/eli-the-elephant-kids-swim-goggles-sunnylife' class='no-underline'>\n                <div class='h6 mb-[6px] text-t-brand-primary product-name'>\n                  Eli the Elephant Kids Swim Goggles\n                </div>\n              </a>\n\n              <div class='flex gap-[6px] justify-start'>\n                \n                  <div\n                    class='utility-2'\n                    data-price='2000'\n                  >\n                    $20.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 Eli the Elephant Kids Swim Goggles'\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                  Sunnylife\n                </div>\n\n                \n                  <div class='flex flex-wrap gap-3 color-swatches'>\n                    \n                    \n\n                    \n                  </div>\n                \n              </div>\n            \n\n            <!-- Size Selection -->\n            \n\n            <!-- Add to Cart Button -->\n            <button\n              class='btn w-full add-to-buggy-btn'\n              variant='primary'\n              data-product-id='7978711056483'\n              \n                data-variant-id='44057859850339'\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>"}