/** Shopify CDN: Minification failed

Line 1230:18 Unexpected "{"
Line 1230:27 Expected ":"
Line 1238:20 Unexpected "{"
Line 1238:29 Expected ":"
Line 1243:20 Unexpected "{"
Line 1243:29 Expected ":"
Line 1248:20 Unexpected "{"
Line 1248:29 Expected ":"
Line 1249:20 Unexpected "{"
Line 1249:29 Expected ":"
... and 42 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:contact-store-locator (INDEX:12) */
.contact-locator {
    background: #faf9f5;
  }

  .contact-locator__surface {
    max-width: 1400px;
    margin: 0 auto;
    padding-block: clamp(2.5rem, 5vw, 4.75rem);
    padding-inline: clamp(1.25rem, 4vw, 3rem);
  }

  .contact-locator__intro {
    text-align: center;
    margin-bottom: clamp(2rem, 4vw, 2.5rem);
  }

  .contact-locator__title {
    margin: 0 0 0.65rem;
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 400;
    line-height: 1.05;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }

  .contact-locator__title--accent {
    color: #b89f7b;
  }

  .contact-locator__title--spaced {
    margin-top: clamp(2.5rem, 5vw, 3.5rem);
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    text-align: center;
  }

  .contact-locator__lede {
    margin: 0 auto;
    max-width: 36rem;
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 1.125rem;
    line-height: 1.45;
    color: #0d0807;
  }

  .contact-locator__coming-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1.5rem, 3vw, 2rem);
    margin-bottom: clamp(2rem, 4vw, 2.75rem);
  }

  .contact-locator__coming-card {
    text-align: left;
  }

  .contact-locator__coming-city {
    margin: 0 0 1rem;
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-size: clamp(1.5rem, 2.5vw, 2.25rem);
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    color: #0d0807;
  }

  .contact-locator__coming-row {
    display: flex;
    align-items: center;
    gap: 0.65rem;
  }

  .contact-locator__coming-status {
    margin: 0;
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0d0807;
  }

  .contact-locator__map-frame {
    margin-bottom: clamp(2rem, 4vw, 2.75rem);
    border-radius: 4px;
    overflow: hidden;
    min-height: 280px;
    background: #e8e6e0;
  }

  .contact-locator__map-frame--embed {
    min-height: 0;
    background: #dfe8e0;
  }

  .contact-locator__iframe {
    display: block;
    width: 100%;
    border: 0;
    height: var(--contact-locator-map-h, 480px);
    min-height: 280px;
  }

  .contact-locator__map-image {
    margin-bottom: clamp(2rem, 4vw, 2.75rem);
    border-radius: 4px;
    overflow: hidden;
    line-height: 0;
    background: #e8e6e0;
  }

  .contact-locator__map-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: min(480px, 50vh);
  }

  .contact-locator__main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: start;
  }

  .contact-locator__stores {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .contact-locator__store-card {
    flex: 1 1 220px;
    min-width: min(100%, 220px);
    max-width: 100%;
  }

  .contact-locator__store-city {
    margin: 0 0 1rem;
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-size: clamp(1.35rem, 2.2vw, 2.25rem);
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    color: #0d0807;
  }

  .contact-locator__store-lines {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .contact-locator__store-line {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
  }

  .contact-locator__store-line p {
    margin: 0;
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.06em;
    color: #0d0807;
  }

  .contact-locator__store-line a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .contact-locator__icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0d0807;
  }

  .contact-locator__icon .element-icon {
    --element-icon-size: 22px;
  }

  .contact-locator__icon--pin,
  .contact-locator__icon--clock {
    color: #0d0807;
  }

  .contact-locator__icon--pin svg,
  .contact-locator__icon--clock svg {
    width: 22px;
    height: 22px;
    display: block;
  }

  .contact-locator__form-wrap {
    width: 100%;
    max-width: 560px;
    margin-inline: auto;
  }

  .contact-locator__form .errors {
    margin-bottom: 1rem;
  }

  .contact-locator__field {
    margin-bottom: 1.25rem;
  }

  .contact-locator__label {
    display: block;
    margin-bottom: 0.5rem;
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 0.9375rem;
    font-weight: 600;
    color: #101828;
    letter-spacing: -0.01em;
  }

  .contact-locator__input,
  .contact-locator__textarea {
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #fff;
    padding: 0.75rem 1rem;
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 1rem;
    color: #0d0807;
  }

  .contact-locator__textarea {
    min-height: 7.5rem;
    resize: vertical;
  }

  .contact-locator__submit {
    margin-top: 0.5rem;
    background: #c80000;
    color: #fff;
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.75rem 2.25rem;
    font-weight: 600;
  }

  .contact-locator__submit:hover {
    background: #a50000;
    color: #fff;
  }

  @media only screen and (max-width: 989px) {
    .contact-locator__coming-grid {
      grid-template-columns: 1fr;
    }

    .contact-locator__main {
      grid-template-columns: 1fr;
    }

    .contact-locator__form-wrap {
      max-width: none;
    }
  }
/* END_SECTION:contact-store-locator */

/* START_SECTION:custom-featured-recipe (INDEX:15) */
.custom-featured-recipe {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    background: var(--custom-featured-recipe-bg, #efece4);
    color: var(--custom-featured-recipe-text, #0d0807);
    overflow: hidden;
  }

  .custom-featured-recipe--image-left {
    direction: rtl;
  }

  .custom-featured-recipe--image-left > * {
    direction: ltr;
  }

  .custom-featured-recipe__text-col {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(2rem, 5vw, 5rem);
  }

  .custom-featured-recipe__content {
    max-width: 42rem;
    width: 100%;
  }

  .custom-featured-recipe__subtitle {
    margin: 0 0 clamp(1.25rem, 3vw, 2.5rem);
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: none;
  }

  .custom-featured-recipe__heading {
    margin: 0 0 clamp(0.75rem, 1.5vw, 1rem);
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-size: clamp(2.5rem, 6vw, 6rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.01em;
    text-transform: uppercase;
  }

  .custom-featured-recipe__date {
    margin: 0 0 clamp(0.75rem, 1.5vw, 1rem);
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.08em;
  }

  .custom-featured-recipe__body {
    margin: 0 0 clamp(1.25rem, 3vw, 2rem);
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 0.9375rem;
    line-height: 1.6;
  }

  .custom-featured-recipe__body p {
    margin: 0;
  }

  .custom-featured-recipe__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: clamp(1rem, 2vw, 1.75rem);
  }

  .custom-featured-recipe__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 0.83rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--custom-featured-recipe-text, #0d0807);
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
  }

  .custom-featured-recipe__btn--primary {
    border: 1px solid var(--custom-featured-recipe-text, #0d0807);
    padding: 0.8em 1.8em;
  }

  .custom-featured-recipe__btn--primary:hover {
    background: var(--custom-featured-recipe-text, #0d0807);
    color: var(--custom-featured-recipe-bg, #efece4);
  }

  .custom-featured-recipe__btn--secondary {
    padding: 0.8em 0;
    border: none;
    background: none;
  }

  .custom-featured-recipe__btn--secondary:hover {
    opacity: 0.65;
  }

  .custom-featured-recipe__image-col {
    position: relative;
    min-height: 28rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: -webkit-center
  }

  .custom-featured-recipe__img {
    position: relative;
    width: min(100%, var(--custom-featured-recipe-image-max, 430px));
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover;
  }

  .custom-featured-recipe__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, var(--custom-featured-recipe-image-max, 430px));
    aspect-ratio: 1 / 1;
    min-height: 0;
    opacity: 0.35;
  }

  @media only screen and (max-width: 749px) {
    .custom-featured-recipe {
      grid-template-columns: 1fr;
      min-height: 90vh;
      min-height: 90dvh;
      padding-top: clamp(1.25rem, 5vw, 2rem);
      margin-bottom: clamp(2rem, 8vw, 3.5rem);
    }

    .custom-featured-recipe--image-left {
      direction: ltr;
    }

    .custom-featured-recipe__image-col {
      min-height: 0;
      order: -1;
      padding: 0;
      
    }

    .custom-featured-recipe__text-col {
      padding: clamp(1.5rem, 5vw, 3rem);
    }

    .custom-featured-recipe__img,
    .custom-featured-recipe__placeholder {
      width: min(100%, var(--custom-featured-recipe-image-max-mobile, 360px));
    }
  }
/* END_SECTION:custom-featured-recipe */

/* START_SECTION:custom-shop-all-hub (INDEX:16) */
.custom-shop-all-hub {
    background: var(--hub-bg);
    padding: 0 0 80px;
  }

  .custom-shop-all-hub__editor-note {
    padding: 24px 0;
  }

  .custom-shop-all-hub__editor-note-text {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: var(--hub-black);
  }

  .custom-shop-all-hub__hero {
    position: relative;
    margin-bottom: 48px;
  }

  .custom-shop-all-hub__hero-media {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #9e9e9e;
  }

  .custom-shop-all-hub__hero-media--natural {
    line-height: 0;
  }

  .custom-shop-all-hub__hero-media--landscape {
    aspect-ratio: 21 / 9;
  }

  .custom-shop-all-hub__hero-media--portrait {
    aspect-ratio: 4 / 5;
    max-height: 70vh;
    margin-inline: auto;
    max-width: 900px;
  }

  .custom-shop-all-hub__hero-media--square {
    aspect-ratio: 1;
    max-width: 900px;
    margin-inline: auto;
  }

  .custom-shop-all-hub__hero-media--placeholder {
    aspect-ratio: 21 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .custom-shop-all-hub__hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .custom-shop-all-hub__hero-media--natural .custom-shop-all-hub__hero-img {
    height: auto;
  }

  .custom-shop-all-hub__hero-placeholder {
    width: 100%;
    height: 100%;
    opacity: 0.35;
  }

  .custom-shop-all-hub__hero-heading {
    margin-top: 24px;
    text-align: center;
  }

  .custom-shop-all-hub__hero-title {
    margin: 0;
    color: var(--hub-black);
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
  }

  .custom-shop-all-hub__body {
    display: flex;
    flex-direction: column;
    gap: 56px;
  }

  .custom-shop-all-hub__category-head {
    margin-bottom: 20px;
  }

  .custom-shop-all-hub__category-title {
    margin: 0;
    color: var(--hub-black);
    font-family: 'Bebas Neue', sans-serif;
    font-size: var(--hub-heading-size);
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
  }

  .custom-shop-all-hub__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--hub-grid-gap-x);
    row-gap: var(--hub-grid-gap-y);
  }

  .custom-shop-all-hub__card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
  }

  .custom-shop-all-hub__card--wide {
    grid-column: span 2;
  }

  .custom-shop-all-hub__image-link {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    background: #9e9e9e;
    height: var(--hub-card-image-height);
  }

  .custom-shop-all-hub__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .custom-shop-all-hub__image--placeholder {
    width: 100%;
    height: 100%;
  }

  .custom-shop-all-hub__product-title {
    margin: 0;
    color: var(--hub-black);
    font-family: 'Bebas Neue', sans-serif;
    font-size: var(--hub-heading-size);
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
  }

  .custom-shop-all-hub__product-title a {
    color: inherit;
    text-decoration: none;
  }

  .custom-shop-all-hub__product-title a:hover,
  .custom-shop-all-hub__product-title a:focus-visible {
    text-decoration: underline;
  }

  .custom-shop-all-hub__price {
    margin: 0;
    color: var(--hub-black);
    font-family: 'Roboto', sans-serif;
    font-size: var(--hub-price-size);
    font-weight: 400;
    line-height: 1;
  }

  .custom-shop-all-hub__empty {
    margin: 0;
    color: var(--hub-muted);
    font-family: 'Roboto', sans-serif;
    font-size: var(--hub-price-size);
  }

  .custom-shop-all-hub__empty--inline {
    grid-column: 1 / -1;
  }

  @media screen and (max-width: 989px) {
    .custom-shop-all-hub__hero-media--landscape {
      aspect-ratio: 16 / 9;
    }
  }

  @media screen and (max-width: 749px) {
    .custom-shop-all-hub__grid--2-mobile {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .custom-shop-all-hub__grid--2-mobile .custom-shop-all-hub__card--wide {
      grid-column: span 2;
    }

    .custom-shop-all-hub__grid--1-mobile {
      grid-template-columns: 1fr;
    }

    .custom-shop-all-hub__grid--1-mobile .custom-shop-all-hub__card--wide {
      grid-column: span 1;
    }
  }
/* END_SECTION:custom-shop-all-hub */

/* START_SECTION:custom-shop-hero (INDEX:17) */
.custom-shop-hero {
    position: relative;
    overflow: hidden;
  }

  .custom-shop-hero__bg {
    position: absolute;
    inset: -10% -20%;
    pointer-events: none;
    z-index: 0;
    opacity: 0.45;
    min-height: 100%;
  }

  .custom-shop-hero__bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: soft-light;
  }

  .custom-shop-hero__stage {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: clamp(2rem, 5vw, 4rem);
    min-height: clamp(28rem, 70vh, 100rem);
  }

  .custom-shop-hero__stage--viewport {
    min-height: 100vh;
    min-height: 100dvh;
    box-sizing: border-box;
  }

  .custom-shop-hero__story {
    position: relative;
    z-index: 2;
    padding-block: clamp(2.5rem, 5vw, 5rem);
  }

  .custom-shop-hero__story .feature-row {
    position: relative;
    z-index: 1;
  }

  .custom-shop-hero__story .feature-row__images .image-wrap {
    background: transparent;
  }

  /* Avoid theme image-fade / opacity:0 on story photo — reads as soft or “low quality” until AOS runs */
  .custom-shop-hero__story .feature-row__images .image-wrap img.image-element {
    opacity: 1;
    animation: none;
  }

  @media screen and (min-width: 590px) {
    .custom-shop-hero__story .feature-row__text--left {
      padding-left: 0;
    }

    .custom-shop-hero__story .feature-row__text--right {
      padding-right: 0;
    }

    .custom-shop-hero__story .feature-row-wrapper.feature-row--66 .feature-row__images {
      flex: 0 1 72%;
      max-width: none;
    }

    .custom-shop-hero__story .feature-row-wrapper.feature-row--66 .feature-row__text {
      flex: 1 1 28%;
      min-width: 0;
      max-width: 40%;
    }
  }

  .custom-shop-hero__story .feature-row__text .subheading {
    margin-bottom: var(--custom-shop-hero-story-subtitle-gap-desktop, 24px);
  }

  @media screen and (max-width: 767px) {
    .custom-shop-hero__story .feature-row__text .subheading {
      margin-bottom: var(--custom-shop-hero-story-subtitle-gap-mobile, 16px);
    }
  }

  .custom-shop-hero__display {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0px clamp(0.5rem, 2vw, 2rem);
    font-family: 'Besley', var(--typeHeaderPrimary), var(--typeHeaderFallback) !important;
    font-weight: 700;
    line-height: 0.95;
    color: var(--custom-shop-hero-word-idle, #eadfc4);
  }

  .custom-shop-hero__display-line {
    margin: 0;
    max-width: 100%;
    font-size: clamp(2.5rem, 8vw, 7rem);
    letter-spacing: -0.02em;
    font-family: 'Besley', var(--typeHeaderPrimary), var(--typeHeaderFallback) !important;
    font-weight: 700;
  }

  .custom-shop-hero__display-line--2 {
    align-self: flex-end;
    text-align: right;
    padding-inline-start: 15%;
  }

  .custom-shop-hero__display-line--3 {
    margin-top: auto;
    padding-block-end: 5%;
  }

  .custom-shop-hero .custom-shop-tiles__media::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
      0deg,
      rgb(0 0 0 / 50%) 0%,
      rgb(0 0 0 / 28%) 25%,
      rgb(0 0 0 / 0%) 50%,
      rgb(0 0 0 / 0%) 100%
    );
  }

  .custom-shop-hero__word {
    transition: color 0.25s ease;
    color: var(--custom-shop-hero-word-idle, #eadfc4);
    font-family: inherit;
  }

  @media (hover: hover) and (pointer: fine) {
    .custom-shop-hero:has(.custom-shop-tiles__item[data-shop-word='convenient']:hover)
      .custom-shop-hero__word--convenient,
    .custom-shop-hero:has(.custom-shop-tiles__item[data-shop-word='convenient']:focus-visible)
      .custom-shop-hero__word--convenient {
      color: var(--custom-shop-hero-word-active, #c80000);
    }

    .custom-shop-hero:has(.custom-shop-tiles__item[data-shop-word='curated']:hover)
      .custom-shop-hero__word--curated,
    .custom-shop-hero:has(.custom-shop-tiles__item[data-shop-word='curated']:focus-visible)
      .custom-shop-hero__word--curated {
      color: var(--custom-shop-hero-word-active, #c80000);
    }

    .custom-shop-hero:has(.custom-shop-tiles__item[data-shop-word='quality']:hover)
      .custom-shop-hero__word--quality,
    .custom-shop-hero:has(.custom-shop-tiles__item[data-shop-word='quality']:focus-visible)
      .custom-shop-hero__word--quality {
      color: var(--custom-shop-hero-word-active, #c80000);
    }
  }
/* END_SECTION:custom-shop-hero */

/* START_SECTION:custom-shop-tiles-row (INDEX:18) */
.custom-shop-tiles-row {
    position: relative;
    overflow: hidden;
  }

  .custom-shop-tiles-row__inner {
    width: 100%;
    margin-inline: auto;
  }

  .custom-shop-tiles-row .custom-shop-tiles__media::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
      180deg,
      rgb(0 0 0 / 45%) 0%,
      rgb(0 0 0 / 25%) 25%,
      rgb(0 0 0 / 0%) 50%,
      rgb(0 0 0 / 0%) 100%
    );
  }

  .custom-shop-tiles-row--viewport {
    min-height: 90vh;
    min-height: 90dvh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-block: clamp(1.5rem, 4vh, 3rem);
  }

  @media only screen and (max-width: 749px) {
    .custom-shop-tiles-row--viewport {
      min-height: auto;
      padding-block: 0;
    }
  }

  @media only screen and (min-width: 750px) {
    .custom-shop-tiles-row--viewport .custom-shop-tiles-row__inner {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      min-height: 0;
    }

    .custom-shop-tiles-row--viewport .custom-shop-tiles {
      flex: 1 1 auto;
      min-height: 0;
    }

    .custom-shop-tiles-row--viewport .custom-shop-tiles__item {
      min-height: 0;
    }
  }

  .custom-shop-tiles--standalone-viewport {
    margin-block: 0;
  }

  .custom-shop-tiles--standalone {
    margin-block: clamp(1.5rem, 4vw, 3rem);
  }
/* END_SECTION:custom-shop-tiles-row */

/* START_SECTION:custom-ways-to-shop (INDEX:19) */
.custom-ways-to-shop {
    position: relative;
    background: #0d0807;
    color: #efece4;
    overflow: hidden;
    min-height: 50vh;
    display: flex;
    flex-direction: column;
  }

  .custom-ways-to-shop__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  .custom-ways-to-shop__bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }

  .custom-ways-to-shop__bg-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  }

  .custom-ways-to-shop__body {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    flex: 1;
    width: 100%;
  }

  .custom-ways-to-shop__text {
    flex: 1;
    min-width: 0;
    padding: clamp(2rem, 5vw, 5rem);
    padding-top: clamp(4rem, 12vw, 10rem);
    max-width: 42rem;
  }

  .custom-ways-to-shop__subtitle {
    margin: 0 0 clamp(1.25rem, 3vw, 2.5rem);
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .custom-ways-to-shop__heading {
    margin: 0 0 clamp(0.5rem, 1.5vw, 1rem);
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
  }

  .custom-ways-to-shop__description {
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 1rem;
    line-height: 1.5;
    max-width: 40rem;
  }

  .custom-ways-to-shop__description p {
    margin: 0;
  }

  .custom-ways-to-shop__panels {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    align-self: stretch;
  }

  .custom-ways-to-shop__panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 3vw, 3rem);
    width: clamp(10rem, 22vw, 26rem);
    text-decoration: none;
    color: #fff;
    transition:
      color 0.25s ease,
      opacity 0.25s ease;
  }

  .custom-ways-to-shop__panel:hover,
  .custom-ways-to-shop__panel:focus-visible {
    opacity: 1;
    color: var(--custom-wts-accent, #c80000);
  }

  .custom-ways-to-shop__panel:hover .custom-ways-to-shop__panel-label,
  .custom-ways-to-shop__panel:focus-visible .custom-ways-to-shop__panel-label {
    color: var(--custom-wts-accent, #c80000);
  }

  .custom-ways-to-shop__panel--shop {
    background: rgba(0, 0, 0, 0.5);
  }

  .custom-ways-to-shop__panel--locator {
    background: rgba(184, 159, 123, 0.6);
  }

  .custom-ways-to-shop__panel-icon {
    color: var(--custom-wts-accent, #c80000);
  }

  .custom-ways-to-shop__panel-icon svg {
    width: clamp(2.5rem, 3.5vw, 4rem);
    height: clamp(2.5rem, 3.5vw, 4rem);
  }

  .custom-ways-to-shop__panel-label {
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-size: clamp(1.5rem, 3vw, 3rem);
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
  }

  @media only screen and (max-width: 749px) {
    .custom-ways-to-shop__body {
      flex-direction: column;
      align-items: stretch;
    }

    .custom-ways-to-shop__text {
      padding-top: clamp(14rem, 55vw, 22rem);
    }

    .custom-ways-to-shop__panels {
      flex-direction: row;
    }

    .custom-ways-to-shop__panel {
      flex: 1;
      width: auto;
      padding: clamp(2rem, 6vw, 3rem) 1rem;
    }

  }
/* END_SECTION:custom-ways-to-shop */

/* START_SECTION:footer (INDEX:28) */
.conger-footer {
    position: relative;
    overflow: hidden;
    border-top: 13px solid #c31a1b;
    background: #efece4;
    color: #b89f7b;
    font-family: 'Bebas Neue', var(--typeHeaderPrimary), var(--typeHeaderFallback), sans-serif;
  }

  .conger-footer::after {
    content: 'CONGER';
    position: absolute;
    right: clamp(1rem, 4vw, 3rem);
    bottom: -1.5rem;
    font-family: 'Bebas Neue', var(--typeHeaderPrimary), var(--typeHeaderFallback), sans-serif;
    font-size: clamp(5rem, 15vw, 11rem);
    font-weight: 700;
    line-height: 1;
    color: rgb(195 26 27 / 9%);
    pointer-events: none;
    z-index: 0;
  }

  .conger-footer__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1.15fr 1.15fr;
    gap: clamp(2rem, 4vw, 4rem);
    padding-block: clamp(2.75rem, 5vw, 5rem);
  }

  .conger-footer h3,
  .conger-footer h4 {
    margin: 0 0 1rem;
    font-family: 'Bebas Neue', var(--typeHeaderPrimary), var(--typeHeaderFallback), sans-serif;
    font-size: clamp(1.7rem, 2.4vw, 2rem);
    line-height: 1.1;
    text-transform: uppercase;
    color: #b89f7b;
  }

  .conger-footer__menu {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .conger-footer__menu li + li {
    margin-top: 0.75rem;
  }

  .conger-footer__menu a,
  .conger-footer__menu li {
    font-family: 'Bebas Neue', var(--typeHeaderPrimary), var(--typeHeaderFallback), sans-serif;
    text-transform: uppercase;
  }

  .conger-footer a,
  .conger-footer p,
  .conger-footer li {
    font-size: 1.125rem;
    line-height: 1.4;
    color: #b89f7b;
  }

  .conger-footer__col--store p,
  .conger-footer__col--store p a {
    font-family: var(--typeBasePrimary), var(--typeBaseFallback), sans-serif;
  }

  .conger-footer a {
    text-decoration: none;
  }

  .conger-footer a:hover {
    text-decoration: underline;
  }

  .conger-footer__signup-form {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 2rem;
  }

  .conger-footer__signup-form input {
    border: 0;
    border-bottom: 1px solid #c80000;
    background: transparent;
    padding: 0.55rem 0;
    color: #b89f7b;
    font-size: 1rem;
    font-family: var(--typeBasePrimary), var(--typeBaseFallback), sans-serif;
  }

  .conger-footer__signup-form input::placeholder {
    color: rgb(184 159 123 / 73%);
  }

  .conger-footer__signup-form button {
    margin-top: 0.4rem;
    height: 42px;
    border: 1px solid #b89f7b;
    background: transparent;
    color: #b89f7b;
    font-size: 0.85rem;
    font-family: 'Bebas Neue', var(--typeHeaderPrimary), var(--typeHeaderFallback), sans-serif;
    text-transform: uppercase;
    cursor: pointer;
  }

  .conger-footer__social-links {
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  .conger-footer__social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid #b89f7b;
    border-radius: 999px;
    text-transform: uppercase;
    font-size: 0.95rem;
    font-family: 'Bebas Neue', var(--typeHeaderPrimary), var(--typeHeaderFallback), sans-serif;
  }

  .conger-footer__store p {
    margin: 0 0 0.85rem;
  }

  @media only screen and (max-width: 989px) {
    .conger-footer__inner {
      grid-template-columns: 1fr;
      gap: 2rem;
      padding-block: 2.25rem;
    }

    .conger-footer::after {
      font-size: clamp(4rem, 28vw, 8rem);
      right: 1rem;
      bottom: -1rem;
    }
  }
/* END_SECTION:footer */

/* CSS from block stylesheet tags */
/* START_BLOCK:_custom-flex-pdp-inline-addons (INDEX:62) */
#shopify-section-{{ section.id }} .custom-inline-addons__top-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 14px;
    gap: 16px;
  }

  #shopify-section-{{ section.id }} .custom-inline-addons__top-row h1.element-text {
    display: block !important;
    margin: 0;
  }

  #shopify-section-{{ section.id }} .custom-inline-addons__top-row .element-text--body-lg {
    text-align: right;
    letter-spacing: 0;
  }

  #shopify-section-{{ section.id }} [class*="appstle_subscription_wrapper"],
  #shopify-section-{{ section.id }} [class*="appstle-subscription-wrapper"] {
    margin-top: 14px;
  }

  #shopify-section-{{ section.id }} [class*="appstle"] [class*="widget_title"],
  #shopify-section-{{ section.id }} [class*="appstle"] [class*="heading"] {
    font-family: var(--typeHeaderPrimary), sans-serif;
    color: #0d0807;
    letter-spacing: 0.01em;
  }

  #shopify-section-{{ section.id }} [class*="appstle"] [class*="subscription_option"],
  #shopify-section-{{ section.id }} [class*="appstle"] [class*="one_time_option"],
  #shopify-section-{{ section.id }} [class*="appstle"] [class*="purchase_option"] {
    border-radius: 11px;
    border: 1px solid rgba(13, 8, 7, 0.3);
    padding: 18px 18px 16px;
    background: #fff;
  }

  #shopify-section-{{ section.id }} [class*="appstle"] [class*="purchase_options"],
  #shopify-section-{{ section.id }} [class*="appstle"] [class*="purchase-options"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
  }

  #shopify-section-{{ section.id }} [class*="appstle"] [class*="subscription_option"][class*="selected"],
  #shopify-section-{{ section.id }} [class*="appstle"] [class*="purchase_option"][class*="selected"] {
    border-color: #0d0807;
    box-shadow: 0 0 0 1px #0d0807 inset;
  }

  #shopify-section-{{ section.id }} [class*="appstle"] select {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 11px;
    min-height: 47px;
    padding: 10px 12px;
    background-color: #fff;
    color: #0d0807;
  }

  #shopify-section-{{ section.id }} [class*="appstle"] [class*="discount"],
  #shopify-section-{{ section.id }} [class*="appstle"] [class*="save_badge"] {
    background: #09a9eb;
    color: #fff;
    border-radius: 14px;
    padding: 2px 8px;
    font-size: 12px;
    letter-spacing: 0.04em;
  }

  #shopify-section-{{ section.id }} quantity-selector {
    margin-bottom: 12px;
  }

  #shopify-section-{{ section.id }} .custom-inline-addons quantity-selector {
    margin-bottom: 0;
  }

  #shopify-section-{{ section.id }} .element-button {
    border-radius: 0;
  }

  #shopify-section-{{ section.id }} .element-button:not(.element-button--shopify-payment):not(.element-quantity-selector__button) {
    min-height: 61px;
    letter-spacing: 0.02em;
  }

  @media only screen and (max-width: 749px) {
    #shopify-section-{{ section.id }} [class*="appstle"] [class*="purchase_options"],
    #shopify-section-{{ section.id }} [class*="appstle"] [class*="purchase-options"] {
      grid-template-columns: 1fr;
    }
  }
/* END_BLOCK:_custom-flex-pdp-inline-addons */

/* START_BLOCK:_section-flex-pdp-description (INDEX:66) */
*:has(> [data-flex-pdp-empty-block]) {
    display: none !important;
  }
/* END_BLOCK:_section-flex-pdp-description */

/* START_BLOCK:_section-flex-pdp-title (INDEX:76) */
#shopify-section-{{ section.id }} .flex-pdp-title__with-price {
    width: 100%;
  }

  #shopify-section-{{ section.id }} .flex-pdp-title__with-price h1.element-text {
    margin: 0;
  }

  #shopify-section-{{ section.id }} .flex-pdp-title__with-price .element-text--body-lg {
    text-align: right;
    letter-spacing: 0;
    flex-shrink: 0;
  }
/* END_BLOCK:_section-flex-pdp-title */

/* START_BLOCK:_section-flex-pdp-variant-description (INDEX:77) */
*:has(> [data-flex-pdp-empty-block]) {
    display: none !important;
  }
/* END_BLOCK:_section-flex-pdp-variant-description */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:custom-megamenu-promos (INDEX:103) */
.site-nav__dropdown.megamenu:has(.custom-megamenu-promos) {
    line-height: normal;
    left: 0;
    max-height: none;
    overflow: visible;
    padding: 0;
    right: 0;
    width: 100vw;
  }

  .site-nav__dropdown.megamenu:has(.custom-megamenu-promos) .page-width {
    margin: 0;
    max-width: none;
    padding: 0;
    width: 100%;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) {
    align-items: stretch;
    background: #fff;
    border-top: 1px solid #000;
  }

  .custom-megamenu-promos {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    flex: 0 0 clamp(392px, 32vw, 620px);
    align-self: stretch;
    margin-left: 0;
    overflow: hidden;
    min-height: 332px;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) .megamenu__cols {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns:
      minmax(130px, 0.72fr)
      minmax(176px, 1fr)
      minmax(104px, 0.65fr)
      minmax(196px, 1.05fr)
      minmax(96px, 0.55fr);
    column-gap: clamp(16px, 1.5vw, 28px);
    justify-content: stretch;
    min-width: 0;
    padding: 40px clamp(20px, 2vw, 34px) 44px;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) .megamenu__col {
    min-width: 0;
    page-break-inside: avoid;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) .site-nav__dropdown .megamenu__link-label:after {
    display: none;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) .site-nav__dropdown a:not(.megamenu__promo-link) {
    background: transparent;
    color: #000;
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
    padding: 0;
    padding-right: 12px;
    text-transform: none;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) .megamenu__col-title {
    margin-bottom: 10px;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) .megamenu__col-heading {
    color: #b89f7b;
    display: inline-block;
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) .megamenu__col:first-child .megamenu__col-title > a {
    color: #c80000;
    font-size: clamp(38px, 2.5vw, 46px);
    line-height: 1.02;
    max-width: 200px;
    white-space: normal;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) .megamenu__col-title--section {
    margin-bottom: 10px;
    margin-top: 2px;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) .megamenu__col-title--section .megamenu__col-heading {
    color: #b89f7b;
    font-size: 24px;
    line-height: 1;
    max-width: none;
    white-space: nowrap;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) .megamenu__col .site-nav__dropdown-link {
    margin-bottom: 8px;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) .megamenu__col .site-nav__dropdown-link:last-child {
    margin-bottom: 0;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) .megamenu__col:first-child .site-nav__dropdown-link--top-level {
    margin-bottom: 12px;
  }

  .megamenu__wrapper:has(.custom-megamenu-promos) .megamenu__col:first-child .site-nav__dropdown-link {
    margin-bottom: 0;
  }

  .custom-megamenu-promos__tile {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    text-decoration: none;
    color: inherit;
    background: #111;
    overflow: hidden;
    position: relative;
    z-index: 0;
  }

  .custom-megamenu-promos__tile--primary {
    flex-basis: 34.3%;
  }

  .custom-megamenu-promos__tile--secondary {
    flex-basis: 65.7%;
  }

  .custom-megamenu-promos__media {
    display: block;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .custom-megamenu-promos__media::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(to top, rgb(0 0 0 / 52%) 0%, rgb(0 0 0 / 18%) 46%, transparent 100%);
    pointer-events: none;
  }

  .custom-megamenu-promos__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.01);
    transform-origin: center center;
    backface-visibility: hidden;
  }

  .custom-megamenu-promos__label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0 20px 26px;
    color: #efece4;
    text-shadow: 0 1px 2px rgb(0 0 0 / 35%);
    pointer-events: none;
  }

  .custom-megamenu-promos__heading {
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-size: clamp(28px, 1.5vw, 32px);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
  }

  .custom-megamenu-promos__sublabel {
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-size: clamp(26px, 1.4vw, 31px);
    line-height: 1;
    margin-top: 2px;
    opacity: 1;
    text-transform: uppercase;
  }

  .custom-megamenu-promos__tile--secondary .custom-megamenu-promos__label {
    align-items: center;
    text-align: center;
  }

  .custom-megamenu-promos__tile--secondary .custom-megamenu-promos__heading {
    font-size: clamp(26px, 1.35vw, 31px);
  }

  .custom-megamenu-promos__tile--secondary .custom-megamenu-promos__sublabel {
    display: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .custom-megamenu-promos__img {
      transform: none;
    }
  }

  @media only screen and (max-width: 1200px) {
    .megamenu__wrapper:has(.custom-megamenu-promos) .megamenu__cols {
      padding: 36px 28px 40px;
    }
  }

  @media only screen and (max-width: 768px) {
    .megamenu__wrapper:has(.custom-megamenu-promos) .megamenu__cols {
      padding: 28px 20px 32px;
    }

    .custom-megamenu-promos {
      display: none;
    }
  }
/* END_SNIPPET:custom-megamenu-promos */

/* START_SNIPPET:custom-shop-tiles (INDEX:104) */
.custom-shop-tiles {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    margin-inline: auto;
    width: 100%;
    overflow: hidden;
    container-type: inline-size;
    container-name: custom-shop-tiles;
  }

  .custom-shop-tiles--embed-hero-viewport {
    margin: auto;
    padding-top: clamp(1.5rem, 8vh, 5rem);
  }

  .custom-shop-tiles--embed-hero-auto {
    margin-top: clamp(2rem, 15vh, 12rem);
  }

  @media only screen and (max-width: 749px) {
    .custom-shop-tiles {
      flex-direction: column;
      overflow: visible;
    }

    .custom-shop-tiles--mobile-2col {
      flex-direction: row;
      flex-wrap: wrap;
      overflow: hidden;
    }

    .custom-shop-tiles--mobile-2col .custom-shop-tiles__item {
      flex: 0 0 50%;
      min-width: 0;
    }
  }

  .custom-shop-tiles__item {
    --custom-shop-tiles-flex-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --custom-shop-tiles-flex-dur: 0.55s;
    display: block;
    flex: 1 1 0;
    min-width: 0;
    text-decoration: none;
    color: inherit;
    background: #d0d0d0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    min-height: var(--custom-shop-tiles-h, 320px);
    transition: flex var(--custom-shop-tiles-flex-dur) var(--custom-shop-tiles-flex-ease);
  }

  @media (hover: hover) and (pointer: fine) {
    .custom-shop-tiles:has(.custom-shop-tiles__item:hover) .custom-shop-tiles__item:not(:hover),
    .custom-shop-tiles:has(.custom-shop-tiles__item:focus-visible) .custom-shop-tiles__item:not(:focus-visible) {
      flex: var(--custom-shop-tiles-shrink-flex, 0.78) 1 0;
    }

    .custom-shop-tiles__item:hover,
    .custom-shop-tiles__item:focus-visible {
      flex: var(--custom-shop-tiles-hover-flex, 1.44) 1 0;
      z-index: 3;
    }
  }

  .custom-shop-tiles__media {
    display: block;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .custom-shop-tiles__media::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgb(0 0 0 / 20%);
    opacity: 0;
    transition: opacity 0.28s ease;
    pointer-events: none;
  }

  @media (hover: hover) and (pointer: fine) {
    .custom-shop-tiles__item:hover .custom-shop-tiles__media::after,
    .custom-shop-tiles__item:focus-visible .custom-shop-tiles__media::after {
      opacity: 1;
    }
  }

  .custom-shop-tiles__item::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    border: 1px dashed rgba(255, 255, 255, 0.95);
    opacity: 0;
    transition:
      opacity 0.28s ease,
      inset 0.28s ease;
    pointer-events: none;
    box-sizing: border-box;
  }

  @media (hover: hover) and (pointer: fine) {
    .custom-shop-tiles__item:hover::before,
    .custom-shop-tiles__item:focus-visible::before {
      opacity: 1;
      inset: clamp(12px, 4.2vw, 22px);
    }
  }

  .custom-shop-tiles__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    backface-visibility: hidden;
  }

  @media (hover: hover) and (pointer: fine) {
    .custom-shop-tiles__item:hover .custom-shop-tiles__img,
    .custom-shop-tiles__item:focus-visible .custom-shop-tiles__img {
      transform: scale(1.07);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .custom-shop-tiles__item {
      transition: none;
    }

    .custom-shop-tiles__img {
      transition: none;
    }

    .custom-shop-tiles:has(.custom-shop-tiles__item:hover) .custom-shop-tiles__item:not(:hover),
    .custom-shop-tiles:has(.custom-shop-tiles__item:focus-visible) .custom-shop-tiles__item:not(:focus-visible) {
      flex: 1 1 0;
    }

    .custom-shop-tiles__item:hover,
    .custom-shop-tiles__item:focus-visible {
      flex: 1 1 0;
    }

    .custom-shop-tiles__item:hover .custom-shop-tiles__img,
    .custom-shop-tiles__item:focus-visible .custom-shop-tiles__img {
      transform: none;
    }
  }

  .custom-shop-tiles__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    opacity: 0.5;
  }

  /* Label width = one row slot (cqw), never the shrinking tile width — avoids reflow on sibling hover. Tile overflow clips sides. */
  .custom-shop-tiles__label {
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    z-index: 4;
    box-sizing: border-box;
    width: calc(100cqw / var(--custom-shop-tiles-count, 3));
    padding: clamp(1.35rem, 3.5vw, 2rem) clamp(1.75rem, 4.5vw, 2.75rem);
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-size: clamp(1.25rem, 2.5vw, 2.25rem);
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.15;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgb(0 0 0 / 35%);
    pointer-events: none;
  }

  .custom-shop-tiles__label--multiline {
    line-height: 1.08;
  }

  .custom-shop-tiles--center-labels .custom-shop-tiles__label {
    top: 0;
    bottom: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    padding-top: clamp(5rem, 7vw, 10rem);
  }

  @media only screen and (max-width: 749px) {
    .custom-shop-tiles:not(.custom-shop-tiles--mobile-2col) .custom-shop-tiles__label {
      width: 100%;
      max-width: none;
      left: 0;
      right: 0;
      transform: none;
    }

    .custom-shop-tiles--mobile-2col .custom-shop-tiles__label {
      width: calc(100cqw / 2);
      left: 0;
      right: auto;
      transform: none;
    }

    .custom-shop-tiles--mobile-2col.custom-shop-tiles--center-labels .custom-shop-tiles__label {
      left: 50%;
      transform: translateX(-50%);
    }
  }
/* END_SNIPPET:custom-shop-tiles */

/* START_SNIPPET:custom-sibling-products (INDEX:105) */
.product-section:has(custom-sibling-products) .page-width {
    max-width: 100%;
    padding-left: 0;
  }

  .product-section:has(custom-sibling-products) .product-single__photos {
    margin-left: 0;
  }

  .product-section:has(custom-sibling-products) .product-single__meta {
    padding-right: 40px;
  }

  @media only screen and (max-width: 749px) {
    .product-section:has(custom-sibling-products) .page-width {
      padding-left: 20px;
    }

    .product-section:has(custom-sibling-products) .product-single__meta {
      padding-right: 0;
    }
  }

  .custom-sibling-products {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }

  .custom-sibling-products__group {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .custom-sibling-products__group-label {
    margin: 0;
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: 0.08em;
    line-height: normal;
    color: var(--colorTextBody);
  }

  .custom-sibling-products__pills {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
  }

  .custom-sibling-products__pills--traditional {
    gap: 20px;
  }

  .custom-sibling-products__pills--unique {
    gap: 10px;
  }

  .custom-sibling-products__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: #f0efea;
    border: 1px solid transparent;
    border-radius: 7px;
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: 0.08em;
    line-height: normal;
    color: var(--colorTextBody);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color 0.15s ease;
  }

  .custom-sibling-products__pill:hover {
    border-color: rgba(0, 0, 0, 0.35);
  }

  .custom-sibling-products__pill:focus {
    outline: none;
  }

  .custom-sibling-products__pill:focus-visible {
    border-color: var(--color-focus, #4a9afc);
    box-shadow: 0 0 0 2px var(--color-focus, #4a9afc);
  }

  .custom-sibling-products__pill--active,
  .custom-sibling-products__pill--active:hover {
    border-color: #000;
  }

  .custom-sibling-products__pill--loading {
    opacity: 0.6;
    pointer-events: none;
  }

  @media only screen and (max-width: 749px) {
    .custom-sibling-products__pills--traditional,
    .custom-sibling-products__pills--unique {
      gap: 8px;
    }

    .custom-sibling-products__pill {
      padding: 12px;
      font-size: 0.8125rem;
    }
  }
/* END_SNIPPET:custom-sibling-products */

/* START_SNIPPET:customer-account (INDEX:107) */
.site-nav shopify-account::part(signed-out-avatar) {
    color: var(--colorNavText);
  }

  .is-light .site-nav shopify-account::part(signed-out-avatar) {
    color: #fff;
  }

  .mobile-nav shopify-account::part(signed-out-avatar) {
    display: block;
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    color: var(--colorDrawerText);
    font-size: 19px;
    padding: 15px 20px;
    -webkit-font-smoothing: antialiased;
  }

  .mobile-nav shopify-account .icon {
    width: 1.25em;
    height: 1.25em;
  }

  .mobile-nav shopify-account::part(signed-out-avatar):active {
    color: var(--colorDrawerTextDarken);
    background-color: var(--colorDrawersDim);
  }

  @media screen and (min-width: 590px) {
    .mobile-nav shopify-account::part(signed-out-avatar) {
      font-size: 24px;
    }
  }

  shopify-account {
    --shopify-account-color-accent: var(--colorBtnPrimary);
    --shopify-account-color-accent-hover: var(--colorBtnPrimaryDim);
    --shopify-account-color-accent-text: var(--colorBtnPrimaryText);
    --shopify-account-color-background: var(--colorBody);
    --shopify-account-color-background-subdued: color-mix(in srgb, var(--colorBorder) 50%, transparent);
    --shopify-account-color-border: var(--colorBorder);
    --shopify-account-color-card-background: var(--colorBody);
    --shopify-account-color-control-background: var(--colorBody);
    --shopify-account-color-text: var(--colorTextBody);
    --shopify-account-color-text-subdued: color-mix(in srgb, var(--colorBorder) 50%, black);
    --shopify-account-font-body: var(--typeBasePrimary), var(--typeBaseFallback);
    --shopify-account-font-body-weight: var(--typeBaseWeight);
    --shopify-account-font-heading: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    --shopify-account-font-heading-weight: var(--typeHeaderWeight);
    --shopify-account-radius-base: 0;
    --shopify-account-radius-button: 0;
    --shopify-account-radius-button-small: 0;
    --shopify-account-radius-dialog: 0;
    --shopify-account-radius-input: 0;
    --shopify-account-signed-in-avatar-color-background: var(--colorBody);
    --shopify-account-signed-in-avatar-color-text: var(--colorTextBody);
  }
/* END_SNIPPET:customer-account */

/* START_SNIPPET:element.badge (INDEX:109) */
.element-badge {
    /* Layout & Typography */
    --_radius: var(--element-badge-radius, var(--chip-radius, var(--radius-xs)));
    --_px: var(--element-badge-px, var(--size-3));
    --_py: var(--element-badge-py, var(--size-1));
    --_border-width: var(--element-badge-border-width, var(--size-0-25));
    --_font-family: var(
      --element-badge-font-family,
      var(--element-text-font-family--body),
      var(--element-text-font-family-fallback--body)
    );
    --_font-size: var(--element-badge-font-size, var(--element-text-font-size--body-sm));
    --_letter-spacing: var(--element-badge-letter-spacing, var(--element-text-letter-spacing--body-sm));
    --_line-height: var(--element-badge-line-height, var(--element-text-line-height--body-sm));

    /* Colors */
    --_base-primary: var(--color-secondary);
    --_base-secondary: var(--color-primary);
    --_color-primary: var(--_base-primary);
    --_color-secondary: var(--_base-secondary);
    --_color-background: var(--_color-primary);
    --_color-text: var(--_color-secondary);
    --_color-border: var(--_color-secondary);
    --_shade-inset-box-shadow: var(--element-badge-shade-inset-box-shadow, 12%);
    --_inset-box-shadow: inset 0 0 0 var(--_border-width)
      color-mix(in srgb, var(--_color-border) var(--_shade-inset-box-shadow), transparent);

    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--_radius);
    padding-inline: var(--_px);
    padding-block: var(--_py);
    font-family: var(--_font-family);
    font-size: var(--_font-size);
    letter-spacing: var(--_letter-spacing);
    background-color: var(--_color-background);
    color: var(--_color-text);
    box-shadow: var(--_inset-box-shadow);
    text-transform: uppercase;
    width: fit-content;
    white-space: nowrap;
  }

  .element-badge--inverted {
    --_color-primary: var(--_base-secondary);
    --_color-secondary: var(--_base-primary);

    & > * {
      --color-primary: currentColor;
    }
  }

  .element-badge--sale {
    --_base-primary: var(--color-sale-tag-text);
    --_base-secondary: var(--color-sale-tag);
  }
/* END_SNIPPET:element.badge */

/* START_SNIPPET:element.button (INDEX:110) */
:root {
    /* Base Layout Variables */
    --element-button-display: inline-flex;
    --element-button-width: fit-content;
    --element-button-height: auto;
    --element-button-radius: var(--radius-xs);
    --element-button-flex-direction: row;
    --element-button-gap: var(--size-2);
    --element-button-justify-content: center;
    --element-button-align-items: center;
    --element-button-white-space: nowrap;

    /* Base Spacing Variables */
    --element-button-padding-block: var(--size-3);
    --element-button-padding-inline: var(--size-5);
    --element-button-border-width: var(--size-0-25);

    /* Base Color Variables */
    --element-button-color-primary: initial;
    --element-button-color-secondary: initial;
    --element-button-shade-background: 0%;
    --element-button-shade-text: 0%;
    --element-button-shade-border: 20%;

    /* Typography Overrides */
    /* By default, the button will inherit the typography styles from element.text. Set these to other values to override. */
    /* --element-button-font-family: initial; */
    /* --element-button-font-family-fallback: initial; */
    /* --element-button-font-weight: initial; */
    /* --element-button-letter-spacing: initial; */
    /* --element-button-text-transform: initial; */
    /* --element-button-line-height: initial; */
    /* --element-button-color: initial; */

    /* Base Effect Variables */
    --element-button-box-shadow: initial;
    --element-button-transition-duration: 200ms;
    --element-button-transition-timing: ease;
    --element-button-transform: none;
    --element-button-backdrop-filter: none;
    --element-button-opacity: 1;

    /* Hover State Variables */
    --element-button-shade-background--hover: 8%;
    --element-button-shade-border--hover: 30%;

    /* Focus State Variables */
    --element-button-color-focus: var(--color-focus);
    --element-button-border-width--focus: var(--size-0-5);

    /* Active State Variables */
    --element-button-shade-background--active: 16%;
    --element-button-shade-border--active: var(--element-button-shade-border);

    /* Disabled State Variables */
    --element-button-shade-background--disabled: 12%;
    --element-button-shade-text--disabled: 70%;
    --element-button-shade-border--disabled: 12%;
  }

  /* Component Implementation */
  .element-button,
  .element-button--shopify-payment-wrapper .shopify-payment-button .shopify-payment-button__button--unbranded {
    /* Base Layout */
    --_display: var(--element-button-display);
    --_width: var(--element-button-width);
    --_height: var(--element-button-height);
    --_radius: var(--element-button-radius);
    --_flex-direction: var(--element-button-flex-direction);
    --_gap: var(--element-button-gap);
    --_justify-content: var(--element-button-justify-content);
    --_align-items: var(--element-button-align-items);
    --_white-space: var(--element-button-white-space);

    /* Base Spacing */
    --_padding-block: var(--element-button-padding-block);
    --_padding-inline: var(--element-button-padding-inline);
    --_border-width: var(--element-button-border-width);

    /* Base Colors */
    --_color-primary: var(--element-button-color-primary, var(--color-primary));
    --_color-secondary: var(--element-button-color-secondary, var(--color-secondary));
    --_color-focus: var(--element-button-color-focus, var(--color-focus, #4a9afc));
    --_color-text: var(--_color-secondary);
    --_color-background: var(--_color-primary);
    --_outline: none;
    --_border: none;
    --_shade-background: var(--element-button-shade-background);
    --_shade-text: var(--element-button-shade-text);
    --_shade-border: var(--element-button-shade-border);
    --_box-shadow: var(--element-button-box-shadow, inset 0 0 0 var(--_border-width) color-mix(in srgb, var(--_color-text) var(--_shade-border), transparent));

    /* Base Effects */
    --_transition-duration: var(--element-button-transition-duration);
    --_transition-timing: var(--element-button-transition-timing);
    --_transform: var(--element-button-transform);
    --_backdrop-filter: var(--element-button-backdrop-filter);
    --_opacity: var(--element-button-opacity);

    /* Text Styles */
    --element-text-font-family: var(--element-button-font-family);
    --element-text-font-family-fallback: var(--element-button-font-family-fallback);
    --element-text-font-weight: var(--element-button-font-weight);
    --element-text-letter-spacing: var(--element-button-letter-spacing);
    --element-text-text-transform: var(--element-button-text-transform);
    --element-text-line-height: var(--element-button-line-height);
    --element-text-color: var(--element-button-color);
    --element-text-font-size: var(--element-button-font-size);

    /* Icon Styles */
    --element-icon-size: var(--element-text-font-size--body-md);

    /* Base Styles */
    display: var(--_display);
    width: var(--_width);
    height: var(--_height);
    justify-content: var(--_justify-content);
    align-items: var(--_align-items);
    white-space: var(--_white-space);
    flex-direction: var(--_flex-direction);
    gap: var(--_gap);
    padding-block: var(--_padding-block);
    padding-inline: var(--_padding-inline);
    border-radius: var(--_radius);
    background-color: color-mix(in srgb, var(--_color-text) var(--_shade-background), var(--_color-background));
    color: color-mix(in srgb, var(--_color-background) var(--_shade-text), var(--_color-text));
    box-shadow: var(--_box-shadow);
    outline: var(--_outline);
    border: var(--_border);
    transform: var(--_transform);
    backdrop-filter: var(--_backdrop-filter);
    opacity: var(--_opacity);
    transition: all var(--_transition-duration) var(--_transition-timing);
    cursor: pointer;

    &:is(button.shopify-payment-button__button--unbranded) {
      width: 100%;
      line-height: var(--element-text-line-height--body-md);
      min-height: 32px;
    }

    &:has(> svg:only-child) {
      --_padding-inline: var(--_padding-block);
      --_display: flex;
    }

    /* Hover State */
    &:hover {
      --_shade-background: var(--element-button-shade-background--hover);
      --_shade-border: var(--element-button-shade-border--hover);
    }

    /* Focus State */
    &:focus-visible,
    input[type='radio']:focus-visible + & {
      --_border-width: var(--element-button-border-width--focus);
      --_box-shadow: inset 0 0 0 var(--_border-width) var(--_color-focus);
    }

    /* Disabled State */
    &:disabled,
    input[type='radio']:disabled + &,
    .disabled > input[type='radio'] + &,
    shopify-buy-it-now-button[disabled] > & {
      --_shade-background: var(--element-button-shade-background--disabled);
      --_shade-text: var(--element-button-shade-text--disabled);
      --_shade-border: var(--element-button-shade-border--disabled);

      &:is(:disabled),
      shopify-buy-it-now-button[disabled] > & {
        cursor: not-allowed;
      }
    }

    /* Active State */
    &:active,
    input[type='radio']:checked + & {
      --_shade-background: var(--element-button-shade-background--active);
      --_shade-border: var(--element-button-shade-border--active);
    }

    /* Variants */
    &.element-button--size-sm {
      --_padding-block: var(--size-2);
      --_padding-inline: var(--size-4);
    }

    &.element-button--size-lg {
      --_padding-block: var(--size-4);
      --_padding-inline: var(--size-6);
    }

    &.element-button--inverted {
      --_color-text: var(--_color-primary);
      --_color-background: var(--_color-secondary);
    }

    &.element-button--transparent {
      --_color-background: transparent;

      &:disabled {
        --_shade-border: var(--element-button-shade-border--disabled);
        --_shade-background: 0%;
      }

      &:disabled:active {
        --_border-width: var(--element-button-border-width);
        --_shade-border: var(--element-button-shade-border--disabled);
      }
    }

    &:is(.shopify-payment-button__button--unbranded):hover:not([disabled]) {
      background-color: color-mix(in srgb, var(--_color-secondary) var(--_shade-background), var(--_color-primary));
      color: color-mix(in srgb, var(--_color-background) var(--_shade-text), var(--_color-text));
    }
  }

  .element-button--shopify-payment-wrapper {
    --_radius: var(--element-button-radius);
    --_padding-block: var(--element-button-padding-block);
    --_line-height: var(--element-button-line-height, var(--element-text-line-height--body));
    --_font-size: var(--element-button-font-size, var(--element-text-font-size--body-md));

    --shopify-accelerated-checkout-button-border-radius: var(--_radius);
    --shopify-accelerated-checkout-button-block-size: calc((2 * var(--_padding-block)) + (var(--_line-height) * var(--_font-size)));

    font-family: var(--element-button-font-family, var(--element-text-font-family));
  }
/* END_SNIPPET:element.button */

/* START_SNIPPET:element.checkbox (INDEX:111) */
.element-checkbox {
    /* Layout & Typography */
    --_size: var(--element-checkbox-size, var(--size-5));
    --_icon-size: var(--element-checkbox-icon-size, var(--size-3-5));
    --_radius: var(--element-checkbox-radius, 1px);
    --_gap: var(--element-checkbox-gap, var(--size-2));
    --_outline-width: var(--element-checkbox-outline-width, 1px);
    --_outline-width-active: var(--element-checkbox-outline-width-active, 2px);
    --_font-family: var(
      --element-checkbox-font-family,
      var(--element-text-font-family--body),
      var(--element-text-font-family-fallback--body)
    );
    --_font-size: var(--element-checkbox-font-size, var(--element-text-font-size--body-md));
    --_letter-spacing: var(--element-checkbox-letter-spacing, var(--element-text-letter-spacing--body));
    --_line-height: var(--element-checkbox-line-height, var(--element-text-line-height--body));
    --_font-weight: var(--element-checkbox-font-weight, normal);

    /* Colors */
    --_color-primary: var(--color-primary);
    --_color-secondary: var(--color-secondary);
    --_color-active: var(--color-focus);
    --_color-shadow: var(
      --element-checkbox-shadow-color,
      color-mix(in srgb, var(--root-color-primary) var(--_outline-shade), var(--root-color-secondary))
    );
    --_color-background: var(--root-color-secondary);
    --_color-text: var(--_color-primary);
    --_outline-shade: var(--element-checkbox-outline-shade, 12%);
    --_shadow-inset: var(--element-checkbox-shadow-inset, inset);
    --_shadow-h-offset: var(--element-checkbox-shadow-horizontal-offset, 0);
    --_shadow-v-offset: var(--element-checkbox-shadow-vertical-offset, 0);
    --_shadow-blur: var(--element-checkbox-shadow-blur-radius, 0);
    --_shadow-spread: var(--element-checkbox-shadow-spread-radius, var(--_outline-width));
    --_icon-opacity: var(--element-checkbox-icon-opacity, 0);

    @media (max-width: 768px) {
      --_size: var(--element-checkbox-size, var(--size-4));
      --_icon-size: var(--element-checkbox-icon-size, var(--size-3));
    }

    position: relative;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: var(--_gap);
    color: var(--_color-text);
    font-family: var(--_font-family);
    font-size: var(--_font-size);
    letter-spacing: var(--_letter-spacing);
    line-height: var(--_line-height);
    font-weight: var(--_font-weight);
    cursor: pointer;

    input[type='checkbox'] {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }

    &:hover {
      --_color-background: color-mix(in srgb, var(--_color-primary) 4%, var(--_color-secondary));
    }

    &:hover:has(input[type='checkbox']:checked) {
      --_color-shadow: color-mix(in srgb, var(--_color-secondary) 12%, var(--_color-primary));
      --_color-background: color-mix(in srgb, var(--_color-secondary) 4%, var(--_color-primary));
    }

    &:has(input[type='checkbox']:checked) {
      --_icon-opacity: 1;
      --_color-background: var(--_color-primary);
      --_color-shadow: var(--_color-primary);
    }

    &:has(input[type='checkbox']:focus-visible) {
      --_color-shadow: var(--_color-active);
      --_outline-width: var(--_outline-width-active);
    }

    &:not(.element-checkbox--with-icon):has(input[type='checkbox']:focus-visible) {
      outline: 3px solid var(--color-focus);
    }

    &:has(input[type='checkbox']:disabled) {
      --_color-background: color-mix(in srgb, var(--_color-primary) 8%, var(--_color-secondary));
      --_color-shadow: color-mix(in srgb, var(--_color-primary) 8%, var(--_color-secondary));
    }
  }

  .element-checkbox__icon {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: var(--_size);
    height: var(--_size);
    border-radius: var(--_radius);
    box-shadow: var(--_shadow-inset) var(--_shadow-h-offset) var(--_shadow-v-offset) var(--_shadow-blur)
      var(--_shadow-spread) var(--_color-shadow);
    background-color: var(--_color-background);

    .element-icon {
      width: var(--_icon-size);
      height: var(--_icon-size);
      color: var(--_color-secondary);
      opacity: var(--_icon-opacity);
    }
  }
/* END_SNIPPET:element.checkbox */

/* START_SNIPPET:element.divider (INDEX:112) */
.element-divider {
    /* Layout & Typography */
    --_width: var(--element-divider-width, 100%);
    --_margin: var(--element-divider-margin, 0);
    --_border-width: var(--element-divider-border-width, var(--size-0-25));

    /* Colors */
    --_color-primary: var(--color-primary);
    --_color-secondary: var(--color-secondary);
    --_shade-border: var(--element-divider-border-shade, var(--shade-12));
    --_border-color: var(
      --element-divider-border-color,
      color-mix(in srgb, var(--_color-primary) var(--_shade-border), var(--_color-secondary))
    );

    width: var(--_width);
    margin: var(--_margin) auto;
    border: 0;
    border-top: var(--_border-width) solid var(--_border-color);
  }

  .element-divider--small {
    --_margin: var(--size-4);
  }

  .element-divider--medium {
    --_margin: var(--size-7-5);
  }

  .element-divider--large {
    --_margin: var(--size-7-5);

    @media (min-width: 769px) {
      --_margin: calc(var(--size-7-5) * 1.5);
    }
  }
/* END_SNIPPET:element.divider */

/* START_SNIPPET:element.icon (INDEX:113) */
:root {
    --element-icon-size: 20px;
    --element-icon-width: initial;
    --element-icon-height: initial;
    --element-icon-stroke-width: 2px;
    --element-icon-stroke-linejoin: miter;
    --element-icon-color: inherit;
    --element-icon-opacity: 1;
  }

  .element-icon {
    /* Layout & Typography */
    --_size: var(--element-icon-size);
    --_width: var(--element-icon-width, var(--_size));
    --_height: var(--element-icon-height, var(--_size));
    --_stroke-width: var(--element-icon-stroke-width);
    --_stroke-linejoin: var(--element-icon-stroke-linejoin);

    /* Colors */
    --_color: var(--element-icon-color);
    --_opacity: var(--element-icon-opacity);

    display: inline-block;
    vertical-align: middle;
    width: var(--_width);
    height: var(--_height);
    color: var(--_color);
    opacity: var(--_opacity);

    &.element-icon--line {
      stroke-width: var(--_stroke-width);
      stroke-linejoin: var(--_stroke-linejoin);
    }
  }
/* END_SNIPPET:element.icon */

/* START_SNIPPET:element.input (INDEX:116) */
:root {
    /* Base Layout Variables */
    --element-input-width: auto;
    --element-input-height: auto;
    --element-input-radius: var(--radius-xs);
    --element-input-padding-inline: var(--size-3);
    --element-input-padding-block: var(--size-3);

    --element-input-font-family: var(--element-text-font-family--body), var(--element-text-font-family-fallback--body);
    --element-input-font-size: var(--element-text-font-size--body-md);
    --element-input-line-height: var(--element-text-line-height--body);
    --element-input-letter-spacing: var(--element-text-letter-spacing--body-md);

    /* Base Outline Variables */
    --element-input-box-shadow-horizontal-offset: 0;
    --element-input-box-shadow-vertical-offset: 0;
    --element-input-box-shadow-blur-radius: 0;
    --element-input-box-shadow-spread-radius: 1px;

    /* Base Colors Variables */
    --element-input-color-primary: initial;
    --element-input-color-secondary: initial;
    --element-input-box-shadow-shade: 12%;
    --element-input-background-shade: 0%;
    --element-input-text-shade: 70%;
    --element-input-text-shade-placeholder: 50%;

    /* Active State Variables */
    --element-input-box-shadow-spread-radius--active: 2px;
    --element-input-box-shadow-shade--active: var(--element-input-box-shadow-shade);
    --element-input-background-shade--active: var(--element-input-background-shade);
    --element-input-text-shade--active: 100%;
    --element-input-box-shadow-color--active: var(--color-focus, #4a9afc);

    /* Focus State Variables */
    --element-input-box-shadow-spread-radius--focus: 2px;
    --element-input-box-shadow-shade--focus: var(--element-input-box-shadow-shade);
    --element-input-background-shade--focus: var(--element-input-background-shade);
    --element-input-text-shade--focus: var(--element-input-text-shade);
    --element-input-box-shadow-color--focus: var(--color-focus, #4a9afc);

    /* Hover State Variables */
    --element-input-box-shadow-spread-radius--hover: 2px;
    --element-input-box-shadow-shade--hover: var(--element-input-box-shadow-shade);
    --element-input-background-shade--hover: 4%;
    --element-input-text-shade--hover: 100%;

    /* Disabled State Variables */
    --element-input-box-shadow-spread-radius--disabled: 2px;
    --element-input-box-shadow-shade--disabled: 8%;
    --element-input-background-shade--disabled: 8%;
    --element-input-text-shade--disabled: 20%;

    /* Error State Variables */
    --element-input-box-shadow-spread-radius--error: 2px;
    --element-input-box-shadow-shade--error: 8%;
    --element-input-background-shade--error: initial;
    --element-input-text-shade--error: 100%;
    --element-input-box-shadow-color--error: var(--color-error, #ff0000);
  }

  .element-input {
    /* Base Layout*/
    --_width: var(--element-input-width);
    --_height: var(--element-input-height);
    --_radius: var(--element-input-radius);
    --_padding-inline: var(--element-input-padding-inline);
    --_padding-block: var(--element-input-padding-block);

    /* Base Typography */
    --_font-family: var(--element-input-font-family);
    --_font-size: var(--element-input-font-size);
    --_line-height: var(--element-input-line-height);
    --_letter-spacing: var(--element-input-letter-spacing);

    /* Base Colors */
    --_color-primary: var(--element-input-color-primary, var(--root-color-primary, #000));
    --_color-secondary: var(--element-input-color-secondary, var(--root-color-secondary, #fff));
    --_color-error: var(--element-input-color-error);
    --_color-active: var(--element-input-color-active);
    --_shade-box-shadow: var(--element-input-box-shadow-shade);
    --_shade-background: var(--element-input-background-shade);
    --_shade-text: var(--element-input-text-shade);
    --_shade-text-placeholder: var(--element-input-text-shade-placeholder);

    --_color-background: color-mix(in srgb, var(--_color-primary) var(--_shade-background), var(--_color-secondary));
    --_color-text: color-mix(in srgb, var(--_color-primary) var(--_shade-text), var(--_color-secondary));
    --_color-text-placeholder: color-mix(
      in srgb,
      var(--_color-primary) var(--_shade-text-placeholder),
      var(--_color-secondary)
    );
    --_color-box-shadow: color-mix(in srgb, var(--_color-primary) var(--_shade-box-shadow), var(--_color-secondary));

    /* Base Outline */
    --_box-shadow-horizontal-offset: var(--element-input-box-shadow-horizontal-offset);
    --_box-shadow-vertical-offset: var(--element-input-box-shadow-vertical-offset);
    --_box-shadow-blur-radius: var(--element-input-box-shadow-blur-radius);
    --_box-shadow-spread-radius: var(--element-input-box-shadow-spread-radius);
    --_box-shadow: inset var(--_box-shadow-horizontal-offset) var(--_box-shadow-vertical-offset)
      var(--_box-shadow-blur-radius) var(--_box-shadow-spread-radius) var(--_color-box-shadow);

    display: flex;
    align-items: center;
    position: relative;
    border: none;
    outline: none;
    padding-inline: var(--_padding-inline);
    padding-block: var(--_padding-block);
    width: var(--_width);
    height: var(--_height);
    border-radius: var(--_radius);
    box-shadow: var(--_box-shadow);
    background-color: var(--_color-background);
    color: var(--_color-text);
    font-family: var(--_font-family);
    font-size: var(--_font-size);
    line-height: var(--_line-height);
    letter-spacing: var(--_letter-spacing);

    &::placeholder {
      color: var(--_color-text-placeholder);
    }

    &:hover:not(:disabled) {
      --_box-shadow-spread-radius: var(--element-input-box-shadow-spread-radius--hover);
      --_shade-box-shadow: var(--element-input-box-shadow-shade--hover);
      --_shade-background: var(--element-input-background-shade--hover);
      --_shade-text: var(--element-input-text-shade--hover);
    }

    &:active {
      --_box-shadow-spread-radius: var(--element-input-box-shadow-spread-radius--active);
      --_shade-box-shadow: var(--element-input-box-shadow-shade--active);
      --_shade-background: var(--element-input-background-shade--active);
      --_shade-text: var(--element-input-text-shade--active);
      --_color-box-shadow: var(--element-input-box-shadow-color--active);
    }

    &:focus {
      --_box-shadow-spread-radius: var(--element-input-box-shadow-spread-radius--focus);
      --_shade-box-shadow: var(--element-input-box-shadow-shade--focus);
      --_shade-background: var(--element-input-background-shade--focus);
      --_shade-text: var(--element-input-text-shade--focus);
      --_color-box-shadow: var(--element-input-box-shadow-color--focus);
    }

    &:disabled {
      --_box-shadow-spread-radius: var(--element-input-box-shadow-spread-radius--disabled);
      --_shade-box-shadow: var(--element-input-box-shadow-shade--disabled);
      --_shade-background: var(--element-input-background-shade--disabled);
      --_shade-text: var(--element-input-text-shade--disabled);
      cursor: not-allowed;
    }

    &[aria-invalid='true'] {
      --_box-shadow-spread-radius: var(--element-input-box-shadow-spread-radius--error);
      --_shade-box-shadow: var(--element-input-box-shadow-shade--error);
      --_shade-background: var(--element-input-background-shade--error);
      --_shade-text: var(--element-input-text-shade--error);
      --_color-box-shadow: var(--element-input-box-shadow-color--error);
    }

    & ~ button {
      --element-button-height: 100%;
    }
  }

  .element-input--inverted {
    --_color-secondary: var(--element-input-color-primary, var(--color-primary, #000));
    --_color-primary: var(--element-input-color-secondary, var(--color-secondary, #fff));
  }

  .element-input--transparent {
    --_color-primary: var(--element-input-color-primary, var(--color-primary, #000));
    --_color-secondary: transparent;
  }

  .element-input--inverted.element-input--transparent {
    --_color-primary: var(--element-input-color-secondary, var(--rootcolor-secondary, #fff));
    --_color-secondary: transparent;
  }

  .element-input--inline {
    --_radius: var(--radius-none);
    --_box-shadow: inset 0 calc(var(--_box-shadow-spread-radius) * -1) 0 0 var(--_color-box-shadow);
  }

  .element-input--full {
    --_width: 100%;
  }

  /* Date input specific styles */
  .element-input[type="date"] {
    text-align: left;
    padding-right: var(--size-8); /* Space for calendar icon */
  }

  .element-input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: var(--_padding-inline);
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: var(--size-4);
    height: var(--size-4);
  }

  .element-input[type="date"]::-webkit-datetime-edit {
    width: 100%;
  }

  .element-input[type="date"]::-webkit-datetime-edit-fields-wrapper {
    width: 100%;
  }
/* END_SNIPPET:element.input */

/* START_SNIPPET:element.placeholder (INDEX:118) */
.element-placeholder {
    fill: #999;
    background-color: #e1e1e1;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: block;
    padding: 30px 0;
  }

  .element-placeholder--no-padding {
    padding: 0;
  }
/* END_SNIPPET:element.placeholder */

/* START_SNIPPET:element.quantity-selector (INDEX:119) */
.element-quantity-selector {
    --element-input-color-primary: var(--color-primary, #000);
    --element-input-color-secondary: var(--color-secondary, #fff);

    width: fit-content;
    display: inline-block;
    position: relative;
    overflow: visible;
    pointer-events: auto;

    &.is-loading {
      opacity: 0.5;
      pointer-events: none;
    }
  }

  .element-quantity-selector__input {
    --element-input-radius: var(--element-button-radius);
    --element-input-padding-inline: calc(
      var(--element-input-line-height) * var(--element-input-font-size) + 2 * var(--element-input-padding-block)
    );
    --element-input-width: max(calc(var(--digit-count, 1ch) + 2 * var(--size-1)), 32px);
    box-sizing: content-box;
    text-align: center;
  }

  .element-quantity-selector__button {
    --element-button-border-width: 0;
    --element-button-color-primary: var(--element-input-color-primary, var(--root-color-primary, #000));
    --element-button-color-secondary: var(--element-input-color-secondary, var(--root-color-secondary, #fff));

    position: absolute;
    top: 0;
    height: 100%;
    aspect-ratio: 1;
    border: 1px solid transparent;
    background-clip: padding-box;
    z-index: 1;

    &:has(+ .element-quantity-selector__input:focus),
    .element-quantity-selector__input:focus + & {
      border-width: var(--element-input-box-shadow-spread-radius--hover);
    }

    &:is(.element-quantity-selector__button--minus) {
      border-radius: var(--element-button-radius) 0 0 var(--element-button-radius);
      left: 0;
    }

    &:is(.element-quantity-selector__button--plus) {
      border-radius: 0 var(--element-button-radius) var(--element-button-radius) 0;
      right: 0;
    }
  }
/* END_SNIPPET:element.quantity-selector */

/* START_SNIPPET:element.radio (INDEX:120) */
:root {
    --element-radio-size: var(--size-5);
    --element-radio-dot-size: var(--size-2-5);
    --element-radio-dot-opacity: 0;
    --element-radio-radius: 50%;
    --element-radio-gap: var(--size-2);
    --element-radio-border-width: 1px;
    --element-radio-border-width--focus: 2px;

    --element-radio-color-primary: initial;
    --element-radio-color-secondary: initial;
    --element-radio-color-focus: var(--color-focus);
    --element-radio-shade-background: 0%;
    --element-radio-shade-background--hover: 4%;
    --element-radio-shade-background--checked: 100%;
    --element-radio-shade-background--disabled: 8%;
    --element-radio-shade-border: 12%;
    --element-radio-shade-border--disabled: 8%;
  }

  .element-radio {
    /* Layout & Typography */
    --_size: var(--element-radio-size);
    --_dot-size: var(--element-radio-dot-size);
    --_dot-opacity: var(--element-radio-dot-opacity);
    --_radius: var(--element-radio-radius);
    --_gap: var(--element-radio-gap);
    --_border-width: var(--element-radio-border-width);

    /* Colors */
    --_color-primary: var(--element-radio-color-primary, var(--color-primary));
    --_color-secondary: var(--element-radio-color-secondary, var(--color-secondary));
    --_color-focus: var(--element-radio-color-focus, var(--color-focus, #4a9afc));
    --_shade-background: var(--element-radio-shade-background);
    --_shade-border: var(--element-radio-shade-border);

    --_box-shadow: 0 0 0 var(--_border-width) color-mix(in srgb, var(--_color-primary) var(--_shade-border), var(--_color-secondary));

    @media (max-width: 768px) {
      --_size: var(--radio-size, var(--size-4));
      --_dot-size: var(--radio-dot-size, var(--size-2));
    }

    position: relative;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: var(--_gap);
    cursor: pointer;

    input[type='radio'] {
      position: absolute;
      opacity: 0;
      inset: 0;
      cursor: pointer;
    }

    &:hover {
      --_shade-background: var(--element-radio-shade-background--hover);
    }

    &:has(input[type='radio']:checked) {
      --_dot-opacity: 1;
      --_shade-background: var(--element-radio-shade-background--checked);
    }

    &:has(input[type='radio']:focus-visible) {
      --_border-width: var(--element-radio-border-width--focus);
      --_box-shadow: 0 0 0 var(--_border-width) var(--_color-focus);
    }

    &:has(input[type='radio']:disabled) {
      --_shade-background: var(--element-radio-shade-background--disabled);
      --_shade-border: var(--element-radio-shade-border--disabled);
      cursor: not-allowed;
    }
  }

  .element-radio__icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--_size);
    height: var(--_size);
    border-radius: var(--_radius);
    box-shadow: var(--_box-shadow);
    background-color: color-mix(in srgb, var(--_color-primary) var(--_shade-background), var(--_color-secondary));

    &::before {
      content: '';
      width: var(--_dot-size);
      height: var(--_dot-size);
      background-color: var(--_color-secondary);
      border-radius: 50%;
      opacity: var(--_dot-opacity);
    }
  }
/* END_SNIPPET:element.radio */

/* START_SNIPPET:element.select (INDEX:121) */
element-select {
    display: inline-block;
    position: relative;
  }

  /* Ensure the custom element inherits the wrapper styles */
  element-select.element-select__wrapper {
    position: relative;
    display: inline-block;
  }

  element-select.element-select__wrapper select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    /* Ensure the select is focusable and visible to screen readers */
    pointer-events: auto;
  }

  /* Focus state for the wrapper */
  element-select.element-select__wrapper--focused .element-button {
    --_box-shadow: 0 0 0 var(--element-input-box-shadow-spread-radius--focus) color-mix(in srgb, var(--color-primary) var(--element-input-box-shadow-shade--focus), transparent);
  }

  element-select select:focus-visible + .element-button {
    --_border-width: var(--element-input-box-shadow-spread-radius--focus);
    --_box-shadow: inset 0 0 0 var(--_border-width) var(--_color-focus);
  }

  /* Ensure the button takes full width */
  element-select .element-button {
    width: 100%;
    justify-content: space-between;
  }
/* END_SNIPPET:element.select */

/* START_SNIPPET:element.swatch (INDEX:122) */
.element-swatch {
    /* Layout */
    --_size-small: var(--element-swatch-size-small, var(--size-4));
    --_size-large: var(--element-swatch-size-large, var(--size-8));
    --_size-mobile-ratio: var(--element-swatch-size-mobile-ratio, 0.875); /* 3.5/4 for small, 6/8 for large (0.75) */
    --_size: var(--_size-small);
    --_radius: var(--element-swatch-radius, var(--radius-full));
    --_border-width: var(--element-swatch-border-width, var(--size-0-25));
    --_outline-width: var(--element-swatch-outline-width, 3px);
    --_line-disabled-width: var(
      --element-swatch-line-disabled-width,
      max(var(--size-0-25), calc(var(--_size) * 0.0625))
    );

    /* Colors */
    --_color-primary: var(--color-primary, #000);
    --_color-secondary: var(--color-secondary, #fff);
    --_color-background: var(--element-swatch-color-background, var(--_color-primary));
    --_color-background-image: var(--element-swatch-color-background-image, none);
    --_color-border: var(--element-swatch-color-border, var(--_color-primary));
    --_color-disabled: var(--element-swatch-color-disabled, none);
    --_color-focus: var(--element-swatch-color-focus, var(--color-focus, #4a9afc));
    --_shade-inset: var(--element-swatch-shade-inset, 16%);
    --_shade-outer: var(--element-swatch-shade-outer, 0%);
    --_shade-outer-hover: var(--element-swatch-shade-outer-hover, 20%);
    --_shade-outer-selected: var(--element-swatch-shade-outer-selected, 100%);

    display: inline-block;
    background: var(--_color-disabled), var(--_color-background-image) center / cover, var(--_color-background);
    width: var(--_size);
    height: var(--_size);
    border-radius: var(--_radius);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--_color-secondary) 100%, transparent),
      0 0 0 var(--_outline-width) color-mix(in srgb, var(--_color-primary) var(--_shade-outer), transparent),
      inset 0 0 0 var(--_border-width) color-mix(in srgb, var(--_color-border) var(--_shade-inset), transparent);
    outline: 0;

    @media only screen and (max-width: 768px) {
      --_size: calc(var(--_size-small) * var(--_size-mobile-ratio));
    }

    label:hover &,
    &:hover {
      --_outline-width: 4px;
      --_shade-outer: var(--_shade-outer-hover);
    }

    &:focus,
    input:checked ~ &,
    .element-swatch--selected {
      --_shade-outer: var(--_shade-outer-selected);
    } 

    /* Focus State */
    &:focus-visible,
    input[type='radio']:focus-visible ~ & {
      --_color-primary: var(--_color-focus);
      --_outline-width: 4px;
    }
  }

  .element-swatch--large {
    --_size: var(--_size-large);

    @media only screen and (max-width: 768px) {
      --_size: calc(var(--_size-large) * var(--_size-mobile-ratio));
    }
  }

  .element-swatch--disabled,
  .disabled > input[type='radio'] ~ &,
  input:disabled + & {
    --_color-disabled: linear-gradient(
      to bottom right,
      transparent calc(50% - var(--_line-disabled-width)),
      var(--color-secondary) calc(50% - var(--_line-disabled-width)) calc(50% + var(--_line-disabled-width)),
      transparent calc(50% + var(--_line-disabled-width))
    );
  }
/* END_SNIPPET:element.swatch */

/* START_SNIPPET:element.text--body (INDEX:123) */
/* Public Body Variables */
  :root {
    /* Body Font Styles */
    --element-text-font-family--body: 'Arial';
    --element-text-font-family-fallback--body: 'sans-serif';
    --element-text-font-weight--body: var(--font-weight-400);
    --element-text-letter-spacing--body: var(--letter-space-md);
    --element-text-text-transform--body: none;
    
    /* Body Color */
    --element-text-color--body: initial;
    
    /* Body Font Sizes */
    --element-text-font-size--body: initial;
    --element-text-font-size--body-xs: var(--text-size-3);
    --element-text-font-size--body-sm: var(--text-size-3-5);
    --element-text-font-size--body-md: var(--text-size-4);
    --element-text-font-size--body-lg: var(--text-size-4-5);
    
    /* Body Line Heights */
    --element-text-line-height--body: var(--line-height-md);
    --element-text-line-height--body-xs: initial;
    --element-text-line-height--body-sm: initial;
    --element-text-line-height--body-md: initial;
    --element-text-line-height--body-lg: initial;
  }

  .element-text:is([class*="element-text--body"]) {
    /* Body Font Styles */
    --_font-family--body: var(--_font-family, var(--element-text-font-family--body));
    --_font-family-fallback--body: var(--_font-family-fallback, var(--element-text-font-family-fallback--body));
    --_font-weight--body: var(--_font-weight, var(--element-text-font-weight--body));
    --_letter-spacing--body: var(--_letter-spacing, var(--element-text-letter-spacing--body));
    --_text-transform--body: var(--_text-transform, var(--element-text-text-transform--body));

    /* Body Color */
    --_color--body: var(--_color, var(--element-text-color--body, currentColor));

    /* Body Font Sizes */
    --_font-size--body: var(--_font-size, var(--element-text-font-size--body));
    --_font-size--body-xs: var(--_font-size--body, var(--element-text-font-size--body-xs));
    --_font-size--body-sm: var(--_font-size--body, var(--element-text-font-size--body-sm));
    --_font-size--body-md: var(--_font-size--body, var(--element-text-font-size--body-md));
    --_font-size--body-lg: var(--_font-size--body, var(--element-text-font-size--body-lg));

    /* Body Line Heights */
    --_line-height--body: var(--_line-height, var(--element-text-line-height--body));
    --_line-height--body-xs: var(--element-text-line-height--body-xs, var(--_line-height--body));
    --_line-height--body-sm: var(--element-text-line-height--body-sm, var(--_line-height--body));
    --_line-height--body-md: var(--element-text-line-height--body-md, var(--_line-height--body));
    --_line-height--body-lg: var(--element-text-line-height--body-lg, var(--_line-height--body));

    font-family: var(--_font-family--body), var(--_font-family-fallback--body);
    font-weight: var(--_font-weight--body);
    letter-spacing: var(--_letter-spacing--body);
    text-transform: var(--_text-transform--body);
    color: var(--_color--body);

    &:where(.element-text--body-xs) {
      --_font-size: var(--_font-size--body-xs); 
      line-height: var(--_line-height--body-xs);
    }

    &:where(.element-text--body-sm) {
      font-size: var(--_font-size--body-sm);
      line-height: var(--_line-height--body-sm);
    }

    &:where(.element-text--body-md) {
      font-size: var(--_font-size--body-md);
      line-height: var(--_line-height--body-md);
    } 

    &:where(.element-text--body-lg) {
      font-size: var(--_font-size--body-lg);
      line-height: var(--_line-height--body-lg);
    }
  }
/* END_SNIPPET:element.text--body */

/* START_SNIPPET:element.text--heading (INDEX:124) */
/* Public Heading Variables */
  :root {
    /* Heading Font Styles */
    --element-text-font-family--heading: 'Arial';
    --element-text-font-family-fallback--heading: 'sans-serif';
    --element-text-font-weight--heading: var(--font-weight-700);
    --element-text-letter-spacing--heading: var(--letter-space-md);
    --element-text-text-transform--heading: none;
    
    /* Heading Color */
    --element-text-color--heading: initial;
    
    /* Heading Font Sizes */
    --element-text-font-size--heading: initial;
    --element-text-font-size--heading-2xl: var(--text-size-12);
    --element-text-font-size--heading-xl: var(--text-size-8);
    --element-text-font-size--heading-lg: var(--text-size-6);
    --element-text-font-size--heading-md: var(--text-size-5);
    --element-text-font-size--heading-sm: var(--text-size-4-5);
    --element-text-font-size--heading-xs: var(--text-size-4);
    --element-text-font-size--heading-2xs: var(--text-size-3-5);
    
    /* Heading Line Heights */
    --element-text-line-height--heading: var(--line-height-md);
    --element-text-line-height--heading-2xl: initial;
    --element-text-line-height--heading-xl: initial;
    --element-text-line-height--heading-lg: initial;
    --element-text-line-height--heading-md: initial;
    --element-text-line-height--heading-sm: initial;
    --element-text-line-height--heading-xs: initial;
    --element-text-line-height--heading-2xs: initial;
  } 

  .element-text:is([class*="element-text--heading"]) {
    /* Heading Font Styles */
    --_font-family--heading: var(--_font-family, var(--element-text-font-family--heading));
    --_font-family-fallback--heading: var(--_font-family-fallback, var(--element-text-font-family-fallback--heading));
    --_font-weight--heading: var(--_font-weight, var(--element-text-font-weight--heading));
    --_letter-spacing--heading: var(--_letter-spacing, var(--element-text-letter-spacing--heading));
    --_text-transform--heading: var(--_text-transform, var(--element-text-text-transform--heading));

    /* Heading Color */
    --_color--heading: var(--_color, var(--element-text-color--heading, currentColor));

    /* Heading Font Sizes */
    --_font-size--heading: var(--_font-size, var(--element-text-font-size--heading));
    --_font-size--heading-2xl: var(--_font-size--heading, var(--element-text-font-size--heading-2xl));
    --_font-size--heading-xl: var(--_font-size--heading, var(--element-text-font-size--heading-xl));
    --_font-size--heading-lg: var(--_font-size--heading, var(--element-text-font-size--heading-lg));
    --_font-size--heading-md: var(--_font-size--heading, var(--element-text-font-size--heading-md));
    --_font-size--heading-sm: var(--_font-size--heading, var(--element-text-font-size--heading-sm));
    --_font-size--heading-xs: var(--_font-size--heading, var(--element-text-font-size--heading-xs));

    /* Heading Line Heights */
    --_line-height--heading: var(--_line-height, var(--element-text-line-height--heading));
    --_line-height--heading-2xl: var(--element-text-line-height--heading-2xl, var(--_line-height--heading));
    --_line-height--heading-xl: var(--element-text-line-height--heading-xl, var(--_line-height--heading));
    --_line-height--heading-lg: var(--element-text-line-height--heading-lg, var(--_line-height--heading));
    --_line-height--heading-md: var(--element-text-line-height--heading-md, var(--_line-height--heading));
    --_line-height--heading-sm: var(--element-text-line-height--heading-sm, var(--_line-height--heading));
    --_line-height--heading-xs: var(--element-text-line-height--heading-xs, var(--_line-height--heading));

    font-family:var(--_font-family--heading), var(--_font-family-fallback--heading);
    font-weight: var(--_font-weight--heading);
    letter-spacing: var(--_letter-spacing--heading);
    text-transform: var(--_text-transform--heading);
    color: var(--_color--heading);

    &:where(.element-text--heading-2xs) {
      font-size: var(--_font-size--heading-2xs);
      line-height: var(--_line-height--heading-2xs);
    }
  
    &:where(.element-text--heading-xs) {
      font-size: var(--_font-size--heading-xs);
      line-height: var(--_line-height--heading-xs);
    }

    &:where(.element-text--heading-sm) {
      font-size: var(--_font-size--heading-sm);
      line-height: var(--_line-height--heading-sm);
    }

    &:where(.element-text--heading-md) {
      font-size: var(--_font-size--heading-md);
      line-height: var(--_line-height--heading-md);
    }

    &:where(.element-text--heading-lg) {
      font-size: var(--_font-size--heading-lg);
      line-height: var(--_line-height--heading-lg);
    }

    &:where(.element-text--heading-xl) {
      font-size: var(--_font-size--heading-xl);
      line-height: var(--_line-height--heading-xl);
    }

    &:where(.element-text--heading-2xl) {
      font-size: var(--_font-size--heading-2xl);
      line-height: var(--_line-height--heading-2xl);
    }
  }
/* END_SNIPPET:element.text--heading */

/* START_SNIPPET:element.text--rte (INDEX:125) */
/* Public RTE Variables */
  :root {
    /* Body Font Stack */
    --element-text-font-family--rte-body: var(--element-text-font-family--body);
    --element-text-font-family-fallback--rte-body: var(--element-text-font-family-fallback--body);
    --element-text-font-weight--rte-body: var(--element-text-font-weight--body);
    --element-text-letter-spacing--rte-body: var(--element-text-letter-spacing--body);
    --element-text-line-height--rte-body: var(--element-text-line-height--body);
    --element-text-text-transform--rte-body: var(--element-text-text-transform--body);

    /* Body Font Sizes */
    --element-text-font-size--rte-body: var(--element-text-font-size--body-md);
    --element-text-line-height--rte-body: var(--element-text-line-height--body);

    /* Heading Font Stack */
    --element-text-font-family--rte-heading: var(--element-text-font-family--heading);
    --element-text-font-family-fallback--rte-heading: var(--element-text-font-family-fallback--heading);
    --element-text-font-weight--rte-heading: var(--element-text-font-weight--heading);
    --element-text-letter-spacing--rte-heading: var(--element-text-letter-spacing--heading);
    --element-text-text-transform--rte-heading: var(--element-text-text-transform--heading);

    /* Heading Font Sizes */
    --element-text-font-size--rte-heading-h1: var(--element-text-font-size--heading-xl);
    --element-text-line-height--rte-heading-h1: var(--element-text-line-height--heading-xl);
    --element-text-font-size--rte-heading-h2: var(--element-text-font-size--heading-lg);
    --element-text-line-height--rte-heading-h2: var(--element-text-line-height--heading-lg);
    --element-text-font-size--rte-heading-h3: var(--element-text-font-size--heading-md);
    --element-text-line-height--rte-heading-h3: var(--element-text-line-height--heading-md);
    --element-text-font-size--rte-heading-h4: var(--element-text-font-size--heading-sm);
    --element-text-line-height--rte-heading-h4: var(--element-text-line-height--heading-sm);
    --element-text-font-size--rte-heading-h5: var(--element-text-font-size--heading-xs);
    --element-text-line-height--rte-heading-h5: var(--element-text-line-height--heading-xs);
    --element-text-font-size--rte-heading-h6: var(--element-text-font-size--heading-xs);
  }

  .element-text.element-text--rte {
    /* Body Font Stack */
    --_font-family--rte-body: var(--element-text-font-family--rte-body);
    --_font-family-fallback--rte-body: var(--element-text-font-family-fallback--rte-body);
    --_font-weight--rte-body: var(--element-text-font-weight--rte-body);
    --_letter-spacing--rte-body: var(--element-text-letter-spacing--rte-body);
    --_text-transform--rte-body: var(--element-text-text-transform--rte-body);

    /* Body Font Sizes */
    --_line-height--rte-body: var(--element-text-line-height--rte-body);
    --_font-size--rte-body: var(--element-text-font-size--rte-body);

    /* Heading Font Stack */
    --_font-family--rte-heading: var(--element-text-font-family--rte-heading);
    --_font-family-fallback--rte-heading: var(--element-text-font-family-fallback--rte-heading);
    --_font-weight--rte-heading: var(--element-text-font-weight--rte-heading);
    --_letter-spacing--rte-heading: var(--element-text-letter-spacing--rte-heading);
    --_text-transform--rte-heading: var(--element-text-text-transform--rte-heading);

    /* Heading Font Sizes */
    --_font-size--rte-heading-h1: var(--element-text-font-size--rte-heading-h1);
    --_line-height--rte-heading-h1: var(--element-text-line-height--rte-heading-h1);
    --_font-size--rte-heading-h2: var(--element-text-font-size--rte-heading-h2);
    --_line-height--rte-heading-h2: var(--element-text-line-height--rte-heading-h2);
    --_font-size--rte-heading-h3: var(--element-text-font-size--rte-heading-h3);
    --_line-height--rte-heading-h3: var(--element-text-line-height--rte-heading-h3);
    --_font-size--rte-heading-h4: var(--element-text-font-size--rte-heading-h4);
    --_line-height--rte-heading-h4: var(--element-text-line-height--rte-heading-h4);
    --_font-size--rte-heading-h5: var(--element-text-font-size--rte-heading-h5);
    --_line-height--rte-heading-h5: var(--element-text-line-height--rte-heading-h5);
    --_font-size--rte-heading-h6: var(--element-text-font-size--rte-heading-h6);
    --_line-height--rte-heading-h6: var(--element-text-line-height--rte-heading-h6);

    font-size: var(--_font-size--rte-body);
    font-family: var(--_font-family--rte-body), var(--_font-family-fallback--rte-body);
    font-weight: var(--_font-weight--rte-body);
    letter-spacing: var(--_letter-spacing--rte-body);
    text-transform: var(--_text-transform--rte-body);
    line-height: var(--_line-height--rte-body);

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: var(--_font-family--rte-heading), var(--_font-family-fallback--rte-heading);
      font-weight: var(--_font-weight--rte-heading);
      letter-spacing: var(--_letter-spacing--rte-heading);
      text-transform: var(--_text-transform--rte-heading);
      margin: 0 0 var(--size-4);

      @media only screen and (min-width: 769px) {
        margin: 0 0 var(--size-5);
      }
    }

    h6 {
      font-size: var(--_font-size--rte-heading-h6);
      line-height: var(--_line-height--rte-heading-h6);
    }

    h5 {
      font-size: var(--_font-size--rte-heading-h5);
      line-height: var(--_line-height--rte-heading-h5);
    }

    h4 {
      font-size: var(--_font-size--rte-heading-h4);
      line-height: var(--_line-height--rte-heading-h4);
    }

    h3 {
      font-size: var(--_font-size--rte-heading-h3);
      line-height: var(--_line-height--rte-heading-h3);
    }

    h2 {
      font-size: var(--_font-size--rte-heading-h2);
      line-height: var(--_line-height--rte-heading-h2);
    }

    h1 {
      font-size: var(--_font-size--rte-heading-h1);
      line-height: var(--_line-height--rte-heading-h1);
    }

    a {
      text-decoration: underline;
    }

    p {
      margin-bottom: var(--size-8);

      &:last-child {
        margin-bottom: 0;
      }
    }

    & table {
      @media only screen and (max-width: 768px) {
        & td,
        & th {
          padding: 6px 8px;
        }
      }
    }

    .table-wrapper {
      max-width: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }

    .video-wrapper {
      position: relative;
      overflow: hidden;
      max-width: 100%;
      padding-bottom: 56.25%;

      & iframe,
      & video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
    }
  }
/* END_SNIPPET:element.text--rte */

/* START_SNIPPET:element.text (INDEX:126) */
:root {
    --element-text-font-family: initial;
    --element-text-font-family-fallback: initial;
    --element-text-font-weight: initial;
    --element-text-letter-spacing: initial;
    --element-text-text-transform: initial;
    --element-text-line-height: initial;
    --element-text-color: initial;
    --element-text-font-size: initial;
  }

  .element-text {
    /* Base Typography Variables */
    --_font-family: var(--element-text-font-family);
    --_font-family-fallback: var(--element-text-font-family-fallback);
    --_font-weight: var(--element-text-font-weight);
    --_letter-spacing: var(--element-text-letter-spacing);
    --_text-transform: var(--element-text-text-transform);
    --_line-height: var(--element-text-line-height);
    --_color: var(--element-text-color, currentColor);
    --_font-size: var(--element-text-font-size);

    font-family: var(--_font-family), var(--_font-family-fallback);
    font-weight: var(--_font-weight);
    letter-spacing: var(--_letter-spacing);
    text-transform: var(--_text-transform);
    line-height: var(--_line-height);
    color: var(--_color);
    font-size: var(--_font-size);
    margin: 0;
    -webkit-font-smoothing: antialiased;

    &.element-text--price {
      sup {
        top: -0.5em;
        font-size: 60%;
      }
    }

    &.element-text--align-start {
      text-align: start;
    }

    &.element-text--align-center {
      text-align: center;
    }

    &.element-text--align-end {
      text-align: end;
    }

    &.element-text--align-justify {
      text-align: justify;
    }

    &.element-text--break-word {
      word-break: break-word;
    }

    &.element-text--truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    &.element-text--visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
    }

    &.element-text--line-through {
      text-decoration: line-through;
    }

    &.element-text--line-through.element-text--price-superscript {
      text-decoration: none;

      span {
        text-decoration: line-through;
      }
      
      sup {
        text-decoration: line-through;
        position: relative;
        top: -0.5em;
        font-size: 60%;
      }
    }

    &.element-text--underline {
      text-decoration: underline;
    }

    &.element-text--uppercase {
      text-transform: uppercase;
    }

    &.element-text--lowercase {
      text-transform: lowercase;
    }

    &.element-text--capitalize {
      text-transform: capitalize;
    }
  }
/* END_SNIPPET:element.text */

/* START_SNIPPET:element.video (INDEX:127) */
video-media {
    --default-aspect-ratio: 16 / 9;

    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: var(--aspect-ratio, var(--default-aspect-ratio));
  }

  video-media > :is(video, iframe, img, svg) {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  }

  video-media > img,
  video-media > svg,
  video-media > video:not(:fullscreen) {
    object-fit: cover;
    object-position: center;
  }

  .element-video[data-background='true'] > video-media,
  .element-video[data-background='true'] > .element-placeholder {
    position: absolute;
    height: 100%;
    width: 100%;
  }

  .element-video.aspect-ratio--square {
    --aspect-ratio: 1 / 1;
    aspect-ratio: 1 / 1;
  }

  .element-video.aspect-ratio--portrait {
    --aspect-ratio: 9 / 16;
    aspect-ratio: 9 / 16;
  }

  .element-video.aspect-ratio--landscape,
  .element-video.aspect-ratio--16-9 {
    --aspect-ratio: 16 / 9;
    aspect-ratio: 16 / 9;
  }

  video-media:not([loaded]) > :is(video, iframe),
  video-media[loaded] > img,
  video-media[loaded] > svg {
    visibility: hidden;
    opacity: 0;
  }
/* END_SNIPPET:element.video */

/* START_SNIPPET:flavor-group-picker (INDEX:128) */
.variant-input-wrap--flavor-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .flavor-group-heading {
    margin: 0;
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: 0.08em;
    line-height: normal;
    color: var(--colorTextBody);
  }

  .flavor-group-heading--traditional {
    margin-top: 4px;
  }

  .flavor-group-heading--unique {
    margin-top: 8px;
  }

  .flavor-group {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
  }

  .flavor-group--traditional {
    gap: 20px;
  }

  @media only screen and (max-width: 749px) {
    .flavor-group,
    .flavor-group--traditional {
      gap: 8px;
    }
  }
/* END_SNIPPET:flavor-group-picker */

/* START_SNIPPET:form.product (INDEX:135) */
.product-form__submit-button--pulsing {
    animation: product-form-pulse 1.5s ease-in-out infinite;
    pointer-events: none;
    opacity: 0.6;
  }
  
  @keyframes product-form-pulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
  }
/* END_SNIPPET:form.product */

/* START_SNIPPET:form.product.messages (INDEX:136) */
product-form-messages {
    display: inline;
  }

  product-form-messages.hide {
    display: none;
  }
/* END_SNIPPET:form.product.messages */

/* START_SNIPPET:layout.grid (INDEX:147) */
/* Public Layout Grid Tokens */
  :root {
    /* Layout Grid Gap Sizes - These are assigned by the value passed to the 'gap' param */
    --layout-grid-gap-size-none: 0px;
    --layout-grid-gap-size-3xs: var(--gap-size-3xs);
    --layout-grid-gap-size-2xs: var(--gap-size-2xs);
    --layout-grid-gap-size-xs: var(--gap-size-xs);
    --layout-grid-gap-size-sm: var(--gap-size-sm);
    --layout-grid-gap-size-md: var(--gap-size-md);
    --layout-grid-gap-size-lg: var(--gap-size-lg);
    --layout-grid-gap-size-xl: var(--gap-size-xl);
    --layout-grid-gap-size-2xl: var(--gap-size-2xl);

    /* Layout Grid Line Sizes - These are assigned by the value passed to the 'lines' param */
    --layout-grid-line-size-none: 0px;
    --layout-grid-line-size-xs: var(--line-size-xs);
    --layout-grid-line-size-sm: var(--line-size-sm);
    --layout-grid-line-size-md: var(--line-size-md);
    --layout-grid-line-size-lg: var(--line-size-lg);
    --layout-grid-line-size-xl: var(--line-size-xl);

    --layout-grid-line-color-shade: 12%;
  }
/* END_SNIPPET:layout.grid */

/* START_SNIPPET:layout.section (INDEX:148) */
:root {
    --layout-section-max-inline-size: var(--page-width, 1500px);

    --layout-section-padding-inline: var(--size-4);
    --layout-section-padding-inline--xs: initial;
    --layout-section-padding-inline--sm: initial;
    --layout-section-padding-inline--md: initial;
    --layout-section-padding-inline--lg: initial;
    --layout-section-padding-inline--xl: initial;

    --layout-section-padding-block: var(--size-8);
    --layout-section-padding-block--xs: initial;
    --layout-section-padding-block--sm: initial;
    --layout-section-padding-block--md: initial;
    --layout-section-padding-block--lg: initial;
    --layout-section-padding-block--xl: initial;

    --layout-section-color: initial;
    --layout-section-background: initial;
  }

  .layout-section {
    --_max-inline-size: var(--layout-section-max-inline-size);

    --_padding-inline--xs: var(--layout-section-padding-inline--xs, var(--layout-section-padding-inline));
    --_padding-inline--sm: var(--layout-section-padding-inline--sm, var(--_padding-inline--xs));
    --_padding-inline--md: var(--layout-section-padding-inline--md, var(--_padding-inline--sm));
    --_padding-inline--lg: var(--layout-section-padding-inline--lg, var(--_padding-inline--md));
    --_padding-inline--xl: var(--layout-section-padding-inline--xl, var(--_padding-inline--lg));
    --_padding-inline: var(--_padding-inline--xs);

    --_padding-block--xs: var(--layout-section-padding-block--xs, var(--layout-section-padding-block));
    --_padding-block--sm: var(--layout-section-padding-block--sm, var(--_padding-block--xs));
    --_padding-block--md: var(--layout-section-padding-block--md, var(--_padding-block--sm));
    --_padding-block--lg: var(--layout-section-padding-block--lg, var(--_padding-block--md));
    --_padding-block--xl: var(--layout-section-padding-block--xl, var(--_padding-block--lg));
    --_padding-block: var(--_padding-block--xs);

    --_color: var(--layout-section-color, var(--color-primary, #000));
    --_background: var(--layout-section-background, var(--color-secondary, #fff));

    display: flex;
    width: 100%;
    position: relative;
    justify-content: center;
    background: var(--_background);
    color: var(--_color);
    padding-inline: var(--_padding-inline);
    padding-block: var(--_padding-block);

    & > .layout-section__content {
      display: block;
      max-inline-size: var(--_max-inline-size);
      z-index: 1;
      width: 100%;
      flex-grow: 1;
    }

    &.layout-section--full-width > .layout-section__content {
      max-inline-size: 100%;
    }

    &.layout-section--padding-none {
      padding-block: 0;
    }

    &.layout-section--padding-top {
      padding-block-end: 0;
    }

    &.layout-section--padding-bottom {
      padding-block-start: 0;
    }
  }
/* END_SNIPPET:layout.section */

/* START_SNIPPET:layout.stack (INDEX:149) */
/* Public Layout Stack Tokens */
  :root {
    /* Layout Stack Gap Sizes - These are assigned by the value passed to the 'gap' param */
    --layout-stack-gap-size-none: 0px;
    --layout-stack-gap-size-3xs: var(--gap-size-3xs);
    --layout-stack-gap-size-2xs: var(--gap-size-2xs);
    --layout-stack-gap-size-xs: var(--gap-size-xs);
    --layout-stack-gap-size-sm: var(--gap-size-sm);
    --layout-stack-gap-size-md: var(--gap-size-md);
    --layout-stack-gap-size-lg: var(--gap-size-lg);
    --layout-stack-gap-size-xl: var(--gap-size-xl);
    --layout-stack-gap-size-2xl: var(--gap-size-2xl);

    /* Layout Stack Default Layout */
    --layout-stack-margin: 0;
  }
/* END_SNIPPET:layout.stack */

/* START_SNIPPET:layout.sticky-scroller (INDEX:150) */
:root {
    --layout-sticky-scroller-top: 20px;
  }

	sticky-scroller {
	  --_top: var(--layout-sticky-scroller-top);
	
	  display: block;
	  position: sticky;
	  top: var(--_top);
	}
/* END_SNIPPET:layout.sticky-scroller */

/* START_SNIPPET:overlay.drawer (INDEX:158) */
:root {
  --overlay-drawer-size: 480px;
  --overlay-drawer-gutter: var(--gap-size-none); /* better name? */
  --overlay-drawer-label-margin-bottom: var(--size-4);

  --overlay-drawer-padding-inline: var(--size-4);
  --overlay-drawer-padding-inline--xs: initial;
  --overlay-drawer-padding-inline--sm: initial;
  --overlay-drawer-padding-inline--md: initial;
  --overlay-drawer-padding-inline--lg: initial;
  --overlay-drawer-padding-inline--xl: initial;

  --overlay-drawer-padding-block: var(--size-8);
  --overlay-drawer-padding-block--xs: initial;
  --overlay-drawer-padding-block--sm: initial;
  --overlay-drawer-padding-block--md: initial;
  --overlay-drawer-padding-block--lg: initial;
  --overlay-drawer-padding-block--xl: initial;

  --overlay-drawer-background: initial;
  --overlay-drawer-overlay-color: rgba(0, 0, 0, 0.5);

  --overlay-drawer-z-index: 9999;
  --overlay-drawer-transition-duration: 0.3s;
  --overlay-drawer-transition-timing-function: ease-in-out;
}

/* Scroll lock when drawer is open */
body:has(.overlay-drawer[open='true']) {
  overflow: hidden;
}

.overlay-drawer {
  --_width: calc(100% - var(--overlay-drawer-gutter));
  --_max-width: var(--overlay-drawer-size);

  --_padding-inline--xs: var(--overlay-drawer-padding-inline--xs, var(--overlay-drawer-padding-inline));
  --_padding-inline--sm: var(--overlay-drawer-padding-inline--sm, var(--_padding-inline--xs));
  --_padding-inline--md: var(--overlay-drawer-padding-inline--md, var(--_padding-inline--sm));
  --_padding-inline--lg: var(--overlay-drawer-padding-inline--lg, var(--_padding-inline--md));
  --_padding-inline--xl: var(--overlay-drawer-padding-inline--xl, var(--_padding-inline--lg));
  --_padding-inline: var(--_padding-inline--xs);

  --_padding-block--xs: var(--overlay-drawer-padding-block--xs, var(--overlay-drawer-padding-block));
  --_padding-block--sm: var(--overlay-drawer-padding-block--sm, var(--_padding-block--xs));
  --_padding-block--md: var(--overlay-drawer-padding-block--md, var(--_padding-block--sm));
  --_padding-block--lg: var(--overlay-drawer-padding-block--lg, var(--_padding-block--md));
  --_padding-block--xl: var(--overlay-drawer-padding-block--xl, var(--_padding-block--lg));
  --_padding-block: var(--_padding-block--xs);

  --_background: var(--overlay-drawer-background, var(--color-secondary, #fff));

  display: block;
  position: fixed;
  inset: 0;
  height: 100%;
  width: 100%;
  transition-property: background-color;
  transition-duration: var(--overlay-drawer-transition-duration);
  transition-timing-function: var(--overlay-drawer-transition-timing-function);
  cursor: pointer;
  z-index: var(--overlay-drawer-z-index);

  &[open='false'] {
    pointer-events: none;
  }

  &[open='true'] {
    background-color: var(--overlay-drawer-overlay-color);
  }
}

.overlay-drawer__inner {
  background: var(--_background);
  cursor: initial;
  position: absolute;
  width: var(--_width);
  max-width: var(--_max-width);
  top: 0;
  transition-property: transform;
  transition-duration: var(--overlay-drawer-transition-duration);
  transition-timing-function: var(--overlay-drawer-transition-timing-function);
  height: 100%;
  overflow-y: auto;
  padding-inline: var(--_padding-inline);
  padding-block: var(--_padding-block);

  .overlay-drawer--start & {
    left: max(calc(-1 * var(--_width)), calc(-1 * var(--_max-width)));
  }

  .overlay-drawer--start[open='true'] & {
    transform: translateX(100%);
  }

  .overlay-drawer--end & {
    right: max(calc(-1 * var(--_width)), calc(-1 * var(--_max-width)));
  }

  .overlay-drawer--end[open='true'] & {
    transform: translateX(-100%);
  }
}

.overlay-drawer__header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-block-end: var(--overlay-drawer-label-margin-bottom);

  &:has(.overlay-drawer__label) {
    justify-content: space-between;
  }
}

.overlay-drawer__close-button {
  line-height: 0;
}
/* END_SNIPPET:overlay.drawer */

/* START_SNIPPET:overlay.lightbox (INDEX:159) */
overlay-lightbox {
    display: contents;
  }

  .overlay-lightbox__trigger {
    display: contents;
    cursor: pointer;
  }

  .overlay-lightbox__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.95);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
  }

  .overlay-lightbox__overlay--open {
    opacity: 1;
    visibility: visible;
  }

  .overlay-lightbox__content {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .overlay-lightbox__content img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .overlay-lightbox__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .overlay-lightbox__nav--prev {
    left: 1rem;
  }

  .overlay-lightbox__nav--next {
    right: 1rem;
  }

  /* Hide navigation buttons when there's only one item in the group */
  .overlay-lightbox__overlay--single-item .overlay-lightbox__nav {
    display: none;
  }

  .lightbox-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
/* END_SNIPPET:overlay.lightbox */

/* START_SNIPPET:pdp-back-link (INDEX:161) */
.pdp-back-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: inherit;
    font-size: 0.9em;
  }

  .pdp-back-link:hover .pdp-back-link__text {
    text-decoration: underline;
  }

  .pdp-back-link .element-icon {
    --element-icon-size: 14px;
  }
/* END_SNIPPET:pdp-back-link */

/* START_SNIPPET:product.hot-reload (INDEX:172) */
product-hot-reload {
    contain: layout style paint;
  }

  .product-hot-reload--loading {
    opacity: 0.6;
    animation: pulse 1.5s ease-in-out infinite;
  }

  @keyframes pulse {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.6;
    }
  }

  /* View Transitions API support */
  @supports (view-transition-name: none) {
    product-hot-reload {
      view-transition-name: product-content;
    }
  }
/* END_SNIPPET:product.hot-reload */

/* START_SNIPPET:recipe-link (INDEX:181) */
.recipe-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: var(--colorBtnPrimary);
  }

  .recipe-link__text {
    text-decoration: underline;
  }

  .recipe-link .element-icon {
    --element-icon-size: 36px;
    --element-icon-stroke-width: 1.5px;
  }
/* END_SNIPPET:recipe-link */

/* START_SNIPPET:section.flex-pdp.gift-recipient (INDEX:193) */
gift-recipient-form {
	  display: block;
	  position: relative;
	
	  & .recipient-fields {
	    display: none;
	  }
	}
/* END_SNIPPET:section.flex-pdp.gift-recipient */

/* START_SNIPPET:section.flex-pdp.media-gallery (INDEX:197) */
.media-gallery {
    --media-gallery-thumb-size: 80px;
    --media-gallery-thumb-gap: var(--gap-size-xs);

    display: block;
    position: relative;
    overflow: hidden;
  }

  .media-gallery__main {
    position: relative;
    width: 100%;
    flex: 1;
    overflow: hidden;
    min-height: 400px;
    aspect-ratio: 1;
    touch-action: pan-y pinch-zoom;
    transition: height 0.3s ease-in-out;
  }

  /* Disable transition when setting height programmatically */
  .media-gallery__main--no-transition {
    transition: none;
  }

  .media-gallery__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    opacity: 0.7;
    transition: opacity 0.2s ease;
  }

  .media-gallery__main:hover .media-gallery__nav {
    opacity: 1;
  }

  .media-gallery__nav--prev {
    left: var(--gap-size-sm);
  }

  .media-gallery__nav--next {
    right: var(--gap-size-sm);
  }

  .media-gallery__nav:focus-visible {
    opacity: 1;
  }

  .media-gallery__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
  }

  .media-gallery__slide--is-animating {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }

  .media-gallery__slide--active {
    opacity: 1;
    transform: translateX(0);
    z-index: 2;
  }

  .media-gallery__slide--prev {
    transform: translateX(-100%);
  }

  .media-gallery__slide--next {
    transform: translateX(100%);
  }

  .media-gallery__slide img:not(.overlay-lightbox__overlay img) {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .media-gallery__thumbnails {
    display: block;
    width: fit-content;
    max-width: 100%;

    max-height: 650px;
    scrollbar-width: thin;
    scrollbar-color: var(--color-border) transparent;
  }

  .media-gallery__thumbnails--top,
  .media-gallery__thumbnails--bottom {
    overflow-x: auto;
  }

  .media-gallery__thumbnails--left,
  .media-gallery__thumbnails--right {
    overflow-y: auto;
  }

  /* Webkit scrollbar styling */
  .media-gallery__thumbnails::-webkit-scrollbar {
    height: 4px;
    width: 4px;
  }

  .media-gallery__thumbnails::-webkit-scrollbar-track {
    background: transparent;
  }

  .media-gallery__thumbnails::-webkit-scrollbar-thumb {
    background: var(--color-border);
  }

  .media-gallery__thumbnails::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-muted);
  }

  .media-gallery__thumb {
    position: relative;
    border: 2px solid transparent;
    background: none;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.2s ease;
    flex-shrink: 0;
    width: var(--media-gallery-thumb-size);
    height: var(--media-gallery-thumb-size);
  }

  .media-gallery__thumb--active {
    border-color: var(--color-primary);
  }

  .media-gallery__thumb:hover {
    border-color: var(--color-primary);
    opacity: 0.8;
  }

  .media-gallery__thumb:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  .media-gallery__thumb-image {
    position: relative;
    width: 100%;
    max-width: var(--media-gallery-thumb-size);
    max-height: var(--media-gallery-thumb-size);
    height: var(--media-gallery-thumb-size);
    aspect-ratio: 1;
  }

  .media-gallery__thumb-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .media-gallery__thumb-icon {
    display: flex;
    position: absolute;
    top: var(--gap-size-2xs);
    right: var(--gap-size-2xs);
    background: var(--color-primary);
    color: var(--color-secondary);
    border-radius: 0;
    padding: var(--gap-size-2xs);
    z-index: 1;
  }

  .media-gallery__thumb-icon .element-icon {
    width: 12px;
    height: 12px;
  }


  .media-gallery .shopify-model-viewer-ui,
  .media-gallery .shopify-model-viewer-ui model-viewer {
      width: 100%;
      height: 100%;
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .media-gallery__main {
      min-height: 300px;
    }


    .media-gallery__nav {
      opacity: 1;
    }
  }
/* END_SNIPPET:section.flex-pdp.media-gallery */

/* START_SNIPPET:section.flex-pdp.media-grid (INDEX:198) */
.media-grid {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .media-grid__container {
    min-width: 350px;
    flex: 1 1 300px;

    & img:not(.overlay-lightbox__overlay img) {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  .media-grid .shopify-model-viewer-ui,
  .media-grid .shopify-model-viewer-ui model-viewer {
    width: 100%;
    height: 100%;
  }
/* END_SNIPPET:section.flex-pdp.media-grid */

/* START_SNIPPET:section.flex-pdp.media-stacked (INDEX:199) */
.media-stacked {
    display: flex;
    flex-direction: column;
    gap: var(--gap-size-sm);
    width: 100%;
  }

  .media-stacked__slot {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .media-stacked__slot img:not(.overlay-lightbox__overlay img) {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .media-stacked__bundle-frame {
    position: relative;
    container-type: inline-size;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .media-stacked__bundle-frame::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.06);
    pointer-events: none;
  }

  .media-stacked__bundle-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .media-stacked__bundle-title {
    position: relative;
    z-index: 2;
    display: block;
    max-width: min(68%, 720px);
    padding: 24px;
    padding: clamp(16px, 6cqw, 52px);
    box-sizing: border-box;
    color: #efece4;
    font-family: "Bebas Neue", sans-serif;
    font-size: 3rem;
    font-size: clamp(2rem, 11cqw, 4.75rem);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.95;
    text-align: center;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
    text-wrap: balance;
    white-space: normal;
    pointer-events: none;
  }

  .overlay-lightbox__content .media-stacked__bundle-frame {
    width: min(100%, calc(100vh * 1.3235));
    max-width: 100%;
    height: auto;
    max-height: 100%;
    aspect-ratio: 3375 / 2550;
  }

  .media-stacked__slot-2-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
  }

  .media-stacked__slot-2-item--active {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
  }

  .media-stacked__thumbs {
    --media-stacked-thumb-size: 80px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-size-xs);
    margin-top: var(--gap-size-xs);
  }

  .media-stacked__thumb {
    position: relative;
    width: var(--media-stacked-thumb-size);
    height: var(--media-stacked-thumb-size);
    flex-shrink: 0;
    padding: 0;
    background: none;
    border: 2px solid transparent;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.2s ease;
  }

  .media-stacked__thumb--active {
    border-color: var(--color-primary);
  }

  .media-stacked__thumb:hover {
    border-color: var(--color-primary);
    opacity: 0.85;
  }

  .media-stacked__thumb:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  .media-stacked__thumb-image {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .media-stacked__thumb-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .media-stacked__thumb-icon {
    display: flex;
    position: absolute;
    top: var(--gap-size-2xs);
    right: var(--gap-size-2xs);
    background: var(--color-primary);
    color: var(--color-secondary);
    padding: var(--gap-size-2xs);
    z-index: 1;
  }

  .media-stacked__thumb-icon .element-icon {
    width: 12px;
    height: 12px;
  }

  @media (max-width: 768px) {
    .media-stacked__thumbs {
      flex-wrap: nowrap;
      overflow-x: auto;
      scrollbar-width: thin;
      scrollbar-color: var(--color-border) transparent;
    }

    .media-stacked__thumbs::-webkit-scrollbar {
      height: 4px;
    }

    .media-stacked__thumbs::-webkit-scrollbar-track {
      background: transparent;
    }

    .media-stacked__thumbs::-webkit-scrollbar-thumb {
      background: var(--color-border);
    }
  }
/* END_SNIPPET:section.flex-pdp.media-stacked */

/* START_SNIPPET:section.flex-pdp.pick-up (INDEX:200) */
.element-icon-in-stock {
	  fill: var(--success-green, #56ad6a);
	}
	
	.element-icon-out-of-stock {
	  fill: var(--color-error, #ba4444);
	}

	.element-text__store-address p {
	  margin: 0;
	}
/* END_SNIPPET:section.flex-pdp.pick-up */

/* START_SNIPPET:section.flex-pdp.variant-description (INDEX:206) */
.custom-variant-description {
    margin-top: 24px;
  }

  .custom-variant-description__heading {
    margin: 0 0 8px;
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-size: 36px;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .custom-variant-description__rte {
    margin-top: 8px;
  }
/* END_SNIPPET:section.flex-pdp.variant-description */

/* START_SNIPPET:style.normalize (INDEX:219) */
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */

  /*
  Document
  ========
  */

  /**
  Use a better box model (opinionated).
  */

  *,
  ::before,
  ::after {
    box-sizing: border-box;
  }

  /**
  1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
  2. Correct the line height in all browsers.
  3. Prevent adjustments of font size after orientation changes in iOS.
  4. Use a more readable tab size (opinionated).
  */

  html {
    font-family:
      system-ui,
      'Segoe UI',
      Roboto,
      Helvetica,
      Arial,
      sans-serif,
      'Apple Color Emoji',
      'Segoe UI Emoji'; /* 1 */
    line-height: 1.15; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    tab-size: 4; /* 4 */
  }

  /*
  Sections
  ========
  */

  /**
  Remove the margin in all browsers.
  */

  body {
    margin: 0;
  }

  /*
  Text-level semantics
  ====================
  */

  /**
  Add the correct font weight in Chrome and Safari.
  */

  b,
  strong {
    font-weight: bolder;
  }

  /**
  1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
  2. Correct the odd 'em' font sizing in all browsers.
  */

  code,
  kbd,
  samp,
  pre {
    font-family:
      ui-monospace,
      SFMono-Regular,
      Consolas,
      'Liberation Mono',
      Menlo,
      monospace; /* 1 */
    font-size: 1em; /* 2 */
  }

  /**
  Add the correct font size in all browsers.
  */

  small {
    font-size: 80%;
  }

  /**
  Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
  */

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  /*
  Tabular data
  ============
  */

  /**
  Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
  */

  table {
    border-color: currentcolor;
  }

  /*
  Forms
  =====
  */

  /**
  1. Change the font styles in all browsers.
  2. Remove the margin in Firefox and Safari.
  */

  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }

  /**
  Correct the inability to style clickable types in iOS and Safari.
  */

  button,
  [type='button'],
  [type='reset'],
  [type='submit'] {
    -webkit-appearance: button;
  }

  /**
  Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
  */

  legend {
    padding: 0;
  }

  /**
  Add the correct vertical alignment in Chrome and Firefox.
  */

  progress {
    vertical-align: baseline;
  }

  /**
  Correct the cursor style of increment and decrement buttons in Safari.
  */

  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }

  /**
  1. Correct the odd appearance in Chrome and Safari.
  2. Correct the outline style in Safari.
  */

  [type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }

  /**
  Remove the inner padding in Chrome and Safari on macOS.
  */

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  /**
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Change font properties to 'inherit' in Safari.
  */

  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }

  /*
  Interactive
  ===========
  */

  /*
  Add the correct display in Chrome and Safari.
  */

  summary {
    display: list-item;
  }
/* END_SNIPPET:style.normalize */

/* START_SNIPPET:style.primitive-tokens (INDEX:220) */
:root {
    /* Core Sizes */
    --size-0-25: 0.0625rem; /* 1px */
    --size-0-5: 0.125rem; /* 2px */
    --size-1: 0.25rem; /* 4px */
    --size-1-5: 0.375rem; /* 6px */
    --size-2: 0.5rem; /* 8px */
    --size-2-5: 0.625rem; /* 10px */
    --size-3: 0.75rem; /* 12px */
    --size-3-5: 0.875rem; /* 14px */
    --size-4: 1rem; /* 16px */
    --size-4-5: 1.125rem; /* 18px */
    --size-5: 1.25rem; /* 20px */
    --size-5-5: 1.375rem; /* 22px */
    --size-6: 1.5rem; /* 24px */
    --size-6-5: 1.625rem; /* 26px */
    --size-7: 1.75rem; /* 28px */
    --size-7-5: 1.875rem; /* 30px */
    --size-8: 2rem; /* 32px */
    --size-8-5: 2.125rem; /* 34px */
    --size-9: 2.25rem; /* 36px */
    --size-9-5: 2.375rem; /* 38px */
    --size-10: 2.5rem; /* 40px */
    --size-11: 2.75rem; /* 44px */
    --size-12: 3rem; /* 48px */
    --size-14: 3.5rem; /* 56px */
    --size-16: 4rem; /* 64px */
    --size-18: 4.5rem; /* 72px */
    --size-20: 5rem; /* 80px */
    --size-24: 6rem; /* 96px */
    --size-28: 7rem; /* 112px */
    --size-32: 8rem; /* 128px */

    /* Text Sizes */
    --text-size-2: 0.5rem; /* 8px */
    --text-size-2-5: 0.625rem; /* 10px */
    --text-size-3: 0.75rem; /* 12px */
    --text-size-3-5: 0.875rem; /* 14px */
    --text-size-4: 1rem; /* 16px */
    --text-size-4-5: 1.125rem; /* 18px */
    --text-size-5: 1.25rem; /* 20px */
    --text-size-5-5: 1.375rem; /* 22px */
    --text-size-6: 1.5rem; /* 24px */
    --text-size-6-5: 1.625rem; /* 26px */
    --text-size-7: 1.75rem; /* 28px */
    --text-size-7-5: 1.875rem; /* 30px */
    --text-size-8: 2rem; /* 32px */
    --text-size-8-5: 2.125rem; /* 34px */
    --text-size-9: 2.25rem; /* 36px */
    --text-size-9-5: 2.375rem; /* 38px */
    --text-size-10: 2.5rem; /* 40px */
    --text-size-11: 2.75rem; /* 44px */
    --text-size-12: 3rem; /* 48px */
    --text-size-14: 3.5rem; /* 56px */
    --text-size-16: 4rem; /* 64px */
    --text-size-18: 4.5rem; /* 72px */
    --text-size-20: 5rem; /* 80px */
    --text-size-24: 6rem; /* 96px */
    --text-size-28: 7rem; /* 112px */
    --text-size-32: 8rem; /* 128px */

    /* Line */
    --line-size-none: 0px;
    --line-size-xs: 0.5px;
    --line-size-sm: 1px;
    --line-size-md: 2px;
    --line-size-lg: 4px;
    --line-size-xl: 8px;

    /* Gap */
    --gap-size-none: 0px;
    --gap-size-3xs: var(--size-0-5);
    --gap-size-2xs: var(--size-1);
    --gap-size-xs: var(--size-2);
    --gap-size-sm: var(--size-4);
    --gap-size-md: var(--size-8);
    --gap-size-lg: var(--size-12);
    --gap-size-xl: var(--size-16);
    --gap-size-2xl: var(--size-24);

    /* Radius */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-2xl: 32px;
    --radius-none: 0px;
    --radius-full: 999px;

    /* Dropshadow */
    --shadow-none: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    --shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
    --shadow-md: 0px 2px 4px -1px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0px 8px 16px -4px rgba(0, 0, 0, 0.08);
    --shadow-xl: 0px 16px 32px -6px rgba(0, 0, 0, 0.12);
    --shadow-2xl: 0px 16px 64px -12px rgba(0, 0, 0, 0.22);

    /* Font Weights */
    --font-weight-100: 100;
    --font-weight-200: 200;
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;
    --font-weight-900: 900;

    /* Letter Spacings */
    --letter-space-2xs: -0.05em;
    --letter-space-xs: -0.03em;
    --letter-space-sm: -0.015em;
    --letter-space-md: 0em;
    --letter-space-lg: 0.015em;
    --letter-space-xl: 0.03em;
    --letter-space-2xl: 0.05em;
    --letter-space-3xl: 0.08em;
    --letter-space-4xl: 0.12em;

    /* Line Heights */
    --line-height-2xs: 0.9;
    --line-height-xs: 1;
    --line-height-sm: 1.1;
    --line-height-md: 1.2;
    --line-height-lg: 1.5;
    --line-height-xl: 1.7;
    --line-height-2xl: 2;

    /* Color Shades */
    --shade-0: 0%;
    --shade-4: 4%;
    --shade-8: 8%;
    --shade-12: 12%;
    --shade-16: 16%;
    --shade-20: 20%;
    --shade-30: 30%;
    --shade-40: 40%;
    --shade-50: 50%;
    --shade-60: 60%;
    --shade-70: 70%;
    --shade-80: 80%;
    --shade-90: 90%;
    --shade-100: 100%;
  }
/* END_SNIPPET:style.primitive-tokens */

/* START_SNIPPET:utility.color-scheme-texture (INDEX:228) */
.scheme-image,
	.scheme-darken,
	.scheme-squiggle,
	.scheme-swirl,
	.scheme-dots,
	.scheme-notebook,
	.scheme-wave,
	.scheme-minimal-wave,
	.scheme-plants,
	.scheme-cold-blur,
	.scheme-warm-blur,
	.scheme-custom-texture-1,
	.scheme-custom-texture-2,
	.scheme-custom-texture-3 {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  z-index: 0;
	}
	
	[data-animate].scheme-image {
	  object-fit: cover;
	  pointer-events: none;
	  mix-blend-mode: multiply;
	  opacity: 1;
	
	  /*Specific styles on some textures*/
	
	  &[data-texture='space.jpg'] {
	    mix-blend-mode: screen;
	  }
	}
	
	[data-animate].scheme-texture--linen,
	[data-animate].scheme-texture--sand,
	[data-animate].scheme-texture--stone,
	[data-animate].scheme-texture--wildflower {
	  opacity: 0.24;
	}
	
	/*Darken is CSS, not image*/
	.scheme-darken {
	  --z-index-overlay: 1;
	  z-index: 1;
	  pointer-events: none;
	
	  &:after {
	    background-color: rgba(0, 0, 0, 0.027);
	    pointer-events: none;
	  }
	}
	
	/*
	  SVG images as backgrounds
	    - larger images are cached external assets that are only loaded when used
	 */
	.scheme-swirl {
	  background-image: url(swirl.svg);
	  opacity: 0.12;
	}
	
	.scheme-squiggle {
	  background: url("data:image/svg+xml,%3Csvg width='150' height='75' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.17'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	}
	
	.scheme-dots {
	  background-image: radial-gradient(rgba(0, 0, 0, 0.15) 0.5px, transparent 2px);
	  background-size: 16px 16px;
	}
	
	.scheme-notebook {
	  background-image: url(notebook.svg);
	  opacity: 0.5;
	}
	
	.scheme-wave {
	  background-image: url(wave.svg);
	  background-size: cover;
	  opacity: 0.5;
	}
	
	.scheme-minimal-wave {
	  background-image: url(minimal-wave.svg);
	  opacity: 0.5;
	  background-size: cover;
	}
	
	.scheme-plants {
	  background-image: url(plants.svg);
	  background-size: cover;
	}
	
	.scheme-cold-blur {
	  background-image: url(cold-blur.svg);
	  background-size: cover;
	}
	
	.scheme-warm-blur {
	  background-image: url(warm-blur.svg);
	  background-size: cover;
	}
	
	.scheme-custom-texture-1 {
	  background-image: url(custom-texture-1.svg);
	  background-size: cover;
	}
	
	.scheme-custom-texture-2 {
	  background-image: url(custom-texture-2.svg);
	  background-size: cover;
	}
	
	.scheme-custom-texture-3 {
	  background-image: url(custom-texture-3.svg);
	  background-size: cover;
	}
/* END_SNIPPET:utility.color-scheme-texture */