/** Shopify CDN: Minification failed

Line 1306:10 Unexpected "{"
Line 1306:19 Expected ":"
Line 1309:10 Unexpected "{"
Line 1309:19 Expected ":"
Line 1312:10 Unexpected "{"
Line 1312:19 Expected ":"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:blog-recipes-stories (INDEX:12) */
/* ===== Editable fixed values ===== */
  .brs {
    --brs-radius: 14px;
    --brs-side: 1.5rem; /* must match the theme's page-width padding below 750px */
    --brs-card-pad: 18px 20px 20px;
    --brs-body-gap: 10px;
    --brs-head-gap: 20px;

    position: relative;
    overflow-x: clip;
    padding-top: var(--brs-pt);
    padding-bottom: var(--brs-pb);
    background: var(--brs-bg);
    font-family: var(--brs-body-font);
    font-weight: var(--brs-body-weight);
  }

  /* ===== Header ===== */
  .brs-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px 16px;
    margin-bottom: var(--brs-head-gap);
  }
  .brs-header__text {
    flex: 1 1 auto;
    min-width: 0;
  }
  .brs-eyebrow {
    margin: 0 0 2px;
    font-family: var(--brs-eyebrow-font);
    font-weight: var(--brs-eyebrow-weight);
    font-style: var(--brs-eyebrow-style);
    font-size: var(--brs-fs-eyebrow);
    line-height: 1.1;
    letter-spacing: 0;
    color: var(--brs-eyebrow-color);
  }
  .brs-heading {
    margin: 0;
    font-family: var(--brs-heading-font);
    font-weight: var(--brs-heading-weight);
    font-style: var(--brs-heading-style);
    font-size: var(--brs-fs-heading);
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: none;
    overflow-wrap: break-word;
    color: var(--brs-heading-color);
  }

  /* View all link: desktop and mobile texts swap at 750px */
  .brs-viewall {
    flex: 0 0 auto;
    padding-bottom: 0.35em;
    font-size: var(--brs-fs-viewall);
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    color: var(--brs-viewall-color);
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }
  .brs-viewall:hover { text-decoration-thickness: 2px; }
  .brs-viewall:focus-visible {
    outline: 2px solid var(--brs-viewall-color);
    outline-offset: 3px;
  }
  .brs-viewall__d { display: none; }

  /* ===== List: mobile swipe row (default) ===== */
  .brs-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .brs-list--swipe {
    display: flex;
    gap: var(--brs-gap);
    overflow-x: auto;
    /* small inner padding keeps focus rings from being clipped */
    padding: 4px var(--brs-side) 4px 4px;
    /* bleed to the right screen edge so the next card peeks in */
    margin: -4px calc(-1 * var(--brs-side)) -4px -4px;
    scroll-padding-left: 4px;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .brs-list--swipe::-webkit-scrollbar { display: none; }
  .brs-list--swipe:focus-visible {
    outline: 2px solid var(--brs-heading-color);
    outline-offset: -2px;
  }
  .brs-list--swipe .brs-item {
    flex: 0 0 calc((100% + var(--brs-side) - (var(--brs-visible) - 1) * var(--brs-gap)) / var(--brs-visible));
    min-width: 0;
    scroll-snap-align: start;
  }

  /* Mobile stacked layout */
  .brs-list--stacked {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: calc(var(--brs-gap) + 8px) var(--brs-gap);
  }
  .brs-item { min-width: 0; }

  /* ===== Card (mobile: no border, no padding) ===== */
  .brs-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: transparent;
  }
  .brs-card__media {
    position: relative;
    flex: none;
    width: 100%;
    aspect-ratio: var(--brs-ratio);
    overflow: hidden;
    border-radius: var(--brs-radius);
    background: var(--brs-ph-bg);
  }
  .brs-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Placeholder (no featured image) */
  .brs-ph {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 12px;
    text-align: center;
    background: var(--brs-ph-bg);
    border: 1px dashed var(--brs-ph-border);
    border-radius: inherit;
  }
  .brs-ph__label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--brs-ph-color);
  }
  .brs-ph__note {
    display: none;
    font-size: 13px;
    line-height: 1.3;
    color: var(--brs-time-color);
  }

  /* Body */
  .brs-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 0 0;
  }
  .brs-tag {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 6px;
    background: var(--brs-tag-bg);
    color: var(--brs-tag-color);
    font-size: var(--brs-fs-tag);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .brs-card__title {
    flex: 1 1 auto;
    margin: 0;
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    overflow-wrap: anywhere;
    font-family: var(--brs-heading-font);
    font-weight: var(--brs-heading-weight);
    font-style: var(--brs-heading-style);
    font-size: var(--brs-fs-title);
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
    color: var(--brs-title-color);
  }
  .brs-card__link {
    color: inherit;
    text-decoration: none;
  }
  /* Whole card clickable */
  a.brs-card__link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: var(--brs-radius);
  }
  a.brs-card__link:focus-visible { outline: none; }
  a.brs-card__link:focus-visible::after {
    outline: 2px solid var(--brs-title-color);
    outline-offset: 3px;
  }
  .brs-card:hover .brs-card__link {
    text-decoration: underline;
    text-underline-offset: 0.18em;
  }
  .brs-card__time {
    margin: 0;
    font-size: var(--brs-fs-time);
    line-height: 1.3;
    color: var(--brs-time-color);
  }

  /* ===== Tablet and up (750px): grid of bordered cards ===== */
  @media screen and (min-width: 750px) {
    .brs { --brs-head-gap: 28px; }

    .brs-viewall__d { display: inline; }
    .brs-viewall__m { display: none; }
    .brs-viewall { padding-bottom: 0.5em; }

    .brs-list--swipe,
    .brs-list--stacked {
      display: grid;
      grid-template-columns: repeat(var(--brs-cols), minmax(0, 1fr));
      gap: var(--brs-gap);
      overflow: visible;
      margin: 0;
      padding: 0;
      scroll-snap-type: none;
    }
    .brs-list--swipe .brs-item {
      flex: none;
      scroll-snap-align: none;
    }

    .brs-card {
      background: var(--brs-card-bg);
      border: 1px solid var(--brs-card-border);
      border-radius: var(--brs-radius);
    }
    .brs-card__media {
      /* only the top corners are rounded */
      border-radius: calc(var(--brs-radius) - 1px) calc(var(--brs-radius) - 1px) 0 0;
    }
    .brs-ph {
      border: 0;
      border-bottom: 1px solid var(--brs-card-border);
      border-radius: 0;
    }
    .brs-ph__note { display: block; }
    .brs-card__body {
      gap: var(--brs-body-gap);
      padding: var(--brs-card-pad);
    }
  }

  /* ===== Desktop (990px) ===== */
  @media screen and (min-width: 990px) {
    .brs-card__body { padding: 20px 22px 22px; }
  }
/* END_SECTION:blog-recipes-stories */

/* START_SECTION:collection-hero-banner (INDEX:23) */
.chb {
    background: var(--chb-bg);
    padding-top: var(--chb-pt);
    padding-bottom: var(--chb-pb);
  }
  .chb *, .chb *::before, .chb *::after { box-sizing: border-box; }
  .chb__container {
    max-width: var(--chb-max);
    margin-inline: auto;
    padding-inline: var(--chb-side);
  }

  /* Breadcrumb */
  .chb__bc { margin: 0 0 var(--chb-bc-gap); }
  .chb__crumbs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 6px;
    font-family: var(--chb-body-font);
    font-weight: var(--chb-body-weight);
    font-size: var(--chb-bc-size);
    line-height: 1.35;
    color: var(--chb-bc-color);
  }
  .chb__crumb { display: inline-flex; align-items: center; margin: 0; padding: 0; }
  .chb__crumb:not(:last-child)::after { content: var(--chb-sep); margin-left: 6px; color: var(--chb-bc-color); }
  .chb__crumb-link { color: var(--chb-bc-link); text-decoration: underline; text-underline-offset: 2px; }
  .chb__crumb-link:hover { text-decoration-thickness: 2px; }
  .chb__crumb-link:focus-visible { outline: 2px solid var(--chb-bc-link); outline-offset: 3px; border-radius: 2px; }
  .chb__crumb-current { color: var(--chb-bc-color); overflow-wrap: anywhere; }

  /* Main layout: stacked by default */
  .chb__main { display: flex; flex-direction: column; gap: var(--chb-stack-gap); }
  .chb__text { display: flex; flex-direction: column; gap: var(--chb-text-gap); min-width: 0; }

  .chb__eyebrow {
    margin: 0;
    font-family: var(--chb-eyebrow-font);
    font-weight: var(--chb-eyebrow-weight);
    font-style: var(--chb-eyebrow-fstyle);
    font-size: var(--chb-eyebrow-size);
    line-height: 1.1;
    color: var(--chb-eyebrow-color);
  }
  .chb__heading {
    margin: 0;
    font-family: var(--chb-heading-font);
    font-weight: var(--chb-heading-weight);
    font-style: var(--chb-heading-style);
    font-size: var(--chb-heading-size);
    line-height: 1.1;
    letter-spacing: 0;
    color: var(--chb-heading-color);
    overflow-wrap: break-word;
  }
  .chb__desc {
    margin: 0;
    font-family: var(--chb-body-font);
    font-weight: var(--chb-body-weight);
    font-style: var(--chb-body-style);
    font-size: var(--chb-desc-size);
    line-height: 1.55;
    color: var(--chb-desc-color);
  }

  /* Desktop / mobile text swap */
  .chb__d { display: none; }
  .chb__m { display: inline; }

  /* Features: pills on mobile */
  .chb__features {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--chb-feat-gap);
  }
  .chb__item { margin: 0; padding: 0; }
  .chb__feature {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 10px;
    border: 1px solid var(--chb-pill-border);
    border-radius: 999px;
    background: var(--chb-pill-bg);
    font-family: var(--chb-body-font);
    font-weight: var(--chb-body-weight);
    font-size: var(--chb-feat-size);
    line-height: 1.3;
    color: var(--chb-feat-color);
    text-decoration: none;
  }
  a.chb__feature:hover { text-decoration: underline; text-underline-offset: 3px; }
  a.chb__feature:focus-visible { outline: 2px solid var(--chb-feat-color); outline-offset: 3px; }
  .chb__icon { display: none; flex: 0 0 auto; width: 18px; height: 18px; color: var(--chb-icon-color); }
  .chb__icon svg { width: 100%; height: 100%; display: block; }

  /* Tablet and desktop */
  @media screen and (min-width: 750px) {
    .chb__d { display: inline; }
    .chb__m { display: none; }
    .chb__desc { max-width: var(--chb-desc-max); }

    .chb__feature { padding: 0; border: 0; border-radius: 0; background: none; }
    .chb__icon { display: inline-flex; }
    .chb__features { gap: 10px var(--chb-feat-gap); }
  }

  /* Features on the right, bottom aligned with the description */
  @media screen and (min-width: 990px) {
    .chb--right .chb__main {
      flex-direction: row;
      align-items: flex-end;
      justify-content: space-between;
      gap: 32px;
    }
    .chb--right .chb__text { flex: 1 1 auto; }
    .chb--right .chb__features { flex: 0 1 auto; justify-content: flex-end; max-width: 50%; }
  }
/* END_SECTION:collection-hero-banner */

/* START_SECTION:cookware-1 (INDEX:27) */
.cookware-section {
    position: relative;
    background-image: url('/cdn/shop/files/BG.png?v=1746790157');
    background-size: cover;
    background-position: center;
    padding: 80px 20px;
    text-align: center;
  }

  .cookware-box {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff3ee;
    border-radius: 20px;
    padding: 40px 20px;
    position: relative;
    border: 2px dashed #b05629;
  }

  .cookware-box p {
    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .cookware-box p::before {
    content: "✓";
    color: #b05629;
    font-weight: bold;
  }

  .pot-image-top {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    animation: floatTop 4s ease-in-out infinite;
  }

  .pot-image-left {
    position: absolute;
    bottom: -30px;
    left: -60px;
    width: 150px;
    animation: floatLeft 4s ease-in-out infinite;
  }

  .pot-image-right {
    position: absolute;
    bottom: -30px;
    right: -60px;
    width: 150px;
    animation: floatRight 4s ease-in-out infinite;
  }

  @keyframes floatTop {
    0%, 100% { transform: translate(-50%, 0); }
    50% { transform: translate(-50%, -10px); }
  }

  @keyframes floatLeft {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(-5px, -5px); }
  }

  @keyframes floatRight {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(5px, -5px); }
  }

  @media (max-width: 768px) {
    .pot-image-left, .pot-image-right {
      display: none;
    }
  }
/* END_SECTION:cookware-1 */

/* START_SECTION:cookware-first (INDEX:31) */
.cookware-image-wrapper {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.cookware-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}
/* END_SECTION:cookware-first */

/* START_SECTION:customer-testimonials (INDEX:41) */
.ct {
    background: var(--ct-bg);
    padding-top: var(--ct-pad-top);
    padding-bottom: var(--ct-pad-bottom);
  }
  .ct *, .ct *::before, .ct *::after { box-sizing: border-box; }
  .ct__container {
    max-width: var(--ct-max);
    margin-inline: auto;
    padding-inline: var(--ct-side);
  }

  /* Header */
  .ct__header {
    display: flex;
    flex-direction: column;
    gap: var(--ct-head-gap);
    margin-bottom: var(--ct-head-gap);
  }
  .ct__titles { display: flex; flex-direction: column; gap: var(--ct-eh-gap); min-width: 0; }
  .ct__eyebrow {
    margin: 0;
    font-family: var(--ct-eyebrow-font);
    font-weight: var(--ct-eyebrow-weight);
    font-style: var(--ct-eyebrow-style);
    font-size: var(--ct-eyebrow-size);
    line-height: var(--ct-eyebrow-lh);
    letter-spacing: var(--ct-eyebrow-ls);
    text-transform: var(--ct-eyebrow-tt);
    color: var(--ct-eyebrow-color);
  }
  .ct__heading {
    margin: 0;
    font-family: var(--ct-heading-font);
    font-weight: var(--ct-heading-weight);
    font-style: var(--ct-heading-style);
    font-size: var(--ct-heading-size);
    line-height: var(--ct-heading-lh);
    letter-spacing: var(--ct-heading-ls);
    text-transform: var(--ct-heading-tt);
    color: var(--ct-heading-color);
    overflow-wrap: anywhere;
  }
  .ct--align-center .ct__header { align-items: center; text-align: center; }
  .ct--align-center .ct__titles { align-items: center; }

  /* Rating summary (boxed on mobile) */
  .ct__rating {
    display: flex;
    align-items: center;
    gap: var(--ct-rating-gap);
    padding: var(--ct-rbox-pad);
    background: var(--ct-rbox-bg);
    border: var(--ct-rbox-bw) solid var(--ct-rbox-border);
    border-radius: var(--ct-rbox-radius);
  }
  .ct__rating-num {
    font-family: var(--ct-heading-font);
    font-weight: var(--ct-heading-weight);
    font-size: var(--ct-rnum-size);
    line-height: var(--ct-rnum-lh);
    letter-spacing: var(--ct-rnum-ls);
    color: var(--ct-rnum-color);
  }
  
  .ct__rating-num--brackets::before { content: '['; color: var(--ct-bracket-color); }
  .ct__rating-num--brackets::after { content: ']'; color: var(--ct-bracket-color); }

  .ct__rating-meta { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
  .ct__rating-sub {
    font-family: var(--ct-body-font);
    font-weight: var(--ct-body-weight);
    font-size: var(--ct-rsub-size);
    line-height: var(--ct-rsub-lh);
    letter-spacing: var(--ct-rsub-ls);
    text-transform: var(--ct-rsub-tt);
    color: var(--ct-rsub-color);
  }

  /* Stars */
  .ct__stars { display: inline-flex; gap: 2px; line-height: 0; }
  .ct__star { width: var(--ct-star); height: var(--ct-star); fill: var(--ct-star-off); flex: 0 0 auto; }
  .ct__star.is-on { fill: var(--ct-star-on); }
  .ct__stars--sum .ct__star { width: var(--ct-sum-star); height: var(--ct-sum-star); }

  /* Slider */
  .ct__slider { display: block; }
  .ct__track {
    list-style: none;
    margin: -8px 0;
    padding: 8px 0;
    display: flex;
    gap: var(--ct-gap);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .ct__track::-webkit-scrollbar { display: none; }
  .ct__track:focus-visible { outline: 2px solid var(--ct-arrow-border); outline-offset: 4px; border-radius: 8px; }

  .ct__card {
    flex: 0 0 calc((100% - (var(--ct-cols) - 1) * var(--ct-gap)) / var(--ct-cols));
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    gap: var(--ct-inner);
    min-width: 0;
    padding: var(--ct-cpt) var(--ct-cpr) var(--ct-cpb) var(--ct-cpl);
    background: var(--ct-card-bg);
    border: var(--ct-card-bw) solid var(--ct-card-border);
    border-radius: var(--ct-radius);
    box-shadow: var(--ct-card-shadow);
    margin: 0;
  }
  .ct__text {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: var(--ct-body-font);
    font-weight: var(--ct-body-weight);
    font-style: var(--ct-body-style);
    font-size: var(--ct-text-size);
    line-height: var(--ct-text-lh);
    letter-spacing: var(--ct-text-ls);
    text-transform: var(--ct-text-tt);
    color: var(--ct-text-color);
    overflow-wrap: anywhere;
  }
  .ct__footer {
    display: flex;
    align-items: center;
    gap: var(--ct-avatar-gap);
    margin-top: auto;
  }
  .ct__avatar {
    flex: 0 0 auto;
    width: var(--ct-avatar);
    height: var(--ct-avatar);
    border-radius: 50%;
    overflow: hidden;
    background: var(--ct-av-bg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .ct__avatar-img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .ct__avatar--ph {
    border: 1px dashed var(--ct-av-border);
    color: var(--ct-av-text);
    font-family: var(--ct-body-font);
    font-weight: var(--ct-bold-weight);
    font-size: max(7px, calc(var(--ct-avatar) * 0.17));
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
  }
  .ct__who { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  .ct__name-line { margin: 0; line-height: var(--ct-name-lh); }
  .ct__name {
    font-family: var(--ct-body-font);
    font-weight: var(--ct-bold-weight);
    font-size: var(--ct-name-size);
    letter-spacing: var(--ct-name-ls);
    text-transform: var(--ct-name-tt);
    color: var(--ct-name-color);
  }
  .ct__city {
    font-family: var(--ct-body-font);
    font-weight: var(--ct-body-weight);
    font-size: var(--ct-city-size);
    letter-spacing: var(--ct-name-ls);
    color: var(--ct-city-color);
  }
  .ct__verified {
    margin: 0;
    font-family: var(--ct-body-font);
    font-weight: var(--ct-body-weight);
    font-size: var(--ct-ver-size);
    line-height: var(--ct-ver-lh);
    letter-spacing: var(--ct-ver-ls);
    text-transform: var(--ct-ver-tt);
    color: var(--ct-ver-color);
  }

  /* Controls */
  .ct__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--ct-ctrl-gap);
    margin-top: var(--ct-ctrl-top);
  }
  .ct__controls[hidden] { display: none; }
  .ct__controls--left { justify-content: flex-start; }
  .ct__controls--right { justify-content: flex-end; }
  .ct__arrow {
    flex: 0 0 auto;
    width: var(--ct-arrow);
    height: var(--ct-arrow);
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--ct-arrow-border);
    background: var(--ct-arrow-bg);
    color: var(--ct-arrow-icon);
    cursor: pointer;
    transition: opacity 0.2s ease;
  }
  .ct__arrow svg { width: 45%; height: 45%; display: block; }
  .ct__arrow:disabled { opacity: 0.35; cursor: default; }
  .ct__arrow:focus-visible, .ct__dot:focus-visible { outline: 2px solid var(--ct-arrow-border); outline-offset: 2px; }
  .ct__dots { display: flex; align-items: center; gap: 6px; }
  .ct__dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: var(--ct-dot-off);
    cursor: pointer;
    transition: width 0.25s ease, background-color 0.25s ease;
  }
  .ct__dot[aria-current="true"] { width: 24px; background: var(--ct-dot-on); }

  .ct__empty { margin: 0; padding: 24px; text-align: center; color: var(--ct-rsub-color); border: 1px dashed var(--ct-card-border); border-radius: 12px; }

  /* Tablet and desktop */
  @media screen and (min-width: 750px) {
    .ct:not(.ct--align-center) .ct__header {
      flex-direction: row;
      align-items: flex-end;
      justify-content: space-between;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ct__dot, .ct__arrow { transition: none; }
  }
/* END_SECTION:customer-testimonials */

/* START_SECTION:faq-questions-answered (INDEX:43) */
/* ---------- Section + easy-to-edit fixed values ---------- */
  .faqs-section {
    --faqs-container-px: 16px;
    --faqs-header-gap: 24px;   /* space between header and list (mobile / tablet) */
    --faqs-col-gap: 80px;      /* gap between the two columns (desktop) */
    --faqs-row-pad: 18px;      /* question row padding top / bottom */
    --faqs-row-min: 56px;      /* minimum row height (touch target) */
    --faqs-icon-size: 30px;
    --faqs-icon-sym: 12px;     /* length of the plus / minus lines */
    --faqs-icon-bw: 1px;
    --faqs-answer-pr: 0px;
    --faqs-btn-h: 56px;
    --faqs-btn-px: 24px;
    --faqs-btn-radius: 14px;
    --faqs-btn-bw: 1.5px;

    /* Open icon: filled on mobile, outlined from 750px */
    --faqs-open-bg: var(--faqs-c-open-bg);
    --faqs-open-border: var(--faqs-c-open-bg);
    --faqs-open-sym: var(--faqs-c-open-sym);

    box-sizing: border-box;
    background: var(--faqs-c-bg);
    padding: var(--faqs-pt) 0 var(--faqs-pb);
    overflow-wrap: break-word;
  }

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

  .faqs-container {
    max-width: var(--page-width, 1200px);
    margin: 0 auto;
    padding: 0 var(--faqs-container-px);
  }

  /* ---------- Desktop / mobile text switching ---------- */
  .faqs__d { display: none; }
  .faqs__m { display: revert; }

  /* ---------- Layout ---------- */
  .faqs-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--faqs-header-gap);
  }

  .faqs-header,
  .faqs-main {
    min-width: 0;
  }

  /* ---------- Header ---------- */
  .faqs-eyebrow {
    margin: 0 0 6px;
    font-family: var(--faqs-ff-eyebrow);
    font-weight: var(--faqs-fw-eyebrow);
    font-style: var(--faqs-fst-eyebrow);
    font-size: var(--faqs-fs-eyebrow);
    line-height: 1.3;
    letter-spacing: 0.01em;
    color: var(--faqs-c-eyebrow);
  }

  .faqs-heading {
    margin: 0;
    font-family: var(--faqs-ff-heading);
    font-weight: var(--faqs-fw-heading);
    font-style: var(--faqs-fst-heading);
    font-size: var(--faqs-fs-heading);
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: var(--faqs-c-heading);
  }

  .faqs-support {
    display: none;
    max-width: 36ch;
    margin: 14px 0 0;
    font-family: var(--faqs-ff-body);
    font-weight: var(--faqs-fw-body);
    font-style: var(--faqs-fst-body);
    font-size: var(--faqs-fs-support);
    line-height: 1.5;
    letter-spacing: 0;
    color: var(--faqs-c-support);
  }

  .faqs-support--mobile { display: block; }

  /* Button copy in the header column: desktop only */
  .faqs-btn-wrap--header { display: none; }

  /* ---------- Accordion ---------- */
  .faqs-item {
    border-bottom: 1px solid var(--faqs-c-divider);
  }

  .faqs-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: var(--faqs-row-min);
    padding: var(--faqs-row-pad) 0;
    cursor: pointer;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
  }

  .faqs-summary::-webkit-details-marker { display: none; }
  .faqs-summary::marker { content: ''; }

  .faqs-summary:focus-visible {
    outline: 2px solid var(--faqs-c-question);
    outline-offset: 2px;
    border-radius: 6px;
  }

  .faqs-question {
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--faqs-ff-body);
    font-weight: var(--faqs-fw-question);
    font-style: var(--faqs-fst-body);
    font-size: var(--faqs-fs-question);
    line-height: 1.4;
    letter-spacing: 0;
    color: var(--faqs-c-question);
  }

  /* Icon circle */
  .faqs-icon {
    position: relative;
    flex: 0 0 var(--faqs-icon-size);
    width: var(--faqs-icon-size);
    height: var(--faqs-icon-size);
    border: var(--faqs-icon-bw) solid var(--faqs-c-icon-border);
    border-radius: 50%;
    background: transparent;
    transition: background-color 0.2s ease, border-color 0.2s ease;
  }

  /* Plus = two lines, the vertical one fades out when open */
  .faqs-icon__h,
  .faqs-icon__v {
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--faqs-icon-sym);
    height: 1.5px;
    border-radius: 1px;
    background: var(--faqs-c-icon-sym);
    transform: translate(-50%, -50%);
    transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
  }

  .faqs-icon__v { transform: translate(-50%, -50%) rotate(90deg); }

  .faqs-item[open]:not(.faqs-is-closing) .faqs-icon {
    background: var(--faqs-open-bg);
    border-color: var(--faqs-open-border);
  }

  .faqs-item[open]:not(.faqs-is-closing) .faqs-icon__h,
  .faqs-item[open]:not(.faqs-is-closing) .faqs-icon__v {
    background: var(--faqs-open-sym);
  }

  .faqs-item[open]:not(.faqs-is-closing) .faqs-icon__v {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg) scaleX(0);
  }

  /* Answer */
  .faqs-answer { overflow: hidden; }

  .faqs-answer__inner {
    padding: 0 var(--faqs-answer-pr) 20px 0;
    font-family: var(--faqs-ff-body);
    font-weight: var(--faqs-fw-body);
    font-style: var(--faqs-fst-body);
    font-size: var(--faqs-fs-answer);
    line-height: 1.6;
    letter-spacing: 0;
    color: var(--faqs-c-answer);
  }

  .faqs-rte > :first-child { margin-top: 0; }
  .faqs-rte > :last-child { margin-bottom: 0; }
  .faqs-rte p,
  .faqs-rte ul,
  .faqs-rte ol { margin: 0 0 0.75em; }
  .faqs-rte a { color: inherit; text-decoration: underline; }

  /* ---------- Button ---------- */
  .faqs-footer { margin-top: 28px; }

  .faqs-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: var(--faqs-btn-h);
    padding: 0 var(--faqs-btn-px);
    border: var(--faqs-btn-bw) solid var(--faqs-c-btn-border);
    border-radius: var(--faqs-btn-radius);
    background: var(--faqs-c-btn-bg);
    color: var(--faqs-c-btn-text);
    font-family: var(--faqs-ff-body);
    font-weight: var(--faqs-fw-bold);
    font-style: var(--faqs-fst-body);
    font-size: var(--faqs-fs-btn);
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  }

  .faqs-btn:hover {
    background: var(--faqs-c-btn-hover-bg);
    border-color: var(--faqs-c-btn-hover-bg);
    color: var(--faqs-c-btn-hover-text);
  }

  .faqs-btn:focus-visible {
    outline: 2px solid var(--faqs-c-btn-border);
    outline-offset: 3px;
  }

  /* Visually hidden helper */
  .faqs-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  /* ---------- Tablet (750px+) ---------- */
  @media screen and (min-width: 750px) {
    .faqs-section {
      --faqs-container-px: 32px;
      --faqs-header-gap: 32px;
      --faqs-row-pad: 14px;
      --faqs-row-min: 44px;
      --faqs-icon-size: 22px;
      --faqs-icon-sym: 10px;
      --faqs-answer-pr: 40px;
      --faqs-btn-h: 48px;
      --faqs-btn-px: 28px;
      --faqs-btn-radius: 10px;

      /* Open icon stays outlined, only the symbol changes */
      --faqs-open-bg: transparent;
      --faqs-open-border: var(--faqs-c-icon-border);
      --faqs-open-sym: var(--faqs-c-icon-sym);
    }

    .faqs__d { display: revert; }
    .faqs__m { display: none; }

    .faqs-support { display: block; }

    .faqs-answer__inner {
      padding-top: 12px;
      border-top: 1px solid var(--faqs-c-divider);
    }

    .faqs-btn {
      display: inline-flex;
      width: auto;
    }
  }

  /* ---------- Desktop (990px+) ---------- */
  @media screen and (min-width: 990px) {
    .faqs-section {
      --faqs-container-px: 50px;
      --faqs-btn-h: 44px;
      --faqs-btn-px: 22px;
      --faqs-btn-radius: 6px;
    }

    .faqs-grid {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
      column-gap: var(--faqs-col-gap);
      align-items: start;
    }

    .faqs-heading { text-wrap: balance; }

    .faqs-btn-wrap--header {
      display: block;
      margin-top: 24px;
    }

    /* Button copy after the list: hidden, so only one button is in the tab order */
    .faqs-footer { display: none; }
  }

  /* ---------- Reduced motion ---------- */
  @media (prefers-reduced-motion: reduce) {
    .faqs-icon,
    .faqs-icon__h,
    .faqs-icon__v,
    .faqs-btn {
      transition: none;
    }
  }
/* END_SECTION:faq-questions-answered */

/* START_SECTION:founder-quote-promise (INDEX:51) */
.fqp {
    padding-top: var(--fqp-pad-top);
    padding-bottom: var(--fqp-pad-bottom);
    background: var(--fqp-section-bg);
    box-sizing: border-box;
  }
  .fqp *, .fqp *::before, .fqp *::after { box-sizing: border-box; }

  .fqp__container {
    max-width: var(--fqp-max);
    margin-inline: auto;
    padding-inline: var(--fqp-side);
  }

  /* Card */
  .fqp__card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    background: var(--fqp-card-bg);
    border: var(--fqp-bw) solid var(--fqp-border);
    border-radius: var(--fqp-radius);
    box-shadow: var(--fqp-shadow);
    overflow: hidden;
  }

  /* Photo */
  .fqp__media {
    position: relative;
    order: 1;
    min-height: var(--fqp-media-h);
  }
  .fqp--m-bottom .fqp__media { order: 3; }
  .fqp__content { order: 2; }

  .fqp__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .fqp__media--empty {
    background: var(--fqp-ph-bg);
    border: 0 dashed var(--fqp-ph-border);
    border-bottom-width: 1px;
  }
  .fqp--m-bottom .fqp__media--empty { border-bottom-width: 0; border-top-width: 1px; }

  .fqp__placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 16px;
    text-align: center;
  }
  .fqp__ph-label {
    font-family: var(--fqp-body-font);
    font-weight: var(--fqp-bold-weight);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--fqp-ph-label);
  }
  .fqp__ph-text {
    font-family: var(--fqp-body-font);
    font-weight: var(--fqp-body-weight);
    font-size: 13px;
    line-height: 1.4;
    max-width: 36ch;
    color: var(--fqp-ph-text);
  }

  /* Content */
  .fqp__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--fqp-flow);
    padding: var(--fqp-pt) var(--fqp-pr) var(--fqp-pb) var(--fqp-pl);
    min-width: 0;
  }

  .fqp__mark {
    display: block;
    width: var(--fqp-mark);
    height: var(--fqp-mark);
    color: var(--fqp-mark-color);
    margin-bottom: calc(var(--fqp-flow) * -0.4);
  }
  .fqp__mark svg { display: block; width: 100%; height: 100%; }

  .fqp__quote {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: var(--fqp-quote-font);
    font-weight: var(--fqp-quote-weight);
    font-style: var(--fqp-quote-style);
    font-size: var(--fqp-quote-size);
    line-height: var(--fqp-quote-lh);
    letter-spacing: var(--fqp-quote-ls);
    color: var(--fqp-quote-color);
    overflow-wrap: anywhere;
  }
  .fqp__quote p { margin: 0; }
  .fqp__quote p + p { margin-top: 0.6em; }

  .fqp__author {
    margin: 0;
    font-family: var(--fqp-body-font);
    font-weight: var(--fqp-body-weight);
    font-style: var(--fqp-body-style);
    font-size: var(--fqp-des-size);
    line-height: 1.4;
    color: var(--fqp-des-color);
  }
  .fqp__name {
    font-weight: var(--fqp-bold-weight);
    font-size: var(--fqp-name-size);
    color: var(--fqp-name-color);
  }
  .fqp__note { opacity: 0.7; }

  .fqp__divider {
    width: 100%;
    height: 1px;
    margin: 0;
    border: 0;
    background: var(--fqp-divider);
  }

  .fqp__label {
    margin: 0;
    font-family: var(--fqp-body-font);
    font-weight: var(--fqp-bold-weight);
    font-size: var(--fqp-label-size);
    letter-spacing: var(--fqp-label-ls);
    text-transform: var(--fqp-label-transform);
    line-height: 1.3;
    color: var(--fqp-label-color);
  }

  /* Checklist */
  .fqp__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(var(--fqp-cols), minmax(0, 1fr));
    row-gap: var(--fqp-row);
    column-gap: var(--fqp-col);
  }
  .fqp__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 0;
    font-family: var(--fqp-body-font);
    font-weight: var(--fqp-body-weight);
    font-size: var(--fqp-item-size);
    line-height: var(--fqp-item-lh);
    color: var(--fqp-item-color);
  }
  .fqp__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--fqp-icon);
    height: var(--fqp-icon);
    margin-top: max(0px, calc((var(--fqp-item-size) * var(--fqp-item-lh) - var(--fqp-icon)) / 2));
    border-radius: 50%;
    background: var(--fqp-icon-bg);
    color: var(--fqp-icon-color);
  }
  .fqp__icon svg { width: 62%; height: 62%; display: block; }
  .fqp__icon--custom { background: transparent; }
  .fqp__icon-img { width: 100%; height: 100%; object-fit: contain; display: block; }
  .fqp__item-text { min-width: 0; overflow-wrap: anywhere; }

  /* Desktop */
  @media screen and (min-width: 969px) {
    .fqp--d-left .fqp__card {
      grid-template-columns: var(--fqp-media-w) minmax(0, 1fr);
      column-gap: var(--fqp-col-gap);
    }
    .fqp--d-right .fqp__card {
      grid-template-columns: minmax(0, 1fr) var(--fqp-media-w);
      column-gap: var(--fqp-col-gap);
    }
    .fqp--d-left .fqp__media { order: 1; }
    .fqp--d-left .fqp__content { order: 2; }
    .fqp--d-right .fqp__media { order: 2; }
    .fqp--d-right .fqp__content { order: 1; }

    .fqp .fqp__media--empty { border-top-width: 0; border-bottom-width: 0; }
    .fqp--d-left .fqp__media--empty { border-right-width: 1px; }
    .fqp--d-right .fqp__media--empty { border-left-width: 1px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .fqp * { transition: none !important; animation: none !important; }
  }


  /* Photo min-height: tablet range */
  @media screen and (min-width: 750px) and (max-width: 968px) {
    .fqp-{{ section.id }} .fqp__media { min-height: 600px; }
  }
  @media screen and (min-width: 570px) and (max-width: 749px) {
    .fqp-{{ section.id }} .fqp__media { min-height: 530px; }
  }
  @media screen and (min-width: 425px) and (max-width: 569px) {
    .fqp-{{ section.id }} .fqp__media { min-height: 400px; }
  }
/* END_SECTION:founder-quote-promise */

/* START_SECTION:lab-reports-certifications (INDEX:60) */
.lrc {
    background: var(--lrc-section-bg);
    padding-top: var(--lrc-pad-top);
    padding-bottom: var(--lrc-pad-bottom);
  }
  .lrc *, .lrc *::before, .lrc *::after { box-sizing: border-box; }
  .lrc__container {
    max-width: var(--lrc-max);
    margin-inline: auto;
    padding-inline: var(--lrc-side);
  }

  /* Mobile: yellow card is the header only */
  .lrc__head {
    background: var(--lrc-card-bg);
    padding: var(--lrc-card-pt) var(--lrc-card-pr) var(--lrc-card-pb) var(--lrc-card-pl);
    border-radius: var(--lrc-card-radius);
    box-shadow: var(--lrc-shadow);
  }

  .lrc__top { display: flex; flex-direction: column; gap: var(--lrc-top-gap); }

  .lrc__intro {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: var(--lrc-icon-gap);
    row-gap: var(--lrc-title-gap);
    align-items: center;
    min-width: 0;
  }
  .lrc__icon {
    grid-column: 1;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--lrc-icon);
    height: var(--lrc-icon);
    border-radius: 50%;
    background: var(--lrc-icon-bg);
    color: var(--lrc-icon-color);
    overflow: hidden;
  }
  .lrc__icon svg { width: 50%; height: 50%; display: block; }
  .lrc__icon-img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .lrc__titles { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; gap: var(--lrc-eb-gap); min-width: 0; }
  .lrc__sub { grid-column: 1 / -1; grid-row: 2; }
  .lrc--no-icon .lrc__intro { grid-template-columns: minmax(0, 1fr); }
  .lrc--no-icon .lrc__titles, .lrc--no-icon .lrc__sub { grid-column: 1; }

  .lrc__eyebrow {
    display: var(--lrc-eb-display);
    margin: 0;
    font-family: var(--lrc-eb-font);
    font-weight: var(--lrc-eb-weight);
    font-style: var(--lrc-eb-fstyle);
    font-size: var(--lrc-eb-size);
    line-height: var(--lrc-eb-lh);
    letter-spacing: var(--lrc-eb-ls);
    text-transform: var(--lrc-eb-tt);
    color: var(--lrc-eb-color);
  }
  .lrc__heading {
    margin: 0;
    font-family: var(--lrc-heading-font);
    font-weight: var(--lrc-heading-weight);
    font-style: var(--lrc-heading-style);
    font-size: var(--lrc-heading-size);
    line-height: var(--lrc-heading-lh);
    letter-spacing: var(--lrc-heading-ls);
    text-transform: var(--lrc-heading-tt);
    color: var(--lrc-heading-color);
    overflow-wrap: anywhere;
  }
  .lrc__sub {
    margin: 0;
    font-family: var(--lrc-body-font);
    font-weight: var(--lrc-body-weight);
    font-style: var(--lrc-body-style);
    font-size: var(--lrc-sub-size);
    line-height: var(--lrc-sub-lh);
    letter-spacing: var(--lrc-sub-ls);
    text-transform: var(--lrc-sub-tt);
    color: var(--lrc-sub-color);
  }

  /* Desktop/mobile text swap */
  .lrc__d { display: none; }
  .lrc__m { display: inline; }

  /* Button */
  .lrc__btn-wrap { display: flex; }
  .lrc__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    width: 100%;
    min-height: var(--lrc-btn-minh);
    padding: var(--lrc-btn-pv) var(--lrc-btn-ph);
    border: var(--lrc-btn-bw) solid var(--lrc-btn-border);
    border-radius: var(--lrc-btn-radius);
    background: var(--lrc-btn-bg);
    color: var(--lrc-btn-color);
    font-family: var(--lrc-body-font);
    font-weight: var(--lrc-bold-weight);
    font-size: var(--lrc-btn-size);
    line-height: var(--lrc-btn-lh);
    letter-spacing: var(--lrc-btn-ls);
    text-transform: var(--lrc-btn-tt);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  }
  .lrc__btn--outline { background: transparent; color: var(--lrc-btn-bg); border-color: var(--lrc-btn-bg); }
  .lrc__btn:hover, .lrc__btn:focus-visible {
    background: var(--lrc-btn-hbg);
    color: var(--lrc-btn-hcolor);
    border-color: var(--lrc-btn-hborder);
  }
  .lrc__btn:focus-visible { outline: 2px solid var(--lrc-btn-bg); outline-offset: 3px; }

  /* Divider */
  .lrc__divider {
    display: var(--lrc-div-display);
    height: 1px;
    margin: 0;
    border: 0;
    background: var(--lrc-divider);
  }

  /* Logos */
  .lrc__logos { margin-top: var(--lrc-logos-top); }
  .lrc__label {
    margin: 0 0 var(--lrc-label-gap);
    text-align: center;
    font-family: var(--lrc-body-font);
    font-weight: var(--lrc-bold-weight);
    font-size: var(--lrc-label-size);
    line-height: var(--lrc-label-lh);
    letter-spacing: var(--lrc-label-ls);
    text-transform: var(--lrc-label-tt);
    color: var(--lrc-label-color);
  }
  .lrc__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: var(--lrc-lgap);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .lrc__list::-webkit-scrollbar { display: none; }
  .lrc__list:focus-visible { outline: 2px solid var(--lrc-btn-bg); outline-offset: 4px; border-radius: 8px; }
  .lrc__item {
    flex: 0 0 calc((100% - (var(--lrc-vis) - 1) * var(--lrc-lgap)) / var(--lrc-vis));
    scroll-snap-align: start;
    min-width: 0;
    margin: 0;
    padding: 0;
  }
  /* Mobile swipe: let the row bleed to the screen edge so the next card peeks in */
  .lrc--m-swipe .lrc__list {
    margin-right: calc(var(--lrc-side) * -1);
    padding-right: var(--lrc-side);
  }
  /* Mobile grid */
  .lrc--m-grid .lrc__list {
    display: grid;
    grid-template-columns: repeat(var(--lrc-gcols), minmax(0, 1fr));
    overflow: visible;
    margin-right: 0;
    padding-right: 0;
  }

  .lrc__fig { margin: 0; display: flex; flex-direction: column; align-items: center; gap: var(--lrc-cap-gap); }
  .lrc__card {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: var(--lrc-ratio);
    padding: var(--lrc-lpad);
    background: var(--lrc-logo-bg);
    border: var(--lrc-lbw) var(--lrc-lstyle) var(--lrc-logo-border);
    border-radius: var(--lrc-lradius);
    overflow: hidden;
    color: inherit;
    text-decoration: none;
  }
  a.lrc__card:focus-visible { outline: 2px solid var(--lrc-btn-bg); outline-offset: 2px; }
  .lrc__img { width: 100%; height: 100%; object-fit: var(--lrc-fit); display: block; }
  .lrc__ph {
    font-family: var(--lrc-body-font);
    font-weight: var(--lrc-bold-weight);
    font-size: var(--lrc-ph-size);
    line-height: var(--lrc-ph-lh);
    letter-spacing: var(--lrc-ph-ls);
    text-transform: var(--lrc-ph-tt);
    color: var(--lrc-ph-color);
  }
  .lrc__cap {
    text-align: center;
    font-family: var(--lrc-body-font);
    font-weight: var(--lrc-body-weight);
    font-size: var(--lrc-cap-size);
    line-height: var(--lrc-cap-lh);
    letter-spacing: var(--lrc-cap-ls);
    text-transform: var(--lrc-cap-tt);
    color: var(--lrc-cap-color);
    overflow-wrap: anywhere;
  }
  .lrc__empty { margin: 16px 0 0; padding: 20px; text-align: center; border: 1px dashed var(--lrc-logo-border); border-radius: 12px; color: var(--lrc-label-color); }

  /* Tablet and desktop */
  @media screen and (min-width: 750px) {
    .lrc__d { display: inline; }
    .lrc__m { display: none; }

    .lrc__band {
      background: var(--lrc-band-bg);
      padding: var(--lrc-band-pt) var(--lrc-band-pr) var(--lrc-band-pb) var(--lrc-band-pl);
      border-radius: var(--lrc-band-radius);
      box-shadow: var(--lrc-shadow);
    }
    /* Full width band: the section itself is yellow, content stays inside the container */
    .lrc--full { background: var(--lrc-band-bg); }
    .lrc--full .lrc__band {
      background: transparent;
      padding-left: 0;
      padding-right: 0;
      border-radius: 0;
      box-shadow: none;
    }

    .lrc__head { background: transparent; padding: 0; border-radius: 0; box-shadow: none; }

    .lrc__top { flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; }
    .lrc__icon { grid-row: 1 / span 2; }
    .lrc__sub { grid-column: 2; grid-row: 2; }
    .lrc--no-icon .lrc__sub { grid-column: 1; }
    .lrc__intro { flex: 1 1 360px; }
    .lrc__btn-wrap { flex: 0 0 auto; }
    .lrc__btn { width: auto; }
    .lrc__divider { margin-top: var(--lrc-row-div); }

    /* Desktop logo layouts */
    .lrc--d-grid .lrc__list {
      display: grid;
      grid-template-columns: repeat(var(--lrc-cols), minmax(0, 1fr));
      overflow: visible;
      margin-right: 0;
      padding-right: 0;
    }
    .lrc--d-row .lrc__list {
      display: flex;
      overflow-x: auto;
      margin-right: 0;
      padding-right: 0;
    }
    .lrc--d-row .lrc__item {
      flex: 0 0 calc((100% - (var(--lrc-cols) - 1) * var(--lrc-lgap)) / var(--lrc-cols));
    }
  }

  /* Mobile: button full width only when the setting is on */
  @media screen and (max-width: 749px) {
    .lrc:not(.lrc--btn-full-m) .lrc__btn { width: auto; }
    .lrc:not(.lrc--btn-full-m) .lrc__btn-wrap { justify-content: flex-start; }
  }

  @media (prefers-reduced-motion: reduce) {
    .lrc__btn { transition: none; }
  }
/* END_SECTION:lab-reports-certifications */

/* START_SECTION:trust-strip (INDEX:142) */
.trust-section {
    --trust-px: 16px;        /* side padding */
    --trust-col-gap: 16px;   /* gap between columns */
    --trust-row-gap: 20px;   /* gap between rows (mobile 2 x 2) */
    --trust-title-gap: 2px;  /* space between title and text */

    box-sizing: border-box;
    width: 100%;
    background: var(--trust-bg);
    padding: var(--trust-pt) 0 var(--trust-pb);
    overflow-wrap: break-word;
  }

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

  .trust-container {
    max-width: var(--page-width, 1200px);
    margin: 0 auto;
    padding: 0 var(--trust-px);
  }

  /* Grid */
  .trust-list {
    display: grid;
    grid-template-columns: repeat(var(--trust-cols), minmax(0, 1fr));
    gap: var(--trust-row-gap) var(--trust-col-gap);
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .trust-item {
    min-width: 0;
    margin: 0;
    padding: 0;
    text-align: var(--trust-align);
  }

  /* Title (serif) */
  .trust-item__title {
    margin: 0;
    font-family: var(--trust-ff-title);
    font-weight: var(--trust-fw-title);
    font-style: var(--trust-fst-title);
    font-size: var(--trust-fs-title);
    line-height: 1.25;
    letter-spacing: 0;
    color: var(--trust-title);
  }

  /* Supporting text (sans) */
  .trust-item__text {
    margin: var(--trust-title-gap) 0 0;
    font-family: var(--trust-ff-text);
    font-weight: var(--trust-fw-text);
    font-style: var(--trust-fst-text);
    font-size: var(--trust-fs-text);
    line-height: 1.4;
    letter-spacing: 0;
    color: var(--trust-text);
  }

  /* Tablet */
  @media screen and (min-width: 750px) {
    .trust-section {
      --trust-px: 32px;
      --trust-col-gap: 24px;
      --trust-row-gap: 24px;
    }
  }

  /* Desktop */
  @media screen and (min-width: 990px) {
    .trust-section {
      --trust-px: 50px;
      --trust-col-gap: 32px;
    }
  }
/* END_SECTION:trust-strip */

/* START_SECTION:ugc-reels-carousel (INDEX:143) */
/* Base */
  .ugc, .ugc *, .ugc *::before, .ugc *::after { box-sizing: border-box; }
  .ugc {
    --ugc-gap: 12px;
    --ugc-radius: 16px;
    --ugc-plus: 40px;
    --ugc-play: 52px;
    padding: var(--ugc-pt) 0 var(--ugc-pb);
    background: var(--ugc-bg);
    font-family: var(--ugc-font-body);
    color: var(--ugc-c-heading);
    overflow-x: clip;
  }
  .ugc [hidden] { display: none !important; }
  .ugc__inner { max-width: 1600px; margin: 0 auto; padding: 0 24px; }
  .ugc :focus-visible { outline: 2px solid var(--ugc-c-heading); outline-offset: 2px; }
  .ugc-reel :focus-visible { outline-color: var(--ugc-play-bg); }
  .ugc-sr { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

  /* Desktop / mobile text switch */
  .ugc__m { display: none; }
  @media screen and (max-width: 749px) {
    .ugc .ugc__d { display: none; }
    .ugc .ugc__m { display: inline; }
  }

  /* Header (mobile first: eyebrow on top, heading left, follow link right) */
  .ugc-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 16px;
    align-items: start;
    margin-bottom: 20px;
  }
  .ugc-eyebrow {
    grid-column: 1 / -1; grid-row: 1; margin: 0;
    font-family: var(--ugc-font-eyebrow); font-weight: var(--ugc-eyebrow-weight);
    font-size: var(--ugc-fs-eyebrow); line-height: 1.1; color: var(--ugc-c-eyebrow);
  }
  .ugc-heading {
    grid-column: 1; grid-row: 2; margin: 0;
    font-family: var(--ugc-font-heading); font-weight: var(--ugc-heading-weight);
    font-size: var(--ugc-fs-heading); line-height: 1.1; letter-spacing: -.01em;
    color: var(--ugc-c-heading);
  }
  .ugc-sub {
    display: none; grid-column: 1; grid-row: 3; margin: 8px 0 0;
    font-size: var(--ugc-fs-sub); line-height: 1.4; color: var(--ugc-c-sub);
  }
  .ugc--sub-m .ugc-sub { display: block; grid-column: 1 / -1; }
  .ugc-actions {
    grid-column: 2; grid-row: 2; align-self: start; padding-top: 6px;
    display: flex; align-items: center; gap: 12px;
  }

  /* Follow: underlined link on mobile, outlined button from 750px */
  .ugc-follow {
    position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 0; border: 0; background: none; white-space: nowrap;
    font: 600 var(--ugc-fs-follow)/1 var(--ugc-font-body);
    color: var(--ugc-follow-m); text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
  }
  .ugc-follow::after { content: ""; position: absolute; inset: -14px -6px; } /* 44px tap area */
  .ugc-follow__icon { display: none; flex: none; }

  /* Arrows (hidden on mobile) */
  .ugc-arrows { display: none; gap: 8px; }
  .ugc-arrow {
    position: relative; width: 40px; height: 40px; padding: 0; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    border: 1.5px solid var(--ugc-arrow); background: transparent; color: var(--ugc-arrow);
    cursor: pointer; transition: opacity .2s;
  }
  .ugc-arrow::after { content: ""; position: absolute; inset: -2px; }
  .ugc-arrow:disabled { opacity: .3; cursor: default; }
  .ugc-arrow svg { width: 16px; height: 16px; }

  /* Track */
  .ugc-track {
    display: flex; gap: var(--ugc-gap); list-style: none;
    margin: -4px -16px; padding: 4px 16px;
    overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 16px;
    scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch;
  }
  .ugc-track::-webkit-scrollbar { display: none; }
  .ugc-track.is-dragging { scroll-snap-type: none; user-select: none; cursor: grabbing; }
  .ugc-slide {
    flex: 0 0 calc((100% - (var(--ugc-n) - 1) * var(--ugc-gap)) / var(--ugc-n));
    min-width: 0; scroll-snap-align: start;
  }
  .ugc-track img { -webkit-user-drag: none; user-select: none; }

  /* Reel card */
  .ugc-reel {
    position: relative; aspect-ratio: 9 / 16; border-radius: var(--ugc-radius); overflow: hidden;
    background: linear-gradient(180deg, var(--ugc-g1), var(--ugc-g2)); isolation: isolate; cursor: pointer;
  }
  .ugc-reel__media { position: absolute; inset: 0; }
  .ugc-reel__img, .ugc-reel__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
  .ugc-reel__video { opacity: 0; transition: opacity .2s; }
  .ugc-reel.has-video .ugc-reel__video { opacity: 1; }
  .ugc-reel__shade {
    position: absolute; left: 0; right: 0; bottom: 0; height: 55%; pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
  }
  /* Placeholder frame (no video, no poster) */
  .ugc-reel__frame {
    display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center;
    font-size: 12px; line-height: 1.4;
    background: var(--ugc-tint-bg); color: var(--ugc-tint);
    position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    border: 1.5px dashed var(--ugc-dash); border-radius: 16px;
    justify-content: flex-start; padding: 52px 12px 0; pointer-events: none;
  }

  /* Duration pill */
  .ugc-pill {
    position: absolute; z-index: 2; top: 10px; left: 10px; height: 24px; padding: 0 9px;
    display: inline-flex; align-items: center; gap: 5px; border-radius: 999px;
    background: var(--ugc-pill-bg); color: var(--ugc-pill-fg);
    font: 700 var(--ugc-fs-duration)/1 var(--ugc-font-body); pointer-events: none;
  }
  .ugc-pill svg { width: 7px; height: 7px; flex: none; }

  /* Mute button */
  .ugc-mute {
    position: absolute; z-index: 2; top: 10px; right: 10px; width: 28px; height: 28px; padding: 0;
    display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%;
    background: var(--ugc-pill-bg); color: var(--ugc-pill-fg); cursor: pointer;
  }
  .ugc-mute::after { content: ""; position: absolute; inset: -8px; } /* 44px tap area */
  .ugc-mute svg { width: 14px; height: 14px; }
  .ugc-mute[aria-pressed="true"] .ugc-mute__off,
  .ugc-mute[aria-pressed="false"] .ugc-mute__on { display: none; }

  /* Play button */
  .ugc-play {
    position: absolute; z-index: 2; top: 50%; left: 50%;
    width: var(--ugc-play); height: var(--ugc-play);
    margin: calc(var(--ugc-play) / -2) 0 0 calc(var(--ugc-play) / -2); padding: 0;
    display: inline-flex; align-items: center; justify-content: center;
    border: 0; border-radius: 50%; background: var(--ugc-play-bg); color: var(--ugc-play-fg);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .25); cursor: pointer; transition: opacity .25s;
  }
  .ugc-play[aria-disabled="true"] { cursor: default; }
  .ugc-play svg { width: 40%; height: 40%; }
  .ugc-play__pause { display: none; }
  .ugc-reel.is-playing .ugc-play__play { display: none; }
  .ugc-reel.is-playing .ugc-play__pause { display: block; }
  .ugc-reel.is-playing .ugc-play { opacity: 0; }
  .ugc-reel.is-playing .ugc-play:focus-visible { opacity: 1; }
  @media (hover: hover) {
    .ugc-reel.is-playing:hover .ugc-play { opacity: 1; }
  }

  /* Creator row, caption, progress */
  .ugc-creator { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 0 12px 12px; }
  .ugc-creator__row { display: flex; align-items: center; gap: 8px; min-width: 0; }
  .ugc-avatar {
    flex: none; width: 26px; height: 26px; border-radius: 50%; overflow: hidden; background: var(--ugc-avatar);
  }
  .ugc-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .ugc-handle {
    min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font: 700 var(--ugc-fs-handle)/1.3 var(--ugc-font-body); color: var(--ugc-handle);
  }
  .ugc-caption {
    margin: 8px 0 0; font-size: var(--ugc-fs-caption); line-height: 1.4; color: var(--ugc-caption);
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
  }
  .ugc-progress { height: 3px; margin-top: 10px; border-radius: 3px; overflow: hidden; background: var(--ugc-track); }
  .ugc-progress__fill {
    display: block; height: 100%; background: var(--ugc-fill); transform-origin: left center; transform: scaleX(0);
  }

  /* Product mini card */
  .ugc-product {
    display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 12px;
    background: var(--ugc-prod-bg); border: 1px solid var(--ugc-prod-border); border-radius: 12px;
  }
  .ugc-product__thumb { display: none; flex: none; width: 44px; height: 44px; border-radius: 8px; overflow: hidden; }
  .ugc-product__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .ugc-product__thumb--empty {
    align-items: center; justify-content: center; border: 1px dashed var(--ugc-pack-border);
    background: rgba(201, 169, 74, .08); color: var(--ugc-pack-text);
    font-size: 8px; font-weight: 700; letter-spacing: .08em; line-height: 1;
  }
  .ugc-product__info { flex: 1 1 auto; min-width: 0; }
  .ugc-product__name {
    margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-size: var(--ugc-fs-name); font-weight: 600; line-height: 1.3; color: var(--ugc-prod-name);
  }
  .ugc-product__price { margin: 2px 0 0; font-size: var(--ugc-fs-price); line-height: 1.3; color: var(--ugc-prod-price); }

  /* Plus button */
  .ugc-plus {
    position: relative; flex: none; width: var(--ugc-plus); height: var(--ugc-plus); padding: 0;
    display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%;
    background: var(--ugc-plus-bg); color: var(--ugc-plus-fg); text-decoration: none; cursor: pointer;
  }
  .ugc-plus::after { content: ""; position: absolute; inset: calc((var(--ugc-plus) - 44px) / 2); } /* 44px tap area */
  .ugc-plus:disabled { opacity: .4; cursor: not-allowed; }
  .ugc-plus__bars { position: relative; width: 14px; height: 14px; }
  .ugc-plus__bars::before, .ugc-plus__bars::after { content: ""; position: absolute; background: currentColor; border-radius: 1px; }
  .ugc-plus__bars::before { left: 0; right: 0; top: 50%; height: 1.5px; margin-top: -.75px; }
  .ugc-plus__bars::after { top: 0; bottom: 0; left: 50%; width: 1.5px; margin-left: -.75px; }
  .ugc-plus__check { display: none; width: 16px; height: 16px; }
  .ugc-plus__spin {
    display: none; width: 16px; height: 16px; border: 2px solid currentColor; border-right-color: transparent;
    border-radius: 50%; animation: ugc-spin .7s linear infinite;
  }
  .ugc-plus.is-loading { pointer-events: none; }
  .ugc-plus.is-loading .ugc-plus__bars, .ugc-plus.is-added .ugc-plus__bars { display: none; }
  .ugc-plus.is-loading .ugc-plus__spin { display: block; }
  .ugc-plus.is-added .ugc-plus__check { display: block; }

  /* Add to cart form (theme product-form) */
  .ugc-plus-form { flex: none; margin: 0; }
  .ugc-plus-form form { margin: 0; display: flex; }
  .ugc-plus .hidden { display: none !important; }
  .ugc-plus[aria-disabled="true"] { pointer-events: none; }
  .ugc-plus.loading .ugc-plus__bars { visibility: hidden; }
  .ugc-plus .loading-overlay__spinner {
    position: absolute; inset: 0; width: auto; height: auto; margin: 0;
    display: flex; align-items: center; justify-content: center;
  }
  .ugc-plus .spinner { width: 18px; height: 18px; animation: ugc-spin .9s linear infinite; }
  .ugc-plus .spinner .path { stroke: currentColor; stroke-dasharray: 140; stroke-dashoffset: 100; stroke-linecap: round; }
  .ugc-plus .sold-out-message { font-size: 9px; line-height: 1.1; text-align: center; }
  @keyframes ugc-spin { to { transform: rotate(360deg); } }

  /* Scroll indicator */
  .ugc-scroll {
    position: relative; width: 110px; height: 4px; margin: 20px auto 0; border-radius: 4px; overflow: hidden;
    background: var(--ugc-sc-track);
  }
  .ugc-scroll__thumb { position: absolute; top: 0; left: 0; width: 30%; height: 100%; border-radius: 4px; background: var(--ugc-sc-thumb); }

  /* Tablet */
  @media screen and (min-width: 750px) {
    .ugc { --ugc-gap: 16px; --ugc-plus: 32px; --ugc-play: 48px; }
    .ugc__inner { padding: 0 32px; }
    .ugc-header { align-items: end; margin-bottom: 28px; }
    .ugc-sub { display: block; grid-column: 1; }
    .ugc-actions { grid-row: 2 / span 2; align-self: center; padding-top: 0; }
    .ugc-follow {
      min-height: 46px; padding: 0 28px; border-radius: 10px; border: 1.5px solid var(--ugc-follow-c);
      background: var(--ugc-follow-bg); color: var(--ugc-follow-c); text-decoration: none;
      transition: background-color .2s, color .2s, border-color .2s;
    }
    .ugc-follow::after { display: none; }
    .ugc-follow__icon { display: block; }
    .ugc-follow:hover { background: var(--ugc-follow-hbg); border-color: var(--ugc-follow-hbg); color: var(--ugc-follow-hc); }
    .ugc-arrows { display: flex; }
    .ugc-track { margin: -4px 0; padding: 4px 0; scroll-padding: 0; }
    .ugc-product { padding: 10px; }
    .ugc-product__thumb { display: block; }
    .ugc-product__thumb--empty { display: flex; }
    .ugc-avatar { width: 24px; height: 24px; }
  }
  @media screen and (min-width: 750px) and (hover: hover) and (pointer: fine) {
    .ugc-track { cursor: grab; }
  }

  /* Desktop */
  @media screen and (min-width: 990px) {
    .ugc__inner { padding: 0 24px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .ugc *, .ugc *::before, .ugc *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  }
/* END_SECTION:ugc-reels-carousel */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:app-discount-banner (INDEX:149) */
a.promo-banner{
  --stub: 36%;
  --notch: 13px;
  container-type: inline-size;
  display: flex;
  align-items: stretch;
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  -webkit-mask:
    radial-gradient(circle var(--notch) at calc(100% - var(--stub)) 0, #0000 97%, #000) top / 100% 51% no-repeat,
    radial-gradient(circle var(--notch) at calc(100% - var(--stub)) 100%, #0000 97%, #000) bottom / 100% 51% no-repeat;
          mask:
    radial-gradient(circle var(--notch) at calc(100% - var(--stub)) 0, #0000 97%, #000) top / 100% 51% no-repeat,
    radial-gradient(circle var(--notch) at calc(100% - var(--stub)) 100%, #0000 97%, #000) bottom / 100% 51% no-repeat;
}

a.promo-banner.promo-banner--single{
  -webkit-mask: none;
          mask: none;
}

/* The mask clips outside outlines, so draw the focus ring inside */
a.promo-banner:focus-visible{
  outline: 3px solid #FAC775;
  outline-offset: -5px;
}

.promo-banner__left{
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: #04342C;
  overflow: hidden;
  box-sizing: border-box;
}
.promo-banner__left::before,
.promo-banner__left::after{
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.promo-banner__left::before{ right: -50px; bottom: -60px; width: 170px; height: 170px; background: #085041; }
.promo-banner__left::after{ right: 30px; top: -34px; width: 70px; height: 70px; background: #0F6E56; }
.promo-banner__left > *{ position: relative; z-index: 1; }

.promo-banner__right{
  flex: 0 0 var(--stub);
  width: var(--stub);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #FAEEDA;
  border-left: 2px dashed #BA7517;
  box-sizing: border-box;
}

.promo-banner__shine{
  display: block;
  margin: 0;
  color: #FAC775; /* fallback if background-clip:text is unsupported */
  line-height: 1.05;
  font-weight: 700;
}

@supports (-webkit-background-clip: text) or (background-clip: text){
  .promo-banner__shine{
    background: linear-gradient(110deg, #FAC775 0%, #FAC775 40%, #FFF6DF 50%, #FAC775 60%, #FAC775 100%);
    background-size: 250% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: promoBannerShine 1.5s ease-in-out infinite;
  }
}
@keyframes promoBannerShine{
  0%{ background-position: 100% 0; }
  55%, 100%{ background-position: 0% 0; }
}

/* ---------- Shared: banner + light orange note strip (app offer + milk) ---------- */
.promo-wrap{
  --r: 18px;
  margin-bottom: 40px;
}
.promo-wrap--milk{
  margin-bottom: 10px;
}
.promo-wrap a.promo-banner{
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  border-radius: var(--r) var(--r) 0 0;
}
.promo-note{
  display: block;
  position: relative;
  z-index: 0;
  margin-top: -13px;
  padding: 22px 14px 10px;
  background: #FCE3B8;
  color: #633806;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: center;
  text-decoration: none;
  border-radius: 0 0 var(--r) var(--r);
}
.promo-note:focus-visible{
  outline: 3px solid #BA7517;
  outline-offset: -4px;
}

a.app-discount-banner{
  --stub: clamp(112px, 36%, 240px);
  min-height: 150px;
}
.app-discount-banner__left{ gap: 8px; padding: 16px 14px; }
.app-discount-banner__right{
  align-items: center;
  gap: 4px;
  padding: 12px 8px;
  text-align: center;
}

.offer-badge{
  letter-spacing: 0.01em;
  font-size: 30px;
}
.offer-description{
  margin: 0;
  max-width: 340px;
  color: #E1F5EE;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
  text-wrap: balance;
}
.coupon-prefix{
  color: #854F0B;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.coupon-code{
  display: inline-block;
  color: #412402;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.1;
  animation: promoCodePulse 1.1s ease-in-out infinite;
}
.coupon-suffix{
  color: #633806;
  font-size: 10px;
  font-weight: 600;
}
@keyframes promoCodePulse{
  0%, 100%{ transform: scale(1); }
  50%{ transform: scale(1.06); }
}

/* Fluid sizing from the banner width */
@supports (width: 1cqw){
  .app-discount-banner__left{
    padding: clamp(12px, 4.5cqw, 34px);
    gap: clamp(6px, 1.8cqw, 12px);
  }
  .offer-badge{ font-size: clamp(26px, 9.5cqw, 40px); }
  .offer-description{ font-size: clamp(11px, 3.6cqw, 14px); }
  .app-discount-banner__right{
    gap: clamp(4px, 1.2cqw, 8px);
    padding: clamp(10px, 2.6cqw, 20px) clamp(6px, 2cqw, 16px);
  }
  .coupon-prefix,
  .coupon-suffix{ font-size: clamp(9px, 2.6cqw, 13px); }
  .coupon-code{
    font-size: clamp(16px, 5.6cqw, 34px);
    letter-spacing: clamp(0.04em, 0.2cqw, 0.08em);
  }
}

a.milk-banner{
  --stub: clamp(200px, 44%, 300px);
  min-height: 190px;
}
.milk-banner__left{ gap: 10px; padding: 24px 28px; }
.milk-banner__title{ font-size: 32px; }
.milk-banner__text{
  margin: 0;
  max-width: 260px;
  color: #E1F5EE;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  text-wrap: balance;
}
.milk-banner__right{ gap: 12px; padding: 20px 18px; }
.milk-banner__heading{
  color: #854F0B;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.milk-banner__list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.milk-banner__list li{
  display: flex;
  align-items: center;
  gap: 10px;
  color: #412402;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 600;
}
.milk-banner__tick{
  flex: 0 0 20px;
  height: 20px;
  border-radius: 50%;
  background: #0F6E56;
  display: flex;
  align-items: center;
  justify-content: center;
}

@supports (width: 1cqw){
  .milk-banner__title{ font-size: clamp(28px, 8cqw, 44px); }
  .milk-banner__text{ font-size: clamp(12px, 3cqw, 16px); }
}


@media (max-width: 1224px){
  a.promo-banner{ --notch: 10px; border-radius: 16px; }
  .promo-wrap{ --r: 16px; }
  .promo-wrap a.promo-banner{ border-radius: var(--r) var(--r) 0 0; }
}

/* Milk: compact layout for tablet + mobile */
@media (max-width: 1100px){
  .milk-banner__left{ padding: 16px 14px; gap: 8px; }
  .milk-banner__right{ padding: 14px 12px; gap: 9px; }
  .milk-banner__heading{ font-size: 10px; }
  .milk-banner__list{ gap: 8px; }
  .milk-banner__list li{ font-size: 12px; gap: 8px; }
  .milk-banner__tick{ flex-basis: 18px; height: 18px; }
}

/* Milk: tablet */
@media (min-width: 601px) and (max-width: 1100px){
  a.milk-banner{ --stub: 56%; min-height: 175px; }
  .milk-banner__title{ font-size: 26px; }
  .milk-banner__text{ font-size: 11.5px; line-height: 1.35; }
}

/* Milk: narrow-column fine tuning (kept from original) */
@media (min-width: 700px) and (max-width: 820px){
  a.milk-banner{ --stub: 150px; }
  .milk-banner__list li{ font-size: 11px; }
}

/* Mobile */
@media (max-width: 600px){
  a.promo-banner{
    --notch: 9px;
    border-radius: 14px;
  }
  .promo-wrap{ --r: 14px; margin-bottom: 20px; }
  .promo-wrap a.promo-banner{ margin-bottom: 0; border-radius: var(--r) var(--r) 0 0; }
  .promo-note{ font-size: 11px; padding: 21px 12px 9px; }
  a.milk-banner{ --stub: 58%; min-height: 170px; }
  .promo-banner__right{ border-left-width: 1.5px; }
}

@media (prefers-reduced-motion: reduce){
  .promo-banner__shine,
  .coupon-code{ animation: none; }
}
/* END_SNIPPET:app-discount-banner */