{"template--28005011587171__main":"<section id=\"shopify-section-template--28005011587171__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='rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe'></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/rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe'\n  section-id='template--28005011587171__main'\n  id='template--28005011587171__main'\n  \n    update-okendo\n  \n>\n\n<div\n  id='MediaGallery-template--28005011587171__main'\n  role='region'\n  sub-section-id='MediaGallery-template--28005011587171__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--28005011587171__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    \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--28005011587171__main-thumbs-swiper-zoom'\n            controller-control='#MediaGallery-template--28005011587171__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/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=90\" alt=\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=90 90w\" height=\"3872.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=90\" alt=\"Two smiling boys stand together. One wears a navy sweater with green and white stripes paired with shorts, while the other wears glasses and The Beaufort Bonnet Company’s Dean’s List Dress Shirt in Kensington Court Plaid with Barbados Blue Stork, along with khaki pants. Both sport brown loafers. They appear happy and close.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=90 90w\" height=\"3070.9999999999995\" 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/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=90\" alt=\"Two young boys with light brown hair sit side by side, smiling. One wears glasses and is dressed in The Beaufort Bonnet Company’s Dean’s List Dress Shirt in the Kensington Court Plaid with Barbados Blue Stork, paired with khaki pants; the other wears a navy, green, and white striped shirt with khaki shorts.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=90 90w\" height=\"3070.9999999999995\" 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/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=90\" alt=\"Two young boys sit and smile at each other. One wears glasses, khaki pants, and The Beaufort Bonnet Company’s Dean’s List Dress Shirt in Kensington Court Plaid with Barbados Blue Stork as his special occasion shirt. The other boy wears a striped rugby shirt and shorts. Both have light hair and wear brown loafers.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=90 90w\" height=\"3078.0000000000005\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n          </swiper-container>\n        </div>\n      \n<!-- ##entry##core-swiper-with-media##endentry## -->\n<div class=\"lg:px-xl\">\n        <swiper-with-media class=\"block relative size-full lg:pb-xl\" custom-single-zoom='true' zoom-max-ratio='1.5'>\n          <swiper-container\n            init=\"false\"\n            class='h-full block whitespace-nowrap overflow-clip'\n            watch-slides-progress='true'\n            thumbs-swiper='#MediaGallery-template--28005011587171__main-thumbs-swiper-zoom'\n            auto-scroll-offset='true'\n            navigation='true'\n            slides-per-view='1'\n            id='MediaGallery-template--28005011587171__main-main-swiper-zoom'\n            pagination='{\"el\": \".swiper-counter-zoom-template--28005011587171__main\",\"type\": \"fraction\"}'\n            navigation-next-el='#shopify-section-template--28005011587171__main .swiper-button-next'\n            navigation-prev-el='#shopify-section-template--28005011587171__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/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=600\" alt=\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\" 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:49.512% 19.434%;\"></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/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=600\" alt=\"Two smiling boys stand together. One wears a navy sweater with green and white stripes paired with shorts, while the other wears glasses and The Beaufort Bonnet Company’s Dean’s List Dress Shirt in Kensington Court Plaid with Barbados Blue Stork, along with khaki pants. Both sport brown loafers. They appear happy and close.\" height=\"3070.9999999999995\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\" style=\"object-position:50.0% 50.0%;\"></div><div class='swiper-lazy-preloader'></div></swiper-slide>\n            \n              <swiper-slide class='w-full h-full cursor-zoom-in relative block overflow-hidden bg-p-lightest border border-t-disabled'>\n                <div class='swiper-zoom-container'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=600\" alt=\"Two young boys with light brown hair sit side by side, smiling. One wears glasses and is dressed in The Beaufort Bonnet Company’s Dean’s List Dress Shirt in the Kensington Court Plaid with Barbados Blue Stork, paired with khaki pants; the other wears a navy, green, and white striped shirt with khaki shorts.\" height=\"3070.9999999999995\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\" style=\"object-position:50.0% 95.898%;\"></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/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=600\" alt=\"Two young boys sit and smile at each other. One wears glasses, khaki pants, and The Beaufort Bonnet Company’s Dean’s List Dress Shirt in Kensington Court Plaid with Barbados Blue Stork as his special occasion shirt. The other boy wears a striped rugby shirt and shorts. Both have light hair and wear brown loafers.\" height=\"3078.0000000000005\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\" style=\"object-position:49.658% 25.977%;\"></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--28005011587171__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--28005011587171__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/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=94\" alt=\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=80 80w\" height=\"3872.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest mb-3 aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n                \n\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=94\" alt=\"Two smiling boys stand together. One wears a navy sweater with green and white stripes paired with shorts, while the other wears glasses and The Beaufort Bonnet Company’s Dean’s List Dress Shirt in Kensington Court Plaid with Barbados Blue Stork, along with khaki pants. Both sport brown loafers. They appear happy and close.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=80 80w\" height=\"3070.9999999999995\" 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/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=94\" alt=\"Two young boys with light brown hair sit side by side, smiling. One wears glasses and is dressed in The Beaufort Bonnet Company’s Dean’s List Dress Shirt in the Kensington Court Plaid with Barbados Blue Stork, paired with khaki pants; the other wears a navy, green, and white striped shirt with khaki shorts.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=80 80w\" height=\"3070.9999999999995\" 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/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=94\" alt=\"Two young boys sit and smile at each other. One wears glasses, khaki pants, and The Beaufort Bonnet Company’s Dean’s List Dress Shirt in Kensington Court Plaid with Barbados Blue Stork as his special occasion shirt. The other boy wears a striped rugby shirt and shorts. Both have light hair and wear brown loafers.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=80 80w\" height=\"3078.0000000000005\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n          </swiper-container>\n    </div>\n\n    <div class=' relative aspect-square'><!-- ##entry##component-swiper-with-media##endentry## -->\n<product-swiper-with-media class='w-full h-full block relative '>\n        <swiper-container\n          class='w-full h-full block overflow-hidden'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--28005011587171__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--28005011587171__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--28005011587171__main-main-swiper'\n          pagination='{\"el\": \".swiper-counter-template--28005011587171__main\",\"type\": \"fraction\"}'\n          \n            scrollbar='{ \"el\": \".swiper-scrollbar-template--28005011587171__main\"}'\n          \n          navigation-next-el='#shopify-section-template--28005011587171__main .swiper-button-next'\n          navigation-prev-el='#shopify-section-template--28005011587171__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/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=800\" alt=\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&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:49.512% 19.434%;\">\n<dialog-toggle modal-id='MediaGallery-template--28005011587171__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/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=800\" alt=\"Two smiling boys stand together. One wears a navy sweater with green and white stripes paired with shorts, while the other wears glasses and The Beaufort Bonnet Company’s Dean’s List Dress Shirt in Kensington Court Plaid with Barbados Blue Stork, along with khaki pants. Both sport brown loafers. They appear happy and close.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=800 800w\" height=\"3070.9999999999995\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:50.0% 50.0%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--28005011587171__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/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=800\" alt=\"Two young boys with light brown hair sit side by side, smiling. One wears glasses and is dressed in The Beaufort Bonnet Company’s Dean’s List Dress Shirt in the Kensington Court Plaid with Barbados Blue Stork, paired with khaki pants; the other wears a navy, green, and white striped shirt with khaki shorts.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=800 800w\" height=\"3070.9999999999995\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:50.0% 95.898%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--28005011587171__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/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=800\" alt=\"Two young boys sit and smile at each other. One wears glasses, khaki pants, and The Beaufort Bonnet Company’s Dean’s List Dress Shirt in Kensington Court Plaid with Barbados Blue Stork as his special occasion shirt. The other boy wears a striped rugby shirt and shorts. Both have light hair and wear brown loafers.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=800 800w\" height=\"3078.0000000000005\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:49.658% 25.977%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--28005011587171__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--28005011587171__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--28005011587171__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/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=600\" alt=\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=600 600w\" height=\"3872.0\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:49.512% 19.434%;\"></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/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=600\" alt=\"Two smiling boys stand together. One wears a navy sweater with green and white stripes paired with shorts, while the other wears glasses and The Beaufort Bonnet Company’s Dean’s List Dress Shirt in Kensington Court Plaid with Barbados Blue Stork, along with khaki pants. Both sport brown loafers. They appear happy and close.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3003.jpg?v=1781616787&amp;width=600 600w\" height=\"3070.9999999999995\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:50.0% 50.0%;\"><div class='swiper-lazy-preloader'></div></div>\n        \n          <div class='w-full h-full relative block bg-p-lightest'>\n            <div class='opacity-0 hidden'>\n              \n            </div>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=600\" alt=\"Two young boys with light brown hair sit side by side, smiling. One wears glasses and is dressed in The Beaufort Bonnet Company’s Dean’s List Dress Shirt in the Kensington Court Plaid with Barbados Blue Stork, paired with khaki pants; the other wears a navy, green, and white striped shirt with khaki shorts.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3063.jpg?v=1781616787&amp;width=600 600w\" height=\"3070.9999999999995\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:50.0% 95.898%;\"><div class='swiper-lazy-preloader'></div></div>\n        \n          <div class='w-full h-full relative block bg-p-lightest'>\n            <div class='opacity-0 hidden'>\n              \n            </div>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=600\" alt=\"Two young boys sit and smile at each other. One wears glasses, khaki pants, and The Beaufort Bonnet Company’s Dean’s List Dress Shirt in Kensington Court Plaid with Barbados Blue Stork as his special occasion shirt. The other boy wears a striped rugby shirt and shorts. Both have light hair and wear brown loafers.\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/415TBBCStudioDay3-3042.jpg?v=1781616787&amp;width=600 600w\" height=\"3078.0000000000005\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:49.658% 25.977%;\"><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--28005011587171__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='Rollin&#39;s Rugby Shirt'\n  data-product-url='/products/rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe'\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/rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe' aria-current='page'>Rollin's Rugby Shirt</a>\n    </li>\n  </ol>\n</nav>\n\n<script src='//www.thebeaufortbonnetcompany.com/cdn/shop/t/360/assets/breadcrumb-session.js?v=157159141911467853401793024524' defer></script>\n<div id=\"shopify-block-AQ3QzWHFjYzlxVWllQ__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-8020856799331\"\n    >\n        <div data-oke-reviews-version=\"0.107.1\" 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\">12</span><span class=\"oke-sr-label-text\"> Reviews</span><!----></div><!----></div><script type=\"application/json\" data-oke-metafield-data=\"\"> {\"averageRating\":\"5.0\",\"reviewCount\":12} </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              Rollin&#39;s Rugby Shirt<span class='sr-only'> - Nantucket Navy with Beale Street Blue &amp; Kiawah Kelly Green Stripe</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--28005011587171__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            $47\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                $66\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          $47\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--28005011587171__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='44217917735011'>\n                <shopify-payment-terms variant-id=\"44217917735011\" 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;:44217917702243,&quot;price_per_term&quot;:&quot;$23.50&quot;,&quot;price_per_term_amount&quot;:23.5,&quot;full_price&quot;:&quot;$47.00&quot;,&quot;full_price_amount&quot;:47.0,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44217917735011,&quot;price_per_term&quot;:&quot;$23.50&quot;,&quot;price_per_term_amount&quot;:23.5,&quot;full_price&quot;:&quot;$47.00&quot;,&quot;full_price_amount&quot;:47.0,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44217917767779,&quot;price_per_term&quot;:&quot;$23.50&quot;,&quot;price_per_term_amount&quot;:23.5,&quot;full_price&quot;:&quot;$47.00&quot;,&quot;full_price_amount&quot;:47.0,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44217917800547,&quot;price_per_term&quot;:&quot;$23.50&quot;,&quot;price_per_term_amount&quot;:23.5,&quot;full_price&quot;:&quot;$47.00&quot;,&quot;full_price_amount&quot;:47.0,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44217917833315,&quot;price_per_term&quot;:&quot;$23.50&quot;,&quot;price_per_term_amount&quot;:23.5,&quot;full_price&quot;:&quot;$47.00&quot;,&quot;full_price_amount&quot;:47.0,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44217917866083,&quot;price_per_term&quot;:&quot;$23.50&quot;,&quot;price_per_term_amount&quot;:23.5,&quot;full_price&quot;:&quot;$47.00&quot;,&quot;full_price_amount&quot;:47.0,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44217917898851,&quot;price_per_term&quot;:&quot;$23.50&quot;,&quot;price_per_term_amount&quot;:23.5,&quot;full_price&quot;:&quot;$47.00&quot;,&quot;full_price_amount&quot;:47.0,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2},{&quot;id&quot;:44217917931619,&quot;price_per_term&quot;:&quot;$23.50&quot;,&quot;price_per_term_amount&quot;:23.5,&quot;full_price&quot;:&quot;$47.00&quot;,&quot;full_price_amount&quot;:47.0,&quot;eligible&quot;:true,&quot;available&quot;:false,&quot;number_of_payment_terms&quot;:2}],&quot;min_price&quot;:&quot;$35.00&quot;,&quot;min_price_amount&quot;:35.0,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;max_price_amount&quot;:30000.0,&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_amount&quot;:35.0,&quot;max_price_amount&quot;:49.99},{&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;: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;min_price_amount&quot;:50.0,&quot;max_price_amount&quot;:149.99},{&quot;min_price&quot;:&quot;$150.00&quot;,&quot;max_price&quot;:&quot;$249.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_amount&quot;:150.0,&quot;max_price_amount&quot;:249.99},{&quot;min_price&quot;:&quot;$250.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;:0,&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;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}],&quot;min_price_amount&quot;:250.0,&quot;max_price_amount&quot;:999.99},{&quot;min_price&quot;:&quot;$1,000.00&quot;,&quot;max_price&quot;:&quot;$1,699.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&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;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:18}],&quot;min_price_amount&quot;:1000.0,&quot;max_price_amount&quot;:1699.99},{&quot;min_price&quot;:&quot;$1,700.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&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;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:24}],&quot;min_price_amount&quot;:1700.0,&quot;max_price_amount&quot;:30000.0}],&quot;installments_buyer_prequalification_enabled&quot;:false,&quot;seller_id&quot;:1669185,&quot;zero_apr_banner_enabled&quot;:true}\"></shopify-payment-terms>\n<input type=\"hidden\" name=\"product-id\" value=\"8020856799331\" /><input type=\"hidden\" name=\"section-id\" value=\"template--28005011587171__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\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      Nantucket Navy with Beale Street Blue & Kiawah Kelly Green Stripe\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                  </div>\n                  \n\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    \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'>Size Guide</h2><h5 class='text-center pb-lg'>(Sizes NB - 14)</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               Bodyweight Range \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               Height \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               Chest Width \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               Waist Width \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               Hip Circumference\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                NB \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 >7 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 > 20.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 13.6\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 16\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 16\"\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                0/3m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 7-14 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.5\"-24\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 17\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 17.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 17.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                3/6m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 14-18 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 24\"-27\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18.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                0/6m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 14-18 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 25.5\"-27\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 18.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                6/12m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 22-26 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 27\"-30.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 19\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 19.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 19.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                12/18m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 26-28 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 30.5\"-33\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 19.75\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.25\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.25\"\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                18/24m \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 28-30 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 33\"-35\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.25\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.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                2T \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 28-30 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 33\"-35\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 20.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 21\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 21\"\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                3T \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 30-34 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 36\"-38\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 21\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 21.5\" \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 22\"\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                4T \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 34-38 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 39” - 41” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 22” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 22” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 23\"\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                5  \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 38-45 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 42” - 44” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 23” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 22.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 24\"\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                6  \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 45-53 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 45” - 46.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 24” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 23” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 25\"\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                7  \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 54-62 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 47.5”-50.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 26” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 23.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 27.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                8  \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 61-68 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 51.5”-52.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 27” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 24.25” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 28.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                10 \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 69-75 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 53.5”-55” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 28.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 25” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 30\"\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                12 \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 76-89 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 56”-58” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 30” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 26” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 32\"\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                14 \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 90-112 lbs \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 59”-62” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 31.5” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 28” \n              </td><td class='border-x border-t-brand-dull-gold px-4 py-2 text-[14px]'>\n                 34\"\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/rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe?variant=44217917702243&sections=template--28005011587171__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='2T'\n    form='product-form-template--28005011587171__main'\n    \n    \n    data-option-value-id=\"4713360326755\"\n    data-variant-id=\"44217917702243\"\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    2T</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-0'>\n    {\"id\":44217917702243,\"title\":\"2T\",\"option1\":\"2T\",\"option2\":null,\"option3\":null,\"sku\":\"2410-6085-T2T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35890307956835,\"product_id\":8020856799331,\"position\":1,\"created_at\":\"2026-05-27T13:31:20-04:00\",\"updated_at\":\"2026-05-27T13:31:22-04:00\",\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\",\"variant_ids\":[44217917702243,44217917735011,44217917767779,44217917800547,44217917833315,44217917866083,44217917898851,44217917931619]},\"available\":true,\"name\":\"Rollin's Rugby Shirt - Nantucket Navy with Beale Street Blue \\u0026 Kiawah Kelly Green Stripe - 2T\",\"public_title\":\"2T\",\"options\":[\"2T\"],\"price\":4700,\"weight\":0,\"compare_at_price\":6600,\"inventory_quantity\":17,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971679149\",\"featured_media\":{\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"id\":27414137765987,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\"}},\"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/rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe?variant=44217917735011&sections=template--28005011587171__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='3T'\n    form='product-form-template--28005011587171__main'\n    \n      checked\n    \n    \n    data-option-value-id=\"4713360359523\"\n    data-variant-id=\"44217917735011\"\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    3T</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-1'>\n    {\"id\":44217917735011,\"title\":\"3T\",\"option1\":\"3T\",\"option2\":null,\"option3\":null,\"sku\":\"2410-6085-T3T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35890307956835,\"product_id\":8020856799331,\"position\":1,\"created_at\":\"2026-05-27T13:31:20-04:00\",\"updated_at\":\"2026-05-27T13:31:22-04:00\",\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\",\"variant_ids\":[44217917702243,44217917735011,44217917767779,44217917800547,44217917833315,44217917866083,44217917898851,44217917931619]},\"available\":true,\"name\":\"Rollin's Rugby Shirt - Nantucket Navy with Beale Street Blue \\u0026 Kiawah Kelly Green Stripe - 3T\",\"public_title\":\"3T\",\"options\":[\"3T\"],\"price\":4700,\"weight\":0,\"compare_at_price\":6600,\"inventory_quantity\":20,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971679156\",\"featured_media\":{\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"id\":27414137765987,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\"}},\"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/rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe?variant=44217917767779&sections=template--28005011587171__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='4T'\n    form='product-form-template--28005011587171__main'\n    \n    \n    data-option-value-id=\"4713360392291\"\n    data-variant-id=\"44217917767779\"\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    4T</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-2'>\n    {\"id\":44217917767779,\"title\":\"4T\",\"option1\":\"4T\",\"option2\":null,\"option3\":null,\"sku\":\"2410-6085-T4T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35890307956835,\"product_id\":8020856799331,\"position\":1,\"created_at\":\"2026-05-27T13:31:20-04:00\",\"updated_at\":\"2026-05-27T13:31:22-04:00\",\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\",\"variant_ids\":[44217917702243,44217917735011,44217917767779,44217917800547,44217917833315,44217917866083,44217917898851,44217917931619]},\"available\":true,\"name\":\"Rollin's Rugby Shirt - Nantucket Navy with Beale Street Blue \\u0026 Kiawah Kelly Green Stripe - 4T\",\"public_title\":\"4T\",\"options\":[\"4T\"],\"price\":4700,\"weight\":0,\"compare_at_price\":6600,\"inventory_quantity\":20,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971679163\",\"featured_media\":{\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"id\":27414137765987,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\"}},\"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/rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe?variant=44217917800547&sections=template--28005011587171__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='5'\n    form='product-form-template--28005011587171__main'\n    \n    \n    data-option-value-id=\"4713360425059\"\n    data-variant-id=\"44217917800547\"\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    5</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-3'>\n    {\"id\":44217917800547,\"title\":\"5\",\"option1\":\"5\",\"option2\":null,\"option3\":null,\"sku\":\"2410-6085-C5\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35890307956835,\"product_id\":8020856799331,\"position\":1,\"created_at\":\"2026-05-27T13:31:20-04:00\",\"updated_at\":\"2026-05-27T13:31:22-04:00\",\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\",\"variant_ids\":[44217917702243,44217917735011,44217917767779,44217917800547,44217917833315,44217917866083,44217917898851,44217917931619]},\"available\":true,\"name\":\"Rollin's Rugby Shirt - Nantucket Navy with Beale Street Blue \\u0026 Kiawah Kelly Green Stripe - 5\",\"public_title\":\"5\",\"options\":[\"5\"],\"price\":4700,\"weight\":0,\"compare_at_price\":6600,\"inventory_quantity\":28,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971679101\",\"featured_media\":{\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"id\":27414137765987,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\"}},\"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/rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe?variant=44217917833315&sections=template--28005011587171__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='6'\n    form='product-form-template--28005011587171__main'\n    \n    \n    data-option-value-id=\"4713360457827\"\n    data-variant-id=\"44217917833315\"\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    6</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-4'>\n    {\"id\":44217917833315,\"title\":\"6\",\"option1\":\"6\",\"option2\":null,\"option3\":null,\"sku\":\"2410-6085-C6\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35890307956835,\"product_id\":8020856799331,\"position\":1,\"created_at\":\"2026-05-27T13:31:20-04:00\",\"updated_at\":\"2026-05-27T13:31:22-04:00\",\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\",\"variant_ids\":[44217917702243,44217917735011,44217917767779,44217917800547,44217917833315,44217917866083,44217917898851,44217917931619]},\"available\":true,\"name\":\"Rollin's Rugby Shirt - Nantucket Navy with Beale Street Blue \\u0026 Kiawah Kelly Green Stripe - 6\",\"public_title\":\"6\",\"options\":[\"6\"],\"price\":4700,\"weight\":0,\"compare_at_price\":6600,\"inventory_quantity\":54,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971679118\",\"featured_media\":{\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"id\":27414137765987,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\"}},\"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/rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe?variant=44217917866083&sections=template--28005011587171__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='7'\n    form='product-form-template--28005011587171__main'\n    \n    \n    data-option-value-id=\"4713360490595\"\n    data-variant-id=\"44217917866083\"\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    7</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-5'>\n    {\"id\":44217917866083,\"title\":\"7\",\"option1\":\"7\",\"option2\":null,\"option3\":null,\"sku\":\"2410-6085-C7\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35890307956835,\"product_id\":8020856799331,\"position\":1,\"created_at\":\"2026-05-27T13:31:20-04:00\",\"updated_at\":\"2026-05-27T13:31:22-04:00\",\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\",\"variant_ids\":[44217917702243,44217917735011,44217917767779,44217917800547,44217917833315,44217917866083,44217917898851,44217917931619]},\"available\":true,\"name\":\"Rollin's Rugby Shirt - Nantucket Navy with Beale Street Blue \\u0026 Kiawah Kelly Green Stripe - 7\",\"public_title\":\"7\",\"options\":[\"7\"],\"price\":4700,\"weight\":0,\"compare_at_price\":6600,\"inventory_quantity\":30,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971679125\",\"featured_media\":{\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"id\":27414137765987,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\"}},\"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/rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe?variant=44217917898851&sections=template--28005011587171__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-6'\n    name='Size-1'\n    value='8'\n    form='product-form-template--28005011587171__main'\n    \n    \n    data-option-value-id=\"4713360523363\"\n    data-variant-id=\"44217917898851\"\n    class='absolute w-px h-px -m-px overflow-hidden opacity-0 pointer-events-none peer'\n    style='clip: rect(0, 0, 0, 0);'\n    \n  >\n  <label\n    for='variant_picker-1-6'\n    role='button'\n    tabindex='0'\n    class='block w-full items-center justify-center utility-3 min-h-button-height md:min-h-xl p-xs border border-t-border border-solid \n text-center peer-focus:border-t-foreground-secondary peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out text-t-foreground text-[12px]'\n  >\n    8</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-6'>\n    {\"id\":44217917898851,\"title\":\"8\",\"option1\":\"8\",\"option2\":null,\"option3\":null,\"sku\":\"2410-6085-C8\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35890307956835,\"product_id\":8020856799331,\"position\":1,\"created_at\":\"2026-05-27T13:31:20-04:00\",\"updated_at\":\"2026-05-27T13:31:22-04:00\",\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\",\"variant_ids\":[44217917702243,44217917735011,44217917767779,44217917800547,44217917833315,44217917866083,44217917898851,44217917931619]},\"available\":true,\"name\":\"Rollin's Rugby Shirt - Nantucket Navy with Beale Street Blue \\u0026 Kiawah Kelly Green Stripe - 8\",\"public_title\":\"8\",\"options\":[\"8\"],\"price\":4700,\"weight\":0,\"compare_at_price\":6600,\"inventory_quantity\":18,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971679132\",\"featured_media\":{\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"id\":27414137765987,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\"}},\"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/rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe?variant=44217917931619&sections=template--28005011587171__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-7'\n    name='Size-1'\n    value='10'\n    form='product-form-template--28005011587171__main'\n    \n    \n    data-option-value-id=\"4713360556131\"\n    data-variant-id=\"44217917931619\"\n    class='absolute w-px h-px -m-px overflow-hidden opacity-0 pointer-events-none peer'\n    style='clip: rect(0, 0, 0, 0);'\n    \n  >\n  <label\n    for='variant_picker-1-7'\n    role='button'\n    tabindex='0'\n    class='block w-full items-center justify-center utility-3 min-h-button-height md:min-h-xl p-xs border border-t-border border-solid \n     disabled opacity-45 peer-checked:opacity-100\n  \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    10<span class=\"sr-only\">Variant sold out or unavailable</span>\n</label><span class='block absolute w-[40%] left-[30%] h-0 top-1/2 peer-checked:border-t-brand-primary border-t-brand-secondary border-b-[1px] z-10 transform rotate-[39deg]'><span class=\"sr-only\">Variant sold out or unavailable</span></span></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-7'>\n    {\"id\":44217917931619,\"title\":\"10\",\"option1\":\"10\",\"option2\":null,\"option3\":null,\"sku\":\"2410-6085-C10\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35890307956835,\"product_id\":8020856799331,\"position\":1,\"created_at\":\"2026-05-27T13:31:20-04:00\",\"updated_at\":\"2026-05-27T13:31:22-04:00\",\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\",\"variant_ids\":[44217917702243,44217917735011,44217917767779,44217917800547,44217917833315,44217917866083,44217917898851,44217917931619]},\"available\":false,\"name\":\"Rollin's Rugby Shirt - Nantucket Navy with Beale Street Blue \\u0026 Kiawah Kelly Green Stripe - 10\",\"public_title\":\"10\",\"options\":[\"10\"],\"price\":4700,\"weight\":0,\"compare_at_price\":6600,\"inventory_quantity\":0,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971679095\",\"featured_media\":{\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"id\":27414137765987,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\"}},\"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\":44217917735011,\"title\":\"3T\",\"option1\":\"3T\",\"option2\":null,\"option3\":null,\"sku\":\"2410-6085-T3T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35890307956835,\"product_id\":8020856799331,\"position\":1,\"created_at\":\"2026-05-27T13:31:20-04:00\",\"updated_at\":\"2026-05-27T13:31:22-04:00\",\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\",\"variant_ids\":[44217917702243,44217917735011,44217917767779,44217917800547,44217917833315,44217917866083,44217917898851,44217917931619]},\"available\":true,\"name\":\"Rollin's Rugby Shirt - Nantucket Navy with Beale Street Blue \\u0026 Kiawah Kelly Green Stripe - 3T\",\"public_title\":\"3T\",\"options\":[\"3T\"],\"price\":4700,\"weight\":0,\"compare_at_price\":6600,\"inventory_quantity\":20,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971679156\",\"featured_media\":{\"alt\":\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\",\"id\":27414137765987,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082\"}},\"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--28005011587171__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--28005011587171__main'\n  >\n    Quantity\n<!-- ##entry##component-variants-in-cart##endentry## -->\n<variants-in-cart\n      variant-id='44217917735011'\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='44217917735011'\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--28005011587171__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Rollin&amp;#39;s Rugby Shirt - Nantucket Navy with Beale Street Blue &amp;amp; Kiawah Kelly Green Stripe</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 Rollin&amp;#39;s Rugby Shirt - Nantucket Navy with Beale Street Blue &amp;amp; Kiawah Kelly Green Stripe'\n    id='product-form-template--28005011587171__main-quantity'\n\n    \n      form='product-form-template--28005011587171__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--28005011587171__main-quantity__increment'\n  >\n    <span class='sr-only'>Increase quantity for Rollin&amp;#39;s Rugby Shirt - Nantucket Navy with Beale Street Blue &amp;amp; Kiawah Kelly Green Stripe</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--28005011587171__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      <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--28005011587171__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='44217917735011'\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='8020856799331'\n              variant-id='44217917735011'\n              product-handle='rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe'\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;:44217917702243,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44217917735011,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44217917767779,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44217917800547,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44217917833315,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44217917866083,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44217917898851,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44217917931619,&quot;requiresShipping&quot;:true}]\" shop-id=\"3675301\" enabled-flags=\"[&quot;370070f3&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='true'\n            data-id='productpage-nosto-1'\n            class='hidden text-center leading-none'\n          ><a\n                href='#productpage-nosto-1'\n                class='utility-3 uppercase text-t-foreground underline underline-offset-2 pt-xs block'\n              >\n                See similar styles\n              </a></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=\"8020856799331\" /><input type=\"hidden\" name=\"section-id\" value=\"template--28005011587171__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    \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        Rollin's Rugby Shirt | Nantucket Navy with Beale Street Blue & Kiawah Kelly Green Stripe... Size 3T\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\": \"Rollin's Rugby Shirt - Nantucket Navy with Beale Street Blue \\u0026 Kiawah Kelly Green Stripe\", \"URL\":\"https://www.thebeaufortbonnetcompany.com/products/rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe\" } } );\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--28005011587171__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/rollin_srugbyshirtnantucketnavywithbealestblueandkiawahkellygreen.jpg?v=1779903082&amp;width=90\" alt=\"The Beaufort Bonnet Company’s Rollin’s Rugby Shirt features navy, green, and light blue stripes with a white collar and a small bird logo on the chest—a classic long-sleeve, preppy style for boys.\" 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:49.512% 19.434%;\"></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          Rollin&#39;s Rugby 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            $47\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                $66\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          $47\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--28005011587171__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='8020856799331'\n          variant-id='44217917735011'\n          product-handle='rollins-rugby-shirt-nantucket-navy-with-beale-street-blue-kiawah-kelly-green-stripe'\n          tabindex='-1'\n        >\n          <button\n            class='btn !min-w-[46px] !p-0 js-wishlist-button '\n            variant='primary'\n            wishlist-trigger\n            aria-label='Wishlist'\n          >\n<svg-icon\n  src='icon-wish'\n  class='min-w-4 text-white js-icon-wish'\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n<svg-icon\n  src='icon-wish-filled'\n  class='min-w-4 text-white js-icon-wish-filled'\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</button>\n        </wish-list></div>\n  </div>\n</sticky-atc>\n\n    \n  \n</div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n<div sub-section-id='early-access-description'>\n          \n        </div><div\n            class='inline-richtext rte  body-2 text-base [&_p]:body-2 [&_p]:!text-base [&_*]:!leading-[1.4] gap-2 grid text-t-brand-primary'\n            \n            sub-section-id='description'\n          >\n            <p>Our Rollin's Rugby Shirt in Nantucket Navy with Beale Street Blue and Kiawah Kelly Green Stripe is the sporty, go everywhere top made for school days, weekend tailgates, or any occasion that calls for a little boy who looks like he was born knowing how to dress! This top features a bold rugby stripe in a classic preppy color trio, durable 100% Pima Cotton Knit fabrication, and a collar that keeps things polished no matter where the adventure leads. Equal parts sporty and refined, this is the shirt that belongs in every little boy's fall rotation.</p><p><strong>*FINAL SALE- No returns or exchanges.</strong></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--28005011587171__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--28005011587171__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible_tab_Ed6nAh-template--28005011587171__main'\n      aria-label='Toggle Features accordion'\n      class='sr-only peer'\n      type='checkbox'\n      id='accordion-checkbox-collapsible_tab_Ed6nAh-template--28005011587171__main'\n      name='accordion-input--collapsible_tab_ed6nah-template-28005011587171__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--28005011587171__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--28005011587171__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible_tab_Ed6nAh-template--28005011587171__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>Collar at neckline</li><li>Twill tape along inside of collar</li><li>Three rugby inspired stripes along middle of shirt</li><li>Buttons down front placket</li><li>Stork on left chest<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--28005011587171__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--28005011587171__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-3-template--28005011587171__main'\n      aria-label='Toggle Materials + Care accordion'\n      class='sr-only peer'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-3-template--28005011587171__main'\n      name='accordion-input--collapsible-row-3-template-28005011587171__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--28005011587171__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--28005011587171__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-3-template--28005011587171__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pb-6 text-body text-t-foreground'>\n        <div class=\"metafield-rich_text_field\"><ul><li>100% Heavyweight Interlock Pima Cotton Knit</li><li>100% Cotton Twill collar</li><li>Machine wash cold. Tumble dry low or lay flat to dry. Low iron if needed.</li></ul></div>\n              \n\n      </div>\n    </div>\n  </div>\n</div>\n\n                </div>\n              </div>\n\n\n              <div\n                sub-section-id='collapsible-row-1'\n                class='-mt-6 md:-mt-sm'\n              >\n                <div\n                  class='accordion'\n                  \n                >\n                  <div\n  id='Details-collapsible-row-1-template--28005011587171__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--28005011587171__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--28005011587171__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--28005011587171__main'\n      name='accordion-input--collapsible-row-1-template-28005011587171__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--28005011587171__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--28005011587171__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--28005011587171__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 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='3868080734307'\n          data-product-handle='sheffield-pants-keeneland-khaki'\n          data-color-family='swatch-pp-sheffield-pants'\n        >\n          <!-- Top Section: Image + Info -->\n          <div class='flex flex-row gap-5'>\n            <!-- Product Image -->\n            <a href='/products/sheffield-pants-keeneland-khaki' class='flex-shrink-0' aria-label='Sheffield Pants - Keeneland Khaki with Nantucket Navy Stork'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sheffield-Pants---Keeneland-Khaki-with-Nantucket-Navy-Stork_beige_72a59327-4ac7-403a-bc29-69ed4a662f4b.jpg?v=1762200991&width=230'\n                  alt='Sheffield Pants - Keeneland Khaki with Nantucket Navy Stork'\n                  width='230'\n                  height='280'\n                  class='max-w-[115px] w-full object-cover product-main-image'\n                  loading='lazy'\n                  data-image-url='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sheffield-Pants---Keeneland-Khaki-with-Nantucket-Navy-Stork_beige_72a59327-4ac7-403a-bc29-69ed4a662f4b.jpg?v=1762200991&width=230'\n                >\n              \n            </a>\n\n            <!-- Product Info -->\n            <div class='flex-1 flex flex-col'>\n              \n                <div\n                  class='uppercase p-2 text-t-brand-primary utility-3 bg-t-brand-secondary max-w-fit mb-[10px]'\n                  \n                >\n                  Boys\n                </div>\n              \n\n              <a href='/products/sheffield-pants-keeneland-khaki' class='no-underline'>\n                <div class='h6 mb-[6px] text-t-brand-primary product-name'>\n                  Sheffield Pants\n                </div>\n              </a>\n\n              <div class='flex gap-[6px] justify-start'>\n                \n                  <div\n                    class='utility-2'\n                    data-price='2800'\n                  >\n                    $28.00\n                  </div>\n                  <s class='utility-2'>\n                    $56.00\n                  </s>\n                \n              </div>\n\n              <button\n                class='mt-[30px] body-2 pr-[6px] flex justify-between items-center w-full text-left toggle-variants-btn'\n                type='button'\n                aria-expanded='false'\n                aria-label='Toggle color and size selection for Sheffield Pants'\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                  Keeneland Khaki with Nantucket Navy Stork\n                </div>\n\n                \n                  \n                  \n                    <div class='flex flex-wrap gap-3 color-swatches'>\n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/sheffield-pants-keeneland-khaki'\n                            data-id='3868080734307'\n                            data-swatch='Keeneland Khaki with Nantucket Navy Stork'\n                            data-product-name='Sheffield Pants'\n                            data-price='2800'\n                            data-compare-price='5600'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sheffield-Pants---Keeneland-Khaki-with-Nantucket-Navy-Stork_beige_72a59327-4ac7-403a-bc29-69ed4a662f4b.jpg?v=1762200991&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sheffield-Pants---Keeneland-Khaki-with-Nantucket-Navy-Stork-back_beige_2158b2dd-2045-4102-8945-677c4cdceb05.jpg?v=1741010833&width=500'\n                            \n                            \n                              aria-selected='true'\n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/a47b2528014e--KEENELAND-KHAKI.jpg?v=1738685763\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Keeneland Khaki with Nantucket Navy Stork'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/sheffield-pants-nantucket-navy-with-richmond-red-stork'\n                            data-id='4659007553635'\n                            data-swatch='Nantucket Navy with Richmond Red Stork'\n                            data-product-name='Sheffield Pants'\n                            data-price='2800'\n                            data-compare-price='5600'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/SheffieldPants-NantucketNavywRichmondRedStork-front_beige_7bb440e7-8731-4145-a9ee-e705610aa2c1.jpg?v=1762271732&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/SheffieldPants-NantucketNavywRichmondRedStork-back_beige_0ab00b7f-04f0-4f23-84a7-e99c84076634.jpg?v=1741029703&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/468b873aec8e--NANTUCKET-NAVY.jpg?v=1738685782\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Nantucket Navy with Richmond Red 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/sheffield-pants-paces-mill-plaid-with-nantucket-navy-stork'\n                            data-id='7878755516515'\n                            data-swatch='Paces Mill Plaid with Nantucket Navy Stork'\n                            data-product-name='Sheffield Pants'\n                            data-price='3000'\n                            data-compare-price='6000'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_pant_paces_mill_plaid_with_nantucket_navy_stork.jpg?v=1757442299&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_pant_paces_mill_plaid_with_nantucket_navy_stork_-_folded.jpg?v=1757442330&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/SWATCH_-_PACES_MILL_PLAID.jpg?v=1755541515\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Paces Mill Plaid with Nantucket Navy Stork'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/sheffield-pants-charlie-place-plaid-with-grandison-rd-gray-stork'\n                            data-id='7876621238371'\n                            data-swatch='Charlie Place Plaid with Grandison Rd. Gray Stork'\n                            data-product-name='Sheffield Pants (Flannel)'\n                            data-price='2900'\n                            data-compare-price='6000'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffieldpantcharlieplaceplaidwithgrandisonrd.graystork.jpg?v=1757016051&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffieldpantcharlieplaceplaidwithgrandisonrd.graystork-back.jpg?v=1757016097&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/SWATCH_-_CHARLIE_PLACE_PLAID.jpg?v=1758118876\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Charlie Place Plaid with Grandison Rd. Gray 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/sheffield-pants-corduroy-grandison-rd-gray-with-newport-night-stork'\n                            data-id='7876584439907'\n                            data-swatch='Grandison Rd. Gray with Newport Night Stork'\n                            data-product-name='Sheffield Pants (Corduroy)'\n                            data-price='2700'\n                            data-compare-price='5600'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_pant_grandison_rd._gray_corduroy_with_newport_night_stork.jpg?v=1757009041&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_pant_grandison_rd._gray_corduroy_with_newport_night_stork_-_back.jpg?v=1757009058&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/SWATCH_-_GRANDISON_RD_GRAY.jpg?v=1758125115\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Grandison Rd. Gray with Newport Night 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/sheffield-pants-twill-barrington-blue-with-keeneland-khaki-stork'\n                            data-id='7842482487395'\n                            data-swatch='Barrington Blue with Keeneland Khaki Stork'\n                            data-product-name='Sheffield Pants'\n                            data-price='3100'\n                            data-compare-price='5600'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_pant_barringotn_blue_with_keeneland_khaki_stork.jpg?v=1753891910&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffield_pant_barringotn_blue_with_keeneland_khaki_stork_-_back.jpg?v=1753891928&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/BARRINGTON-BLUE_dca0df4a-3bbf-49a8-b7d6-bb9de8e5990c.jpg?v=1754326572\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Barrington Blue with Keeneland Khaki 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/sheffield-pants-flannel-grant-park-plaid-with-nantucket-navy-stork'\n                            data-id='7855365357667'\n                            data-swatch='Grant Park Plaid with Nantucket Navy Stork'\n                            data-product-name='Sheffield Pants (Flannel)'\n                            data-price='3000'\n                            data-compare-price='6000'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffieldpantgrantparkplaidflannelwithnantucketnavystork.jpg?v=1755019114&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/sheffieldpantgrantparkplaidflannelwithnantucketnavystork-back.jpg?v=1755019121&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/swatch_-_grant_park_plaid.jpg?v=1756213464\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Grant Park Plaid with Nantucket Navy Stork'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/sheffield-pants-corduroy-richmond-red-with-osprey-oatmeal-stork'\n                            data-id='7855356837987'\n                            data-swatch='Richmond Red with Osprey Oatmeal Stork'\n                            data-product-name='Sheffield Pants (Corduroy)'\n                            data-price='2700'\n                            data-compare-price='5600'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sheffield_Pants_Corduroy_-_Richmond_Red_with_Osprey_Oatmeal_Stork.jpg?v=1755198969&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/Sheffield_Pants_Corduroy_-_Richmond_Red_with_Osprey_Oatmeal_Stork_2.jpg?v=1755198969&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/richmond-red_8d8243db-0bb1-4dc1-803e-3522c82d85c5.png?v=1756215033\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Richmond Red with Osprey Oatmeal Stork'\n                          >\n                            \n                          </button>\n                        \n                      \n                    </div>\n                  \n                \n              </div>\n            \n\n            <!-- Size Selection -->\n            \n              <div class='size-selector-container mt-[10px]'>\n                <div class='utility-3 uppercase mb-[10px]'>SIZE</div>\n\n                <div class='grid grid-cols-5 gap-x-2xs gap-y-xs size-options'>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='29233891737699'\n                      data-product-id='3868080734307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-3868080734307-29233891737699'\n                        name='size-3868080734307'\n                        value='29233891737699'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='29233891737699'\n                        data-product-url='/products/sheffield-pants-keeneland-khaki'\n                      >\n                      <label\n                        for='variant-3868080734307-29233891737699'\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='29233891770467'\n                      data-product-id='3868080734307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-3868080734307-29233891770467'\n                        name='size-3868080734307'\n                        value='29233891770467'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='29233891770467'\n                        data-product-url='/products/sheffield-pants-keeneland-khaki'\n                      >\n                      <label\n                        for='variant-3868080734307-29233891770467'\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='29233891803235'\n                      data-product-id='3868080734307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-3868080734307-29233891803235'\n                        name='size-3868080734307'\n                        value='29233891803235'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='29233891803235'\n                        data-product-url='/products/sheffield-pants-keeneland-khaki'\n                      >\n                      <label\n                        for='variant-3868080734307-29233891803235'\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='29233891836003'\n                      data-product-id='3868080734307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-3868080734307-29233891836003'\n                        name='size-3868080734307'\n                        value='29233891836003'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='29233891836003'\n                        data-product-url='/products/sheffield-pants-keeneland-khaki'\n                      >\n                      <label\n                        for='variant-3868080734307-29233891836003'\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='29233891868771'\n                      data-product-id='3868080734307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-3868080734307-29233891868771'\n                        name='size-3868080734307'\n                        value='29233891868771'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='29233891868771'\n                        data-product-url='/products/sheffield-pants-keeneland-khaki'\n                      >\n                      <label\n                        for='variant-3868080734307-29233891868771'\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='29233891901539'\n                      data-product-id='3868080734307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-3868080734307-29233891901539'\n                        name='size-3868080734307'\n                        value='29233891901539'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='29233891901539'\n                        data-product-url='/products/sheffield-pants-keeneland-khaki'\n                      >\n                      <label\n                        for='variant-3868080734307-29233891901539'\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='31908480155747'\n                      data-product-id='3868080734307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-3868080734307-31908480155747'\n                        name='size-3868080734307'\n                        value='31908480155747'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='31908480155747'\n                        data-product-url='/products/sheffield-pants-keeneland-khaki'\n                      >\n                      <label\n                        for='variant-3868080734307-31908480155747'\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='31908481564771'\n                      data-product-id='3868080734307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-3868080734307-31908481564771'\n                        name='size-3868080734307'\n                        value='31908481564771'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='31908481564771'\n                        data-product-url='/products/sheffield-pants-keeneland-khaki'\n                      >\n                      <label\n                        for='variant-3868080734307-31908481564771'\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='39875221520483'\n                      data-product-id='3868080734307'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-3868080734307-39875221520483'\n                        name='size-3868080734307'\n                        value='39875221520483'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='39875221520483'\n                        data-product-url='/products/sheffield-pants-keeneland-khaki'\n                      >\n                      <label\n                        for='variant-3868080734307-39875221520483'\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                </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='3868080734307'\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='6779624718435'\n          data-product-handle='prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe'\n          data-color-family='swatch-prep-step-sneakers'\n        >\n          <!-- Top Section: Image + Info -->\n          <div class='flex flex-row gap-5'>\n            <!-- Product Image -->\n            <a href='/products/prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe' class='flex-shrink-0' aria-label='Prep Step Sneakers - Nantucket Navy with Nantucket Navy Stripe'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrepStepSneakers-NantucketNavywithNantucketNavyStripebumper_beige_eeb2d01e-3a54-43c8-962c-c0a009c1d27e.jpg?v=1762282631&width=230'\n                  alt='Prep Step Sneakers - Nantucket Navy with Nantucket Navy Stripe'\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/PrepStepSneakers-NantucketNavywithNantucketNavyStripebumper_beige_eeb2d01e-3a54-43c8-962c-c0a009c1d27e.jpg?v=1762282631&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                  Unisex\n                </div>\n              \n\n              <a href='/products/prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe' class='no-underline'>\n                <div class='h6 mb-[6px] text-t-brand-primary product-name'>\n                  Prep Step Sneakers\n                </div>\n              </a>\n\n              <div class='flex gap-[6px] justify-start'>\n                \n                  <div\n                    class='utility-2'\n                    data-price='4500'\n                  >\n                    $45.00\n                  </div>\n                  <s class='utility-2'>\n                    $46.00\n                  </s>\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 Prep Step Sneakers'\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                  Nantucket Navy with Nantucket Navy Stripe\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/prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe'\n                            data-id='6779624718435'\n                            data-swatch='Nantucket Navy with Nantucket Navy Stripe'\n                            data-product-name='Prep Step Sneakers'\n                            data-price='4500'\n                            data-compare-price='4600'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrepStepSneakers-NantucketNavywithNantucketNavyStripebumper_beige_eeb2d01e-3a54-43c8-962c-c0a009c1d27e.jpg?v=1762282631&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrepStepSneakers-NantucketNavywithNantucketNavyStripe_beige_e3341a10-f7fd-479e-8fab-682998e94c22.jpg?v=1741042340&width=500'\n                            \n                            \n                              aria-selected='true'\n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/afdfc25c4fde--NANTUCKET-NAVY-1.jpg?v=1738685920\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Nantucket Navy with Nantucket Navy Stripe'\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='39919895642211'\n                      data-product-id='6779624718435'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624718435-39919895642211'\n                        name='size-6779624718435'\n                        value='39919895642211'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39919895642211'\n                        data-product-url='/products/prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe'\n                      >\n                      <label\n                        for='variant-6779624718435-39919895642211'\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                        4\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='39919895674979'\n                      data-product-id='6779624718435'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624718435-39919895674979'\n                        name='size-6779624718435'\n                        value='39919895674979'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39919895674979'\n                        data-product-url='/products/prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe'\n                      >\n                      <label\n                        for='variant-6779624718435-39919895674979'\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='39919895707747'\n                      data-product-id='6779624718435'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624718435-39919895707747'\n                        name='size-6779624718435'\n                        value='39919895707747'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='39919895707747'\n                        data-product-url='/products/prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe'\n                      >\n                      <label\n                        for='variant-6779624718435-39919895707747'\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='39919895740515'\n                      data-product-id='6779624718435'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624718435-39919895740515'\n                        name='size-6779624718435'\n                        value='39919895740515'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='39919895740515'\n                        data-product-url='/products/prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe'\n                      >\n                      <label\n                        for='variant-6779624718435-39919895740515'\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                        7\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='39919895773283'\n                      data-product-id='6779624718435'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624718435-39919895773283'\n                        name='size-6779624718435'\n                        value='39919895773283'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='39919895773283'\n                        data-product-url='/products/prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe'\n                      >\n                      <label\n                        for='variant-6779624718435-39919895773283'\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                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='39919895806051'\n                      data-product-id='6779624718435'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624718435-39919895806051'\n                        name='size-6779624718435'\n                        value='39919895806051'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='39919895806051'\n                        data-product-url='/products/prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe'\n                      >\n                      <label\n                        for='variant-6779624718435-39919895806051'\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                        9\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='39919895838819'\n                      data-product-id='6779624718435'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624718435-39919895838819'\n                        name='size-6779624718435'\n                        value='39919895838819'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='39919895838819'\n                        data-product-url='/products/prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe'\n                      >\n                      <label\n                        for='variant-6779624718435-39919895838819'\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                        10\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='39919895871587'\n                      data-product-id='6779624718435'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624718435-39919895871587'\n                        name='size-6779624718435'\n                        value='39919895871587'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='39919895871587'\n                        data-product-url='/products/prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe'\n                      >\n                      <label\n                        for='variant-6779624718435-39919895871587'\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                        11\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='39919895904355'\n                      data-product-id='6779624718435'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624718435-39919895904355'\n                        name='size-6779624718435'\n                        value='39919895904355'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39919895904355'\n                        data-product-url='/products/prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe'\n                      >\n                      <label\n                        for='variant-6779624718435-39919895904355'\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='39919895937123'\n                      data-product-id='6779624718435'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624718435-39919895937123'\n                        name='size-6779624718435'\n                        value='39919895937123'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39919895937123'\n                        data-product-url='/products/prep-step-sneakers-nantucket-navy-with-nantucket-navy-stripe'\n                      >\n                      <label\n                        for='variant-6779624718435-39919895937123'\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                        13\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='6779624718435'\n              \n                data-variant-id=''\n                disabled\n              \n              type='button'\n            >\n              <span>Add to Buggy</span>\n            </button>\n          </div>\n        </div>\n      \n    </div>\n  </complete-the-look-nosto-style>\n\n  <style>\n    .ctl-products-scroll::-webkit-scrollbar {\n      height: 6px;\n      border-radius: 8%;\n    }\n    .ctl-products-scroll::-webkit-scrollbar-track {\n      background: #f1f1f1;\n      border-radius: 10px;\n    }\n    .ctl-products-scroll::-webkit-scrollbar-thumb {\n      background: #888;\n      border-radius: 10px;\n    }\n  </style>\n\n</div></section>\n</main-product><script\n    src='https://cdn-widgetsrepository.yotpo.com/v1/loader/gwqnRVBfQib0iRVcxl2cbeTgoFeJStZcC8bYd265'\n    async\n  ></script>\n  <link href=\"//www.thebeaufortbonnetcompany.com/cdn/shop/t/360/assets/-core-main-product.css?v=14442081185651659231793024516\" 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/360/assets/sort-arrows.png?v=7943459221422010101793024538');\n  }\n</style>\n\n\n</section>"}