{"template--18757957156963__main":"<section id=\"shopify-section-template--18757957156963__main\" class=\"shopify-section\"><!-- ##entry##core-main-product##endentry## -->\n<!-- ##entry##component-product-section##endentry## -->\n<!-- ##entry##core-track-recently-viewed##endentry## -->\n<track-recently-viewed product-handle='stella-skort-preppy-little-picnic'></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/stella-skort-preppy-little-picnic'\n  section-id='template--18757957156963__main'\n  id='template--18757957156963__main'\n  \n    update-okendo\n  \n>\n\n<div\n  id='MediaGallery-template--18757957156963__main'\n  role='region'\n  sub-section-id='MediaGallery-template--18757957156963__main'\n  class='main-gallery'\n  aria-label='Gallery Viewer'\n>\n\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--18757957156963__main-zoom-gallery'\n\n    \n      url=''\n    \n\n    \n      size='modal-max'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n      without-title='true'\n    \n\n    \n\n    \n      header-classes='text-t-foreground !border-b-0'\n    \n\n    \n      close-classes='top-[27px] right-5 absolute'\n    \n\n    \n\n    \n\n    \n      container-classes='text-t-foreground !grid-rows-[var(--dmn-dialog-header-height,0)_minmax(0,_1fr)_auto] lg:!grid-rows-[var(--dmn-dialog-header-height,_40px)_minmax(0,_1fr)_auto] '\n    \n\n    \n      close-icon-size='18'\n    \n\n    \n\n    \n\n    close-label='Close'\n  >\n    <div class=\"grid gap-x-xs grid-cols-1 md:grid-cols-[80px,minmax(0,_1fr)] lg:grid-cols-[120px,minmax(0,_1fr)] size-full overflow-hidden\">\n      \n        <div class=\"p-xs md:block hidden overflow-y-auto\">\n          <swiper-container\n            class='block'\n            direction='vertical'\n            slides-per-view='auto'\n            space-between='10'\n            mousewheel='true'\n            id='MediaGallery-template--18757957156963__main-thumbs-swiper-zoom'\n            controller-control='#MediaGallery-template--18757957156963__main-main-swiper'\n          >\n            \n              <swiper-slide class='w-full h-auto relative block bg-p-lightest aspect-square border border-solid border-p-light [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&amp;width=90\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&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/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&amp;width=90\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&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/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&amp;width=90\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&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/7C6A8316.jpg?v=1778507281&amp;width=90\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8316.jpg?v=1778507281&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8316.jpg?v=1778507281&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8316.jpg?v=1778507281&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8316.jpg?v=1778507281&amp;width=90 90w\" height=\"1499.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/7C6A8296.jpg?v=1778507249&amp;width=90\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8296.jpg?v=1778507249&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8296.jpg?v=1778507249&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8296.jpg?v=1778507249&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8296.jpg?v=1778507249&amp;width=90 90w\" height=\"1499.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/7C6A8371.jpg?v=1778507329&amp;width=90\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8371.jpg?v=1778507329&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8371.jpg?v=1778507329&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8371.jpg?v=1778507329&amp;width=80 80w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8371.jpg?v=1778507329&amp;width=90 90w\" height=\"1499.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n          </swiper-container>\n        </div>\n      \n<!-- ##entry##core-swiper-with-media##endentry## -->\n<div class=\"lg:px-xl\">\n        <swiper-with-media class=\"block relative size-full lg:pb-xl\" custom-single-zoom='true' zoom-max-ratio='1.5'>\n          <swiper-container\n            init=\"false\"\n            class='h-full block whitespace-nowrap overflow-clip'\n            watch-slides-progress='true'\n            thumbs-swiper='#MediaGallery-template--18757957156963__main-thumbs-swiper-zoom'\n            auto-scroll-offset='true'\n            navigation='true'\n            slides-per-view='1'\n            id='MediaGallery-template--18757957156963__main-main-swiper-zoom'\n            pagination='{\"el\": \".swiper-counter-zoom-template--18757957156963__main\",\"type\": \"fraction\"}'\n            navigation-next-el='#shopify-section-template--18757957156963__main .swiper-button-next'\n            navigation-prev-el='#shopify-section-template--18757957156963__main .swiper-button-prev'\n          >\n            \n              <swiper-slide class='w-full h-full cursor-zoom-in relative block overflow-hidden bg-p-lightest border border-t-disabled'>\n                <div class='swiper-zoom-container'>\n\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&amp;width=600\" alt=\"Stella Skort - Preppy Little Picnic\" 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.121% 26.855%;\"></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/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&amp;width=600\" alt=\"Stella Skort - Preppy Little Picnic\" height=\"3872.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\" style=\"object-position:50.098% 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/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&amp;width=600\" alt=\"Stella Skort - Preppy Little Picnic\" height=\"3872.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\" style=\"object-position:49.121% 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/7C6A8316.jpg?v=1778507281&amp;width=600\" alt=\"Stella Skort - Preppy Little Picnic\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\" style=\"object-position:53.906% 48.535%;\"></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/7C6A8296.jpg?v=1778507249&amp;width=600\" alt=\"Stella Skort - Preppy Little Picnic\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\" style=\"object-position:0.879% 50.488%;\"></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/7C6A8371.jpg?v=1778507329&amp;width=600\" alt=\"Stella Skort - Preppy Little Picnic\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-cover lg:object-contain object-cover\" fetchpriority=\"auto\"></div><div class='swiper-lazy-preloader'></div></swiper-slide>\n            \n          </swiper-container>\n          <div class='inline-flex max-w-[128px] rounded-sm z-10 left-1/2 -translate-x-1/2 bottom-8 absolute justify-between md:justify-center md-max:pb-0 w-auto md:w-full  gap-sm rounded bg-p-lightest p-xs'>\n            <button class='swiper-button-prev disabled:text-t-disabled h-6 w-6 rounded-full flex items-center justify-center hover:opacity-90 text-t-brand-primary relative' aria-label='Slide left'>\n              \n<svg-icon\n  src='icon-arrow-left'\n  class='rotate-0'\n\n  \n    style='--icon-size: 17px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n            </button>\n            <div class='swiper-counter-zoom-template--18757957156963__main utility-2 text-t-brand-primary flex justify-center items-center -mt-0.5'></div>\n            <button class='swiper-button-next disabled:text-t-disabled h-6 w-6 rounded-full flex items-center justify-center hover:opacity-90 text-t-brand-primary relative' aria-label='Slide right'>\n              \n<svg-icon\n  src='icon-arrow-left'\n  class='-rotate-180'\n\n  \n    style='--icon-size: 17px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n            </button>\n          </div>\n        </swiper-with-media>\n      </div>\n    </div>\n  \n  </modal-dialog>\n\n  <div\n    \n      class='grid grid-cols-1 md:gap-y-sm lg:grid-cols-[94px,minmax(0,_1fr)] gap-x-sm place-content-start lg:sticky lg:top-[--header-height] max-md:-mx-md'\n    \n  >\n    <div class='flex relative overflow-clip flex-col justify-center items-center max-h-[var(--product-gallery-height)]'>\n      \n<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--18757957156963__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/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&amp;width=94\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&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/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&amp;width=94\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&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/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&amp;width=94\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&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/7C6A8316.jpg?v=1778507281&amp;width=94\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8316.jpg?v=1778507281&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8316.jpg?v=1778507281&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8316.jpg?v=1778507281&amp;width=80 80w\" height=\"1499.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/7C6A8296.jpg?v=1778507249&amp;width=94\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8296.jpg?v=1778507249&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8296.jpg?v=1778507249&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8296.jpg?v=1778507249&amp;width=80 80w\" height=\"1499.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/7C6A8371.jpg?v=1778507329&amp;width=94\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8371.jpg?v=1778507329&amp;width=40 40w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8371.jpg?v=1778507329&amp;width=60 60w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8371.jpg?v=1778507329&amp;width=80 80w\" height=\"1499.0\" loading=\"eager\" class=\"w-full block text-[0px]  h-full w-full absolute inset-0 object-contain\" fetchpriority=\"auto\"></swiper-slide>\n            \n          </swiper-container>\n    </div>\n\n    <div class=' relative aspect-square'><!-- ##entry##component-swiper-with-media##endentry## -->\n<product-swiper-with-media class='w-full h-full block relative '>\n        <swiper-container\n          class='w-full h-full block overflow-hidden'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--18757957156963__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--18757957156963__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          navigation='true'\n          \n            slides-per-view='1'\n            space-between='50'\n          \n          virtual='false'\n          id='MediaGallery-template--18757957156963__main-main-swiper'\n          pagination='{\"el\": \".swiper-counter-template--18757957156963__main\",\"type\": \"fraction\"}'\n          \n            scrollbar='{ \"el\": \".swiper-scrollbar-template--18757957156963__main\"}'\n          \n          navigation-next-el='#shopify-section-template--18757957156963__main .swiper-button-next'\n          navigation-prev-el='#shopify-section-template--18757957156963__main .swiper-button-prev'\n        >\n          \n            <swiper-slide class='w-full h-full relative block bg-p-lightest'>\n\n\n\n\n  <div class='flex flex-wrap gap-2 absolute top-2.5 left-2.5 lg:top-5 lg:left-5 pr-16 z-20'>\n    \n      <span\n        class='bg-p-lightest p-1 lg:px-xs !italic text-t-brand-primary text-caption lg:text-body max-w-full whitespace-normal text-wrap '\n        style='\n          \n          \n        '\n      >\n        New Style\n      </span>\n\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/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&amp;width=800\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&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.121% 26.855%;\">\n<dialog-toggle modal-id='MediaGallery-template--18757957156963__main-zoom-gallery' class='absolute top-0 right-0 md:top-sm md:right-sm z-30 size-full cursor-zoom-in lg:cursor-auto '><div class=\"absolute inset-0 lg:relative bg-p-success-lightest\">\n    <button class=\"h6 text-t-foreground p-xs hover:text-t-link grid place-content-center absolute top-5 right-5 md:top-0 md:right-0 bg-t-background rounded-full size-9\">\n      \n<svg-icon\n  src='icon-zoom-pinch'\n  class=''\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n      <span class=\"sr-only\">Zoom</span>\n    </button>\n  </div>\n</dialog-toggle></swiper-slide>\n          \n            <swiper-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/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&amp;width=800\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&amp;width=800 800w\" height=\"3872.0\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:50.098% 50.0%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--18757957156963__main-zoom-gallery' class='absolute top-0 right-0 md:top-sm md:right-sm z-30 size-full cursor-zoom-in lg:cursor-auto '><div class=\"absolute inset-0 lg:relative bg-p-success-lightest\">\n    <button class=\"h6 text-t-foreground p-xs hover:text-t-link grid place-content-center absolute top-5 right-5 md:top-0 md:right-0 bg-t-background rounded-full size-9\">\n      \n<svg-icon\n  src='icon-zoom-pinch'\n  class=''\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n      <span class=\"sr-only\">Zoom</span>\n    </button>\n  </div>\n</dialog-toggle></swiper-slide>\n          \n            <swiper-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/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&amp;width=800\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&amp;width=800 800w\" height=\"3872.0\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:49.121% 50.0%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--18757957156963__main-zoom-gallery' class='absolute top-0 right-0 md:top-sm md:right-sm z-30 size-full cursor-zoom-in lg:cursor-auto '><div class=\"absolute inset-0 lg:relative bg-p-success-lightest\">\n    <button class=\"h6 text-t-foreground p-xs hover:text-t-link grid place-content-center absolute top-5 right-5 md:top-0 md:right-0 bg-t-background rounded-full size-9\">\n      \n<svg-icon\n  src='icon-zoom-pinch'\n  class=''\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n      <span class=\"sr-only\">Zoom</span>\n    </button>\n  </div>\n</dialog-toggle></swiper-slide>\n          \n            <swiper-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/7C6A8316.jpg?v=1778507281&amp;width=800\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8316.jpg?v=1778507281&amp;width=800 800w\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:53.906% 48.535%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--18757957156963__main-zoom-gallery' class='absolute top-0 right-0 md:top-sm md:right-sm z-30 size-full cursor-zoom-in lg:cursor-auto '><div class=\"absolute inset-0 lg:relative bg-p-success-lightest\">\n    <button class=\"h6 text-t-foreground p-xs hover:text-t-link grid place-content-center absolute top-5 right-5 md:top-0 md:right-0 bg-t-background rounded-full size-9\">\n      \n<svg-icon\n  src='icon-zoom-pinch'\n  class=''\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n      <span class=\"sr-only\">Zoom</span>\n    </button>\n  </div>\n</dialog-toggle></swiper-slide>\n          \n            <swiper-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/7C6A8296.jpg?v=1778507249&amp;width=800\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8296.jpg?v=1778507249&amp;width=800 800w\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\" style=\"object-position:0.879% 50.488%;\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--18757957156963__main-zoom-gallery' class='absolute top-0 right-0 md:top-sm md:right-sm z-30 size-full cursor-zoom-in lg:cursor-auto '><div class=\"absolute inset-0 lg:relative bg-p-success-lightest\">\n    <button class=\"h6 text-t-foreground p-xs hover:text-t-link grid place-content-center absolute top-5 right-5 md:top-0 md:right-0 bg-t-background rounded-full size-9\">\n      \n<svg-icon\n  src='icon-zoom-pinch'\n  class=''\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n      <span class=\"sr-only\">Zoom</span>\n    </button>\n  </div>\n</dialog-toggle></swiper-slide>\n          \n            <swiper-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/7C6A8371.jpg?v=1778507329&amp;width=800\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8371.jpg?v=1778507329&amp;width=800 800w\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  \n                h-full\n                \n               object-contain\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--18757957156963__main-zoom-gallery' class='absolute top-0 right-0 md:top-sm md:right-sm z-30 size-full cursor-zoom-in lg:cursor-auto '><div class=\"absolute inset-0 lg:relative bg-p-success-lightest\">\n    <button class=\"h6 text-t-foreground p-xs hover:text-t-link grid place-content-center absolute top-5 right-5 md:top-0 md:right-0 bg-t-background rounded-full size-9\">\n      \n<svg-icon\n  src='icon-zoom-pinch'\n  class=''\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n      <span class=\"sr-only\">Zoom</span>\n    </button>\n  </div>\n</dialog-toggle></swiper-slide>\n          \n        </swiper-container>\n      </product-swiper-with-media>\n      <div\n        class='flex-1 swiper-scrollbar-template--18757957156963__main h-0.5 bg-t-border-primary md:hidden '\n      ></div>\n      \n        <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--18757957156963__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/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&amp;width=600\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&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.121% 26.855%;\"></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/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&amp;width=600\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687&amp;width=600 600w\" height=\"3872.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:50.098% 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/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&amp;width=600\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687&amp;width=600 600w\" height=\"3872.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:49.121% 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/7C6A8316.jpg?v=1778507281&amp;width=600\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8316.jpg?v=1778507281&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8316.jpg?v=1778507281&amp;width=600 600w\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:53.906% 48.535%;\"><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/7C6A8296.jpg?v=1778507249&amp;width=600\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8296.jpg?v=1778507249&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8296.jpg?v=1778507249&amp;width=600 600w\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\" style=\"object-position:0.879% 50.488%;\"><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/7C6A8371.jpg?v=1778507329&amp;width=600\" alt=\"Stella Skort - Preppy Little Picnic\" srcset=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8371.jpg?v=1778507329&amp;width=300 300w, //www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A8371.jpg?v=1778507329&amp;width=600 600w\" height=\"1499.0\" loading=\"lazy\" class=\"w-full block text-[0px]  h-full w-full object-contain\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div></div>\n        \n      </div>\n    </div>\n  </div>\n</div>\n\n\n\n\n<section\n  id='ProductInfo-template--18757957156963__main'\n  class='grid grid-cols-1 gap-y-6 md:gap-y-sm place-content-start relative mb-6 md:mb-sm md:mt-xl'\n><nav\n  aria-label='Breadcrumb'\n  data-breadcrumb\n  data-parent-title=''\n  data-parent-url=''\n  data-product-title='Stella Skort'\n  data-product-url='/products/stella-skort-preppy-little-picnic'\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/stella-skort-preppy-little-picnic' aria-current='page'>Stella Skort</a>\n    </li>\n  </ol>\n</nav>\n\n<script src='//www.thebeaufortbonnetcompany.com/cdn/shop/t/343/assets/breadcrumb-session.js?v=157159141911467853401779210291' defer></script>\n<div id=\"shopify-block-AdFBnY3ZKampoZnF6d__okendo_star_rating_Cwk9TY\" class=\"shopify-block shopify-app-block\">\n\n\n\n\n    <div\n        data-oke-star-rating\n        data-oke-reviews-product-id=\"shopify-7982139539555\"\n    >\n        \n    </div>\n\n\n\n</div><div sub-section-id='title'>\n          <div >\n            \n\n            \n\n            <h1 class='md:pr-md text-t-foreground h2 leading-[1.1]'>\n              Stella Skort\n            </h1>\n          </div>\n\n          <div sub-section-id='title' class='pt-xs md:pt-3'><div\n                class='h6'\n                id='price-template--18757957156963__main'\n                role='status'\n                \n              >\n                \n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price utility-1 text-[20px] md:text-[18px] leading-none md:leading-[1.3] tracking-[0.4px] md:tracking-[0.54px]\n'\n    \n  >\n    <div class='inline-flex gap-x-2xs' sub-section-id='price'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='text-t-foreground utility-1 text-[20px] md:text-[18px] leading-none md:leading-[1.3] tracking-[0.4px] md:tracking-[0.54px]'>\n            $50\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                $50\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          $50\n        </span>\n      </div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='utility-1 text-[20px] md:text-[18px] leading-none md:leading-[1.3] tracking-[0.4px] md:tracking-[0.54px]'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div></div>\n\n\n              </div><div ><form method=\"post\" action=\"/cart/add\" id=\"product-form-installment-product-form-template--18757957156963__main\" accept-charset=\"UTF-8\" class=\"caption\" enctype=\"multipart/form-data\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" /><input type='hidden' name='id' value='44068109549667'>\n                <shopify-payment-terms variant-id=\"44068109549667\" 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;:44068109385827,&quot;price_per_term&quot;:&quot;$12.50&quot;,&quot;full_price&quot;:&quot;$50.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4},{&quot;id&quot;:44068109418595,&quot;price_per_term&quot;:&quot;$12.50&quot;,&quot;full_price&quot;:&quot;$50.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4},{&quot;id&quot;:44068109451363,&quot;price_per_term&quot;:&quot;$12.50&quot;,&quot;full_price&quot;:&quot;$50.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4},{&quot;id&quot;:44068109484131,&quot;price_per_term&quot;:&quot;$12.50&quot;,&quot;full_price&quot;:&quot;$50.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4},{&quot;id&quot;:44068109516899,&quot;price_per_term&quot;:&quot;$12.50&quot;,&quot;full_price&quot;:&quot;$50.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4},{&quot;id&quot;:44068109549667,&quot;price_per_term&quot;:&quot;$12.50&quot;,&quot;full_price&quot;:&quot;$50.00&quot;,&quot;eligible&quot;:true,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:4}],&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;financing_plans&quot;:[{&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$49.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:2}]},{&quot;min_price&quot;:&quot;$50.00&quot;,&quot;max_price&quot;:&quot;$149.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4}]},{&quot;min_price&quot;:&quot;$150.00&quot;,&quot;max_price&quot;:&quot;$999.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]},{&quot;min_price&quot;:&quot;$1,000.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;terms&quot;:[{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]}],&quot;installments_buyer_prequalification_enabled&quot;:false,&quot;seller_id&quot;:1669185}\"></shopify-payment-terms>\n<input type=\"hidden\" name=\"product-id\" value=\"7982139539555\" /><input type=\"hidden\" name=\"section-id\" value=\"template--18757957156963__main\" /></form></div>\n          </div>\n\n          <div sub-section-id='title'>\n            \n\n          </div>\n        </div><div sub-section-id='variant_picker'>\n          \n\n\n  \n  <variant-picker\n    id='variant-selects-variant_picker'\n    sub-section-id='variant_picker'\n    class='grid grid-cols-1 md:gap-y-sm border-t gap-y-6 border-t-brand-dull-gold pt-6 md:pt-5'\n    \n      \n    \n  >\n    \n\n\n\n\n\n\n  \n    <product-swatches>\n      <div class='flex flex-col gap-xs md:gap-3 border-b border-t-brand-dull-gold md:pb-5 pb-6'>\n        \n  <div class='flex items-center gap-2 text-t-foreground'><span class='uppercase utility-3'>\n        Color\n      </span><p\n      class='italic text-body-2'\n      data-container='swatch-name'\n    >\n      Preppy Little Picnic\n    </p>\n  </div>\n\n\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<dialog-toggle modal-id='size-guide-modal' class='!ml-auto flex !text-[12px]'><button class=\"btn !utility-3 !uppercase !underline cursor-pointer focus:ring-2 focus:ring-t-disabled focus:ring-offset-2\" tabindex=\"0\">\n    Size guide\n  </button>\n</dialog-toggle>\n<modal-dialog\n    cloak\n    type='drawer'\n    id='size-guide-modal'\n\n    \n      url=''\n    \n\n    \n\n    \n      anchor='right'\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n      drawer-classes='lg:!max-w-[800px]'\n    \n\n    \n\n    \n\n    \n      close-icon-size='18'\n    \n\n    \n\n    \n\n    close-label='Close'\n  ><div class='text-t-foreground pb-lg'>\n  <div class='md:px-xl px-md'><h2 class='md:h3 text-center text-t-foreground pb-3'>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/stella-skort-preppy-little-picnic?variant=44068109385827&sections=template--18757957156963__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-0'\n    name='Size-1'\n    value='4T'\n    form='product-form-template--18757957156963__main'\n    \n    \n    data-option-value-id=\"4529028530275\"\n    data-variant-id=\"44068109385827\"\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    4T</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-0'>\n    {\"id\":44068109385827,\"title\":\"4T\",\"option1\":\"4T\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-T4T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 4T\",\"public_title\":\"4T\",\"options\":[\"4T\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":75,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643874\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"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/stella-skort-preppy-little-picnic?variant=44068109418595&sections=template--18757957156963__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-1'\n    name='Size-1'\n    value='5'\n    form='product-form-template--18757957156963__main'\n    \n    \n    data-option-value-id=\"4529028563043\"\n    data-variant-id=\"44068109418595\"\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    5</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-1'>\n    {\"id\":44068109418595,\"title\":\"5\",\"option1\":\"5\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C5\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 5\",\"public_title\":\"5\",\"options\":[\"5\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":90,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643881\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"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/stella-skort-preppy-little-picnic?variant=44068109451363&sections=template--18757957156963__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-2'\n    name='Size-1'\n    value='6'\n    form='product-form-template--18757957156963__main'\n    \n    \n    data-option-value-id=\"4529028595811\"\n    data-variant-id=\"44068109451363\"\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    6</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-2'>\n    {\"id\":44068109451363,\"title\":\"6\",\"option1\":\"6\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C6\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 6\",\"public_title\":\"6\",\"options\":[\"6\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":76,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643898\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"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/stella-skort-preppy-little-picnic?variant=44068109484131&sections=template--18757957156963__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-3'\n    name='Size-1'\n    value='7'\n    form='product-form-template--18757957156963__main'\n    \n    \n    data-option-value-id=\"4529028628579\"\n    data-variant-id=\"44068109484131\"\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    7</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-3'>\n    {\"id\":44068109484131,\"title\":\"7\",\"option1\":\"7\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C7\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 7\",\"public_title\":\"7\",\"options\":[\"7\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":65,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643904\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"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/stella-skort-preppy-little-picnic?variant=44068109516899&sections=template--18757957156963__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-4'\n    name='Size-1'\n    value='8'\n    form='product-form-template--18757957156963__main'\n    \n    \n    data-option-value-id=\"4529028661347\"\n    data-variant-id=\"44068109516899\"\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    8</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-4'>\n    {\"id\":44068109516899,\"title\":\"8\",\"option1\":\"8\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C8\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 8\",\"public_title\":\"8\",\"options\":[\"8\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":63,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643911\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"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/stella-skort-preppy-little-picnic?variant=44068109549667&sections=template--18757957156963__main'\n      as='fetch'\n      crossorigin='anonymous'\n      type=''\n    >\n    \n\n<div class='relative'>\n  <input\n    type='radio'\n    id='variant_picker-1-5'\n    name='Size-1'\n    value='10'\n    form='product-form-template--18757957156963__main'\n    \n      checked\n    \n    \n    data-option-value-id=\"4529028694115\"\n    data-variant-id=\"44068109549667\"\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    10</label></div>\n\n\n<script type='application/json' data-resource='variant_picker-1-5'>\n    {\"id\":44068109549667,\"title\":\"10\",\"option1\":\"10\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C10\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 10\",\"public_title\":\"10\",\"options\":[\"10\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":32,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643867\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"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\":44068109549667,\"title\":\"10\",\"option1\":\"10\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C10\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 10\",\"public_title\":\"10\",\"options\":[\"10\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":32,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643867\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n    </script>\n  </variant-picker>\n          <p class='js-model-text caption mt-xs lg:mt-3 text-t-foreground empty:m-0 leading-[14px]'></p>\n        </div>\n        <div\n          sub-section-id='embroidery_CHgiRd'\n          class='hidden'\n        ><!-- ##entry##component-product-embroidery##endentry## -->\n\n\n\n\n\n</div>\n          <div\n            class='flex justify-between items-center space-x-4'\n            sub-section-id='quantity_selector'\n          ><div\n  id='Quantity-Form-template--18757957156963__main'\n  class='grid grid-cols-1'\n  sub-section-id='quantity_selector'\n  \n>\n  <label\n    class='utility-3 uppercase text-t-foreground justify-between text-[12px] hidden'\n    for='Quantity-template--18757957156963__main'\n  >\n    Quantity\n<!-- ##entry##component-variants-in-cart##endentry## -->\n<variants-in-cart\n      variant-id='44068109549667'\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='44068109549667'\n  cart-quantity='0'\n  min='1'\n  max='5'\n  value='1'\n  \n>\n  <div role='status' aria-live='polite' class='sr-only js-qty-status-text'></div>\n  <button\n    class='inline-flex items-center justify-center w-[10px] h-[10px] text-t-brand-primary disabled:opacity-50 disabled:pointer-events-none ml-[10px] '\n    name='minus'\n    type='button'\n    id='product-form-template--18757957156963__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Stella Skort - Preppy Little Picnic</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 Stella Skort - Preppy Little Picnic'\n    id='product-form-template--18757957156963__main-quantity'\n\n    \n      form='product-form-template--18757957156963__main'\n    \n  >\n  <button\n    class='inline-flex items-center justify-center w-[10px] h-[10px] text-t-brand-primary disabled:opacity-50 disabled:pointer-events-none mr-[10px] '\n    name='plus'\n    type='button'\n    id='product-form-template--18757957156963__main-quantity__increment'\n  >\n    <span class='sr-only'>Increase quantity for Stella Skort - Preppy Little Picnic</span>\n<svg-icon\n  src='icon-plus'\n  class=''\n\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</button>\n</quantity-input>\n</div>\n  <div class='quantity__rules caption' id='Quantity-Rules-template--18757957156963__main'></div>\n  \n</div>\n</div>\n        \n\n\n\n\n<div  sub-section-id='buy_buttons'><product-form\n      class='group/product-form'\n      embroidery-id='639643861'\n    >\n      <div class='product-form__error-message-wrapper' role='alert' hidden>\n        <div class='w-2.5 h-2.5 bg-p-error rounded-full flex items-center justify-center'>\n<svg-icon\n  src='icon-error'\n  class='text-p-lightest'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  \n></svg-icon>\n</div>\n        <span class='product-form__error-message'></span>\n      </div><form method=\"post\" action=\"/cart/add\" id=\"product-form-template--18757957156963__main\" accept-charset=\"UTF-8\" class=\"group-[.loading]/product-form:pointer-events-none\" enctype=\"multipart/form-data\" novalidate=\"novalidate\" data-type=\"add-to-cart-form\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" /><input\n          type='hidden'\n          name='id'\n          class='hidden'\n          value='44068109549667'\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='7982139539555'\n              variant-id='44068109549667'\n              product-handle='stella-skort-preppy-little-picnic'\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;:44068109385827,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44068109418595,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44068109451363,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44068109484131,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44068109516899,&quot;requiresShipping&quot;:true},{&quot;id&quot;:44068109549667,&quot;requiresShipping&quot;:true}]\" shop-id=\"3675301\" > <div class=\"shopify-payment-button__button\" role=\"button\" disabled aria-hidden=\"true\" style=\"background-color: transparent; border: none\"> <div class=\"shopify-payment-button__skeleton\">&nbsp;</div> </div> <div class=\"shopify-payment-button__more-options shopify-payment-button__skeleton\" role=\"button\" disabled aria-hidden=\"true\">&nbsp;</div> </shopify-accelerated-checkout> </div>\n</div>\n\n        \n<!-- ##entry##component-similar-items-trigger##endentry## -->\n<similar-items-trigger\n            data-oos='false'\n            data-id='productpage-nosto-1'\n            class='hidden text-center leading-none'\n          ></similar-items-trigger>\n        \n\n        \n<!-- ##entry##component-afterpay##endentry## -->\n<script src='https://js.afterpay.com/afterpay-1.x.js' async></script>\n          \n            <div data-afterpay-container>\n              <after-pay class='invisible block'>\n                <afterpay-placement\n                  class='m-0 min-h-[34px] md:pt-xs pt-2'\n                  data-locale='en_US'\n                  data-currency='USD'\n                  data-show-lower-limit='false'\n                  data-logo-type='lockup'\n                  data-size='xs'\n                >\n                </afterpay-placement>\n              </after-pay>\n            </div>\n          \n        \n<input type=\"hidden\" name=\"product-id\" value=\"7982139539555\" /><input type=\"hidden\" name=\"section-id\" value=\"template--18757957156963__main\" /></form></product-form>\n\n\n\n\n\n<modal-dialog\n    cloak\n    type='drawer'\n    id='cognito'\n\n    \n      url=''\n    \n\n    \n\n    \n      anchor='right'\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n      drawer-classes='lg:!max-w-[500px]'\n    \n\n    \n\n    \n\n    \n      close-icon-size='18'\n    \n\n    \n\n    \n\n    close-label='Close'\n  >\n  <div class=\"flex flex-col gap-lg pt-sm px-md p-xl lg:px-xl text-t-foreground\">\n    <div class=\"grid grid-cols-1 gap-xs text-center max-w-[323px] mx-auto\">\n      <h3>Track it down</h3>\n      \n      <p class=\"italic font-normal\">\n        Stella Skort | Preppy Little Picnic... Size 10\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\": \"Stella Skort - Preppy Little Picnic\", \"URL\":\"https://www.thebeaufortbonnetcompany.com/products/stella-skort-preppy-little-picnic\" } } );\n        }\n      </script>\n    </div>\n  </div>\n\n  </modal-dialog>\n  \n    \n      <!-- ##entry##component-sticky-atc##endentry## -->\n\n<sticky-atc\n  form='product-form-template--18757957156963__main'\n  aria-hidden='true'\n  class='opacity-0 aria-hidden:-translate-y-full animate-inSlideDown aria-hidden:animate-outSlideUp drop-shadow flex gap-md flex-col md:flex-row items-center justify-between z-20 fixed top-0 left-0 w-full bg-p-lightest p-md sm:px-pagemargin md:py-xs'\n><div class='hidden md:flex justify-between gap-xs items-center'>\n    \n      <div class='w-[60px] h-[60px] relative'>\n<img src=\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&amp;width=90\" alt=\"Stella Skort - Preppy Little Picnic\" 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.121% 26.855%;\"></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          Stella Skort - Preppy Little Picnic\n        </h4>\n\n        \n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price utility-2\n'\n    \n  >\n    <div class='inline-flex gap-x-2xs' sub-section-id='price'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n          <span class='text-t-foreground utility-2'>\n            $50\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                $50\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          $50\n        </span>\n      </div>\n      <small class='caption hidden'>\n        <span class='sr-only'>Unit price</span>\n        <span class='utility-2'>\n          <span></span>\n          <span aria-hidden='true'>/</span>\n          <span class='sr-only'>&nbsp;per&nbsp;</span>\n          <span>\n          </span>\n        </span>\n      </small>\n    </div></div>\n\n\n      </div>\n    </div>\n  </div>\n\n  <div class='w-full grow md:w-auto md:grow-0'>\n    <div class='grid grid-cols-[auto_50px] gap-2xs'>\n      <button\n        id='ProductSubmitButton-sticky'\n        type='submit'\n        name='add'\n        form='product-form-template--18757957156963__main'\n        variant='primary'\n        class='btn md:w-[364px]'\n        \n          aria-label='Add to buggy'\n        \n        tabindex='-1'\n      >\n        <span class='leading-[1.1]'>Add to buggy\n</span>\n      </button><!-- ##entry##component-wishlist##endentry## -->\n<wish-list\n          product-id='7982139539555'\n          variant-id='44068109549667'\n          product-handle='stella-skort-preppy-little-picnic'\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>Summer just got a whole lot cuter with our Stella Skort in Preppy Little Picnic! This skort is the warm weather bottom that pairs effortlessly with our Tay Tay Tank or her favorite tee, making it the easiest and most fun addition to her summer wardrobe! This is the skort that carries her through every sunny day on the calendar, from morning errands to afternoon playdates.</p>\n          </div>\n\n\n              <div\n                sub-section-id='collapsible_tab_Ed6nAh'\n                class='border-t border-t-brand-dull-gold'\n              >\n                <div\n                  class='accordion'\n                  \n                >\n                  <div\n  id='Details-collapsible_tab_Ed6nAh-template--18757957156963__main'\n  class='group border-b border-b-t-brand-dull-gold '\n>\n  <label\n    class='list-none block utility-2 uppercase text-t-brand-primary '\n    for='accordion-checkbox-collapsible_tab_Ed6nAh-template--18757957156963__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible_tab_Ed6nAh-template--18757957156963__main'\n      aria-label='Toggle Features accordion'\n      class='sr-only peer'\n      type='checkbox'\n      id='accordion-checkbox-collapsible_tab_Ed6nAh-template--18757957156963__main'\n      name='accordion-input--collapsible_tab_ed6nah-template-18757957156963__main\n'\n    >\n    <div\n      data-accordion-title\n      class='cursor-pointer py-5 lg:py-6 flex items-center justify-between w-full peer-focus-visible:ring-2 ring-t-disabled '\n    >\n      <div id='accordion-title-collapsible_tab_Ed6nAh-template--18757957156963__main' class='text-[14px]'>\n        Features\n      </div>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:hidden duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n<svg-icon\n  src='icon-minus'\n  class='hidden group-has-[:checked]:block duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</div>\n  </label>\n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible_tab_Ed6nAh-template--18757957156963__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible_tab_Ed6nAh-template--18757957156963__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pb-6 text-body text-t-foreground'>\n        <div class=\"metafield-rich_text_field\"><ul><li>Traditional skort with skirt on front and shorts showing in back</li><li>Faux flap on front</li><li>Two flower buttons on edge of faux flap</li><li>Preppy Little Picnic features Palm Beach Pink, Lake Worth Yellow, Kiawah Kelly Green, Sunrise Blvd. Blue, Sandpearl Pink and Pompano Peach<br />\n<br />\n</li></ul></div>\n              \n\n      </div>\n    </div>\n  </div>\n</div>\n\n                </div>\n              </div>\n\n\n              <div\n                sub-section-id='collapsible-row-3'\n                class='-mt-6 md:-mt-sm'\n              >\n                <div\n                  class='accordion'\n                  \n                >\n                  <div\n  id='Details-collapsible-row-3-template--18757957156963__main'\n  class='group border-b border-b-t-brand-dull-gold '\n>\n  <label\n    class='list-none block utility-2 uppercase text-t-brand-primary '\n    for='accordion-checkbox-collapsible-row-3-template--18757957156963__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-3-template--18757957156963__main'\n      aria-label='Toggle Materials + Care accordion'\n      class='sr-only peer'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-3-template--18757957156963__main'\n      name='accordion-input--collapsible-row-3-template-18757957156963__main\n'\n    >\n    <div\n      data-accordion-title\n      class='cursor-pointer py-5 lg:py-6 flex items-center justify-between w-full peer-focus-visible:ring-2 ring-t-disabled '\n    >\n      <div id='accordion-title-collapsible-row-3-template--18757957156963__main' class='text-[14px]'>\n        Materials + Care\n      </div>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:hidden duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n<svg-icon\n  src='icon-minus'\n  class='hidden group-has-[:checked]:block duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</div>\n  </label>\n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-3-template--18757957156963__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-3-template--18757957156963__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pb-6 text-body text-t-foreground'>\n        <div class=\"metafield-rich_text_field\"><ul><li>100% Pima Cotton Knit Heavier Weight</li><li>Machine wash cold with like colors inside out on gentle cycle. Tumble dry low or lay flat to dry.</li></ul></div>\n              \n\n      </div>\n    </div>\n  </div>\n</div>\n\n                </div>\n              </div>\n\n\n              <div\n                sub-section-id='collapsible-row-1'\n                class='-mt-6 md:-mt-sm'\n              >\n                <div\n                  class='accordion'\n                  \n                >\n                  <div\n  id='Details-collapsible-row-1-template--18757957156963__main'\n  class='group border-b border-b-t-brand-dull-gold '\n>\n  <label\n    class='list-none block utility-2 uppercase text-t-brand-primary '\n    for='accordion-checkbox-collapsible-row-1-template--18757957156963__main'\n  >\n    <input\n      aria-controls='accordion-content-collapsible-row-1-template--18757957156963__main'\n      aria-label='Toggle Shipping &amp; Returns accordion'\n      class='sr-only peer'\n      type='checkbox'\n      id='accordion-checkbox-collapsible-row-1-template--18757957156963__main'\n      name='accordion-input--collapsible-row-1-template-18757957156963__main\n'\n    >\n    <div\n      data-accordion-title\n      class='cursor-pointer py-5 lg:py-6 flex items-center justify-between w-full peer-focus-visible:ring-2 ring-t-disabled '\n    >\n      <div id='accordion-title-collapsible-row-1-template--18757957156963__main' class='text-[14px]'>\n        Shipping &amp; Returns\n      </div>\n<svg-icon\n  src='icon-plus'\n  class='group-has-[:checked]:hidden duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n<svg-icon\n  src='icon-minus'\n  class='hidden group-has-[:checked]:block duration-300 transition-transform'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n</div>\n  </label>\n  <div\n    class='rte group-has-[:checked]:grid-rows-[1fr] group-has-[:checked]:visible grid-rows-[0fr] transition-[visiblity,grid-template-rows] duration-300 grid invisible'\n    id='accordion-content-collapsible-row-1-template--18757957156963__main'\n    role='region'\n    aria-labelledby='accordion-title-collapsible-row-1-template--18757957156963__main'\n  >\n    <div class='overflow-hidden'>\n      <div class='pb-6 text-body text-t-foreground'>\n        <ul><li>Please refer to our <a href=\"https://www.thebeaufortbonnetcompany.com/pages/returns\" target=\"_blank\" title=\"Returns & Exchanges\">returns</a> and <a href=\"https://www.thebeaufortbonnetcompany.com/pages/shipping\" target=\"_blank\" title=\"Shipping\">shipping</a> pages for more information. </li><li>In an effort to become more sustainable, our checkout page has a new feature. To receive the same traditional T.B.B.C. gift wrap with your order, there is now an option to select at checkout.  All gift wrap is still complimentary.<br/><br/></li></ul>\n              \n\n      </div>\n    </div>\n  </div>\n</div>\n\n                </div>\n              </div>\n<div class='mt-6 lg:mt-sm flex items-center gap-7'><!-- ##entry##component-registry##endentry## -->\n<add-to-registry>\n              <button\n                class='btn js-registry-button flex items-center gap-xs'\n              >\n<svg-icon\n  src='icon-registry'\n  class='js-icon-registry'\n\n  \n    style='--icon-size: 18px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n<span class='js-registry-label body-2 text-t-foreground'>\n                  Add to registry\n                </span>\n              </button>\n            </add-to-registry><!-- ##entry##component-share-product##endentry## -->\n<share-product\n  data-product-url='https://www.thebeaufortbonnetcompany.com/products/stella-skort-preppy-little-picnic'\n  data-original-text='Share this product'\n  data-copied-text='Copied to clipboard!'\n  data-product-title='Stella Skort - Preppy Little Picnic'\n  data-shared-text='Link shared'\n  data-duration='2000'\n  class='cursor-pointer flex items-center body-2 gap-3 text-t-foreground'\n  aria-label='Link shared'\n>\n  \n<svg-icon\n  src='icon-share-product'\n  class=''\n\n  \n    style='--icon-size: 18px;'\n  \n\n  \n\n  aria-hidden='true' focusable='false'\n></svg-icon>\n\n</share-product>\n\n</div><div id=\"shopify-block-ARnNyUVIydjBoc1h1e__swym_gift_lists_and_registries_swym_registry_add_button_DnbbUi\" class=\"shopify-block shopify-app-block\"><div class=\"swym-registry-div-container\" style=\"display: none;\">\n  \n\n  <!-- Liquid Code Start -->\n  \n    <div class=\"swym-registry-add-btn-container\">\n      <button\n        type=\"button\"\n        id=\"swym-registry-add-modal-btn\"\n        class=\"swym-registry-add-modal-btn swym-registry-disable-add-to-registry-btn\"\n        onclick='swymRegistry_addHandler(null)'\n      >\n        <span id=\"swym-registry-add-btn-label\">Add To Registry</span>\n      </button>\n    </div>\n    <div id=\"swym-registry-pdp-popups\"></div>\n  \n\n  <script>\n    if (window.location.href.indexOf('/products/') > -1 || (document.querySelector(\"link[rel='canonical']\") && document.querySelector(\"link[rel='canonical']\").href.includes(\"/products/\"))) {\n      window.swymRegistry_lsName = \"swymKeys\";\n\n      window.swymRegistryCustomerData = {\n        \"customerId\": \"\",\n        \"email\": \"\",\n        \"firstName\": \"\",\n        \"lastName\": \"\",\n        \"phone\": \"\",\n        \"acceptsMarketing\": \"\"\n      };\n\n      window.swymRegistryStrings = {\n        \"swym_registry_add_products_link\": \"/collections/all\",\n        \"swym_registry_add_button_label\": \"Add To Registry\",\n        \"swym_registry_select_regsistry_title\": \"Select Registry\",\n        \"swym_registry_update_registry_btn\": \"Update Registry\" || \"Update Registry\",\n        \"swym_registry_create_regsistry_title\": \"Create Registry\" || \"Create Registry\",\n        \"swym_registry_create_registry_message\": \"Create your own gift registry of items you would like to have and share your list with family and friends\",\n        \"swym_registry_create_get_started\": \"Get Started\",\n        \"swym_registry_success_added_to\": \"Added to\",\n        \"swym_registry_success_view\": \"View\",\n        \"swym_registry_success_continue\": \"Continue Adding\"\n      }\n\n      window.swymRegistryProductVariants = window.swymRegistryProductVariants || {};\n      window.swymRegistryProductInfo = {};var variants = [];\n        window.swymRegistryProductInfo.product = {\"id\":7982139539555,\"title\":\"Stella Skort - Preppy Little Picnic\",\"handle\":\"stella-skort-preppy-little-picnic\",\"description\":\"\\u003cp\\u003eSummer just got a whole lot cuter with our Stella Skort in Preppy Little Picnic! This skort is the warm weather bottom that pairs effortlessly with our Tay Tay Tank or her favorite tee, making it the easiest and most fun addition to her summer wardrobe! This is the skort that carries her through every sunny day on the calendar, from morning errands to afternoon playdates.\\u003c\\/p\\u003e\",\"published_at\":\"2026-05-14T07:46:03-04:00\",\"created_at\":\"2026-03-18T14:40:09-04:00\",\"vendor\":\"The Beaufort Bonnet Company\",\"type\":\"Skirts\",\"tags\":[\"5.14 launch\",\"5.14 new\",\"6.4 skirts\",\"Apparel\",\"category-Bottoms\",\"gender-Girls\",\"girls picnic skort\",\"girls preppy skort\",\"girls skort bottum\",\"maincolor-Pink\",\"NO-TREET\",\"preppy little picnic skort\",\"print- Preppy Little Picnic\",\"size-chart-kids\",\"SP26 Delivery 6\",\"Spring 2026\",\"stella skort\"],\"price\":5000,\"price_min\":5000,\"price_max\":5000,\"available\":true,\"price_varies\":false,\"compare_at_price\":5000,\"compare_at_price_min\":5000,\"compare_at_price_max\":5000,\"compare_at_price_varies\":false,\"variants\":[{\"id\":44068109385827,\"title\":\"4T\",\"option1\":\"4T\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-T4T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 4T\",\"public_title\":\"4T\",\"options\":[\"4T\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":75,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643874\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44068109418595,\"title\":\"5\",\"option1\":\"5\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C5\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 5\",\"public_title\":\"5\",\"options\":[\"5\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":90,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643881\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44068109451363,\"title\":\"6\",\"option1\":\"6\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C6\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 6\",\"public_title\":\"6\",\"options\":[\"6\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":76,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643898\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44068109484131,\"title\":\"7\",\"option1\":\"7\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C7\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 7\",\"public_title\":\"7\",\"options\":[\"7\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":65,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643904\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44068109516899,\"title\":\"8\",\"option1\":\"8\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C8\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 8\",\"public_title\":\"8\",\"options\":[\"8\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":63,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643911\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}},{\"id\":44068109549667,\"title\":\"10\",\"option1\":\"10\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C10\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 10\",\"public_title\":\"10\",\"options\":[\"10\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":32,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643867\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}],\"images\":[\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A8316.jpg?v=1778507281\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A8296.jpg?v=1778507249\",\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A8371.jpg?v=1778507329\"],\"featured_image\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"options\":[\"Size\"],\"media\":[{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"},\"aspect_ratio\":1.0,\"height\":3872,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"width\":3872},{\"alt\":null,\"id\":27037607133283,\"position\":2,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687\"},\"aspect_ratio\":1.0,\"height\":3872,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic_back.jpg?v=1773858687\",\"width\":3872},{\"alt\":null,\"id\":27037607100515,\"position\":3,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687\"},\"aspect_ratio\":1.0,\"height\":3872,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic_shorts.jpg?v=1773858687\",\"width\":3872},{\"alt\":null,\"id\":27308800671843,\"position\":4,\"preview_image\":{\"aspect_ratio\":0.667,\"height\":1499,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A8316.jpg?v=1778507281\"},\"aspect_ratio\":0.667,\"height\":1499,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A8316.jpg?v=1778507281\",\"width\":1000},{\"alt\":null,\"id\":27308798574691,\"position\":5,\"preview_image\":{\"aspect_ratio\":0.667,\"height\":1499,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A8296.jpg?v=1778507249\"},\"aspect_ratio\":0.667,\"height\":1499,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A8296.jpg?v=1778507249\",\"width\":1000},{\"alt\":null,\"id\":27308806504547,\"position\":6,\"preview_image\":{\"aspect_ratio\":0.667,\"height\":1499,\"width\":1000,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A8371.jpg?v=1778507329\"},\"aspect_ratio\":0.667,\"height\":1499,\"media_type\":\"image\",\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/7C6A8371.jpg?v=1778507329\",\"width\":1000}],\"requires_selling_plan\":false,\"selling_plan_groups\":[],\"content\":\"\\u003cp\\u003eSummer just got a whole lot cuter with our Stella Skort in Preppy Little Picnic! This skort is the warm weather bottom that pairs effortlessly with our Tay Tay Tank or her favorite tee, making it the easiest and most fun addition to her summer wardrobe! This is the skort that carries her through every sunny day on the calendar, from morning errands to afternoon playdates.\\u003c\\/p\\u003e\"};\n        window.swymRegistryProductInfo.variants = window.swymRegistryProductInfo.product.variants;\n        var swymRegistryProductImageUrl = \"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\";\n        \n\n          swymRegistryProductVariants[44068109385827] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44068109385827,\n            dt: \"Stella Skort - Preppy Little Picnic\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/stella-skort-preppy-little-picnic\",\n            iu:  {\"id\":44068109385827,\"title\":\"4T\",\"option1\":\"4T\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-T4T\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 4T\",\"public_title\":\"4T\",\"options\":[\"4T\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":75,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643874\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 75,\n            pr: 5000/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 5000/100, \n            variants: [{ \"4T\" : 44068109385827}]\n          };\n          swymRegistryProductVariants[44068109418595] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44068109418595,\n            dt: \"Stella Skort - Preppy Little Picnic\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/stella-skort-preppy-little-picnic\",\n            iu:  {\"id\":44068109418595,\"title\":\"5\",\"option1\":\"5\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C5\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 5\",\"public_title\":\"5\",\"options\":[\"5\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":90,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643881\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 90,\n            pr: 5000/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 5000/100, \n            variants: [{ \"5\" : 44068109418595}]\n          };\n          swymRegistryProductVariants[44068109451363] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44068109451363,\n            dt: \"Stella Skort - Preppy Little Picnic\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/stella-skort-preppy-little-picnic\",\n            iu:  {\"id\":44068109451363,\"title\":\"6\",\"option1\":\"6\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C6\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 6\",\"public_title\":\"6\",\"options\":[\"6\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":76,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643898\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 76,\n            pr: 5000/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 5000/100, \n            variants: [{ \"6\" : 44068109451363}]\n          };\n          swymRegistryProductVariants[44068109484131] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44068109484131,\n            dt: \"Stella Skort - Preppy Little Picnic\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/stella-skort-preppy-little-picnic\",\n            iu:  {\"id\":44068109484131,\"title\":\"7\",\"option1\":\"7\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C7\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 7\",\"public_title\":\"7\",\"options\":[\"7\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":65,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643904\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 65,\n            pr: 5000/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 5000/100, \n            variants: [{ \"7\" : 44068109484131}]\n          };\n          swymRegistryProductVariants[44068109516899] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44068109516899,\n            dt: \"Stella Skort - Preppy Little Picnic\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/stella-skort-preppy-little-picnic\",\n            iu:  {\"id\":44068109516899,\"title\":\"8\",\"option1\":\"8\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C8\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 8\",\"public_title\":\"8\",\"options\":[\"8\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":63,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643911\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 63,\n            pr: 5000/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 5000/100, \n            variants: [{ \"8\" : 44068109516899}]\n          };\n          swymRegistryProductVariants[44068109549667] = {\n            empi:window.swymRegistryProductInfo.product.id,epi:44068109549667,\n            dt: \"Stella Skort - Preppy Little Picnic\",\n            du: \"https://www.thebeaufortbonnetcompany.com/products/stella-skort-preppy-little-picnic\",\n            iu:  {\"id\":44068109549667,\"title\":\"10\",\"option1\":\"10\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C10\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 10\",\"public_title\":\"10\",\"options\":[\"10\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":32,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643867\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} ,\n            stk: 32,\n            pr: 5000/100,\n            ct: window.swymRegistryProductInfo.product.type,\n             op: 5000/100, \n            variants: [{ \"10\" : 44068109549667}]\n          };window.swymRegistryProductInfo.currentVariant = 44068109549667;\n        window.swymRegistryProductData = {\n          et: 1, empi: window.swymRegistryProductInfo.product.id, epi: window.swymRegistryProductInfo.currentVariant,\n          dt: \"Stella Skort - Preppy Little Picnic\", du: \"https://www.thebeaufortbonnetcompany.com/products/stella-skort-preppy-little-picnic\",\n          ct: window.swymRegistryProductInfo.product.type, pr: 5000/100,\n          iu:  {\"id\":44068109549667,\"title\":\"10\",\"option1\":\"10\",\"option2\":null,\"option3\":null,\"sku\":\"6106-5738-C10\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":35503309881443,\"product_id\":7982139539555,\"position\":1,\"created_at\":\"2026-03-18T14:31:25-04:00\",\"updated_at\":\"2026-03-18T14:31:27-04:00\",\"alt\":null,\"width\":3872,\"height\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\",\"variant_ids\":[44068109385827,44068109418595,44068109451363,44068109484131,44068109516899,44068109549667]},\"available\":true,\"name\":\"Stella Skort - Preppy Little Picnic - 10\",\"public_title\":\"10\",\"options\":[\"10\"],\"price\":5000,\"weight\":0,\"compare_at_price\":5000,\"inventory_quantity\":32,\"inventory_management\":\"shopify\",\"inventory_policy\":\"deny\",\"barcode\":\"050971643867\",\"featured_media\":{\"alt\":null,\"id\":27037607067747,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":3872,\"width\":3872,\"src\":\"\\/\\/www.thebeaufortbonnetcompany.com\\/cdn\\/shop\\/files\\/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687\"}},\"requires_selling_plan\":false,\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}} , variants: [{ \"10\" : 44068109549667 }],\n          stk:32  ,op:5000/100 \n        };\n      \n    }\n  </script>\n\n  <script defer src=\"https://cloudfront.loggly.com/js/loggly.tracker-latest.min.js\"></script>\n  <script>\n    var _LTracker = _LTracker || [];\n    _LTracker.push({\n      logglyKey: '7a2be593-4080-4ce0-b039-cee174ba8365',\n      sendConsoleErrors: true,\n      tag: 'error,template,pdp',\n    });\n  </script>\n\n  <script>\n    if (\n      window.location.href.indexOf('/products/') > -1 ||\n      (document.querySelector(\"link[rel='canonical']\") &&\n        document.querySelector(\"link[rel='canonical']\").href.includes('/products/'))\n    ) {\n      if (!document.getElementById('swym-registry-dns-prefetch')) {\n        var swymRegistryLink = document.createElement('link');\n        swymRegistryLink.id = 'swym-registry-dns-prefetch';\n        swymRegistryLink.rel = 'dns-prefetch';\n        swymRegistryLink.href = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        document.head.appendChild(swymRegistryLink);\n      }\n      if (!document.getElementById('swym-registry-preconnect')) {\n        var swymRegistryLink = document.createElement('link');\n        swymRegistryLink.id = 'swym-registry-preconnect';\n        swymRegistryLink.rel = 'preconnect';\n        swymRegistryLink.href = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        document.head.appendChild(swymRegistryLink);\n      }\n      if (!document.getElementById('swym-registry-pdp-cdn')) {\n        var swymRegistryScript = document.createElement('script');\n        swymRegistryScript.id = 'swym-registry-pdp-cdn';\n        swymRegistryScript.src = `https://cdn.swymregistry.com/swym-registry-pdp-cdn.js`;\n        swymRegistryScript.defer = 'defer';\n        document.head.appendChild(swymRegistryScript);\n      }\n      document.querySelector('.swym-registry-div-container').style.display = 'initial';\n    }\n  </script>\n\n  <style data-shopify>\n    .swym-registry-add-btn-container {\n      text-align: left;\n    }\n\n    .swym-registry-add-modal-btn {\n      position: relative;\n      font-family: inherit;\n\n      background-color: #0d2236;\n      color: #f1f1f1;\n      border: 1px solid #0d2236;\n      border-radius: 2px;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1.3rem 1rem;\n\n      width: 100%;\n      margin-bottom: 1rem;\n\n      display: inline-block;\n      cursor: pointer;\n\n      /* pointer-events: none;\n      opacity: 0.5; */\n    }\n\n    /* Styles for Popup */\n    .swym-registry-modal-container {\n      background-color: #ffffff;\n      color: #000000;\n      border: 1px solid rgba(0, 0, 0, 0.7);\n      font-family: inherit;\n      position: relative;\n      margin: 0 auto;\n      padding: 3rem 0;\n      width: 50%;\n      max-width: 1440px;\n      height: auto;\n      box-shadow: -1px 3px 18px grey;\n      animation: drop-in .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n      top: 50%;\n    }\n\n    .swym-registry-list-container h2 {\n      width: 100%;\n      text-align: center;\n      font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1440 - 320)));\n      color: inherit;\n    }\n\n    #swym-registry-unordered-list {\n      margin: 0;\n      padding: 0;\n    }\n    #swym-registry-unordered-list {\n      height: 250px;\n      overflow-y: scroll;\n      width: 75%;\n      margin: 0 auto;\n      margin-top: 3rem;\n    }\n    #swym-registry-unordered-list li {\n      list-style-type: none;\n      border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1rem 0 1rem 1.5rem;\n      cursor: pointer;\n    }\n    #swym-registry-unordered-list li:last-child {\n      border-bottom: none;\n    }\n    #swym-registry-unordered-list li.swym-registry-selected {\n      background: rgba(0, 0, 0, 0.1);\n    }\n    #swym-registry-unordered-list::-webkit-scrollbar {\n      width: 8px;\n    }\n    /* Track */\n    #swym-registry-unordered-list::-webkit-scrollbar-track {\n      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);\n      border-radius: 5px;\n    }\n    /* Handle */\n    #swym-registry-unordered-list::-webkit-scrollbar-thumb {\n      background: rgba(0, 0, 0, 0.7);\n      border-radius: 5px;\n    }\n    /* Handle on hover */\n    #swym-registry-unordered-list::-webkit-scrollbar-thumb:hover {\n      background: rgba(0, 0, 0, 0.5);\n    }\n\n    .swym-registry-pdp-btn-container {\n      display: flex;\n      width: 100%;\n    }\n    .swym-registry-pdp-btn-container button {\n      width: 75%;\n      margin: 0 auto;\n      outline: none;\n      background-color: #000000;\n      color: #ffffff;\n      border: 1px solid #ffffff;\n      border-radius: 2px;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n      padding: 1.3rem 1rem;\n      cursor: pointer;\n      text-align: center;\n      margin-top: 2rem;\n    }\n\n    .swym-registry-no-registry {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      width: 75%;\n      margin: 0 auto;\n      background-color: #ffffff;\n      color: #000000;\n      font-family: inherit;\n    }\n\n\n    /* Styles for Success Popup */\n    .swym-registry-add-success-font {\n      font-family: inherit;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));\n    }\n\n    .swym-registry-view-success-registry {\n      text-align: center;\n      margin: 0;\n      padding: 1rem;\n      width: 70%;\n      margin: 2rem 0;\n      cursor: pointer;\n      border-top: 1px solid rgba(0, 0, 0, 0.1);\n      border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n    }\n  </style>\n  <link href=\"//cdn.shopify.com/extensions/019abbac-fa7c-7d41-af40-b9c008566927/swym-registry-shopify-extensions-20/assets/swym-registry-pdp-extension.css\" rel=\"stylesheet\" type=\"text/css\" media=\"all\" />\n</div>\n\n\n</div><div sub-section-id='complete_the_look_yiRtAX'>\n\n\n\n\n<!-- ##entry##complete-the-look-nosto-style##endentry## -->\n<complete-the-look-nosto-style\n    class='complete-the-look-container overflow-hidden pl-[5px] md:pl-0 -mr-[15px] md:-mr-[35px] block'\n    \n  >\n    \n      <h3 class='text-[28px] xs:text-[32px] text-t-brand-primary mb-5 md:mb-5'>\n        Complete the Look\n      </h3>\n    \n\n    <div class='flex flex-row gap-[10px] overflow-x-scroll ctl-products-scroll'>\n      \n        \n\n        <div\n          class='flex flex-col flex-[0_0_85%] md:flex-[0_0_70%] p-[10px] gap-3 text-t-brand-primary h-max'\n          data-product-id='7982139539555'\n          data-product-handle='stella-skort-preppy-little-picnic'\n          data-color-family=''\n        >\n          <!-- Top Section: Image + Info -->\n          <div class='flex flex-row gap-5'>\n            <!-- Product Image -->\n            <a href='/products/stella-skort-preppy-little-picnic' class='flex-shrink-0' aria-label='Stella Skort - Preppy Little Picnic'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&width=230'\n                  alt='Stella Skort - Preppy Little Picnic'\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/StellaSkort-PreppyLittlePicnic.jpg?v=1773858687&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-pink max-w-fit mb-[10px]'\n                  \n                >\n                  Girls\n                </div>\n              \n\n              <a href='/products/stella-skort-preppy-little-picnic' class='no-underline'>\n                <div class='h6 mb-[6px] text-t-brand-primary product-name'>\n                  Stella Skort\n                </div>\n              </a>\n\n              <div class='flex gap-[6px] justify-start'>\n                \n                  <div\n                    class='utility-2'\n                    data-price='5000'\n                  >\n                    $50.00\n                  </div>\n                \n              </div>\n\n              <button\n                class='mt-[30px] body-2 pr-[6px] flex justify-between items-center w-full text-left toggle-variants-btn'\n                type='button'\n                aria-expanded='false'\n                aria-label='Toggle color and size selection for Stella Skort'\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                  Preppy Little Picnic\n                </div>\n\n                \n                  <div class='flex flex-wrap gap-3 color-swatches'>\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/stella-skort-preppy-little-picnic'\n                        data-id='7982139539555'\n                        data-swatch='Preppy Little Picnic'\n                        aria-selected='true'\n                        style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/preppy-little-picninc_d4e0f1c0-2464-457e-a2ac-51c13d5f560b.jpg?v=1778854591\"); background-size: cover; background-position: center;'\n                        aria-label='Current color: Preppy Little Picnic'\n                      ></button>\n                    \n                  </div>\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='44068109385827'\n                      data-product-id='7982139539555'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7982139539555-44068109385827'\n                        name='size-7982139539555'\n                        value='44068109385827'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44068109385827'\n                        data-product-url='/products/stella-skort-preppy-little-picnic'\n                      >\n                      <label\n                        for='variant-7982139539555-44068109385827'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        4T\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44068109418595'\n                      data-product-id='7982139539555'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7982139539555-44068109418595'\n                        name='size-7982139539555'\n                        value='44068109418595'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44068109418595'\n                        data-product-url='/products/stella-skort-preppy-little-picnic'\n                      >\n                      <label\n                        for='variant-7982139539555-44068109418595'\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='44068109451363'\n                      data-product-id='7982139539555'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7982139539555-44068109451363'\n                        name='size-7982139539555'\n                        value='44068109451363'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44068109451363'\n                        data-product-url='/products/stella-skort-preppy-little-picnic'\n                      >\n                      <label\n                        for='variant-7982139539555-44068109451363'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        6\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44068109484131'\n                      data-product-id='7982139539555'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7982139539555-44068109484131'\n                        name='size-7982139539555'\n                        value='44068109484131'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44068109484131'\n                        data-product-url='/products/stella-skort-preppy-little-picnic'\n                      >\n                      <label\n                        for='variant-7982139539555-44068109484131'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        7\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44068109516899'\n                      data-product-id='7982139539555'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7982139539555-44068109516899'\n                        name='size-7982139539555'\n                        value='44068109516899'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44068109516899'\n                        data-product-url='/products/stella-skort-preppy-little-picnic'\n                      >\n                      <label\n                        for='variant-7982139539555-44068109516899'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        8\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='44068109549667'\n                      data-product-id='7982139539555'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-7982139539555-44068109549667'\n                        name='size-7982139539555'\n                        value='44068109549667'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='44068109549667'\n                        data-product-url='/products/stella-skort-preppy-little-picnic'\n                      >\n                      <label\n                        for='variant-7982139539555-44068109549667'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        10\n                      </label>\n                      \n                    </div>\n                  \n                </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='7982139539555'\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='6876655419491'\n          data-product-handle='tay-tay-tank-worth-avenue-white'\n          data-color-family='swatch-tay-tay-tank'\n        >\n          <!-- Top Section: Image + Info -->\n          <div class='flex flex-row gap-5'>\n            <!-- Product Image -->\n            <a href='/products/tay-tay-tank-worth-avenue-white' class='flex-shrink-0' aria-label='Tay Tay Tank - Worth Avenue White'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/TayTayTank-WorthAvenueWhite_beige_7b5438b4-6d65-491c-a4c3-ecb0365717dd.jpg?v=1762283963&width=230'\n                  alt='Tay Tay Tank - Worth Avenue White'\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/TayTayTank-WorthAvenueWhite_beige_7b5438b4-6d65-491c-a4c3-ecb0365717dd.jpg?v=1762283963&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-pink max-w-fit mb-[10px]'\n                  \n                >\n                  Girls\n                </div>\n              \n\n              <a href='/products/tay-tay-tank-worth-avenue-white' class='no-underline'>\n                <div class='h6 mb-[6px] text-t-brand-primary product-name'>\n                  Tay Tay Tank\n                </div>\n              </a>\n\n              <div class='flex gap-[6px] justify-start'>\n                \n                  <div\n                    class='utility-2'\n                    data-price='2400'\n                  >\n                    $24.00\n                  </div>\n                \n              </div>\n\n              <button\n                class='mt-[30px] body-2 pr-[6px] flex justify-between items-center w-full text-left toggle-variants-btn'\n                type='button'\n                aria-expanded='false'\n                aria-label='Toggle color and size selection for Tay Tay Tank'\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                  Worth Avenue White\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/tay-tay-tank-worth-avenue-white'\n                            data-id='6876655419491'\n                            data-swatch='Worth Avenue White'\n                            data-product-name='Tay Tay Tank'\n                            data-price='2400'\n                            data-compare-price='2400'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/TayTayTank-WorthAvenueWhite_beige_7b5438b4-6d65-491c-a4c3-ecb0365717dd.jpg?v=1762283963&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/taytaytankworthave.jpg?v=1767056481&width=500'\n                            \n                            \n                              aria-selected='true'\n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/4d691f7ccc1d--WORTH-AVENUE-WHITE.jpg?v=1738685957\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Worth Avenue White'\n                          >\n                            \n                          </button>\n                        \n                      \n                    </div>\n                  \n                \n              </div>\n            \n\n            <!-- Size Selection -->\n            \n              <div class='size-selector-container mt-[10px]'>\n                <div class='utility-3 uppercase mb-[10px]'>SIZE</div>\n\n                <div class='grid grid-cols-5 gap-x-2xs gap-y-xs size-options'>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40203608752227'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203608752227'\n                        name='size-6876655419491'\n                        value='40203608752227'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203608752227'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203608752227'\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='40203608784995'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203608784995'\n                        name='size-6876655419491'\n                        value='40203608784995'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203608784995'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203608784995'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        6/12m\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40203608817763'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203608817763'\n                        name='size-6876655419491'\n                        value='40203608817763'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203608817763'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203608817763'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        12/18m\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40203608850531'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203608850531'\n                        name='size-6876655419491'\n                        value='40203608850531'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203608850531'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203608850531'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        18/24m\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40203608883299'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203608883299'\n                        name='size-6876655419491'\n                        value='40203608883299'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203608883299'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203608883299'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        2T\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40203608916067'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203608916067'\n                        name='size-6876655419491'\n                        value='40203608916067'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203608916067'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203608916067'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        3T\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40203608948835'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203608948835'\n                        name='size-6876655419491'\n                        value='40203608948835'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203608948835'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203608948835'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        4T\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40203608981603'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203608981603'\n                        name='size-6876655419491'\n                        value='40203608981603'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203608981603'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203608981603'\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='40203609014371'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203609014371'\n                        name='size-6876655419491'\n                        value='40203609014371'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203609014371'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203609014371'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        6\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40203609047139'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203609047139'\n                        name='size-6876655419491'\n                        value='40203609047139'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203609047139'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203609047139'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        7\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40203609079907'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203609079907'\n                        name='size-6876655419491'\n                        value='40203609079907'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203609079907'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203609079907'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        8\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40203609112675'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203609112675'\n                        name='size-6876655419491'\n                        value='40203609112675'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203609112675'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203609112675'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        10\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40203609145443'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203609145443'\n                        name='size-6876655419491'\n                        value='40203609145443'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203609145443'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203609145443'\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='40203609178211'\n                      data-product-id='6876655419491'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6876655419491-40203609178211'\n                        name='size-6876655419491'\n                        value='40203609178211'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40203609178211'\n                        data-product-url='/products/tay-tay-tank-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6876655419491-40203609178211'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        14\n                      </label>\n                      \n                    </div>\n                  \n                </div>\n              </div>\n            \n\n            <!-- Add to Cart Button -->\n            <button\n              class='btn w-full add-to-buggy-btn'\n              variant='primary'\n              data-product-id='6876655419491'\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='6908431106147'\n          data-product-handle='wee-ones-hair-bow-worth-avenue-white'\n          data-color-family='swatch-wee-ones-hair-bows'\n        >\n          <!-- Top Section: Image + Info -->\n          <div class='flex flex-row gap-5'>\n            <!-- Product Image -->\n            <a href='/products/wee-ones-hair-bow-worth-avenue-white' class='flex-shrink-0' aria-label='Wee Ones Hair Bow - Worth Avenue White'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/white_beige_4ae22b93-54b6-455d-adfb-cea68d5c74b3.jpg?v=1741048616&width=230'\n                  alt='Wee Ones Hair Bow - Worth Avenue White'\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/white_beige_4ae22b93-54b6-455d-adfb-cea68d5c74b3.jpg?v=1741048616&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-pink max-w-fit mb-[10px]'\n                  \n                >\n                  Girls\n                </div>\n              \n\n              <a href='/products/wee-ones-hair-bow-worth-avenue-white' class='no-underline'>\n                <div class='h6 mb-[6px] text-t-brand-primary product-name'>\n                  Wee Ones Hair Bow\n                </div>\n              </a>\n\n              <div class='flex gap-[6px] justify-start'>\n                \n                  <div\n                    class='utility-2'\n                    data-price='950'\n                  >\n                    $9.50\n                  </div>\n                \n              </div>\n\n              <button\n                class='mt-[30px] body-2 pr-[6px] flex justify-between items-center w-full text-left toggle-variants-btn'\n                type='button'\n                aria-expanded='false'\n                aria-label='Toggle color and size selection for Wee Ones Hair Bow'\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                  Worth Avenue White\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/wee-ones-hair-bow-worth-avenue-white'\n                            data-id='6908431106147'\n                            data-swatch='Worth Avenue White'\n                            data-product-name='Wee Ones Hair Bow'\n                            data-price='950'\n                            data-compare-price='950'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/white_1_beige_0da7e9b3-04f8-4cf4-8ab2-0e96214af508.jpg?v=1762285054&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/updatedbowsizeguide_beige_c4fa4ee2-3525-481d-8834-40c88c69ecac.jpg?v=1741048611&width=500'\n                            \n                            \n                              aria-selected='true'\n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/2afe40313e2f--worth-ave-white.png?v=1738685978\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Worth Avenue White'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/wee-ones-hair-bow-palm-beach-pink'\n                            data-id='6908050833507'\n                            data-swatch='Palm Beach Pink'\n                            data-product-name='Wee Ones Hair Bow'\n                            data-price='950'\n                            data-compare-price='950'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/palmpink_beige_3500e55e-cd8e-4413-b326-4b3dd32a61d7.jpg?v=1762285034&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/updatedbowsizeguide_beige_032eb3b1-3c6c-4f84-8239-4617fe1a406f.jpg?v=1741048077&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/07d28841ceba--palm-beach-pink.png?v=1738685977\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Palm Beach Pink'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/wee-ones-hair-bow-hamptons-hot-pink'\n                            data-id='6908031631459'\n                            data-swatch='Hamptons Hot Pink'\n                            data-product-name='Wee Ones Hair Bow'\n                            data-price='1000'\n                            data-compare-price='1000'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/hotpink_2_beige_12ed2948-94c8-47f5-a74e-a37d989e0ebf.jpg?v=1762285033&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/updatedbowsizeguide_beige_54e295d9-f1bb-428e-b21a-7eb24fb140c7.jpg?v=1741048010&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/3a1a0ac2c6c8--hamptons-hot-pink.png?v=1738685977\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Hamptons Hot Pink'\n                          >\n                            \n                          </button>\n                        \n                      \n                        \n                        \n                        \n\n                        \n                          \n                          <button\n                            type='button'\n                            class='w-[38px] h-[38px] relative rounded-full border border-t-brand-secondary aria-selected:border-t-foreground aria-selected:p-0.5 color-swatch'\n                            data-href='/products/wee-ones-hair-bow-nantucket-navy'\n                            data-id='6908072919139'\n                            data-swatch='Nantucket Navy'\n                            data-product-name='Wee Ones Hair Bow'\n                            data-price='950'\n                            data-compare-price='950'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/WeeOnesGrosgrainHairBow-MiniKing-resized_beige_8ff06e60-43f9-4318-b2b6-c3648c2edb52.jpg?v=1762285037&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/updatedbowsizeguide_beige_a51f6b62-6abc-4b88-b3f7-7e6c496642a6.jpg?v=1741048194&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/953f40c3e5a0--nantucket-navy.png?v=1738685977\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Nantucket Navy'\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/wee-ones-hair-bow-richmond-red'\n                            data-id='6908367077475'\n                            data-swatch='Richmond Red'\n                            data-product-name='Wee Ones Hair Bow'\n                            data-price='950'\n                            data-compare-price='950'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/red_2_beige_84bd0ff1-455d-433a-923d-d0861952b5a0.jpg?v=1762285050&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/updatedbowsizeguide_beige_e33279d7-7c33-45b3-a307-89eff355bc5b.jpg?v=1741048480&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/eceadf333c33--richmond-red.png?v=1738685977\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Richmond Red'\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='40333540098147'\n                      data-product-id='6908431106147'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6908431106147-40333540098147'\n                        name='size-6908431106147'\n                        value='40333540098147'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40333540098147'\n                        data-product-url='/products/wee-ones-hair-bow-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6908431106147-40333540098147'\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                        Mini\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40333540130915'\n                      data-product-id='6908431106147'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6908431106147-40333540130915'\n                        name='size-6908431106147'\n                        value='40333540130915'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40333540130915'\n                        data-product-url='/products/wee-ones-hair-bow-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6908431106147-40333540130915'\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                        Small\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40333540163683'\n                      data-product-id='6908431106147'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6908431106147-40333540163683'\n                        name='size-6908431106147'\n                        value='40333540163683'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40333540163683'\n                        data-product-url='/products/wee-ones-hair-bow-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6908431106147-40333540163683'\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                        Mini King\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40333540196451'\n                      data-product-id='6908431106147'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6908431106147-40333540196451'\n                        name='size-6908431106147'\n                        value='40333540196451'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='40333540196451'\n                        data-product-url='/products/wee-ones-hair-bow-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6908431106147-40333540196451'\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                        King\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='40333540229219'\n                      data-product-id='6908431106147'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6908431106147-40333540229219'\n                        name='size-6908431106147'\n                        value='40333540229219'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='40333540229219'\n                        data-product-url='/products/wee-ones-hair-bow-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6908431106147-40333540229219'\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                        Huge\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='40333540261987'\n                      data-product-id='6908431106147'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6908431106147-40333540261987'\n                        name='size-6908431106147'\n                        value='40333540261987'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='40333540261987'\n                        data-product-url='/products/wee-ones-hair-bow-worth-avenue-white'\n                      >\n                      <label\n                        for='variant-6908431106147-40333540261987'\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                        Streamer Tails\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='6908431106147'\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='6779624620131'\n          data-product-handle='prep-step-sneakers-palm-beach-pink-with-palm-beach-pink-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-palm-beach-pink-with-palm-beach-pink-stripe' class='flex-shrink-0' aria-label='Prep Step Sneakers - Palm Beach Pink with Palm Beach Pink Stripe'>\n              \n\n              \n                <img\n                  src='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrepStepSneakers-PalmBeachPink_3_beige_21175898-abbe-464d-bc17-89df8494bb41.jpg?v=1762282630&width=230'\n                  alt='Prep Step Sneakers - Palm Beach Pink with Palm Beach Pink 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-PalmBeachPink_3_beige_21175898-abbe-464d-bc17-89df8494bb41.jpg?v=1762282630&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-pink max-w-fit mb-[10px]'\n                  \n                >\n                  Girls\n                </div>\n              \n\n              <a href='/products/prep-step-sneakers-palm-beach-pink-with-palm-beach-pink-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='4600'\n                  >\n                    $46.00\n                  </div>\n                \n              </div>\n\n              <button\n                class='mt-[30px] body-2 pr-[6px] flex justify-between items-center w-full text-left toggle-variants-btn'\n                type='button'\n                aria-expanded='false'\n                aria-label='Toggle color and size selection for 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                  Palm Beach Pink with Palm Beach Pink 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-palm-beach-pink-with-palm-beach-pink-stripe'\n                            data-id='6779624620131'\n                            data-swatch='Palm Beach Pink with Palm Beach Pink Stripe'\n                            data-product-name='Prep Step Sneakers'\n                            data-price='4600'\n                            data-compare-price='4600'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrepStepSneakers-PalmBeachPink_3_beige_21175898-abbe-464d-bc17-89df8494bb41.jpg?v=1762282630&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/7C6A3212_fda57115-4f62-4c08-8261-9fb501b787bc.jpg?v=1738702215&width=500'\n                            \n                            \n                              aria-selected='true'\n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/60e9470b66af--PALM-BEACH-PINK-1.jpg?v=1738685920\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Palm Beach Pink with Palm Beach Pink Stripe'\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/prep-step-sneakers-worth-avenue-white-with-buckhead-blue-stripe'\n                            data-id='6779625078883'\n                            data-swatch='Worth Avenue White with Buckhead Blue Stripe'\n                            data-product-name='Prep Step Sneakers'\n                            data-price='4600'\n                            data-compare-price='4600'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrepStepSneakers-WorthAvenueWhitewithBuckheadBlueStripebumper_beige_075e022e-9694-4ae3-b24b-ae8c6196e77b.jpg?v=1762282631&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrepStepSneakers-WorthAvenueWhitewithBuckheadBlueStripe_beige_8769ee73-d3ef-4e9f-902c-4ec5a10c7314.jpg?v=1741042363&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/23bcaf97168a--WORTH-AVENUE-WHITE-2.jpg?v=1738685920\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Worth Avenue White with Buckhead Blue Stripe'\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/prep-step-sneakers-richmond-red-with-richmond-red-stripe'\n                            data-id='6779624980579'\n                            data-swatch='Richmond Red with Richmond Red Stripe'\n                            data-product-name='Prep Step Sneakers'\n                            data-price='4600'\n                            data-compare-price='4600'\n                            \n                              data-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrepStepSneakers-RichmondRedwithRichmondRedStripebumper_beige_f9c5e4c7-1b12-4122-ac24-3bebecb98583.jpg?v=1762282631&width=500'\n                            \n                            \n                              data-hover-image='//www.thebeaufortbonnetcompany.com/cdn/shop/files/PrepStepSneakers-RichmondRedwithRichmondRedStripe_beige_991fa173-283a-4acb-9c35-389418a4cbdd.jpg?v=1741042351&width=500'\n                            \n                            \n                            style='background-image: url(\"//www.thebeaufortbonnetcompany.com/cdn/shop/files/ce968937f39c--RICHMOND-RED-1.jpg?v=1738685920\"); background-size: cover; background-position: center;'\n                            aria-label='Color: Richmond Red with Richmond Red Stripe'\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/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='4600'\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                            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='39919895314531'\n                      data-product-id='6779624620131'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624620131-39919895314531'\n                        name='size-6779624620131'\n                        value='39919895314531'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39919895314531'\n                        data-product-url='/products/prep-step-sneakers-palm-beach-pink-with-palm-beach-pink-stripe'\n                      >\n                      <label\n                        for='variant-6779624620131-39919895314531'\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='39919895347299'\n                      data-product-id='6779624620131'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624620131-39919895347299'\n                        name='size-6779624620131'\n                        value='39919895347299'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39919895347299'\n                        data-product-url='/products/prep-step-sneakers-palm-beach-pink-with-palm-beach-pink-stripe'\n                      >\n                      <label\n                        for='variant-6779624620131-39919895347299'\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='39919895380067'\n                      data-product-id='6779624620131'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624620131-39919895380067'\n                        name='size-6779624620131'\n                        value='39919895380067'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39919895380067'\n                        data-product-url='/products/prep-step-sneakers-palm-beach-pink-with-palm-beach-pink-stripe'\n                      >\n                      <label\n                        for='variant-6779624620131-39919895380067'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        6\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='39919895412835'\n                      data-product-id='6779624620131'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624620131-39919895412835'\n                        name='size-6779624620131'\n                        value='39919895412835'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39919895412835'\n                        data-product-url='/products/prep-step-sneakers-palm-beach-pink-with-palm-beach-pink-stripe'\n                      >\n                      <label\n                        for='variant-6779624620131-39919895412835'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        7\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='39919895445603'\n                      data-product-id='6779624620131'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624620131-39919895445603'\n                        name='size-6779624620131'\n                        value='39919895445603'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39919895445603'\n                        data-product-url='/products/prep-step-sneakers-palm-beach-pink-with-palm-beach-pink-stripe'\n                      >\n                      <label\n                        for='variant-6779624620131-39919895445603'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        8\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='39919895478371'\n                      data-product-id='6779624620131'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624620131-39919895478371'\n                        name='size-6779624620131'\n                        value='39919895478371'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39919895478371'\n                        data-product-url='/products/prep-step-sneakers-palm-beach-pink-with-palm-beach-pink-stripe'\n                      >\n                      <label\n                        for='variant-6779624620131-39919895478371'\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                        9\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='39919895511139'\n                      data-product-id='6779624620131'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624620131-39919895511139'\n                        name='size-6779624620131'\n                        value='39919895511139'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39919895511139'\n                        data-product-url='/products/prep-step-sneakers-palm-beach-pink-with-palm-beach-pink-stripe'\n                      >\n                      <label\n                        for='variant-6779624620131-39919895511139'\n                        class='w-full inline-flex items-center justify-center utility-3 p-xs border border-t-border border-solid text-center peer-checked:border-t-brand-primary border-t-brand-secondary cursor-pointer transition duration-300 ease-in-out '\n                      >\n                        10\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='39919895543907'\n                      data-product-id='6779624620131'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624620131-39919895543907'\n                        name='size-6779624620131'\n                        value='39919895543907'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39919895543907'\n                        data-product-url='/products/prep-step-sneakers-palm-beach-pink-with-palm-beach-pink-stripe'\n                      >\n                      <label\n                        for='variant-6779624620131-39919895543907'\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                        11\n                      </label>\n                      \n                    </div>\n                  \n                    \n\n                    <div\n                      class='relative size-option-wrapper'\n                      data-variant-id='39919895576675'\n                      data-product-id='6779624620131'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624620131-39919895576675'\n                        name='size-6779624620131'\n                        value='39919895576675'\n                        class='sr-only peer size-radio'\n                        \n                        data-variant-id='39919895576675'\n                        data-product-url='/products/prep-step-sneakers-palm-beach-pink-with-palm-beach-pink-stripe'\n                      >\n                      <label\n                        for='variant-6779624620131-39919895576675'\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='39919895609443'\n                      data-product-id='6779624620131'\n                    >\n                      <input\n                        type='radio'\n                        id='variant-6779624620131-39919895609443'\n                        name='size-6779624620131'\n                        value='39919895609443'\n                        class='sr-only peer size-radio'\n                        \n                          disabled\n                        \n                        data-variant-id='39919895609443'\n                        data-product-url='/products/prep-step-sneakers-palm-beach-pink-with-palm-beach-pink-stripe'\n                      >\n                      <label\n                        for='variant-6779624620131-39919895609443'\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                        13\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='6779624620131'\n              \n                data-variant-id=''\n                disabled\n              \n              type='button'\n            >\n              <span>Add to Buggy</span>\n            </button>\n          </div>\n        </div>\n      \n    </div>\n  </complete-the-look-nosto-style>\n\n  <style>\n    .ctl-products-scroll::-webkit-scrollbar {\n      height: 6px;\n      border-radius: 8%;\n    }\n    .ctl-products-scroll::-webkit-scrollbar-track {\n      background: #f1f1f1;\n      border-radius: 10px;\n    }\n    .ctl-products-scroll::-webkit-scrollbar-thumb {\n      background: #888;\n      border-radius: 10px;\n    }\n  </style>\n\n</div></section>\n</main-product><script\n    src='https://cdn-widgetsrepository.yotpo.com/v1/loader/gwqnRVBfQib0iRVcxl2cbeTgoFeJStZcC8bYd265'\n    async\n  ></script>\n  <link href=\"//www.thebeaufortbonnetcompany.com/cdn/shop/t/343/assets/-core-main-product.css?v=14442081185651659231779210291\" rel=\"stylesheet\" type=\"text/css\" media=\"all\" />\n<style data-shopify>\n  .yotpo-dropdown-closable span.yotpo-dropdown-placeholder:before {\n    background-image: url('//www.thebeaufortbonnetcompany.com/cdn/shop/t/343/assets/sort-arrows.png?v=7943459221422010101779210291');\n  }\n</style>\n\n\n</section>"}