<!doctype html>
<html
  
  lang="en"
>
  <head><link
        rel="icon"
        type="image/png"
        href="//shopyourstrulee.com/cdn/shop/files/trulee_yours_1080_x_1170_px.png?crop=center&height=32&v=1771527756&width=32"
      >
    
<meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content=""
>

<meta
  property="og:site_name"
  content="YOURS TRULEE &amp; CO."
>
<meta
  property="og:url"
  content="https://shopyourstrulee.com/"
>
<meta
  property="og:title"
  content="YOURS TRULEE &amp; CO."
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="YOURS TRULEE &amp; CO."
><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="YOURS TRULEE &amp; CO."
>
<meta
  name="twitter:description"
  content="YOURS TRULEE &amp; CO."
>

<title>
  YOURS TRULEE & CO.
 &ndash; YOURS TRULEE &amp; CO.</title>

<link
  rel="canonical"
  href="https://shopyourstrulee.com/"
>


<link href="//shopyourstrulee.com/cdn/shop/t/2/assets/overflow-list.css?v=78235234226353326431771266162" as="style" rel="preload">
<link href="//shopyourstrulee.com/cdn/shop/t/2/assets/base.css?v=143605426757437778521771266175" rel="stylesheet" type="text/css" media="all" />

<link
    rel="preload"
    as="font"
    href="//shopyourstrulee.com/cdn/fonts/handlee/handlee_n4.e09be80d1dff9f38768cf71ac8b0b3be3d7f9119.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//shopyourstrulee.com/cdn/fonts/outfit/outfit_n4.387c2e2715c484a1f1075eb90d64808f1b37ac58.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//shopyourstrulee.com/cdn/fonts/playfair_display/playfairdisplay_n4.9980f3e16959dc89137cc1369bfc3ae98af1deb9.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//shopyourstrulee.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  >
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/overflow-list": "//shopyourstrulee.com/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511771266151",
      "@theme/product-title": "//shopyourstrulee.com/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781771266165",
      "@theme/component": "//shopyourstrulee.com/cdn/shop/t/2/assets/component.js?v=184240237101443119871771266176",
      "@theme/dialog": "//shopyourstrulee.com/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021771266153",
      "@theme/events": "//shopyourstrulee.com/cdn/shop/t/2/assets/events.js?v=147926035229139604561771266150",
      "@theme/focus": "//shopyourstrulee.com/cdn/shop/t/2/assets/focus.js?v=60436577539430446401771266163",
      "@theme/morph": "//shopyourstrulee.com/cdn/shop/t/2/assets/morph.js?v=102085577784545683451771266150",
      "@theme/paginated-list": "//shopyourstrulee.com/cdn/shop/t/2/assets/paginated-list.js?v=95298315036233333871771266174",
      "@theme/performance": "//shopyourstrulee.com/cdn/shop/t/2/assets/performance.js?v=171015751390534793081771266148",
      "@theme/product-form": "//shopyourstrulee.com/cdn/shop/t/2/assets/product-form.js?v=37993400097492174081771266149",
      "@theme/recently-viewed-products": "//shopyourstrulee.com/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651771266161",
      "@theme/scrolling": "//shopyourstrulee.com/cdn/shop/t/2/assets/scrolling.js?v=162288454571026455011771266178",
      "@theme/section-renderer": "//shopyourstrulee.com/cdn/shop/t/2/assets/section-renderer.js?v=152586934315572818121771266174",
      "@theme/section-hydration": "//shopyourstrulee.com/cdn/shop/t/2/assets/section-hydration.js?v=108434990705342316311771266165",
      "@theme/money-formatting": "//shopyourstrulee.com/cdn/shop/t/2/assets/money-formatting.js?v=182191346160333327151771266162",
      "@theme/utilities": "//shopyourstrulee.com/cdn/shop/t/2/assets/utilities.js?v=137979405375850297411771266155",
      "@theme/variant-picker": "//shopyourstrulee.com/cdn/shop/t/2/assets/variant-picker.js?v=124079696159966615681771266173",
      "@theme/media-gallery": "//shopyourstrulee.com/cdn/shop/t/2/assets/media-gallery.js?v=14624021005636302161771266149",
      "@theme/quick-add": "//shopyourstrulee.com/cdn/shop/t/2/assets/quick-add.js?v=8173316780029216301771266158",
      "@theme/paginated-list-aspect-ratio": "//shopyourstrulee.com/cdn/shop/t/2/assets/paginated-list-aspect-ratio.js?v=25254270272143792451771266166",
      "@theme/popover-polyfill": "//shopyourstrulee.com/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201771266168",
      "@theme/component-quantity-selector": "//shopyourstrulee.com/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641771266154",
      "@theme/comparison-slider": "//shopyourstrulee.com/cdn/shop/t/2/assets/comparison-slider.js?v=106705562947035711941771266168",
      "@theme/sticky-add-to-cart": "//shopyourstrulee.com/cdn/shop/t/2/assets/sticky-add-to-cart.js?v=48956925339276737091771266178",
      "@theme/fly-to-cart": "//shopyourstrulee.com/cdn/shop/t/2/assets/fly-to-cart.js?v=48483246440248933081771266169"
    }
  }
</script>

<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/view-transitions.js?v=7106414069516106341771266148"
  async
  
></script>

<link
  rel="modulepreload"
  href="//shopyourstrulee.com/cdn/shop/t/2/assets/utilities.js?v=137979405375850297411771266155"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//shopyourstrulee.com/cdn/shop/t/2/assets/component.js?v=184240237101443119871771266176"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//shopyourstrulee.com/cdn/shop/t/2/assets/section-renderer.js?v=152586934315572818121771266174"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//shopyourstrulee.com/cdn/shop/t/2/assets/section-hydration.js?v=108434990705342316311771266165"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//shopyourstrulee.com/cdn/shop/t/2/assets/morph.js?v=102085577784545683451771266150"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="//shopyourstrulee.com/cdn/shop/t/2/assets/focus.js?v=60436577539430446401771266163"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//shopyourstrulee.com/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651771266161"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//shopyourstrulee.com/cdn/shop/t/2/assets/scrolling.js?v=162288454571026455011771266178"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//shopyourstrulee.com/cdn/shop/t/2/assets/events.js?v=147926035229139604561771266150"
  fetchpriority="low"
>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201771266168"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511771266151"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/quick-add.js?v=8173316780029216301771266158"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="//shopyourstrulee.com/cdn/shop/t/2/assets/cart-discount.js?v=107077853990124422021771266155"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021771266153"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/variant-picker.js?v=124079696159966615681771266173"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/product-card.js?v=124402285637860180781771266164"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/product-form.js?v=37993400097492174081771266149"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/fly-to-cart.js?v=48483246440248933081771266169"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/accordion-custom.js?v=97588419883090888471771266166"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/media.js?v=37825095869491791421771266173"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/product-price.js?v=164492227269745550161771266149"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/product-sku.js?v=121804655373531320511771266171"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781771266165"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/product-inventory.js?v=81520546963552472391771266148"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/show-more.js?v=94563802205717136101771266173"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/slideshow.js?v=17868446697736367161771266178"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/layered-slideshow.js?v=30135417790894624731771266157"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/anchored-popover.js?v=95953304814728754461771266175"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/floating-panel.js?v=151277338116891310371771266168"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/video-background.js?v=25237992823806706551771266151"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641771266154"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/media-gallery.js?v=14624021005636302161771266149"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/rte-formatter.js?v=40306132146590816021771266158"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/volume-pricing.js?v=15442793518842484731771266165"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/price-per-item.js?v=144512917617120124431771266157"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661771266177"
  type="module"
  fetchpriority="low"
></script>







<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/auto-close-details.js?v=58350291535404441581771266175"
  defer="defer"
></script>

<script>
  const Theme = {
    translations: {
      placeholder_image: `Placeholder image`,
      added: `Added`,
      recipient_form_fields_visible: `Recipient form fields are now visible`,
      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
      recipient_form_error: `There was an error with the form submission`,
      items_added_to_cart_one: `1 item added to cart`,
      items_added_to_cart_other: `{{ count }} items added to cart`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'index',
    },
  };
</script>
<style data-shopify>
@font-face {
  font-family: Handlee;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//shopyourstrulee.com/cdn/fonts/handlee/handlee_n4.e09be80d1dff9f38768cf71ac8b0b3be3d7f9119.woff2") format("woff2"),
       url("//shopyourstrulee.com/cdn/fonts/handlee/handlee_n4.081a97ceff5641279bbf8a840ba142543b41006e.woff") format("woff");
}
@font-face {
  font-family: Outfit;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//shopyourstrulee.com/cdn/fonts/outfit/outfit_n4.387c2e2715c484a1f1075eb90d64808f1b37ac58.woff2") format("woff2"),
       url("//shopyourstrulee.com/cdn/fonts/outfit/outfit_n4.aca8c81f18f62c9baa15c2dc5d1f6dd5442cdc50.woff") format("woff");
}
@font-face {
  font-family: Outfit;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//shopyourstrulee.com/cdn/fonts/outfit/outfit_n7.bfc2ca767cd7c6962e82c320123933a7812146d6.woff2") format("woff2"),
       url("//shopyourstrulee.com/cdn/fonts/outfit/outfit_n7.f0b22ea9a32b6f1f6f493dd3a7113aae3464d8b2.woff") format("woff");
}
@font-face {
  font-family: "Playfair Display";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//shopyourstrulee.com/cdn/fonts/playfair_display/playfairdisplay_n4.9980f3e16959dc89137cc1369bfc3ae98af1deb9.woff2") format("woff2"),
       url("//shopyourstrulee.com/cdn/fonts/playfair_display/playfairdisplay_n4.c562b7c8e5637886a811d2a017f9e023166064ee.woff") format("woff");
}
@font-face {
  font-family: "Playfair Display";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//shopyourstrulee.com/cdn/fonts/playfair_display/playfairdisplay_n7.592b3435e0fff3f50b26d410c73ae7ec893f6910.woff2") format("woff2"),
       url("//shopyourstrulee.com/cdn/fonts/playfair_display/playfairdisplay_n7.998b1417dec711058cce2abb61a0b8c59066498f.woff") format("woff");
}
@font-face {
  font-family: "Playfair Display";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//shopyourstrulee.com/cdn/fonts/playfair_display/playfairdisplay_i4.804ea8da9192aaed0368534aa085b3c1f3411619.woff2") format("woff2"),
       url("//shopyourstrulee.com/cdn/fonts/playfair_display/playfairdisplay_i4.5538cb7a825d13d8a2333cd8a94065a93a95c710.woff") format("woff");
}
@font-face {
  font-family: "Playfair Display";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//shopyourstrulee.com/cdn/fonts/playfair_display/playfairdisplay_i7.ba833b400bcd9c858b439c75a4a7c6eddc4c7de0.woff2") format("woff2"),
       url("//shopyourstrulee.com/cdn/fonts/playfair_display/playfairdisplay_i7.4872c65919810cd2f622f4ba52cd2e9e595f11d5.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//shopyourstrulee.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
       url("//shopyourstrulee.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//shopyourstrulee.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
       url("//shopyourstrulee.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}


  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: Handlee, cursive;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: Outfit, sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 400;
    --font-heading--family: "Playfair Display", serif;
    --font-heading--style: normal;
    --font-heading--weight: 400;
    --font-accent--family: Inter, sans-serif;
    --font-accent--style: normal;
    --font-accent--weight: 700;

    /* Margin sizes */
    --font-h1--spacing: 0.25em;
    --font-h2--spacing: 0.25em;
    --font-h3--spacing: 0.25em;
    --font-h4--spacing: 0.25em;
    --font-h5--spacing: 0.25em;
    --font-h6--spacing: 0.25em;
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 32.5em;
    --max-width--body-narrow: 22.75em;

    --max-width--heading-normal: 32.5em;
    --max-width--heading-narrow: 19.5em;

    --max-width--display-normal: 13em;
    --max-width--display-narrow: 9.75em;
    --max-width--display-tight: 3.25em;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.125rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: uppercase;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: uppercase;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: uppercase;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: uppercase;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-loose);

    /* Hardcoded font sizes */
    --font-size--3xs: 0.625rem;
    --font-size--2xs: 0.75rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: var(--opacity-70);

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 4px;
    --style-border-radius-buttons-primary: 8px;
    --style-border-radius-buttons-secondary: 14px;
    --style-border-width-primary: 0px;
    --style-border-width-secondary: 1px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 14px;
    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
    --spring-d300-b0-duration: 0.4980s;
    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
    --spring-d280-b0-duration: 0.4648s;
    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
    --spring-d260-b0-duration: 0.4316s;
    --spring-d220-b0-easing: linear(
      0,
      0.0093 1.37%,
      0.0696 4.12%,
      0.4667 15.09%,
      0.6322 20.58%,
      0.6986 23.32%,
      0.7793 27.44%,
      0.8219 30.18%,
      0.8721,
      0.9089 38.42%,
      0.9427,
      0.9644,
      0.978 54.88%,
      0.9881 61.74%,
      0.9944 69.97%,
      0.998 80.95%,
      0.9996 98.78%
    );
    --spring-d220-b0-duration: 0.3818s;
    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
    --spring-d180-b0-duration: 0.2988s;

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1.5px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Checkbox */
    --checkbox-size: 22px;
    --checkbox-border-radius: 7px;
    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    --checkbox-label-padding: 8px;

    @media screen and (min-width: 750px) {
      --checkbox-size: 16px;
      --checkbox-border-radius: 5px;
      --checkbox-label-padding: 6px;
    }

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-accent--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: uppercase;
    --button-text-case-secondary: default;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;
    --border-radius-sm: 0.25rem;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 34;
    --variant-picker-swatch-height-unitless: 34;
    --variant-picker-swatch-width: 34px;
    --variant-picker-swatch-height: 34px;
    --variant-picker-swatch-radius: 32px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 14px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;
    --quick-add-modal-height: min(38.5rem, 96vh);
    --quick-add-modal-width: min(54rem, 96vw);
    --quick-add-modal-gallery-width: 24rem;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-secondary--family);
    --cart-secondary-font-style: var(--font-secondary--style);
    --cart-secondary-font-weight: var(--font-secondary--weight);
  }
</style>
<style data-shopify>
  
    
      :root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(249 218 223 / 1.0);
        --color-primary-hover-rgb: 249 218 223;
        --color-border: rgb(249 218 223 / 1.0);
        --color-border-rgb: 249 218 223;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(239 155 174 / 1.0);
        --color-primary-button-border: rgb(249 218 223 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(249 218 223 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(249 218 223 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(249 218 223 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(249 218 223 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(249 218 223 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(239 155 174 / 1.0);
        --color-selected-variant-border: rgb(249 218 223 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(249 218 223 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: rgb(245 245 245 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 245 245 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(255 255 255 / 1.0);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(223 223 223 / 1.0);
        --color-border-rgb: 223 223 223;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3 {
        --color-background: rgb(238 241 234 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 238 241 234;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.81);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.81);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.81);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: rgb(225 237 245 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 225 237 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(29 54 134 / 0.5);
        --color-border-rgb: 29 54 134;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(29 54 134 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.81);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.81);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-5 {
        --color-background: rgb(51 51 51 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 51 51 51;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 0.69);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(255 255 255 / 0.69);
        --color-border-rgb: 255 255 255;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 0.69);
        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
        --color-input-background: rgb(51 51 51 / 1.0);
        --color-input-text: rgb(255 255 255 / 0.93);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(255 255 255 / 0.69);
        --color-input-hover-background: rgb(255 255 255 / 0.04);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-6 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(250 250 250 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 1.0);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 0.53);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(250 250 250 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3595404a-b522-4a96-89f6-5d36b79c96c2 {
        --color-background: rgb(254 245 225 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 254 245 225;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(0 0 0 / 0.01);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.13);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-warm-cream {
        --color-background: rgb(254 245 225 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 254 245 225;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(0 0 0 / 0.01);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.13);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4cbf5da4-9a20-412d-be9d-e52f290f807e {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(0 0 0 / 0.01);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.13);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab {
        --color-background: rgb(249 218 223 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 249 218 223;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(249 218 223 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 0.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(0 0 0 / 0.01);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.13);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-27ed7f66-3f4a-4f36-843f-91b40cfc963a {
        --color-background: rgb(239 155 174 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 239 155 174;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(0 0 0 / 0.01);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.13);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(239 155 174 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-bf892b7a-432b-4cca-a8ba-3cac8af438f2 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(249 218 223 / 1.0);
        --color-primary-button-border: rgb(249 218 223 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(241 153 174 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(0 0 0 / 0.01);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.13);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4b8e5146-b49f-42d4-bfc8-c89d14ac9438 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(241 153 174 / 1.0);
        --color-foreground-rgb: 241 153 174;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(0 0 0 / 0.01);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.13);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-b1110c55-7ae1-4416-a7c7-644d936ee0c5 {
        --color-background: rgb(144 128 129 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 144 128 129;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(144 128 129 / 1.0);
        --color-foreground-rgb: 144 128 129;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(249 218 223 / 1.0);
        --color-primary-hover-rgb: 249 218 223;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(249 218 223 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(249 218 223 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(249 218 223 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.13);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(249 218 223 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(249 218 223 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-menu-908081 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(144 128 129 / 1.0);
        --color-foreground-rgb: 144 128 129;
        --color-foreground-heading: rgb(144 128 129 / 1.0);
        --color-foreground-heading-rgb: 144 128 129;
        --color-primary: rgb(144 128 129 / 1.0);
        --color-primary-rgb: 144 128 129;
        --color-primary-hover: rgb(249 218 223 / 1.0);
        --color-primary-hover-rgb: 249 218 223;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(249 218 223 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(249 218 223 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(249 218 223 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.13);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(249 218 223 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(249 218 223 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-31b92391-e9ec-4637-b706-307647b8039f {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(239 155 174 / 1.0);
        --color-primary-rgb: 239 155 174;
        --color-primary-hover: rgb(239 155 174 / 1.0);
        --color-primary-hover-rgb: 239 155 174;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 0.06);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(239 155 174 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(249 218 223 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(239 155 174 / 1.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(249 218 223 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(249 218 223 / 1.0);
        --color-variant-background: rgb(239 155 174 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.06);
        --color-variant-text: rgb(255 255 255 / 0.78);
        --color-variant-text-rgb: 255 255 255;
        --color-variant-hover-background: rgb(249 218 223 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 0.06);
        --color-selected-variant-background: rgb(239 155 174 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 0.06);
        --color-selected-variant-text: rgb(255 255 255 / 0.78);
        --color-selected-variant-hover-background: rgb(249 218 223 / 1.0);
        --color-selected-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-selected-variant-hover-border: rgb(0 0 0 / 0.06);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-0cb5f17f-01fc-47c8-a61a-e5aad1b4602f {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(249 218 223 / 1.0);
        --color-primary-hover-rgb: 249 218 223;
        --color-border: rgb(249 218 223 / 1.0);
        --color-border-rgb: 249 218 223;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(239 155 174 / 1.0);
        --color-primary-button-border: rgb(249 218 223 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(249 218 223 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(249 218 223 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(249 218 223 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(249 218 223 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(239 155 174 / 1.0);
        --color-selected-variant-border: rgb(249 218 223 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(249 218 223 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-custom-button {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 0.69);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(255 255 255 / 0.69);
        --color-border-rgb: 255 255 255;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(239 155 174 / 1.0);
        --color-primary-button-border: rgb(239 155 174 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(249 218 223 / 1.0);
        --color-primary-button-hover-border: rgb(249 218 223 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(249 218 223 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(249 218 223 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(249 218 223 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(249 218 223 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(239 155 174 / 1.0);
        --color-selected-variant-border: rgb(249 218 223 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(249 218 223 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7, .color-scheme-3595404a-b522-4a96-89f6-5d36b79c96c2, .color-scheme-warm-cream, .color-scheme-4cbf5da4-9a20-412d-be9d-e52f290f807e, .color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab, .color-scheme-27ed7f66-3f4a-4f36-843f-91b40cfc963a, .color-scheme-bf892b7a-432b-4cca-a8ba-3cac8af438f2, .color-scheme-4b8e5146-b49f-42d4-bfc8-c89d14ac9438, .color-scheme-b1110c55-7ae1-4416-a7c7-644d936ee0c5, .color-scheme-menu-908081, .color-scheme-31b92391-e9ec-4637-b706-307647b8039f, .color-scheme-0cb5f17f-01fc-47c8-a61a-e5aad1b4602f, .color-scheme-custom-button {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/80587292897/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="7acc76fa6c99ef82fb2438189caef678">
<meta id="in-context-paypal-metadata" data-shop-id="80587292897" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=80587292897" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":80587292897,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/80587292897","merchantName":"YOURS TRULEE \u0026 CO.","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"YOURS TRULEE \u0026 CO.","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"7acc76fa6c99ef82fb2438189caef678","betas":["rich-media-storefront-analytics"],"domain":"shopyourstrulee.com","predictiveSearch":true,"shopId":80587292897,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "gcejw9-iq.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Updated copy of Horizon","id":159375458529,"schema_name":"Horizon","schema_version":"3.3.1","theme_store_id":2481,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "shopyourstrulee.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//shopyourstrulee.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//shopyourstrulee.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script id="__st">var __st={"a":80587292897,"offset":-14400,"reqid":"236760aa-80f7-40ab-a3e4-91e63797104b-1780998370","pageurl":"shopyourstrulee.com\/shop.css","u":"a2936c79cac6","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//shopyourstrulee.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//shopyourstrulee.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://shopyourstrulee.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://shopyourstrulee.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<link rel="stylesheet" media="screen" href="//shopyourstrulee.com/cdn/shop/t/2/compiled_assets/styles.css?v=26030924656563774501771266198">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <script src="https://cdn.shopify.com/extensions/7167d0de-fec2-4670-827c-19a1770fa4e0/forms-2409/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/3d841bc3-95e4-4f46-b335-9ea489d0aba9/inbox-1273/assets/inbox-chat-loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/019ea630-a6e1-73c6-92c2-f5460f8fbab2/globo-product-options-412/assets/gpomain.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 80587292897,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 80587292897,storefrontBaseUrl: "https://shopyourstrulee.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"2036072673","configuration":"{\"pixelCode\":\"D5V3J2RC77UAE3TT51OG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1988067553","configuration":"{\"tagID\":\"2613564150419\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"YOURS TRULEE \u0026 CO.","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"gcejw9-iq.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/shopyourstrulee.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://shopyourstrulee.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"80587292897","storefrontBaseUrl":"https:\/\/shopyourstrulee.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"236760aa-80f7-40ab-a3e4-91e63797104b-1780998370"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 80587292897,
      theme_id: 159375458529,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//shopyourstrulee.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//shopyourstrulee.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//shopyourstrulee.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":80587292897,"isMerchantRequest":null,"themeId":159375458529,"themeCityHash":"3268927865091343465","contentLanguage":"en","currency":"USD","eventMetadataId":"36d54a36-4f4c-43f1-bd36-6d487cc3b3d2"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"236760aa-80f7-40ab-a3e4-91e63797104b-1780998370","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//shopyourstrulee.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://shopyourstrulee.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="80587292897"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="159375458529"
  data-theme-name="Horizon"
  data-theme-version="3.3.1"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://shopyourstrulee.com/api/collect"
></script>
</head>

  <body class="page-width-narrow card-hover-effect-none">
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Skip to content
</a>



    <div id="header-group">
      <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--21647032516833__header_announcements_iEycLw" class="shopify-section shopify-section-group-header-group">


  <script
    src="//shopyourstrulee.com/cdn/shop/t/2/assets/announcement-bar.js?v=34024675399582161451771266177"
    type="module"
    fetchpriority="low"
  ></script>


<div class="section-background color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab"></div>
<aside
  class="announcement-bar spacing-style section section--page-width color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab"
  style="--padding-block-start: 8px; --padding-block-end:8px; 
--padding-inline-start:0px; --padding-inline-end:0px; 
; --border-bottom-width: 0px;"
>
  

  <announcement-bar-component
    class="announcement-bar__slider"
    
      autoplay="5" aria-live="polite"
    
  >
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-chevron
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-chevron
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</slideshow-arrows>

    

    <div class="announcement-bar__slides">
      
<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--AOXVnMmVSazc2RXdVN__announcement_iqcxXC
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="false"
  >
    <p class="announcement-bar__text">
      Welcome to Yours Trulee!
    </p>

    
  </slideshow-slide>



<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--AM1dMN0VYZXFaSFNmc__announcement_9UThXx
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="true"
  >
    <p class="announcement-bar__text">
      Shop our latest arrivals!
    </p>

    
  </slideshow-slide>



<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--Ac1QxNXFScjJIbDlnQ__announcement_LCEtmy
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="true"
  >
    <p class="announcement-bar__text">
      free shipping for all orders over $150
    </p>

    
  </slideshow-slide>



    </div>
  </announcement-bar-component>
</aside>




</div><header id="shopify-section-sections--21647032516833__header_section" class="shopify-section shopify-section-group-header-group header-section">





<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "YOURS TRULEE \u0026amp; CO.",
    
      "logo": "https:\/\/shopyourstrulee.com\/cdn\/shop\/files\/Copy_of_Untitled_Design_3.png?v=1770310676\u0026width=500",
    
    "url": "https:\/\/shopyourstrulee.com"
  }
</script>

<header-component
  id="header-component"
  class="header color-scheme-6 header--collapse-row-paddings"
  data-theme-color="rgb(255 255 255)"
  
    transparent="not-sticky"
  
  
    sticky="always"
  
  data-skip-node-update
  data-scroll-direction="none"
><h1 class="visually-hidden">YOURS TRULEE &amp; CO.</h1>
    

    

    
    
      <div
        class="header__row header__row--top color-scheme-bf892b7a-432b-4cca-a8ba-3cac8af438f2 section section--full-width-margin section--page-width divider--page-width"
        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
          
              



    <div
      class="header__drawer"
      ref="headerDrawerContainer"
      data-hydration-key="header-drawer-mobile"
      
    >
      

<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/header-drawer.js?v=121243031541024704371771266152"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer "
  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
  <details
    id="Details-menu-drawer-container"
    data-skip-node-update="true"
    class="menu-drawer-container"
    ref="details"
    scroll-lock
  >
    <summary
      class="header__icon header__icon--menu header__icon--summary"
      aria-label="Menu"
      on:click="/toggle"
    >
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </summary>
    <div
      ref="menuDrawer"
      class="
        menu-drawer
        color-scheme-4cbf5da4-9a20-412d-be9d-e52f290f807e
      "
    >
      <button
        class="button close-button menu-drawer__close-button"
        type="button"
        aria-label="Close"
        on:click="/close"
      >
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>
      <nav
        class="menu-drawer__navigation"
        style="--menu-top-level-font-family: var(--font-heading--family);
--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:
var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-heading--family); --menu-child-font-style:
var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  

        "
      >
        <ul
          class="menu-drawer__menu has-submenu"
          role="list"
        >


              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 1;"
              ><a
                    id="HeaderDrawer-petals-praise"
                    href="/collections/petals-praise-easter"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">PETALS &amp; PRAISE </span>
                  </a></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 2;"
              ><a
                    id="HeaderDrawer-new-arrivals"
                    href="/collections/new-arrivals"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">New Arrivals</span>
                  </a></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 3;"
              ><details
                    id="Details-menu-drawer-menu-item-3"
                    class="menu-drawer__menu-container"
                  >
                    <summary
                      id="HeaderDrawer-categories"
                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      on:click="header-drawer/open/submenu"
                    >
                      <span class="menu-drawer__menu-item-text wrap-text">Categories</span>
                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </summary>
                    <div
                      id="link-categories"
                      class="menu-drawer__submenu has-submenu"
                      tabindex="-1"
                      style="--menu-drawer-animation-index: 3;"
                    >
                      <div class="menu-drawer__inner-submenu">
                        <div class="menu-drawer__nav-buttons">
                          <button
                            class="button menu-drawer__back-button focus-inset"
                            aria-expanded="true"
                            on:click="header-drawer/back"
                            aria-label="Back"
                          >
                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                            <span class="menu-drawer__menu-item-text wrap-text">Categories</span>
                          </button>
                          <button
                            class="button button-unstyled close-button menu-drawer__close-button"
                            type="button"
                            aria-label="Close"
                            on:click="header-drawer/close"
                          >
                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                          </button>
                        </div>
                        
                        <ul
                          class="menu-drawer__menu menu-drawer__menu--childlist"
                          role="list"
                          tabindex="-1"
                        >
                          <li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-categories-shop-all"
                                  href="/collections/shop-all"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Shop All</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                menu-drawer__list-item--flat
                              "
                            >
                                
<a
                                    id="HeaderDrawer-categories-tops"
                                    href="/collections/tops"
                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  >
                                    <span class="menu-drawer__menu-item-text wrap-text">Tops</span>
                                  </a>
                                  
                                  <ul
                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                                    role="list"
                                    tabindex="-1"
                                  ><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 1;"
                                      >
                                        <a
                                          id="HeaderDrawer-categories-tops-short-sleeve"
                                          href="/collections/short-sleeve"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">Short Sleeve</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 2;"
                                      >
                                        <a
                                          id="HeaderDrawer-categories-tops-long-sleeve"
                                          href="/collections/long-sleeve"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">Long Sleeve</span>
                                        </a>
                                      </li></ul></li><li
                              class="
                                menu-drawer__list-item
                                menu-drawer__list-item--flat
                              "
                            >
                                
<a
                                    id="HeaderDrawer-categories-bottoms"
                                    href="/collections/bottoms-1"
                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  >
                                    <span class="menu-drawer__menu-item-text wrap-text">Bottoms</span>
                                  </a>
                                  
                                  <ul
                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                                    role="list"
                                    tabindex="-1"
                                  ><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 1;"
                                      >
                                        <a
                                          id="HeaderDrawer-categories-bottoms-denim"
                                          href="/collections/denim"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">Denim</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 2;"
                                      >
                                        <a
                                          id="HeaderDrawer-categories-bottoms-shorts"
                                          href="/collections/shorts"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">Shorts</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 3;"
                                      >
                                        <a
                                          id="HeaderDrawer-categories-bottoms-skirts"
                                          href="/collections/skirts"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">Skirts</span>
                                        </a>
                                      </li></ul></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-categories-dresses"
                                  href="/collections/bottoms"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Dresses</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-categories-rompers-jumpers"
                                  href="/collections/rompers-jumpers-1"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Rompers + Jumpers</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-categories-sets"
                                  href="/collections/rompers-jumpers"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Sets</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-categories-lounge-athleisure"
                                  href="/collections/lounge-athleisure-1"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Lounge +Athleisure  </span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-categories-shoes"
                                  href="/collections/lounge-athleisure"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Shoes </span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-categories-accessories"
                                  href="/collections/accessories"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Accessories</span>
                                </a></li></ul>
                        
                      </div>
                    </div>
                  </details></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 4;"
              ><details
                    id="Details-menu-drawer-menu-item-4"
                    class="menu-drawer__menu-container"
                  >
                    <summary
                      id="HeaderDrawer-collections"
                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      on:click="header-drawer/open/submenu"
                    >
                      <span class="menu-drawer__menu-item-text wrap-text">Collections</span>
                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </summary>
                    <div
                      id="link-collections"
                      class="menu-drawer__submenu has-submenu"
                      tabindex="-1"
                      style="--menu-drawer-animation-index: 4;"
                    >
                      <div class="menu-drawer__inner-submenu">
                        <div class="menu-drawer__nav-buttons">
                          <button
                            class="button menu-drawer__back-button focus-inset"
                            aria-expanded="true"
                            on:click="header-drawer/back"
                            aria-label="Back"
                          >
                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                            <span class="menu-drawer__menu-item-text wrap-text">Collections</span>
                          </button>
                          <button
                            class="button button-unstyled close-button menu-drawer__close-button"
                            type="button"
                            aria-label="Close"
                            on:click="header-drawer/close"
                          >
                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                          </button>
                        </div>
                        
                        <ul
                          class="menu-drawer__menu menu-drawer__menu--childlist"
                          role="list"
                          tabindex="-1"
                        >
                          <li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-collections-best-sellers"
                                  href="/collections/best-sellers"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Best Sellers</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-collections-aleeas-favorites"
                                  href="/collections/aleeas-favorite"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Aleea&#39;s Favorites </span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                menu-drawer__list-item--flat
                              "
                            >
                                
<a
                                    id="HeaderDrawer-collections-collections"
                                    href="/collections"
                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  >
                                    <span class="menu-drawer__menu-item-text wrap-text">Collections</span>
                                  </a>
                                  
                                  <ul
                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                                    role="list"
                                    tabindex="-1"
                                  ><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 1;"
                                      >
                                        <a
                                          id="HeaderDrawer-collections-collections-xoxo-yours-trulee"
                                          href="/collections/xoxo-loves-debut-1"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">XOXO, Yours Trulee</span>
                                        </a>
                                      </li><li
                                        class="menu-drawer__list-item"
                                        style="--menu-drawer-animation-index: 2;"
                                      >
                                        <a
                                          id="HeaderDrawer-collections-collections-hints-of-spring-pt-1"
                                          href="/collections/hints-of-spring"
                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                          
                                        >
                                          
                                          <span class="menu-drawer__menu-item-text wrap-text">Hints of Spring Pt. 1</span>
                                        </a>
                                      </li></ul></li></ul>
                        
                      </div>
                    </div>
                  </details></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 5;"
              ><details
                    id="Details-menu-drawer-menu-item-5"
                    class="menu-drawer__menu-container"
                  >
                    <summary
                      id="HeaderDrawer-sale"
                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      on:click="header-drawer/open/submenu"
                    >
                      <span class="menu-drawer__menu-item-text wrap-text">Sale</span>
                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </summary>
                    <div
                      id="link-sale"
                      class="menu-drawer__submenu has-submenu"
                      tabindex="-1"
                      style="--menu-drawer-animation-index: 5;"
                    >
                      <div class="menu-drawer__inner-submenu">
                        <div class="menu-drawer__nav-buttons">
                          <button
                            class="button menu-drawer__back-button focus-inset"
                            aria-expanded="true"
                            on:click="header-drawer/back"
                            aria-label="Back"
                          >
                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                            <span class="menu-drawer__menu-item-text wrap-text">Sale</span>
                          </button>
                          <button
                            class="button button-unstyled close-button menu-drawer__close-button"
                            type="button"
                            aria-label="Close"
                            on:click="header-drawer/close"
                          >
                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                          </button>
                        </div>
                        
                        <ul
                          class="menu-drawer__menu menu-drawer__menu--childlist"
                          role="list"
                          tabindex="-1"
                        >
                          <li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-sale-10-sale"
                                  href="/collections/10-sale"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">$10 Sale</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-sale-20-sale"
                                  href="/collections/20-sale"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">$20 Sale</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-sale-30-sale"
                                  href="/collections/30-sale"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">$30 Sale</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-sale-40-sale"
                                  href="/collections/40-sale"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">$40+ Sale</span>
                                </a></li></ul>
                        
                      </div>
                    </div>
                  </details></li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 5;"
      >
        
        </div>

      
    </div>
    <div
      class="menu-drawer__backdrop"
      on:click="header-drawer/close"
    ></div>
  </details>
</header-drawer>



    </div>

  





            
        
      
        
          
              
  <search-button class="search-action search-action--hidden-on-menu">
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span
        class="svg-wrapper"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              
  <search-button class="search-action search-action--hidden-on-drawer">
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span
        class="svg-wrapper"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
    </div><div
      class="header__column header__column--center"
      data-testid="header-top-center"
    >
      
        
          
              




<a
  
  href="/"
  class="size-style spacing-style header-logo"
  style="
    --size-style-width: ;--size-style-height: ;
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --font-family: var(--font-body--family);
    --font-style: var(--font-body--style);
    --font-weight: 600;
  "
  
>
  

  <span
    class="header-logo__image-container header-logo__image-container--original"
    data-testid="header-logo"
  >
    
  
  
  

  

  

  

  <img src="//shopyourstrulee.com/cdn/shop/files/Copy_of_Untitled_Design_3.png?height=80&amp;v=1770310676" alt="Logo of &#39;Yours Trulee &amp; Co.&#39; in cursive on a white background" width="264" height="80" class="header-logo__image" srcset="//shopyourstrulee.com/cdn/shop/files/Copy_of_Untitled_Design_3.png?height=80&amp;v=1770310676 1x, //shopyourstrulee.com/cdn/shop/files/Copy_of_Untitled_Design_3.png?height=160&amp;v=1770310676 2x, //shopyourstrulee.com/cdn/shop/files/Copy_of_Untitled_Design_3.png?height=240&amp;v=1770310676 3x" style="--header-logo-image-width: 264px;--header-logo-image-width-mobile: 231px; --header-logo-image-height: 80px; --header-logo-image-height-mobile: 70px;">


  </span>

  
    <span
      class="header-logo__image-container header-logo__image-container--inverse"
      data-testid="header-logo-inverse"
    >
      
  
  
  

  

  

  

  <img src="//shopyourstrulee.com/cdn/shop/files/Copy_of_Untitled_Design_3.png?height=80&amp;v=1770310676" alt="Logo of &#39;Yours Trulee &amp; Co.&#39; in cursive on a white background" width="264" height="80" class="header-logo__image" srcset="//shopyourstrulee.com/cdn/shop/files/Copy_of_Untitled_Design_3.png?height=80&amp;v=1770310676 1x, //shopyourstrulee.com/cdn/shop/files/Copy_of_Untitled_Design_3.png?height=160&amp;v=1770310676 2x, //shopyourstrulee.com/cdn/shop/files/Copy_of_Untitled_Design_3.png?height=240&amp;v=1770310676 3x" style="--header-logo-image-width: 264px;--header-logo-image-width-mobile: 231px; --header-logo-image-height: 80px; --header-logo-image-height-mobile: 70px;">


    </span>
  
</a>





            
        
      
    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              
  
  

            
        
      
        
          
              <script
  type="module"
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/cart-icon.js?v=157241182139685326961771266170"
  fetchpriority="low"
></script>



<header-actions>
  
    <script
      src="//shopyourstrulee.com/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021771266153"
      type="module"
    ></script>

    <anchored-popover-component
      data-close-on-resize="true"
      class="account-popover mobile:hidden"
    >
      <button
  class="account-button header-actions__action"
  aria-label="Account"
  aria-haspopup="dialog"popovertarget="account-popover"
    popovertargetaction="toggle"ref="trigger"
  
><span
      class="account-button__icon"
      aria-hidden="true"
    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>



      <div
        class="account-popover__panel details-content color-scheme-31b92391-e9ec-4637-b706-307647b8039f"
        id="account-popover"
        popover="auto"
        ref="popover"
      >
        <div class="account-actions">
  <div class="account-actions__main-menu">
    <header class="account-actions__header">
      <h2
        id="account-drawer-heading"
        class="account-actions__title h5"
      >
        
          Account
        
      </h2>
      
    </header>

    
      <div
        class="account-actions__sign-ins"
        data-skip-subtree-update="true"
      >
        <script
          src="//shopyourstrulee.com/cdn/shop/t/2/assets/account-login-actions.js?v=27524771914008767821771266151"
          type="module"
          fetchpriority="low"
        ></script>
        <account-login-actions class="account-actions__shop-login">
          <script defer="defer" async type="module" src="//shopyourstrulee.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
<script type="module">
  await import("//shopyourstrulee.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");

  
</script>

<shop-login-button ux-mode="windoid" return-uri="https://shopyourstrulee.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>

        </account-login-actions>

        <a
          href="/customer_authentication/login?return_to=%2Fshop.css&locale=en&ui_hint=full"
          class="account-actions__link button"
        >
          <span class="account-actions__sign-in-text">
            Other sign in options
          </span>
          <span class="account-actions__fallback-text">
            Sign in
          </span>
        </a>
      </div>
    

    <nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a
            href="/account"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
            Orders
          </a>
        </li>
        <li class="account-actions__list-item">
          <a
            href="/account/addresses"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
            Profile
          </a>
        </li>
      </ul>
    </nav>
  </div>
</div>



      </div>
    </anchored-popover-component>

    <dialog-component
      class="account-drawer"
      
    >
      <button
  class="account-button header-actions__action"
  aria-label="Account"
  aria-haspopup="dialog"ref="trigger"
  on:click="/showDialog"
><span
      class="account-button__icon"
      aria-hidden="true"
    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>



      <dialog
        ref="dialog"
        class="color-scheme-31b92391-e9ec-4637-b706-307647b8039f dialog-modal dialog-drawer account-drawer__dialog"
        scroll-lock
        aria-labelledby="account-drawer-heading"
      >
        <button
          ref="closeButton"
          on:click="/closeDialog"
          class="button button-unstyled close-button account-drawer__close-button"
          aria-label="Close dialog"
          autofocus
        >
          <span
            class="svg-wrapper"
            aria-hidden="true"
          ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
        <div class="account-actions">
  <div class="account-actions__main-menu">
    <header class="account-actions__header">
      <h2
        id="account-drawer-heading"
        class="account-actions__title h5"
      >
        
          Account
        
      </h2>
      
    </header>

    
      <div
        class="account-actions__sign-ins"
        data-skip-subtree-update="true"
      >
        <script
          src="//shopyourstrulee.com/cdn/shop/t/2/assets/account-login-actions.js?v=27524771914008767821771266151"
          type="module"
          fetchpriority="low"
        ></script>
        <account-login-actions class="account-actions__shop-login">
          <script defer="defer" async type="module" src="//shopyourstrulee.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
<script type="module">
  await import("//shopyourstrulee.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");

  
</script>

<shop-login-button ux-mode="windoid" return-uri="https://shopyourstrulee.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>

        </account-login-actions>

        <a
          href="/customer_authentication/login?return_to=%2Fshop.css&locale=en&ui_hint=full"
          class="account-actions__link button"
        >
          <span class="account-actions__sign-in-text">
            Other sign in options
          </span>
          <span class="account-actions__fallback-text">
            Sign in
          </span>
        </a>
      </div>
    

    <nav class="account-actions__nav">
      <ul class="account-actions__list">
        <li class="account-actions__list-item">
          <a
            href="/account"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
            Orders
          </a>
        </li>
        <li class="account-actions__list-item">
          <a
            href="/account/addresses"
            class="account-actions__link button-secondary"
          >
            <span
              class="account-actions__icon"
              aria-hidden="true"
            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
            Profile
          </a>
        </li>
      </ul>
    </nav>
  </div>
</div>



      </dialog>
    </dialog-component>
  

  
    <script
      src="//shopyourstrulee.com/cdn/shop/t/2/assets/cart-drawer.js?v=60516533948368149871771266176"
      type="module"
      fetchpriority="low"
    ></script>

    

    <cart-drawer-component
      class="cart-drawer"
      
      
    >
      <template id="empty-cart-template">
        
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Close dialog"
        >
          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Cart"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Your cart is empty
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/component-cart-items.js?v=16199507049899445991771266152"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=105130809908858639751771266153"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661771266177"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        Have an account? <a href="https://shopyourstrulee.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Continue shopping
      </span>
    </a></div>



        </div>
      </div>
    
      </template>
      <button
        class="button header-actions__action button-unstyled"
        on:click="/open"
        aria-haspopup="dialog"
        aria-label="Cart"
        aria-describedby="cart-bubble-text"
        data-testid="cart-drawer-trigger"
      >
        
  <cart-icon
    class="
      header-actions__cart-icon
      
    "
    data-testid="cart-icon"
  >
    <span
      class="svg-wrapper"
      aria-hidden="true"
    >
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>

    </span>

    <div
  ref="cartBubble"
  class="cart-bubble visually-hidden"
  
  
    data-maintain-ratio
  
>
  <span class="cart-bubble__background"></span>
  <span
    ref="cartBubbleText"
    id="cart-bubble-text"
    class="cart-bubble__text"
    
      role="status"
    
  >
    <span class="visually-hidden">Total items in cart: 0
    </span>
    <span
      class="cart-bubble__text-count hidden"
      ref="cartBubbleCount"
      aria-hidden="true"
      data-testid="cart-bubble"
    >
0</span>
  </span>
</div>

  </cart-icon>

      </button>

      <dialog
        ref="dialog"
        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-4cbf5da4-9a20-412d-be9d-e52f290f807e cart-drawer--empty"
        aria-labelledby="cart-drawer-heading-empty"
        scroll-lock
        cart-summary-sticky="true"
      >
        <div
          class="cart-drawer__inner"
          data-hydration-key="cart-drawer-inner"
        >
          <cart-items-component
            class="cart-items-component"
            data-drawer
            data-section-id="sections--21647032516833__header_section"
          >
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Close dialog"
        >
          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Cart"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Your cart is empty
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/component-cart-items.js?v=16199507049899445991771266152"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=105130809908858639751771266153"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661771266177"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        Have an account? <a href="https://shopyourstrulee.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Continue shopping
      </span>
    </a></div>



        </div>
      </div>
    
</cart-items-component>
        </div>
      </dialog>
    </cart-drawer-component>
  
</header-actions>



          
        
      
    </div>
        </div>
      </div>
    
  
    

    

    
    
      <div
        class="header__row header__row--bottom color-scheme-bf892b7a-432b-4cca-a8ba-3cac8af438f2 section section--full-width-margin section--page-width mobile:hidden"
        ref="headerRowTop"style="--border-bottom-width: 0px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--center"
      data-testid="header-bottom-center"
    >
      
        
          
              



    

    

    <header-menu
      ref="headerMenu"
      class="header-menu"
      
      data-hydration-key="header-menu"
    >
      <div class="header-menu__inner">
        <nav
          class="menu-list"
          style="--menu-top-level-font-family: var(--font-heading--family);
--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
        >
          
          <overflow-list
  
    ref="overflowMenu"
  
  
    class="overflow-menu color-scheme-4cbf5da4-9a20-412d-be9d-e52f290f807e color-scheme-matches-parent"
  
  
    minimum-items="2"
  
  
    data-testid="header-menu-overflow-list"
  
  
    data-skip-node-update
  
>
  <template shadowrootmode="open">
    <link href="//shopyourstrulee.com/cdn/shop/t/2/assets/overflow-list.css?v=78235234226353326431771266162" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
          >
            More
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/petals-praise-easter"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">PETALS & PRAISE </span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/new-arrivals"
            data-skip-node-update="true"
            class="menu-list__link"ref="menuitem"
          >
            <span class="menu-list__link-title">New Arrivals</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/all"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-3"
              aria-haspopup="true"
              aria-expanded="false"ref="menuitem"
          >
            <span class="menu-list__link-title">Categories</span>
          </a><div class="menu-list__submenu color-scheme-4cbf5da4-9a20-412d-be9d-e52f290f807e color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-3"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:
var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-heading--family); --menu-child-font-style:
var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  
"
              >
                
                <div class="mega-menu section section--full-width-margin section--page-width">
                  <div
                    class="mega-menu__grid"
                    data-menu-grid-id="MegaMenuList-3"
                  >
                    
<ul
  data-menu-list-id="MegaMenuList-3"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/shop-all"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Shop All</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/tops"
        class="mega-menu__link mega-menu__link--parent"
      >
        
        <span class="wrap-text">Tops</span>
      </a>
      
        <ul
          class="list-unstyled"
          
            style="column-count: 1;"
          
        >
          
            
            <li
              
            >
              <a
                href="/collections/short-sleeve"
                class="mega-menu__link"
              >
                <span class="wrap-text">Short Sleeve</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/long-sleeve"
                class="mega-menu__link"
              >
                <span class="wrap-text">Long Sleeve</span>
              </a>
            </li>
          
        </ul>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/bottoms-1"
        class="mega-menu__link mega-menu__link--parent"
      >
        
        <span class="wrap-text">Bottoms</span>
      </a>
      
        <ul
          class="list-unstyled"
          
            style="column-count: 1;"
          
        >
          
            
            <li
              
            >
              <a
                href="/collections/denim"
                class="mega-menu__link"
              >
                <span class="wrap-text">Denim</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/shorts"
                class="mega-menu__link"
              >
                <span class="wrap-text">Shorts</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/skirts"
                class="mega-menu__link"
              >
                <span class="wrap-text">Skirts</span>
              </a>
            </li>
          
        </ul>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/bottoms"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Dresses</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/rompers-jumpers-1"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Rompers + Jumpers</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/rompers-jumpers"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Sets</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/lounge-athleisure-1"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Lounge +Athleisure  </span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/lounge-athleisure"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Shoes </span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/accessories"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Accessories</span>
      </a>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-3"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-3"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }
</style>



                  </div>
                </div>
              </div>
            </div></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-4"
              aria-haspopup="true"
              aria-expanded="false"ref="menuitem"
          >
            <span class="menu-list__link-title">Collections</span>
          </a><div class="menu-list__submenu color-scheme-4cbf5da4-9a20-412d-be9d-e52f290f807e color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-4"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:
var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-heading--family); --menu-child-font-style:
var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  
"
              >
                
                <div class="mega-menu section section--full-width-margin section--page-width">
                  <div
                    class="mega-menu__grid"
                    data-menu-grid-id="MegaMenuList-4"
                  >
                    
<ul
  data-menu-list-id="MegaMenuList-4"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/best-sellers"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Best Sellers</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/aleeas-favorite"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Aleea's Favorites </span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections"
        class="mega-menu__link mega-menu__link--parent"
      >
        
        <span class="wrap-text">Collections</span>
      </a>
      
        <ul
          class="list-unstyled"
          
            style="column-count: 1;"
          
        >
          
            
            <li
              
            >
              <a
                href="/collections/xoxo-loves-debut-1"
                class="mega-menu__link"
              >
                <span class="wrap-text">XOXO, Yours Trulee</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/hints-of-spring"
                class="mega-menu__link"
              >
                <span class="wrap-text">Hints of Spring Pt. 1</span>
              </a>
            </li>
          
        </ul>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-4"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-4"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }
</style>



                  </div>
                </div>
              </div>
            </div></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/sale-items"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-5"
              aria-haspopup="true"
              aria-expanded="false"ref="menuitem"
          >
            <span class="menu-list__link-title">Sale</span>
          </a><div class="menu-list__submenu color-scheme-4cbf5da4-9a20-412d-be9d-e52f290f807e color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-5"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style:
var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-heading--family); --menu-child-font-style:
var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  
"
              >
                
                <div class="mega-menu section section--full-width-margin section--page-width">
                  <div
                    class="mega-menu__grid"
                    data-menu-grid-id="MegaMenuList-5"
                  >
                    
<ul
  data-menu-list-id="MegaMenuList-5"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/10-sale"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">$10 Sale</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/20-sale"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">$20 Sale</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/30-sale"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">$30 Sale</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/40-sale"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">$40+ Sale</span>
      </a>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-5"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-5"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }
</style>



                  </div>
                </div>
              </div>
            </div></li>
      
      <li
        class="menu-list__list-item"
        role="presentation"
        slot="more"
        on:focus="/activate"
        on:blur="/deactivate"
        on:pointerenter="/activate"
        on:pointerleave="/deactivate"
      >
        <button role="menuitem" class="menu-list__link button-unstyled">
          <span class="menu-list__link-title">More</span>
        </button>
      </li>
    
</overflow-list>

        </nav>
      </div>

      <script
        src="//shopyourstrulee.com/cdn/shop/t/2/assets/header-menu.js?v=181417698387236267271771266159"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>






            
        
      
    </div>
        </div>
      </div>
    
  

  
</header-component>

<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/header.js?v=36718054510661947891771266154"
  type="module"
></script>




  <script type="module">
    import { hydrate } from '@theme/section-hydration';
    const url = new URL(window.location.href);
    url.searchParams.delete('page');
    hydrate('sections--21647032516833__header_section', url);
  </script>



</header><div id="shopify-section-sections--21647032516833__custom_liquid_4AE9ki" class="shopify-section shopify-section-group-header-group">

<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width spacing-style color-scheme-1"
  style="--padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 
"
>
  <style>
  /* Menu link underline hover effect */
  .header__menu a,
  .header__nav a {
    position: relative;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .header__menu a::after,
  .header__nav a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: width 0.3s ease;
  }

  .header__menu a:hover::after,
  .header__nav a:hover::after {
    width: 100%;
  }
</style>
</div>


</div>
<!-- END sections: header-group -->
    </div>

    <script>
      // Inline header height and menu style calculations to prevent layout shift
      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
      (function setHeaderHeighCustomProperties() {
        /*
         * Header calculation functions for maintaining CSS variables
         * Mimic calculateHeaderGroupHeight() in utilities.js
         */
        const header = document.querySelector('header-component');
        const headerGroup = document.querySelector('#header-group');
        const hasHeaderSection = headerGroup?.querySelector('.header-section');

        if (!header || !headerGroup) return;

        const headerHeight = header.offsetHeight;

        // Calculate the total height of the header group
        let headerGroupHeight = 0;
        const children = headerGroup.children;
        for (let i = 0; i < children.length; i++) {
          const element = children[i];
          if (element === header || !(element instanceof HTMLElement)) continue;
          headerGroupHeight += element.offsetHeight;
        }

        // Check for transparent header special case
        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
          headerGroupHeight += headerHeight;
        }

        // Set CSS variables
        document.body.style.setProperty('--header-height', `${headerHeight}px`);
        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);

        /**
         * Updates CSS custom properties for transparent header offset calculation
         * Mimic updateTransparentHeaderOffset() in utilities.js
         */

        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
          return;
        }

        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');

        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
      })();

      (function setHeaderMenuStyle() {
        const headerComponent = document.querySelector('#header-component');
        if (headerComponent) {
          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
          const overflowList = headerComponent?.querySelector('overflow-list');
          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
        }
      })();
    </script>

    <main
      id="MainContent"
      class="content-for-layout"
      role="main"
      data-page-transition-enabled="false"
      data-product-transition="false"
      data-template="index"
    >
      <section id="shopify-section-template--21647032352993__hero_bTjJ47" class="shopify-section hero-wrapper section-wrapper">













<div
  id="Hero-template--21647032352993__hero_bTjJ47"
  class="hero color-scheme-5"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
      --hero-min-height: var(--section-height-large);
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));"
  ><a
        href="/collections/new-arrivals"
        class="hero__link"
        
      ></a><div
      class="hero__media-grid"
      style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 3.0584070796460177;"
      data-testid="hero-media-wrapper"
    >
      <div
  class="overlay overlay--gradient"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #00000026;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top;"
></div>



      
  
<picture
      data-testid="hero-picture-1"
      class="hero__media"
    >
      <source
        media="(max-width: 749px)"
        srcset="//shopyourstrulee.com/cdn/shop/files/Tezza-8600.jpg?v=1771531417&width=416 416w,
//shopyourstrulee.com/cdn/shop/files/Tezza-8600.jpg?v=1771531417&width=600 600w,
//shopyourstrulee.com/cdn/shop/files/Tezza-8600.jpg?v=1771531417&width=800 800w,
//shopyourstrulee.com/cdn/shop/files/Tezza-8600.jpg?v=1771531417&width=1200 1200w,
//shopyourstrulee.com/cdn/shop/files/Tezza-8600.jpg?v=1771531417&width=1600 1600w
"
        sizes="100vw"
        width="4284"
        height="5712"
      >
      <img src="//shopyourstrulee.com/cdn/shop/files/Untitled_design.png?v=1771531353&amp;width=3840" alt="Three women wearing yellow outfits against a white curtain background" srcset="//shopyourstrulee.com/cdn/shop/files/Untitled_design.png?v=1771531353&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/Untitled_design.png?v=1771531353&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/Untitled_design.png?v=1771531353&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/Untitled_design.png?v=1771531353&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/Untitled_design.png?v=1771531353&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/Untitled_design.png?v=1771531353&amp;width=3840 3840w" width="6912" height="2260" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1">
    </picture>
  


  
    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
        section-content-wrapper
        page-width
        
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: center; --vertical-alignment: flex-end;
--vertical-alignment-mobile: flex-end;
"
    >
      


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 18px;

--horizontal-alignment: flex-start; --vertical-alignment: last baseline;
--vertical-alignment-mobile: flex-end;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
     color-scheme-custom-button
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 6px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AQmhXZzlVbXFleDZKQ__text_PfnEWm h6    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <h2><em>INTRODUCING YOURS TRULEE'S</em></h2>
  </div>















  <div class=" spacing-style text-block text-block--AS0JiQi91eWlRM015c__text_6ikizc h1    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <h1>LATEST LOOKS</h1>
  </div>









<a
  
    href="/collections/new-arrivals"
  
  class="
    size-style
    button
    button--AVmJGY2srczdQOWpqS__button_84MRft
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop New
</a>






</div>
</div>






</div>
</div>






    </div>
  </div>
</div>




</section><div id="shopify-section-template--21647032352993__1769473642b4fd7894" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  

    </div>
  </div>
</div>





</div><div id="shopify-section-template--21647032352993__marquee_RmRFJe" class="shopify-section">

<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/marquee.js?v=131793217881894452351771266172"
  type="module"
  fetchpriority="low"
></script>



<div class="section-background color-scheme-4b8e5146-b49f-42d4-bfc8-c89d14ac9438"></div>
<marquee-component
  class="section spacing-style gap-style color-scheme-4b8e5146-b49f-42d4-bfc8-c89d14ac9438"
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));;
    --marquee-gap: 24px;
    --marquee-direction: normal;
  "
  data-speed-factor="25"
  data-movement-direction="normal"
>
  <div
    class="marquee__wrapper"
    ref="wrapper"
  >
    <div
      class="marquee__content"
      ref="content"
    >
      <div
        class="marquee__repeated-items"
        ref="marqueeItems[]"
      >
        








  <div class=" spacing-style text-block text-block--AT1Q0cllqaTBtK24wa__text_yPGixj custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1.25rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: uppercase;    --text-wrap: nowrap;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-tight);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>style that's trulee yours</p>
  </div>







      </div>
    </div>
  </div>
</marquee-component>




</div><div id="shopify-section-template--21647032352993__17684972376b47c041" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<style data-shopify>
  .ai-collection-countdown-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
    display: block;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 30px 20px;
    background-color: #f9dadf;
    text-align: center;
  }

  .ai-collection-countdown__container-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .ai-collection-countdown__heading-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
    font-size: 48px;
    color: #ffffff;
    margin: 0 0 12px;
    font-weight: 700;
  }

  .ai-collection-countdown__subheading-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
    font-size: 18px;
    color: #ffffff;
    margin: 0 0 24px;
    opacity: 0.8;
  }

  .ai-collection-countdown__timer-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }

  .ai-collection-countdown__time-unit-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 70px;
  }

  .ai-collection-countdown__number-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
    font-size: 56px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 6px;
    font-family: Inter, sans-serif;
  }

  .ai-collection-countdown__label-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.7;
  }

  .ai-collection-countdown__button-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
    display: inline-block;
    padding: 12px 28px;
    background-color: #ef9bae;
    color: #ffffff;
    text-decoration: none;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 600;
    transition: background-color 0.3s ease;
  }

  .ai-collection-countdown__button-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z:hover {
    background-color: #f9dadf;
  }

  .ai-collection-countdown__expired-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 20px;
  }

  @media screen and (max-width: 749px) {
    .ai-collection-countdown-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
      padding: 24px 16px;
    }

    .ai-collection-countdown__heading-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
      font-size: calc(48px * 0.7);
    }

    .ai-collection-countdown__subheading-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
      font-size: calc(18px * 0.85);
    }

    .ai-collection-countdown__number-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
      font-size: calc(56px * 0.7);
    }

    .ai-collection-countdown__timer-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
      gap: 14px;
    }

    .ai-collection-countdown__time-unit-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z {
      min-width: 55px;
    }
  }
</style>

<collection-countdown-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z
  class="ai-collection-countdown-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z"
  data-end-date="2026-03-26"
  data-end-time="19:00"
  
>
  <div class="ai-collection-countdown__container-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z">
    
      <h2 class="ai-collection-countdown__heading-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z">let the countdown begin...</h2>
    

    
      <p class="ai-collection-countdown__subheading-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z">PETALS & PRAISE (EASTER)</p>
    

    <div class="ai-collection-countdown__timer-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z" data-timer>
      <div class="ai-collection-countdown__time-unit-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z">
        <div class="ai-collection-countdown__number-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z" data-days>00</div>
        <div class="ai-collection-countdown__label-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z">Days</div>
      </div>
      <div class="ai-collection-countdown__time-unit-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z">
        <div class="ai-collection-countdown__number-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z" data-hours>00</div>
        <div class="ai-collection-countdown__label-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z">Hours</div>
      </div>
      <div class="ai-collection-countdown__time-unit-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z">
        <div class="ai-collection-countdown__number-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z" data-minutes>00</div>
        <div class="ai-collection-countdown__label-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z">Minutes</div>
      </div>
      <div class="ai-collection-countdown__time-unit-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z">
        <div class="ai-collection-countdown__number-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z" data-seconds>00</div>
        <div class="ai-collection-countdown__label-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z">Seconds</div>
      </div>
    </div>

    <div class="ai-collection-countdown__expired-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z" data-expired style="display: none;">
      Collection is now live!
    </div>

    
      <a
        href="/collections/petals-praise-easter"
        class="ai-collection-countdown__button-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z"
      >
        Shop Collection
      </a>
    
  </div>
</collection-countdown-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z>

<script>
  (function() {
    class CollectionCountdownacfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z extends HTMLElement {
      constructor() {
        super();
        this.endDate = this.dataset.endDate;
        this.endTime = this.dataset.endTime;
        this.timer = this.querySelector('[data-timer]');
        this.expiredMessage = this.querySelector('[data-expired]');
        this.daysEl = this.querySelector('[data-days]');
        this.hoursEl = this.querySelector('[data-hours]');
        this.minutesEl = this.querySelector('[data-minutes]');
        this.secondsEl = this.querySelector('[data-seconds]');
      }

      connectedCallback() {
        if (!this.endDate || !this.endTime) {
          return;
        }

        this.targetDate = new Date(this.endDate + 'T' + this.endTime).getTime();
        this.updateCountdown();
        this.interval = setInterval(() => this.updateCountdown(), 1000);
      }

      disconnectedCallback() {
        if (this.interval) {
          clearInterval(this.interval);
        }
      }

      updateCountdown() {
        const now = new Date().getTime();
        const distance = this.targetDate - now;

        if (distance < 0) {
          clearInterval(this.interval);
          this.timer.style.display = 'none';
          this.expiredMessage.style.display = 'block';
          return;
        }

        const days = Math.floor(distance / (1000 * 60 * 60 * 24));
        const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        const seconds = Math.floor((distance % (1000 * 60)) / 1000);

        this.daysEl.textContent = String(days).padStart(2, '0');
        this.hoursEl.textContent = String(hours).padStart(2, '0');
        this.minutesEl.textContent = String(minutes).padStart(2, '0');
        this.secondsEl.textContent = String(seconds).padStart(2, '0');
      }
    }

    customElements.define('collection-countdown-acfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z', CollectionCountdownacfbpcgpiavo3ufbdoaigenblock9b0ff47paux7z);
  })();
</script>




    </div>
  </div>
</div>





</div><div id="shopify-section-template--21647032352993__product_list_fa6P9H" class="shopify-section ui-test-product-list">



<div class="section-background color-scheme-bf892b7a-432b-4cca-a8ba-3cac8af438f2"></div>
<div
  data-testid="product-list"
  class="
    section
    section--page-width
    color-scheme-bf892b7a-432b-4cca-a8ba-3cac8af438f2
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
  "
>
  <div class="section-resource-list__header">
<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
      
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: last baseline;
--vertical-alignment-mobile: last baseline;
"
  >







</div>
</div>



</div>

  

  

  

<div
  class="
    resource-list
    
    
    resource-list--grid
  "
  style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
  
    data-testid="resource-list-grid"
  
>
  
      
    
      
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card
  class="product-card"
  data-product-id="9361706647777"
  id="product-card-Ackh1cElhQkFmL0MvZ__static-product-card"
  data-product-transition="false"
  
  
>
  <a
    id="a8737445a7099bf75ef6d486130750a4"
    
      href="/products/petals-praise-set?variant=47889407574241"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      In Bloom Short Set
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AVUpLV1FvVnNrdm5oa__product_card_gallery_677WP3 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="9361706647777"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/petals-praise-set?variant=47889407574241"
      aria-label="In Bloom Short Set"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="13"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39419270430945"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7501015847216579"
  data-media-id="39419270430945"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/Tezza-7005.jpg?v=1769773447&amp;width=3840" alt="Woman taking a mirror selfie wearing a pink lace short set." srcset="//shopyourstrulee.com/cdn/shop/files/Tezza-7005.jpg?v=1769773447&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/Tezza-7005.jpg?v=1769773447&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/Tezza-7005.jpg?v=1769773447&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/Tezza-7005.jpg?v=1769773447&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/Tezza-7005.jpg?v=1769773447&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/Tezza-7005.jpg?v=1769773447&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/Tezza-7005.jpg?v=1769773447&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/Tezza-7005.jpg?v=1769773447&amp;width=3840 3840w" width="3840" height="5119" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/Tezza-7005.jpg?v=1769773447&amp;width=3840" fetchpriority="auto" style="--focal-point: 45.5385% 58.9136%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39419270922465"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39419270922465"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/Tezza-7248.jpg?v=1769773447&amp;width=3840" alt="Woman taking a mirror selfie wearing a pink floral short set in a room." srcset="//shopyourstrulee.com/cdn/shop/files/Tezza-7248.jpg?v=1769773447&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/Tezza-7248.jpg?v=1769773447&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/Tezza-7248.jpg?v=1769773447&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/Tezza-7248.jpg?v=1769773447&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/Tezza-7248.jpg?v=1769773447&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/Tezza-7248.jpg?v=1769773447&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/Tezza-7248.jpg?v=1769773447&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/Tezza-7248.jpg?v=1769773447&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/Tezza-7248.jpg?v=1769773447&amp;width=3840" fetchpriority="auto" style="--focal-point: 45.1943% 62.0714%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39419270398177"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7500470898474288"
  data-media-id="39419270398177"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/Tezza-7963.jpg?v=1769773497&amp;width=3840" alt="Woman taking a mirror selfie wearing a floral romper." srcset="//shopyourstrulee.com/cdn/shop/files/Tezza-7963.jpg?v=1769773497&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/Tezza-7963.jpg?v=1769773497&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/Tezza-7963.jpg?v=1769773497&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/Tezza-7963.jpg?v=1769773497&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/Tezza-7963.jpg?v=1769773497&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/Tezza-7963.jpg?v=1769773497&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/Tezza-7963.jpg?v=1769773497&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/Tezza-7963.jpg?v=1769773497&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/Tezza-7963.jpg?v=1769773497&amp;width=3840" fetchpriority="auto" style="--focal-point: 48.9176% 57.7809%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39419270594785"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7501388117712382"
  data-media-id="39419270594785"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/Tezza-7542.jpg?v=1769773497&amp;width=3840" alt="Pink floral set with lace details on a neutral background" srcset="//shopyourstrulee.com/cdn/shop/files/Tezza-7542.jpg?v=1769773497&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/Tezza-7542.jpg?v=1769773497&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/Tezza-7542.jpg?v=1769773497&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/Tezza-7542.jpg?v=1769773497&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/Tezza-7542.jpg?v=1769773497&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/Tezza-7542.jpg?v=1769773497&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/Tezza-7542.jpg?v=1769773497&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/Tezza-7542.jpg?v=1769773497&amp;width=3840 3840w" width="3840" height="5119" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/Tezza-7542.jpg?v=1769773497&amp;width=3840" fetchpriority="auto" style="--focal-point: 48.9961% 35.6782%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39419293761761"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7498812351543943"
  data-media-id="39419293761761"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/8769CD47-230B-496E-B47C-66C1E78B3590.png?v=1769789728&amp;width=3840" alt="Woman taking a mirror selfie wearing a pink lace set in a room with wooden flooring and a white wall." srcset="//shopyourstrulee.com/cdn/shop/files/8769CD47-230B-496E-B47C-66C1E78B3590.png?v=1769789728&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/8769CD47-230B-496E-B47C-66C1E78B3590.png?v=1769789728&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/8769CD47-230B-496E-B47C-66C1E78B3590.png?v=1769789728&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/8769CD47-230B-496E-B47C-66C1E78B3590.png?v=1769789728&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/8769CD47-230B-496E-B47C-66C1E78B3590.png?v=1769789728&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/8769CD47-230B-496E-B47C-66C1E78B3590.png?v=1769789728&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/8769CD47-230B-496E-B47C-66C1E78B3590.png?v=1769789728&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/8769CD47-230B-496E-B47C-66C1E78B3590.png?v=1769789728&amp;width=3840 3840w" width="3840" height="5121" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/8769CD47-230B-496E-B47C-66C1E78B3590.png?v=1769789728&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab "
  ref="quickAdd"
  data-product-title="In Bloom Short Set"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--21647032352993__product_list_fa6P9H"
    data-product-id="9361706647777"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9361706647777-AVUpLV1FvVnNrdm5oa__product_card_gallery_677WP3" accept-charset="UTF-8" class="shopify-product-form" 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
        type="hidden"
        name="id"
        ref="variantId"
        value="47889407574241"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//shopyourstrulee.com/cdn/shop/files/Tezza-7005.jpg?v=1769773447&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9361706647777" /><input type="hidden" name="section-id" value="template--21647032352993__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">In Bloom Short Set</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/petals-praise-set?variant=47889407574241"
  >
    






  <div class=" spacing-style text-block text-block--ARTNDY2F1c2Q4bXh3M__product_title_YXxMTj custom    text-block--align-center custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
    <p>In Bloom Short Set</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-center custom-typography custom-font-size custom-color text-center custom spacing-style"
  data-block-id="AQXV1ZFo4cVN3aTJKV__price_JQzVV4"
  data-product-id="9361706647777"
  style="
    
--color: var(--color-foreground);--font-size: 1.125rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$77.00 USD</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card
  class="product-card"
  data-product-id="9361704550625"
  id="product-card-Ackh1cElhQkFmL0MvZ__static-product-card-1"
  data-product-transition="false"
  
  
>
  <a
    id="a0c14b96017ef29207bda846e6279208"
    
      href="/products/cupids-cozy-skort-set?variant=47889442799841"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lilly Mae Skort Set
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AVUpLV1FvVnNrdm5oa__product_card_gallery_677WP3-1 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="9361704550625"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/cupids-cozy-skort-set?variant=47889442799841"
      aria-label="Lilly Mae Skort Set"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="14"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39701474640097"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39701474640097"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/0A206564-1B3C-45BA-B9F9-C9379B092093.jpg?v=1774566576&amp;width=3840" alt="Woman wearing a pink patterned short set in a room with white walls and a window." srcset="//shopyourstrulee.com/cdn/shop/files/0A206564-1B3C-45BA-B9F9-C9379B092093.jpg?v=1774566576&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/0A206564-1B3C-45BA-B9F9-C9379B092093.jpg?v=1774566576&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/0A206564-1B3C-45BA-B9F9-C9379B092093.jpg?v=1774566576&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/0A206564-1B3C-45BA-B9F9-C9379B092093.jpg?v=1774566576&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/0A206564-1B3C-45BA-B9F9-C9379B092093.jpg?v=1774566576&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/0A206564-1B3C-45BA-B9F9-C9379B092093.jpg?v=1774566576&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/0A206564-1B3C-45BA-B9F9-C9379B092093.jpg?v=1774566576&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/0A206564-1B3C-45BA-B9F9-C9379B092093.jpg?v=1774566576&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/0A206564-1B3C-45BA-B9F9-C9379B092093.jpg?v=1774566576&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39701474574561"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39701474574561"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/620795F5-5367-4322-8165-880970FD6313.jpg?v=1774566791&amp;width=3840" alt="Woman wearing a pink patterned short set in a room with a white wall and a rack of clothes in the background." srcset="//shopyourstrulee.com/cdn/shop/files/620795F5-5367-4322-8165-880970FD6313.jpg?v=1774566791&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/620795F5-5367-4322-8165-880970FD6313.jpg?v=1774566791&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/620795F5-5367-4322-8165-880970FD6313.jpg?v=1774566791&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/620795F5-5367-4322-8165-880970FD6313.jpg?v=1774566791&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/620795F5-5367-4322-8165-880970FD6313.jpg?v=1774566791&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/620795F5-5367-4322-8165-880970FD6313.jpg?v=1774566791&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/620795F5-5367-4322-8165-880970FD6313.jpg?v=1774566791&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/620795F5-5367-4322-8165-880970FD6313.jpg?v=1774566791&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/620795F5-5367-4322-8165-880970FD6313.jpg?v=1774566791&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39701474738401"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39701474738401"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/5AF14A78-7F2D-42FF-ACBE-6C51A5500162.jpg?v=1774566791&amp;width=3840" alt="Woman wearing a pink patterned short set in a room with a white wall and a window." srcset="//shopyourstrulee.com/cdn/shop/files/5AF14A78-7F2D-42FF-ACBE-6C51A5500162.jpg?v=1774566791&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/5AF14A78-7F2D-42FF-ACBE-6C51A5500162.jpg?v=1774566791&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/5AF14A78-7F2D-42FF-ACBE-6C51A5500162.jpg?v=1774566791&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/5AF14A78-7F2D-42FF-ACBE-6C51A5500162.jpg?v=1774566791&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/5AF14A78-7F2D-42FF-ACBE-6C51A5500162.jpg?v=1774566791&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/5AF14A78-7F2D-42FF-ACBE-6C51A5500162.jpg?v=1774566791&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/5AF14A78-7F2D-42FF-ACBE-6C51A5500162.jpg?v=1774566791&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/5AF14A78-7F2D-42FF-ACBE-6C51A5500162.jpg?v=1774566791&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/5AF14A78-7F2D-42FF-ACBE-6C51A5500162.jpg?v=1774566791&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39701474803937"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39701474803937"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/46AF45BB-C2F2-4614-BEEF-259DFD6D2EBC.jpg?v=1774566791&amp;width=3840" alt="Woman wearing a pink and white patterned short set in a room with a rack of clothes." srcset="//shopyourstrulee.com/cdn/shop/files/46AF45BB-C2F2-4614-BEEF-259DFD6D2EBC.jpg?v=1774566791&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/46AF45BB-C2F2-4614-BEEF-259DFD6D2EBC.jpg?v=1774566791&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/46AF45BB-C2F2-4614-BEEF-259DFD6D2EBC.jpg?v=1774566791&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/46AF45BB-C2F2-4614-BEEF-259DFD6D2EBC.jpg?v=1774566791&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/46AF45BB-C2F2-4614-BEEF-259DFD6D2EBC.jpg?v=1774566791&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/46AF45BB-C2F2-4614-BEEF-259DFD6D2EBC.jpg?v=1774566791&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/46AF45BB-C2F2-4614-BEEF-259DFD6D2EBC.jpg?v=1774566791&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/46AF45BB-C2F2-4614-BEEF-259DFD6D2EBC.jpg?v=1774566791&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/46AF45BB-C2F2-4614-BEEF-259DFD6D2EBC.jpg?v=1774566791&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39701486239969"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.750061199510404"
  data-media-id="39701486239969"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/IMG-4599.jpg?v=1774566733&amp;width=3840" alt="Pink patchwork outfit with floral patterns on a neutral background" srcset="//shopyourstrulee.com/cdn/shop/files/IMG-4599.jpg?v=1774566733&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/IMG-4599.jpg?v=1774566733&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/IMG-4599.jpg?v=1774566733&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/IMG-4599.jpg?v=1774566733&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/IMG-4599.jpg?v=1774566733&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/IMG-4599.jpg?v=1774566733&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/IMG-4599.jpg?v=1774566733&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/IMG-4599.jpg?v=1774566733&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/IMG-4599.jpg?v=1774566733&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab "
  ref="quickAdd"
  data-product-title="Lilly Mae Skort Set"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--21647032352993__product_list_fa6P9H"
    data-product-id="9361704550625"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9361704550625-AVUpLV1FvVnNrdm5oa__product_card_gallery_677WP3-1" accept-charset="UTF-8" class="shopify-product-form" 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
        type="hidden"
        name="id"
        ref="variantId"
        value="47889442799841"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//shopyourstrulee.com/cdn/shop/files/0A206564-1B3C-45BA-B9F9-C9379B092093.jpg?v=1774566576&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9361704550625" /><input type="hidden" name="section-id" value="template--21647032352993__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lilly Mae Skort Set</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/cupids-cozy-skort-set?variant=47889442799841"
  >
    






  <div class=" spacing-style text-block text-block--ARTNDY2F1c2Q4bXh3M__product_title_YXxMTj-1 custom    text-block--align-center custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
    <p>Lilly Mae Skort Set</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-center custom-typography custom-font-size custom-color text-center custom spacing-style"
  data-block-id="AQXV1ZFo4cVN3aTJKV__price_JQzVV4-1"
  data-product-id="9361704550625"
  style="
    
--color: var(--color-foreground);--font-size: 1.125rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$68.00 USD</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card
  class="product-card"
  data-product-id="9422072479969"
  id="product-card-Ackh1cElhQkFmL0MvZ__static-product-card-2"
  data-product-transition="false"
  
  
>
  <a
    id="f4c2207803cc8845a070321046b8ab01"
    
      href="/products/grace-upon-grace-midi-dress?variant=48128205553889"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Grace Upon Grace Midi Dress
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AVUpLV1FvVnNrdm5oa__product_card_gallery_677WP3-2 spacing-style border-style card-gallery--badge-top-right"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="9422072479969"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/grace-upon-grace-midi-dress?variant=48128205553889"
      aria-label="Grace Upon Grace Midi Dress"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="15"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39700987478241"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39700987478241"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/DF8C8E8E-6C58-41C0-B9C9-AF452A388AF5.jpg?v=1774562089&amp;width=3840" alt="Woman wearing a pink striped dress holding a basket with flowers against a plain background" srcset="//shopyourstrulee.com/cdn/shop/files/DF8C8E8E-6C58-41C0-B9C9-AF452A388AF5.jpg?v=1774562089&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/DF8C8E8E-6C58-41C0-B9C9-AF452A388AF5.jpg?v=1774562089&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/DF8C8E8E-6C58-41C0-B9C9-AF452A388AF5.jpg?v=1774562089&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/DF8C8E8E-6C58-41C0-B9C9-AF452A388AF5.jpg?v=1774562089&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/DF8C8E8E-6C58-41C0-B9C9-AF452A388AF5.jpg?v=1774562089&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/DF8C8E8E-6C58-41C0-B9C9-AF452A388AF5.jpg?v=1774562089&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/DF8C8E8E-6C58-41C0-B9C9-AF452A388AF5.jpg?v=1774562089&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/DF8C8E8E-6C58-41C0-B9C9-AF452A388AF5.jpg?v=1774562089&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/DF8C8E8E-6C58-41C0-B9C9-AF452A388AF5.jpg?v=1774562089&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39700987543777"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39700987543777"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/1A5DD3CF-C00E-4EEA-AF96-F29701FCF56A.jpg?v=1774562089&amp;width=3840" alt="Woman wearing a pink and white striped dress holding tulips against a plain background" srcset="//shopyourstrulee.com/cdn/shop/files/1A5DD3CF-C00E-4EEA-AF96-F29701FCF56A.jpg?v=1774562089&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/1A5DD3CF-C00E-4EEA-AF96-F29701FCF56A.jpg?v=1774562089&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/1A5DD3CF-C00E-4EEA-AF96-F29701FCF56A.jpg?v=1774562089&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/1A5DD3CF-C00E-4EEA-AF96-F29701FCF56A.jpg?v=1774562089&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/1A5DD3CF-C00E-4EEA-AF96-F29701FCF56A.jpg?v=1774562089&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/1A5DD3CF-C00E-4EEA-AF96-F29701FCF56A.jpg?v=1774562089&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/1A5DD3CF-C00E-4EEA-AF96-F29701FCF56A.jpg?v=1774562089&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/1A5DD3CF-C00E-4EEA-AF96-F29701FCF56A.jpg?v=1774562089&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/1A5DD3CF-C00E-4EEA-AF96-F29701FCF56A.jpg?v=1774562089&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39700987511009"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39700987511009"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/2D4B09C9-4E80-4318-927C-A81A3A71B322.jpg?v=1774563901&amp;width=3840" alt="Woman wearing a pink and white striped dress holding a basket with flowers against a plain background" srcset="//shopyourstrulee.com/cdn/shop/files/2D4B09C9-4E80-4318-927C-A81A3A71B322.jpg?v=1774563901&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/2D4B09C9-4E80-4318-927C-A81A3A71B322.jpg?v=1774563901&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/2D4B09C9-4E80-4318-927C-A81A3A71B322.jpg?v=1774563901&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/2D4B09C9-4E80-4318-927C-A81A3A71B322.jpg?v=1774563901&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/2D4B09C9-4E80-4318-927C-A81A3A71B322.jpg?v=1774563901&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/2D4B09C9-4E80-4318-927C-A81A3A71B322.jpg?v=1774563901&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/2D4B09C9-4E80-4318-927C-A81A3A71B322.jpg?v=1774563901&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/2D4B09C9-4E80-4318-927C-A81A3A71B322.jpg?v=1774563901&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/2D4B09C9-4E80-4318-927C-A81A3A71B322.jpg?v=1774563901&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39700987576545"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39700987576545"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/0C4A578F-13A8-47B7-A826-5A10E4039DA0.jpg?v=1774563901&amp;width=3840" alt="Woman in a pink and white striped dress holding a glass of red wine against a plain background" srcset="//shopyourstrulee.com/cdn/shop/files/0C4A578F-13A8-47B7-A826-5A10E4039DA0.jpg?v=1774563901&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/0C4A578F-13A8-47B7-A826-5A10E4039DA0.jpg?v=1774563901&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/0C4A578F-13A8-47B7-A826-5A10E4039DA0.jpg?v=1774563901&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/0C4A578F-13A8-47B7-A826-5A10E4039DA0.jpg?v=1774563901&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/0C4A578F-13A8-47B7-A826-5A10E4039DA0.jpg?v=1774563901&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/0C4A578F-13A8-47B7-A826-5A10E4039DA0.jpg?v=1774563901&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/0C4A578F-13A8-47B7-A826-5A10E4039DA0.jpg?v=1774563901&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/0C4A578F-13A8-47B7-A826-5A10E4039DA0.jpg?v=1774563901&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/0C4A578F-13A8-47B7-A826-5A10E4039DA0.jpg?v=1774563901&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39700987740385"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39700987740385"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/BD2DB4DA-3AB5-40A5-8066-8CD3DC6FE007.jpg?v=1774564109&amp;width=3840" alt="Woman wearing a pink and white striped dress holding a basket." srcset="//shopyourstrulee.com/cdn/shop/files/BD2DB4DA-3AB5-40A5-8066-8CD3DC6FE007.jpg?v=1774564109&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/BD2DB4DA-3AB5-40A5-8066-8CD3DC6FE007.jpg?v=1774564109&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/BD2DB4DA-3AB5-40A5-8066-8CD3DC6FE007.jpg?v=1774564109&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/BD2DB4DA-3AB5-40A5-8066-8CD3DC6FE007.jpg?v=1774564109&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/BD2DB4DA-3AB5-40A5-8066-8CD3DC6FE007.jpg?v=1774564109&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/BD2DB4DA-3AB5-40A5-8066-8CD3DC6FE007.jpg?v=1774564109&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/BD2DB4DA-3AB5-40A5-8066-8CD3DC6FE007.jpg?v=1774564109&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/BD2DB4DA-3AB5-40A5-8066-8CD3DC6FE007.jpg?v=1774564109&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/BD2DB4DA-3AB5-40A5-8066-8CD3DC6FE007.jpg?v=1774564109&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-3
          "
        >Sold out
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab "
  ref="quickAdd"
  data-product-title="Grace Upon Grace Midi Dress"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--21647032352993__product_list_fa6P9H"
    data-product-id="9422072479969"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9422072479969-AVUpLV1FvVnNrdm5oa__product_card_gallery_677WP3-2" accept-charset="UTF-8" class="shopify-product-form" 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
        type="hidden"
        name="id"
        ref="variantId"
        value="48128205553889"
        
          disabled
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//shopyourstrulee.com/cdn/shop/files/DF8C8E8E-6C58-41C0-B9C9-AF452A388AF5.jpg?v=1774562089&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
      disabled
    
  >
    <span
      class="add-to-cart-text"
    >
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9422072479969" /><input type="hidden" name="section-id" value="template--21647032352993__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Grace Upon Grace Midi Dress</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/grace-upon-grace-midi-dress?variant=48128205553889"
  >
    






  <div class=" spacing-style text-block text-block--ARTNDY2F1c2Q4bXh3M__product_title_YXxMTj-2 custom    text-block--align-center custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
    <p>Grace Upon Grace Midi Dress</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-center custom-typography custom-font-size custom-color text-center custom spacing-style"
  data-block-id="AQXV1ZFo4cVN3aTJKV__price_JQzVV4-2"
  data-product-id="9422072479969"
  style="
    
--color: var(--color-foreground);--font-size: 1.125rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$68.00 USD</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card
  class="product-card"
  data-product-id="9416130855137"
  id="product-card-Ackh1cElhQkFmL0MvZ__static-product-card-3"
  data-product-transition="false"
  
  
>
  <a
    id="231cd811068e4e95387e5b8d3d062728"
    
      href="/products/lavender-grace-skirt-set?variant=48109862158561"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ivory Grace Skirt Set
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AVUpLV1FvVnNrdm5oa__product_card_gallery_677WP3-3 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="9416130855137"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/lavender-grace-skirt-set?variant=48109862158561"
      aria-label="Ivory Grace Skirt Set"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39697240654049"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="39697240654049"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/AC52A540-5FF0-4312-9C7E-90F5AAD28705.jpg?v=1774570066&amp;width=3840" alt="Ivory Grace Skirt Set" srcset="//shopyourstrulee.com/cdn/shop/files/AC52A540-5FF0-4312-9C7E-90F5AAD28705.jpg?v=1774570066&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/AC52A540-5FF0-4312-9C7E-90F5AAD28705.jpg?v=1774570066&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/AC52A540-5FF0-4312-9C7E-90F5AAD28705.jpg?v=1774570066&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/AC52A540-5FF0-4312-9C7E-90F5AAD28705.jpg?v=1774570066&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/AC52A540-5FF0-4312-9C7E-90F5AAD28705.jpg?v=1774570066&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/AC52A540-5FF0-4312-9C7E-90F5AAD28705.jpg?v=1774570066&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/AC52A540-5FF0-4312-9C7E-90F5AAD28705.jpg?v=1774570066&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/AC52A540-5FF0-4312-9C7E-90F5AAD28705.jpg?v=1774570066&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/AC52A540-5FF0-4312-9C7E-90F5AAD28705.jpg?v=1774570066&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39697240916193"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="39697240916193"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/4CE49373-BAD4-4126-95E0-E30F2FEBF914.jpg?v=1774570066&amp;width=3840" alt="Woman holding a basket with flowers in a minimalistic room." srcset="//shopyourstrulee.com/cdn/shop/files/4CE49373-BAD4-4126-95E0-E30F2FEBF914.jpg?v=1774570066&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/4CE49373-BAD4-4126-95E0-E30F2FEBF914.jpg?v=1774570066&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/4CE49373-BAD4-4126-95E0-E30F2FEBF914.jpg?v=1774570066&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/4CE49373-BAD4-4126-95E0-E30F2FEBF914.jpg?v=1774570066&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/4CE49373-BAD4-4126-95E0-E30F2FEBF914.jpg?v=1774570066&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/4CE49373-BAD4-4126-95E0-E30F2FEBF914.jpg?v=1774570066&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/4CE49373-BAD4-4126-95E0-E30F2FEBF914.jpg?v=1774570066&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/4CE49373-BAD4-4126-95E0-E30F2FEBF914.jpg?v=1774570066&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/4CE49373-BAD4-4126-95E0-E30F2FEBF914.jpg?v=1774570066&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39697240752353"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="39697240752353"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/D6FB9CAC-312F-4F89-A109-19CDAA073294.jpg?v=1774570066&amp;width=3840" alt="Woman wearing a floral top and white skirt holding a basket of tulips against a plain background" srcset="//shopyourstrulee.com/cdn/shop/files/D6FB9CAC-312F-4F89-A109-19CDAA073294.jpg?v=1774570066&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/D6FB9CAC-312F-4F89-A109-19CDAA073294.jpg?v=1774570066&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/D6FB9CAC-312F-4F89-A109-19CDAA073294.jpg?v=1774570066&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/D6FB9CAC-312F-4F89-A109-19CDAA073294.jpg?v=1774570066&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/D6FB9CAC-312F-4F89-A109-19CDAA073294.jpg?v=1774570066&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/D6FB9CAC-312F-4F89-A109-19CDAA073294.jpg?v=1774570066&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/D6FB9CAC-312F-4F89-A109-19CDAA073294.jpg?v=1774570066&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/D6FB9CAC-312F-4F89-A109-19CDAA073294.jpg?v=1774570066&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/D6FB9CAC-312F-4F89-A109-19CDAA073294.jpg?v=1774570066&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39697240719585"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.6666666666666666"
  data-media-id="39697240719585"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/C54CD600-4800-4B12-9D52-F09BA7C144AA.jpg?v=1774570066&amp;width=3840" alt="Woman wearing a floral skirt set holding a wicker basket with flowers against a plain background" srcset="//shopyourstrulee.com/cdn/shop/files/C54CD600-4800-4B12-9D52-F09BA7C144AA.jpg?v=1774570066&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/C54CD600-4800-4B12-9D52-F09BA7C144AA.jpg?v=1774570066&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/C54CD600-4800-4B12-9D52-F09BA7C144AA.jpg?v=1774570066&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/C54CD600-4800-4B12-9D52-F09BA7C144AA.jpg?v=1774570066&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/C54CD600-4800-4B12-9D52-F09BA7C144AA.jpg?v=1774570066&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/C54CD600-4800-4B12-9D52-F09BA7C144AA.jpg?v=1774570066&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/C54CD600-4800-4B12-9D52-F09BA7C144AA.jpg?v=1774570066&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/C54CD600-4800-4B12-9D52-F09BA7C144AA.jpg?v=1774570066&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/C54CD600-4800-4B12-9D52-F09BA7C144AA.jpg?v=1774570066&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39697267720417"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39697267720417"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/IMG-4558.jpg?v=1774570066&amp;width=3840" alt="Woman holding a basket of flowers in a room with clothing racks." srcset="//shopyourstrulee.com/cdn/shop/files/IMG-4558.jpg?v=1774570066&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/IMG-4558.jpg?v=1774570066&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/IMG-4558.jpg?v=1774570066&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/IMG-4558.jpg?v=1774570066&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/IMG-4558.jpg?v=1774570066&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/IMG-4558.jpg?v=1774570066&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/IMG-4558.jpg?v=1774570066&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/IMG-4558.jpg?v=1774570066&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/IMG-4558.jpg?v=1774570066&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab "
  ref="quickAdd"
  data-product-title="Ivory Grace Skirt Set"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--21647032352993__product_list_fa6P9H"
    data-product-id="9416130855137"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9416130855137-AVUpLV1FvVnNrdm5oa__product_card_gallery_677WP3-3" accept-charset="UTF-8" class="shopify-product-form" 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
        type="hidden"
        name="id"
        ref="variantId"
        value="48109862158561"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//shopyourstrulee.com/cdn/shop/files/AC52A540-5FF0-4312-9C7E-90F5AAD28705.jpg?v=1774570066&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9416130855137" /><input type="hidden" name="section-id" value="template--21647032352993__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ivory Grace Skirt Set</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/lavender-grace-skirt-set?variant=48109862158561"
  >
    






  <div class=" spacing-style text-block text-block--ARTNDY2F1c2Q4bXh3M__product_title_YXxMTj-3 custom    text-block--align-center custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
    <p>Ivory Grace Skirt Set</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-center custom-typography custom-font-size custom-color text-center custom spacing-style"
  data-block-id="AQXV1ZFo4cVN3aTJKV__price_JQzVV4-3"
  data-product-id="9416130855137"
  style="
    
--color: var(--color-foreground);--font-size: 1.125rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$86.00 USD</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>




            
          </div>

          
            <!--@list/split-->
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>


<product-card
  class="product-card"
  data-product-id="9361705009377"
  id="product-card-Ackh1cElhQkFmL0MvZ__static-product-card-4"
  data-product-transition="false"
  
  
>
  <a
    id="e89bd43180877ec4a90d4a0ef4bb0517"
    
      href="/products/forever-yours-mini-dress?variant=47889437491425"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Rosalie Mini Dress
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AVUpLV1FvVnNrdm5oa__product_card_gallery_677WP3-4 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="9361705009377"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/forever-yours-mini-dress?variant=47889437491425"
      aria-label="Rosalie Mini Dress"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="16"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39701761425633"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39701761425633"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/CA652911-869D-43C9-9E97-9D0FA0704DEC.jpg?v=1774571290&amp;width=3840" alt="Rosalie Mini Dress" srcset="//shopyourstrulee.com/cdn/shop/files/CA652911-869D-43C9-9E97-9D0FA0704DEC.jpg?v=1774571290&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/CA652911-869D-43C9-9E97-9D0FA0704DEC.jpg?v=1774571290&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/CA652911-869D-43C9-9E97-9D0FA0704DEC.jpg?v=1774571290&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/CA652911-869D-43C9-9E97-9D0FA0704DEC.jpg?v=1774571290&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/CA652911-869D-43C9-9E97-9D0FA0704DEC.jpg?v=1774571290&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/CA652911-869D-43C9-9E97-9D0FA0704DEC.jpg?v=1774571290&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/CA652911-869D-43C9-9E97-9D0FA0704DEC.jpg?v=1774571290&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/CA652911-869D-43C9-9E97-9D0FA0704DEC.jpg?v=1774571290&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/CA652911-869D-43C9-9E97-9D0FA0704DEC.jpg?v=1774571290&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39701761392865"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39701761392865"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/039B26D1-05BB-4042-8B19-53B934318DAC.jpg?v=1774571290&amp;width=3840" alt="Rosalie Mini Dress" srcset="//shopyourstrulee.com/cdn/shop/files/039B26D1-05BB-4042-8B19-53B934318DAC.jpg?v=1774571290&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/039B26D1-05BB-4042-8B19-53B934318DAC.jpg?v=1774571290&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/039B26D1-05BB-4042-8B19-53B934318DAC.jpg?v=1774571290&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/039B26D1-05BB-4042-8B19-53B934318DAC.jpg?v=1774571290&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/039B26D1-05BB-4042-8B19-53B934318DAC.jpg?v=1774571290&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/039B26D1-05BB-4042-8B19-53B934318DAC.jpg?v=1774571290&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/039B26D1-05BB-4042-8B19-53B934318DAC.jpg?v=1774571290&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/039B26D1-05BB-4042-8B19-53B934318DAC.jpg?v=1774571290&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/039B26D1-05BB-4042-8B19-53B934318DAC.jpg?v=1774571290&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39701761458401"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39701761458401"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/4154422B-67DC-417F-822E-08DCD5B29DC5.jpg?v=1774571290&amp;width=3840" alt="Rosalie Mini Dress" srcset="//shopyourstrulee.com/cdn/shop/files/4154422B-67DC-417F-822E-08DCD5B29DC5.jpg?v=1774571290&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/4154422B-67DC-417F-822E-08DCD5B29DC5.jpg?v=1774571290&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/4154422B-67DC-417F-822E-08DCD5B29DC5.jpg?v=1774571290&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/4154422B-67DC-417F-822E-08DCD5B29DC5.jpg?v=1774571290&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/4154422B-67DC-417F-822E-08DCD5B29DC5.jpg?v=1774571290&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/4154422B-67DC-417F-822E-08DCD5B29DC5.jpg?v=1774571290&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/4154422B-67DC-417F-822E-08DCD5B29DC5.jpg?v=1774571290&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/4154422B-67DC-417F-822E-08DCD5B29DC5.jpg?v=1774571290&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/4154422B-67DC-417F-822E-08DCD5B29DC5.jpg?v=1774571290&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39701761523937"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39701761523937"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/F2580822-9F9F-494E-AB7F-2CDE8157720F.jpg?v=1774571290&amp;width=3840" alt="Rosalie Mini Dress" srcset="//shopyourstrulee.com/cdn/shop/files/F2580822-9F9F-494E-AB7F-2CDE8157720F.jpg?v=1774571290&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/F2580822-9F9F-494E-AB7F-2CDE8157720F.jpg?v=1774571290&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/F2580822-9F9F-494E-AB7F-2CDE8157720F.jpg?v=1774571290&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/F2580822-9F9F-494E-AB7F-2CDE8157720F.jpg?v=1774571290&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/F2580822-9F9F-494E-AB7F-2CDE8157720F.jpg?v=1774571290&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/F2580822-9F9F-494E-AB7F-2CDE8157720F.jpg?v=1774571290&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/F2580822-9F9F-494E-AB7F-2CDE8157720F.jpg?v=1774571290&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/F2580822-9F9F-494E-AB7F-2CDE8157720F.jpg?v=1774571290&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/F2580822-9F9F-494E-AB7F-2CDE8157720F.jpg?v=1774571290&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="39701761360097"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.75"
  data-media-id="39701761360097"
>
  
  <img src="//shopyourstrulee.com/cdn/shop/files/0B709D13-77CD-439D-841B-E11EB29A956C.jpg?v=1774571290&amp;width=3840" alt="Rosalie Mini Dress" srcset="//shopyourstrulee.com/cdn/shop/files/0B709D13-77CD-439D-841B-E11EB29A956C.jpg?v=1774571290&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/0B709D13-77CD-439D-841B-E11EB29A956C.jpg?v=1774571290&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/files/0B709D13-77CD-439D-841B-E11EB29A956C.jpg?v=1774571290&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/files/0B709D13-77CD-439D-841B-E11EB29A956C.jpg?v=1774571290&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/files/0B709D13-77CD-439D-841B-E11EB29A956C.jpg?v=1774571290&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/files/0B709D13-77CD-439D-841B-E11EB29A956C.jpg?v=1774571290&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/files/0B709D13-77CD-439D-841B-E11EB29A956C.jpg?v=1774571290&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/files/0B709D13-77CD-439D-841B-E11EB29A956C.jpg?v=1774571290&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//shopyourstrulee.com/cdn/shop/files/0B709D13-77CD-439D-841B-E11EB29A956C.jpg?v=1774571290&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab "
  ref="quickAdd"
  data-product-title="Rosalie Mini Dress"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--21647032352993__product_list_fa6P9H"
    data-product-id="9361705009377"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9361705009377-AVUpLV1FvVnNrdm5oa__product_card_gallery_677WP3-4" accept-charset="UTF-8" class="shopify-product-form" 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
        type="hidden"
        name="id"
        ref="variantId"
        value="47889437491425"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//shopyourstrulee.com/cdn/shop/files/CA652911-869D-43C9-9E97-9D0FA0704DEC.jpg?v=1774571290&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="9361705009377" /><input type="hidden" name="section-id" value="template--21647032352993__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Rosalie Mini Dress</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/forever-yours-mini-dress?variant=47889437491425"
  >
    






  <div class=" spacing-style text-block text-block--ARTNDY2F1c2Q4bXh3M__product_title_YXxMTj-4 custom    text-block--align-center custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
    <p>Rosalie Mini Dress</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-center custom-typography custom-font-size custom-color text-center custom spacing-style"
  data-block-id="AQXV1ZFo4cVN3aTJKV__price_JQzVV4-4"
  data-product-id="9361705009377"
  style="
    
--color: var(--color-foreground);--font-size: 1.125rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">$60.00 USD</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>




            
          </div>

          
        
      
    
  

    
</div>





  <div
    class="section-resource-list__content"
    style="--horizontal-alignment: center;"
  >


<a
  
    href="/collections/new-arrivals"
  
  class="
    size-style
    button
    button--ASnlBOGN6bm1KVlUxQ__button_yPUcF9
  "
  style="--size-style-width:20%;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop All New Arrivals
</a>





</div>
</div>


</div><div id="shopify-section-template--21647032352993__1768497028e3f70e15" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  

    </div>
  </div>
</div>





</div><div id="shopify-section-template--21647032352993__1768363531b353d4aa" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  

    </div>
  </div>
</div>





</div><div id="shopify-section-template--21647032352993__collection_list_RaTFcH" class="shopify-section ui-test-collection-list">



<div class="section-background color-scheme-1"></div>

<div
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
    --gap: 12px;
  "
  data-testid="collection-list"
>
  <div class="section-resource-list__content">


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--Ac2FNMEg3UW45aGNTR__text_zww88t custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:16px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 2rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Shop by collection</h3>
  </div>







</div>
</div>





</div>

  

  

  

  

<div
  class="
    resource-list
    
      force-full-width
    
    
    resource-list__carousel
  "
  style="--resource-list-column-gap-desktop: 8px;--column-count: 3;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
  
    data-testid="collections-list-grid"
  
>
  
      



<div
  class="resource-list__carousel"
  style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;"
>
  <slideshow-component
  
    ref="collectionList"
  
  
    class="resource-list__carousel"
  
  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  

  
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
     slideshow-control--shape-circle
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
     slideshow-control--shape-circle
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
        gutters="start end"
      
    >
      
  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AYWh3M28yZldWQlVPb__static-collection-card"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/hints-of-spring"
    
  >
    <span class="visually-hidden">Hints of Spring</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AYWh3M28yZldWQlVPb__static-collection-card"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//shopyourstrulee.com/cdn/shop/collections/173CE062-0CC4-413D-9315-DF9EAE16CC33.jpg?v=1773345760&amp;width=3840" alt="Hints of Spring" srcset="//shopyourstrulee.com/cdn/shop/collections/173CE062-0CC4-413D-9315-DF9EAE16CC33.jpg?v=1773345760&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/collections/173CE062-0CC4-413D-9315-DF9EAE16CC33.jpg?v=1773345760&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/collections/173CE062-0CC4-413D-9315-DF9EAE16CC33.jpg?v=1773345760&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/collections/173CE062-0CC4-413D-9315-DF9EAE16CC33.jpg?v=1773345760&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/collections/173CE062-0CC4-413D-9315-DF9EAE16CC33.jpg?v=1773345760&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/collections/173CE062-0CC4-413D-9315-DF9EAE16CC33.jpg?v=1773345760&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/collections/173CE062-0CC4-413D-9315-DF9EAE16CC33.jpg?v=1773345760&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/collections/173CE062-0CC4-413D-9315-DF9EAE16CC33.jpg?v=1773345760&amp;width=3840 3840w" width="3840" height="5120" loading="eager" class="image-block__image" sizes="(min-width: 750px) 33vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AbTA5ajVlYzg3dzZ0S__collection_title_iDiCWG custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Hints of Spring</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AYWh3M28yZldWQlVPb__static-collection-card-1"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/xoxo-loves-debut-1"
    
  >
    <span class="visually-hidden">XOXO, Yours Trulee</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AYWh3M28yZldWQlVPb__static-collection-card-1"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//shopyourstrulee.com/cdn/shop/collections/Sweet_Nothing.jpg?v=1773345918&amp;width=3840" alt="XOXO, Yours Trulee" srcset="//shopyourstrulee.com/cdn/shop/collections/Sweet_Nothing.jpg?v=1773345918&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/collections/Sweet_Nothing.jpg?v=1773345918&amp;width=352 352w, //shopyourstrulee.com/cdn/shop/collections/Sweet_Nothing.jpg?v=1773345918&amp;width=832 832w, //shopyourstrulee.com/cdn/shop/collections/Sweet_Nothing.jpg?v=1773345918&amp;width=1200 1200w, //shopyourstrulee.com/cdn/shop/collections/Sweet_Nothing.jpg?v=1773345918&amp;width=1600 1600w, //shopyourstrulee.com/cdn/shop/collections/Sweet_Nothing.jpg?v=1773345918&amp;width=1920 1920w, //shopyourstrulee.com/cdn/shop/collections/Sweet_Nothing.jpg?v=1773345918&amp;width=2560 2560w, //shopyourstrulee.com/cdn/shop/collections/Sweet_Nothing.jpg?v=1773345918&amp;width=3840 3840w" width="3840" height="5120" loading="eager" class="image-block__image" sizes="(min-width: 750px) 33vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AbTA5ajVlYzg3dzZ0S__collection_title_iDiCWG-1 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>XOXO, Yours Trulee</p>
  </div>









    </div>
  </div>
</div>






      </div>
</slideshow-slide>

  

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



</div>


    
</div>




</div>


</div><div id="shopify-section-template--21647032352993__1768498039d69de708" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  

    </div>
  </div>
</div>





</div><div id="shopify-section-template--21647032352993__1768504816314f400e" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  

    </div>
  </div>
</div>





</div><div id="shopify-section-template--21647032352993__17685871288f5725c7" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  

    </div>
  </div>
</div>





</div><div id="shopify-section-template--21647032352993__176858760506ac6da2" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<style data-shopify>
  .ai-about-me-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh {
    display: block;
    width: 100%;
    padding: 40px 20px;
  }

  .ai-about-me-container-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
  }

  .ai-about-me-image-wrapper-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh {
    width: 100%;
    max-width: 500px;
  }

  .ai-about-me-image-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
  }

  .ai-about-me-image-placeholder-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: #f4f4f4;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .ai-about-me-image-placeholder-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh svg {
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 300px;
  }

  .ai-about-me-empty-state-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 20px;
    font-size: 14px;
    color: #666;
    text-align: center;
    pointer-events: none;
  }

  .ai-about-me-content-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh {
    width: 100%;
    max-width: 600px;
    text-align: left;
  }

  .ai-about-me-heading-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh {
    margin: 0 0 16px;
    color: #f199ae;
    font-size: 32px;
  }

  .ai-about-me-text-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh {
    margin: 0 0 24px;
    color: #333333;
    font-size: 16px;
    line-height: 1.6;
  }

  .ai-about-me-button-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    background-color: #f199ae;
    color: #ffffff;
    border: none;
    border-radius: 25px;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .ai-about-me-button-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh:hover {
    background-color: #f9dadf;
    color: #ffffff;
    transform: translateY(-2px);
  }

  @media screen and (min-width: 750px) {
    .ai-about-me-container-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh {
      flex-direction: row;
      align-items: center;
    }

    .ai-about-me-image-wrapper-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh {
      width: 50%;
    }

    .ai-about-me-content-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh {
      width: 50%;
    }
  }
</style>

<div class="ai-about-me-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh" >
  <div class="ai-about-me-container-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh">
    <div class="ai-about-me-image-wrapper-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh">
      
        <img
          src="//shopyourstrulee.com/cdn/shop/files/All_about_me.jpg?v=1769006255&width=1000"
          alt="Woman standing in a pink plaid dress standing in front of a building with decorative plants."
          loading="lazy"
          width="3072"
          height="4096"
          class="ai-about-me-image-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh"
        >
      
    </div>

    <div class="ai-about-me-content-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh">
      
        <h2 class="ai-about-me-heading-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh"><strong>All About Me</strong></h2>
      

      
        <div class="ai-about-me-text-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh"><p>Hi! I’m Aleea Kathleen!<br/><br/>Yours Trulee & Co. was created from a place of faith, purpose, and passion. I believe every woman is wonderfully made, and this boutique exists to reflect that truth through thoughtfully curated pieces that inspire confidence and self-love.</p><p>My hope is that Yours Trulee & Co. reminds you to walk boldly, embrace who you are, and always stay <em><strong>trulee</strong></em> yourself.</p></div>
      

      
        <a
          href="/blogs/about-us/meet-yours-trulee"
          class="ai-about-me-button-abedbz2txne1lamfbuaigenblock8d8ae99jde6zh"
        >
          LEARN MORE
        </a>
      
    </div>
  </div>
</div>



    </div>
  </div>
</div>





</div><div id="shopify-section-template--21647032352993__1768689346f776f4eb" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  

    </div>
  </div>
</div>





</div>
    </main>

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--21647032484065__1768361654c12ebf9f" class="shopify-section shopify-section-group-footer-group section-wrapper">



<div class="section-background color-scheme-warm-cream"></div>
<div
  class="section section--full-width color-scheme-warm-cream"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<style data-shopify>
  .ai-sliding-text-container-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: block;
  }

  .ai-sliding-text-image-wrapper-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt {
    position: relative;
    width: 100%;
    height: 300px;
  }

  .ai-sliding-text-image-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ai-sliding-text-placeholder-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt {
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ai-sliding-text-placeholder-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt svg {
    width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 500px;
  }

  .ai-sliding-text-overlay-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
  }

  .ai-sliding-text-track-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt {
    position: absolute;
    top: 40%;
    left: 0;
    white-space: nowrap;
    display: flex;
    animation: ai-slide-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt 100s linear infinite;
  }

  .ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0 40px;
    
    
      text-shadow: 2px 2px 4px #ec9cae;
    
  }

  @keyframes ai-slide-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  @media screen and (max-width: 749px) {
    .ai-sliding-text-image-wrapper-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt {
      height: 150px;
    }

    .ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt {
      font-size: 28.0px;
    }
  }
</style>

<sliding-text-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt class="ai-sliding-text-container-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt" >
  <div class="ai-sliding-text-image-wrapper-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">
    
      <img
        src="//shopyourstrulee.com/cdn/shop/files/burst-of-flowers-blossoming.jpg?v=1768362527&width=2000"
        alt="Decorative Image of blurred pink baby&#39;s breath flowers"
        loading="lazy"
        width="2640"
        height="3960"
        class="ai-sliding-text-image-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt"
      >
    

    <div class="ai-sliding-text-overlay-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">
      <div class="ai-sliding-text-track-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
          <span class="ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt">xoxo, yours trulee</span>
        
      </div>
    </div>
  </div>
</sliding-text-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt>

<script>
  (function() {
    class SlidingTextatxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt extends HTMLElement {
      constructor() {
        super();
      }

      connectedCallback() {
        this.track = this.querySelector('.ai-sliding-text-track-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt');
        if (this.track) {
          this.adjustAnimation();
        }
      }

      adjustAnimation() {
        const firstItem = this.track.querySelector('.ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt');
        if (firstItem) {
          const itemWidth = firstItem.offsetWidth;
          const totalItems = this.track.querySelectorAll('.ai-sliding-text-item-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt').length;
          const trackWidth = itemWidth * totalItems;
          this.track.style.width = trackWidth + 'px';
        }
      }
    }

    customElements.define('sliding-text-atxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt', SlidingTextatxbdctjvbvvuk21tvaigenblock57e5a4fdbcnxt);
  })();
</script>




    </div>
  </div>
</div>





</div><footer id="shopify-section-sections--21647032484065__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">

<div class="section-background color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab"></div>
<div
  class="section section--page-width color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab"
>
  
  <div
    class="
      footer-content
      spacing-style
      
      
    "
    style="
      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
      --footer-gap: 20px;
      --grid-columns: 4;
      --last-row-count: 4;
      --tablet-last-row-count: 2;
    "
  >
    




  <accordion-custom
    class="
      menu
      
      
    "
    data-disable-on-desktop="true"
    open-by-default-on-desktop
    
      data-disable-on-mobile="true"
      open-by-default-on-mobile
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 7px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading h4">
        <span class="menu__heading__default">Helpful Links</span>
        <span class="menu__heading__accordion">
          Helpful Links
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <div class="details-content">
        
          <ul class="list-unstyled">
            
              <li class="menu__item h6">
                <a href="/pages/contact-us">
                  Contact Us
                </a>
              </li>
            
              <li class="menu__item h6">
                <a href="/blogs/news/frequently-asked-questioons">
                  FAQ
                </a>
              </li>
            
              <li class="menu__item h6">
                <a href="/policies/refund-policy">
                  Return & Refund Policy
                </a>
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>










  <accordion-custom
    class="
      menu
      
      
    "
    data-disable-on-desktop="true"
    open-by-default-on-desktop
    
      data-disable-on-mobile="true"
      open-by-default-on-mobile
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 7px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading h4">
        <span class="menu__heading__default">About</span>
        <span class="menu__heading__accordion">
          About
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <div class="details-content">
        
          <ul class="list-unstyled">
            
              <li class="menu__item h6">
                <a href="/blogs/about-us/meet-yours-trulee">
                  About Us
                </a>
              </li>
            
              <li class="menu__item h6">
                <a href="/policies/shipping-policy">
                  Shipping Policy
                </a>
              </li>
            
              <li class="menu__item h6">
                <a href="/policies/privacy-policy">
                  Privacy Policy 
                </a>
              </li>
            
              <li class="menu__item h6">
                <a href="/blogs/news/accessibility-compliance-statement">
                  Accessibility Statement
                </a>
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>








<div
  class="
    group-block
    group-block--height-custom
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height:40%;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 6px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AMkR2Yi8xUlVWNEd4V__text_LWt8Pz h4      "  style="    --padding-block-start: 19px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2>Join the Trulee club</h2>
  </div>















  <div class=" spacing-style text-block text-block--Acm10OEUxS3lEVzI1S__text_gAjCAP custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 5px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 0.875rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2>for 15% off your first purchase and so much more!</h2>
  </div>







</div>
</div>








<div
  class="email-signup-block size-style spacing-style"
  style="--size-style-width:20%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  
>
  
    <div class="email-signup__heading h6">
      By subscribing you agree to the Terms of Use &amp; Privacy Policy.
    </div>
  
  
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
    <input
      name="contact[id]"
      type="hidden"
      value="EmailSignup-AVGNjbG50UWlZektGV__email_signup_crihX7"
    >

    <div
      class="email-signup__input-group email-signup__input-group--integrated   email-signup__input-group--arrow "
      style="--border-width: 1px; --border-radius: 100px;"
    >
      <label
        for="EmailInput-AVGNjbG50UWlZektGV__email_signup_crihX7"
        class="visually-hidden"
      >
        Email
      </label>
      <input
        id="EmailInput-AVGNjbG50UWlZektGV__email_signup_crihX7"
        class="email-signup__input email-signup__input--all paragraph "
        type="email"
        name="contact[email]"
        autocorrect="off"
        autocapitalize="off"
        autocomplete="email"
        placeholder="Email address"
        required
        
      >
      <button
        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AVGNjbG50UWlZektGV__email_signup_crihX7 "
        
          aria-label="Sign up"
        
      >
        
          <svg
            viewBox="0 0 20 20"
            xmlns="http://www.w3.org/2000/svg"
            focusable="false"
            aria-hidden="true"
            class="email-signup__button-icon"
          >
            
<path
      clip-rule="evenodd"
      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
      fill="currentColor"
      fill-rule="evenodd"
    />
          </svg>
        
      </button>
    </div></form>
</div>





  </div>
</div>




</footer><footer id="shopify-section-sections--21647032484065__footer_pwH4Bi" class="shopify-section shopify-section-group-footer-group section-wrapper">

<div class="section-background color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab"></div>
<div
  class="section section--page-width color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab"
>
  
  <div
    class="
      footer-content
      spacing-style
      
      
    "
    style="
      --padding-block-start: max(20px, calc(var(--spacing-scale) * 36px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 36px));
      --footer-gap: 20px;
      --grid-columns: 3;
      --last-row-count: 3;
      --tablet-last-row-count: 1;
    "
  >
    

<div
  class="social-icons__wrapper"
  
>
  

  
    

    
    
  
    

    
    
      
    
  
    

    
    
  
    

    
    
      
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
</div>





<div
    class="spacing-style"
    style="--padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 
"
    
  >
    <script defer="defer" async type="module" src="//shopyourstrulee.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js"></script>
<script type="module">
  await import("//shopyourstrulee.com/cdn/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js");

  
</script>

<shop-follow-button ux-mode="windoid" return-uri="https://shopyourstrulee.com/account/redirect" proxy="true"></shop-follow-button>

  </div>


<div
  class="
    payment-icons
    spacing-style
  "
  style="
    --padding-block-start: 0px; --padding-block-end:0px; 
--padding-inline-start:0px; --padding-inline-end:0px; 

    --icon-gap: 1px;
    --alignment: flex-start;
  "
  
>
  <span class="visually-hidden">Payment methods</span>
  <ul
    class="payment-icons__list"
    role="list"
  ><li class="payment-icons__item">
        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>

      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>

      </li><li class="payment-icons__item">
        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
      </li></ul>
</div>





  </div>
</div>




</footer><div id="shopify-section-sections--21647032484065__footer_utilities_4yzabm" class="shopify-section shopify-section-group-footer-group footer-utilities">

<div class="section-background color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab"></div>
<div
  class="section section--page-width color-scheme-4ddb60b8-be84-48d4-ba3a-8c5e4b9a2cab"
  
>
  <div
    class="utilities utilities--blocks-2 spacing-style"
    style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --gap: 24px;"
    data-testid="footer-utilities"
  >
    

<div
  class="
    footer-utilities__group-copyright
    custom-typography
    custom-font-size
  "
  style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">YOURS TRULEE &amp; CO.</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
</span>
</div>




<div
  class="social-icons__wrapper"
  
>
  

  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
</div>





  </div>
</div>




</div>
<!-- END sections: footer-group -->

    <script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021771266153"
  type="module"
></script>

<script
  src="//shopyourstrulee.com/cdn/shop/t/2/assets/predictive-search.js?v=149240552485540508541771266154"
  type="module"
  fetchpriority="low"
></script>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      Search
    </h2>
    <predictive-search-component
      class="predictive-search color-scheme-31b92391-e9ec-4637-b706-307647b8039f"
      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
      data-section-id="predictive-search"
      data-testid="search-component--modal"
      role="search"
      aria-label="Search"
    >
      <form
        action="/search"
        method="get"
        role="search"
        class="predictive-search-form"
        ref="form"
        on:keydown="/onSearchKeyDown"
      >
        <div
          class="predictive-search-form__header"
        >
          <div class="predictive-search-form__header-inner">
            <label
              for="cmdk-input"
              class="visually-hidden"
            >Search</label>
            <input
              class="search-input"
              id="cmdk-input"
              type="search"
              name="q"
              role="combobox"
              aria-expanded="false"
              aria-owns="predictive-search-results"
              aria-controls="predictive-search-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              autocomplete="off"
              placeholder="Search"
              ref="searchInput"
              on:input="/search"
              on:keydown="/onSearchKeyDown"
            >
            <input
              name="options[prefix]"
              type="hidden"
              value="last"
            >
            <span class="svg-wrapper predictive-search__icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

            </span>
            <button
              type="button"
              class="button-unstyled predictive-search__reset-button"
              ref="resetButton"
              hidden
              on:click="/resetSearch"
            >
              Clear
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="Close dialog"
            on:click="dialog-component/closeDialog"
            ref="closeModalButton"
          >
            <span class="svg-wrapper">
              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

            </span>
          </button>
        </div>

        <div class="predictive-search-form__content-wrapper">
          <div
            class="predictive-search-form__content"
            tabindex="-1"
            ref="predictiveSearchResults"
            on:click="/handleModalClick"
          >
            

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
    <div class="predictive-search-results__inner">
      
      
        
        
        
          <div
  id="predictive-search-products"
  class="predictive-search-results__products"
  
    data-testid="products-list-default--modal"
  
>
  
    <h4 class="predictive-search-results__title">
      Products
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
      role="listbox"
      aria-label="Products"
    >
      
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  href="/products/halter-neck-polka-dot-mini-dress"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/halter-neck-polka-dot-mini-dress"
  >
    <span class="visually-hidden">
      Be Mine Halter Mini Dress
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      
<img src="//shopyourstrulee.com/cdn/shop/files/Be_Min_3.jpg?v=1769306770&amp;width=500" alt="Woman taking a mirror selfie wearing a red polka dot dress in a room with wooden flooring and white walls." srcset="//shopyourstrulee.com/cdn/shop/files/Be_Min_3.jpg?v=1769306770&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/Be_Min_3.jpg?v=1769306770&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 48.5785% 58.247%;">

          <img src="//shopyourstrulee.com/cdn/shop/files/Be_Mine_3.jpg?v=1769379724&amp;width=500" alt="Person wearing a red polka dot dress in an indoor setting" srcset="//shopyourstrulee.com/cdn/shop/files/Be_Mine_3.jpg?v=1769379724&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/Be_Mine_3.jpg?v=1769379724&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="39383364796641" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Be Mine Halter Mini Dress</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$50.00 USD</span>
    

    
  
</div>
    
  </div>
</div>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  href="/products/blue-jean-babe-overalls"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/blue-jean-babe-overalls"
  >
    <span class="visually-hidden">
      Blue Jean Babe Overalls
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      
<img src="//shopyourstrulee.com/cdn/shop/files/704ECFCB-7312-4093-A402-D10602D51655.jpg?v=1773335954&amp;width=500" alt="Person wearing blue denim overalls against a white background" srcset="//shopyourstrulee.com/cdn/shop/files/704ECFCB-7312-4093-A402-D10602D51655.jpg?v=1773335954&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/704ECFCB-7312-4093-A402-D10602D51655.jpg?v=1773335954&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;">

          <img src="//shopyourstrulee.com/cdn/shop/files/BB015918-F554-4F12-8088-CC8A55B58A09.jpg?v=1773335954&amp;width=500" alt="Person wearing blue denim overalls and a white long-sleeve shirt against a white background" srcset="//shopyourstrulee.com/cdn/shop/files/BB015918-F554-4F12-8088-CC8A55B58A09.jpg?v=1773335954&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/BB015918-F554-4F12-8088-CC8A55B58A09.jpg?v=1773335954&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="39632229105889" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Blue Jean Babe Overalls</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$65.00 USD</span>
    

    
  
</div>
    
  </div>
</div>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  href="/products/bluebell-breeze-jeans"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/bluebell-breeze-jeans"
  >
    <span class="visually-hidden">
      Bluebell Breeze Jeans
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      
<img src="//shopyourstrulee.com/cdn/shop/files/D249E312-C9CE-49AF-AA81-01BA8CD30D2C.jpg?v=1771545083&amp;width=500" alt="Woman wearing a white blouse and floral pants against a plain background" srcset="//shopyourstrulee.com/cdn/shop/files/D249E312-C9CE-49AF-AA81-01BA8CD30D2C.jpg?v=1771545083&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/D249E312-C9CE-49AF-AA81-01BA8CD30D2C.jpg?v=1771545083&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;">

          <img src="//shopyourstrulee.com/cdn/shop/files/0E3BD874-7CC9-4345-A559-330361B16EAE.jpg?v=1771545083&amp;width=500" alt="Woman wearing a white blouse and floral pants against a plain background" srcset="//shopyourstrulee.com/cdn/shop/files/0E3BD874-7CC9-4345-A559-330361B16EAE.jpg?v=1771545083&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/0E3BD874-7CC9-4345-A559-330361B16EAE.jpg?v=1771545083&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="39523482599649" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Bluebell Breeze Jeans</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$82.00 USD</span>
    

    
  
</div>
    
  </div>
</div>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  href="/products/buttercup-button-up-sweater"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/buttercup-button-up-sweater"
  >
    <span class="visually-hidden">
      Buttercup Button Up Sweater
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      
<img src="//shopyourstrulee.com/cdn/shop/files/799A8949-9F96-4A6B-9B64-BD085E2E4819.jpg?v=1771546850&amp;width=500" alt="Woman wearing a yellow sweater and blue jeans against a white background" srcset="//shopyourstrulee.com/cdn/shop/files/799A8949-9F96-4A6B-9B64-BD085E2E4819.jpg?v=1771546850&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/799A8949-9F96-4A6B-9B64-BD085E2E4819.jpg?v=1771546850&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;">

          <img src="//shopyourstrulee.com/cdn/shop/files/A8C82565-A451-44DA-AE51-8E2B1995882F.jpg?v=1771546910&amp;width=500" alt="Woman wearing a yellow shirt and blue jeans against a white background" srcset="//shopyourstrulee.com/cdn/shop/files/A8C82565-A451-44DA-AE51-8E2B1995882F.jpg?v=1771546910&amp;width=240 240w, //shopyourstrulee.com/cdn/shop/files/A8C82565-A451-44DA-AE51-8E2B1995882F.jpg?v=1771546910&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="39523140272353" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Buttercup Button Up Sweater</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$50.00 USD</span>
    

    
  
</div>
    
  </div>
</div>

        </li>
      
    </ul>
  
</div>



        
      
    </div>
  
</div>

          </div>

          <div class="predictive-search-form__footer">
            <button
              class="button predictive-search__search-button"
              ref="viewAllButton"
            >
              View all
            </button>
          </div>
        </div>
      </form>
    </predictive-search-component>
  </dialog>
</dialog-component>




    
      <quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-31b92391-e9ec-4637-b706-307647b8039f"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Close dialog"
    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>

    <div
      id="quick-add-modal-content"
      class="quick-add-modal__content"
    ></div>
  </dialog>
</quick-add-dialog>



    
  <div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
  window['ShopifyForms'] = {
    ...window['ShopifyForms'],
    currentPageType: "index"
  };
</script>


</div><div id="shopify-block-AdTBORzdUdm95L0F1Z__1537173939754162885" class="shopify-block shopify-app-block">

<script>
  window.accessProWidgetSettings =  {"default_menu_language":"en","enable_features":true,"icon":"default","icon_color_fill":"#ef9baf","icon_color_stroke":"#f9dadf","icon_position":"BL","icon_style":"thick","icon_size":"default","menu_content_color":"#111111","menu_header_background_color":"#ef9baf","menu_header_font_color":"#f2f2f2","open_accessibility_profile":true,"selected_languages":["en","fr","es","de"],"widget_size":"larger","widgetheight":"full","template":"minimal","color_template":"custom","lang_l":true,"enableMenuSettings":{"alignment":true,"animation":true,"contrast":true,"cursor":true,"dyslexic":true,"fontscale":true,"fontweight":true,"headings":true,"images":true,"languages":true,"letterspacing":true,"linespacing":true,"links":true,"magnifier":true,"mission":true,"profiles":true,"readingguide":true,"readingmask":true,"reset":true,"saturation":true,"sounds":true,"text2speech":true,"describeimages":false,"videos":true,"pagestructure":true,"textsummary":true,"virtualkeyboard":true,"dictionary":true,"invertcolors":true,"translatepage":true,"readerprofile":true,"seizureprofile":true,"adhdprofile":true,"cognitiveprofile":true,"visuallyimpairedprofile":true,"motorimpairedprofile":true,"elderlyprofile":true,"colorblindprofile":true,"linknavigation":true,"voicenavigation":true,"keyboardnavigation":true,"talkandtype":true,"customcolors":true,"blindprofile":true,"keyboardshortcuts":true,"widgetsize":true,"hidewidget":true,"translation":true},"custom_css":"#acp-widget {\nfont-family: 'Outfit';\n}"} ;
  window.accessProComplianceSettings =  {} ;
  window.accessProCurrentPage = {
    pageType: "index",
    path: "\/shop.css"
  };
</script>

<style>
    

  .asw-widget-button-top {
     position: absolute !important;
     top: 10px !important;
     left: 10px !important;
     background-color: #000 !important;
     color: #fff !important;
     text-decoration: none !important;
     overflow: hidden;
     width: 1px !important;
     height: 1px !important;
     margin: -1px !important;
     padding: 0 !important;
     border: 0 !important;
     clip: rect(0 0 0 0) !important;
     word-wrap: normal !important;
  }
    .asw-widget-button-top-focused,
    .asw-widget-button-top:focus {
      z-index: 9999 !important;
      overflow: auto !important;
      width: auto !important;
      height: auto !important;
      clip: auto !important;
      padding: 10px 15px !important;
    }

    #acp-virtualKeyboardPopup {
      position: fixed;
      bottom: 80px;
      left: 50%;
      transform: translateX(-50%);
      background: #ffffff !important;
      border: 1px solid #ccc;
      padding: 8px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
      z-index: 9999;
      display: none;
      width: 90%;
      max-width: 600px;
      border-radius: 10px;
    }

    #acp-virtual-input {
      width: 100%;
      padding: 10px;
      font-size: 16px;
      margin-bottom: 10px;
    }

    #acp-closeKeyboardBtn {
      color: #fff;
      border: none;
      padding: 1px 3px;
      cursor: pointer;
      float: right;
      border-radius: 4px;
      margin-bottom: 5px;
    }
    #acp-definition-popup {
      position: absolute;
      display: none;
      padding: 10px;
      background: white;
      border: 1px solid #ccc;
      z-index: 1000;
      border-radius: 14px;
    }
</style>

<div id="acp-icon"></div>
<div id="acp-widget"></div>

<!-- Virtual Keyboard Input and Keyboard -->
<div
  id="acp-definition-popup"
></div>
<div
  id="acp-dictionary-toast"
  class="asw-text-speech-bar"
  style="display: none;"
  data-ap-translate="DICTIONARY DESC"
>
  Double click on a word to see the definition.
</div>
<div id="acp-virtualKeyboardPopup" role="dialog" aria-modal="true" aria-label="Virtual keyboard popup">
  <button id="acp-closeKeyboardBtn" aria-label="Close virtual keyboard">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
    >
      <path
        d="M18 6L6 18"
        stroke="black"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M6 6L18 18"
        stroke="black"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  </button>
  
  <div id="acp-virtual-keyboard" class="simple-keyboard"></div>
  <script>
    function makeDraggableVirtualKeyboard(el) {
      let pos1 = 0,
        pos2 = 0,
        pos3 = 0,
        pos4 = 0;

      el.onmousedown = dragMouseDown;

      function dragMouseDown(e) {
        e.preventDefault();
        pos3 = e.clientX;
        pos4 = e.clientY;
        document.onmouseup = closeDragElement;
        document.onmousemove = elementDrag;
      }

      function elementDrag(e) {
        e.preventDefault();
        pos1 = pos3 - e.clientX;
        pos2 = pos4 - e.clientY;
        pos3 = e.clientX;
        pos4 = e.clientY;
        el.style.top = el.offsetTop - pos2 + 'px';
        el.style.left = el.offsetLeft - pos1 + 'px';
        el.style.bottom = 'unset';
        el.style.right = 'unset';
      }

      function closeDragElement() {
        document.onmouseup = null;
        document.onmousemove = null;
      }
    }

    makeDraggableVirtualKeyboard(document.getElementById('acp-virtualKeyboardPopup'));
  </script>
</div>
<script>
  // App Procxy Handle
  
  window.accessProProxyHandle = '/apps/access-pro';
  

  // URLs
  window.accessProSettingsUrl = `${window.accessProProxyHandle}/theme/settings/`;
  window.accessProPageViewsCountUrl = `${window.accessProProxyHandle}/theme/views/update/count`;
  

  // Translation URL
  var shopify_domain = `gcejw9-iq.myshopify.com`;
  
  window.accessProTranslationUrl = `https://access-pro-api.entanglecommerce.com/api/v1/language/translate/?domain=${shopify_domain}`;
  
  window.pageViewsCountURL = `${window.accessProProxyHandle}/theme/views/update/count`;
</script>

<script src="https://cdn.shopify.com/extensions/019e9289-9faf-78c3-8442-ee3db3a28f50/access-pro-remix-226/assets/main.js" defer></script>


</div><div id="shopify-block-Aajk0TllTV2lJZTdoT__15683396631634586217" class="shopify-block shopify-app-block"><script
  id="chat-button-container"
  data-horizontal-position=bottom_right
  data-vertical-position=lowest
  data-icon=smiley_face
  data-text=chat_with_us
  data-color=#ef9bae
  data-secondary-color=#FFFFFF
  data-ternary-color=#ef9bae
  
  data-domain=shopyourstrulee.com
  data-shop-domain=shopyourstrulee.com
  data-external-identifier=PfGn5jBi_DGMIky75FWjpcSCsdH92l__kDpdCjwozVM
  
>
</script>


</div><div id="shopify-block-AR3JjZDY4emxKYnFYS__3720565183479497137" class="shopify-block shopify-app-block"><script>
  window.GPOConfigs = window.GPOConfigs || {};
  window.GPOConfigs.appEmbed = true;
  window.GPOConfigs.appUrl = 'https://option.globo.io';
  window.GPOConfigs.assetUrl = 'https://cdn.shopify.com/extensions/019ea630-a6e1-73c6-92c2-f5460f8fbab2/globo-product-options-412/assets/';
  window.GPOConfigs.embedAssetUrl = 'https://cdn.shopify.com/extensions/019ea630-a6e1-73c6-92c2-f5460f8fbab2/globo-product-options-412/assets/';
  window.GPOConfigs.fileUrl = 'https://shopyourstrulee.com/cdn/shop/files/';
  window.GPOConfigs.shopifyRoot = Shopify?.routes?.root ?? Shopify?.routes?.root_url ?? '/';
  window.GPOConfigs.curCountryCode = "US";
  window.GPOConfigs.optionIds = "";
  window.GPOConfigs.options = [];window.GPOConfigs.options[1363244] = {"elements":[{"id":"group-1","clo":{"match":"all","whens":[{"value":"","where":"EQUALS","select":"null"}],"display":"show"},"icon":"","type":"group","label":"Group","style":"default","elements":[{"id":"checkbox-1","oos":"show","type":"checkbox","label":"Checkbox","style":"vertical","pp_width":25,"pp_xAxis":50,"pp_yAxis":50,"required":true,"pp_height":25,"pp_imgMode":"cover","pp_opacity":100,"columnWidth":100,"pp_imgShape":{"value":{"src":"https://cdn.shopify.com/s/files/1/0241/9490/8215/files/shape-1.png","name":""},"options":[]},"scroll_type":"default","hidden_label":true,"swatch_style":"default","initial_state":"expand","label_on_cart":"checkbox-1","option_values":[{"id":0,"name":1769535661922,"value":"I ACKNOWLEDGE THAT THIS ITEM IS A PRE-ORDER AND WILL SHIP ON OR AFTER THE DATE LISTED","color1":"#ffffff","color2":"#000000","helptext":"","asset_name":"","color_type":"one-color"}],"advanced_addon":"default"}],"conditionalField":false}],"products":{"rule":{"all":{"enable":false},"manual":{"ids":[9361704550625],"enable":false},"automate":{"enable":true,"operator":"and","conditions":[{"value":"pre order","where":"EQUALS","select":"TAG"}]}}},"status":0,"customers":{"rule":{"all":{"enable":true},"manual":{"ids":[],"enable":false},"automate":{"enable":false,"operator":"and","conditions":[{"value":"","where":"EQUALS","select":"TAG"}]}}},"countries":{"type":"include","enable":false,"countries":[]},"settings":[],"published_scope":"web,pos"};window.GPOConfigs.options[1363259] = {"elements":[{"id":"group-1","clo":{"match":"all","whens":[{"value":"","where":"EQUALS","select":"null"}],"display":"show"},"icon":"","type":"group","label":"Group","style":"default","elements":[{"id":"checkbox-1","oos":"show","type":"checkbox","style":"vertical","pp_width":25,"pp_xAxis":50,"pp_yAxis":50,"required":true,"pp_height":25,"pp_imgMode":"cover","pp_opacity":100,"columnWidth":100,"pp_imgShape":{"value":{"src":"https://cdn.shopify.com/s/files/1/0241/9490/8215/files/shape-1.png","name":""},"options":[]},"scroll_type":"default","hidden_label":true,"swatch_style":"default","initial_state":"expand","label_on_cart":"checkbox-1","option_values":[{"id":0,"name":1769536971895,"value":"I ACKNOWLEDGE THAT THIS ITEM IS FINAL SALE AND CANNOT BE RETURNED","color1":"#ffffff","color2":"#000000","helptext":"","asset_name":"","color_type":"one-color"}],"advanced_addon":"default"}],"conditionalField":false}],"products":{"rule":{"all":{"enable":false},"manual":{"ids":[9354217750753],"enable":false},"automate":{"enable":true,"operator":"and","conditions":[{"value":"final sale","where":"EQUALS","select":"TAG"}]}}},"status":0,"customers":{"rule":{"all":{"enable":true},"manual":{"ids":[],"enable":false},"automate":{"enable":false,"operator":"and","conditions":[{"value":"","where":"EQUALS","select":"TAG"}]}}},"countries":{"type":"include","enable":false,"countries":[]},"settings":[],"published_scope":"web,pos"};if (Shopify.theme.id == 158259216609) { window.GPOConfigs.themeInfo = {"theme_store_id":2481,"theme_name":"Horizon","theme_version":"3.2.1"}; }if (Shopify.theme.id == 159375458529) { window.GPOConfigs.themeInfo = {"theme_store_id":2481,"theme_name":"Horizon","theme_version":"3.3.1"}; }if (Shopify.theme.id == 159376802017) { window.GPOConfigs.themeInfo = {"theme_store_id":2481,"theme_name":"Horizon","theme_version":"3.3.1"}; }if (Shopify.theme.id == 159510462689) { window.GPOConfigs.themeInfo = {"theme_store_id":2481,"theme_name":"Horizon","theme_version":"3.3.1"}; }if (Shopify.theme.id == 158259216609) { window.GPOConfigs.theme = {"product":{"form":["[data-gpo-product-form]",".buy-buttons-block form",".gpo-form-wrapper form","form[action*=\"/cart/add\"]:not([class*=\"installment\"]):not([class*=\"instalment\"]):not([id*=\"Installment\"]):not([id*=\"installment\"]):not([id*=\"instalment\"]):not([hidden]):not([data-uploadkit-validation-added])"],"sticky":{"variantActivator":"[data-gpo-sticky-variant-activator]","atcButton":"sticky-add-to-cart .sticky-add-to-cart__button"},"imageContainer":"[data-gpo-product-image-container],.product-information__media:not([style=\"display: none;\"]) slideshow-container,.product-information .pwzrswiper-wrapper","imageButton":"media-gallery slideshow-component .slideshow-control,.PwzrGrid-item,.product-information .pwzrswiper-btn-next,.product-information .pwzrswiper-btn-pre","image":"[data-gpo-product-image],.product-information__media:not([style=\"display: none;\"]) slideshow-slide[aria-hidden=false] img,.product-information .pwzrswiper-slide.pwzrswiper-slide-active img","unitPrice":"[data-gpo-product-unit-price],gp-product-price.gpo-product-unit-price [type=regular],.product-details product-price .price","compareAtPrice":"[data-gpo-product-compare-at-price]","variantWrapper":".product-details variant-picker","variantSelector":".product-details .buy-buttons-block [name=id],.gpo-form-wrapper gp-product product-form form [name=id]","variantActivator":".product-details variant-picker label","quantity":"[name=qty],[name=quantity]","addToCartButton":"[data-gpo-product-atc],[data-pf-type*=ProductATC],.gp-button-atc.gpo-gp-atc,gp-button button.gp-button-atc,.lh-buy-now,button.product-buy-buttons--primary,button[id*=AddToCart],button[id*=addToCart],a[id*=AddToCart],a[id*=addToCart],.AddtoCart,.btn-addtocart,.product__add-to-cart-button,button.product-submit,input.product-submit,.product-form--atc-button,.product-form__cart-submit,.product-form__add-button,.product-form--add-to-cart,.product-buy-buttons--cta,.btn--add-to-cart,.button-cart,button.add-to-cart-btn,.add-to-cart-button,.add_to_cart:not(#customily-cart-btn-preview),.button--addToCart,[data-product-add],input.add-to-cart,.smi-button-add-to-cart,button.add-to-cart:not(.ymp_mainBtn),.product-details .add-to-cart-ui button:not(.qty-minus):not(.qty-plus),.gp-button-atc[aria-label=\"Add To Cart\"],.qview-btn-addtocart,[name=add]:not([type=normal]):not([egw-atc-override]),[type=submit]:not([name=subscribe]):not([name=checkout]):not([class*=search]):not(#query-btn):not(.spr-button):not(.active):not(.gpo-exclude):not(.cowlendar-add-to-cart):not([style=\"display:none;\"])","paymentButton":"[data-shopify=\"payment-button\"],[data-product-buy-now],[data-fast-checkout],#button-cart-buy,.shopify-payment-button__button--unbranded","addToCart":{"excludedAttrs":[{"key":"on:click","value":"/handleAddToCartClick"}]}},"collection":{"wrapper":".product-grid,.ui-test-product-list,.tabbed-collections","item":".product-grid .product-grid__item,.ui-test-product-list .resource-list__item,.tabbed-collections .custom-product-card","productLink":".product-grid__item product-card a,.ui-test-product-list .resource-list__item a.product-card__link,.tabbed-collections .custom-product-card a.product-card__link","quickViewActivator":".quick-add__button","quickViewProductForm":"quick-add-dialog dialog[open] .buy-buttons-block form,quick-add-dialog dialog[open] .product-form-buttons form"},"cart":{"form":["[data-gpo-cart-form]","cart-items-component","form[action*=\"/cart\"]:not([action*=\"/cart/add\"]):not([hidden])"],"page":[{"lineItem":{"key":".cart-page__items table tbody tr","image":".cart-items__media-image","details":".cart-items__details","quantity":{"wrapper":".quantity-selector","input":".quantity-selector input","decrease":"button[name=minus]","increase":"button[name=plus]"},"removeButton":".cart-items__remove"}}]},"theme_store_id":2481,"theme_name":"Horizon"}; }if (Shopify.theme.id == 159375458529) { window.GPOConfigs.theme = {"product":{"form":["[data-gpo-product-form]",".buy-buttons-block form",".gpo-form-wrapper form","form[action*=\"/cart/add\"]:not([class*=\"installment\"]):not([class*=\"instalment\"]):not([id*=\"Installment\"]):not([id*=\"installment\"]):not([id*=\"instalment\"]):not([hidden]):not([data-uploadkit-validation-added])"],"sticky":{"variantActivator":"[data-gpo-sticky-variant-activator]","atcButton":"sticky-add-to-cart .sticky-add-to-cart__button"},"imageContainer":"[data-gpo-product-image-container],.product-information__media:not([style=\"display: none;\"]) slideshow-container,.product-information .pwzrswiper-wrapper","imageButton":"media-gallery slideshow-component .slideshow-control,.PwzrGrid-item,.product-information .pwzrswiper-btn-next,.product-information .pwzrswiper-btn-pre","image":"[data-gpo-product-image],.product-information__media:not([style=\"display: none;\"]) slideshow-slide[aria-hidden=false] img,.product-information .pwzrswiper-slide.pwzrswiper-slide-active img","unitPrice":"[data-gpo-product-unit-price],gp-product-price.gpo-product-unit-price [type=regular],.product-details product-price .price","compareAtPrice":"[data-gpo-product-compare-at-price]","variantWrapper":".product-details variant-picker","variantSelector":".product-details .buy-buttons-block [name=id],.gpo-form-wrapper gp-product product-form form [name=id]","variantActivator":".product-details variant-picker label","quantity":"[name=qty],[name=quantity]","addToCartButton":"[data-gpo-product-atc],[data-pf-type*=ProductATC],.gp-button-atc.gpo-gp-atc,gp-button button.gp-button-atc,.lh-buy-now,button.product-buy-buttons--primary,button[id*=AddToCart],button[id*=addToCart],a[id*=AddToCart],a[id*=addToCart],.AddtoCart,.btn-addtocart,.product__add-to-cart-button,button.product-submit,input.product-submit,.product-form--atc-button,.product-form__cart-submit,.product-form__add-button,.product-form--add-to-cart,.product-buy-buttons--cta,.btn--add-to-cart,.button-cart,button.add-to-cart-btn,.add-to-cart-button,.add_to_cart:not(#customily-cart-btn-preview),.button--addToCart,[data-product-add],input.add-to-cart,.smi-button-add-to-cart,button.add-to-cart:not(.ymp_mainBtn),.product-details .add-to-cart-ui button:not(.qty-minus):not(.qty-plus),.gp-button-atc[aria-label=\"Add To Cart\"],.qview-btn-addtocart,[name=add]:not([type=normal]):not([egw-atc-override]),[type=submit]:not([name=subscribe]):not([name=checkout]):not([class*=search]):not(#query-btn):not(.spr-button):not(.active):not(.gpo-exclude):not(.cowlendar-add-to-cart):not([style=\"display:none;\"])","paymentButton":"[data-shopify=\"payment-button\"],[data-product-buy-now],[data-fast-checkout],#button-cart-buy,.shopify-payment-button__button--unbranded","addToCart":{"excludedAttrs":[{"key":"on:click","value":"/handleAddToCartClick"}]}},"collection":{"wrapper":".product-grid,.ui-test-product-list,.tabbed-collections","item":".product-grid .product-grid__item,.ui-test-product-list .resource-list__item,.tabbed-collections .custom-product-card","productLink":".product-grid__item product-card a,.ui-test-product-list .resource-list__item a.product-card__link,.tabbed-collections .custom-product-card a.product-card__link","quickViewActivator":".quick-add__button","quickViewProductForm":"quick-add-dialog dialog[open] .buy-buttons-block form,quick-add-dialog dialog[open] .product-form-buttons form"},"cart":{"form":["[data-gpo-cart-form]","cart-items-component","form[action*=\"/cart\"]:not([action*=\"/cart/add\"]):not([hidden])"],"page":[{"lineItem":{"key":".cart-page__items table tbody tr","image":".cart-items__media-image","details":".cart-items__details","quantity":{"wrapper":".quantity-selector","input":".quantity-selector input","decrease":"button[name=minus]","increase":"button[name=plus]"},"removeButton":".cart-items__remove"}}]},"theme_store_id":2481,"theme_name":"Horizon"}; }if (Shopify.theme.id == 159376802017) { window.GPOConfigs.theme = {"product":{"form":["[data-gpo-product-form]",".buy-buttons-block form",".gpo-form-wrapper form","form[action*=\"/cart/add\"]:not([class*=\"installment\"]):not([class*=\"instalment\"]):not([id*=\"Installment\"]):not([id*=\"installment\"]):not([id*=\"instalment\"]):not([hidden]):not([data-uploadkit-validation-added])"],"sticky":{"variantActivator":"[data-gpo-sticky-variant-activator]","atcButton":"sticky-add-to-cart .sticky-add-to-cart__button"},"imageContainer":"[data-gpo-product-image-container],.product-information__media:not([style=\"display: none;\"]) slideshow-container,.product-information .pwzrswiper-wrapper","imageButton":"media-gallery slideshow-component .slideshow-control,.PwzrGrid-item,.product-information .pwzrswiper-btn-next,.product-information .pwzrswiper-btn-pre","image":"[data-gpo-product-image],.product-information__media:not([style=\"display: none;\"]) slideshow-slide[aria-hidden=false] img,.product-information .pwzrswiper-slide.pwzrswiper-slide-active img","unitPrice":"[data-gpo-product-unit-price],gp-product-price.gpo-product-unit-price [type=regular],.product-details product-price .price","compareAtPrice":"[data-gpo-product-compare-at-price]","variantWrapper":".product-details variant-picker","variantSelector":".product-details .buy-buttons-block [name=id],.gpo-form-wrapper gp-product product-form form [name=id]","variantActivator":".product-details variant-picker label","quantity":"[name=qty],[name=quantity]","addToCartButton":"[data-gpo-product-atc],[data-pf-type*=ProductATC],.gp-button-atc.gpo-gp-atc,gp-button button.gp-button-atc,.lh-buy-now,button.product-buy-buttons--primary,button[id*=AddToCart],button[id*=addToCart],a[id*=AddToCart],a[id*=addToCart],.AddtoCart,.btn-addtocart,.product__add-to-cart-button,button.product-submit,input.product-submit,.product-form--atc-button,.product-form__cart-submit,.product-form__add-button,.product-form--add-to-cart,.product-buy-buttons--cta,.btn--add-to-cart,.button-cart,button.add-to-cart-btn,.add-to-cart-button,.add_to_cart:not(#customily-cart-btn-preview),.button--addToCart,[data-product-add],input.add-to-cart,.smi-button-add-to-cart,button.add-to-cart:not(.ymp_mainBtn),.product-details .add-to-cart-ui button:not(.qty-minus):not(.qty-plus),.gp-button-atc[aria-label=\"Add To Cart\"],.qview-btn-addtocart,[name=add]:not([type=normal]):not([egw-atc-override]),[type=submit]:not([name=subscribe]):not([name=checkout]):not([class*=search]):not(#query-btn):not(.spr-button):not(.active):not(.gpo-exclude):not(.cowlendar-add-to-cart):not([style=\"display:none;\"])","paymentButton":"[data-shopify=\"payment-button\"],[data-product-buy-now],[data-fast-checkout],#button-cart-buy,.shopify-payment-button__button--unbranded","addToCart":{"excludedAttrs":[{"key":"on:click","value":"/handleAddToCartClick"}]}},"collection":{"wrapper":".product-grid,.ui-test-product-list,.tabbed-collections","item":".product-grid .product-grid__item,.ui-test-product-list .resource-list__item,.tabbed-collections .custom-product-card","productLink":".product-grid__item product-card a,.ui-test-product-list .resource-list__item a.product-card__link,.tabbed-collections .custom-product-card a.product-card__link","quickViewActivator":".quick-add__button","quickViewProductForm":"quick-add-dialog dialog[open] .buy-buttons-block form,quick-add-dialog dialog[open] .product-form-buttons form"},"cart":{"form":["[data-gpo-cart-form]","cart-items-component","form[action*=\"/cart\"]:not([action*=\"/cart/add\"]):not([hidden])"],"page":[{"lineItem":{"key":".cart-page__items table tbody tr","image":".cart-items__media-image","details":".cart-items__details","quantity":{"wrapper":".quantity-selector","input":".quantity-selector input","decrease":"button[name=minus]","increase":"button[name=plus]"},"removeButton":".cart-items__remove"}}]},"theme_store_id":2481,"theme_name":"Horizon"}; }if (Shopify.theme.id == 159510462689) { window.GPOConfigs.theme = {"product":{"form":["[data-gpo-product-form]",".buy-buttons-block form",".gpo-form-wrapper form","form[action*=\"/cart/add\"]:not([class*=\"installment\"]):not([class*=\"instalment\"]):not([id*=\"Installment\"]):not([id*=\"installment\"]):not([id*=\"instalment\"]):not([hidden]):not([data-uploadkit-validation-added])"],"sticky":{"variantActivator":"[data-gpo-sticky-variant-activator]","atcButton":"sticky-add-to-cart .sticky-add-to-cart__button"},"imageContainer":"[data-gpo-product-image-container],.product-information__media:not([style=\"display: none;\"]) slideshow-container,.product-information .pwzrswiper-wrapper","imageButton":"media-gallery slideshow-component .slideshow-control,.PwzrGrid-item,.product-information .pwzrswiper-btn-next,.product-information .pwzrswiper-btn-pre","image":"[data-gpo-product-image],.product-information__media:not([style=\"display: none;\"]) slideshow-slide[aria-hidden=false] img,.product-information .pwzrswiper-slide.pwzrswiper-slide-active img","unitPrice":"[data-gpo-product-unit-price],gp-product-price.gpo-product-unit-price [type=regular],.product-details product-price .price","compareAtPrice":"[data-gpo-product-compare-at-price]","variantWrapper":".product-details variant-picker","variantSelector":".product-details .buy-buttons-block [name=id],.gpo-form-wrapper gp-product product-form form [name=id]","variantActivator":".product-details variant-picker label","quantity":"[name=qty],[name=quantity]","addToCartButton":"[data-gpo-product-atc],[data-pf-type*=ProductATC],.gp-button-atc.gpo-gp-atc,gp-button button.gp-button-atc,.lh-buy-now,button.product-buy-buttons--primary,button[id*=AddToCart],button[id*=addToCart],a[id*=AddToCart],a[id*=addToCart],.AddtoCart,.btn-addtocart,.product__add-to-cart-button,button.product-submit,input.product-submit,.product-form--atc-button,.product-form__cart-submit,.product-form__add-button,.product-form--add-to-cart,.product-buy-buttons--cta,.btn--add-to-cart,.button-cart,button.add-to-cart-btn,.add-to-cart-button,.add_to_cart:not(#customily-cart-btn-preview),.button--addToCart,[data-product-add],input.add-to-cart,.smi-button-add-to-cart,button.add-to-cart:not(.ymp_mainBtn),.product-details .add-to-cart-ui button:not(.qty-minus):not(.qty-plus),.gp-button-atc[aria-label=\"Add To Cart\"],.qview-btn-addtocart,[name=add]:not([type=normal]):not([egw-atc-override]),[type=submit]:not([name=subscribe]):not([name=checkout]):not([class*=search]):not(#query-btn):not(.spr-button):not(.active):not(.gpo-exclude):not(.cowlendar-add-to-cart):not([style=\"display:none;\"])","paymentButton":"[data-shopify=\"payment-button\"],[data-product-buy-now],[data-fast-checkout],#button-cart-buy,.shopify-payment-button__button--unbranded","addToCart":{"excludedAttrs":[{"key":"on:click","value":"/handleAddToCartClick"}]}},"collection":{"wrapper":".product-grid,.ui-test-product-list,.tabbed-collections","item":".product-grid .product-grid__item,.ui-test-product-list .resource-list__item,.tabbed-collections .custom-product-card","productLink":".product-grid__item product-card a,.ui-test-product-list .resource-list__item a.product-card__link,.tabbed-collections .custom-product-card a.product-card__link","quickViewActivator":".quick-add__button","quickViewProductForm":"quick-add-dialog dialog[open] .buy-buttons-block form,quick-add-dialog dialog[open] .product-form-buttons form"},"cart":{"form":["[data-gpo-cart-form]","cart-items-component .cart-items","form[action*=\"/cart\"]:not([action*=\"/cart/add\"]):not([hidden])"],"page":[{"lineItem":{"key":".cart-page__items table tbody tr","image":".cart-items__media-image","details":".cart-items__details","quantity":{"wrapper":".quantity-selector","input":".quantity-selector input","decrease":"button[name=minus]","increase":"button[name=plus]"},"removeButton":".cart-items__remove"}}]},"theme_store_id":2481,"theme_name":"Horizon"}; }window.GPOConfigs.storefrontToken = "c38f2929bc8a81a586d542e74bdd1c4c";
  window.GPOConfigs.shop = {"url":"gcejw9-iq.myshopify.com","version":2,"settings":{"general":{"widget":{"app_position":"before_atc","html_selector":"","alignment":"left","show_tooltip":true,"show_value_next_label":true,"fixed_height_and_scrollable":false,"fixed_height":"","swatch_image_format":"jpg"},"collection_page":{"show_on_quickview":true},"product_page":{"redirect_to_cart":true,"scroll_to_invalid":true,"file_preview":"link_or_image"},"cart_page":{"disable_quantity_and_remove":true,"edit_options":false},"others_page":{"show_on_homepage":true,"show_on_page":true}},"design":{"color":{"app_background":"#fff","label_text":"#000000","required_text":"#ff0000","helptext":"#737373","total_text":"#202223","total_text_money":"#008000","input_text":"#000","input_border":"#9a9a9a","input_background":"#fff","select_text":"#000","select_border":"#9a9a9a","select_background":"#fff","switch_background":"#ddd","switch_active_background":"#ea1255","choicelist_text":"#000","choicelist_text_hover":"#000","choicelist_text_active":"#000","choicelist_hover":"#eb1256","choicelist_active":"#eb1256","button_text":"#000","button_text_hover":"#eb1256","button_text_active":"#fff","button_background":"#fff","button_background_hover":"#fff","button_background_active":"#eb1256","swatch_border":"#ddd","swatch_border_hover":"#ddd","swatch_border_active":"#eb1256","tab_title":"#71717a","tab_title_active":"#212B36","tab_title_hover":"#212B36","tab_content":"#212B36","tab_border":"#e1e1e1","select_selected":"#f8e0e6"},"border":{"input":{"size":1,"radius":2},"dropdown":{"size":1,"radius":2},"swatch":{"size":1,"radius":2}},"typography":{"labeltext":{"customFont":false,"customFontFamily":"Lato","customFontVariant":"400","fontFamily":"Open Sans","fontVariant":"600","fontSize":"14"},"maintext":{"customFont":false,"customFontFamily":"Lato","customFontVariant":"400","fontFamily":"Open Sans","fontVariant":"regular","fontSize":"14"},"helptext":{"customFont":false,"customFontFamily":"Lato","customFontVariant":"400","fontFamily":"Open Sans","fontVariant":"regular","fontSize":"14"},"totaltext":{"customFont":false,"customFontFamily":"Lato","customFontVariant":"400","fontFamily":"Open Sans","fontVariant":"regular","fontSize":"14"}},"additional":{"custom_css":null}},"price":{"product_page":{"money_format":"money_format","label_addon":"(+ {{addon}})","show_for_input":true,"show_for_option":true,"show_addon_message":true,"add_addon_to_product_price":true}}},"translations":{"default":{"widget":{"choose_file":"Choose file","or_drop_file_to_upload":"or drop file to upload","file_uploading":"Uploading...","uploaded_msg":"Uploaded file:","uploaded_link":"Link","selection_will_add":"Selections will add {{addon}} to the price","enter_qty":"Enter quantity"},"addtocart":{"items_are_no_longer_available":"Some items are no longer available. Please try again later.","buynow_not_allowed":"This product cannot be purchased using this checkout method. Please add the item to cart, then proceed to checkout from the cart."},"validation":{"required":"This field is required","invalid":"Invalid","invalid_email":"Invalid email","invalid_phone":"Invalid phone number","invalid_number":"Invalid number","min_char":"Please enter more than or equal to {{min_character}} characters","char_limit":"Please enter less than or equal to {{character_limit}} characters","char_counter":"{{character_count}}\/{{character_limit}} characters","min_value":"Please enter a value greater than or equal to {{min_value}}","max_value":"Please enter a value less than or equal to {{max_value}}","min_selection":"Please select at least {{min_selection}} options","max_selection":"Please select at maximum {{max_selection}} options","exactly_selection":"Please select exactly {{exactly_selection}} options","file_not_allowed":"File not allowed"},"cart":{"edit_options":"Edit Options","cancel":"Cancel","save":"Save Changes"}}}};
  window.GPOConfigs.money_format = window.GPOConfigs?.shop?.settings?.price?.product_page?.money_format === "money_with_currency_format" ? "${{amount}} USD" : "${{amount}}";
  window.GPOConfigs.product = false;
  window.GPOConfigs.product.collections = false;
  window.GPOConfigs.customer = false;
  window.GPOConfigs.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
  window.GPOConfigs.cart_type = "drawer";
  window.GPOConfigs.page = { type: 'index' };
  if (window.AVADA_SPEED_WHITELIST) {
    const gpo_w = /globo-product-option/i;
    window.AVADA_SPEED_WHITELIST = [].concat(window.AVADA_SPEED_WHITELIST, gpo_w);
  }
</script>


<style>.gpo-hidden,[class*=gpo-original],[data-gpo-is-enabled=true] [data-shopify=payment-button],[data-gpo-is-enabled=true][data-gpo-cart-hide-additional-payment-button=true] [data-shopify=dynamic-checkout-cart],a[class*=gpo-original],button[class*=gpo-original],input#AddToCart[class*=gpo-original],input#addToCart[class*=gpo-original],input[class*=gpo-original]{display:none!important}.gpo-hidden{opacity:0!important;visibility:hidden!important}#mini-cart form.cart a.gpo-clone-checkout-button,.cart-flyout a.gpo-clone-checkout-button{display:block!important}</style></div><div id="shopify-block-AVU0zK1p3ZlJNdWpsN__15796953133730294439" class="shopify-block shopify-app-block"><!-- Growave Theme extension Embed section -->

    <!-- BEGIN app snippet: socialshopwave-helper-v2 --><script>
  if (!window.gw) {
    window.gw = {};
  }

  if(!window.gw.customizations) {
    window.gw.customizations = [];

    window.gw.registerWidgetCustomization = (selectWidget, customizeWidget) => {
      window.gw.customizations.push([
        selectWidget,
        customizeWidget
      ])
    }
  }

  if (window.gw.browserTimeDiffMs === undefined) {
    window.gw.browserTimeDiffMs = 0;
  }

  if (window.gw.useLegacyAdapter === undefined) {
    window.gw.useLegacyAdapter = false;
  }
</script>



<div class="gw-widget-placeholder-LC-wrapper" style="display: block">
    <div class="gw-widget-placeholder-LC"></div>
</div>
<div class="gw-widget-placeholder-RC-wrapper" style="display: block">
    <div class="gw-widget-placeholder-RC"></div>
</div>
<div class="gw-widget-placeholder-BR-wrapper" style="display: block">
    <div class="gw-widget-placeholder-BR"></div>
</div>
<div class="gw-widget-placeholder-BL-wrapper" style="display: block">
    <div class="gw-widget-placeholder-BL"></div>
</div>








  
  

  
    

    
      <script type="text/json" id="common.critical.Points.en">
        {"points_name_singular":"point","points_name_plural":"points"}
      </script>
    
  
    

    
      <script type="text/json" id="reviews.critical.AverageReviewsWidget.en">
        {"write_a_review":"Write a review","ask_a_question":"Ask a question"}
      </script>
    
  
    

    
      <script type="text/json" id="reviews.critical.ReviewsStarRatingWidget.en">
        {"write_a_review":"Write a review","ask_a_question":"Ask a question","no_reviews":"No reviews","review":"review"}
      </script>
    
  
    

    
  
    

    
      <script type="text/json" id="reviews.critical.ReviewsDrawerWidget.en">
        {"drawer_title":"Our Reviews","drawer_button_title":"Reviews","write_a_review":"Write a review","sort_by":"Sort by:"}
      </script>
    
  
    

    
      <script type="text/json" id="reviews.critical.ReviewsPageWidget.en">
        {"shop_reviews":"Shop Reviews","product_reviews":"Product Reviews","search":"Search...","customer_reviews_title":"Customer Reviews","reviews":"Reviews","sort_by":"Sort by:","write_a_review":"Write a review"}
      </script>
    
  
    

    
      <script type="text/json" id="reviews.critical.ReviewsProductPageWidget.en">
        {"ask_a_question":"Ask a question","sort_by":"Sort by:","write_a_review":"Write a review","filter_by":"Filter","questions_main_title":"Questions","reviews":"Reviews","customer_reviews_title":"Customer Reviews","questions":"Questions"}
      </script>
    
  
    

    
      <script type="text/json" id="reviews.critical.ReviewsSliderWidget.en">
        {"slider_title":"Our customers love us","from_reviews":"from {{count}} reviews"}
      </script>
    
  
    

    
      <script type="text/json" id="rewards.critical.RewardsPopUpWidget.en">
        {"sign_in":"Sign in","join_now_label":"Join now","launcher_label":"Rewards","join_program":"Join the Loyalty Program to enjoy exclusive rewards!","have_an_account":"Already have an account?","customer_balance":"Your balance:","points_expiration":"Expiration: {{date}}","welcome_to_program":"Welcome to"}
      </script>
    
  
    

    
      <script type="text/json" id="rewards.critical.RewardsJoinNowModalWidget.en">
        {"description":"Sign up for exciting bonuses!","join_now_label":"Join now","title":"You are welcome to join our loyalty program!"}
      </script>
    
  
    

    
      <script type="text/json" id="rewards.critical.RewardsVerifyAccountModalWidget.en">
        {"description":"Thanks for joining us! We just sent a verification link to <br /> your email. Click on it and get reward!🎁","title":"Verify your account!"}
      </script>
    
  
    

    
      <script type="text/json" id="rewards.critical.RewardsEarnPointsProductPageWidget.en">
        {"earn_points_on_purchase":"Earn {{points}} {{points_name}} on this purchase.","learn_more":"Learn more","earn_store_credits_on_purchase":"Earn {{store_credits}} store credit on this purchase."}
      </script>
    
  
    

    
      <script type="text/json" id="wishlist.critical.WishlistPageWidget.en">
        {"header_title":"My Wishlists","link_copied_label":"Link copied","sort_low_to_high_price":"Price Low-High","sort_z_to_a_product_title":"Name Z-A","delete_wishlist_button_accessibility_label":"Delete wishlist","sort_hight_to_low_price":"Price High-Low","sort_recently_added":"Recently added","sort_a_to_z_product_title":"Name A-Z","save_wishlist_button_text":"Save my wishlist","social_share_label":"Share:","add_wishlist_button_text":"Add a new list","edit_wishlist_button_accessibility_label":"Edit wishlist","save_wishlist_button_accessibility_label":"Save wishlist","empty_state_title":"Nothing added to wishlist.","add_to_cart_button_label":"Add to cart","show_in_cart_button_label":"Show in cart","sold_out_label":"Out of stock","browse_products":"Browse products","sort_by":"Sort by:","filter_by":"Filter by:","filter_all":"All","filter_available":"Available"}
      </script>
    
  
    

    
      <script type="text/json" id="wishlist.critical.SharedWishlistPageWidget.en">
        {"show_in_cart_button_label":"Show in cart","sold_out_label":"Out of stock","edit_wishlist_button_accessibility_label":"Edit wishlist","title":"Shared wishlists","save_wishlist_button_accessibility_label":"Save wishlist","delete_wishlist_button_accessibility_label":"Delete wishlist","empty_state_title":"Nothing added to wishlist.","browse_products":"Browse products","add_to_cart_button_label":"Add to cart"}
      </script>
    
  
    

    
      <script type="text/json" id="wishlist.critical.WishlistDrawerWidget.en">
        {"drawer_button_label":"Wishlist"}
      </script>
    
  
    

    
      <script type="text/json" id="wishlist.critical.SaveWishlistModalWidget.en">
        {"save_wishlist_button_text":"Save my wishlist","subscribe_for_newsletter":"Receive price drop and restock updates"}
      </script>
    
  
    

    
      <script type="text/json" id="wishlist.critical.AddToWishlistProductCardWidget.en">
        {"remove_from_wishlist_button_accessibility_label":"Remove from wishlist","add_to_wishlist_button_accessibility_label":"Add to wishlist"}
      </script>
    
  
    

    
      <script type="text/json" id="wishlist.critical.AddToWishlistButtonWidget.en">
        {"add_to_wishlist_button_accessibility_label":"Add to wishlist","remove_from_wishlist_button_accessibility_label":"Remove from wishlist"}
      </script>
    
  
    

    
      <script type="text/json" id="wishlist.critical.AddToWishlistProductPageWidget.en">
        {"add_to_wishlist_button_text":"Add to wishlist","remove_from_wishlist_button_text":"Remove from wishlist","added_to_wishlist_button_text":"Added to wishlist"}
      </script>
    
  
    

    
      <script type="text/json" id="wishlist.critical.GoToWishlistPageHeaderWidget.en">
        {"open_wishlist_page_button_accessibility_label":"Go to wishlist page"}
      </script>
    
  
    

    
      <script type="text/json" id="wishlist.critical.WishlistsWidget.en">
        {"add_list_button":"Add a new list","main_title":"Wishlist"}
      </script>
    
  
    

    
      <script type="text/json" id="instagram.critical.InstagramGalleryWidget.en">
        {"view_on_instagram":"View on Instagram","shop_it":"SHOP IT","prev":"Prev","next":"Next","description":"Description","load_more":"Load more"}
      </script>
    
  
    

    
      <script type="text/json" id="tiktok.critical.TikTokGalleryWidget.en">
        {"view_on_tiktok":"View on TikTok","shop_it":"SHOP IT","description":"Description","load_more":"Load more"}
      </script>
    
  
    

    
      <script type="text/json" id="giftRegistry.critical.AddToRegistryProductPageWidget.en">
        {"add_to_registry":"Add to registry","added_to_registry":"Added to registry"}
      </script>
    
  







  
  

  
    
  












<!-- TODO use theme settings from the variables -->


<script id="gw-additional-info" type="application/json">
  {
    "FEATURES": {
      "moneyFormat": "${{amount}}",
      "moneyWithCurrencyFormat": "${{amount}} USD",
      "shopCurrency": "USD",
      "currencySymbol": "$",
      "availableApps": ["social-login"],
      "storefrontApiAccessToken":  "ece95d15c524828263b63c8dab62ef51" ,
      "countryIsoCode": "US",
      "languageIsoCode": "EN",
      "currencyIsoCode": "USD",
      "gwI18nLocale": "en",
      "shopName": "YOURS TRULEE \u0026amp; CO.",
      "isShadowRootDisabledGlobally": false,
      "storefrontLoginUrl": "\/customer_authentication\/login?return_to=%2Fshop.css\u0026locale=en\u0026ui_hint=full"
    },
    "GW_CUSTOMER_INFO":  null ,
    "GW_PRODUCT_INFO": {
      "productId":  null ,
      "variantId":  null ,
      "defaultVariantId":  null 
    },
    "GW_SHOP_BRAND_INFO": {
      "logoUrl":  null 
    }
  }
</script>

<script>
  if (window.GW_GROWAVE_LOADED) {
    throw new Error("Growave embeds conflict")
  }
  if (document && document.cookie && document.cookie.includes("GW_DISABLED=true")) {
    console.warn("Growave is disabled by cookie")
  } else {
    window.GW_GROWAVE_LOADED = true;
    
    
    let GW_BUNDLE_URL="";
    const GW_DEV_GROWAVE_BUNDLE_URL = localStorage.getItem("GW_DEV_GROWAVE_BUNDLE_URL");
    if (GW_DEV_GROWAVE_BUNDLE_URL) {
      GW_BUNDLE_URL = GW_DEV_GROWAVE_BUNDLE_URL;
    }
    if (!GW_BUNDLE_URL) {
      throw new Error("Url for bundle not found!")
    }
    window.gwWebpackGlobal = window.gwWebpackGlobal || {};
    const mainScript = document.createElement("script");
    mainScript.defer = true;
    mainScript.type="text/javascript";
    mainScript.src=GW_BUNDLE_URL;
    document.body.appendChild(mainScript);
  }
</script>
<!-- END app snippet -->



</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
