/** Shopify CDN: Minification failed

Line 405:18 Expected identifier but found whitespace
Line 405:20 Unexpected "{"
Line 405:29 Expected ":"
Line 405:55 Expected ":"
Line 406:21 Expected identifier but found whitespace
Line 406:23 Unexpected "{"
Line 406:32 Expected ":"
Line 406:61 Expected ":"
Line 1549:21 Expected identifier but found whitespace
Line 1549:23 Unexpected "{"
... and 1 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:404 (INDEX:0) */
.not-found__icon svg,
  .not-found__icon img {
    display: block;
    width: 100%;
    height: auto;
  }
/* END_SECTION:404 */

/* START_SECTION:age-verification-modal (INDEX:1) */
age-verification-modal[data-age-verification-modal] {
    z-index: 100;
  }

  age-verification-modal:not([open]) {
    display: none;
  }

  .age-verification-disclaimer p,
  .age-verification-decline p {
    margin: 0;
  }

  .age-verification-disclaimer a {
    color: var(--age-verification-link);
    text-decoration: underline;
    transition: opacity 150ms;
  }

  .age-verification-disclaimer a:hover {
    opacity: 0.7;
  }
/* END_SECTION:age-verification-modal */

/* START_SECTION:announcement-bar (INDEX:2) */
.announcement-bar {
    position: relative;
    display: block;
    width: 100%;
  }
/* END_SECTION:announcement-bar */

/* START_SECTION:bundle-builder (INDEX:6) */
.bundle-builder [data-bundle-track]::-webkit-scrollbar {
    height: 16px;
  }

  .bundle-builder [data-bundle-track]::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }

  .bundle-builder [data-bundle-track]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 8px;
  }

  .bundle-builder [data-bundle-track]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.6);
  }

  .bundle-builder [data-bundle-track] {
    scrollbar-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.05);
    scrollbar-width: auto;
  }
/* END_SECTION:bundle-builder */

/* START_SECTION:cart-drawer (INDEX:7) */
cart-drawer[data-cart-drawer] {
    z-index: 80;
  }
/* END_SECTION:cart-drawer */

/* START_SECTION:coa-cards (INDEX:9) */
.coa-cards {
    background-color: #f6f1ec;
  }
/* END_SECTION:coa-cards */

/* START_SECTION:coa-guide (INDEX:10) */
.coa-guide__table-wrap {
    -webkit-overflow-scrolling: touch;
  }

  .coa-guide__row + .coa-guide__row > * {
    border-top: 1px solid #212323;
  }
/* END_SECTION:coa-guide */

/* START_SECTION:collection (INDEX:11) */
.collection-products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  }
/* END_SECTION:collection */

/* START_SECTION:collections (INDEX:12) */
.collections {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--collection-card-size), 100%), 1fr));
    gap: var(--grid-gap);
  }
  .collections--compact {
    --collection-card-size: 160px;
  }
  .collections--full {
    --collection-card-size: 280px;
  }
  .collection-card {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
/* END_SECTION:collections */

/* START_SECTION:contact-form (INDEX:13) */
.contact-form-section {
    background-color: var(--form-bg);
    color: var(--form-text);
    padding: 100px 120px;
    width: 100%;
  }

  .contact-form-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  .contact-form-header {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    text-align: center;
    margin-bottom: 80px;
    width: 100%;
  }

  .contact-form-heading {
    font-size: 72px;
    font-weight: 700;
    letter-spacing: -2.16px;
    margin: 0;
    line-height: 1.2;
  }

  .contact-form-subheading {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
  }

  .contact-form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 64px;
  }

  .contact-form-wrapper form {
    display: flex;
    flex-direction: column;
    gap: 64px;
  }

  .form-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    width: 100%;
  }

  .form-field {
    display: flex;
    flex-direction: column;
    gap: 10px;
    grid-column: span 1;
    min-width: 0;
  }

  .form-field[data-column-span="2"] {
    grid-column: 1 / -1;
  }

  .form-label {
    display: block;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
  }

  .form-input {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--form-text);
    background: transparent;
    color: var(--form-text);
    font-size: 16px;
    line-height: 1.5;
    padding: 8px 0;
    font-family: inherit;
    outline: none;
    transition: border-color 0.15s ease;
  }

  .form-input::placeholder {
    color: var(--form-text);
    opacity: 0.5;
  }

  .form-input:focus {
    border-bottom-color: var(--form-text);
  }

  .form-errors {
    background-color: #fee;
    border: 1px solid #fcc;
    border-radius: 4px;
    color: #c00;
    margin-bottom: 20px;
    padding: 12px 16px;
    font-size: 14px;
  }

  .contact-form-button {
    background-color: var(--form-button-bg);
    color: var(--form-button-text);
    border: none;
    border-radius: 30px;
    padding: 16px 32px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    cursor: pointer;
    transition: opacity 0.15s ease;
    width: 100%;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .contact-form-button:hover {
    opacity: 0.85;
  }

  .contact-form-button:focus-visible {
    outline: 2px solid var(--form-button-text);
    outline-offset: 2px;
  }

  @media screen and (min-width: 1024px) {
    .contact-form-section {
      padding-left: 0;
      padding-right: 0;
    }
  }

  @media screen and (max-width: 768px) {
    .contact-form-section {
      padding: 60px 20px;
    }

    .contact-form-header {
      margin-bottom: 40px;
    }

    .contact-form-heading {
      font-size: 40px;
      letter-spacing: -1.2px;
    }

    .contact-form-subheading {
      font-size: 16px;
    }

    .contact-form-wrapper {
      gap: 40px;
    }

    .contact-form-wrapper form {
      gap: 32px;
    }

    .form-fields {
      grid-template-columns: 1fr;
      gap: 30px;
    }

    .form-field {
      gap: 16px;
    }

    .form-label {
      font-size: 18px;
    }
  }
/* END_SECTION:contact-form */

/* START_SECTION:contact-promo-row (INDEX:14) */
@media screen and (min-width: 1024px) {
    .contact-promo-row__promo-cards {
      position: sticky;
      top: var(--contact-promo-cards-sticky-top, 80px);
    }
  }
/* END_SECTION:contact-promo-row */

/* START_SECTION:content-block (INDEX:16) */
.content-block__heading {
    font-family: var(--font-heading--family);
  }

  .content-block__heading :where(p) {
    margin: 0;
  }

  .content-block__heading em {
    font-style: italic;
  }
/* END_SECTION:content-block */

/* START_SECTION:custom-section (INDEX:17) */
.custom-section {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .custom-section__background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
  }
  .custom-section__background img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .custom-section__content {
    display: grid;
    grid-template-columns: var(--content-grid);
  }
  .custom-section__content > * {
    grid-column: 2;
  }
/* END_SECTION:custom-section */

/* START_SECTION:faq-accordion (INDEX:18) */
.faq-item-container {
    border-radius: 36px;
  }

  .faq-item-toggle:focus-visible {
    outline: 2px solid #212323;
    outline-offset: 2px;
  }

  .faq-item-toggle[aria-expanded="true"] .faq-chevron {
    transform: rotate(180deg);
  }

  .faq-item-toggle[aria-expanded="true"] {
    background-color: rgba(33, 35, 35, 0.05);
  }

  .faq-item-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 250ms ease;
  }

  .faq-item-answer.show {
    grid-template-rows: 1fr;
  }
/* END_SECTION:faq-accordion */

/* START_SECTION:faq-pills-grid (INDEX:19) */
@media (min-width: 1024px) {
    .faq-pills-grid {
      padding-top: {{ section.settings.padding_top }}px !important;
      padding-bottom: {{ section.settings.padding_bottom }}px !important;
    }
  }
/* END_SECTION:faq-pills-grid */

/* START_SECTION:feature-story-grid (INDEX:20) */
.feature-story-grid__heading,
  .feature-story-grid__subheading {
    font-family: var(--font-heading--family);
  }

  .feature-story-grid__heading :where(p) {
    margin: 0;
  }

  .feature-story-grid__heading em {
    font-style: italic;
  }
/* END_SECTION:feature-story-grid */

/* START_SECTION:gruns-find-toasted-simple (INDEX:25) */
@media (min-width: 1024px) {
    #billboard-container {
      transform: translateY(-50%);
    }
  }

  /* Sticker/badge positions are ported 1:1 from the Figma "Frame 2147236090"
     node (fileKey mPnZFgOy032whTzJGzGdND), relative to the billboard image's
     own box. No fixed widths/heights are set — each image keeps its natural
     aspect ratio at the given width. */

  .find-toasted-billboard__sticker {
    left: -4.6%;
    top: 25.16%;
    width: 29.72%;
  }

  .find-toasted-billboard__badge {
    left: 79.83%;
    top: 64.5%;
    width: 23.97%;
  }

  @media (prefers-reduced-motion: reduce) {
    #billboard-container img {
      transition: none;
    }
  }
/* END_SECTION:gruns-find-toasted-simple */

/* START_SECTION:gruns-find-toasted (INDEX:26) */
@media (min-width: 1024px) {
    #billboard-container {
      transform: translateY(-50%);
    }
  }
/* END_SECTION:gruns-find-toasted */

/* START_SECTION:gruns-gallery (INDEX:27) */
.gruns-gallery__track {
    box-sizing: border-box;
  }

  .gruns-gallery__nav-button {
    color: #212323;
    cursor: pointer;
    transition:
      opacity 150ms ease,
      transform 150ms ease;
  }

  .gruns-gallery__nav-button:hover {
    opacity: 0.75;
  }

  .gruns-gallery__nav-button--prev svg {
    transform: rotate(90deg);
  }

  .gruns-gallery__nav-button--next svg {
    transform: rotate(-90deg);
  }
/* END_SECTION:gruns-gallery */

/* START_SECTION:gruns-product-list (INDEX:32) */
.gruns-product-list__grid {
    align-items: stretch;
  }

  .gruns-product-list .shopify-block {
    display: flex;
    width: 100%;
    height: 100%;
    align-self: stretch;
  }
/* END_SECTION:gruns-product-list */

/* START_SECTION:gruns-quality-badges (INDEX:33) */
.gruns-quality-badges .shopify-block {
    display: contents;
  }
/* END_SECTION:gruns-quality-badges */

/* START_SECTION:header (INDEX:35) */
.navbar {
    width: 100%;
    background-color: var(--navbar-background);
    color: var(--navbar-text);
    position: relative;
  }

  .navbar__bar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    padding-block: 1.375rem;
    padding-inline: clamp(var(--page-margin), 6vw, 6.25rem);
    position: relative;
  }

  .navbar__dropdown-toggle {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    width: 3.1875rem;
    height: 1.8125rem;
    color: currentColor;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .navbar__dropdown-toggle--mobile {
    display: none;
  }

  .navbar__dropdown-toggle-icon {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
  }

  .navbar__dropdown-toggle-icon--open {
    width: 100%;
    height: 100%;
  }

  .navbar__dropdown-toggle-icon--close {
    width: 1.8125rem;
    height: 1.8125rem;
    display: none;
  }

  .navbar__dropdown-toggle-icon--close svg {
    width: 100%;
    height: 100%;
  }

  .navbar--menu-open .navbar__dropdown-toggle-icon--open {
    display: none;
  }

  .navbar--menu-open .navbar__dropdown-toggle-icon--close {
    display: block;
  }

  @media (max-width: 47.9375rem) {
    .navbar {
      z-index: 60;
      min-height: var(--navbar-bar-height, var(--navbar-height-mobile));
    }

    .navbar.navbar--mobile-fixed .navbar__bar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 60;
      background-color: var(--navbar-background);
      transform: translateY(0);
      transition: transform 0.22s ease;
      will-change: transform;
    }

    .navbar.navbar--sticky-hidden .navbar__bar {
      transform: translateY(-100%);
    }

    .navbar__bar {
      display: flex;
      justify-content: space-between;
      padding-block: 0.875rem;
      gap: 0.75rem;
    }

    .navbar__dropdown-toggle--desktop {
      display: none;
    }

    .navbar__dropdown-toggle--mobile {
      display: inline-flex;
    }

    .navbar__dropdown-toggle {
      width: 1.5rem;
      height: 0.875rem;
    }

    .navbar__dropdown-toggle-icon--close {
      width: 0.875rem;
      height: 0.875rem;
    }

    .navbar__dropdown {
      position: absolute;
      top: 100%;
      z-index: 59;
    }

    .navbar.navbar--mobile-fixed .navbar__dropdown {
      position: fixed;
      top: var(--navbar-bar-height, var(--navbar-height-mobile));
    }
  }

  .navbar__logo {
    display: block;
    justify-self: center;
    line-height: 0;
  }

  .navbar__logo img,
  .navbar__logo svg {
    display: block;
    width: var(--navbar-logo-width);
    height: auto;
    max-width: 100%;
  }

  @media (max-width: 47.9375rem) {
    .navbar__logo {
      justify-self: start;
      flex-shrink: 0;
    }

    .navbar__logo img,
    .navbar__logo svg {
      width: var(--navbar-logo-width-mobile);
    }
  }

  .navbar__actions {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: clamp(1.25rem, 0.4rem + 2.5vw, 1.5rem);
    justify-self: end;
  }

  @media (min-width: 48rem) {
    .navbar__actions {
      background-color: var(--navbar-actions-background);
      padding: 10px 32px 10px 12px;
      border-radius: 999px;
    }

    .navbar__actions:not(:has(.navbar__right-button)) {
      padding: 10px 24px;
    }
  }

  .navbar__icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: currentColor;
    cursor: pointer;
  }

  .navbar__search-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: currentColor;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .navbar__search-button svg {
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
  }

  .navbar__right-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--right-button-background);
    border-color: var(--right-button-border);
    color: var(--right-button-text);
    text-decoration: none;
    font-size: clamp(0.9375rem, 0.75rem + 1vw, 1.25rem);
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
  }

  @media (max-width: 768px) {
    .navbar__actions {
      justify-self: end;
      gap: 0.875rem;
      padding: 0.375rem 1rem 0.375rem 0.375rem;
      border-radius: 999px;
      background-color: var(--navbar-actions-background);
    }

    .navbar__right-button {
      display: inline-flex;
      padding: 0.5rem 1rem;
      border: 2px solid var(--right-button-border);
      border-radius: 999px;
      font-size: 0.9375rem;
      line-height: 1;
    }

    .navbar__search-button svg {
      width: 1.25rem;
      height: 1.25rem;
    }

    .navbar__icon-link--cart {
      width: 1.5rem;
      height: 1.5rem;
    }

    .navbar__icon-link--cart svg {
      width: 1.5rem !important;
      height: 1.5rem !important;
    }
  }

  @media (max-width: 25rem) {
    .navbar__actions {
      gap: 0.625rem;
      padding: 0.375rem 1rem 0.375rem 0.375rem;
    }

    .navbar__right-button {
      padding: 0.5625rem 0.875rem;
      font-size: 0.8125rem;
    }

    .navbar__search-button svg {
      width: 1rem;
      height: 1rem;
    }

    .navbar__icon-link--cart {
      width: 1.125rem;
      height: 1.125rem;
    }

    .navbar__icon-link--cart svg {
      width: 1.125rem !important;
      height: 1.125rem !important;
    }
  }

  .navbar__icon-link--cart {
    position: relative;
    width: 1.75rem;
    height: 1.75rem;
  }

  .navbar__icon-link--cart svg {
    width: 100%;
    height: 100%;
  }

  .navbar__cart-count {
    position: absolute;
    top: -0.25rem;
    right: -0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1rem;
    height: 1rem;
    padding-inline: 0.1875rem;
    border-radius: 999px;
    background-color: #ffffff;
    color: #212323;
    font-size: 0.625rem;
    line-height: 1;
    font-weight: 500;
  }

  .navbar__icon-link:hover,
  .navbar__dropdown-toggle:hover {
    opacity: 0.7;
  }

  .navbar__icon-link:focus-visible,
  .navbar__logo:focus-visible,
  .navbar__dropdown-toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
  }

  /* Dropdown menu */
  .navbar__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 50;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px) scale(0.9);
    transform-origin: top left;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  }

  .navbar--menu-open .navbar__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }

  .navbar__dropdown-panel {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    max-width: calc(100% - 2 * clamp(var(--page-margin), 6vw, 6.25rem));
    margin-inline-start: clamp(var(--page-margin), 6vw, 6.25rem);
    margin-block-end: 1.5rem;
    padding: 2.25rem;
    border: 3px solid #212323;
    border-radius: 2.0625rem;
    background-color: var(--navbar-dropdown-background);
    pointer-events: none;
  }

  .navbar--menu-open .navbar__dropdown-panel {
    pointer-events: auto;
  }

  @media (max-width: 47.9375rem) {
    .navbar__dropdown-panel {
      display: flex;
      width: calc(100% - 1.5rem);
      max-width: calc(100% - 1.5rem);
      margin-inline-start: 0.75rem;
      margin-inline-end: 0.75rem;
      padding: 1rem;
      border-radius: 1.25rem;
      gap: 1.25rem;
    }
  }

  .navbar__dropdown-shop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9375rem;
    width: 100%;
  }

  @media (max-width: 47.9375rem) {
    .navbar__dropdown-shop {
      gap: 0.625rem;
    }
  }

  .navbar__dropdown-shop-button {
    gap: 0.875rem;
  }

  .navbar__dropdown-shop-button .button__icon svg {
    width: 1.4em;
    height: 1.4em;
  }

  .navbar__dropdown-products {
    display: grid;
    grid-template-columns: repeat(2, minmax(10.5rem, 1fr));
    gap: 0.625rem;
    width: 100%;
  }

  @media (max-width: 47.9375rem) {
    .navbar__dropdown-products {
      gap: 0.375rem;
    }
  }

  @media (max-width: 25rem) {
    .navbar__dropdown-products {
      grid-template-columns: 1fr;
    }
  }

  .navbar__dropdown-links {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3.75rem;
    row-gap: 1.875rem;
    width: 100%;
  }

  .navbar__dropdown-links-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.875rem;
  }

  .navbar__dropdown-links-heading {
    font-family: var(--font-heading--family);
    color: var(--navbar-dropdown-heading);
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.5;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    margin: 0;
  }

  .navbar__dropdown-link {
    display: block;
    color: #212323;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
  }

  .navbar__dropdown-link:hover {
    opacity: 0.7;
  }

  .navbar__dropdown-social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.9375rem;
  }

  .navbar__dropdown-social-icon {
    display: inline-flex;
    flex-shrink: 0;
    transition: opacity 0.15s ease;
  }

  .navbar__dropdown-social-icon:hover {
    opacity: 0.85;
  }

  .navbar__dropdown-social-icon-img {
    width: 50px;
    height: 50px;
    object-fit: contain;
  }

  @media (max-width: 47.9375rem) {
    .navbar__dropdown-links-heading {
      font-size: 1.125rem;
    }

    .navbar__dropdown-link {
      font-size: 0.9375rem;
    }

    .navbar__dropdown-social-icon-img {
      width: 36px;
      height: 36px;
    }

    .navbar__dropdown-links {
      column-gap: 2rem;
      row-gap: 1rem;
    }

    .navbar__dropdown-links-column {
      gap: 1rem;
    }
  }
/* END_SECTION:header */

/* START_SECTION:help-contact (INDEX:36) */
.help-contact__textarea {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .help-contact__textarea::-webkit-scrollbar {
    display: none;
  }
/* END_SECTION:help-contact */

/* START_SECTION:hero (INDEX:38) */
.hero {
    position: relative;
    display: block;
    min-height: clamp(25rem, 100svh, var(--hero-height));
    overflow: hidden;
  }

  .hero__slides {
    position: absolute;
    inset: 0;
  }

  @media screen and (max-width: 47.9375rem) {
    .hero {
      height: calc(100svh - var(--announcement-bar-height-mobile, 48px) - var(--navbar-height-mobile, 64px));
    }
  }
/* END_SECTION:hero */

/* START_SECTION:lab-results (INDEX:41) */
.lab-results {
    position: relative;
    width: 100%;
  }

  .lab-results__steps {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 1.5rem;
  }

  .lab-results__step {
    flex: 1 0 0;
    min-width: 0;
  }

  .lab-results__separator {
    display: flex;
    align-items: center;
  }

  @media (max-width: 768px) {
    .lab-results__steps {
      flex-direction: column;
      gap: 2rem;
    }

    .lab-results__separator {
      display: none;
    }

    .lab-results__step:not(:last-child) {
      position: relative;
      padding-bottom: 2rem;
    }

    .lab-results__step:not(:last-child)::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #212323;
    }
  }
/* END_SECTION:lab-results */

/* START_SECTION:legal-page (INDEX:42) */
.legal-page {
    background-color: var(--bg-color);
  }

  .legal-page__title {
    font-family: var(--font-heading--family);
    color: var(--text-color);
  }

  .legal-page__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-family: var(--font-primary--family);
    color: var(--text-color);
  }

  .legal-page__content h2,
  .legal-page__content h3 {
    font-family: var(--font-primary--family);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
  }

  .legal-page__content p,
  .legal-page__content li {
    font-size: 16px;
    line-height: 1.5;
  }

  .legal-page__content ul,
  .legal-page__content ol {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 24px;
    list-style: disc;
  }

  .legal-page__content ol {
    list-style: decimal;
  }

  .legal-page__content a {
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .legal-page__content table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
  }

  .legal-page__content th {
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-align: left;
    white-space: nowrap;
    vertical-align: bottom;
  }

  .legal-page__content td {
    border-top: 1px solid var(--text-color);
    padding: 12px;
    font-size: 13px;
    line-height: 1.3;
    text-align: left;
    vertical-align: top;
  }

  .legal-page__content tr:last-child > td {
    border-bottom: 1px solid var(--text-color);
  }

  .legal-page__content th:first-child,
  .legal-page__content td:first-child {
    border-right: 1px solid var(--text-color);
  }

  @media (min-width: 1024px) {
    .legal-page__content {
      gap: 30px;
    }

    .legal-page__content h2,
    .legal-page__content h3 {
      font-size: 32px;
    }

    .legal-page__content p,
    .legal-page__content li {
      font-size: 20px;
    }

    .legal-page__content th {
      padding-bottom: 16px;
      padding-left: 16px;
      font-size: 16px;
      white-space: normal;
    }

    .legal-page__content td {
      padding: 16px;
      font-size: 14px;
    }
  }

  @media (min-width: 1280px) {
    .legal-page__content {
      gap: 32px;
    }
  }
/* END_SECTION:legal-page */

/* START_SECTION:marquee (INDEX:43) */
.marquee-wrapper {
    background-color: var(--marquee-bg-color);
    padding: 0;
    overflow: hidden;
    width: 100%;
  }

  .marquee-container {
    width: 100%;
    overflow: hidden;
  }

  .marquee-content {
    display: flex;
    gap: var(--marquee-gap);
    align-items: center;
    width: fit-content;
    animation: marquee-scroll 60s linear infinite;
    padding-right: var(--marquee-gap);
  }

  .marquee-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 64px;
    flex-shrink: 0;
    white-space: nowrap;
  }

  .marquee-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    object-fit: contain;
  }

  .marquee-icon-placeholder {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    background-color: transparent;
  }

  .marquee-text {
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
    font-size: var(--marquee-text-size);
    font-weight: 700;
    color: var(--marquee-text-color);
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  @keyframes marquee-scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  @media (max-width: 768px) {
    .marquee-text {
      font-size: clamp(18px, 5vw, var(--marquee-text-size));
    }

    .marquee-content {
      animation: marquee-scroll 45s linear infinite;
      gap: calc(var(--marquee-gap) * 0.55);
    }

    .marquee-item {
      gap: 24px;
    }
  }

  @media (max-width: 480px) {
    .marquee-text {
      font-size: clamp(14px, 4vw, 24px);
    }

    .marquee-icon {
      width: 28px;
      height: 28px;
    }

    .marquee-icon-placeholder {
      width: 28px;
      height: 28px;
    }

    .marquee-content {
      animation: marquee-scroll 35s linear infinite;
      gap: calc(var(--marquee-gap) * 0.4);
    }

    .marquee-item {
      gap: 16px;
    }
  }
/* END_SECTION:marquee */

/* START_SECTION:mega-menu (INDEX:44) */
.mega-menu {
    position: relative;
    width: 100%;
  }

  .mega-menu__trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    white-space: nowrap;
    border: none;
    cursor: pointer;
    font-family: inherit;
  }

  .mega-menu__trigger:hover {
    opacity: 0.9;
  }

  .mega-menu__trigger-icon {
    transition: transform 0.3s ease;
  }

  .mega-menu__card {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    transition: all 0.2s ease;
  }

  .mega-menu__card:hover {
    transform: translateY(-2px);
  }

  @media (max-width: 640px) {
    .mega-menu__trigger {
      width: 100%;
      justify-content: space-between;
    }
  }
/* END_SECTION:mega-menu */

/* START_SECTION:product (INDEX:48) */
.product-gallery__swiper .swiper-slide {
    box-sizing: border-box;
  }

  @media (min-width: 1024px) {
    .product-gallery__thumb {
      flex: 1 1 0%;
      min-height: 0;
    }

    .product-gallery__thumb img {
      width: auto;
      height: 100%;
      max-width: 100%;
    }
  }

  .sticky-add-to-cart {
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  .sticky-add-to-cart.is-visible {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  [data-buy-button-label] p {
    display: contents;
  }
/* END_SECTION:product */

/* START_SECTION:quality-badges-card (INDEX:50) */
.quality-badges-card .shopify-block {
    display: contents;
  }
/* END_SECTION:quality-badges-card */

/* START_SECTION:reviews-carousel (INDEX:51) */
.reviews-carousel__track {
    box-sizing: border-box;
  }
/* END_SECTION:reviews-carousel */

/* START_SECTION:search-modal (INDEX:53) */
#SearchModalInput::-webkit-search-cancel-button,
  #SearchModalInput::-webkit-search-decoration {
    appearance: none;
    -webkit-appearance: none;
    display: none;
  }

  #SearchModalInput::-ms-clear {
    display: none;
  }
/* END_SECTION:search-modal */

/* START_SECTION:search (INDEX:54) */
.search-results {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .search-results .prev,
  .search-results .page,
  .search-results .next {
    grid-column: 1 / -1;
  }
/* END_SECTION:search */

/* START_SECTION:story-tiles (INDEX:55) */
.story-tiles__list > .shopify-block {
    display: contents;
  }

  .story-tiles__list > .shopify-block + .shopify-block > .story-tile-row {
    border-top: 0;
  }
/* END_SECTION:story-tiles */

/* CSS from block stylesheet tags */
/* START_BLOCK:accordion-list (INDEX:57) */
.accordion-item__container {
    background-color: var(--accordion-item-bg, #f9d5c0);
    border-radius: 24px;
  }

  .accordion-item__trigger {
    color: var(--accordion-item-color, #212323);
    cursor: pointer;
  }

  .accordion-item__trigger:hover {
    background-color: color-mix(in srgb, var(--accordion-item-bg, #f9d5c0) 85%, #212323 15%);
  }

  .accordion-item__icon {
    color: var(--accordion-item-color, #212323);
  }

  .accordion-item.is-open .accordion-item__icon {
    transform: rotate(180deg);
  }

  .accordion-item__answer-wrap {
    display: grid;
    grid-template-rows: 0fr;
    color: var(--accordion-item-color, #212323);
    transition: grid-template-rows 250ms ease;
  }

  .accordion-item.is-open .accordion-item__answer-wrap {
    grid-template-rows: 1fr;
  }

  .accordion-item__answer-content a,
  .accordion-item__answer-content u {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: from-font;
    text-underline-offset: 0.15em;
  }
/* END_BLOCK:accordion-list */

/* START_BLOCK:announcement-bar-item (INDEX:58) */
.announcement-bar__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding-block: 10px;
    padding-inline: var(--page-margin);
    text-align: center;
    background-color: var(--announcement-bar-background);
    color: var(--announcement-bar-text);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
  }

  .announcement-bar__item.is-active {
    position: relative;
    opacity: 1;
    pointer-events: auto;
  }

  .announcement-bar__item--link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding-block: 10px;
    padding-inline: var(--page-margin);
    text-align: center;
    background-color: var(--announcement-bar-background);
    color: var(--announcement-bar-text);
    text-decoration: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease, background-color 0.15s ease;
  }

  .announcement-bar__item--link.is-active {
    position: relative;
    opacity: 1;
    pointer-events: auto;
  }

  .announcement-bar__item--link:hover {
    background-color: {{ block.settings.background_color | color_lighten: 10 }};
  }

  .announcement-bar__item--link:focus-visible {
    outline: 2px solid var(--announcement-bar-text);
    outline-offset: -2px;
  }

  .announcement-bar__text {
    font-size: 0.875rem;
    line-height: 1.3;
  }

  .announcement-bar__text p {
    margin: 0;
  }

  .announcement-bar__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border-radius: 999px;
    background-color: var(--announcement-bar-button-background);
    color: var(--announcement-bar-button-text);
    font-size: 0.875rem;
    line-height: 1.3;
    text-decoration: none;
    transition: opacity 0.15s ease;
  }

  .announcement-bar__button:hover {
    opacity: 0.85;
  }

  .announcement-bar__button:focus-visible {
    outline: 2px solid var(--announcement-bar-button-text);
    outline-offset: 2px;
  }

  .announcement-bar__arrow-icon {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    color: var(--announcement-bar-text);
  }

  @media screen and (max-width: 47.9375rem) {
    .announcement-bar__item,
    .announcement-bar__item--link {
      flex-wrap: nowrap;
      gap: 0.375rem;
      padding-block: 10px;
    }

    .announcement-bar__text {
      font-size: 0.75rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 1;
      min-width: 0;
    }

    .announcement-bar__arrow-icon {
      width: 1.25rem;
      height: 1.25rem;
    }

    .announcement-bar__button {
      padding: 0.375rem 0.75rem;
      font-size: 0.75rem;
    }
  }
/* END_BLOCK:announcement-bar-item */

/* START_BLOCK:faq-item (INDEX:65) */
.faq-item__container {
    background-color: var(--faq-item-bg, #f9d5c0);
    border-radius: 24px;
  }

  .faq-item__trigger {
    color: var(--faq-item-color, #212323);
    cursor: pointer;
  }

  .faq-item__trigger:hover {
    background-color: color-mix(in srgb, var(--faq-item-bg, #f9d5c0) 85%, #212323 15%);
  }

  .faq-item__icon {
    color: var(--faq-item-color, #212323);
  }

  .faq-item.is-open .faq-item__icon {
    transform: rotate(180deg);
  }

  .faq-item__answer-wrap {
    display: grid;
    grid-template-rows: 0fr;
    color: var(--faq-item-color, #212323);
    transition: grid-template-rows 250ms ease;
  }

  .faq-item.is-open .faq-item__answer-wrap {
    grid-template-rows: 1fr;
  }
/* END_BLOCK:faq-item */

/* START_BLOCK:feature-story-card (INDEX:69) */
.feature-story-card__title {
    font-family: var(--font-heading--family);
  }
/* END_BLOCK:feature-story-card */

/* START_BLOCK:flavor-row (INDEX:70) */
.flavor-row .shopify-block {
    display: contents;
  }
/* END_BLOCK:flavor-row */

/* START_BLOCK:flavor-shop-card (INDEX:71) */
.flavor-shop-card__name {
    color: #212323;
    font-size: 1.3125rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.15;
  }

  .flavor-shop-card__name p {
    margin: 0;
  }

  .flavor-shop-card__name--desktop {
    display: none;
  }

  .flavor-shop-card__name--mobile {
    display: block;
  }

  @media (min-width: 40rem) {
    .flavor-shop-card__name {
      font-size: 1.5rem;
      letter-spacing: -0.0375rem;
    }
  }

  @media (min-width: 48rem) {
    .flavor-shop-card__name--desktop {
      display: block;
    }

    .flavor-shop-card__name--mobile {
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .flavor-shop-card__name {
      font-size: 1.25rem;
    }
  }

  @media (min-width: 80rem) {
    .flavor-shop-card__name {
      font-size: 1.5rem;
    }
  }
/* END_BLOCK:flavor-shop-card */

/* START_BLOCK:group (INDEX:76) */
.group {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
  }

  .group--horizontal {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--padding);
  }

  .group--vertical {
    flex-direction: column;
    align-items: var(--alignment);
    padding: var(--padding) 0;
  }
/* END_BLOCK:group */

/* START_BLOCK:guarantee-badge (INDEX:77) */
.guarantee-badge__label p {
    margin: 0;
  }
/* END_BLOCK:guarantee-badge */

/* START_BLOCK:hero-slide (INDEX:78) */
.hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s ease;
    z-index: 1;
  }

  .hero-slide.is-active {
    opacity: 1;
    z-index: 2;
  }

  .hero-slide__media {
    position: absolute;
    inset: 0;
  }

  .hero-slide__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .hero-slide__gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 12.87%, var(--hero-slide-overlay-color) 72.265%);
  }

  .hero-slide__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 1.875rem;
    width: 100%;
    height: 100%;
    padding: 1.5rem 0.625rem 6.25rem;
    text-align: center;
  }

  .hero-slide__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1000px;
    color: var(--hero-slide-heading-color);
    text-shadow: 0.25rem 0.25rem 0.375rem rgba(0, 0, 0, 0.4);
  }

  .hero-slide__heading {
    margin: 0;
    font-size: clamp(2.25rem, 1rem + 5.35vw, 5.8125rem);
    font-weight: 700;
    line-height: 1.1;
  }

  .hero-slide__subheading {
    margin: 0;
    font-size: clamp(1.125rem, 0.75rem + 1vw, 1.5rem);
    line-height: 1.5;
  }

  .hero-slide__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 4rem;
    border-radius: 1.875rem;
    background-color: var(--hero-slide-button-background);
    color: var(--hero-slide-button-text);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    box-shadow: 0 0 0.366rem rgba(0, 0, 0, 0.4);
    transition: opacity 0.15s ease;
  }

  .hero-slide__button:hover {
    opacity: 0.85;
  }

  .hero-slide__button:focus-visible {
    outline: 2px solid var(--hero-slide-button-text);
    outline-offset: 2px;
  }

  @media screen and (max-width: 47.9375rem) {
    .hero-slide__content {
      gap: 0.875rem;
      padding: 1rem 0.625rem 2rem;
      justify-content: center;
    }

    .hero-slide__heading {
      font-size: clamp(2.75rem, 2rem + 5vw, 3.5rem);
    }

    .hero-slide__subheading {
      font-size: clamp(1.225rem, 0.7rem + 2.1vw, 1.575rem);
      margin-top: 0.5rem;
    }

    .hero-slide__button {
      padding: 0.75rem 2rem;
      font-size: 1rem;
      margin-top: 0.5rem;
    }
  }
/* END_BLOCK:hero-slide */

/* START_BLOCK:mood-item (INDEX:83) */
.mood-item__icon {
    width: 56px;
    aspect-ratio: 1 / 1;
  }

  @media (min-width: 40rem) {
    .mood-item__icon {
      width: 55px;
    }
  }

  @media (min-width: 64rem) {
    .mood-item__icon {
      width: 63px;
    }
  }
/* END_BLOCK:mood-item */

/* START_BLOCK:product-card-simple (INDEX:85) */
/* Layer positions below are ported 1:1 from the Figma "Frame 2147236068"
     node (fileKey mPnZFgOy032whTzJGzGdND). No fixed widths/heights are set —
     each image keeps its natural aspect ratio at the given width. */

  .product-card-simple__fruit {
    left: calc(50% + 0.25px);
    top: calc(50% - 0.25px);
    width: 63.29%;
  }

  @media screen and (max-width: 639px) {
    .product-card-simple__fruit {
      width: 82%;
    }
  }

  .product-card-simple__badge {
    top: 20.89%;
    left: 62.11%;
    width: 28.12%;
  }

  .product-card-simple__flavor {
    top: 62.6%;
    left: 8.01%;
    width: 38.63%;
  }

  @media (prefers-reduced-motion: reduce) {
    .product-card-simple__fruit,
    .product-card-simple__badge,
    .product-card-simple__flavor {
      transition: none;
    }
  }
/* END_BLOCK:product-card-simple */

/* START_BLOCK:product-card (INDEX:86) */
.product-card {
    height: 100%;
  }

  .product-card__content {
    flex: 1 1 auto;
  }

  .product-card__actions {
    margin-top: auto;
  }
/* END_BLOCK:product-card */

/* START_BLOCK:product-highlight (INDEX:87) */
.product-highlight__label p {
    margin: 0;
  }
/* END_BLOCK:product-highlight */

/* START_BLOCK:story-tile-row (INDEX:93) */
.story-tile-row > .shopify-block {
    display: contents;
  }

  .shopify-block + .shopify-block > .story-tile-cell {
    border-top: 3px solid #212323;
  }

  @media (min-width: 48rem) {
    .shopify-block + .shopify-block > .story-tile-cell {
      border-top: none;
      border-left: 3px solid #212323;
    }
  }
/* END_BLOCK:story-tile-row */

/* START_BLOCK:story-tile-text (INDEX:94) */
.story-tile-cell__heading--desktop,
  .story-tile-cell__body--desktop {
    display: none;
  }

  .story-tile-cell__heading--mobile,
  .story-tile-cell__body--mobile {
    display: block;
  }

  @media (min-width: 48rem) {
    .story-tile-cell__heading--desktop,
    .story-tile-cell__body--desktop {
      display: block;
    }

    .story-tile-cell__heading--mobile,
    .story-tile-cell__body--mobile {
      display: none;
    }
  }
/* END_BLOCK:story-tile-text */

/* START_BLOCK:text (INDEX:95) */
.text {
    text-align: var(--text-align);
  }
  .text--title {
    font-size: 2rem;
    font-weight: 700;
  }
  .text--subtitle {
    font-size: 1.5rem;
  }
/* END_BLOCK:text */

/* START_BLOCK:trust-badge (INDEX:96) */
.trust-badge__label p {
    margin: 0;
  }
/* END_BLOCK:trust-badge */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:button (INDEX:97) */
.button__icon svg {
    width: 1em;
    height: 1em;
  }
/* END_SNIPPET:button */

/* START_SNIPPET:gruns-hero-can-image (INDEX:101) */
.gruns-hero-can {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }

  .gruns-hero-can__frame {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .gruns-hero-can__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
    user-select: none;
    -webkit-user-drag: none;
  }

  /* Positions, size and motion below are ported 1:1 from the Figma
     "Frame 2147235887" node (fileKey mPnZFgOy032whTzJGzGdND). Rotation is
     omitted since uploaded images are expected to already be rotated. */

  .gruns-hero-can--back-right {
    left: 58.685%;
    top: 15.468%;
    width: 44.334%;
    height: 91.633%;
    animation: gruns-hero-can-float-back-right 5s linear infinite;
  }

  .gruns-hero-can--back-left {
    left: -0.039%;
    top: -0.087%;
    width: 40.536%;
    height: 86.102%;
    animation: gruns-hero-can-float-back-left 5s linear infinite;
  }

  .gruns-hero-can--front-center {
    left: 20.164%;
    top: -9.436%;
    width: 58.396%;
    height: 119.259%;
    animation: gruns-hero-can-float-front-center 5s linear infinite;
  }

  @keyframes gruns-hero-can-float-back-right {
    0% {
      animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
      translate: 0px -4px;
    }
    16% {
      animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
      translate: 0px -8px;
    }
    40% {
      animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
      translate: 0px 0px;
    }
    68% {
      animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
      translate: 0px -8px;
    }
    92% {
      animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
      translate: 0px 0px;
    }
    100% {
      translate: 0px -4px;
    }
  }

  @keyframes gruns-hero-can-float-back-left {
    0% {
      animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
      translate: 0px 0px;
    }
    24% {
      animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
      translate: 0px -7px;
    }
    50% {
      animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
      translate: 0px 0px;
    }
    76% {
      animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
      translate: 0px -7px;
    }
    100% {
      translate: 0px 0px;
    }
  }

  @keyframes gruns-hero-can-float-front-center {
    0% {
      animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
      translate: 0px 0px;
    }
    32% {
      animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
      translate: 0px -10px;
    }
    64% {
      animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
      translate: 0px 0px;
    }
    88% {
      animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
      translate: 0px -6px;
    }
    100% {
      translate: 0px 0px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .gruns-hero-can--back-right,
    .gruns-hero-can--back-left,
    .gruns-hero-can--front-center {
      animation: none;
    }
  }
/* END_SNIPPET:gruns-hero-can-image */

/* START_SNIPPET:image (INDEX:103) */
.image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
  }

  .image > img {
    width: 100%;
    height: auto;
  }
/* END_SNIPPET:image */

/* START_SNIPPET:mega-menu-card (INDEX:104) */
.mega-menu-product {
    display: flex;
    align-items: center;
    gap: 0.9375rem;
    padding: 1rem;
    border: 3px solid #212323;
    border-radius: 1rem;
    text-decoration: none;
    color: #212323;
    min-width: 0;
    transition: opacity 0.15s ease;
  }

  .mega-menu-product:hover {
    opacity: 0.85;
  }

  .mega-menu-product__image {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-shrink: 0;
    width: auto;
    max-width: 3.75rem;
    height: 4.4375rem;
  }

  .mega-menu-product__image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .mega-menu-product__title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
  }

  @media (max-width: 47.9375rem) {
    .mega-menu-product {
      gap: 0.625rem;
      padding: 0.375rem;
      border-width: 2px;
      border-radius: 0.5rem;
    }

    .mega-menu-product__image {
      align-items: center;
      min-width: 1.75rem;
      max-width: 1.75rem;
      height: 2.125rem;
    }

    .mega-menu-product__title {
      font-size: 0.875rem;
    }
  }
/* END_SNIPPET:mega-menu-card */

/* START_SNIPPET:page-loader (INDEX:106) */
@keyframes letterPulse {
    0% {
      opacity: 0;
      transform: scale(0.4);
    }
    50% {
      opacity: 1;
      transform: scale(1.1);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  .letter-svg {
    transform-origin: center;
    opacity: 0.3;
    transition: opacity 0.3s ease;
  }

  .letter-svg.animate {
    animation: letterPulse 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  }

  .letter-svg[data-letter="0"].animate {
    animation-delay: 0s;
  }

  .letter-svg[data-letter="1"].animate {
    animation-delay: 0.1s;
  }

  .letter-svg[data-letter="2"].animate {
    animation-delay: 0.2s;
  }

  .letter-svg[data-letter="3"].animate {
    animation-delay: 0.3s;
  }

  .letter-svg[data-letter="4"].animate {
    animation-delay: 0.4s;
  }

  .letter-svg[data-letter="5"].animate {
    animation-delay: 0.5s;
  }

  .letter-svg[data-letter="6"].animate {
    animation-delay: 0.6s;
  }
/* END_SNIPPET:page-loader */

/* START_SNIPPET:sticker (INDEX:109) */
.sticker {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    --sticker-translate-x: var(--sticker-translate-x-mobile, 0%);
    --sticker-translate-y: var(--sticker-translate-y-mobile, 0%);
    transform: translate(
      calc(var(--sticker-anchor-x, 0%) + var(--sticker-translate-x)),
      calc(var(--sticker-anchor-y, 0%) + var(--sticker-translate-y))
    );
  }

  @media (min-width: 48rem) {
    .sticker {
      --sticker-translate-x: var(--sticker-translate-x-desktop, 0%);
      --sticker-translate-y: var(--sticker-translate-y-desktop, 0%);
    }
  }

  .sticker__image {
    display: block;
    max-width: none;
    width: var(--sticker-width-mobile, auto);
  }

  @media (min-width: 48rem) {
    .sticker__image {
      width: var(--sticker-width-desktop, auto);
    }
  }

  .sticker--top_left {
    top: 0;
    left: 0;
  }

  .sticker--top_center {
    top: 0;
    left: 50%;
    --sticker-anchor-x: -50%;
  }

  .sticker--top_right {
    top: 0;
    right: 0;
  }

  .sticker--middle_left {
    top: 50%;
    left: 0;
    --sticker-anchor-y: -50%;
  }

  .sticker--center {
    top: 50%;
    left: 50%;
    --sticker-anchor-x: -50%;
    --sticker-anchor-y: -50%;
  }

  .sticker--middle_right {
    top: 50%;
    right: 0;
    --sticker-anchor-y: -50%;
  }

  .sticker--bottom_left {
    bottom: 0;
    left: 0;
  }

  .sticker--bottom_center {
    bottom: 0;
    left: 50%;
    --sticker-anchor-x: -50%;
  }

  .sticker--bottom_right {
    bottom: 0;
    right: 0;
  }

  @media (min-width: 48rem) {
    .sticker--md-top_left {
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      --sticker-anchor-x: 0%;
      --sticker-anchor-y: 0%;
    }

    .sticker--md-top_center {
      top: 0;
      right: auto;
      bottom: auto;
      left: 50%;
      --sticker-anchor-x: -50%;
      --sticker-anchor-y: 0%;
    }

    .sticker--md-top_right {
      top: 0;
      right: 0;
      bottom: auto;
      left: auto;
      --sticker-anchor-x: 0%;
      --sticker-anchor-y: 0%;
    }

    .sticker--md-middle_left {
      top: 50%;
      right: auto;
      bottom: auto;
      left: 0;
      --sticker-anchor-x: 0%;
      --sticker-anchor-y: -50%;
    }

    .sticker--md-center {
      top: 50%;
      right: auto;
      bottom: auto;
      left: 50%;
      --sticker-anchor-x: -50%;
      --sticker-anchor-y: -50%;
    }

    .sticker--md-middle_right {
      top: 50%;
      right: 0;
      bottom: auto;
      left: auto;
      --sticker-anchor-x: 0%;
      --sticker-anchor-y: -50%;
    }

    .sticker--md-bottom_left {
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      --sticker-anchor-x: 0%;
      --sticker-anchor-y: 0%;
    }

    .sticker--md-bottom_center {
      top: auto;
      right: auto;
      bottom: 0;
      left: 50%;
      --sticker-anchor-x: -50%;
      --sticker-anchor-y: 0%;
    }

    .sticker--md-bottom_right {
      top: auto;
      right: 0;
      bottom: 0;
      left: auto;
      --sticker-anchor-x: 0%;
      --sticker-anchor-y: 0%;
    }
  }
/* END_SNIPPET:sticker */