{"template--19271688126563__main":"<section id=\"shopify-section-template--19271688126563__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='sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook'></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/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook'\n  section-id='template--19271688126563__main'\n  id='template--19271688126563__main'\n  \n    update-okendo\n  \n>\n\n<div\n  id='MediaGallery-template--19271688126563__main'\n  role='region'\n  sub-section-id='MediaGallery-template--19271688126563__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--19271688126563__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--19271688126563__main-thumbs-swiper-zoom'\n            controller-control='#MediaGallery-template--19271688126563__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/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=90\" alt=\"The Beaufort Bonnet Company’s Sir Proper’s City Hopper T-Shirt in Beale Street Blue features SEABROOK printed in bold Palm Beach Pink letters across the chest. The shirt is displayed on a plain white background.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=90 90w\" height=\"4000.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=90\" alt=\"The Sir Proper’s City Hopper T-Shirt by The Beaufort Bonnet Company is shown from the back in its signature Beale Street Blue shade, featuring “THE BEAUFORT BONNET COMPANY” printed in Palm Beach Pink Seabrook uppercase letters across the upper back.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&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--19271688126563__main-thumbs-swiper-zoom'\n            auto-scroll-offset='true'\n            navigation='true'\n            slides-per-view='1'\n            id='MediaGallery-template--19271688126563__main-main-swiper-zoom'\n            pagination='{\"el\": \".swiper-counter-zoom-template--19271688126563__main\",\"type\": \"fraction\"}'\n            navigation-next-el='#shopify-section-template--19271688126563__main .swiper-button-next'\n            navigation-prev-el='#shopify-section-template--19271688126563__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/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=600\" alt=\"The Beaufort Bonnet Company’s Sir Proper’s City Hopper T-Shirt in Beale Street Blue features SEABROOK printed in bold Palm Beach Pink letters across the chest. The shirt is displayed on a plain white background.\" height=\"4000.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:49.121% 20.41%;\"></div><div class='swiper-lazy-preloader'></div></swiper-slide>\n            \n              <swiper-slide class='w-full h-full cursor-zoom-in relative block overflow-hidden bg-p-lightest border border-t-disabled'>\n                <div class='swiper-zoom-container'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=600\" alt=\"The Sir Proper’s City Hopper T-Shirt by The Beaufort Bonnet Company is shown from the back in its signature Beale Street Blue shade, featuring “THE BEAUFORT BONNET COMPANY” printed in Palm Beach Pink Seabrook uppercase letters across the upper back.\" height=\"3872.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\" style=\"object-position:49.121% 18.555%;\"></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--19271688126563__main utility-2 text-t-brand-primary flex justify-center items-center -mt-0.5'></div>\n            <button class='swiper-button-next disabled:text-t-disabled h-6 w-6 rounded-full flex items-center justify-center hover:opacity-90 text-t-brand-primary relative' aria-label='Slide right'>\n              \n<svg-icon\n  src='icon-arrow-left'\n  class='-rotate-180'\n\n  \n    style='--icon-size: 17px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n            </button>\n          </div>\n        </swiper-with-media>\n      </div>\n    </div>\n  \n  </modal-dialog>\n\n  <div\n    \n      class='grid grid-cols-1 md:gap-y-sm lg:grid-cols-[94px,minmax(0,_1fr)] gap-x-sm place-content-start lg:sticky lg:top-[--header-height] max-md:-mx-md'\n    \n  >\n    <div class='flex relative overflow-clip flex-col justify-center items-center max-h-[var(--product-gallery-height)]'>\n      \n<swiper-container\n            class='w-full hidden lg:block absolute top-0 left-0 h-full'\n            direction='vertical'\n            slides-per-view='auto'\n            space-between='10'\n            mousewheel='true'\n            id='MediaGallery-template--19271688126563__main-thumbs-swiper'\n          >\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-3 aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n                \n\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=94\" alt=\"The Beaufort Bonnet Company’s Sir Proper’s City Hopper T-Shirt in Beale Street Blue features SEABROOK printed in bold Palm Beach Pink letters across the chest. The shirt is displayed on a plain white background.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=80 80w\" height=\"4000.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-3 aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n                \n\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=94\" alt=\"The Sir Proper’s City Hopper T-Shirt by The Beaufort Bonnet Company is shown from the back in its signature Beale Street Blue shade, featuring “THE BEAUFORT BONNET COMPANY” printed in Palm Beach Pink Seabrook uppercase letters across the upper back.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=80 80w\" height=\"3872.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n          </swiper-container>\n    </div>\n\n    <div class=' relative aspect-square'><!-- ##entry##component-swiper-with-media##endentry## -->\n<product-swiper-with-media class='w-full h-full block relative '>\n        <swiper-container\n          class='w-full h-full block overflow-hidden'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--19271688126563__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--19271688126563__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--19271688126563__main-main-swiper'\n          pagination='{\"el\": \".swiper-counter-template--19271688126563__main\",\"type\": \"fraction\"}'\n          \n            scrollbar='{ \"el\": \".swiper-scrollbar-template--19271688126563__main\"}'\n          \n          navigation-next-el='#shopify-section-template--19271688126563__main .swiper-button-next'\n          navigation-prev-el='#shopify-section-template--19271688126563__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/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=800\" alt=\"The Beaufort Bonnet Company’s Sir Proper’s City Hopper T-Shirt in Beale Street Blue features SEABROOK printed in bold Palm Beach Pink letters across the chest. The shirt is displayed on a plain white background.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=800 800w\" height=\"4000.0\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:49.121% 20.41%;\">\n<dialog-toggle modal-id='MediaGallery-template--19271688126563__main-zoom-gallery' class='absolute top-0 right-0 md:top-sm md:right-sm z-30 size-full cursor-zoom-in lg:cursor-auto '><div class=\"absolute inset-0 lg:relative bg-p-success-lightest\">\n    <button class=\"h6 text-t-foreground p-xs hover:text-t-link grid place-content-center absolute top-5 right-5 md:top-0 md:right-0 bg-t-background rounded-full size-9\">\n      \n<svg-icon\n  src='icon-zoom-pinch'\n  class=''\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n      <span class=\"sr-only\">Zoom</span>\n    </button>\n  </div>\n</dialog-toggle></swiper-slide>\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n              <div class='opacity-0 hidden'>\n                \n              </div>\n\n              \n\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=800\" alt=\"The Sir Proper’s City Hopper T-Shirt by The Beaufort Bonnet Company is shown from the back in its signature Beale Street Blue shade, featuring “THE BEAUFORT BONNET COMPANY” printed in Palm Beach Pink Seabrook uppercase letters across the upper back.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=800 800w\" height=\"3872.0\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:49.121% 18.555%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--19271688126563__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--19271688126563__main h-0.5 bg-t-border-primary md:hidden '\n      ></div>\n      \n        <div class='flex justify-between md:justify-center py-md md-max:pb-0 px-pagemargin md:px-xs md:py-2xs w-full gap-sm '>\n          <button\n            class='swiper-button-prev disabled:text-t-disabled h-6 w-6 rounded-full flex items-center justify-center hover:opacity-90 text-t-brand-primary relative '\n            aria-label='Slide left'\n          >\n            \n<svg-icon\n  src='icon-arrow-left'\n  class='rotate-0'\n\n  \n    style='--icon-size: 17px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n          </button>\n          <div\n            class='slider-counter swiper-counter-template--19271688126563__main utility-2 text-t-brand-primary flex justify-center items-center -mt-0.5 '\n          ></div>\n          <button\n            class='swiper-button-next disabled:text-t-disabled h-6 w-6 rounded-full flex items-center justify-center hover:opacity-90 text-t-brand-primary relative '\n            aria-label='Slide right'\n          >\n            \n<svg-icon\n  src='icon-arrow-left'\n  class='-rotate-180'\n\n  \n    style='--icon-size: 17px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n          </button>\n        </div>\n      \n\n      <div class=' hidden'>\n        \n          <div class='w-full h-full relative block bg-p-lightest'>\n            <div class='opacity-0 hidden'>\n              \n            </div>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=600\" alt=\"The Beaufort Bonnet Company’s Sir Proper’s City Hopper T-Shirt in Beale Street Blue features SEABROOK printed in bold Palm Beach Pink letters across the chest. The shirt is displayed on a plain white background.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=600 600w\" height=\"4000.0\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:49.121% 20.41%;\"></div>\n        \n          <div class='w-full h-full relative block bg-p-lightest'>\n            <div class='opacity-0 hidden'>\n              \n            </div>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=600\" alt=\"The Sir Proper’s City Hopper T-Shirt by The Beaufort Bonnet Company is shown from the back in its signature Beale Street Blue shade, featuring “THE BEAUFORT BONNET COMPANY” printed in Palm Beach Pink Seabrook uppercase letters across the upper back.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124&amp;width=600 600w\" height=\"3872.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:49.121% 18.555%;\"><div class='swiper-lazy-preloader'></div></div>\n        \n      </div>\n    </div>\n  </div>\n</div>\n\n\n\n\n<section\n  id='ProductInfo-template--19271688126563__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='Sir Proper&#39;s City Hopper T-Shirt'\n  data-product-url='/products/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook'\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/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook' aria-current='page'>Sir Proper's City Hopper T-Shirt</a>\n    </li>\n  </ol>\n</nav>\n\n<script src='//www.thebeaufortbonnetcompany.com/cdn/shop/t/353/assets/breadcrumb-session.js?v=157159141911467853401788167868' defer></script>\n<div id=\"shopify-block-AYm9kU1VTTnhXOXZnN__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-7548292071523\"\n    >\n        <div data-oke-reviews-version=\"0.102.0\" data-oke-container=\"\" class=\"okeReviews oke-sr\"><div class=\"\"><div class=\"oke-sr-rating\"> 5.0 </div><div class=\"oke-sr-stars\"><div class=\"oke-stars\"><!----><div class=\"oke-stars-background\"><svg height=\"18\" viewBox=\"0 0 79.22222222222221 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-empty\"></use><use x=\"16.155555555555555\" href=\"#oke-star-empty\"></use><use x=\"32.31111111111111\" href=\"#oke-star-empty\"></use><use x=\"48.46666666666667\" href=\"#oke-star-empty\"></use><use x=\"64.62222222222222\" href=\"#oke-star-empty\"></use></svg></div><div class=\"oke-stars-foreground\" style=\"width: 100%;\"><svg height=\"18\" viewBox=\"0 0 79.22222222222221 14\" aria-hidden=\"true\" role=\"none\"><use x=\"0\" href=\"#oke-star-filled\"></use><use x=\"16.155555555555555\" href=\"#oke-star-filled\"></use><use x=\"32.31111111111111\" href=\"#oke-star-filled\"></use><use x=\"48.46666666666667\" href=\"#oke-star-filled\"></use><use x=\"64.62222222222222\" href=\"#oke-star-filled\"></use></svg></div><span class=\"oke-a11yText\">Rated 5.0 out of 5 stars</span></div></div><div class=\"oke-sr-count\"><span class=\"oke-sr-count-number\">1</span><span class=\"oke-sr-label-text\"> Review</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"5.0\",\"reviewCount\":1} </script></div>\n    </div>\n\n\n\n</div><div sub-section-id='title'>\n          <div >\n            \n<h1 class='md:pr-md text-t-foreground h2 leading-[1.1]'>\n              Sir Proper&#39;s City Hopper T-Shirt<span class='sr-only'> - Beale Street Blue with Palm Beach Pink Seabrook</span></h1>\n          </div>\n\n          <div sub-section-id='title' class='pt-xs md:pt-3'><div\n                class='h6'\n                id='price-template--19271688126563__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 on-sale'\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            $21\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                $30\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          $21\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--19271688126563__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='42474107469923'>\n                <shopify-payment-terms variant-id=\"42474107469923\" 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;:42474119954531,&quot;price_per_term&quot;:&quot;$10.50&quot;,&quot;full_price&quot;:&quot;$21.00&quot;,&quot;eligible&quot;:false,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:42474107338851,&quot;price_per_term&quot;:&quot;$10.50&quot;,&quot;full_price&quot;:&quot;$21.00&quot;,&quot;eligible&quot;:false,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:42474107371619,&quot;price_per_term&quot;:&quot;$10.50&quot;,&quot;full_price&quot;:&quot;$21.00&quot;,&quot;eligible&quot;:false,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:42474107404387,&quot;price_per_term&quot;:&quot;$10.50&quot;,&quot;full_price&quot;:&quot;$21.00&quot;,&quot;eligible&quot;:false,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:42474107437155,&quot;price_per_term&quot;:&quot;$10.50&quot;,&quot;full_price&quot;:&quot;$21.00&quot;,&quot;eligible&quot;:false,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:42474107469923,&quot;price_per_term&quot;:&quot;$10.50&quot;,&quot;full_price&quot;:&quot;$21.00&quot;,&quot;eligible&quot;:false,&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;$999.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]},{&quot;min_price&quot;:&quot;$1,000.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;terms&quot;:[{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]}],&quot;installments_buyer_prequalification_enabled&quot;:false,&quot;seller_id&quot;:1669185}\"></shopify-payment-terms>\n<input type=\"hidden\" name=\"product-id\" value=\"7548292071523\" /><input type=\"hidden\" name=\"section-id\" value=\"template--19271688126563__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      Beale Street Blue with Palm Beach Pink Seabrook\n    </p>\n  </div>\n\n</div>\n    </product-swatches>\n  \n\n\n\n<fieldset>\n          \n            <div class='mb-xs'>\n              <legend class='w-full'>\n                <div class='utility-3 uppercase text-t-foreground flex justify-between w-full items-center mb-3'>\n                  <div>\n                    <span>\n                      Size\n                    </span>\n\n                    \n                      <span class='text-caption italic pl-xs'>Only 2 left!</span>\n                    \n                  </div>\n                  \n\n                      \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n\n                    \n                  \n                </div>\n              </legend>\n            </div>\n          \n\n          <div class='grid grid-cols-5 gap-x-2xs gap-y-2xs'>\n            \n<!-- ##entry##core-pill-input-handler##endentry## -->\n\n    <link\n      rel='preload'\n      href='/products/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook?variant=42474119954531&sections=template--19271688126563__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='XXS (18/25m)'\n    form='product-form-template--19271688126563__main'\n    \n    \n    data-option-value-id=\"3143846035555\"\n    data-variant-id=\"42474119954531\"\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    XXS (18/25m)</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-0'>\n    {\"id\":42474119954531,\"title\":\"XXS (18\\/25m)\",\"option1\":\"XXS (18\\/25m)\",\"option2\":null,\"option3\":null,\"sku\":\"5517-4326-XXS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook - XXS (18\\/25m)\",\"public_title\":\"XXS (18\\/25m)\",\"options\":[\"XXS (18\\/25m)\"],\"price\":2100,\"weight\":0,\"compare_at_price\":3000,\"inventory_quantity\":3,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971473730\",\"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/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook?variant=42474107338851&sections=template--19271688126563__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='XS (2T/3T)'\n    form='product-form-template--19271688126563__main'\n    \n    \n    data-option-value-id=\"3143830339683\"\n    data-variant-id=\"42474107338851\"\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    XS (2T/3T)</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-1'>\n    {\"id\":42474107338851,\"title\":\"XS (2T\\/3T)\",\"option1\":\"XS (2T\\/3T)\",\"option2\":null,\"option3\":null,\"sku\":\"5517-4326-XS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook - XS (2T\\/3T)\",\"public_title\":\"XS (2T\\/3T)\",\"options\":[\"XS (2T\\/3T)\"],\"price\":2100,\"weight\":0,\"compare_at_price\":3000,\"inventory_quantity\":11,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971467159\",\"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/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook?variant=42474107371619&sections=template--19271688126563__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='S (4/5)'\n    form='product-form-template--19271688126563__main'\n    \n    \n    data-option-value-id=\"3143830274147\"\n    data-variant-id=\"42474107371619\"\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    S (4/5)</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-2'>\n    {\"id\":42474107371619,\"title\":\"S (4\\/5)\",\"option1\":\"S (4\\/5)\",\"option2\":null,\"option3\":null,\"sku\":\"5517-4326-S\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook - S (4\\/5)\",\"public_title\":\"S (4\\/5)\",\"options\":[\"S (4\\/5)\"],\"price\":2100,\"weight\":0,\"compare_at_price\":3000,\"inventory_quantity\":16,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971467135\",\"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/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook?variant=42474107404387&sections=template--19271688126563__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='M (6/7)'\n    form='product-form-template--19271688126563__main'\n    \n    \n    data-option-value-id=\"3143830241379\"\n    data-variant-id=\"42474107404387\"\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    M (6/7)</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-3'>\n    {\"id\":42474107404387,\"title\":\"M (6\\/7)\",\"option1\":\"M (6\\/7)\",\"option2\":null,\"option3\":null,\"sku\":\"5517-4326-M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook - M (6\\/7)\",\"public_title\":\"M (6\\/7)\",\"options\":[\"M (6\\/7)\"],\"price\":2100,\"weight\":0,\"compare_at_price\":3000,\"inventory_quantity\":25,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971467128\",\"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/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook?variant=42474107437155&sections=template--19271688126563__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='L (8/10)'\n    form='product-form-template--19271688126563__main'\n    \n    \n    data-option-value-id=\"3143830208611\"\n    data-variant-id=\"42474107437155\"\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    L (8/10)</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-4'>\n    {\"id\":42474107437155,\"title\":\"L (8\\/10)\",\"option1\":\"L (8\\/10)\",\"option2\":null,\"option3\":null,\"sku\":\"5517-4326-L\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook - L (8\\/10)\",\"public_title\":\"L (8\\/10)\",\"options\":[\"L (8\\/10)\"],\"price\":2100,\"weight\":0,\"compare_at_price\":3000,\"inventory_quantity\":3,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971467111\",\"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/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook?variant=42474107469923&sections=template--19271688126563__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-5'\n    name='Size-1'\n    value='XL (12)'\n    form='product-form-template--19271688126563__main'\n    \n      checked\n    \n    \n    data-option-value-id=\"3143830306915\"\n    data-variant-id=\"42474107469923\"\n    class='absolute w-px h-px -m-px overflow-hidden opacity-0 pointer-events-none peer'\n    style='clip: rect(0, 0, 0, 0);'\n    \n  >\n  <label\n    for='variant_picker-1-5'\n    role='button'\n    tabindex='0'\n    class='block w-full items-center justify-center utility-3 min-h-button-height md:min-h-xl p-xs border border-t-border border-solid \n text-center peer-focus:border-t-foreground-secondary peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out text-t-foreground text-[12px]'\n  >\n    XL (12)</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-5'>\n    {\"id\":42474107469923,\"title\":\"XL (12)\",\"option1\":\"XL (12)\",\"option2\":null,\"option3\":null,\"sku\":\"5517-4326-XL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook - XL (12)\",\"public_title\":\"XL (12)\",\"options\":[\"XL (12)\"],\"price\":2100,\"weight\":0,\"compare_at_price\":3000,\"inventory_quantity\":2,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971467142\",\"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\":42474107469923,\"title\":\"XL (12)\",\"option1\":\"XL (12)\",\"option2\":null,\"option3\":null,\"sku\":\"5517-4326-XL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook - XL (12)\",\"public_title\":\"XL (12)\",\"options\":[\"XL (12)\"],\"price\":2100,\"weight\":0,\"compare_at_price\":3000,\"inventory_quantity\":2,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971467142\",\"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--19271688126563__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--19271688126563__main'\n  >\n    Quantity\n<!-- ##entry##component-variants-in-cart##endentry## -->\n<variants-in-cart\n      variant-id='42474107469923'\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='42474107469923'\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--19271688126563__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Sir Proper&amp;#39;s City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook</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 Sir Proper&amp;#39;s City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook'\n    id='product-form-template--19271688126563__main-quantity'\n\n    \n      form='product-form-template--19271688126563__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--19271688126563__main-quantity__increment'\n  >\n    <span class='sr-only'>Increase quantity for Sir Proper&amp;#39;s City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook</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--19271688126563__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--19271688126563__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='42474107469923'\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='7548292071523'\n              variant-id='42474107469923'\n              product-handle='sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook'\n            >\n              <a\n                class='btn !min-w-[46px] cursor-pointer !p-0 js-wishlist-button '\n                variant='primary'\n                role='button'\n                tabindex='0'\n                wishlist-trigger\n                aria-label='Wishlist'\n              >\n<svg-icon\n  src='icon-wish'\n  class='min-w-4 text-white js-icon-wish'\n\n  \n    style='--icon-size: 20px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n<svg-icon\n  src='icon-wish-filled'\n  class='min-w-4 text-white js-icon-wish-filled'\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</a>\n            </wish-list><div data-shopify=\"payment-button\" class=\"shopify-payment-button\"> <shopify-accelerated-checkout recommended=\"{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;shop_pay&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:3675301,&quot;merchantName&quot;:&quot;The Beaufort Bonnet Company&quot;,&quot;personalized&quot;:true}}\" fallback=\"{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:true,&quot;name&quot;:&quot;buy_it_now&quot;,&quot;wallet_params&quot;:{}}\" access-token=\"0b700dfebd557e4e13bdf04b1f978386\" buyer-country=\"US\" buyer-locale=\"en-US\" buyer-currency=\"USD\" variant-params=\"[{&quot;id&quot;:42474119954531,&quot;requiresShipping&quot;:true},{&quot;id&quot;:42474107338851,&quot;requiresShipping&quot;:true},{&quot;id&quot;:42474107371619,&quot;requiresShipping&quot;:true},{&quot;id&quot;:42474107404387,&quot;requiresShipping&quot;:true},{&quot;id&quot;:42474107437155,&quot;requiresShipping&quot;:true},{&quot;id&quot;:42474107469923,&quot;requiresShipping&quot;:true}]\" shop-id=\"3675301\" enabled-flags=\"[&quot;a1d1f9a1&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=\"7548292071523\" /><input type=\"hidden\" name=\"section-id\" value=\"template--19271688126563__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        Sir Proper's City Hopper T-Shirt | Beale Street Blue with Palm Beach Pink Seabrook... Size XL (12)\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\": \"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook\", \"URL\":\"https://www.thebeaufortbonnetcompany.com/products/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook\" } } );\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--19271688126563__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/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540&amp;width=90\" alt=\"The Beaufort Bonnet Company’s Sir Proper’s City Hopper T-Shirt in Beale Street Blue features SEABROOK printed in bold Palm Beach Pink letters across the chest. The shirt is displayed on a plain white background.\" height=\"4000.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:49.121% 20.41%;\"></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          Sir Proper&#39;s City Hopper T-Shirt\n        </h4>\n\n        \n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price utility-2\n on-sale'\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            $21\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                $30\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          $21\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--19271688126563__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='7548292071523'\n          variant-id='42474107469923'\n          product-handle='sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook'\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><span>Our Sir Proper's City Hopper T-Shirt in Beale Street Blue is the perfect shirt for every day. Your little one is sure to enjoy this comfortable fit! </span></p>\n<p>Made exclusively for our corporate stores. Shop now for a limited time!</p>\n<p><strong>*FINAL SALE- No returns or exchanges.</strong></p>\n          </div>\n\n\n\n\n              <div\n                sub-section-id='collapsible-row-1'\n                class='border-t border-t-brand-dull-gold'\n              >\n                <div\n                  class='accordion'\n                  \n                >\n                  <div\n  id='Details-collapsible-row-1-template--19271688126563__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--19271688126563__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--19271688126563__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--19271688126563__main'\n      name='accordion-input--collapsible-row-1-template-19271688126563__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--19271688126563__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--19271688126563__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--19271688126563__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/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook'\n  data-original-text='Share this product'\n  data-copied-text='Copied to clipboard!'\n  data-product-title='Sir Proper&#39;s City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook'\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-AVGNsSThGbHFJRmdDa__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\":7548292071523,\"title\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook\",\"handle\":\"sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook\",\"description\":\"\\u003cp\\u003e\\u003cspan\\u003eOur Sir Proper's City Hopper T-Shirt in Beale Street Blue is the perfect shirt for every day. Your little one is sure to enjoy this comfortable fit! \\u003c\\/span\\u003e\\u003c\\/p\\u003e\\n\\u003cp\\u003eMade exclusively for our corporate stores. Shop now for a limited time!\\u003c\\/p\\u003e\\n\\u003cp\\u003e\\u003cstrong\\u003e*FINAL SALE- No returns or exchanges.\\u003c\\/strong\\u003e\\u003c\\/p\\u003e\",\"published_at\":\"2026-07-09T17:16:03-04:00\",\"created_at\":\"2024-06-28T11:32:55-04:00\",\"vendor\":\"The Beaufort Bonnet Company\",\"type\":\"Shirts\",\"tags\":[\"7.10 pp\",\"7.30.26\",\"8.28seo\",\"Apparel\",\"category-Tops \\u0026 Sweaters\",\"color-Blue\",\"color-Pink\",\"FinalSale\",\"gender-Boys\",\"gender-Girls\",\"gender-Unisex\",\"insider15\",\"NO-TREET\",\"ppp26\"],\"price\":2100,\"price_min\":2100,\"price_max\":2100,\"available\":true,\"price_varies\":false,\"compare_at_price\":3000,\"compare_at_price_min\":3000,\"compare_at_price_max\":3000,\"compare_at_price_varies\":false,\"variants\":[{\"id\":42474119954531,\"title\":\"XXS (18\\/25m)\",\"option1\":\"XXS (18\\/25m)\",\"option2\":null,\"option3\":null,\"sku\":\"5517-4326-XXS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook - XXS (18\\/25m)\",\"public_title\":\"XXS (18\\/25m)\",\"options\":[\"XXS (18\\/25m)\"],\"price\":2100,\"weight\":0,\"compare_at_price\":3000,\"inventory_quantity\":3,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971473730\",\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":42474107338851,\"title\":\"XS (2T\\/3T)\",\"option1\":\"XS (2T\\/3T)\",\"option2\":null,\"option3\":null,\"sku\":\"5517-4326-XS\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook - XS (2T\\/3T)\",\"public_title\":\"XS (2T\\/3T)\",\"options\":[\"XS (2T\\/3T)\"],\"price\":2100,\"weight\":0,\"compare_at_price\":3000,\"inventory_quantity\":11,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971467159\",\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":42474107371619,\"title\":\"S (4\\/5)\",\"option1\":\"S (4\\/5)\",\"option2\":null,\"option3\":null,\"sku\":\"5517-4326-S\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook - S (4\\/5)\",\"public_title\":\"S (4\\/5)\",\"options\":[\"S (4\\/5)\"],\"price\":2100,\"weight\":0,\"compare_at_price\":3000,\"inventory_quantity\":16,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971467135\",\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":42474107404387,\"title\":\"M (6\\/7)\",\"option1\":\"M (6\\/7)\",\"option2\":null,\"option3\":null,\"sku\":\"5517-4326-M\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook - M (6\\/7)\",\"public_title\":\"M (6\\/7)\",\"options\":[\"M (6\\/7)\"],\"price\":2100,\"weight\":0,\"compare_at_price\":3000,\"inventory_quantity\":25,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971467128\",\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":42474107437155,\"title\":\"L (8\\/10)\",\"option1\":\"L (8\\/10)\",\"option2\":null,\"option3\":null,\"sku\":\"5517-4326-L\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook - L (8\\/10)\",\"public_title\":\"L (8\\/10)\",\"options\":[\"L (8\\/10)\"],\"price\":2100,\"weight\":0,\"compare_at_price\":3000,\"inventory_quantity\":3,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971467111\",\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":42474107469923,\"title\":\"XL (12)\",\"option1\":\"XL (12)\",\"option2\":null,\"option3\":null,\"sku\":\"5517-4326-XL\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":null,\"available\":true,\"name\":\"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook - XL (12)\",\"public_title\":\"XL (12)\",\"options\":[\"XL (12)\"],\"price\":2100,\"weight\":0,\"compare_at_price\":3000,\"inventory_quantity\":2,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971467142\",\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}],\"images\":[\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124\"],\"featured_image\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540\",\"options\":[\"Size\"],\"media\":[{\"alt\":\"The Beaufort Bonnet Company’s Sir Proper’s City Hopper T-Shirt in Beale Street Blue features SEABROOK printed in bold Palm Beach Pink letters across the chest. The shirt is displayed on a plain white background.\",\"id\":25362974834787,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":4000,\"width\":4000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540\"},\"aspect_ratio\":1.0,\"height\":4000,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540\",\"width\":4000},{\"alt\":\"The Sir Proper’s City Hopper T-Shirt by The Beaufort Bonnet Company is shown from the back in its signature Beale Street Blue shade, featuring “THE BEAUFORT BONNET COMPANY” printed in Palm Beach Pink Seabrook uppercase letters across the upper back.\",\"id\":27757501087843,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124\"},\"aspect_ratio\":1.0,\"height\":3872,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/Sir_Proper_City_Hopper_T-Shirt_-_Beale_Street_Blue_with_Palm_Beach_Pink_Naples_back_54d79124-67d5-458e-86fe-8c18657b8d88.jpg?v=1783967124\",\"width\":3872}],\"requires_selling_plan\":false,\"selling_plan_groups\":[],\"content\":\"\\u003cp\\u003e\\u003cspan\\u003eOur Sir Proper's City Hopper T-Shirt in Beale Street Blue is the perfect shirt for every day. Your little one is sure to enjoy this comfortable fit! \\u003c\\/span\\u003e\\u003c\\/p\\u003e\\n\\u003cp\\u003eMade exclusively for our corporate stores. Shop now for a limited time!\\u003c\\/p\\u003e\\n\\u003cp\\u003e\\u003cstrong\\u003e*FINAL SALE- No returns or exchanges.\\u003c\\/strong\\u003e\\u003c\\/p\\u003e\"};\n        window.swymRegistryProductInfo.variants = window.swymRegistryProductInfo.product.variants;\n        var swymRegistryProductImageUrl = \"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/TBBC7.16.2024-4_beige_9f09475e-7c6d-4d07-be9f-ffe46611b7bf.jpg?v=1762289540\";\n        \n\n          swymRegistryProductVariants[42474119954531] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:42474119954531,\n            dt: \"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook\",\n            iu:  swymRegistryProductImageUrl ,\n            stk: 3,\n            pr: 2100/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 3000/100, \n            variants: [{ \"XXS (18\\/25m)\" : 42474119954531}]\n          };\n          swymRegistryProductVariants[42474107338851] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:42474107338851,\n            dt: \"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook\",\n            iu:  swymRegistryProductImageUrl ,\n            stk: 11,\n            pr: 2100/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 3000/100, \n            variants: [{ \"XS (2T\\/3T)\" : 42474107338851}]\n          };\n          swymRegistryProductVariants[42474107371619] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:42474107371619,\n            dt: \"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook\",\n            iu:  swymRegistryProductImageUrl ,\n            stk: 16,\n            pr: 2100/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 3000/100, \n            variants: [{ \"S (4\\/5)\" : 42474107371619}]\n          };\n          swymRegistryProductVariants[42474107404387] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:42474107404387,\n            dt: \"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook\",\n            iu:  swymRegistryProductImageUrl ,\n            stk: 25,\n            pr: 2100/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 3000/100, \n            variants: [{ \"M (6\\/7)\" : 42474107404387}]\n          };\n          swymRegistryProductVariants[42474107437155] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:42474107437155,\n            dt: \"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook\",\n            iu:  swymRegistryProductImageUrl ,\n            stk: 3,\n            pr: 2100/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 3000/100, \n            variants: [{ \"L (8\\/10)\" : 42474107437155}]\n          };\n          swymRegistryProductVariants[42474107469923] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:42474107469923,\n            dt: \"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook\",\n            iu:  swymRegistryProductImageUrl ,\n            stk: 2,\n            pr: 2100/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 3000/100, \n            variants: [{ \"XL (12)\" : 42474107469923}]\n          };window.swymRegistryProductInfo.currentVariant = 42474107469923;\n        window.swymRegistryProductData = {\n          et: 1, empi: window.swymRegistryProductInfo.product.id, epi: window.swymRegistryProductInfo.currentVariant,\n          dt: \"Sir Proper's City Hopper T-Shirt - Beale Street Blue with Palm Beach Pink Seabrook\", du: \"https://www.thebeaufortbonnetcompany.com/products/sir-propers-city-hopper-t-shirt-beale-street-blue-with-palm-beach-pink-seabrook\",\n          ct: window.swymRegistryProductInfo.product.type, pr: 2100/100,\n          iu:  swymRegistryProductImageUrl , variants: [{ \"XL (12)\" : 42474107469923 }],\n          stk:2  ,op:3000/100 \n        };\n      \n    }\n  </script>\n\n  <script defer src=\"https://cloudfront.loggly.com/js/loggly.tracker-latest.min.js\"></script>\n  <script>\n    var _LTracker = _LTracker || [];\n    _LTracker.push({\n      logglyKey: '7a2be593-4080-4ce0-b039-cee174ba8365',\n      sendConsoleErrors: true,\n      tag: 'error,template,pdp',\n    });\n  </script>\n\n  <script>\n    if (\n      window.location.href.indexOf('/products/') > -1 ||\n      (document.querySelector(\"link[rel='canonical']\") &&\n        document.querySelector(\"link[rel='canonical']\").href.includes('/products/'))\n    ) {\n      if (!document.getElementById('swym-registry-dns-prefetch')) {\n        var swymRegistryLink = document.createElement('link');\n        swymRegistryLink.id = 'swym-registry-dns-prefetch';\n        swymRegistryLink.rel = 'dns-prefetch';\n        swymRegistryLink.href = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        document.head.appendChild(swymRegistryLink);\n      }\n      if (!document.getElementById('swym-registry-preconnect')) {\n        var swymRegistryLink = document.createElement('link');\n        swymRegistryLink.id = 'swym-registry-preconnect';\n        swymRegistryLink.rel = 'preconnect';\n        swymRegistryLink.href = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        document.head.appendChild(swymRegistryLink);\n      }\n      if (!document.getElementById('swym-registry-pdp-cdn')) {\n        var swymRegistryScript = document.createElement('script');\n        swymRegistryScript.id = 'swym-registry-pdp-cdn';\n        swymRegistryScript.src = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        swymRegistryScript.defer = 'defer';\n        document.head.appendChild(swymRegistryScript);\n      }\n      document.querySelector('.swym-registry-div-container').style.display = 'initial';\n    }\n  </script>\n\n  <style data-shopify>\n    .swym-registry-add-btn-container {\n      text-align: left;\n    }\n\n    .swym-registry-add-modal-btn {\n      position: relative;\n      font-family: inherit;\n\n      background-color: #0d2236;\n      color: #f1f1f1;\n      border: 1px solid #0d2236;\n      border-radius: 2px;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1.3rem 1rem;\n\n      width: 100%;\n      margin-bottom: 1rem;\n\n      display: inline-block;\n      cursor: pointer;\n\n      /* pointer-events: none;\n      opacity: 0.5; */\n    }\n\n    /* Styles for Popup */\n    .swym-registry-modal-container {\n      background-color: #ffffff;\n      color: #000000;\n      border: 1px solid rgba(0, 0, 0, 0.7);\n      font-family: inherit;\n      position: relative;\n      margin: 0 auto;\n      padding: 3rem 0;\n      width: 50%;\n      max-width: 1440px;\n      height: auto;\n      box-shadow: -1px 3px 18px grey;\n      animation: drop-in .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n      top: 50%;\n    }\n\n    .swym-registry-list-container h2 {\n      width: 100%;\n      text-align: center;\n      font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1440 - 320)));\n      color: inherit;\n    }\n\n    #swym-registry-unordered-list {\n      margin: 0;\n      padding: 0;\n    }\n    #swym-registry-unordered-list {\n      height: 250px;\n      overflow-y: scroll;\n      width: 75%;\n      margin: 0 auto;\n      margin-top: 3rem;\n    }\n    #swym-registry-unordered-list li {\n      list-style-type: none;\n      border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1rem 0 1rem 1.5rem;\n      cursor: pointer;\n    }\n    #swym-registry-unordered-list li:last-child {\n      border-bottom: none;\n    }\n    #swym-registry-unordered-list li.swym-registry-selected {\n      background: rgba(0, 0, 0, 0.1);\n    }\n    #swym-registry-unordered-list::-webkit-scrollbar {\n      width: 8px;\n    }\n    /* Track */\n    #swym-registry-unordered-list::-webkit-scrollbar-track {\n      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);\n      border-radius: 5px;\n    }\n    /* Handle */\n    #swym-registry-unordered-list::-webkit-scrollbar-thumb {\n      background: rgba(0, 0, 0, 0.7);\n      border-radius: 5px;\n    }\n    /* Handle on hover */\n    #swym-registry-unordered-list::-webkit-scrollbar-thumb:hover {\n      background: rgba(0, 0, 0, 0.5);\n    }\n\n    .swym-registry-pdp-btn-container {\n      display: flex;\n      width: 100%;\n    }\n    .swym-registry-pdp-btn-container button {\n      width: 75%;\n      margin: 0 auto;\n      outline: none;\n      background-color: #000000;\n      color: #ffffff;\n      border: 1px solid #ffffff;\n      border-radius: 2px;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1.3rem 1rem;\n      cursor: pointer;\n      text-align: center;\n      margin-top: 2rem;\n    }\n\n    .swym-registry-no-registry {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      width: 75%;\n      margin: 0 auto;\n      background-color: #ffffff;\n      color: #000000;\n      font-family: inherit;\n    }\n\n\n    /* Styles for Success Popup */\n    .swym-registry-add-success-font {\n      font-family: inherit;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n    }\n\n    .swym-registry-view-success-registry {\n      text-align: center;\n      margin: 0;\n      padding: 1rem;\n      width: 70%;\n      margin: 2rem 0;\n      cursor: pointer;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n      border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n    }\n  </style>\n  <link href=\"//cdn.shopify.com/extensions/019f7ee6-3f1b-79b3-b025-a36eeb9334ac/swym-registry-shopify-extensions-25/assets/swym-registry-pdp-extension.css\" rel=\"stylesheet\" type=\"text/css\" media=\"all\" />\n</div>\n\n\n</div><div sub-section-id='complete_the_look_yiRtAX'>\n\n\n\n\n</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/353/assets/-core-main-product.css?v=14442081185651659231788167856\" 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/353/assets/sort-arrows.png?v=7943459221422010101788167890');\n  }\n</style>\n\n\n</section>"}