/** Shopify CDN: Minification failed

Line 4007:0 All "@import" rules must come first
Line 8433:0 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:cart (INDEX:3) */
@keyframes fadeSlideUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
  .cart-page {
    padding: 100px 0 140px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FAFAF8 100%);
    min-height: 60vh;
  }
  .cart-page__wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }

  .cart-page__header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 56px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(12,12,12,0.08);
    animation: fadeSlideUp 0.8s ease-out;
  }
  .cart-page__title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(36px, 4.5vw, 56px);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1.05;
    color: #0C0C0C;
  }
  .cart-page__count {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(12,12,12,0.45);
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  /* Two-column layout */
  .cart-page__inner {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 56px;
    align-items: start;
  }

  /* Cart items */
  .cart-items { display: flex; flex-direction: column; gap: 0; }
  .cart-item {
    display: grid;
    grid-template-columns: 120px 1fr auto;
    gap: 28px;
    align-items: center;
    padding: 28px 0;
    border-bottom: 1px solid rgba(12,12,12,0.06);
    animation: fadeSlideUp 0.6s ease-out;
    transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .cart-item:first-child { padding-top: 0; }
  .cart-item:hover { background: rgba(55, 15, 33, .02); }

  .cart-item__img {
    width: 120px;
    height: 120px;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(135deg, #F5F3EE 0%, #FAFAF8 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(12,12,12,0.06);
  }
  .cart-item__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
  }

  .cart-item__info {}
  .cart-item__brand {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(12,12,12,0.4);
    font-family: 'Inter Tight', system-ui, sans-serif;
    margin-bottom: 6px;
  }
  .cart-item__name {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(16px, 4vw, 21px);
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0C0C0C;
    margin-bottom: 6px;
    text-decoration: none;
    display: block;
    line-height: 1.1;
  }
  .cart-item__name:hover { color: #370F21; }
  .cart-item__variant {
    font-size: 12px;
    color: rgba(12,12,12,0.45);
    font-family: 'Inter Tight', system-ui, sans-serif;
    margin-bottom: 14px;
  }
  .cart-item__remove {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(12,12,12,0.4);
    text-decoration: none;
    font-family: 'Inter Tight', system-ui, sans-serif;
    transition: color .3s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .cart-item__remove:hover { color: #370F21; }
  .cart-item__sub-label {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #437D54;
    background: rgba(67,125,84,0.08);
    border: 1px solid rgba(67,125,84,0.2);
    border-radius: 100px;
    padding: 3px 10px;
    margin-bottom: 10px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  .cart-item__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
    flex-shrink: 0;
  }
  .cart-item__price {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(18px, 5vw, 24px);
    font-weight: 900;
    color: #370F21;
    letter-spacing: -0.02em;
  }

  /* Qty controls */
  .cart-item__qty {
    display: flex;
    align-items: center;
    gap: 0;
    border: 1px solid rgba(12,12,12,0.12);
    border-radius: 100px;
    overflow: hidden;
    background: #FFFFFF;
  }
  .qty-btn {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 17px;
    color: #0C0C0C;
    transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1);
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-weight: 600;
  }
  .qty-btn:hover { background: #F5F3EE; color: #370F21; }
  .qty-input {
    width: 44px;
    text-align: center;
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Inter Tight', system-ui, sans-serif;
    background: transparent;
    color: #0C0C0C;
    -moz-appearance: textfield;
  }
  .qty-input::-webkit-outer-spin-button,
  .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; }

  /* Cart summary / sidebar */
  .cart-summary {
    background: linear-gradient(135deg, #F5F3EE 0%, #FAFAF8 100%);
    border-radius: 24px;
    padding: 44px;
    position: sticky;
    top: 100px;
    border: 1px solid rgba(12,12,12,0.05);
    box-shadow: 0 8px 32px rgba(0,0,0,0.06);
    animation: fadeSlideUp 0.8s ease-out;
  }
  .cart-summary__title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0C0C0C;
    margin-bottom: 28px;
  }
  .cart-summary__line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid rgba(12,12,12,0.08);
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .cart-summary__line:last-of-type { border-bottom: none; }
  .cart-summary__label { font-size: 14px; color: rgba(12,12,12,0.6); }
  .cart-summary__value { font-size: 14px; font-weight: 600; color: #0C0C0C; }
  .cart-summary__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    border-top: 2px solid rgba(12,12,12,0.12);
    margin-top: 12px;
    margin-bottom: 28px;
  }
  .cart-summary__total-label {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 16px;
    font-weight: 700;
    color: #0C0C0C;
  }
  .cart-summary__total-value {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 28px;
    font-weight: 900;
    color: #370F21;
    letter-spacing: -0.03em;
  }
  .cart-summary__note {
    font-size: 11px;
    color: rgba(12,12,12,0.5);
    font-family: 'Inter Tight', system-ui, sans-serif;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.6;
  }
  .cart-checkout-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 17px 24px;
    border-radius: 100px;
    background: #370F21;
    color: #EDEF9D;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1);
    font-family: 'Inter Tight', system-ui, sans-serif;
    margin-bottom: 12px;
    box-shadow: 0 8px 16px rgba(55, 15, 33, 0.2);
  }
  .cart-checkout-btn:hover { transform: translateY(-2px); background: #2A0B18; box-shadow: 0 12px 24px rgba(55, 15, 33, 0.3); }
  .cart-continue {
    display: block;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    color: rgba(12,12,12,0.45);
    text-decoration: none;
    font-family: 'Inter Tight', system-ui, sans-serif;
    transition: color .3s cubic-bezier(0.34, 1.56, 0.64, 1);
    letter-spacing: 0.08em;
  }
  .cart-continue:hover { color: #370F21; }

  /* Trust badges */
  .cart-trust {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(12,12,12,0.08);
  }
  .cart-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: rgba(12,12,12,0.5);
    font-family: 'Inter Tight', system-ui, sans-serif;
    line-height: 1.4;
  }
  .cart-trust-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #437D54;
    flex-shrink: 0;
  }

  /* Empty state */
  .cart-empty {
    text-align: center;
    padding: 120px 40px;
    animation: fadeSlideUp 0.8s ease-out;
  }
  .cart-empty__icon {
    font-size: 56px;
    margin-bottom: 28px;
    display: block;
  }
  .cart-empty__title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(36px, 4.5vw, 48px);
    font-weight: 900;
    letter-spacing: -0.035em;
    color: #0C0C0C;
    margin-bottom: 16px;
  }
  .cart-empty__sub {
    font-size: 16px;
    color: rgba(12,12,12,0.55);
    margin-bottom: 40px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    line-height: 1.8;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
  .cart-empty__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 32px;
    border-radius: 100px;
    background: #370F21;
    color: #EDEF9D;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Inter Tight', system-ui, sans-serif;
    transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 8px 16px rgba(55, 15, 33, 0.2);
  }
  .cart-empty__btn:hover { transform: translateY(-2px); background: #2A0B18; box-shadow: 0 12px 24px rgba(55, 15, 33, 0.3); }

  /* Tablet/Desktop breakpoint */
  @media (max-width: 1024px) {
    .cart-page__inner { grid-template-columns: 1fr; }
    .cart-summary { position: static; }
  }
  @media (max-width: 768px) {
    .cart-page__wrap { padding: 0 24px; }
    .cart-page { padding: 80px 0 120px; }
    .cart-page__header { margin-bottom: 40px; padding-bottom: 24px; }
    .cart-page__title { font-size: clamp(28px, 4vw, 48px); }

    .cart-page__inner {
      grid-template-columns: 1fr;
      gap: 40px;
    }

    .cart-item {
      grid-template-columns: 100px 1fr;
      gap: 20px;
      padding: 20px 0;
    }
    .cart-item__img {
      width: 100px;
      height: 100px;
      border-radius: 12px;
    }
    .cart-item__right {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      grid-column: 1 / -1;
      margin-top: 12px;
      gap: 12px;
    }
    .cart-item__name { font-size: clamp(15px, 3.5vw, 19px); }
    .cart-item__price { font-size: clamp(16px, 4vw, 22px); }

    .cart-summary {
      position: static;
      padding: 32px;
      border-radius: 20px;
    }
    .cart-summary__title {
      font-size: 20px;
      margin-bottom: 20px;
    }
    .cart-summary__line {
      padding: 12px 0;
      font-size: 13px;
    }
    .cart-summary__total {
      padding: 16px 0;
      margin-bottom: 20px;
    }
    .cart-summary__total-value { font-size: 24px; }
    .cart-summary__note { font-size: 10px; margin-bottom: 16px; }

    .cart-checkout-btn {
      padding: 16px 20px;
      min-height: 52px;
      font-size: 10px;
      margin-bottom: 10px;
    }
    .cart-continue { font-size: 10px; }

    .cart-trust { gap: 8px; margin-top: 16px; padding-top: 16px; }
    .cart-trust-item { font-size: 11px; }
  }

  /* Mobile: 640px breakpoint */
  @media (max-width: 640px) {
    .cart-page__wrap { padding: 0 16px; }
    .cart-page { padding: 60px 0 100px; }
    .cart-page__header {
      margin-bottom: 32px;
      padding-bottom: 16px;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }
    .cart-page__title { font-size: clamp(24px, 5vw, 36px); }
    .cart-page__count { font-size: 11px; }

    .cart-item {
      grid-template-columns: 80px 1fr;
      gap: 14px;
      padding: 16px 0;
    }
    .cart-item__img {
      width: 80px;
      height: 80px;
      border-radius: 10px;
      flex-shrink: 0;
    }
    .cart-item__brand { font-size: 7px; margin-bottom: 4px; }
    .cart-item__name {
      font-size: 16px;
      margin-bottom: 4px;
    }
    .cart-item__variant {
      font-size: 11px;
      margin-bottom: 8px;
    }
    .cart-item__remove { font-size: 9px; }
    .cart-item__right {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      grid-column: 1 / -1;
      margin-top: 10px;
      gap: 10px;
    }
    .cart-item__price { font-size: 18px; }

    .cart-summary {
      padding: 24px;
      border-radius: 16px;
    }
    .cart-summary__title {
      font-size: 18px;
      margin-bottom: 16px;
    }
    .cart-summary__line {
      padding: 10px 0;
      font-size: 12px;
    }
    .cart-summary__label { font-size: 12px; }
    .cart-summary__value { font-size: 12px; }
    .cart-summary__total {
      padding: 14px 0;
      margin-bottom: 16px;
    }
    .cart-summary__total-label { font-size: 14px; }
    .cart-summary__total-value { font-size: 22px; }
    .cart-summary__note {
      font-size: 9px;
      margin-bottom: 12px;
    }

    .cart-checkout-btn {
      width: 100%;
      padding: 16px 16px;
      min-height: 52px;
      font-size: 10px;
      margin-bottom: 8px;
    }
    .cart-continue { font-size: 10px; padding: 0; }

    .cart-trust { gap: 6px; margin-top: 12px; padding-top: 12px; }
    .cart-trust-item { font-size: 10px; gap: 8px; }
    .cart-trust-dot { width: 5px; height: 5px; }

    .cart-empty { padding: 80px 20px; }
    .cart-empty__icon { font-size: 48px; margin-bottom: 20px; }
    .cart-empty__title { font-size: clamp(22px, 5vw, 36px); margin-bottom: 12px; }
    .cart-empty__sub { font-size: 14px; margin-bottom: 28px; }
  }

  /* Very small phones: 480px breakpoint */
  @media (max-width: 480px) {
    .cart-page__wrap { padding: 0 14px; }
    .cart-page { padding: 50px 0 80px; }
    .cart-page__header { margin-bottom: 24px; padding-bottom: 12px; }
    .cart-page__title { font-size: clamp(20px, 6vw, 28px); }
    .cart-page__count { font-size: 10px; }

    .cart-item {
      grid-template-columns: 70px 1fr;
      gap: 12px;
      padding: 14px 0;
    }
    .cart-item__img {
      width: 70px;
      height: 70px;
      border-radius: 8px;
    }
    .cart-item__brand { font-size: 6px; margin-bottom: 2px; }
    .cart-item__name {
      font-size: 14px;
      margin-bottom: 2px;
      line-height: 1.2;
    }
    .cart-item__variant {
      font-size: 10px;
      margin-bottom: 6px;
    }
    .cart-item__remove { font-size: 8px; }
    .cart-item__right {
      margin-top: 8px;
      gap: 8px;
    }
    .cart-item__price { font-size: 16px; }

    .qty-btn {
      width: 40px;
      height: 40px;
      font-size: 16px;
    }
    .qty-input {
      width: 40px;
      font-size: 12px;
    }

    .cart-summary {
      padding: 20px;
      border-radius: 14px;
    }
    .cart-summary__title {
      font-size: 16px;
      margin-bottom: 12px;
    }
    .cart-summary__line {
      padding: 8px 0;
      font-size: 11px;
    }
    .cart-summary__total {
      padding: 12px 0;
      margin-bottom: 12px;
    }
    .cart-summary__total-label { font-size: 12px; }
    .cart-summary__total-value { font-size: 20px; }
    .cart-summary__note {
      font-size: 8px;
      margin-bottom: 10px;
    }

    .cart-checkout-btn {
      padding: 14px 14px;
      min-height: 48px;
      font-size: 9px;
      margin-bottom: 6px;
      border-radius: 8px;
    }
    .cart-continue { font-size: 9px; }

    .cart-trust { gap: 4px; margin-top: 10px; padding-top: 10px; }
    .cart-trust-item { font-size: 9px; gap: 6px; }
    .cart-trust-dot { width: 4px; height: 4px; }

    .cart-empty { padding: 60px 16px; }
    .cart-empty__icon { font-size: 40px; margin-bottom: 16px; }
    .cart-empty__title { font-size: clamp(18px, 5vw, 28px); margin-bottom: 10px; }
    .cart-empty__sub { font-size: 13px; margin-bottom: 20px; line-height: 1.6; }
    .cart-empty__btn { padding: 12px 24px; font-size: 9px; }
  }
/* END_SECTION:cart */

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

/* START_SECTION:collections (INDEX:5) */
.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:custom-section (INDEX:6) */
.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:footer (INDEX:7) */
footer {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
  }
  footer a {
    text-decoration: none;
    color: var(--color-foreground);
  }
  footer .footer__links,
  footer .footer__payment {
    display: flex;
    gap: 1rem;
  }
/* END_SECTION:footer */

/* START_SECTION:header (INDEX:8) */
header {
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header a {
    position: relative;
    text-decoration: none;
    color: var(--color-foreground);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header a sup {
    position: absolute;
    left: 100%;
    overflow: hidden;
    max-width: var(--page-margin);
  }
  header svg {
    width: 2rem;
  }
  header .header__menu,
  header .header__icons {
    display: flex;
    gap: 1rem;
  }
/* END_SECTION:header */

/* START_SECTION:hello-world (INDEX:9) */
.welcome {
    display: grid;
    grid-template-columns: var(--content-grid);
    background-color: #f6f6f7;
    padding: 72px 0;
  }

  .welcome-content {
    grid-column: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0 24px;
  }

  .welcome-description {
    max-width: 80ch;
    line-height: 1.4;
    margin-top: 1.5rem;
  }

  .icon {
    width: 300px;
  }

  .highlights {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 50px;
  }

  @media (max-width: 1100px) {
    .highlights {
      grid-template-columns: 1fr;
    }
  }

  .highlight {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
    border-radius: 8px;
    background-color: #eef3ff;
    color: rgb(92, 95, 98);
    line-height: 1.4;
  }

  .highlight > * + * {
    margin-top: 1rem;
  }

  .highlight h3 {
    font-size: 1rem;
    color: rgb(32, 34, 35);
  }

  .highlight-description {
    flex: 1 1;
  }

  .highlight a {
    display: flex;
    width: fit-content;
    background-color: rgb(250, 251, 251);
    box-shadow: rgba(0, 0, 0, 0.2) 0px -3px 0px 0px inset, rgba(255, 255, 255, 0.9) 0px 2px 0px 0px inset;
    border: 1px solid rgb(140, 145, 150);
    border-radius: 4px;
    color: rgb(92, 95, 98);
    padding: 3px 10px 5px;
    text-decoration: none;
  }
/* END_SECTION:hello-world */

/* START_SECTION:noos-footer (INDEX:10) */
.footer {
    background: #0C0C0C;
    color: rgba(255, 255, 255, 0.45);
    position: relative;
    overflow: hidden;
  }

  /* Subtle halftone dot pattern overlay */
  .footer::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.02) 1.5px, transparent 1.5px);
    background-size: 20px 20px;
    pointer-events: none;
    z-index: 1;
  }

  .footer__wrap {
    padding: 0 40px;
    position: relative;
    z-index: 2;
  }

  /* Top divider: thicker gradient stripe with glow */
  .footer__stripe {
    height: 4px;
    background: linear-gradient(90deg, #EDEF9D 0%, #437D54 33%, #6373EC 66%, #370F21 100%);
    width: 100%;
    box-shadow: 0 0 16px rgba(237, 239, 157, 0.3), 0 0 32px rgba(99, 115, 236, 0.15);
  }

  /* Pre-footer support strip — last-mile risk reversal before checkout */
  .footer__support {
    background: #1a1a1a;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    padding: 26px 0;
    position: relative;
    z-index: 2;
  }
  .footer__support-row {
    padding: 0 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
  }
  .footer__support-text {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
  }
  .footer__support-text strong {
    color: #EDEF9D;
    font-weight: 700;
  }
  .footer__support-actions {
    display: inline-flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  .footer__support-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 20px;
    border-radius: 100px;
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease;
    min-height: 40px;
  }
  .footer__support-btn--whatsapp {
    background: #25D366;
    color: #ffffff;
  }
  .footer__support-btn--whatsapp:hover {
    background: #1eb858;
    transform: translateY(-1px);
  }
  .footer__support-btn--ghost {
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
    border: 1.5px solid rgba(255, 255, 255, 0.2);
  }
  .footer__support-btn--ghost:hover {
    border-color: #EDEF9D;
    color: #EDEF9D;
  }
  @media (max-width: 768px) {
    .footer__support-row { padding: 0 24px; flex-direction: column; align-items: stretch; gap: 16px; }
    .footer__support-actions { justify-content: center; }
    .footer__support-text { text-align: center; }
  }
  @media (max-width: 480px) {
    .footer__support-row { padding: 0 16px; }
    .footer__support-btn { width: 100%; justify-content: center; }
  }

  .footer__top {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 56px;
    padding: 80px 0 48px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    position: relative;
  }

  /* Brand column */
  .footer__brand {
    position: relative;
  }

  .footer__logo {
    display: block;
    margin-bottom: 16px;
  }

  .footer__logo img {
    height: 32px;
    width: auto;
    opacity: 1;
    transition: opacity 0.3s ease;
  }

  .footer__logo:hover img {
    opacity: 0.85;
  }

  .footer__sub {
    font-size: 8px;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.35);
    margin-bottom: 20px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-weight: 600;
  }

  .footer__desc {
    font-size: 12px;
    line-height: 1.85;
    max-width: 260px;
    margin-bottom: 32px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    color: rgba(255,255,255,0.5);
  }

  .footer__social {
    display: flex;
    gap: 12px;
  }

  .footer__soc {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-decoration: none;
    color: rgba(255,255,255,0.45);
    letter-spacing: 0.05em;
    font-family: 'Inter Tight', system-ui, sans-serif;
    position: relative;
    overflow: hidden;
  }

  .footer__soc::before {
    content: '';
    position: absolute;
    inset: 0;
    background: transparent;
    border-radius: 50%;
    transition: all 0.3s ease;
    z-index: -1;
  }

  /* Instagram - gradient */
  .footer__soc:nth-child(1):hover {
    border-color: #EDEF9D;
    color: #ffffff;
    transform: scale(1.1);
    background: linear-gradient(135deg, rgba(237,239,157,0.15), rgba(67,125,84,0.1));
    box-shadow: 0 0 12px rgba(237,239,157,0.2);
  }

  /* TikTok - azul */
  .footer__soc:nth-child(2):hover {
    border-color: #6373EC;
    color: #6373EC;
    transform: scale(1.1);
    background: rgba(99,115,236,0.1);
    box-shadow: 0 0 12px rgba(99,115,236,0.2);
  }

  /* Brand stickers decorative image */
  .footer__stickers {
    margin-top: 24px;
    opacity: 0.65;
    transition: opacity 0.3s ease;
    max-width: 180px;
  }

  .footer__stickers img {
    width: 100%;
    height: auto;
    display: block;
    filter: grayscale(0.3);
  }

  .footer__brand:hover .footer__stickers {
    opacity: 0.8;
  }

  /* Nav columns */
  .footer__col-h {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.85);
    margin-bottom: 24px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  /* Decorative dot before column headers */
  .footer__col-h::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: linear-gradient(135deg, #EDEF9D, #6373EC);
    flex-shrink: 0;
  }

  .footer__links {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .footer__links a {
    font-size: 12px;
    transition: all 0.3s ease;
    text-decoration: none;
    color: rgba(255,255,255,0.45);
    font-family: 'Inter Tight', system-ui, sans-serif;
    line-height: 1.4;
    position: relative;
    padding-bottom: 2px;
    /* Ensure 44px minimum touch target */
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  .footer__links a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: linear-gradient(90deg, #EDEF9D, #6373EC);
    transition: width 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .footer__links a:hover {
    color: rgba(255,255,255,0.9);
  }

  .footer__links a:hover::after {
    width: 100%;
  }

  /* Bottom bar */
  .footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 32px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
  }

  .footer__copy {
    font-size: 11px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    color: rgba(255,255,255,0.3);
    letter-spacing: 0.02em;
  }

  .footer__bottom-right {
    display: flex;
    align-items: center;
    gap: 28px;
  }

  .footer__legal {
    display: flex;
    gap: 28px;
  }

  .footer__legal a {
    font-size: 11px;
    transition: all 0.3s ease;
    text-decoration: none;
    color: rgba(255,255,255,0.35);
    font-family: 'Inter Tight', system-ui, sans-serif;
    letter-spacing: 0.02em;
    position: relative;
    padding-bottom: 2px;
    /* Ensure 44px minimum touch target */
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  .footer__legal a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: rgba(255,255,255,0.6);
    transition: width 0.3s ease;
  }

  .footer__legal a:hover {
    color: rgba(255,255,255,0.7);
  }

  .footer__legal a:hover::after {
    width: 100%;
  }

  /* Made-in Mexico badge */
  .footer__mx {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
    font-family: 'Inter Tight', system-ui, sans-serif;
    border: 1.5px solid rgba(255,255,255,0.15);
    padding: 7px 14px;
    border-radius: 100px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    background: rgba(55,15,33,0.05);
    /* Ensure 44px minimum touch target */
    min-height: 44px;
  }

  .footer__mx::before {
    content: 'MX';
    font-size: 12px;
    transition: transform 0.3s ease;
  }

  .footer__mx::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgba(237,239,157,0.1), transparent 70%);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 100px;
    pointer-events: none;
  }

  .footer__mx:hover {
    border-color: rgba(237,239,157,0.4);
    color: rgba(255,255,255,0.8);
    background: rgba(237,239,157,0.08);
    box-shadow: 0 0 12px rgba(237,239,157,0.15);
  }

  .footer__mx:hover::before {
    transform: scale(1.15);
  }

  .footer__mx:hover::after {
    opacity: 1;
  }

  /* Responsive behavior */
  @media (max-width: 1024px) {
    .footer__top {
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      padding: 64px 0 40px;
    }
  }

  @media (max-width: 768px) {
    .footer__stripe {
      height: 3px;
    }

    .footer__top {
      grid-template-columns: 1fr;
      gap: 40px;
      padding: 60px 0 40px;
    }

    .footer__wrap {
      padding: 0 24px;
    }

    .footer__col-h {
      margin-bottom: 20px;
    }

    .footer__links {
      gap: 12px;
    }

    .footer__links a {
      min-height: 44px;
      font-size: 13px;
      padding-bottom: 4px;
    }

    .footer__bottom {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      padding: 28px 0;
    }

    .footer__bottom-right {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      width: 100%;
    }

    .footer__legal {
      gap: 16px;
      flex-wrap: wrap;
    }

    .footer__legal a {
      min-height: 44px;
      font-size: 12px;
    }

    .footer__social {
      gap: 16px;
    }

    .footer__soc {
      width: 44px;
      height: 44px;
      font-size: 10px;
    }
  }

  @media (max-width: 640px) {
    .footer__wrap {
      padding: 0 16px;
    }

    .footer__stripe {
      height: 3px;
    }

    .footer__top {
      gap: 32px;
      padding: 40px 0 28px;
    }

    .footer__logo img {
      height: 28px;
    }

    .footer__sub {
      font-size: 7px;
      margin-bottom: 16px;
    }

    .footer__desc {
      font-size: 11px;
      max-width: 100%;
      margin-bottom: 24px;
    }

    .footer__col-h {
      margin-bottom: 16px;
      font-size: 8px;
    }

    .footer__links {
      gap: 10px;
    }

    .footer__links a {
      min-height: 44px;
      font-size: 12px;
      padding-bottom: 4px;
    }

    .footer__social {
      gap: 14px;
    }

    .footer__soc {
      width: 44px;
      height: 44px;
      font-size: 9px;
    }

    .footer__stickers {
      margin-top: 16px;
      max-width: 120px;
    }

    .footer__bottom {
      gap: 12px;
      padding: 24px 0;
    }

    .footer__bottom-right {
      gap: 12px;
    }

    .footer__legal {
      gap: 12px;
      flex-wrap: wrap;
    }

    .footer__legal a {
      min-height: 44px;
      font-size: 11px;
    }

    .footer__mx {
      min-height: 44px;
      font-size: 8px;
      padding: 6px 12px;
    }

    .footer__copy {
      font-size: 10px;
      width: 100%;
    }
  }

  @media (max-width: 480px) {
    .footer__wrap {
      padding: 0 12px;
    }

    .footer__stripe {
      height: 2px;
    }

    .footer__top {
      gap: 24px;
      padding: 32px 0 24px;
    }

    .footer__brand {
      margin-bottom: 8px;
    }

    .footer__logo img {
      height: 24px;
    }

    .footer__sub {
      font-size: 6px;
      margin-bottom: 12px;
      letter-spacing: 0.2em;
    }

    .footer__desc {
      font-size: 10px;
      line-height: 1.6;
      margin-bottom: 20px;
      max-width: 100%;
    }

    .footer__col-h {
      margin-bottom: 14px;
      font-size: 7px;
      letter-spacing: 0.16em;
    }

    .footer__links {
      gap: 8px;
    }

    .footer__links a {
      min-height: 44px;
      font-size: 11px;
      padding-bottom: 4px;
    }

    .footer__social {
      gap: 12px;
    }

    .footer__soc {
      width: 44px;
      height: 44px;
      font-size: 8px;
      border-width: 1px;
    }

    .footer__stickers {
      margin-top: 12px;
      max-width: 100px;
    }

    .footer__stickers img {
      width: 100%;
    }

    .footer__bottom {
      gap: 10px;
      padding: 20px 0;
    }

    .footer__copy {
      font-size: 9px;
      width: 100%;
      line-height: 1.4;
    }

    .footer__bottom-right {
      gap: 10px;
      width: 100%;
    }

    .footer__legal {
      gap: 10px;
      width: 100%;
      flex-wrap: wrap;
    }

    .footer__legal a {
      min-height: 44px;
      font-size: 10px;
      flex: 1 1 auto;
      min-width: 45%;
    }

    .footer__mx {
      min-height: 44px;
      font-size: 7px;
      padding: 5px 10px;
      width: 100%;
      justify-content: center;
    }
  }
/* END_SECTION:noos-footer */

/* START_SECTION:noos-header (INDEX:11) */
@keyframes shimmer {
    0% { background-position: -1000px 0; }
    100% { background-position: 1000px 0; }
  }
  @keyframes pill-glow {
    0%, 100% {
      box-shadow: 0 0 12px rgba(237, 239, 157, 0.4),
                  inset 0 0 20px rgba(237, 239, 157, 0.1);
    }
    50% {
      box-shadow: 0 0 20px rgba(237, 239, 157, 0.6),
                  inset 0 0 20px rgba(237, 239, 157, 0.15);
    }
  }
  @keyframes cart-badge-scale {
    0% { transform: scale(0.8); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
  }
  @keyframes mobileMenuIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .bar {
    padding: 10px 40px;
    background: #370F21;
    color: rgba(255,255,255,0.87);
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    font-family: 'Inter Tight', system-ui, sans-serif;
    position: relative;
    overflow: hidden;
  }
  .bar::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(237,239,157,0.03) 1px, transparent 1px);
    background-size: 14px 14px;
    pointer-events: none;
    animation: shimmer 8s linear infinite;
  }
  .bar::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
      transparent 0%,
      rgba(237,239,157,0.05) 25%,
      rgba(237,239,157,0.05) 75%,
      transparent 100%);
    pointer-events: none;
    animation: shimmer 8s linear infinite;
  }
  .bar__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
  }
  .bar__item {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .bar__sep {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #EDEF9D;
    opacity: 0.35;
    margin: 0 20px;
    flex-shrink: 0;
    box-shadow: 0 0 8px rgba(237,239,157,0.2);
  }
  .bar__pill {
    display: inline-block;
    background: rgba(237,239,157,0.12);
    color: #EDEF9D;
    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    padding: 4px 11px;
    border-radius: 100px;
    margin-right: 8px;
    animation: pill-glow 3s ease-in-out infinite;
    border: 1px solid rgba(237,239,157,0.25);
  }

  .nav {
    padding: 0;
    border-bottom: 1px solid rgba(12,12,12,0.06);
    border-top: 1px solid rgba(255,255,255,0.5);
    position: sticky;
    top: 0;
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    z-index: 100;
    height: 64px;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
  }
  .nav__wrap {
    width: 100%;
    padding: 0 40px;
  }
  .nav__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    height: 64px;
  }
  .nav__logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    transition: opacity 0.3s ease;
  }
  .nav__logo:hover {
    opacity: 0.75;
  }
  .nav__logo img {
    height: 32px;
    width: auto;
    display: block;
  }
  .nav__links {
    display: flex;
    gap: 28px;
    flex: 1;
    justify-content: center;
  }
  .nav__links a {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    color: rgba(12,12,12,0.58);
    font-family: 'Inter Tight', system-ui, sans-serif;
    white-space: nowrap;
    transition: color 0.25s ease;
  }
  .nav__links a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1.5px;
    background: #370F21;
    border-radius: 2px;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .nav__links a:hover {
    color: #370F21;
  }
  .nav__links a:hover::after,
  .nav__links a.active::after {
    transform: scaleX(1);
  }
  .nav__links a.active {
    color: #370F21;
  }
  .nav__right {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-shrink: 0;
  }
  .nav__lang {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    border: 1.5px solid rgba(12,12,12,0.15);
    background: rgba(255,255,255,0.5);
    text-decoration: none;
    color: rgba(12,12,12,0.58);
    padding: 7px 14px;
    border-radius: 100px;
    transition: all 0.25s ease;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .nav__lang:hover {
    border-color: #370F21;
    color: #370F21;
    background: rgba(255,255,255,0.8);
  }
  .nav__cart {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: all 0.25s ease;
    text-decoration: none;
    color: #ffffff;
    background: #370F21;
    padding: 9px 20px;
    border-radius: 100px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(55, 15, 33, 0.15);
  }
  .nav__cart:hover {
    background: #2A0B18;
    box-shadow: 0 6px 20px rgba(55, 15, 33, 0.25);
    transform: translateY(-1px);
  }
  .nav__cart-count {
    background: #EDEF9D;
    color: #370F21;
    font-size: 8px;
    font-weight: 800;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    animation: cart-badge-scale 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 2px 8px rgba(237,239,157,0.3);
  }
  .nav__mobile-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 10px;
    margin-left: -10px;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
  }
  .nav__mobile-toggle span {
    width: 20px;
    height: 2px;
    background: #370F21;
    border-radius: 1px;
    transition: all 0.3s ease;
    display: block;
  }
  /* Hamburger X animation when open */
  .nav__mobile-toggle.is-open span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .nav__mobile-toggle.is-open span:nth-child(2) {
    opacity: 0;
  }
  .nav__mobile-toggle.is-open span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }

  /* ─── MOBILE SLIDE-OUT MENU ─────────────────────── */
  .mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .mobile-menu.is-open {
    opacity: 1;
    pointer-events: auto;
  }
  .mobile-menu__overlay {
    position: absolute;
    inset: 0;
    background: rgba(12,12,12,0.4);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
  .mobile-menu__panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 85%;
    max-width: 360px;
    height: 100%;
    background: #FFFFFF;
    box-shadow: -8px 0 32px rgba(0,0,0,0.12);
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
  }
  .mobile-menu.is-open .mobile-menu__panel {
    transform: translateX(0);
  }
  .mobile-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(12,12,12,0.06);
    flex-shrink: 0;
  }
  .mobile-menu__close {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: #370F21;
    border-radius: 50%;
    transition: background 0.2s ease;
  }
  .mobile-menu__close:hover {
    background: rgba(12,12,12,0.05);
  }
  .mobile-menu__logo img {
    height: 28px;
    width: auto;
  }
  .mobile-menu__nav {
    flex: 1;
    padding: 16px 0;
    display: flex;
    flex-direction: column;
  }
  .mobile-menu__link {
    display: flex;
    align-items: center;
    padding: 16px 28px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(12,12,12,0.65);
    text-decoration: none;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
    min-height: 48px;
  }
  .mobile-menu__link:hover,
  .mobile-menu__link.active {
    color: #370F21;
    background: rgba(55, 15, 33, 0.03);
    border-left-color: #370F21;
  }
  .mobile-menu__link.active {
    font-weight: 700;
  }
  .mobile-menu__footer {
    padding: 24px;
    border-top: 1px solid rgba(12,12,12,0.06);
    flex-shrink: 0;
  }
  .mobile-menu__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 16px 24px;
    background: #370F21;
    color: #ffffff;
    border-radius: 100px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    min-height: 52px;
    box-shadow: 0 4px 16px rgba(55, 15, 33, 0.2);
    transition: all 0.25s ease;
  }
  .mobile-menu__cta:hover {
    background: #2A0B18;
  }
  .mobile-menu__lang-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 24px;
    margin-top: 12px;
    background: transparent;
    border: 1.5px solid rgba(12,12,12,0.12);
    border-radius: 100px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(12,12,12,0.6);
    cursor: pointer;
    min-height: 48px;
    transition: all 0.25s ease;
  }
  .mobile-menu__lang-toggle:hover {
    border-color: #370F21;
    color: #370F21;
  }

  @media (max-width: 1200px) {
    .nav__links { gap: 18px; }
  }
  @media (max-width: 1024px) {
    .nav__links { display: none; }
    .nav__mobile-toggle { display: flex; }
    .nav__wrap { padding: 0 24px; }
    .mobile-menu { display: block; }
  }
  @media (max-width: 768px) {
    .bar { padding: 10px 24px; font-size: 9px; }
    .bar__item:nth-child(4),
    .bar__sep:nth-child(4) { display: none; }
    .bar__sep { margin: 0 14px; }
    .nav { height: 58px; }
    .nav__inner { height: 58px; }
    .nav__logo img { height: 28px; }
    .nav__cart { padding: 8px 16px; font-size: 9px; }
    .nav__cart-count { width: 16px; height: 16px; font-size: 7px; }
  }
  @media (max-width: 640px) {
    .bar { padding: 10px 16px; font-size: 8.5px; }
    .bar__item:nth-child(3),
    .bar__item:nth-child(4),
    .bar__sep:nth-child(3),
    .bar__sep:nth-child(4) { display: none; }
    .bar__sep { margin: 0 12px; }
    .nav { height: 54px; }
    .nav__inner { height: 54px; gap: 16px; }
    .nav__wrap { padding: 0 16px; }
    .nav__right { gap: 8px; }
    .nav__lang { display: none; }
    .nav__logo img { height: 26px; }
    .nav__cart { padding: 8px 14px; font-size: 9px; }
    .mobile-menu__panel { width: 90%; }
  }
  @media (max-width: 380px) {
    .bar__item:nth-child(2),
    .bar__sep:nth-child(2) { display: none; }
    .nav__cart span:not(.nav__cart-count) { display: none; }
    .nav__cart { padding: 10px 12px; }
  }
/* END_SECTION:noos-header */

/* START_SECTION:noos-hero (INDEX:12) */
@keyframes fadeInScale {
    from {
      opacity: 0;
      transform: scale(0.95);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes subtleFloat {
    0%, 100% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-8px);
    }
  }

  .hero {
    position: relative;
    min-height: calc(100vh - 60px - 40px);
    background: #0C0C0C;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
      180deg,
      rgba(12, 12, 12, 0) 0%,
      rgba(12, 12, 12, 0.15) 40%,
      rgba(12, 12, 12, 0.45) 70%,
      rgba(12, 12, 12, 0.75) 100%
    );
    z-index: 3;
    pointer-events: none;
  }

  .hero__cross {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-image:
      radial-gradient(circle, rgba(0,0,0,0.04) 1px, transparent 1px),
      radial-gradient(circle, rgba(0,0,0,0.02) 1px, transparent 1px);
    background-size: 18px 18px, 18px 18px;
    background-position: 0 0, 9px 9px;
  }

  .hero__dots {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1.2px, transparent 1.2px);
    background-size: 14px 14px;
    animation: subtleFloat 6s ease-in-out infinite;
  }

  .hero__wordmark {
    text-align: center;
    padding: 120px 0 60px;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: fadeInScale 0.8s ease-out 0.2s both;
  }

  .hero__wordmark-img {
    width: clamp(260px, 42vw, 560px);
    height: auto;
    display: block;
    filter: drop-shadow(0 4px 32px rgba(0,0,0,0.4)) drop-shadow(0 1px 8px rgba(237, 239, 157, 0.1));
  }

  .hero__content {
    position: relative;
    z-index: 10;
    padding: 0 40px 40px;
    width: 100%;
  }

  .hero__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 32px;
    width: 100%;
  }

  .hero__copy {
    color: #ffffff;
    max-width: 420px;
    background: rgba(12, 12, 12, 0.82);
    padding: 40px 36px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    flex-shrink: 0;
    animation: fadeIn 0.8s ease-out 0.4s both;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  }

  .hero__headline {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.015em;
    margin-bottom: 18px;
    color: #ffffff;
  }

  .hero__headline em {
    font-style: italic;
    color: #EDEF9D;
    font-weight: 700;
    letter-spacing: -0.01em;
  }

  .hero__sub {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(13px, 1.1vw, 15px);
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.80);
    margin-bottom: 0;
    font-weight: 400;
  }

  .hero__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-shrink: 0;
    background: rgba(12, 12, 12, 0.82);
    padding: 40px 36px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    min-width: fit-content;
    animation: fadeIn 0.8s ease-out 0.5s both;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  }

  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 32px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    text-decoration: none;
    border: none;
    font-family: 'Inter Tight', sans-serif;
    white-space: nowrap;
  }

  .btn--yellow {
    background: #EDEF9D;
    color: #0C0C0C;
    box-shadow: 0 8px 24px rgba(237, 239, 157, 0.25);
  }

  .btn--yellow:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(237, 239, 157, 0.35);
    filter: brightness(1.08);
  }

  .btn--yellow:active {
    transform: translateY(0);
  }

  .btn--outline-w {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    position: relative;
  }

  .btn--outline-w::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 100px;
    background: radial-gradient(circle at center, rgba(237, 239, 157, 0.1) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.28s ease;
    pointer-events: none;
  }

  .btn--outline-w:hover {
    border-color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0 0 20px rgba(237, 239, 157, 0.15), inset 0 0 1px rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
  }

  .btn--outline-w:hover::before {
    opacity: 1;
  }

  .hero__tertiary {
    margin-top: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    transition: color 0.2s ease;
    padding: 6px 12px;
  }
  .hero__tertiary:hover {
    color: #EDEF9D;
  }
  .hero__tertiary::after {
    content: '→';
    transition: transform 0.2s ease;
  }
  .hero__tertiary:hover::after {
    transform: translateX(3px);
  }

  /* Proof strip directly below hero — risk-reversal in seconds */
  .hero-proof {
    background: #0C0C0C;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding: 14px 0;
    overflow: hidden;
  }
  .hero-proof__row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 36px;
    flex-wrap: wrap;
    padding: 0 24px;
  }
  .hero-proof__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    white-space: nowrap;
  }
  .hero-proof__dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #EDEF9D;
    flex-shrink: 0;
  }
  @media (max-width: 768px) {
    .hero-proof { padding: 10px 0; }
    .hero-proof__row { gap: 18px; }
    .hero-proof__item { font-size: 10px; }
  }
  @media (max-width: 480px) {
    .hero-proof__row { gap: 12px; padding: 0 12px; }
    .hero-proof__item { font-size: 9px; letter-spacing: 0.06em; }
  }

  @media (max-width: 1024px) {
    .hero__bottom {
      flex-direction: column;
      align-items: stretch;
      gap: 20px;
    }

    .hero__copy, .hero__actions {
      width: 100%;
      max-width: 100%;
    }

    .hero__content {
      padding: 0 24px 32px;
    }
  }

  @media (max-width: 768px) {
    .hero {
      min-height: calc(100vh - 60px);
    }

    .hero__wordmark {
      padding: 100px 0 50px;
    }

    .hero__wordmark-img {
      width: 240px;
    }
  }

  @media (max-width: 640px) {
    .hero__wordmark {
      padding: 80px 0 40px;
    }

    .hero__wordmark-img {
      width: 200px;
    }

    .hero__content {
      padding: 0 16px 24px;
    }

    .hero__copy, .hero__actions {
      padding: 32px 24px;
    }

    .hero__headline {
      font-size: clamp(24px, 6vw, 32px);
    }

    .hero__sub {
      font-size: 13px;
    }

    .btn {
      padding: 12px 24px;
      font-size: 10px;
    }
  }
/* END_SECTION:noos-hero */

/* START_SECTION:noos-marquee (INDEX:13) */
.manifesto {
    background: #EDEF9D;
    padding: 28px 0;
    overflow: hidden;
  }
  .manifesto__track {
    display: flex;
    gap: 64px;
    align-items: center;
    width: max-content;
    animation: marquee 22s linear infinite;
  }
  @keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  .manifesto__item {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
  }
  .manifesto__text {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 22px;
    font-weight: 700;
    color: #0C0C0C;
    letter-spacing: -0.02em;
    white-space: nowrap;
  }
  .manifesto__text em { font-style: italic; font-weight: 400; }
  .manifesto__mark {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    opacity: 0.25;
    color: #0C0C0C;
  }
/* END_SECTION:noos-marquee */

/* START_SECTION:noos-newsletter (INDEX:14) */
.nl {
    padding: 120px 0;
    background: #EDEF9D;
    position: relative;
    overflow: hidden;
  }
  .nl::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(55,15,33,0.06) 1px, transparent 1px);
    background-size: 16px 16px;
    pointer-events: none;
  }
  .nl__wrap {
    padding: 0 40px;
    position: relative;
    z-index: 1;
    animation: nl-fade-in 0.8s ease-out;
  }
  .nl__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
  }

  @keyframes nl-fade-in {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .nl__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #370F21;
    background: rgba(55,15,33,0.08);
    padding: 6px 14px;
    border-radius: 100px;
    margin-bottom: 20px;
  }
  .nl__eyebrow::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #370F21;
    flex-shrink: 0;
  }
  .nl__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(40px, 5vw, 62px);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 0.95;
    margin-bottom: 16px;
    color: #370F21;
  }
  .nl__sub {
    font-size: 15px;
    color: rgba(55,15,33,0.7);
    line-height: 1.75;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-weight: 400;
  }

  /* Right side: form */
  .nl__form-wrap {
    background: rgba(255,255,255,0.75);
    border: 1px solid rgba(55,15,33,0.08);
    border-radius: 28px;
    padding: 40px;
    box-shadow: 0 16px 48px rgba(55,15,33,0.12);
    transition: all 0.3s ease;
  }
  .nl__form-wrap:hover {
    box-shadow: 0 24px 64px rgba(55,15,33,0.16);
    transform: translateY(-2px);
  }
  .nl__form-title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 24px;
    font-weight: 700;
    color: #370F21;
    margin-bottom: 6px;
    letter-spacing: -0.02em;
  }
  .nl__form-sub {
    font-size: 13px;
    color: rgba(55,15,33,0.6);
    margin-bottom: 24px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    line-height: 1.6;
    font-weight: 400;
  }
  .nl__form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 14px;
  }
  .nl__input {
    padding: 16px 24px;
    border-radius: 50px;
    border: 1.5px solid rgba(55,15,33,0.15);
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 14px;
    background: rgba(255,255,255,0.9);
    outline: none;
    transition: border-color 0.3s, background 0.3s, box-shadow 0.3s;
    color: #370F21;
    width: 100%;
    box-shadow: inset 0 2px 4px rgba(55,15,33,0.04);
    height: 44px;
    box-sizing: border-box;
  }
  .nl__input::placeholder {
    color: rgba(55,15,33,0.4);
    font-weight: 400;
  }
  .nl__input:focus {
    border-color: #6373EC;
    background: rgba(255,255,255,0.98);
    box-shadow: inset 0 2px 4px rgba(55,15,33,0.04), 0 0 0 3px rgba(99,115,236,0.1);
  }
  .nl__btn {
    background: #370F21;
    color: #EDEF9D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 32px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    font-family: 'Inter Tight', system-ui, sans-serif;
    width: 100%;
    box-shadow: 0 8px 20px rgba(55,15,33,0.25);
    height: 44px;
    box-sizing: border-box;
  }
  .nl__btn:hover {
    background: #2A0B18;
    box-shadow: 0 12px 32px rgba(55,15,33,0.35);
    transform: translateY(-2px);
  }
  .nl__btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(55,15,33,0.2);
  }
  .nl__note {
    font-size: 11px;
    color: rgba(55,15,33,0.5);
    font-family: 'Inter Tight', system-ui, sans-serif;
    text-align: center;
    line-height: 1.6;
    font-weight: 400;
  }
  .nl__bullets {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .nl__bullet {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(55,15,33,0.78);
    font-weight: 500;
  }
  .nl__bullet::before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #437D54;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 800;
    flex-shrink: 0;
    margin-top: 2px;
    background-image: linear-gradient(135deg, #437D54 0%, #366344 100%);
  }
  .nl__bullet--check::before {
    content: '✓';
    color: #ffffff;
  }
  @media (max-width: 640px) {
    .nl__bullets { gap: 8px; margin-bottom: 16px; }
    .nl__bullet { font-size: 12px; }
  }

  /* Tablet: 768px breakpoint */
  @media (max-width: 768px) {
    .nl {
      padding: 90px 0;
    }
    .nl__wrap {
      padding: 0 24px;
    }
    .nl__inner {
      grid-template-columns: 1fr;
      gap: 48px;
    }
    .nl__h {
      font-size: clamp(32px, 4vw, 48px);
      margin-bottom: 14px;
    }
    .nl__sub {
      font-size: 14px;
      line-height: 1.7;
    }
    .nl__form-wrap {
      padding: 32px;
      border-radius: 24px;
    }
    .nl__form-title {
      font-size: 20px;
    }
    .nl__form-sub {
      font-size: 12px;
      margin-bottom: 20px;
    }
    .nl__input {
      padding: 14px 20px;
      font-size: 13px;
    }
    .nl__btn {
      padding: 14px 28px;
      font-size: 11px;
    }
  }

  /* Mobile: 640px breakpoint */
  @media (max-width: 640px) {
    .nl {
      padding: 70px 0;
    }
    .nl__wrap {
      padding: 0 16px;
    }
    .nl__inner {
      gap: 36px;
    }
    .nl__eyebrow {
      font-size: 8px;
      padding: 5px 12px;
      margin-bottom: 16px;
    }
    .nl__h {
      font-size: clamp(28px, 3.5vw, 40px);
      margin-bottom: 12px;
      line-height: 0.95;
    }
    .nl__sub {
      font-size: 13px;
      line-height: 1.6;
    }
    .nl__form-wrap {
      padding: 24px;
      border-radius: 20px;
      box-shadow: 0 12px 32px rgba(55,15,33,0.1);
    }
    .nl__form-wrap:hover {
      box-shadow: 0 16px 40px rgba(55,15,33,0.12);
    }
    .nl__form-title {
      font-size: 18px;
      margin-bottom: 4px;
    }
    .nl__form-sub {
      font-size: 11px;
      margin-bottom: 16px;
    }
    .nl__form {
      gap: 10px;
      margin-bottom: 12px;
    }
    .nl__input {
      padding: 12px 18px;
      font-size: 13px;
      height: 44px;
    }
    .nl__btn {
      padding: 12px 24px;
      font-size: 10px;
      letter-spacing: 0.08em;
      height: 44px;
      width: 100%;
    }
    .nl__note {
      font-size: 10px;
    }
  }

  /* Small phones: 480px breakpoint */
  @media (max-width: 480px) {
    .nl {
      padding: 60px 0;
    }
    .nl__wrap {
      padding: 0 12px;
    }
    .nl__inner {
      gap: 28px;
    }
    .nl__eyebrow {
      font-size: 7px;
      padding: 4px 10px;
      margin-bottom: 12px;
    }
    .nl__h {
      font-size: clamp(24px, 3vw, 32px);
      margin-bottom: 10px;
    }
    .nl__sub {
      font-size: 12px;
      line-height: 1.5;
    }
    .nl__form-wrap {
      padding: 20px;
      border-radius: 16px;
    }
    .nl__form-title {
      font-size: 16px;
      margin-bottom: 3px;
    }
    .nl__form-sub {
      font-size: 10px;
      margin-bottom: 14px;
    }
    .nl__input {
      padding: 11px 16px;
      font-size: 12px;
    }
    .nl__btn {
      font-size: 9px;
      padding: 11px 20px;
    }
    .nl__note {
      font-size: 9px;
    }
  }

  /* Desktop: existing 1024px breakpoint for overrides */
  @media (max-width: 1024px) {
    .nl {
      padding: 100px 0;
    }
    .nl__inner {
      grid-template-columns: 1fr;
      gap: 48px;
    }
    .nl__wrap {
      padding: 0 20px;
    }
    .nl__form-wrap {
      padding: 36px;
    }
  }
/* END_SECTION:noos-newsletter */

/* START_SECTION:noos-page-ciencia (INDEX:15) */
.sc-wrap { padding: 0 40px; max-width: 1200px; margin: 0 auto; }
  .sc-label { font-size: 9px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: #6B6459; }
  .sc-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; border-radius: 100px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: all .25s cubic-bezier(0.16, 1, 0.3, 1); cursor: pointer; text-decoration: none; border: none; font-family: 'Inter Tight', system-ui, sans-serif; min-height: 44px; }
  .sc-btn--burg { background: #370F21; color: #F5F3EE; box-shadow: 0 8px 24px rgba(55, 15, 33, 0.12); }
  .sc-btn--burg:hover { background: #2A0B18; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(55, 15, 33, 0.2); }
  .sc-btn--outline { border: 2px solid #370F21; color: #370F21; background: transparent; }
  .sc-btn--outline:hover { background: #370F21; color: #F5F3EE; transform: translateY(-2px); }

  /* PAGE HERO */
  .phc { background-size: cover; background-position: right center; background-color: #6373EC; padding: 120px 0 100px; position: relative; overflow: hidden; }
  .phc::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #6373EC 0%, #6373EC 42%, transparent 68%);
    z-index: 1;
    pointer-events: none;
  }
  .phc__inner { position: relative; z-index: 2; animation: fadeInUp .7s ease-out; }
  .phc__label { color: rgba(237, 239, 157, 0.6); margin-bottom: 24px; font-size: 10px; font-weight: 700; letter-spacing: .25em; text-transform: uppercase; }
  .phc__h { font-family: 'Fraunces', Georgia, serif; font-size: clamp(42px, 7vw, 76px); font-weight: 900; color: #F5F3EE; line-height: 1.05; letter-spacing: -.04em; margin-bottom: 24px; }
  .phc__h em { font-style: italic; color: #EDEF9D; font-weight: 500; }
  .phc__sub { font-size: 17px; color: rgba(245, 243, 238, 0.75); max-width: 580px; line-height: 1.8; margin-bottom: 40px; }

  /* SECTION HEAD */
  .shc { margin-bottom: 72px; }
  .shc__meta { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
  .shc__line { flex: 1; max-width: 60px; height: 2px; background: linear-gradient(90deg, #370F21 0%, rgba(55, 15, 33, 0) 100%); }
  .shc h2 { font-family: 'Fraunces', Georgia, serif; font-size: clamp(34px, 4.5vw, 56px); font-weight: 900; letter-spacing: -.03em; line-height: 1.08; margin-bottom: 18px; }
  .shc h2 em { font-style: italic; font-weight: 500; }
  .shc p { font-size: 16px; color: #6B6459; max-width: 540px; line-height: 1.8; }

  /* STATS GRID */
  .sci-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 100px; }
  .sci-stat { background: linear-gradient(135deg, #F5F3EE 0%, #FEFDFB 100%); border-radius: 24px; padding: 48px 36px; text-align: center; border: 1px solid rgba(55, 15, 33, 0.08); transition: all .3s ease; box-shadow: 0 4px 16px rgba(12, 12, 12, 0.04); animation: slideUp .6s ease-out; }
  .sci-stat:hover { border-color: #370F21; box-shadow: 0 12px 40px rgba(55, 15, 33, 0.12); transform: translateY(-4px); }
  .sci-stat__n { font-family: 'Fraunces', Georgia, serif; font-size: 58px; font-weight: 900; letter-spacing: -.03em; color: #370F21; line-height: 1; margin-bottom: 14px; }
  .sci-stat__l { font-size: 14px; color: #6B6459; line-height: 1.7; max-width: 200px; margin: 0 auto; font-weight: 500; }

  /* PILLARS */
  .sci-pillars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 100px; }
  .sci-pillar { background: #F5F3EE; border-radius: 24px; padding: 44px 32px; transition: all .3s cubic-bezier(0.16, 1, 0.3, 1); border: 1.5px solid rgba(55, 15, 33, 0.08); animation: slideUp .6s ease-out; }
  .sci-pillar:hover { background: #FFFFFF; border-color: #370F21; transform: translateY(-6px); box-shadow: 0 16px 48px rgba(55, 15, 33, 0.1); }
  .sci-pillar__icon { font-size: 32px; margin-bottom: 20px; transition: transform .3s ease; }
  .sci-pillar:hover .sci-pillar__icon { transform: scale(1.15); }
  .sci-pillar__title { font-family: 'Fraunces', Georgia, serif; font-size: 20px; font-weight: 800; letter-spacing: -.02em; margin-bottom: 12px; color: #0C0C0C; }
  .sci-pillar__desc { font-size: 14px; color: #6B6459; line-height: 1.8; }

  /* PRODUCTS */
  .sci-products { display: flex; flex-direction: column; gap: 80px; }
  .sci-prod { display: grid; grid-template-columns: 320px 1fr; gap: 80px; align-items: start; padding-bottom: 80px; border-bottom: 1px solid rgba(12,12,12,0.08); animation: fadeInUp .7s ease-out; }
  .sci-prod:last-child { border-bottom: none; }
  .sci-prod__badge { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; padding: 8px 18px; border-radius: 100px; background: #370F21; color: #F5F3EE; margin-bottom: 24px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .sci-prod__name { font-family: 'Fraunces', Georgia, serif; font-size: 42px; font-weight: 900; letter-spacing: -.03em; margin-bottom: 12px; color: #0C0C0C; }
  .sci-prod__tagline { font-size: 16px; color: #6B6459; line-height: 1.7; margin-bottom: 28px; font-weight: 500; }

  .sci-table { width: 100%; border-collapse: collapse; }
  .sci-table th { text-align: left; font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #370F21; padding: 14px 16px; border-bottom: 2px solid rgba(55, 15, 33, 0.15); font-family: 'Inter Tight', system-ui, sans-serif; }
  .sci-table td { padding: 14px 16px; font-size: 14px; border-bottom: 1px solid rgba(12,12,12,0.06); vertical-align: top; font-family: 'Inter Tight', system-ui, sans-serif; }
  .sci-table tr:last-child td { border-bottom: none; }
  .sci-table tr:hover td { background: rgba(237, 239, 157, 0.08); }
  .sci-table .td-ing { font-weight: 700; color: #0C0C0C; }
  .sci-table .td-dose { font-weight: 800; color: #370F21; white-space: nowrap; }
  .sci-table .td-fn { color: #6B6459; line-height: 1.6; }

  .sci-claim { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; padding: 6px 14px; border: 1.5px solid rgba(55, 15, 33, 0.2); border-radius: 100px; color: #370F21; margin: 4px 8px 4px 0; font-family: 'Inter Tight', system-ui, sans-serif; transition: all .2s ease; }
  .sci-claim:hover { border-color: #370F21; background: rgba(55, 15, 33, 0.06); }

  /* Per-product purchase strip — keeps the ask glued to the proof */
  .sci-prod__buy {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid rgba(55, 15, 33, 0.1);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
  }
  .sci-prod__buy-text {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    color: #6B6459;
    flex: 1 1 auto;
    min-width: 200px;
  }
  .sci-prod__buy-text strong {
    color: #370F21;
    font-weight: 700;
  }

  /* CTA BLOCK */
  .sci-cta-block { background: linear-gradient(135deg, #EDEF9D 0%, #F5F3EE 100%); border-radius: 28px; padding: 80px 60px; text-align: center; margin-top: 100px; border: 1px solid rgba(55, 15, 33, 0.1); box-shadow: 0 16px 48px rgba(237, 239, 157, 0.2); animation: fadeInUp .7s ease-out .2s both; }
  .sci-cta-block h2 { font-family: 'Fraunces', Georgia, serif; font-size: clamp(32px, 4vw, 48px); font-weight: 900; letter-spacing: -.03em; margin-bottom: 20px; color: #0C0C0C; }
  .sci-cta-block h2 em { font-style: italic; font-weight: 500; }
  .sci-cta-block p { color: #6B6459; max-width: 520px; margin: 0 auto 40px; line-height: 1.8; font-size: 16px; }

  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes slideUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @media (max-width: 1024px) {
    .sc-wrap { padding: 0 32px; }
    .sci-pillars { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .sci-prod { grid-template-columns: 1fr; gap: 40px; }
    .sci-stats { grid-template-columns: 1fr; gap: 16px; }
  }
  @media (max-width: 768px) {
    .sc-wrap { padding: 0 24px; }
    .phc { padding: 80px 0 60px; }
    .phc__label { margin-bottom: 16px; font-size: 9px; }
    .phc__h { font-size: clamp(32px, 6vw, 56px); margin-bottom: 16px; }
    .phc__sub { font-size: 15px; margin-bottom: 32px; }
    .shc { margin-bottom: 50px; }
    .shc h2 { font-size: clamp(28px, 4vw, 42px); }
    .shc p { font-size: 14px; }
    .sci-stats { margin-bottom: 60px; }
    .sci-stat { padding: 36px 28px; }
    .sci-stat__n { font-size: 42px; margin-bottom: 10px; }
    .sci-stat__l { font-size: 12px; }
    .sci-pillars { grid-template-columns: repeat(2, 1fr); }
    .sci-pillar { padding: 32px 24px; }
    .sci-pillar__title { font-size: 17px; }
    .sci-pillar__desc { font-size: 13px; }
    .sci-prod { padding-bottom: 60px; }
    .sci-prod__name { font-size: 32px; margin-bottom: 10px; }
    .sci-prod__tagline { font-size: 14px; }
    .sci-table { font-size: 13px; }
    .sci-table th { font-size: 9px; padding: 12px 12px; }
    .sci-table td { padding: 12px 12px; font-size: 13px; }
    .sci-claim { font-size: 9px; padding: 5px 12px; }
    .sci-cta-block { padding: 60px 40px; border-radius: 20px; }
    .sci-cta-block h2 { font-size: clamp(28px, 3.5vw, 40px); margin-bottom: 16px; }
    .sci-cta-block p { font-size: 14px; margin-bottom: 32px; }
  }
  @media (max-width: 640px) {
    .sc-wrap { padding: 0 16px; }
    .phc { padding: 60px 0 40px; }
    .phc__label { margin-bottom: 12px; font-size: 8px; }
    .phc__h { font-size: clamp(28px, 5vw, 44px); margin-bottom: 14px; line-height: 1.2; }
    .phc__sub { font-size: 14px; margin-bottom: 24px; }
    .sc-btn { padding: 12px 24px; font-size: 10px; }
    .shc { margin-bottom: 36px; }
    .shc__meta { margin-bottom: 12px; }
    .shc h2 { font-size: clamp(24px, 5vw, 36px); margin-bottom: 10px; }
    .shc p { font-size: 13px; }
    .sci-stats { margin-bottom: 50px; gap: 16px; }
    .sci-stat { padding: 28px 20px; border-radius: 16px; }
    .sci-stat__n { font-size: 36px; }
    .sci-stat__l { font-size: 11px; line-height: 1.5; }
    .sci-pillars { grid-template-columns: 1fr; gap: 16px; }
    .sci-pillar { padding: 24px 20px; border-radius: 16px; }
    .sci-pillar__icon { font-size: 28px; margin-bottom: 14px; }
    .sci-pillar__title { font-size: 16px; }
    .sci-pillar__desc { font-size: 12px; }
    .sci-prod { padding-bottom: 40px; }
    .sci-prod__badge { padding: 6px 12px; font-size: 8px; margin-bottom: 16px; }
    .sci-prod__name { font-size: 28px; }
    .sci-prod__tagline { font-size: 13px; }
    .sci-table { font-size: 12px; overflow-x: auto; display: block; }
    .sci-table th, .sci-table td { padding: 10px 8px; font-size: 11px; }
    .sci-table th { font-size: 8px; }
    .sci-claim { font-size: 8px; padding: 4px 10px; margin: 3px 6px 3px 0; }
    .sci-cta-block { padding: 50px 28px; margin-top: 60px; border-radius: 16px; }
    .sci-cta-block h2 { font-size: clamp(24px, 5vw, 36px); margin-bottom: 12px; }
    .sci-cta-block p { font-size: 13px; margin-bottom: 24px; }
  }
  @media (max-width: 480px) {
    .sc-wrap { padding: 0 14px; }
    .phc { padding: 50px 0 32px; }
    .phc__h { font-size: clamp(24px, 5vw, 36px); }
    .phc__sub { font-size: 13px; }
    .shc h2 { font-size: clamp(22px, 5vw, 32px); }
    .shc p { font-size: 12px; }
    .sci-stat__n { font-size: 32px; }
    .sci-stat__l { font-size: 10px; }
    .sci-pillar__title { font-size: 14px; }
    .sci-pillar__desc { font-size: 11px; }
    .sci-prod__name { font-size: 24px; }
    .sci-prod__tagline { font-size: 12px; }
    .sc-btn { padding: 10px 20px; font-size: 9px; }
    .sci-cta-block { padding: 40px 20px; }
    .sci-cta-block h2 { font-size: clamp(20px, 5vw, 32px); }
    .sci-cta-block p { font-size: 12px; }
  }
/* END_SECTION:noos-page-ciencia */

/* START_SECTION:noos-page-conocimiento (INDEX:16) */
@keyframes fadeSlideUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
  .kn-wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
  .kn-label { font-size: 9px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
  .kn-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 15px 32px; border-radius: 100px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; text-decoration: none; border: none; font-family: 'Inter Tight', system-ui, sans-serif; min-height: 44px; }
  .kn-btn--yellow { background: #EDEF9D; color: #0C0C0C; box-shadow: 0 8px 16px rgba(237, 239, 157, 0.2); }
  .kn-btn--yellow:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(237, 239, 157, 0.3); }
  .kn-btn--burg { background: #370F21; color: #EDEF9D; box-shadow: 0 8px 16px rgba(55, 15, 33, 0.2); }
  .kn-btn--burg:hover { transform: translateY(-2px); background: #2A0B18; box-shadow: 0 12px 24px rgba(55, 15, 33, 0.3); }
  /* PAGE HERO */
  .phk { background-size: cover; background-position: right center; background-color: #6373EC; padding: 120px 0 100px; position: relative; overflow: hidden; }
  .phk::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #6373EC 0%, #6373EC 42%, transparent 68%);
    z-index: 1;
    pointer-events: none;
  }
  .phk__inner { position: relative; z-index: 2; animation: fadeSlideUp 0.8s ease-out; }
  .phk__label { color: rgba(255,255,255,0.5); margin-bottom: 18px; font-size: 9px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
  .phk__h { font-family: 'Fraunces', Georgia, serif; font-size: clamp(42px, 6vw, 76px); font-weight: 900; color: #F5F3EE; line-height: 1.05; letter-spacing: -.035em; margin-bottom: 24px; }
  .phk__h em { font-style: italic; color: #EDEF9D; font-weight: 400; }
  .phk__sub { font-size: 17px; color: rgba(255,255,255,0.6); max-width: 580px; line-height: 1.8; margin-bottom: 40px; font-family: 'Inter Tight', system-ui, sans-serif; }
  /* SECTION HEAD */
  .shk { margin-bottom: 64px; }
  .shk__meta { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
  .shk__line { flex: 1; max-width: 60px; height: 2px; background: #370F21; }
  .shk h2 { font-family: 'Fraunces', Georgia, serif; font-size: clamp(34px, 4vw, 54px); font-weight: 900; letter-spacing: -.035em; line-height: 1.08; margin-bottom: 16px; color: #0C0C0C; }
  .shk h2 em { font-style: italic; font-weight: 400; color: #370F21; }
  .shk p { font-size: 16px; color: #6B6459; max-width: 560px; line-height: 1.8; font-family: 'Inter Tight', system-ui, sans-serif; }
  /* KNOWLEDGE */
  .knowledge-section2 { padding: 120px 0; background: #FFFFFF; }
  .featured-article { display: grid; grid-template-columns: 1fr 1fr; gap: 0; background: #0C0C0C; color: #F5F3EE; border-radius: 24px; overflow: hidden; margin-bottom: 100px; box-shadow: 0 12px 40px rgba(0,0,0,0.2); animation: fadeSlideUp 0.8s ease-out; }
  .featured-article__img { background: linear-gradient(135deg, #370F21 0%, #2A0B18 100%); min-height: 380px; position: relative; overflow: hidden; }
  .featured-article__img-dots { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,.08) 1.5px, transparent 1.5px); background-size: 18px 18px; pointer-events: none; opacity: .5; }
  .featured-article__img-letter { position: absolute; bottom: 20px; right: 24px; font-family: 'Fraunces', Georgia, serif; font-size: 80px; font-weight: 900; opacity: .14; line-height: 1.1; color: #EDEF9D; text-align: right; }
  .featured-article__body { padding: 56px; }
  .featured-article__cat { font-size: 9px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; background: #EDEF9D; color: #0C0C0C; padding: 5px 14px; border-radius: 100px; display: inline-block; margin-bottom: 24px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .featured-article__h { font-family: 'Fraunces', Georgia, serif; font-size: clamp(24px, 2.8vw, 36px); font-weight: 900; letter-spacing: -.025em; line-height: 1.2; margin-bottom: 20px; }
  .featured-article__sub { font-size: 15px; color: rgba(255,255,255,.65); line-height: 1.8; margin-bottom: 32px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .featured-article__meta { font-size: 12px; color: rgba(255,255,255,.45); margin-bottom: 28px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .articles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-bottom: 100px; }
  .article-card { border: 1px solid rgba(12,12,12,0.08); border-radius: 24px; overflow: hidden; transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1); animation: fadeSlideUp 0.6s ease-out; background: #FFFFFF; }
  .article-card:hover { transform: translateY(-6px); border-color: #370F21; box-shadow: 0 12px 32px rgba(0,0,0,0.1); }
  .article-card__img { height: 180px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
  .article-card__img-letter { font-family: 'Fraunces', Georgia, serif; font-size: 48px; font-weight: 900; opacity: .18; line-height: 1.1; color: #F5F3EE; text-align: center; padding: 0 12px; }
  .article-card__body { padding: 28px; }
  .article-card__cat { font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; padding: 4px 12px; border-radius: 100px; display: inline-block; margin-bottom: 14px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .article-card__h { font-family: 'Fraunces', Georgia, serif; font-size: 18px; font-weight: 700; letter-spacing: -.02em; margin-bottom: 10px; line-height: 1.35; color: #0C0C0C; }
  .article-card__sub { font-size: 14px; color: #6B6459; line-height: 1.7; margin-bottom: 18px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .article-card__meta { font-size: 12px; color: #6B6459; font-family: 'Inter Tight', system-ui, sans-serif; }
  .article-card__link { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #370F21; display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; text-decoration: none; font-family: 'Inter Tight', system-ui, sans-serif; transition: all .2s cubic-bezier(0.34, 1.56, 0.64, 1); }
  .article-card__link:hover { transform: translateX(4px); }
  /* cat colors */
  .cat--sleep { background: #1a0d3a; color: #a08de0; }
  .cat--focus { background: #1c2a0a; color: #7ab870; }
  .cat--longevity { background: #1c1c2a; color: #8080e0; }
  .cat--women { background: #2a1a0a; color: #e0a060; }
  .cat--d3 { background: #0a2a20; color: #60c0a0; }
  .cat--performance { background: #1a0a1a; color: #e080c0; }
  .topics-section { background: linear-gradient(135deg, #F5F3EE 0%, #FAFAF8 100%); border-radius: 24px; padding: 64px; margin-bottom: 100px; border: 1px solid rgba(12,12,12,0.05); animation: fadeSlideUp 0.8s ease-out; }
  .topics-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 44px; }
  .topic-item { display: flex; align-items: center; gap: 16px; padding: 18px 24px; background: #FFFFFF; border-radius: 100px; border: 1.5px solid rgba(12,12,12,0.08); transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; }
  .topic-item:hover { border-color: #370F21; box-shadow: 0 8px 20px rgba(55, 15, 33, 0.1); transform: translateY(-2px); }
  .topic-item.active { background: #370F21; border-color: #370F21; box-shadow: 0 8px 24px rgba(55,15,33,0.25); transform: translateY(-2px); }
  .topic-item.active .topic-item__name { color: #EDEF9D; }
  .topic-item__icon { font-size: 22px; flex-shrink: 0; }
  .topic-item__name { font-weight: 600; font-size: 15px; font-family: 'Inter Tight', system-ui, sans-serif; color: #0C0C0C; transition: color .3s ease; }
  .topic-item--all { background: #F5F3EE; }
  .topic-item--all.active { background: #370F21; }
  .article-card { transition: opacity .3s ease, transform .3s ease; }
  .article-card.hidden { display: none; }
  .article-card.fading { opacity: 0; transform: scale(0.97); }
  .kn-filter-wrap { margin-bottom: 56px; }
  .kn-filter-count { font-size: 12px; color: #6B6459; font-family: 'Inter Tight', system-ui, sans-serif; margin-top: 16px; text-align: center; min-height: 18px; }
  .articles-grid:empty::after, .articles-grid--empty::after { content: 'No hay artículos para este tema todavía.'; display: block; text-align: center; color: #6B6459; font-family: 'Inter Tight', system-ui, sans-serif; font-size: 14px; padding: 40px 0; grid-column: 1/-1; }
  .nl-block { background: linear-gradient(135deg, #370F21 0%, #2A0B18 100%); color: #F5F3EE; border-radius: 24px; padding: 64px; display: flex; align-items: center; justify-content: space-between; gap: 48px; position: relative; overflow: hidden; box-shadow: 0 12px 40px rgba(55, 15, 33, 0.15); animation: fadeSlideUp 0.8s ease-out; }
  .nl-block__dots { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,.07) 1.5px, transparent 1.5px); background-size: 18px 18px; pointer-events: none; opacity: .5; }
  .nl-block__h { font-family: 'Fraunces', Georgia, serif; font-size: clamp(28px, 3vw, 40px); font-weight: 900; letter-spacing: -.025em; line-height: 1.15; margin-bottom: 14px; position: relative; z-index: 1; }
  .nl-block__h em { color: #EDEF9D; font-style: italic; font-weight: 400; }
  .nl-block__sub { font-size: 15px; color: rgba(255,255,255,.65); max-width: 340px; line-height: 1.8; font-family: 'Inter Tight', system-ui, sans-serif; position: relative; z-index: 1; }
  .nl-form { display: flex; gap: 12px; flex-shrink: 0; position: relative; z-index: 1; }
  .nl-input { padding: 15px 22px; border-radius: 100px; border: none; font-size: 14px; font-family: 'Inter Tight', system-ui, sans-serif; width: 280px; background: rgba(255,255,255,.15); color: #F5F3EE; transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1); min-height: 44px; }
  .nl-input::placeholder { color: rgba(255,255,255,.5); }
  .nl-input:focus { outline: none; background: rgba(255,255,255,.22); box-shadow: 0 0 0 3px rgba(237, 239, 157, 0.2); }

  @media (max-width: 1024px) {
    .kn-wrap { padding: 0 32px; }
    .featured-article { grid-template-columns: 1fr; }
    .articles-grid { grid-template-columns: repeat(2, 1fr); }
    .topics-grid { grid-template-columns: repeat(2, 1fr); }
    .nl-block { flex-direction: column; gap: 32px; }
    .nl-form { flex-direction: column; width: 100%; }
    .nl-input { width: 100%; }
    .phk { padding: 100px 0 80px; }
    .knowledge-section2 { padding: 80px 0; }
  }
  @media (max-width: 768px) {
    .kn-wrap { padding: 0 24px; }
    .phk { padding: 80px 0 60px; }
    .phk__label { margin-bottom: 16px; font-size: 8px; }
    .phk__h { font-size: clamp(32px, 6vw, 56px); margin-bottom: 16px; }
    .phk__sub { font-size: 15px; margin-bottom: 32px; }
    .kn-btn { padding: 13px 26px; font-size: 10px; }
    .shk { margin-bottom: 50px; }
    .shk h2 { font-size: clamp(28px, 4vw, 42px); }
    .shk p { font-size: 14px; }
    .featured-article { grid-template-columns: 1fr; margin-bottom: 60px; border-radius: 20px; }
    .featured-article__img { min-height: 280px; }
    .featured-article__img-letter { font-size: 160px; bottom: -20px; right: -15px; }
    .featured-article__body { padding: 40px; }
    .featured-article__cat { font-size: 8px; padding: 4px 12px; margin-bottom: 16px; }
    .featured-article__h { font-size: clamp(20px, 2.5vw, 28px); margin-bottom: 14px; }
    .featured-article__sub { font-size: 13px; margin-bottom: 20px; }
    .featured-article__meta { font-size: 11px; margin-bottom: 20px; }
    .articles-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 60px; }
    .article-card { border-radius: 16px; }
    .article-card__img { height: 160px; }
    .article-card__img-letter { font-size: 72px; }
    .article-card__body { padding: 20px; }
    .article-card__cat { font-size: 8px; padding: 3px 10px; }
    .article-card__h { font-size: 16px; margin-bottom: 8px; }
    .article-card__sub { font-size: 12px; margin-bottom: 12px; }
    .article-card__meta { font-size: 11px; }
    .article-card__link { font-size: 10px; }
    .topics-section { padding: 48px; border-radius: 20px; margin-bottom: 60px; }
    .topics-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 32px; }
    .topic-item { padding: 14px 18px; font-size: 13px; }
    .topic-item__icon { font-size: 18px; }
    .topic-item__name { font-size: 13px; }
    .nl-block { padding: 48px; gap: 24px; border-radius: 20px; }
    .nl-block__h { font-size: clamp(24px, 2.8vw, 36px); margin-bottom: 10px; }
    .nl-block__sub { font-size: 13px; }
    .nl-form { gap: 10px; }
    .nl-input { padding: 13px 18px; font-size: 12px; width: 220px; }
    .knowledge-section2 { padding: 80px 0; }
  }
  @media (max-width: 640px) {
    .kn-wrap { padding: 0 16px; }
    .phk { padding: 60px 0 40px; }
    .phk__label { margin-bottom: 12px; font-size: 8px; }
    .phk__h { font-size: clamp(28px, 5vw, 44px); margin-bottom: 14px; }
    .phk__sub { font-size: 14px; margin-bottom: 24px; }
    .kn-btn { padding: 12px 24px; font-size: 10px; min-height: 40px; }
    .shk { margin-bottom: 36px; }
    .shk__meta { margin-bottom: 12px; }
    .shk h2 { font-size: clamp(24px, 5vw, 36px); margin-bottom: 12px; }
    .shk p { font-size: 13px; }
    .featured-article { margin-bottom: 50px; }
    .featured-article__img { min-height: 240px; }
    .featured-article__img-letter { font-size: 140px; }
    .featured-article__body { padding: 32px 24px; }
    .featured-article__h { font-size: clamp(18px, 3vw, 26px); margin-bottom: 12px; }
    .featured-article__sub { font-size: 12px; margin-bottom: 16px; }
    .featured-article__meta { font-size: 10px; margin-bottom: 16px; }
    .articles-grid { grid-template-columns: 1fr; gap: 16px; margin-bottom: 50px; }
    .article-card__img { height: 140px; }
    .article-card__img-letter { font-size: 64px; }
    .article-card__body { padding: 16px; }
    .article-card__h { font-size: 14px; }
    .article-card__sub { font-size: 11px; margin-bottom: 10px; }
    .topics-section { padding: 40px 20px; margin-bottom: 50px; }
    .topics-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 24px; }
    .topic-item { padding: 12px 16px; }
    .topic-item__icon { font-size: 16px; }
    .topic-item__name { font-size: 12px; }
    .nl-block { padding: 40px 24px; gap: 20px; }
    .nl-block__h { font-size: clamp(22px, 4vw, 32px); margin-bottom: 8px; }
    .nl-block__sub { font-size: 12px; max-width: 100%; }
    .nl-form { width: 100%; }
    .nl-input { width: 100%; padding: 12px 16px; font-size: 11px; }
    .knowledge-section2 { padding: 60px 0; }
  }
  @media (max-width: 480px) {
    .kn-wrap { padding: 0 14px; }
    .phk { padding: 50px 0 32px; }
    .phk__h { font-size: clamp(24px, 5vw, 36px); }
    .phk__sub { font-size: 13px; }
    .kn-btn { padding: 10px 20px; font-size: 9px; }
    .shk h2 { font-size: clamp(22px, 5vw, 32px); }
    .shk p { font-size: 12px; }
    .featured-article__img-letter { font-size: 100px; bottom: -15px; right: -10px; }
    .featured-article__h { font-size: clamp(16px, 3vw, 24px); }
    .featured-article__sub { font-size: 11px; }
    .article-card__h { font-size: 13px; }
    .article-card__sub { font-size: 10px; }
    .nl-block__h { font-size: clamp(20px, 4vw, 28px); }
    .nl-block__sub { font-size: 11px; }
    .nl-input { font-size: 10px; }
  }
/* END_SECTION:noos-page-conocimiento */

/* START_SECTION:noos-page-nosotros (INDEX:17) */
.no-wrap { padding: 0 40px; max-width: 1200px; margin: 0 auto; }
  .no-label { font-size: 9px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #6B6459; }
  .no-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; border-radius: 100px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: all .25s cubic-bezier(0.16, 1, 0.3, 1); cursor: pointer; text-decoration: none; border: none; font-family: 'Inter Tight', system-ui, sans-serif; min-height: 44px; }
  .no-btn--burg { background: #370F21; color: #F5F3EE; box-shadow: 0 8px 24px rgba(55, 15, 33, 0.12); }
  .no-btn--burg:hover { background: #2A0B18; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(55, 15, 33, 0.2); }

  /* PAGE HERO */
  .phn { background-size: cover; background-position: right center; background-color: #6373EC; padding: 120px 0 100px; position: relative; overflow: hidden; }
  .phn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #6373EC 0%, #6373EC 42%, transparent 68%);
    z-index: 1;
    pointer-events: none;
  }
  .phn__inner { position: relative; z-index: 2; animation: fadeInUp .7s ease-out; }
  .phn__label { color: rgba(237, 239, 157, 0.6); margin-bottom: 24px; font-size: 10px; font-weight: 700; letter-spacing: .25em; text-transform: uppercase; }
  .phn__h { font-family: 'Fraunces', Georgia, serif; font-size: clamp(42px, 7vw, 76px); font-weight: 900; color: #F5F3EE; line-height: 1.05; letter-spacing: -.04em; margin-bottom: 24px; }
  .phn__h em { font-style: italic; color: #EDEF9D; font-weight: 500; }
  .phn__sub { font-size: 17px; color: rgba(245, 243, 238, 0.75); max-width: 600px; line-height: 1.8; margin-bottom: 40px; }

  /* SECTION HEAD */
  .shn { margin-bottom: 72px; }
  .shn__meta { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
  .shn__line { flex: 1; max-width: 60px; height: 2px; background: linear-gradient(90deg, #370F21 0%, rgba(55, 15, 33, 0) 100%); }
  .shn h2 { font-family: 'Fraunces', Georgia, serif; font-size: clamp(34px, 4.5vw, 56px); font-weight: 900; letter-spacing: -.03em; line-height: 1.08; margin-bottom: 18px; color: #0C0C0C; }
  .shn h2 em { font-style: italic; font-weight: 500; }
  .shn p { font-size: 16px; color: #6B6459; max-width: 540px; line-height: 1.8; }

  /* ABOUT */
  .about-section2 { padding: 100px 0; }
  .founder-section { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: start; margin-bottom: 120px; padding-bottom: 100px; border-bottom: 1px solid rgba(12,12,12,0.08); }
  .founder-section > div:first-child { animation: fadeInUp .7s ease-out; }
  .founder-section > div:last-child { animation: fadeInUp .7s ease-out .1s both; }

  .founder__badge { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; padding: 8px 18px; border-radius: 100px; border: 1.5px solid #370F21; color: #370F21; margin-bottom: 28px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .founder__h { font-family: 'Fraunces', Georgia, serif; font-size: clamp(36px, 4.5vw, 56px); font-weight: 900; letter-spacing: -.03em; line-height: 1.08; margin-bottom: 32px; color: #0C0C0C; }
  .founder__h em { font-style: italic; font-weight: 500; }
  .founder__quote { font-family: 'Fraunces', Georgia, serif; font-size: 20px; font-style: italic; font-weight: 500; color: #370F21; border-left: 4px solid #370F21; padding-left: 28px; margin: 36px 0; line-height: 1.7; }
  .founder__body { font-size: 16px; color: #6B6459; line-height: 1.8; margin-bottom: 24px; font-weight: 500; }

  .founder__card { background: linear-gradient(135deg, #370F21 0%, #2A0B18 100%); color: #F5F3EE; border-radius: 28px; padding: 56px; position: relative; overflow: hidden; border: 1px solid rgba(237, 239, 157, 0.1); box-shadow: 0 16px 48px rgba(55, 15, 33, 0.15); animation: fadeInUp .7s ease-out .2s both; }
  .founder__card-dots { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,.08) 1.2px, transparent 1.2px); background-size: 14px 14px; pointer-events: none; opacity: .4; }
  .founder__card-inner { position: relative; z-index: 2; }
  .founder__card-name { font-family: 'Fraunces', Georgia, serif; font-size: 44px; font-weight: 900; letter-spacing: -.03em; margin-bottom: 8px; color: #EDEF9D; }
  .founder__card-role { font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: rgba(237, 239, 157, 0.5); margin-bottom: 40px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .founder__card-values { display: flex; flex-direction: column; gap: 16px; }
  .founder__card-val { display: flex; align-items: flex-start; gap: 14px; font-size: 15px; color: rgba(245, 243, 238, 0.85); font-family: 'Inter Tight', system-ui, sans-serif; line-height: 1.6; }
  .founder__card-val::before { content: "◆"; color: #EDEF9D; font-size: 8px; flex-shrink: 0; margin-top: 6px; }

  .philosophy-section { margin-bottom: 120px; padding-bottom: 100px; border-bottom: 1px solid rgba(12,12,12,0.08); }
  .philosophy-big { font-family: 'Fraunces', Georgia, serif; font-size: clamp(24px, 3.5vw, 40px); font-weight: 500; font-style: italic; line-height: 1.6; color: #370F21; max-width: 920px; margin: 0 auto 80px; text-align: center; animation: fadeInUp .7s ease-out; }

  .values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
  .val-card { padding: 40px 28px; border: 1.5px solid rgba(12,12,12,0.08); border-radius: 24px; transition: all .3s cubic-bezier(0.16, 1, 0.3, 1); background: #FFFFFF; animation: slideUp .6s ease-out; }
  .val-card:hover { border-color: #370F21; transform: translateY(-8px); box-shadow: 0 16px 48px rgba(55, 15, 33, 0.1); }
  .val-card__n { font-family: 'Fraunces', Georgia, serif; font-size: 52px; font-weight: 900; color: rgba(55, 15, 33, 0.12); margin-bottom: 16px; line-height: 1; }
  .val-card__title { font-family: 'Fraunces', Georgia, serif; font-size: 20px; font-weight: 800; letter-spacing: -.02em; margin-bottom: 12px; color: #0C0C0C; }
  .val-card__desc { font-size: 14px; color: #6B6459; line-height: 1.8; font-family: 'Inter Tight', system-ui, sans-serif; }

  .brand-kw { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 60px; }
  .brand-kw span { font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; padding: 8px 16px; border: 1.5px solid rgba(12,12,12,0.1); border-radius: 100px; color: #6B6459; transition: all .25s ease; cursor: default; font-family: 'Inter Tight', system-ui, sans-serif; }
  .brand-kw span:hover { border-color: #370F21; color: #370F21; background: rgba(55, 15, 33, 0.04); }

  /* MANUFACTURING SECTION */
  .manufacturing-section { background: linear-gradient(135deg, #F5F3EE 0%, #FEFDFB 100%); border-radius: 28px; padding: 80px; margin-bottom: 100px; border: 1px solid rgba(55, 15, 33, 0.08); box-shadow: 0 8px 32px rgba(12, 12, 12, 0.04); }
  .mfg-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }
  .mfg-inner > div:first-child { animation: fadeInUp .7s ease-out; }
  .mfg-inner > div:last-child { animation: fadeInUp .7s ease-out .1s both; }

  .mfg__h { font-family: 'Fraunces', Georgia, serif; font-size: clamp(32px, 4vw, 44px); font-weight: 900; letter-spacing: -.03em; margin-bottom: 20px; color: #0C0C0C; }
  .mfg__h em { font-style: italic; font-weight: 500; }
  .mfg__sub { font-size: 16px; color: #6B6459; line-height: 1.8; margin-bottom: 40px; font-weight: 500; }

  .mfg-items { display: flex; flex-direction: column; gap: 24px; }
  .mfg-item { display: flex; gap: 18px; align-items: flex-start; animation: slideUp .6s ease-out; }
  .mfg-item__icon { width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg, #370F21 0%, #2A0B18 100%); color: #EDEF9D; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; box-shadow: 0 4px 12px rgba(55, 15, 33, 0.15); }
  .mfg-item__title { font-weight: 800; font-size: 15px; margin-bottom: 4px; font-family: 'Inter Tight', system-ui, sans-serif; color: #0C0C0C; }
  .mfg-item__desc { font-size: 14px; color: #6B6459; line-height: 1.7; font-family: 'Inter Tight', system-ui, sans-serif; }

  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes slideUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @media (max-width: 1024px) {
    .no-wrap { padding: 0 32px; }
    .founder-section { grid-template-columns: 1fr; gap: 60px; }
    .values-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .mfg-inner { grid-template-columns: 1fr; gap: 60px; }
    .manufacturing-section { padding: 60px 40px; }
  }
  @media (max-width: 768px) {
    .no-wrap { padding: 0 24px; }
    .phn { padding: 80px 0 60px; }
    .phn__label { margin-bottom: 16px; font-size: 9px; }
    .phn__h { font-size: clamp(32px, 6vw, 56px); margin-bottom: 16px; }
    .phn__sub { font-size: 15px; margin-bottom: 32px; }
    .shn { margin-bottom: 50px; }
    .shn h2 { font-size: clamp(28px, 4vw, 42px); }
    .shn p { font-size: 14px; }
    .founder-section { margin-bottom: 80px; padding-bottom: 60px; }
    .founder__badge { margin-bottom: 20px; }
    .founder__h { font-size: clamp(28px, 4vw, 42px); margin-bottom: 24px; }
    .founder__quote { font-size: 17px; padding-left: 20px; margin: 28px 0; }
    .founder__body { font-size: 14px; }
    .founder__card { padding: 40px; border-radius: 20px; }
    .founder__card-name { font-size: 32px; }
    .founder__card-role { font-size: 9px; }
    .founder__card-val { font-size: 13px; gap: 10px; }
    .philosophy-section { margin-bottom: 80px; padding-bottom: 60px; }
    .philosophy-big { font-size: clamp(20px, 3vw, 32px); margin-bottom: 60px; }
    .values-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 40px; }
    .val-card { padding: 28px 20px; }
    .val-card__n { font-size: 40px; }
    .val-card__title { font-size: 16px; }
    .val-card__desc { font-size: 12px; }
    .brand-kw { margin-top: 40px; gap: 10px; }
    .brand-kw span { font-size: 8px; padding: 6px 12px; }
    .manufacturing-section { padding: 50px 30px; border-radius: 20px; margin-bottom: 60px; }
    .mfg-inner { gap: 40px; }
    .mfg__h { font-size: clamp(26px, 3.5vw, 36px); margin-bottom: 16px; }
    .mfg__sub { font-size: 14px; margin-bottom: 32px; }
    .mfg-items { gap: 16px; }
    .mfg-item__icon { width: 40px; height: 40px; font-size: 16px; }
    .mfg-item__title { font-size: 13px; }
    .mfg-item__desc { font-size: 12px; }
  }
  @media (max-width: 640px) {
    .no-wrap { padding: 0 16px; }
    .phn { padding: 60px 0 40px; }
    .phn__label { margin-bottom: 12px; font-size: 8px; }
    .phn__h { font-size: clamp(28px, 5vw, 44px); margin-bottom: 14px; }
    .phn__sub { font-size: 14px; margin-bottom: 24px; }
    .no-btn { padding: 12px 24px; font-size: 10px; }
    .shn { margin-bottom: 36px; }
    .shn__meta { margin-bottom: 12px; }
    .shn h2 { font-size: clamp(24px, 5vw, 36px); margin-bottom: 10px; }
    .shn p { font-size: 13px; }
    .founder-section { margin-bottom: 60px; padding-bottom: 40px; gap: 40px; }
    .founder__badge { font-size: 8px; padding: 6px 12px; margin-bottom: 16px; }
    .founder__h { font-size: clamp(24px, 4vw, 36px); margin-bottom: 16px; }
    .founder__quote { font-size: 15px; padding-left: 16px; margin: 20px 0; border-left: 3px solid #370F21; }
    .founder__body { font-size: 13px; }
    .founder__card { padding: 28px; border-radius: 16px; }
    .founder__card-name { font-size: 28px; margin-bottom: 6px; }
    .founder__card-role { font-size: 8px; margin-bottom: 24px; }
    .founder__card-val { font-size: 12px; gap: 8px; }
    .philosophy-section { margin-bottom: 60px; padding-bottom: 40px; }
    .philosophy-big { font-size: clamp(18px, 4vw, 28px); margin-bottom: 40px; line-height: 1.5; }
    .values-grid { grid-template-columns: 1fr; gap: 12px; margin-bottom: 32px; }
    .val-card { padding: 20px 16px; border-radius: 16px; }
    .val-card__n { font-size: 36px; margin-bottom: 10px; }
    .val-card__title { font-size: 15px; margin-bottom: 8px; }
    .val-card__desc { font-size: 11px; }
    .brand-kw { margin-top: 32px; gap: 8px; }
    .brand-kw span { font-size: 7px; padding: 5px 10px; }
    .manufacturing-section { padding: 40px 20px; border-radius: 16px; margin-bottom: 40px; }
    .mfg-inner { gap: 32px; }
    .mfg__h { font-size: clamp(22px, 4vw, 32px); margin-bottom: 12px; }
    .mfg__sub { font-size: 13px; margin-bottom: 24px; }
    .mfg-items { gap: 14px; }
    .mfg-item { gap: 12px; }
    .mfg-item__icon { width: 36px; height: 36px; font-size: 14px; }
    .mfg-item__title { font-size: 12px; }
    .mfg-item__desc { font-size: 11px; }
  }
  @media (max-width: 480px) {
    .no-wrap { padding: 0 14px; }
    .phn { padding: 50px 0 32px; }
    .phn__h { font-size: clamp(24px, 5vw, 36px); }
    .phn__sub { font-size: 13px; }
    .shn h2 { font-size: clamp(22px, 5vw, 32px); }
    .shn p { font-size: 12px; }
    .founder__h { font-size: clamp(22px, 4vw, 32px); }
    .founder__quote { font-size: 14px; }
    .founder__body { font-size: 12px; }
    .founder__card-name { font-size: 24px; }
    .philosophy-big { font-size: clamp(16px, 4vw, 24px); }
    .val-card__title { font-size: 13px; }
    .val-card__desc { font-size: 10px; }
    .mfg__h { font-size: clamp(20px, 4vw, 28px); }
    .mfg__sub { font-size: 12px; }
    .no-btn { padding: 10px 20px; font-size: 9px; }
  }
/* END_SECTION:noos-page-nosotros */

/* START_SECTION:noos-page-productos (INDEX:18) */
.pg-wrap { padding: 0 40px; }

  /* PAGE HERO */
  .ph {
    background-size: cover;
    background-position: right center;
    background-color: #6373EC;
    padding: 120px 0 100px;
    position: relative;
    overflow: hidden;
  }
  .ph::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #6373EC 0%, #6373EC 42%, transparent 68%);
    z-index: 1;
    pointer-events: none;
  }
  .ph__inner {
    position: relative;
    z-index: 2;
    animation: fadeInUp 0.8s ease-out;
  }
  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .ph__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #EDEF9D;
    background: rgba(255,255,255,0.2);
    padding: 8px 16px;
    border-radius: 100px;
    margin-bottom: 24px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(237,239,157,0.2);
  }
  .ph__eyebrow::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #EDEF9D;
    flex-shrink: 0;
  }
  .ph__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(48px, 6vw, 84px);
    font-weight: 900;
    color: #ffffff;
    line-height: 0.92;
    letter-spacing: -0.05em;
    margin-bottom: 28px;
  }
  .ph__h em { font-style: italic; color: #EDEF9D; font-weight: 400; }
  .ph__sub {
    font-size: 17px;
    color: rgba(255,255,255,0.6);
    max-width: 580px;
    line-height: 1.8;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-weight: 300;
  }

  /* SECTION HEAD */
  .sh {
    margin-bottom: 64px;
    animation: fadeInUp 0.8s ease-out 0.2s both;
  }
  .sh__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #370F21;
    background: rgba(67, 125, 84, 0.1);
    padding: 8px 16px;
    border-radius: 100px;
    margin-bottom: 20px;
    border: 1px solid rgba(67, 125, 84, 0.15);
  }
  .sh h2 {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(36px, 4.5vw, 56px);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 0.95;
    margin-bottom: 18px;
    color: #0C0C0C;
  }
  .sh h2 em { font-style: italic; font-weight: 400; color: #EDEF9D; }
  .sh p {
    font-size: 15px;
    color: rgba(12,12,12,0.6);
    max-width: 560px;
    line-height: 1.8;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-weight: 300;
  }

  /* GOAL-BASED FILTER CHIPS */
  .pg-filters {
    margin-bottom: 36px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    animation: fadeInUp 0.8s ease-out 0.2s both;
  }
  .pg-filters__label {
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(12,12,12,0.45);
    margin-right: 6px;
  }
  .pg-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    border-radius: 100px;
    background: #ffffff;
    border: 1.5px solid rgba(12,12,12,0.1);
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: rgba(12,12,12,0.78);
    cursor: pointer;
    transition: all 0.22s ease;
    user-select: none;
  }
  .pg-chip:hover {
    border-color: #370F21;
    color: #370F21;
    transform: translateY(-1px);
  }
  .pg-chip.is-active {
    background: #370F21;
    border-color: #370F21;
    color: #EDEF9D;
  }
  .pg-quiz-rescue {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 20px;
    border-radius: 100px;
    background: linear-gradient(135deg, #6373EC 0%, #4d5ed6 100%);
    color: #ffffff;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 6px 16px rgba(99,115,236,0.25);
  }
  .pg-quiz-rescue:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(99,115,236,0.35);
  }
  @media (max-width: 768px) {
    .pg-filters { gap: 8px; }
    .pg-quiz-rescue { margin-left: 0; width: 100%; justify-content: center; }
    .pg-filters__label { width: 100%; margin-bottom: 4px; }
  }

  .prod-card.is-hidden { display: none !important; }

  /* Per-card secondary CTA — Ver detalles link */
  .prod-card__view {
    display: block;
    text-align: center;
    margin-top: 12px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(12,12,12,0.5);
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 100px;
    transition: all 0.2s ease;
    border: 1px solid transparent;
  }
  .prod-card__view:hover {
    color: #370F21;
    border-color: rgba(55,15,33,0.18);
  }

  /* PRODUCT GRID */
  .prods-section {
    padding: 100px 0;
    background: linear-gradient(180deg, #ffffff 0%, #fafaf8 100%);
    position: relative;
  }
  .prod-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-bottom: 80px;
    animation: fadeInUp 0.8s ease-out 0.3s both;
  }

  .prod-card {
    background: #ffffff;
    border: 1px solid rgba(12,12,12,0.06);
    border-radius: 24px;
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease, border-color 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .prod-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 72px rgba(12,12,12,0.14), 0 8px 20px rgba(12,12,12,0.08);
    border-color: rgba(12,12,12,0.1);
  }

  /* Per-product color accents */
  .prod-card--focus   { border-top: 4px solid #6373EC; }
  .prod-card--sleep   { border-top: 4px solid #370F21; }
  .prod-card--d3k2    { border-top: 4px solid #EDEF9D; }
  .prod-card--womens  { border-top: 4px solid #437D54; }
  .prod-card--fifty   { border-top: 4px solid #437D54; }

  .prod-card__img {
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.3s ease;
  }
  .prod-card--focus   .prod-card__img { background: linear-gradient(135deg, #f0f1fc 0%, #e8eaff 100%); }
  .prod-card--sleep   .prod-card__img { background: linear-gradient(135deg, #f5f0f2 0%, #f8eeef 100%); }
  .prod-card--d3k2    .prod-card__img { background: linear-gradient(135deg, #fafaf0 0%, #fefdf8 100%); }
  .prod-card--womens  .prod-card__img { background: linear-gradient(135deg, #f0f7f3 0%, #f8fcfa 100%); }
  .prod-card--fifty   .prod-card__img { background: linear-gradient(135deg, #f0f7f3 0%, #f8fcfa 100%); }

  .prod-card__img::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(0,0,0,0.025) 1px, transparent 1px);
    background-size: 12px 12px;
    pointer-events: none;
  }

  .prod-card__badge {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 7px 14px;
    border-radius: 100px;
    z-index: 2;
    font-family: 'Inter Tight', system-ui, sans-serif;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.3);
  }
  .prod-card--focus  .prod-card__badge { background: rgba(99, 115, 236, 0.95); color: #fff; }
  .prod-card--sleep  .prod-card__badge { background: rgba(55, 15, 33, 0.95); color: #fff; }
  .prod-card--d3k2   .prod-card__badge { background: rgba(237, 239, 157, 0.95); color: #370F21; }
  .prod-card--womens .prod-card__badge { background: rgba(67, 125, 84, 0.95); color: #fff; }
  .prod-card--fifty  .prod-card__badge { background: rgba(67, 125, 84, 0.95); color: #fff; }

  .prod-card__body {
    padding: 32px 28px 32px;
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .prod-card__sku {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(12,12,12,0.4);
    margin-bottom: 8px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .prod-card__name {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 26px;
    font-weight: 900;
    letter-spacing: -0.02em;
    margin-bottom: 6px;
    color: #0C0C0C;
    line-height: 1.1;
  }
  .prod-card__tagline {
    font-size: 14px;
    color: rgba(12,12,12,0.55);
    margin-bottom: 20px;
    line-height: 1.6;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-weight: 300;
  }
  .prod-card__benefits {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
    flex: 1;
  }
  .prod-card__benefit {
    font-size: 13px;
    color: rgba(12,12,12,0.7);
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    line-height: 1.5;
    font-weight: 300;
  }
  .prod-card__benefit::before {
    content: "◆";
    font-size: 5px;
    margin-top: 6px;
    flex-shrink: 0;
  }
  .prod-card--focus  .prod-card__benefit::before { color: #6373EC; }
  .prod-card--sleep  .prod-card__benefit::before { color: #370F21; }
  .prod-card--d3k2   .prod-card__benefit::before { color: #EDEF9D; }
  .prod-card--womens .prod-card__benefit::before { color: #437D54; }
  .prod-card--fifty  .prod-card__benefit::before { color: #437D54; }

  /* Sub toggle */
  .prod-card__sub-toggle {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 24px;
    padding: 14px;
    background: linear-gradient(135deg, rgba(237,239,157,0.06) 0%, rgba(67,125,84,0.04) 100%);
    border: 1px solid rgba(12,12,12,0.06);
    border-radius: 16px;
  }
  .sub-opt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 14px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.25s ease;
    font-size: 13px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    background: rgba(255,255,255,0.5);
    border: 1px solid transparent;
  }
  .sub-opt:hover:not(.sub-opt--active) {
    background: rgba(255,255,255,0.8);
    border-color: rgba(12,12,12,0.08);
  }
  .sub-opt--active {
    background: linear-gradient(135deg, #370F21 0%, #2A0B18 100%);
    color: #ffffff;
    box-shadow: 0 4px 16px rgba(55,15,33,0.25);
  }
  .sub-opt__price {
    font-weight: 700;
    letter-spacing: -0.02em;
  }
  .sub-opt__save {
    font-size: 10px;
    opacity: 0.75;
    margin-left: 6px;
    font-weight: 600;
  }

  /* CTA buttons per product */
  .prod-card__cta {
    width: 100%;
    text-align: center;
    padding: 14px 20px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: block;
    text-decoration: none;
    cursor: pointer;
    font-family: 'Inter Tight', system-ui, sans-serif;
    border: none;
    position: relative;
    overflow: hidden;
  }
  .prod-card__cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(255,255,255,0.3) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.25s ease;
  }
  .prod-card__cta:hover::before {
    opacity: 1;
  }
  .prod-card--focus  .prod-card__cta { background: linear-gradient(135deg, #6373EC 0%, #4d5ed6 100%); color: #fff; }
  .prod-card--focus  .prod-card__cta:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(99,115,236,0.35); }
  .prod-card--sleep  .prod-card__cta { background: linear-gradient(135deg, #370F21 0%, #2A0B18 100%); color: #fff; }
  .prod-card--sleep  .prod-card__cta:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(55,15,33,0.35); }
  .prod-card--d3k2   .prod-card__cta { background: linear-gradient(135deg, #0C0C0C 0%, #1a1a1a 100%); color: #fff; }
  .prod-card--d3k2   .prod-card__cta:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(12,12,12,0.35); }
  .prod-card--womens .prod-card__cta { background: linear-gradient(135deg, #437D54 0%, #366344 100%); color: #fff; }
  .prod-card--womens .prod-card__cta:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(67,125,84,0.35); }
  .prod-card--fifty  .prod-card__cta { background: linear-gradient(135deg, #437D54 0%, #366344 100%); color: #fff; }
  .prod-card--fifty  .prod-card__cta:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(67,125,84,0.35); }

  .prod-card__cta:disabled { opacity: 0.65; cursor: not-allowed; }

  .prod-card__ingredients {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 18px;
  }
  .ing-tag {
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 6px 11px;
    border: 1px solid rgba(12,12,12,0.08);
    border-radius: 100px;
    color: rgba(12,12,12,0.5);
    font-family: 'Inter Tight', system-ui, sans-serif;
    background: rgba(237,239,157,0.03);
    transition: all 0.2s ease;
  }
  .ing-tag:hover {
    background: rgba(237,239,157,0.08);
    border-color: rgba(237,239,157,0.3);
    color: rgba(12,12,12,0.65);
  }

  /* Subscription CTA block */
  .subs-cta-block {
    background: linear-gradient(135deg, #370F21 0%, #2A0B18 50%, #1a0810 100%);
    color: #ffffff;
    border-radius: 28px;
    padding: 72px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(237,239,157,0.1);
    animation: fadeInUp 0.8s ease-out 0.4s both;
  }
  .subs-cta-block::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(237,239,157,0.08) 1px, transparent 1px);
    background-size: 14px 14px;
    pointer-events: none;
  }
  .subs-cta-block::after {
    content: '';
    position: absolute;
    top: 0;
    right: -40%;
    width: 60%;
    height: 100%;
    background: radial-gradient(circle, rgba(237,239,157,0.1) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(60px);
    pointer-events: none;
  }
  .subs-cta-block__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(32px, 3.5vw, 44px);
    font-weight: 900;
    line-height: 1.0;
    letter-spacing: -0.04em;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
  }
  .subs-cta-block__h em { font-style: italic; color: #EDEF9D; font-weight: 400; }
  .subs-cta-block__sub {
    font-size: 15px;
    color: rgba(255,255,255,0.65);
    line-height: 1.8;
    max-width: 400px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-weight: 300;
    position: relative;
    z-index: 1;
  }
  .subs-cta-block__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
  }
  .subs-perks {
    display: flex;
    gap: 40px;
  }
  .subs-perk {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  .subs-perk__n {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 36px;
    font-weight: 900;
    color: #EDEF9D;
    line-height: 1;
    letter-spacing: -0.03em;
  }
  .subs-perk__l {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.5);
    text-align: center;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .pg-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
    text-decoration: none;
    border: none;
    font-family: 'Inter Tight', system-ui, sans-serif;
    position: relative;
    overflow: hidden;
  }
  .pg-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(255,255,255,0.4) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.25s ease;
  }
  .pg-btn:hover::before {
    opacity: 1;
  }
  .pg-btn--yellow {
    background: linear-gradient(135deg, #EDEF9D 0%, #e8ebb5 100%);
    color: #370F21;
  }
  .pg-btn--yellow:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(237,239,157,0.35);
  }

  /* Brand Image Sections */
  .brand-break {
    width: 100%;
    height: 340px;
    margin: 80px 0;
    border-radius: 24px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    position: relative;
    animation: fadeInUp 0.8s ease-out 0.5s both;
  }
  .brand-break::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(55,15,33,0.15) 0%, rgba(67,125,84,0.1) 100%);
    pointer-events: none;
  }

  @media (max-width: 1024px) {
    .pg-wrap { padding: 0 24px; }
    .prod-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
    .subs-cta-block { padding: 56px 48px; gap: 40px; }
    .subs-perks { gap: 28px; flex-wrap: wrap; }
  }
  @media (max-width: 768px) {
    .ph { padding: 80px 0 60px; }
    .prods-section { padding: 60px 0; }
    .prod-grid { grid-template-columns: 1fr; gap: 20px; margin-bottom: 60px; }
    .prod-card__img { height: 240px; }
    .subs-cta-block {
      flex-direction: column;
      align-items: flex-start;
      padding: 48px 36px;
      gap: 28px;
    }
    .subs-cta-block__right { align-items: flex-start; }
    .subs-perks { justify-content: flex-start; flex-direction: column; gap: 16px; }
    .pg-btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
    .sub-opt { min-height: 44px; }
  }
  @media (max-width: 640px) {
    .pg-wrap { padding: 0 16px; }
    .ph { padding: 60px 0 40px; }
    .ph__h { font-size: clamp(32px, 5vw, 48px); margin-bottom: 16px; }
    .ph__sub { font-size: 14px; }
    .sh h2 { font-size: clamp(28px, 4vw, 40px); }
    .prod-card__img { height: 200px; background-size: 75%; }
    .prod-card__body { padding: 24px 20px 24px; }
    .prod-card__name { font-size: 22px; }
    .subs-cta-block {
      padding: 36px 20px;
      gap: 24px;
      border-radius: 20px;
    }
    .subs-cta-block__h { font-size: clamp(24px, 5vw, 32px); }
    .subs-perk { align-items: flex-start; }
    .pg-btn { padding: 12px 24px; font-size: 10px; width: 100%; }
    .brand-break { height: 240px; margin: 60px 0; }
  }
  @media (max-width: 480px) {
    .pg-wrap { padding: 0 14px; }
    .ph { padding: 50px 0 32px; }
    .ph__h { font-size: clamp(28px, 6vw, 36px); }
    .ph__sub { font-size: 13px; }
    .prod-card__img { height: 180px; background-size: 80%; }
    .prod-card__body { padding: 20px 16px; }
    .prod-card__name { font-size: 20px; }
    .subs-cta-block { padding: 28px 16px; border-radius: 16px; }
    .subs-cta-block__h { font-size: clamp(22px, 5vw, 28px); }
    .pg-btn { padding: 13px 20px; font-size: 9px; min-height: 48px; }
    .brand-break { height: 200px; margin: 40px 0; }
  }
/* END_SECTION:noos-page-productos */

/* START_SECTION:noos-page-quiz (INDEX:19) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Inter+Tight:wght@300;400;500;600;700&display=swap');

  @keyframes fadeUp { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
  @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  @keyframes pulse { 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.04); } }

  .qz-wrap { max-width: 760px; margin: 0 auto; padding: 0 32px; }

  /* ── HERO ── */
  .qz-hero {
    background: linear-gradient(135deg, #0C0C0C 0%, #1a1a1a 100%);
    padding: 100px 0 80px;
    position: relative; overflow: hidden;
  }
  .qz-hero::before {
    content: ''; position: absolute; inset: 0;
    background-image: radial-gradient(circle, rgba(99,115,236,.08) 1px, transparent 1px);
    background-size: 22px 22px; pointer-events: none;
  }
  .qz-hero__inner { position: relative; z-index: 1; text-align: center; }
  .qz-hero__label {
    display: inline-block;
    font-size: 9px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase;
    color: #EDEF9D;
    background: rgba(237,239,157,.12);
    padding: 7px 18px; border-radius: 100px;
    margin-bottom: 24px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    border: 1px solid rgba(237,239,157,.2);
  }
  .qz-hero__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(40px, 6vw, 72px);
    font-weight: 900; letter-spacing: -.04em; line-height: 1.0;
    color: #ffffff; margin-bottom: 20px;
  }
  .qz-hero__h em { font-style: italic; color: #EDEF9D; font-weight: 400; }
  .qz-hero__sub {
    font-size: 17px; color: rgba(255,255,255,0.55);
    font-family: 'Inter Tight', system-ui, sans-serif;
    line-height: 1.8; margin-bottom: 40px; max-width: 500px; margin-left: auto; margin-right: auto;
  }
  .qz-steps-row {
    display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;
  }
  .qz-step-pill {
    display: flex; align-items: center; gap: 8px;
    padding: 9px 16px; border-radius: 100px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.05);
    font-size: 12px; color: rgba(255,255,255,.6);
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .qz-step-pill span { font-size: 10px; font-weight: 700; color: #EDEF9D; }

  /* ── QUIZ CONTAINER ── */
  .qz-container {
    background: #FFFFFF;
    padding: 80px 0 120px;
    min-height: 60vh;
  }

  /* Progress bar */
  .qz-progress {
    height: 4px; background: rgba(12,12,12,0.08);
    border-radius: 100px; margin-bottom: 52px;
    overflow: hidden;
  }
  .qz-progress__bar {
    height: 100%; background: linear-gradient(90deg, #6373EC, #EDEF9D);
    border-radius: 100px;
    transition: width .5s cubic-bezier(0.34,1.56,0.64,1);
    width: 0%;
  }

  /* Question card */
  .qz-question { display: none; animation: fadeUp .5s ease-out; }
  .qz-question.is-active { display: block; }

  .qz-q-meta {
    display: flex; align-items: center; gap: 14px; margin-bottom: 20px;
  }
  .qz-q-num {
    width: 32px; height: 32px; border-radius: 50%;
    background: #6373EC; color: #fff;
    font-size: 13px; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    font-family: 'Inter Tight', system-ui, sans-serif;
    flex-shrink: 0;
  }
  .qz-q-of {
    font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
    color: rgba(12,12,12,0.38);
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .qz-q-text {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(24px, 3.5vw, 36px);
    font-weight: 900; letter-spacing: -.03em; line-height: 1.1;
    color: #0C0C0C; margin-bottom: 8px;
  }
  .qz-q-sub {
    font-size: 15px; color: rgba(12,12,12,0.5);
    font-family: 'Inter Tight', system-ui, sans-serif;
    margin-bottom: 32px; line-height: 1.6;
  }

  /* Answer options */
  .qz-options { display: flex; flex-direction: column; gap: 12px; }
  .qz-opt {
    display: flex; align-items: center; gap: 18px;
    padding: 18px 22px; border-radius: 18px;
    border: 2px solid rgba(12,12,12,0.08);
    cursor: pointer;
    transition: all .22s cubic-bezier(0.34,1.56,0.64,1);
    background: #FAFAF8;
    user-select: none;
  }
  .qz-opt:hover { border-color: #6373EC; background: rgba(99,115,236,.04); transform: translateX(4px); }
  .qz-opt.is-selected { border-color: #6373EC; background: rgba(99,115,236,.08); }
  .qz-opt__icon {
    font-size: 26px; width: 48px; height: 48px;
    background: #FFFFFF; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; border: 1px solid rgba(12,12,12,0.07);
    transition: all .22s;
  }
  .qz-opt.is-selected .qz-opt__icon { background: #6373EC; border-color: #6373EC; }
  .qz-opt__text { flex: 1; }
  .qz-opt__label {
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 15px; font-weight: 600; color: #0C0C0C; margin-bottom: 3px;
  }
  .qz-opt__desc {
    font-size: 12px; color: rgba(12,12,12,0.5);
    font-family: 'Inter Tight', system-ui, sans-serif; line-height: 1.4;
  }
  .qz-opt__check {
    width: 22px; height: 22px; border-radius: 50%;
    border: 2px solid rgba(12,12,12,0.2);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; transition: all .22s; font-size: 12px; color: transparent;
  }
  .qz-opt.is-selected .qz-opt__check { background: #6373EC; border-color: #6373EC; color: #fff; }

  /* Navigation buttons */
  .qz-nav { display: flex; justify-content: space-between; align-items: center; margin-top: 36px; }
  .qz-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 14px 28px; border-radius: 100px;
    font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
    font-family: 'Inter Tight', system-ui, sans-serif;
    cursor: pointer; border: none; transition: all .25s cubic-bezier(0.34,1.56,0.64,1);
    min-height: 48px;
  }
  .qz-btn--next { background: #0C0C0C; color: #fff; }
  .qz-btn--next:hover { background: #6373EC; transform: translateX(4px); }
  .qz-btn--next:disabled { opacity: .4; cursor: not-allowed; transform: none; }
  .qz-btn--back { background: transparent; color: rgba(12,12,12,0.5); border: 2px solid rgba(12,12,12,0.12); }
  .qz-btn--back:hover { border-color: rgba(12,12,12,0.3); color: #0C0C0C; }

  /* ── RESULT SCREEN ── */
  .qz-result { display: none; animation: fadeUp .6s ease-out; }
  .qz-result.is-active { display: block; }

  .qz-result__header { text-align: center; margin-bottom: 48px; }
  .qz-result__badge {
    display: inline-block;
    background: #437D54; color: #EDEF9D;
    font-size: 9px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
    padding: 7px 18px; border-radius: 100px;
    margin-bottom: 20px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .qz-result__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(30px, 4vw, 44px); font-weight: 900;
    letter-spacing: -.035em; color: #0C0C0C; margin-bottom: 12px;
    line-height: 1.1;
  }
  .qz-result__h em { font-style: italic; color: #6373EC; font-weight: 400; }
  .qz-result__sub {
    font-size: 16px; color: rgba(12,12,12,0.55);
    font-family: 'Inter Tight', system-ui, sans-serif; line-height: 1.7;
  }

  .qz-product-card {
    display: grid; grid-template-columns: 260px 1fr;
    gap: 0; border-radius: 28px; overflow: hidden;
    border: 1px solid rgba(12,12,12,0.08);
    box-shadow: 0 16px 64px rgba(0,0,0,0.1);
    margin-bottom: 32px;
    animation: pulse 2s ease-in-out 1s 2;
  }
  .qz-product-img {
    background: linear-gradient(135deg, #F5F3EE 0%, #FAFAF8 100%);
    display: flex; align-items: center; justify-content: center;
    padding: 32px;
  }
  .qz-product-img img { width: 100%; max-width: 200px; object-fit: contain; }
  .qz-product-info {
    padding: 44px; display: flex; flex-direction: column; justify-content: center;
    background: #fff;
  }
  .qz-prod-cat {
    font-size: 9px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
    color: rgba(12,12,12,0.38); margin-bottom: 10px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .qz-prod-name {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(28px, 4vw, 40px); font-weight: 900;
    letter-spacing: -.04em; color: #0C0C0C; margin-bottom: 10px;
  }
  .qz-prod-tagline {
    font-size: 15px; color: rgba(12,12,12,0.6);
    font-family: 'Inter Tight', system-ui, sans-serif;
    line-height: 1.6; margin-bottom: 24px;
  }
  .qz-prod-price {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 32px; font-weight: 900; letter-spacing: -.03em;
    color: #370F21; margin-bottom: 24px;
  }
  .qz-prod-btns { display: flex; gap: 12px; flex-wrap: wrap; }
  .qz-prod-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 14px 24px; border-radius: 100px;
    font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
    font-family: 'Inter Tight', system-ui, sans-serif;
    cursor: pointer; border: none; transition: all .28s cubic-bezier(0.34,1.56,0.64,1);
    min-height: 48px; text-decoration: none;
  }
  .qz-prod-btn--main { background: #0C0C0C; color: #fff; flex: 1 1 240px; }
  .qz-prod-btn--main:hover { background: #6373EC; transform: translateY(-2px); }
  .qz-prod-btn--ghost {
    background: transparent; color: #0C0C0C;
    border: 2px solid rgba(12,12,12,0.18);
  }
  .qz-prod-btn--ghost:hover { border-color: #0C0C0C; }

  /* Proof strip under recommendation — removes hesitation at the moment of the ask */
  .qz-proof {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid rgba(12,12,12,0.08);
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  .qz-proof__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: rgba(12,12,12,0.65);
    letter-spacing: 0.04em;
  }
  .qz-proof__item::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #437D54;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 800;
    flex-shrink: 0;
  }
  .qz-proof__item--check::before { content: '✓'; }

  /* Why this product */
  .qz-why {
    background: linear-gradient(135deg, #F5F3EE 0%, #FAFAF8 100%);
    border-radius: 20px; padding: 32px; margin-bottom: 28px;
  }
  .qz-why__title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 18px; font-weight: 700; letter-spacing: -.02em;
    color: #0C0C0C; margin-bottom: 14px;
  }
  .qz-why-item {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 9px 0; border-bottom: 1px solid rgba(12,12,12,0.06);
    font-size: 14px; color: rgba(12,12,12,0.7);
    font-family: 'Inter Tight', system-ui, sans-serif; line-height: 1.5;
  }
  .qz-why-item:last-child { border-bottom: none; }
  .qz-why-dot { color: #437D54; font-weight: 700; flex-shrink: 0; margin-top: 1px; }

  .qz-retake {
    text-align: center;
  }
  .qz-retake a {
    font-size: 13px; color: rgba(12,12,12,0.45);
    font-family: 'Inter Tight', system-ui, sans-serif;
    text-decoration: underline; cursor: pointer;
    transition: color .2s;
  }
  .qz-retake a:hover { color: #370F21; }

  /* Mobile */
  @media (max-width: 768px) {
    .qz-hero { padding: 70px 0 60px; }
    .qz-hero__sub { font-size: 15px; }
    .qz-wrap { padding: 0 20px; }
    .qz-container { padding: 60px 0 100px; }
    .qz-product-card { grid-template-columns: 1fr; }
    .qz-product-img { padding: 28px; min-height: 220px; }
    .qz-product-info { padding: 32px 28px; }
    .qz-steps-row { gap: 8px; }
  }
  @media (max-width: 640px) {
    .qz-hero { padding: 60px 0 48px; }
    .qz-container { padding: 48px 0 80px; }
    .qz-opt { padding: 14px 16px; gap: 12px; }
    .qz-opt__icon { width: 40px; height: 40px; font-size: 20px; border-radius: 10px; }
    .qz-prod-btns { flex-direction: column; }
    .qz-prod-btn { width: 100%; justify-content: center; }
    .qz-product-info { padding: 24px 20px; }
    .qz-prod-name { font-size: clamp(24px, 5vw, 32px); }
    .qz-result__header { margin-bottom: 32px; }
  }
/* END_SECTION:noos-page-quiz */

/* START_SECTION:noos-page-resultados (INDEX:20) */
@keyframes fadeSlideUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
  .re-wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
  .re-label { font-size: 9px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
  .re-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 15px 32px; border-radius: 100px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; text-decoration: none; border: none; font-family: 'Inter Tight', system-ui, sans-serif; min-height: 44px; }
  .re-btn--burg { background: #370F21; color: #EDEF9D; box-shadow: 0 8px 16px rgba(55, 15, 33, 0.2); }
  .re-btn--burg:hover { transform: translateY(-2px); background: #2A0B18; box-shadow: 0 12px 24px rgba(55, 15, 33, 0.3); }
  .re-btn--outline { border: 1.5px solid #370F21; color: #370F21; background: transparent; box-shadow: none; }
  .re-btn--outline:hover { background: #370F21; color: #EDEF9D; }
  /* PAGE HERO */
  .phr { background-size: cover; background-position: right center; background-color: #6373EC; padding: 120px 0 100px; position: relative; overflow: hidden; }
  .phr::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #6373EC 0%, #6373EC 42%, transparent 68%);
    z-index: 1;
    pointer-events: none;
  }
  .phr__inner { position: relative; z-index: 2; animation: fadeSlideUp 0.8s ease-out; }
  .phr__label { color: rgba(255,255,255,0.5); margin-bottom: 18px; font-size: 9px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
  .phr__h { font-family: 'Fraunces', Georgia, serif; font-size: clamp(42px, 6vw, 76px); font-weight: 900; color: #F5F3EE; line-height: 1.05; letter-spacing: -.035em; margin-bottom: 24px; }
  .phr__h em { font-style: italic; color: #EDEF9D; font-weight: 400; }
  .phr__sub { font-size: 17px; color: rgba(255,255,255,0.6); max-width: 560px; line-height: 1.8; margin-bottom: 40px; font-family: 'Inter Tight', system-ui, sans-serif; }
  /* SECTION HEAD */
  .shr { margin-bottom: 64px; }
  .shr__meta { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
  .shr__line { flex: 1; max-width: 60px; height: 2px; background: #370F21; }
  .shr h2 { font-family: 'Fraunces', Georgia, serif; font-size: clamp(34px, 4vw, 54px); font-weight: 900; letter-spacing: -.035em; line-height: 1.08; margin-bottom: 16px; }
  .shr h2 em { font-style: italic; font-weight: 400; color: #370F21; }
  /* RESULTS */
  .results-section2 { padding: 120px 0; background: #FFFFFF; }
  .results-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(12,12,12,0.08); border: 1px solid rgba(12,12,12,0.08); border-radius: 24px; overflow: hidden; margin-bottom: 100px; box-shadow: 0 4px 20px rgba(0,0,0,0.04); }
  .results-stat { background: #F5F3EE; padding: 40px 28px; text-align: center; animation: fadeSlideUp 0.6s ease-out; transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1); }
  .results-stat:hover { background: #FAFAF8; }
  .results-stat__n { font-family: 'Fraunces', Georgia, serif; font-size: 48px; font-weight: 900; color: #370F21; letter-spacing: -.03em; line-height: 1; margin-bottom: 12px; }
  .results-stat__l { font-size: 13px; color: #6B6459; line-height: 1.6; font-family: 'Inter Tight', system-ui, sans-serif; font-weight: 500; }
  .results-featured { background: linear-gradient(135deg, #370F21 0%, #2A0B18 100%); color: #F5F3EE; border-radius: 24px; padding: 56px; display: flex; gap: 48px; align-items: center; margin-bottom: 80px; position: relative; overflow: hidden; box-shadow: 0 12px 40px rgba(55, 15, 33, 0.15); animation: fadeSlideUp 0.8s ease-out; }
  .results-featured__dots { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,.07) 1.5px, transparent 1.5px); background-size: 18px 18px; pointer-events: none; opacity: .5; }
  .results-featured__quote { font-family: 'Fraunces', Georgia, serif; font-size: clamp(22px, 2.8vw, 32px); font-style: italic; font-weight: 400; line-height: 1.5; color: #EDEF9D; flex: 1; position: relative; z-index: 1; }
  .results-featured__author { flex-shrink: 0; text-align: center; position: relative; z-index: 1; }
  .results-featured__av { width: 72px; height: 72px; border-radius: 50%; background: rgba(255,255,255,.15); display: flex; align-items: center; justify-content: center; font-family: 'Fraunces', Georgia, serif; font-size: 28px; font-weight: 900; margin: 0 auto 12px; }
  .results-featured__name { font-weight: 700; font-size: 15px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .results-featured__meta { font-size: 12px; color: rgba(255,255,255,.6); margin-top: 4px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .results-featured__prod { font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; background: #EDEF9D; color: #0C0C0C; padding: 5px 12px; border-radius: 100px; display: inline-block; margin-top: 12px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-bottom: 80px; }
  .review2 { background: #F5F3EE; border-radius: 24px; padding: 36px; display: flex; flex-direction: column; gap: 18px; transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1); animation: fadeSlideUp 0.6s ease-out; border: 1px solid rgba(12,12,12,0.05); }
  .review2:hover { box-shadow: 0 12px 32px rgba(0,0,0,0.08); transform: translateY(-4px); }
  .review2__stars { color: #370F21; font-size: 15px; letter-spacing: 3px; }
  .review2__text { font-family: 'Fraunces', Georgia, serif; font-size: 15px; line-height: 1.8; color: #0C0C0C; font-style: italic; font-weight: 400; flex: 1; }
  .review2__author { display: flex; align-items: center; gap: 14px; }
  .review2__av { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, #370F21 0%, #2A0B18 100%); color: #EDEF9D; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; flex-shrink: 0; }
  .review2__name { font-weight: 600; font-size: 14px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .review2__meta { font-size: 12px; color: #6B6459; margin-top: 2px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .review2__prod { display: inline-block; font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; background: #370F21; color: #EDEF9D; padding: 4px 10px; border-radius: 100px; margin-top: 6px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .cta-results { background: linear-gradient(135deg, #F5F3EE 0%, #FAFAF8 100%); border-radius: 24px; padding: 72px 60px; text-align: center; border: 1px solid rgba(12,12,12,0.05); box-shadow: 0 8px 32px rgba(0,0,0,0.06); animation: fadeSlideUp 0.8s ease-out; }
  .cta-results h2 { font-family: 'Fraunces', Georgia, serif; font-size: clamp(32px, 4vw, 48px); font-weight: 900; letter-spacing: -.035em; margin-bottom: 20px; color: #0C0C0C; }
  .cta-results h2 em { font-style: italic; font-weight: 400; color: #370F21; }
  .cta-results p { color: #6B6459; max-width: 480px; margin: 0 auto 40px; line-height: 1.8; font-family: 'Inter Tight', system-ui, sans-serif; font-size: 16px; }

  @media (max-width: 1024px) {
    .re-wrap { padding: 0 32px; }
    .reviews-grid { grid-template-columns: repeat(2, 1fr); }
    .results-stats { grid-template-columns: repeat(2, 1fr); }
    .results-featured { flex-direction: column; gap: 32px; padding: 48px; }
    .phr { padding: 100px 0 80px; }
    .results-section2 { padding: 80px 0; }
  }
  @media (max-width: 768px) {
    .re-wrap { padding: 0 24px; }
    .phr { padding: 80px 0 60px; }
    .phr__label { margin-bottom: 16px; font-size: 8px; }
    .phr__h { font-size: clamp(32px, 6vw, 56px); margin-bottom: 16px; }
    .phr__sub { font-size: 15px; margin-bottom: 32px; }
    .re-btn { padding: 13px 26px; font-size: 10px; }
    .shr { margin-bottom: 50px; }
    .shr h2 { font-size: clamp(28px, 4vw, 42px); }
    .results-stats { grid-template-columns: repeat(2, 1fr); gap: 0; margin-bottom: 60px; }
    .results-stat { padding: 32px 24px; }
    .results-stat__n { font-size: 40px; margin-bottom: 10px; }
    .results-stat__l { font-size: 12px; }
    .results-featured { gap: 32px; padding: 40px; border-radius: 20px; margin-bottom: 60px; }
    .results-featured__quote { font-size: clamp(18px, 2.5vw, 28px); }
    .results-featured__av { width: 60px; height: 60px; font-size: 24px; margin-bottom: 10px; }
    .results-featured__name { font-size: 13px; }
    .results-featured__meta { font-size: 11px; }
    .results-featured__prod { font-size: 8px; padding: 4px 10px; }
    .reviews-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 60px; }
    .review2 { padding: 28px; border-radius: 16px; }
    .review2__stars { font-size: 13px; }
    .review2__text { font-size: 13px; }
    .review2__av { width: 38px; height: 38px; font-size: 12px; }
    .review2__name { font-size: 12px; }
    .review2__meta { font-size: 11px; }
    .review2__prod { font-size: 8px; }
    .cta-results { padding: 50px 40px; border-radius: 16px; }
    .cta-results h2 { font-size: clamp(28px, 3.5vw, 40px); margin-bottom: 16px; }
    .cta-results p { font-size: 14px; margin-bottom: 32px; }
    .results-section2 { padding: 80px 0; }
  }
  @media (max-width: 640px) {
    .re-wrap { padding: 0 16px; }
    .phr { padding: 60px 0 40px; }
    .phr__label { margin-bottom: 12px; font-size: 8px; }
    .phr__h { font-size: clamp(28px, 5vw, 44px); margin-bottom: 14px; }
    .phr__sub { font-size: 14px; margin-bottom: 24px; }
    .re-btn { padding: 12px 24px; font-size: 10px; min-height: 40px; }
    .shr { margin-bottom: 36px; }
    .shr__meta { margin-bottom: 12px; }
    .shr h2 { font-size: clamp(24px, 5vw, 36px); margin-bottom: 12px; }
    .results-stats { grid-template-columns: 1fr; gap: 0; margin-bottom: 50px; }
    .results-stat { padding: 24px 20px; border-radius: 0; }
    .results-stat__n { font-size: 36px; }
    .results-stat__l { font-size: 11px; }
    .results-featured { gap: 20px; padding: 32px 20px; margin-bottom: 50px; border-radius: 16px; }
    .results-featured__quote { font-size: clamp(16px, 2.5vw, 24px); line-height: 1.4; }
    .results-featured__author { text-align: center; }
    .results-featured__av { width: 54px; height: 54px; font-size: 20px; }
    .results-featured__name { font-size: 12px; }
    .results-featured__meta { font-size: 10px; }
    .reviews-grid { grid-template-columns: 1fr; gap: 16px; margin-bottom: 50px; }
    .review2 { padding: 20px; gap: 14px; border-radius: 16px; }
    .review2__stars { font-size: 12px; }
    .review2__text { font-size: 12px; }
    .review2__av { width: 36px; height: 36px; font-size: 11px; }
    .review2__name { font-size: 11px; }
    .review2__meta { font-size: 10px; }
    .cta-results { padding: 40px 24px; margin-top: 50px; border-radius: 16px; }
    .cta-results h2 { font-size: clamp(24px, 5vw, 36px); margin-bottom: 12px; }
    .cta-results p { font-size: 13px; margin-bottom: 24px; }
    .results-section2 { padding: 60px 0; }
  }
  @media (max-width: 480px) {
    .re-wrap { padding: 0 14px; }
    .phr { padding: 50px 0 32px; }
    .phr__h { font-size: clamp(24px, 5vw, 36px); }
    .phr__sub { font-size: 13px; }
    .re-btn { padding: 10px 20px; font-size: 9px; }
    .shr h2 { font-size: clamp(22px, 5vw, 32px); }
    .results-stat__n { font-size: 32px; }
    .results-stat__l { font-size: 10px; }
    .results-featured__quote { font-size: clamp(14px, 2.5vw, 20px); }
    .results-featured__av { width: 48px; height: 48px; font-size: 18px; }
    .review2__text { font-size: 11px; }
    .review2__av { width: 32px; height: 32px; font-size: 10px; }
    .cta-results { padding: 32px 16px; }
    .cta-results h2 { font-size: clamp(20px, 5vw, 32px); }
    .cta-results p { font-size: 12px; }
  }
/* END_SECTION:noos-page-resultados */

/* START_SECTION:noos-page-stacks (INDEX:21) */
* { box-sizing: border-box; }
  .sp-wrap { padding: 0 40px; max-width: 1400px; margin: 0 auto; }
  .sp-label { font-size: 9px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }

  /* ANIMATIONS */
  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  @keyframes scaleIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
  }

  /* PAGE HERO - REDESIGNED */
  .ph2 { padding: 60px 0 40px; position: relative; overflow: hidden; background-size: cover; background-position: right center; background-color: #6373EC; }
  .ph2::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #6373EC 0%, #6373EC 42%, transparent 68%);
    z-index: 1;
    pointer-events: none;
  }
  .ph2__inner { position: relative; z-index: 2; }
  .ph2__label { color: rgba(255,255,255,0.5); margin-bottom: 16px; font-size: 9px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; animation: fadeInUp 0.6s ease-out; }
  .ph2__h { font-family: 'Fraunces', Georgia, serif; font-size: clamp(42px, 6vw, 72px); font-weight: 900; color: #F5F3EE; line-height: 1.0; letter-spacing: -.03em; margin-bottom: 24px; animation: fadeInUp 0.6s ease-out 0.1s backwards; }
  .ph2__h em { font-style: italic; color: #EDEF9D; font-weight: 400; }
  .ph2__sub { font-size: 16px; color: rgba(255,255,255,0.6); max-width: 540px; line-height: 1.8; margin-bottom: 48px; animation: fadeInUp 0.6s ease-out 0.2s backwards; }

  /* LIFESTYLE SECTION */
  .lifestyle-section { padding: 80px 0; position: relative; }
  .lifestyle-content { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
  .lifestyle-image { border-radius: 24px; overflow: hidden; animation: fadeInUp 0.8s ease-out; }
  .lifestyle-image img { width: 100%; height: auto; display: block; }
  .lifestyle-text { animation: fadeInUp 0.8s ease-out 0.2s backwards; }
  .lifestyle-text h3 { font-family: 'Fraunces', Georgia, serif; font-size: clamp(32px, 4vw, 48px); font-weight: 900; letter-spacing: -.03em; margin-bottom: 20px; line-height: 1.1; }
  .lifestyle-text p { font-size: 16px; line-height: 1.8; color: #6B6459; margin-bottom: 24px; }

  /* SECTION HEAD */
  .sh2 { margin-bottom: 60px; }
  .sh2__meta { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
  .sh2__line { flex: 1; max-width: 60px; height: 1.5px; background: rgba(12,12,12,0.15); }
  .sh2 h2 { font-family: 'Fraunces', Georgia, serif; font-size: clamp(36px, 4.2vw, 56px); font-weight: 900; letter-spacing: -.03em; line-height: 1.05; margin-bottom: 18px; }
  .sh2 h2 em { font-style: italic; font-weight: 400; }
  .sh2 p { font-size: 16px; color: #6B6459; max-width: 580px; line-height: 1.8; }

  /* STACKS */
  .stacks-section2 { padding: 100px 0; position: relative; background: linear-gradient(to bottom, #FAFAF8, #F5F3EE); }
  .stacks-section2::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(99,115,236,.02) 1px, transparent 1px); background-size: 24px 24px; pointer-events: none; }
  .stack-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; margin-bottom: 80px; position: relative; z-index: 1; }
  .stack-card { border-radius: 24px; overflow: hidden; position: relative; min-height: 520px; display: flex; flex-direction: column; justify-content: flex-end; box-shadow: 0 8px 32px rgba(0,0,0,0.08); transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); animation: scaleIn 0.6s ease-out; }
  .stack-card:hover { transform: translateY(-8px); box-shadow: 0 20px 48px rgba(0,0,0,0.12); }
  .stack-card__bg-text { position: absolute; font-family: 'Fraunces', Georgia, serif; font-size: 180px; font-weight: 900; top: -40px; right: -20px; line-height: 1; opacity: .06; pointer-events: none; letter-spacing: -.05em; }
  .stack-card__dots { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,.04) 0.9px, transparent 0.9px); background-size: 10px 10px; pointer-events: none; z-index: 2; }
  .stack-card__bg-text { z-index: 2; }
  .stack-card__content { position: relative; z-index: 3; }
  .stack-card__dots--light { background-image: radial-gradient(circle, rgba(0,0,0,.02) 0.9px, transparent 0.9px); }
  .stack-card__content { position: relative; z-index: 2; padding: 48px; }
  .stack-card__tag { display: inline-block; font-size: 8.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; padding: 6px 16px; border-radius: 100px; margin-bottom: 16px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .stack-card__name { font-family: 'Fraunces', Georgia, serif; font-size: clamp(30px, 3.2vw, 42px); font-weight: 900; letter-spacing: -.03em; line-height: 1.05; margin-bottom: 12px; }
  .stack-card__prods { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 24px; opacity: .65; font-family: 'Inter Tight', system-ui, sans-serif; }
  .stack-card__why { font-size: 15px; line-height: 1.75; margin-bottom: 32px; opacity: .8; max-width: 400px; }
  .stack-card__pricing { display: flex; align-items: center; gap: 18px; margin-bottom: 28px; }
  .stack-card__price { font-family: 'Fraunces', Georgia, serif; font-size: 32px; font-weight: 900; letter-spacing: -.02em; }
  .stack-card__was { font-size: 14px; opacity: .4; text-decoration: line-through; }
  .stack-card__save { font-size: 9.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; padding: 5px 14px; border-radius: 100px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .stack-card__cta { display: inline-block; padding: 14px 32px; border-radius: 100px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: all 0.28s cubic-bezier(0.34, 1.56, 0.64, 1); text-decoration: none; font-family: 'Inter Tight', system-ui, sans-serif; border: 2px solid transparent; cursor: pointer; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

  /* CARD THEMES */
  .stack-card { background-size: cover; background-position: center top; }
  .stack-card--dark { background-color: #0C0C0C; color: #F5F3EE; }
  .stack-card--dark::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(12,12,12,0.35) 0%, rgba(12,12,12,0.65) 55%, rgba(12,12,12,0.93) 100%); z-index: 1; pointer-events: none; }
  .stack-card--dark .stack-card__tag { background: #EDEF9D; color: #0C0C0C; }
  .stack-card--dark .stack-card__save { background: #EDEF9D; color: #0C0C0C; }
  .stack-card--dark .stack-card__cta { background: #F5F3EE; color: #0C0C0C; }
  .stack-card--dark .stack-card__cta:hover { background: #EDEF9D; transform: translateY(-3px); }

  .stack-card--burg { background-color: #370F21; color: #F5F3EE; }
  .stack-card--burg::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(55,15,33,0.35) 0%, rgba(55,15,33,0.65) 55%, rgba(55,15,33,0.93) 100%); z-index: 1; pointer-events: none; }
  .stack-card--burg .stack-card__tag { background: rgba(237,239,157,.2); color: #F5F3EE; }
  .stack-card--burg .stack-card__save { background: #EDEF9D; color: #0C0C0C; }
  .stack-card--burg .stack-card__cta { background: #EDEF9D; color: #0C0C0C; }
  .stack-card--burg .stack-card__cta:hover { background: #F5F3EE; transform: translateY(-3px); }

  .stack-card--cream { background-color: #EDEAE2; color: #0C0C0C; }
  .stack-card--cream::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(237,234,226,0.25) 0%, rgba(237,234,226,0.6) 55%, rgba(237,234,226,0.95) 100%); z-index: 1; pointer-events: none; }
  .stack-card--cream .stack-card__dots { background-image: radial-gradient(circle, rgba(0,0,0,.02) 0.9px, transparent 0.9px); }
  .stack-card--cream .stack-card__tag { background: #370F21; color: #F5F3EE; }
  .stack-card--cream .stack-card__save { background: #370F21; color: #F5F3EE; }
  .stack-card--cream .stack-card__cta { background: #0C0C0C; color: #F5F3EE; border: 2px solid #0C0C0C; }
  .stack-card--cream .stack-card__cta:hover { background: #370F21; border-color: #370F21; transform: translateY(-3px); }

  .stack-card--green { background-color: #1f4028; color: #F5F3EE; }
  .stack-card--green::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(31,64,40,0.35) 0%, rgba(31,64,40,0.65) 55%, rgba(31,64,40,0.93) 100%); z-index: 1; pointer-events: none; }
  .stack-card--green .stack-card__tag { background: #437D54; color: #F5F3EE; }
  .stack-card--green .stack-card__save { background: #EDEF9D; color: #0C0C0C; }
  .stack-card--green .stack-card__cta { background: #EDEF9D; color: #0C0C0C; }
  .stack-card--green .stack-card__cta:hover { background: #F5F3EE; transform: translateY(-3px); }
  .stack-card__view {
    display: block;
    margin-top: 10px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .08em;
    text-align: center;
    color: rgba(245,243,238,0.5);
    text-decoration: none;
    font-family: 'Inter Tight', system-ui, sans-serif;
    transition: color .2s;
  }
  .stack-card__view:hover { color: rgba(245,243,238,0.85); }
  .stack-card--cream .stack-card__view { color: rgba(12,12,12,0.4); }
  .stack-card--cream .stack-card__view:hover { color: rgba(12,12,12,0.7); }

  /* COMMERCIAL MODEL EXPLAINER — separates stacks (one-time) from individual products (subscription) */
  .stacks-explainer {
    background: linear-gradient(135deg, #370F21 0%, #2A0B18 100%);
    color: #F5F3EE;
    border-radius: 24px;
    padding: 36px 40px;
    margin-bottom: 48px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: stretch;
    position: relative;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(55, 15, 33, 0.18);
  }
  .stacks-explainer::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(237,239,157,0.05) 1.2px, transparent 1.2px);
    background-size: 18px 18px;
    pointer-events: none;
  }
  .stacks-explainer__col {
    position: relative;
    z-index: 1;
    padding: 8px 4px;
  }
  .stacks-explainer__col--right {
    border-left: 1px solid rgba(237,239,157,0.18);
    padding-left: 28px;
  }
  .stacks-explainer__tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter Tight', sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #EDEF9D;
    background: rgba(237,239,157,0.12);
    padding: 6px 14px;
    border-radius: 100px;
    margin-bottom: 14px;
    border: 1px solid rgba(237,239,157,0.2);
  }
  .stacks-explainer__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(20px, 2.4vw, 26px);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 8px;
    color: #F5F3EE;
  }
  .stacks-explainer__h em {
    color: #EDEF9D;
    font-style: italic;
    font-weight: 400;
  }
  .stacks-explainer__body {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: rgba(245,243,238,0.7);
  }
  @media (max-width: 768px) {
    .stacks-explainer {
      grid-template-columns: 1fr;
      gap: 20px;
      padding: 28px 24px;
    }
    .stacks-explainer__col--right {
      border-left: none;
      border-top: 1px solid rgba(237,239,157,0.18);
      padding-left: 0;
      padding-top: 20px;
    }
    .stacks-explainer__h { font-size: 20px; }
    .stacks-explainer__body { font-size: 13px; }
  }

  /* PROTOCOL */
  .protocol2 { background: linear-gradient(135deg, #0C0C0C 0%, #1a1a1a 100%); color: #F5F3EE; padding: 100px 0; position: relative; overflow: hidden; }
  .protocol2::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(237,239,157,.03) 1px, transparent 1px); background-size: 24px 24px; pointer-events: none; }
  .protocol2__dots { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,.04) 1.2px, transparent 1.2px); background-size: 14px 14px; pointer-events: none; }
  .protocol2__inner { position: relative; z-index: 2; }
  .protocol2__split { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 64px; }
  .protocol2__side { padding: 48px; border: 1.5px solid rgba(237,239,157,.15); border-radius: 24px; background: rgba(237,239,157,.03); backdrop-filter: blur(10px); transition: all 0.3s ease; }
  .protocol2__side:hover { border-color: rgba(237,239,157,.25); background: rgba(237,239,157,.05); transform: translateY(-4px); }
  .protocol2__time { font-size: 9px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #EDEF9D; margin-bottom: 16px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .protocol2__side-h { font-family: 'Fraunces', Georgia, serif; font-size: clamp(28px, 3.5vw, 36px); font-weight: 900; letter-spacing: -.02em; margin-bottom: 32px; line-height: 1.1; }
  .protocol2__items { display: flex; flex-direction: column; gap: 18px; }
  .protocol2__item { display: flex; align-items: flex-start; gap: 18px; padding: 20px; background: rgba(255,255,255,.06); border-radius: 16px; transition: all 0.3s ease; border: 1px solid rgba(255,255,255,.05); }
  .protocol2__item:hover { background: rgba(255,255,255,.09); transform: translateX(4px); }
  .protocol2__item-icon { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; }
  .protocol2__item-name { font-weight: 700; font-size: 15px; margin-bottom: 4px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .protocol2__item-desc { font-size: 13px; color: rgba(255,255,255,.55); font-family: 'Inter Tight', system-ui, sans-serif; line-height: 1.6; }
  .protocol2__cta { text-align: center; margin-top: 64px; }

  /* BUTTONS */
  .sp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 32px; border-radius: 100px; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: all 0.28s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; text-decoration: none; border: 2px solid transparent; font-family: 'Inter Tight', system-ui, sans-serif; min-height: 44px; }
  .sp-btn--yellow { background: #EDEF9D; color: #0C0C0C; }
  .sp-btn--yellow:hover { background: #F5F3EE; transform: translateY(-3px); }
  .sp-btn--outline-w { border: 2px solid rgba(255,255,255,.4); color: #F5F3EE; background: transparent; }
  .sp-btn--outline-w:hover { border-color: #F5F3EE; background: rgba(237,239,157,.08); transform: translateY(-3px); }

  /* RESPONSIVE */
  @media (max-width: 1024px) {
    .sp-wrap { padding: 0 32px; }
    .stack-grid { grid-template-columns: 1fr; }
    .protocol2__split { grid-template-columns: 1fr; }
    .lifestyle-content { grid-template-columns: 1fr; gap: 40px; }
  }
  @media (max-width: 768px) {
    .sp-wrap { padding: 0 24px; }
    .ph2 { padding: 50px 0 30px; }
    .ph2__sub { margin-bottom: 36px; font-size: 15px; }
    .stack-card { min-height: 420px; }
    .stack-card__content { padding: 28px; }
    .stack-card__bg-text { font-size: 120px; top: -30px; right: -10px; }
    .stack-card__name { font-size: clamp(24px, 5vw, 32px); }
    .stack-card__pricing { flex-wrap: wrap; gap: 12px; }
    .protocol2__split { margin-top: 48px; }
    .protocol2__side { padding: 28px; }
    .protocol2__item { padding: 16px; gap: 14px; }
    .lifestyle-text p { font-size: 15px; }
    .sh2 h2 { font-size: clamp(28px, 3.5vw, 42px); }
    .sh2 p { font-size: 14px; }
    .stacks-section2 { padding: 60px 0; }
  }
  @media (max-width: 640px) {
    .sp-wrap { padding: 0 16px; }
    .ph2 { padding: 40px 0 24px; }
    .ph2__h { font-size: clamp(32px, 6vw, 48px); margin-bottom: 16px; }
    .ph2__sub { margin-bottom: 28px; font-size: 14px; }
    .lifestyle-section { padding: 50px 0; }
    .lifestyle-text h3 { font-size: clamp(24px, 4vw, 36px); margin-bottom: 16px; }
    .lifestyle-text p { font-size: 14px; margin-bottom: 18px; }
    .sp-btn { padding: 12px 24px; font-size: 10px; min-height: 40px; }
    .stack-card { min-height: 380px; margin-bottom: 20px; }
    .stack-card__content { padding: 20px; }
    .stack-card__bg-text { font-size: 80px; display: none; }
    .stack-card__name { font-size: clamp(20px, 5vw, 28px); margin-bottom: 8px; }
    .stack-card__tag { font-size: 7px; padding: 4px 12px; }
    .stack-card__prods { font-size: 10px; margin-bottom: 16px; }
    .stack-card__why { font-size: 13px; margin-bottom: 20px; }
    .stack-card__price { font-size: 24px; }
    .stack-card__pricing { gap: 10px; margin-bottom: 20px; }
    .protocol2 { padding: 60px 0; }
    .protocol2__side { padding: 20px; border-radius: 16px; }
    .protocol2__side-h { font-size: clamp(20px, 3vw, 28px); margin-bottom: 20px; }
    .protocol2__item-icon { width: 40px; height: 40px; font-size: 18px; }
    .protocol2__item-name { font-size: 13px; }
    .protocol2__item-desc { font-size: 12px; }
    .protocol2__cta { margin-top: 40px; }
    .sh2 { margin-bottom: 40px; }
    .sh2__meta { margin-bottom: 16px; }
    .sh2__line { max-width: 50px; }
    .sh2 h2 { font-size: clamp(24px, 5vw, 36px); margin-bottom: 12px; }
    .sh2 p { font-size: 13px; }
    .stacks-section2 { padding: 40px 0; }
  }
  @media (max-width: 480px) {
    .sp-wrap { padding: 0 14px; }
    .ph2 { padding: 32px 0 20px; }
    .ph2__label { margin-bottom: 12px; font-size: 8px; }
    .ph2__h { font-size: clamp(28px, 6vw, 40px); line-height: 1.1; margin-bottom: 12px; }
    .ph2__sub { font-size: 13px; margin-bottom: 20px; line-height: 1.6; }
    .lifestyle-section { padding: 40px 0; }
    .lifestyle-text h3 { font-size: clamp(20px, 4vw, 28px); margin-bottom: 12px; }
    .lifestyle-text p { font-size: 13px; margin-bottom: 14px; }
    .sp-btn { padding: 10px 20px; font-size: 9px; }
    .stack-card { min-height: 340px; }
    .stack-card__content { padding: 16px; }
    .stack-card__name { font-size: clamp(18px, 5vw, 24px); }
    .stack-card__why { font-size: 12px; line-height: 1.6; }
    .stack-card__was { font-size: 12px; }
    .stack-card__price { font-size: 20px; }
    .stack-card__cta { font-size: 9px; padding: 10px 20px; }
    .protocol2 { padding: 40px 0; }
    .protocol2__side { padding: 16px; }
    .protocol2__time { font-size: 8px; }
    .protocol2__side-h { font-size: clamp(18px, 3vw, 24px); margin-bottom: 16px; }
    .protocol2__item { padding: 14px; }
    .protocol2__item-icon { width: 36px; height: 36px; font-size: 16px; }
    .protocol2__item-name { font-size: 12px; }
    .protocol2__item-desc { font-size: 11px; }
    .sh2 h2 { font-size: clamp(22px, 5vw, 32px); }
    .sh2 p { font-size: 12px; }
    .stacks-section2 { padding: 32px 0; }
  }
/* END_SECTION:noos-page-stacks */

/* START_SECTION:noos-page-suscripcion (INDEX:22) */
@keyframes fadeSlideUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
  .su-wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
  .su-label { font-size: 9px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
  .su-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 15px 32px; border-radius: 100px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; text-decoration: none; border: none; font-family: 'Inter Tight', system-ui, sans-serif; min-height: 44px; }
  .su-btn--yellow { background: #EDEF9D; color: #0C0C0C; box-shadow: 0 8px 16px rgba(237, 239, 157, 0.2); }
  .su-btn--yellow:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(237, 239, 157, 0.3); }
  .su-btn--burg { background: #EDEF9D; color: #0C0C0C; box-shadow: 0 8px 16px rgba(237, 239, 157, 0.2); }
  .su-btn--burg:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(237, 239, 157, 0.3); }
  /* PRODUCT CARDS */
  .sub-products { padding: 80px 0 0; background: #F5F3EE; }
  .sub-products__head { text-align: center; margin-bottom: 56px; }
  .sub-products__eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 9px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #370F21; background: rgba(55,15,33,0.07); padding: 6px 14px; border-radius: 100px; margin-bottom: 18px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .sub-products__h { font-family: 'Fraunces', Georgia, serif; font-size: clamp(32px, 4vw, 48px); font-weight: 900; letter-spacing: -.035em; color: #0C0C0C; line-height: 1.1; margin-bottom: 12px; }
  .sub-products__h em { font-style: italic; color: #370F21; font-weight: 500; }
  .sub-products__sub { font-size: 15px; color: #6B6459; font-family: 'Inter Tight', system-ui, sans-serif; }
  .sub-products__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
  .sub-prod-card { background: #FFFFFF; border-radius: 24px; padding: 28px 22px 22px; border: 1.5px solid rgba(12,12,12,0.06); display: flex; flex-direction: column; gap: 16px; transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1); animation: fadeSlideUp 0.6s ease-out; position: relative; overflow: hidden; }
  .sub-prod-card:hover { border-color: #370F21; transform: translateY(-6px); box-shadow: 0 16px 48px rgba(55,15,33,0.12); }
  .sub-prod-card__badge { position: absolute; top: 14px; right: 14px; background: #EDEF9D; color: #0C0C0C; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; padding: 4px 9px; border-radius: 100px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .sub-prod-card__icon { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 26px; }
  .sub-prod-card__name { font-family: 'Fraunces', Georgia, serif; font-size: 20px; font-weight: 900; letter-spacing: -.02em; color: #0C0C0C; }
  .sub-prod-card__desc { font-size: 12px; color: #6B6459; line-height: 1.6; font-family: 'Inter Tight', system-ui, sans-serif; flex: 1; }
  .sub-prod-card__pricing { display: flex; flex-direction: column; gap: 4px; }
  .sub-prod-card__retail { font-size: 12px; color: rgba(12,12,12,0.35); text-decoration: line-through; font-family: 'Inter Tight', system-ui, sans-serif; }
  .sub-prod-card__sub-price { font-size: 22px; font-weight: 800; color: #370F21; font-family: 'Fraunces', Georgia, serif; letter-spacing: -.02em; }
  .sub-prod-card__sub-price span { font-size: 12px; font-weight: 500; color: #6B6459; font-family: 'Inter Tight', system-ui, sans-serif; }
  .sub-prod-card__save { font-size: 11px; color: #437D54; font-weight: 700; font-family: 'Inter Tight', system-ui, sans-serif; }
  .sub-prod-card__cta { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 20px; border-radius: 50px; background: #370F21; color: #EDEF9D; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; transition: all .25s ease; font-family: 'Inter Tight', system-ui, sans-serif; box-shadow: 0 6px 16px rgba(55,15,33,0.2); }
  .sub-prod-card__cta:hover { background: #2A0B18; box-shadow: 0 10px 24px rgba(55,15,33,0.28); transform: translateY(-1px); }
  .sub-products__note { text-align: center; margin-top: 32px; padding-bottom: 80px; font-size: 12px; color: rgba(12,12,12,0.4); font-family: 'Inter Tight', system-ui, sans-serif; }
  @media (max-width: 1024px) {
    .sub-products__grid { grid-template-columns: repeat(3, 1fr); }
  }
  @media (max-width: 768px) {
    .sub-products { padding: 60px 0 0; }
    .sub-products__head { margin-bottom: 40px; }
    .sub-products__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .sub-prod-card { padding: 22px 18px 18px; }
    .sub-prod-card__name { font-size: 17px; }
    .sub-prod-card__sub-price { font-size: 20px; }
  }
  @media (max-width: 640px) {
    .sub-products__grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .sub-prod-card { padding: 18px 14px 16px; gap: 12px; }
    .sub-prod-card__desc { font-size: 11px; }
    .sub-products__note { padding-bottom: 60px; }
  }
  @media (max-width: 480px) {
    .sub-products__grid { grid-template-columns: 1fr; }
    .sub-prod-card { flex-direction: row; align-items: flex-start; }
    .sub-prod-card__icon { flex-shrink: 0; }
  }
  /* PAGE HERO */
  .phs { background-size: cover; background-position: right center; background-color: #6373EC; padding: 120px 0 100px; position: relative; overflow: hidden; }
  .phs::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #6373EC 0%, #6373EC 42%, transparent 68%);
    z-index: 1;
    pointer-events: none;
  }
  .phs__inner { position: relative; z-index: 2; animation: fadeSlideUp 0.8s ease-out; }
  .phs__label { color: rgba(255,255,255,0.5); margin-bottom: 18px; font-size: 9px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
  .phs__h { font-family: 'Fraunces', Georgia, serif; font-size: clamp(42px, 6vw, 76px); font-weight: 900; color: #F5F3EE; line-height: 1.05; letter-spacing: -.035em; margin-bottom: 24px; }
  .phs__h em { font-style: italic; color: #EDEF9D; font-weight: 400; }
  .phs__sub { font-size: 17px; color: rgba(255,255,255,0.6); max-width: 540px; line-height: 1.8; margin-bottom: 40px; font-family: 'Inter Tight', system-ui, sans-serif; }
  /* SECTION HEAD */
  .shs { margin-bottom: 64px; }
  .shs__meta { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
  .shs__line { flex: 1; max-width: 60px; height: 2px; background: #370F21; }
  .shs h2 { font-family: 'Fraunces', Georgia, serif; font-size: clamp(34px, 4vw, 54px); font-weight: 900; letter-spacing: -.035em; line-height: 1.08; margin-bottom: 16px; }
  .shs h2 em { font-style: italic; font-weight: 400; color: #370F21; }
  /* SUBSCRIPTION */
  .sub-section2 { padding: 120px 0; background: #FFFFFF; }
  .sub-how { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(12,12,12,0.08); border: 1px solid rgba(12,12,12,0.08); border-radius: 24px; overflow: hidden; margin-bottom: 100px; box-shadow: 0 4px 20px rgba(0,0,0,0.04); }
  .sub-step { background: #F5F3EE; padding: 48px 40px; position: relative; transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1); animation: fadeSlideUp 0.6s ease-out; }
  .sub-step__n { font-family: 'Fraunces', Georgia, serif; font-size: 88px; font-weight: 900; color: rgba(55, 15, 33, .08); line-height: 1; position: absolute; top: 12px; right: 16px; }
  .sub-step__icon { font-size: 36px; margin-bottom: 20px; }
  .sub-step__title { font-family: 'Fraunces', Georgia, serif; font-size: 21px; font-weight: 700; letter-spacing: -.02em; margin-bottom: 12px; color: #0C0C0C; }
  .sub-step__desc { font-size: 15px; color: #6B6459; line-height: 1.75; font-family: 'Inter Tight', system-ui, sans-serif; }
  .sub-benefits { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; margin-bottom: 100px; }
  .sub-benefit { border: 1px solid rgba(12,12,12,0.08); border-radius: 24px; padding: 36px; display: flex; gap: 22px; align-items: flex-start; transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1); animation: fadeSlideUp 0.6s ease-out; }
  .sub-benefit:hover { border-color: #370F21; box-shadow: 0 12px 32px rgba(55, 15, 33, 0.1); transform: translateY(-4px); }
  .sub-benefit__icon { width: 54px; height: 54px; border-radius: 14px; background: linear-gradient(135deg, #370F21 0%, #2A0B18 100%); color: #EDEF9D; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
  .sub-benefit__title { font-family: 'Fraunces', Georgia, serif; font-size: 19px; font-weight: 700; letter-spacing: -.02em; margin-bottom: 10px; color: #0C0C0C; }
  .sub-benefit__desc { font-size: 15px; color: #6B6459; line-height: 1.75; font-family: 'Inter Tight', system-ui, sans-serif; }
  .sub-calc { background: linear-gradient(135deg, #370F21 0%, #2A0B18 100%); color: #F5F3EE; border-radius: 24px; padding: 64px; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; margin-bottom: 100px; position: relative; overflow: hidden; box-shadow: 0 12px 40px rgba(55, 15, 33, 0.15); }
  .sub-calc__dots { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,.07) 1.5px, transparent 1.5px); background-size: 18px 18px; pointer-events: none; opacity: .5; }
  .sub-calc__h { font-family: 'Fraunces', Georgia, serif; font-size: clamp(28px, 3.2vw, 40px); font-weight: 900; letter-spacing: -.025em; line-height: 1.15; margin-bottom: 20px; }
  .sub-calc__h em { color: #EDEF9D; font-style: italic; font-weight: 400; }
  .sub-calc__sub { font-size: 15px; color: rgba(255,255,255,.6); line-height: 1.8; font-family: 'Inter Tight', system-ui, sans-serif; }
  .sub-table { width: 100%; border-collapse: collapse; position: relative; z-index: 1; font-family: 'Inter Tight', system-ui, sans-serif; }
  .sub-table th { font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.4); padding: 12px 18px; text-align: left; }
  .sub-table td { padding: 16px 18px; font-size: 15px; border-top: 1px solid rgba(255,255,255,.1); }
  .sub-table .td-product { font-weight: 600; }
  .sub-table .td-retail { color: rgba(255,255,255,.45); text-decoration: line-through; }
  .sub-table .td-sub { color: #EDEF9D; font-weight: 700; }
  .sub-table .td-save { font-size: 11px; background: rgba(237, 239, 157, .2); color: #EDEF9D; padding: 4px 10px; border-radius: 100px; white-space: nowrap; }
  .sub-table tfoot td { border-top: 2px solid rgba(255,255,255,.2); font-weight: 700; font-size: 15px; padding: 16px 18px; }
  .sub-faq { margin-bottom: 100px; }
  .sub-faq-item { border-bottom: 1px solid rgba(12,12,12,0.08); }
  .sub-faq-q { padding: 28px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; }
  .sub-faq-q h3 { font-size: 17px; font-weight: 600; letter-spacing: -.01em; font-family: 'Fraunces', Georgia, serif; color: #0C0C0C; }
  .sub-faq-q__icon { font-size: 22px; color: #370F21; flex-shrink: 0; font-weight: 300; }
  .sub-faq-a { font-size: 15px; color: #6B6459; line-height: 1.8; padding-bottom: 24px; font-family: 'Inter Tight', system-ui, sans-serif; }
  .sub-hero-cta { background: linear-gradient(135deg, #F5F3EE 0%, #FAFAF8 100%); border-radius: 24px; padding: 72px 60px; text-align: center; border: 1px solid rgba(12,12,12,0.05); box-shadow: 0 8px 32px rgba(0,0,0,0.06); animation: fadeSlideUp 0.8s ease-out; }
  .sub-hero-cta h2 { font-family: 'Fraunces', Georgia, serif; font-size: clamp(32px, 4vw, 48px); font-weight: 900; letter-spacing: -.035em; margin-bottom: 20px; color: #0C0C0C; }
  .sub-hero-cta h2 em { font-style: italic; font-weight: 400; color: #370F21; }
  .sub-hero-cta p { color: #6B6459; max-width: 520px; margin: 0 auto 40px; line-height: 1.8; font-family: 'Inter Tight', system-ui, sans-serif; font-size: 16px; }

  @media (max-width: 1024px) {
    .su-wrap { padding: 0 32px; }
    .sub-how { grid-template-columns: 1fr; }
    .sub-benefits { grid-template-columns: 1fr; }
    .sub-calc { grid-template-columns: 1fr; gap: 40px; padding: 48px; }
    .phs { padding: 100px 0 80px; }
    .sub-section2 { padding: 80px 0; }
  }
  @media (max-width: 768px) {
    .su-wrap { padding: 0 24px; }
    .phs { padding: 80px 0 60px; }
    .phs__label { margin-bottom: 16px; font-size: 8px; }
    .phs__h { font-size: clamp(32px, 6vw, 56px); margin-bottom: 16px; }
    .phs__sub { font-size: 15px; margin-bottom: 32px; }
    .su-btn { padding: 13px 26px; font-size: 10px; }
    .shs { margin-bottom: 50px; }
    .shs h2 { font-size: clamp(28px, 4vw, 42px); }
    .sub-how { gap: 0; border-radius: 16px; margin-bottom: 60px; }
    .sub-step { padding: 36px 28px; }
    .sub-step__n { font-size: 64px; }
    .sub-step__icon { font-size: 32px; margin-bottom: 16px; }
    .sub-step__title { font-size: 18px; }
    .sub-step__desc { font-size: 14px; }
    .sub-benefits { gap: 16px; margin-bottom: 60px; }
    .sub-benefit { padding: 28px; gap: 16px; border-radius: 16px; }
    .sub-benefit__icon { width: 48px; height: 48px; font-size: 20px; }
    .sub-benefit__title { font-size: 16px; }
    .sub-benefit__desc { font-size: 13px; }
    .sub-calc { padding: 48px; gap: 40px; border-radius: 16px; margin-bottom: 60px; }
    .sub-calc__h { font-size: clamp(24px, 3vw, 36px); margin-bottom: 16px; }
    .sub-calc__sub { font-size: 14px; }
    .sub-table { font-size: 12px; }
    .sub-table th { font-size: 8px; padding: 10px 12px; }
    .sub-table td { padding: 12px 12px; font-size: 12px; }
    .sub-faq { margin-bottom: 60px; }
    .sub-faq-q { padding: 20px 0; }
    .sub-faq-q h3 { font-size: 15px; }
    .sub-faq-a { font-size: 13px; padding-bottom: 16px; }
    .sub-hero-cta { padding: 50px 40px; border-radius: 16px; }
    .sub-hero-cta h2 { font-size: clamp(28px, 3.5vw, 40px); margin-bottom: 16px; }
    .sub-hero-cta p { font-size: 14px; margin-bottom: 32px; }
    .sub-section2 { padding: 80px 0; }
  }
  @media (max-width: 640px) {
    .su-wrap { padding: 0 16px; }
    .phs { padding: 60px 0 40px; }
    .phs__h { font-size: clamp(28px, 5vw, 44px); margin-bottom: 14px; }
    .phs__sub { font-size: 14px; margin-bottom: 28px; }
    .su-btn { padding: 12px 24px; font-size: 10px; min-height: 40px; }
    .shs { margin-bottom: 36px; }
    .shs__meta { margin-bottom: 12px; }
    .shs h2 { font-size: clamp(24px, 5vw, 36px); margin-bottom: 12px; }
    .sub-how { gap: 0; margin-bottom: 50px; }
    .sub-step { padding: 28px 20px; }
    .sub-step__n { font-size: 48px; top: 8px; right: 12px; }
    .sub-step__icon { font-size: 28px; }
    .sub-step__title { font-size: 15px; }
    .sub-step__desc { font-size: 12px; }
    .sub-benefits { gap: 12px; margin-bottom: 50px; }
    .sub-benefit { padding: 20px; gap: 14px; }
    .sub-benefit__icon { width: 44px; height: 44px; font-size: 18px; }
    .sub-benefit__title { font-size: 14px; }
    .sub-benefit__desc { font-size: 12px; }
    .sub-calc { padding: 36px 24px; gap: 24px; margin-bottom: 50px; }
    .sub-calc__h { font-size: clamp(22px, 4vw, 32px); margin-bottom: 12px; }
    .sub-calc__sub { font-size: 13px; }
    .sub-table { font-size: 11px; }
    .sub-table th { font-size: 7px; padding: 8px 10px; }
    .sub-table td { padding: 10px 8px; font-size: 11px; }
    .sub-faq-q { padding: 16px 0; }
    .sub-faq-q h3 { font-size: 14px; }
    .sub-faq-a { font-size: 12px; padding-bottom: 12px; }
    .sub-hero-cta { padding: 40px 24px; margin-top: 50px; border-radius: 16px; }
    .sub-hero-cta h2 { font-size: clamp(24px, 5vw, 36px); margin-bottom: 12px; }
    .sub-hero-cta p { font-size: 13px; margin-bottom: 24px; }
    .sub-section2 { padding: 60px 0; }
  }
  @media (max-width: 480px) {
    .su-wrap { padding: 0 14px; }
    .phs { padding: 50px 0 32px; }
    .phs__h { font-size: clamp(24px, 5vw, 36px); }
    .phs__sub { font-size: 13px; }
    .su-btn { padding: 10px 20px; font-size: 9px; }
    .shs h2 { font-size: clamp(22px, 5vw, 32px); }
    .sub-step { padding: 20px 16px; }
    .sub-step__n { font-size: 40px; }
    .sub-step__icon { font-size: 24px; }
    .sub-step__title { font-size: 14px; }
    .sub-benefit__title { font-size: 12px; }
    .sub-benefit__desc { font-size: 11px; }
    .sub-hero-cta { padding: 32px 16px; }
    .sub-hero-cta h2 { font-size: clamp(20px, 5vw, 32px); }
    .sub-hero-cta p { font-size: 12px; }
  }
/* END_SECTION:noos-page-suscripcion */

/* START_SECTION:noos-pillars (INDEX:23) */
.pillars {
    background: #370F21;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
  }
  .pillars__dots {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(226,223,130,0.05) 1.2px, transparent 1.2px);
    background-size: 14px 14px;
  }
  .pillars__wrap {
    position: relative;
    z-index: 1;
    padding: 0 40px;
  }
  .pillars__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
  }
  .pillars__mark {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .isotipo-img {
    width: 180px;
    height: 180px;
    display: block;
    animation: isotipo-float 3s ease-in-out infinite;
  }
  @keyframes isotipo-float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
  }
  .merch-image {
    position: absolute;
    bottom: -20px;
    right: -30px;
    width: 160px;
    height: 160px;
    object-fit: cover;
    opacity: 0.9;
    filter: drop-shadow(0 16px 32px rgba(0,0,0,0.3));
    animation: merch-slide-in 0.8s ease-out 0.2s both;
  }
  @keyframes merch-slide-in {
    from {
      opacity: 0;
      transform: translateY(20px) translateX(-20px);
    }
    to {
      opacity: 0.9;
      transform: translateY(0) translateX(0);
    }
  }
  .pillars__label {
    color: rgba(255,255,255,0.4);
    margin-bottom: 16px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
  }
  .pillars__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(36px, 4vw, 52px);
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.03em;
    line-height: 1.08;
    margin-bottom: 32px;
  }
  .pillars__h em {
    font-style: italic;
    color: #EDEF9D;
    font-weight: 400;
  }
  .pillars__chain {
    color: #EDEF9D;
    margin-bottom: 32px;
  }
  .pill-chain {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: center;
  }
  .pill-chain__item {
    display: flex;
    align-items: center;
    gap: 0;
    animation: pill-fade-in 0.6s ease-out backwards;
  }
  .pill-chain__item:nth-child(1) { animation-delay: 0s; }
  .pill-chain__item:nth-child(2) { animation-delay: 0.1s; }
  .pill-chain__item:nth-child(3) { animation-delay: 0.2s; }
  .pill-chain__item:nth-child(4) { animation-delay: 0.3s; }
  @keyframes pill-fade-in {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .pill-chain__tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 8px 16px;
    border-radius: 50px;
    border: 1.5px solid currentColor;
    transition: all 0.3s ease;
    cursor: default;
    min-height: 44px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }
  .pill-chain__tag:hover {
    background: rgba(237,239,157,0.15);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(237,239,157,0.2);
  }
  .pill-chain__dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    margin: 0 8px;
    opacity: 0.6;
    flex-shrink: 0;
  }
  .pillars__body {
    font-size: 15px;
    color: rgba(255,255,255,0.65);
    line-height: 1.85;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-weight: 400;
  }

  /* Tablet: 768px breakpoint */
  @media (max-width: 768px) {
    .pillars {
      padding: 80px 0;
    }
    .pillars__wrap {
      padding: 0 24px;
    }
    .pillars__inner {
      grid-template-columns: 1fr;
      gap: 48px;
    }
    .pillars__label {
      font-size: 8px;
      margin-bottom: 14px;
      letter-spacing: 0.2em;
    }
    .pillars__h {
      font-size: clamp(32px, 3.5vw, 44px);
      margin-bottom: 28px;
    }
    .pillars__mark {
      margin-bottom: 16px;
    }
    .isotipo-img {
      width: 140px;
      height: 140px;
    }
    .merch-image {
      position: relative;
      bottom: auto;
      right: auto;
      width: 120px;
      height: 120px;
      margin-top: 16px;
    }
    .pill-chain__tag {
      font-size: 9px;
      padding: 7px 14px;
      min-height: 40px;
    }
    .pill-chain__dot {
      margin: 0 6px;
    }
    .pillars__body {
      font-size: 14px;
      line-height: 1.8;
    }
  }

  /* Mobile: 640px breakpoint */
  @media (max-width: 640px) {
    .pillars {
      padding: 60px 0;
    }
    .pillars__wrap {
      padding: 0 16px;
    }
    .pillars__inner {
      gap: 36px;
    }
    .pillars__label {
      font-size: 7px;
      margin-bottom: 12px;
      letter-spacing: 0.18em;
    }
    .pillars__h {
      font-size: clamp(28px, 3vw, 38px);
      margin-bottom: 24px;
      line-height: 1.1;
    }
    .pillars__mark {
      margin-bottom: 12px;
    }
    .isotipo-img {
      width: 120px;
      height: 120px;
    }
    @keyframes isotipo-float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-6px); }
    }
    .merch-image {
      width: 100px;
      height: 100px;
      filter: drop-shadow(0 12px 24px rgba(0,0,0,0.25));
    }
    .pillars__chain {
      margin-bottom: 24px;
    }
    .pill-chain {
      gap: 4px;
    }
    .pill-chain__tag {
      font-size: 8px;
      padding: 6px 12px;
      min-height: 44px;
      letter-spacing: 0.1em;
    }
    .pill-chain__dot {
      width: 4px;
      height: 4px;
      margin: 0 5px;
    }
    .pillars__body {
      font-size: 13px;
      line-height: 1.7;
    }
  }

  /* Small phones: 480px breakpoint */
  @media (max-width: 480px) {
    .pillars {
      padding: 50px 0;
    }
    .pillars__wrap {
      padding: 0 12px;
    }
    .pillars__inner {
      gap: 28px;
    }
    .pillars__label {
      font-size: 6px;
      margin-bottom: 10px;
      letter-spacing: 0.15em;
    }
    .pillars__h {
      font-size: clamp(24px, 2.5vw, 32px);
      margin-bottom: 20px;
    }
    .isotipo-img {
      width: 100px;
      height: 100px;
    }
    .merch-image {
      width: 80px;
      height: 80px;
    }
    .pill-chain__tag {
      font-size: 7px;
      padding: 5px 10px;
      min-height: 40px;
    }
    .pill-chain__dot {
      width: 3px;
      height: 3px;
      margin: 0 4px;
    }
    .pillars__body {
      font-size: 12px;
      line-height: 1.6;
    }
  }

  /* Desktop: existing 1024px breakpoint for overrides */
  @media (max-width: 1024px) {
    .pillars {
      padding: 80px 0;
    }
    .pillars__inner {
      grid-template-columns: 1fr;
      gap: 48px;
    }
    .pillars__mark {
      margin-bottom: 16px;
    }
    .pillars__wrap {
      padding: 0 20px;
    }
    .merch-image {
      position: relative;
      bottom: auto;
      right: auto;
      width: 140px;
      height: 140px;
      margin-top: 16px;
    }
  }
/* END_SECTION:noos-pillars */

/* START_SECTION:noos-products (INDEX:24) */
@keyframes slideInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .products {
    padding: 100px 0;
    background: #ffffff;
  }
  .products__wrap { padding: 0 40px; }

  .section-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #370F21;
    background: rgba(99, 115, 236, 0.08);
    padding: 8px 16px;
    border-radius: 100px;
    margin-bottom: 24px;
  }
  .section-label::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #6373EC;
    opacity: 0.7;
  }

  .section-head {
    margin-bottom: 72px;
    position: relative;
  }
  .section-head::after {
    content: '';
    position: absolute;
    bottom: -36px;
    left: 0;
    width: 60px;
    height: 3px;
    background: #6373EC;
    border-radius: 3px;
  }
  .section-head h2 {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(38px, 4.5vw, 60px);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1.1;
    color: #0C0C0C;
  }
  .section-head h2 em {
    font-style: italic;
    font-weight: 400;
    color: #370F21;
    font-family: 'Fraunces', Georgia, serif;
  }
  .section-head p {
    margin-top: 20px;
    font-size: clamp(13px, 2.5vw, 14px);
    color: rgba(12,12,12,0.6);
    max-width: 480px;
    line-height: 1.8;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  .products__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 20px;
  }
  .products__grid--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: calc(66.66% + 10px);
    margin: 0 auto;
  }

  .pcard {
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(12,12,12,0.06);
    background: #fff;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    animation: slideInUp 0.6s ease-out forwards;
    opacity: 0;
    padding: 0;
    position: relative;
  }
  .pcard__link {
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
  }

  .products__grid .pcard:nth-child(1) { animation-delay: 0.1s; }
  .products__grid .pcard:nth-child(2) { animation-delay: 0.2s; }
  .products__grid .pcard:nth-child(3) { animation-delay: 0.3s; }
  .products__grid--2 .pcard:nth-child(1) { animation-delay: 0.4s; }
  .products__grid--2 .pcard:nth-child(2) { animation-delay: 0.5s; }

  .pcard:hover {
    transform: translateY(-8px);
    box-shadow: 0 4px 12px rgba(12,12,12,0.08), 0 20px 48px rgba(12,12,12,0.12);
  }

  .pcard__accent {
    height: 5px;
    width: 100%;
    flex-shrink: 0;
    border-radius: 0 0 3px 3px;
  }
  .pcard--focus     .pcard__accent { background: #6373EC; }
  .pcard--sleep     .pcard__accent { background: #370F21; }
  .pcard--longevity .pcard__accent { background: #437D54; }
  .pcard--womens    .pcard__accent { background: linear-gradient(90deg,#370F21,#EDEF9D); }
  .pcard--d3k2      .pcard__accent { background: #EDEF9D; }

  .pcard__vis {
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
  }
  .pcard--focus     .pcard__vis { background-color: #f0f1fc; }
  .pcard--sleep     .pcard__vis { background-color: #f5f0f2; }
  .pcard--longevity .pcard__vis { background-color: #f0f5f1; }
  .pcard--womens    .pcard__vis { background-color: #fafaf0; }
  .pcard--d3k2      .pcard__vis { background-color: #fafaf0; }

  .pcard__vis::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(0,0,0,0.08) 1.5px, transparent 1.5px);
    background-size: 10px 10px;
    pointer-events: none;
  }

  .pcard__badge {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 7px 14px;
    border-radius: 100px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }
  .pcard--focus     .pcard__badge { background: #6373EC; color: #ffffff; }
  .pcard--sleep     .pcard__badge { background: #370F21; color: #ffffff; }
  .pcard--longevity .pcard__badge { background: #437D54; color: #ffffff; }
  .pcard--womens    .pcard__badge { background: #370F21; color: #EDEF9D; }
  .pcard--d3k2      .pcard__badge { background: #EDEF9D; color: #370F21; }

  .pcard__body { padding: 28px 26px 26px; display: flex; flex-direction: column; flex: 1; }
  .pcard__top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; }
  .pcard__name {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(20px, 5vw, 24px);
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0C0C0C;
    line-height: 1.2;
  }
  .pcard__price {
    font-size: clamp(16px, 4vw, 18px);
    font-weight: 700;
    color: #370F21;
    font-variant-numeric: tabular-nums;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .pcard__desc {
    font-size: clamp(12px, 2.5vw, 13px);
    line-height: 1.7;
    color: rgba(12,12,12,0.55);
    margin-bottom: 18px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    flex: 1;
  }

  .pill-chain {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 20px;
    align-items: center;
  }
  .pill-tag {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 100px;
    border: 1px solid currentColor;
    font-family: 'Inter Tight', system-ui, sans-serif;
    transition: all 0.2s ease;
  }
  .pcard--focus     .pill-tag { color: #6373EC; }
  .pcard--sleep     .pill-tag { color: #370F21; }
  .pcard--longevity .pill-tag { color: #437D54; }
  .pcard--womens    .pill-tag { color: #370F21; }
  .pcard--d3k2      .pill-tag { color: rgba(12,12,12,0.45); }

  .pcard:hover .pill-tag {
    background: currentColor;
    color: #ffffff;
  }
  .pcard--womens:hover .pill-tag {
    background: #370F21;
    color: #EDEF9D;
  }
  .pcard--d3k2:hover .pill-tag {
    background: rgba(12,12,12,0.45);
    color: #ffffff;
  }

  .pcard__trust {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: rgba(12,12,12,0.5);
    margin-bottom: 12px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .pcard__trust::before {
    content: '✓';
    color: #437D54;
    font-weight: 800;
    font-size: 11px;
  }
  .pcard__actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
  }
  .pcard__cta {
    text-align: center;
    padding: 13px 24px;
    border-radius: 100px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
    font-family: 'Inter Tight', system-ui, sans-serif;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    text-decoration: none;
  }
  .pcard__cta--ghost {
    background: transparent !important;
    border: 1.5px solid rgba(12,12,12,0.18) !important;
    color: rgba(12,12,12,0.65) !important;
    box-shadow: none !important;
    font-size: 9.5px;
    transition: all 0.25s ease;
  }
  .pcard__cta--ghost:hover {
    border-color: rgba(12,12,12,0.5) !important;
    color: #0C0C0C !important;
    transform: none !important;
    box-shadow: none !important;
  }
  .pcard__cta::after {
    content: '';
    position: absolute;
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateX(-4px);
  }

  .pcard--focus     .pcard__cta { background: #6373EC; color: #ffffff; }
  .pcard--focus     .pcard__cta:hover {
    background: #5360d9;
    box-shadow: 0 8px 20px rgba(99, 115, 236, 0.3);
    transform: scale(1.02);
  }
  .pcard--focus     .pcard__cta:hover::after { transform: translateX(4px); }

  .pcard--sleep     .pcard__cta { background: #370F21; color: #ffffff; }
  .pcard--sleep     .pcard__cta:hover {
    background: #2A0B18;
    box-shadow: 0 8px 20px rgba(55, 15, 33, 0.3);
    transform: scale(1.02);
  }
  .pcard--sleep     .pcard__cta:hover::after { transform: translateX(4px); }

  .pcard--longevity .pcard__cta { background: #437D54; color: #ffffff; }
  .pcard--longevity .pcard__cta:hover {
    background: #3a6b48;
    box-shadow: 0 8px 20px rgba(67, 125, 84, 0.3);
    transform: scale(1.02);
  }
  .pcard--longevity .pcard__cta:hover::after { transform: translateX(4px); }

  .pcard--womens    .pcard__cta { background: #370F21; color: #EDEF9D; }
  .pcard--womens    .pcard__cta:hover {
    background: #2A0B18;
    box-shadow: 0 8px 20px rgba(55, 15, 33, 0.3);
    transform: scale(1.02);
  }
  .pcard--womens    .pcard__cta:hover::after { transform: translateX(4px); }

  .pcard--d3k2      .pcard__cta { background: #0C0C0C; color: #ffffff; }
  .pcard--d3k2      .pcard__cta:hover {
    background: #370F21;
    box-shadow: 0 8px 20px rgba(12, 12, 12, 0.3);
    transform: scale(1.02);
  }
  .pcard--d3k2      .pcard__cta:hover::after { transform: translateX(4px); }

  /* Desktop: 1024px and above */
  @media (max-width: 1024px) {
    .products__grid { grid-template-columns: 1fr 1fr; }
    .products__grid--2 { max-width: 100%; grid-template-columns: 1fr 1fr; }
  }

  /* Tablet: 768px to 1024px */
  @media (max-width: 768px) {
    .products {
      padding: 80px 0;
    }
    .products__wrap { padding: 0 32px; }
    .section-head {
      margin-bottom: 56px;
    }
    .section-head::after {
      bottom: -28px;
    }
    .pcard__body {
      padding: 24px 22px 22px;
    }
    .pcard__vis {
      height: 240px;
    }
    .products__grid {
      grid-template-columns: 1fr 1fr;
      gap: 18px;
    }
    .products__grid--2 {
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      max-width: 100%;
    }
  }

  /* Mobile: 640px to 768px */
  @media (max-width: 640px) {
    .products {
      padding: 60px 0;
    }
    .products__wrap { padding: 0 20px; }
    .section-head {
      margin-bottom: 48px;
    }
    .section-head::after {
      bottom: -24px;
    }
    .pcard__body {
      padding: 20px 18px 18px;
    }
    .pcard__vis {
      height: 220px;
    }
    .pcard {
      border-radius: 18px;
    }
    .products__grid,
    .products__grid--2 {
      grid-template-columns: 1fr;
      gap: 16px;
    }
    .products__grid--2 { max-width: 100%; }
    .pcard__badge {
      top: 12px;
      right: 12px;
      font-size: 8px;
      padding: 6px 12px;
    }
  }

  /* Small phones: 480px to 640px */
  @media (max-width: 480px) {
    .products {
      padding: 48px 0;
    }
    .products__wrap { padding: 0 16px; }
    .section-head {
      margin-bottom: 40px;
    }
    .section-head::after {
      bottom: -20px;
      width: 50px;
    }
    .section-label {
      font-size: 8px;
      padding: 6px 12px;
      margin-bottom: 20px;
    }
    .pcard__body {
      padding: 18px 16px 16px;
    }
    .pcard__vis {
      height: 200px;
    }
    .pcard {
      border-radius: 16px;
    }
    .pcard__badge {
      top: 10px;
      right: 10px;
      font-size: 7px;
      padding: 5px 10px;
    }
    .pill-chain {
      gap: 6px;
      margin-bottom: 16px;
    }
    .pill-tag {
      font-size: 8px;
      padding: 5px 12px;
    }
  }
/* END_SECTION:noos-products */

/* START_SECTION:noos-quiz (INDEX:25) */
.quiz {
    background: #437D54;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
  }
  .quiz__dots {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(255,255,255,0.07) 1.2px, transparent 1.2px);
    background-size: 14px 14px;
  }
  .quiz__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 60px;
    align-items: center;
    padding: 0 40px;
  }
  .quiz__label { color: rgba(255,255,255,0.5); margin-bottom: 12px; font-family: 'Inter Tight', system-ui, sans-serif; font-size: 9px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; }
  .quiz__headline {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(32px, 3.8vw, 50px);
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.03em;
    line-height: 1.05;
    margin-bottom: 16px;
  }
  .quiz__headline em { font-style: italic; color: #EDEF9D; font-weight: 400; }
  .quiz__sub { font-size: 14px; color: rgba(255,255,255,0.6); margin-bottom: 32px; max-width: 460px; line-height: 1.7; }
  .quiz__cta-row { display: flex; gap: 14px; align-items: center; }
  .quiz__note { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.3); font-family: 'Inter Tight', system-ui, sans-serif; }
  .quiz__steps {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 240px;
  }
  .quiz__step {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 18px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    color: #ffffff;
  }
  .quiz__step-n {
    width: 24px; height: 24px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    display: flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: 700;
    flex-shrink: 0;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .quiz__step-t { font-size: 12px; font-weight: 500; font-family: 'Inter Tight', system-ui, sans-serif; }
  .btn--yellow { background: #EDEF9D; color: #0C0C0C; display: inline-flex; align-items: center; gap: 8px; padding: 13px 26px; border-radius: 100px; font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; transition: all 0.22s ease; cursor: pointer; text-decoration: none; border: none; }
  .btn--yellow:hover { filter: brightness(1.05); }
  @media (max-width: 1024px) {
    .quiz__inner { grid-template-columns: 1fr; gap: 40px; }
    .quiz__steps { min-width: auto; }
  }
  @media (max-width: 640px) {
    .quiz__inner { padding: 0 20px; }
  }
/* END_SECTION:noos-quiz */

/* START_SECTION:noos-reviews (INDEX:26) */
/* Main container */
  .reviews {
    padding: 120px 0;
    background: #F5F3EE;
  }
  .reviews__wrap { padding: 0 40px; }

  /* Header section */
  .reviews__head { margin-bottom: 64px; }
  .reviews__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #370F21;
    background: linear-gradient(135deg, rgba(55,15,33,0.08) 0%, rgba(55,15,33,0.04) 100%);
    padding: 8px 16px;
    border-radius: 100px;
    margin-bottom: 24px;
    border: 1px solid rgba(55,15,33,0.1);
  }
  .reviews__eyebrow::before {
    content: '★';
    font-size: 10px;
    color: #EDEF9D;
  }
  .reviews__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(36px, 4vw, 56px);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 0.95;
    color: #0C0C0C;
    margin-bottom: 8px;
  }
  .reviews__h em { font-style: italic; font-weight: 400; color: rgba(12,12,12,0.3); }

  /* Summary bar - prominent score */
  .reviews__summary {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(12,12,12,0.08);
  }
  .reviews__score {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(64px, 8vw, 96px);
    font-weight: 900;
    color: #370F21;
    letter-spacing: -0.04em;
    line-height: 1;
    display: flex;
    align-items: baseline;
    gap: 4px;
  }
  .reviews__score::after {
    content: '/5';
    font-size: 0.35em;
    color: rgba(12,12,12,0.3);
    font-weight: 400;
  }
  .reviews__summary-right { display: flex; flex-direction: column; gap: 8px; }
  .reviews__stars-row { display: flex; gap: 4px; flex-wrap: wrap; }
  .reviews__star-icon { color: #EDEF9D; font-size: 18px; text-shadow: 0 2px 4px rgba(55,15,33,0.1); }
  .reviews__count {
    font-size: 12px;
    color: rgba(12,12,12,0.6);
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-weight: 500;
  }

  /* Review grid */
  .reviews__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 56px;
  }

  /* Review card base */
  .review {
    border-radius: 24px;
    padding: 32px;
    background: #ffffff;
    border: 1px solid rgba(12,12,12,0.06);
    transition: transform 0.35s cubic-bezier(0.23, 1, 0.320, 1),
                box-shadow 0.35s cubic-bezier(0.23, 1, 0.320, 1);
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column;
    min-height: 44px;
  }

  /* Stagger animation on cards */
  .review:nth-child(1) { animation: cardStagger 0.6s ease-out 0s both; }
  .review:nth-child(2) { animation: cardStagger 0.6s ease-out 0.1s both; }
  .review:nth-child(3) { animation: cardStagger 0.6s ease-out 0.2s both; }

  @keyframes cardStagger {
    from {
      opacity: 0;
      transform: translateY(24px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .review:hover {
    transform: translateY(-8px);
    box-shadow:
      0 4px 12px rgba(12,12,12,0.04),
      0 16px 32px rgba(12,12,12,0.08),
      0 24px 48px rgba(12,12,12,0.06);
  }

  /* Accent bar as pseudo-element */
  .review::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: 24px 24px 0 0;
  }
  .review:nth-child(1)::before { background: linear-gradient(90deg, #6373EC 0%, #6373EC 100%); }
  .review:nth-child(2)::before { background: linear-gradient(90deg, #370F21 0%, #370F21 100%); }
  .review:nth-child(3)::before { background: linear-gradient(90deg, #437D54 0%, #437D54 100%); }

  /* Stars in cards - brand yellow */
  .review__stars { display: flex; gap: 3px; margin-bottom: 20px; flex-wrap: wrap; }
  .review__star { color: #EDEF9D; font-size: 14px; text-shadow: 0 1px 2px rgba(55,15,33,0.08); }

  /* Review text - enhanced italic styling */
  .review__text {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.7;
    color: #0C0C0C;
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
  }
  .review__text::before {
    content: '"';
    font-family: 'Fraunces', Georgia, serif;
    font-size: 28px;
    color: rgba(227,239,157,0.4);
    position: absolute;
    top: -12px;
    left: -8px;
  }

  /* Author section */
  .review__author {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    position: relative;
    z-index: 1;
    margin-top: auto;
    min-height: 44px;
  }

  /* Avatar circles - refined */
  .review__av {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Fraunces', Georgia, serif;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(12,12,12,0.1);
    min-height: 44px;
    min-width: 44px;
  }
  .review:nth-child(1) .review__av {
    background: linear-gradient(135deg, #6373EC 0%, #5462d4 100%);
  }
  .review:nth-child(2) .review__av {
    background: linear-gradient(135deg, #370F21 0%, #2a0817 100%);
  }
  .review:nth-child(3) .review__av {
    background: linear-gradient(135deg, #437D54 0%, #356544 100%);
  }

  /* Author info */
  .review__author-info { display: flex; flex-direction: column; gap: 3px; }
  .review__name {
    font-size: 14px;
    font-weight: 700;
    font-family: 'Inter Tight', system-ui, sans-serif;
    color: #0C0C0C;
    letter-spacing: 0.01em;
  }
  .review__meta {
    font-size: 11px;
    color: rgba(12,12,12,0.5);
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-weight: 400;
  }

  /* Product badge - more prominent */
  .review__prod {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 100px;
    display: inline-block;
    margin-top: 8px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    transition: all 0.25s ease;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
  }
  .review:nth-child(1) .review__prod {
    background: rgba(99,115,236,0.12);
    color: #6373EC;
    border: 1px solid rgba(99,115,236,0.2);
  }
  .review:nth-child(2) .review__prod {
    background: rgba(55,15,33,0.12);
    color: #370F21;
    border: 1px solid rgba(55,15,33,0.2);
  }
  .review:nth-child(3) .review__prod {
    background: rgba(67,125,84,0.12);
    color: #437D54;
    border: 1px solid rgba(67,125,84,0.2);
  }

  /* Responsive design */
  @media (max-width: 1024px) {
    .reviews__wrap { padding: 0 32px; }
    .reviews__grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
    }
  }

  @media (max-width: 768px) {
    .reviews {
      padding: 80px 0;
    }
    .reviews__wrap { padding: 0 20px; }
    .reviews__head { margin-bottom: 48px; }
    .reviews__eyebrow {
      font-size: 9px;
      padding: 6px 12px;
      margin-bottom: 16px;
    }
    .reviews__h {
      font-size: clamp(28px, 5vw, 42px);
      margin-bottom: 12px;
    }
    .reviews__summary {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      margin-top: 24px;
      padding-top: 20px;
    }
    .reviews__score {
      font-size: clamp(48px, 6vw, 72px);
    }
    .reviews__stars-row {
      gap: 3px;
    }
    .reviews__star-icon {
      font-size: 16px;
    }
    .reviews__count {
      font-size: 11px;
    }
    .reviews__grid {
      grid-template-columns: 1fr;
      gap: 20px;
      margin-top: 40px;
    }
    .review {
      padding: 20px;
      border-radius: 16px;
    }
    .review__stars {
      margin-bottom: 16px;
    }
    .review__star {
      font-size: 12px;
    }
    .review__text {
      font-size: 14px;
      line-height: 1.6;
      margin-bottom: 20px;
    }
    .review__text::before {
      font-size: 20px;
      top: -8px;
      left: -4px;
    }
    .review__av {
      width: 40px;
      height: 40px;
      min-height: 40px;
      min-width: 40px;
      font-size: 14px;
    }
    .review__author {
      gap: 12px;
      min-height: 40px;
    }
    .review__author-info {
      gap: 2px;
    }
    .review__name {
      font-size: 13px;
    }
    .review__meta {
      font-size: 10px;
    }
    .review__prod {
      font-size: 8px;
      padding: 5px 10px;
      margin-top: 6px;
      min-height: 20px;
    }
  }

  @media (max-width: 640px) {
    .reviews {
      padding: 60px 0;
    }
    .reviews__wrap { padding: 0 16px; }
    .reviews__head { margin-bottom: 40px; }
    .reviews__eyebrow {
      font-size: 8px;
      padding: 5px 10px;
      margin-bottom: 12px;
      letter-spacing: 0.2em;
    }
    .reviews__h {
      font-size: clamp(24px, 6vw, 36px);
      margin-bottom: 8px;
      line-height: 1;
    }
    .reviews__summary {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
      margin-top: 16px;
      padding-top: 16px;
    }
    .reviews__score {
      font-size: clamp(36px, 10vw, 48px);
    }
    .reviews__score::after {
      font-size: 0.4em;
    }
    .reviews__summary-right {
      gap: 6px;
      width: 100%;
    }
    .reviews__stars-row {
      gap: 2px;
    }
    .reviews__star-icon {
      font-size: 14px;
    }
    .reviews__count {
      font-size: 10px;
    }
    .reviews__grid {
      grid-template-columns: 1fr;
      gap: 16px;
      margin-top: 32px;
    }
    .review {
      padding: 20px;
      border-radius: 12px;
      min-height: auto;
    }
    .review__stars {
      margin-bottom: 12px;
      gap: 2px;
    }
    .review__star {
      font-size: 12px;
    }
    .review__text {
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 16px;
    }
    .review__text::before {
      font-size: 18px;
      top: -6px;
      left: -2px;
    }
    .review__av {
      width: 40px;
      height: 40px;
      min-height: 44px;
      min-width: 44px;
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .review__author {
      gap: 12px;
      min-height: 44px;
      align-items: center;
    }
    .review__author-info {
      gap: 2px;
    }
    .review__name {
      font-size: 12px;
    }
    .review__meta {
      font-size: 9px;
    }
    .review__prod {
      font-size: 7px;
      padding: 4px 8px;
      margin-top: 4px;
      min-height: 44px;
      display: inline-flex;
      align-items: center;
    }
  }

  @media (max-width: 480px) {
    .reviews {
      padding: 48px 0;
    }
    .reviews__wrap { padding: 0 12px; }
    .reviews__head { margin-bottom: 32px; }
    .reviews__eyebrow {
      font-size: 7px;
      padding: 4px 8px;
      margin-bottom: 10px;
      letter-spacing: 0.15em;
    }
    .reviews__h {
      font-size: clamp(20px, 7vw, 32px);
      margin-bottom: 6px;
    }
    .reviews__summary {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid rgba(12,12,12,0.06);
    }
    .reviews__score {
      font-size: clamp(32px, 12vw, 42px);
    }
    .reviews__score::after {
      font-size: 0.45em;
    }
    .reviews__summary-right {
      gap: 4px;
    }
    .reviews__stars-row {
      gap: 2px;
    }
    .reviews__star-icon {
      font-size: 12px;
    }
    .reviews__count {
      font-size: 9px;
      line-height: 1.3;
    }
    .reviews__grid {
      grid-template-columns: 1fr;
      gap: 12px;
      margin-top: 24px;
    }
    .review {
      padding: 16px;
      border-radius: 12px;
      gap: 8px;
    }
    .review__stars {
      margin-bottom: 8px;
      gap: 2px;
    }
    .review__star {
      font-size: 11px;
    }
    .review__text {
      font-size: 13px;
      line-height: 1.4;
      margin-bottom: 12px;
    }
    .review__text::before {
      font-size: 16px;
      top: -4px;
      left: 0px;
    }
    .review__av {
      width: 36px;
      height: 36px;
      min-height: 44px;
      min-width: 44px;
      font-size: 12px;
    }
    .review__author {
      gap: 10px;
      min-height: 44px;
      flex-wrap: wrap;
    }
    .review__author-info {
      gap: 1px;
      flex: 1;
    }
    .review__name {
      font-size: 11px;
    }
    .review__meta {
      font-size: 8px;
    }
    .review__prod {
      font-size: 6px;
      padding: 3px 6px;
      margin-top: 3px;
      min-height: 44px;
      display: inline-flex;
      align-items: center;
    }
  }
/* END_SECTION:noos-reviews */

/* START_SECTION:noos-science (INDEX:27) */
@keyframes fadeSlideUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes fadeSlideIn {
    from {
      opacity: 0;
      transform: translateX(-20px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes pulseGlow {
    0%, 100% {
      box-shadow: 0 0 0 0 rgba(237, 239, 157, 0.2);
    }
    50% {
      box-shadow: 0 0 0 8px rgba(237, 239, 157, 0);
    }
  }

  .science {
    padding: 120px 0;
    background: #0C0C0C;
    color: #ffffff;
    position: relative;
    overflow: hidden;
  }
  .science::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.02) 1px, transparent 1px);
    background-size: 18px 18px;
    pointer-events: none;
  }
  .science__wrap {
    padding: 0 40px;
    position: relative;
    z-index: 1;
    max-width: 1400px;
    margin: 0 auto;
  }
  .science__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: start;
  }

  .science__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #EDEF9D;
    background: rgba(237,239,157,0.08);
    padding: 8px 16px;
    min-height: 44px;
    border-radius: 100px;
    margin-bottom: 24px;
    border: 1px solid rgba(237,239,157,0.15);
    animation: fadeSlideUp 0.8s ease-out;
    transition: all 0.3s ease;
  }
  .science__eyebrow:hover {
    background: rgba(237,239,157,0.12);
    border-color: rgba(237,239,157,0.3);
  }
  .science__eyebrow::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #EDEF9D;
    flex-shrink: 0;
  }

  .science__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(38px, 5vw, 58px);
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 1.15;
    margin-bottom: 28px;
    animation: fadeSlideUp 0.8s ease-out 0.1s both;
  }
  .science__h em {
    font-style: italic;
    font-weight: 400;
    color: rgba(255,255,255,0.25);
  }
  .science__body {
    font-size: 15px;
    line-height: 1.85;
    color: rgba(255,255,255,0.48);
    margin-bottom: 48px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    animation: fadeSlideUp 0.8s ease-out 0.2s both;
  }

  .science__pillars {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  .science__p {
    border: 1px solid rgba(237,239,157,0.12);
    border-radius: 18px;
    padding: 24px;
    background: rgba(255,255,255,0.025);
    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    animation: fadeSlideUp 0.8s ease-out both;
    position: relative;
  }
  .science__p:nth-child(1) { animation-delay: 0.3s; }
  .science__p:nth-child(2) { animation-delay: 0.35s; }
  .science__p:nth-child(3) { animation-delay: 0.4s; }
  .science__p:nth-child(4) { animation-delay: 0.45s; }

  .science__p:hover {
    border-color: rgba(237,239,157,0.28);
    background: rgba(255,255,255,0.04);
    transform: translateY(-6px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.3);
  }
  .science__p-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    font-size: 18px;
    background: rgba(237,239,157,0.08);
    border: 1px solid rgba(237,239,157,0.18);
  }
  .science__p-title {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    color: #ffffff;
    letter-spacing: 0.3px;
  }
  .science__p-desc {
    font-size: 12.5px;
    color: rgba(255,255,255,0.38);
    line-height: 1.65;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  .science__panel {
    background: linear-gradient(135deg, #370F21 0%, #3d1328 100%);
    border-radius: 28px;
    padding: 56px 44px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(237,239,157,0.08);
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    animation: fadeSlideIn 0.9s ease-out 0.2s both;
  }
  .science__panel-dots {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(237,239,157,0.06) 1px, transparent 1px);
    background-size: 14px 14px;
  }
  .science__panel-bg {
    position: absolute;
    bottom: -25px;
    right: -20px;
    font-family: 'Fraunces', Georgia, serif;
    font-size: 140px;
    font-weight: 900;
    opacity: 0.032;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #EDEF9D;
    pointer-events: none;
    white-space: nowrap;
    user-select: none;
  }

  .science__stats {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 38px;
  }
  .science__stat {
    animation: fadeSlideUp 0.8s ease-out both;
  }
  .science__stat:nth-child(1) { animation-delay: 0.3s; }
  .science__stat:nth-child(3) { animation-delay: 0.4s; }
  .science__stat:nth-child(5) { animation-delay: 0.5s; }

  .science__stat-n {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(36px, 8vw, 72px);
    font-weight: 900;
    color: #EDEF9D;
    letter-spacing: -0.04em;
    line-height: 0.9;
    margin-bottom: 6px;
  }
  .science__stat-n sup {
    font-size: clamp(18px, 4vw, 36px);
    vertical-align: super;
    margin-left: 2px;
  }
  .science__stat-label {
    font-size: 13px;
    color: rgba(255,255,255,0.55);
    line-height: 1.6;
    margin-top: 0;
    font-family: 'Inter Tight', system-ui, sans-serif;
    letter-spacing: 0.2px;
  }
  .science__divider {
    height: 1px;
    background: linear-gradient(90deg, rgba(237,239,157,0.1) 0%, rgba(237,239,157,0.05) 50%, rgba(237,239,157,0.1) 100%);
  }
  .science__ingredients-label {
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.32);
    margin-bottom: 14px;
  }
  .science__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .science__tag {
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 7px 14px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: 1px solid rgba(237,239,157,0.2);
    color: rgba(237,239,157,0.7);
    font-family: 'Inter Tight', system-ui, sans-serif;
    transition: all 0.3s ease;
    background: rgba(237,239,157,0.02);
  }
  .science__tag:hover {
    border-color: #EDEF9D;
    color: #EDEF9D;
    background: rgba(237,239,157,0.08);
    animation: pulseGlow 0.6s ease-out;
  }

  @media (max-width: 1024px) {
    .science {
      padding: 100px 0;
    }
    .science__inner {
      grid-template-columns: 1fr;
      gap: 60px;
    }
    .science__wrap {
      padding: 0 28px;
    }
    .science__h {
      font-size: clamp(32px, 4vw, 48px);
      line-height: 1.2;
    }
  }
  @media (max-width: 768px) {
    .science {
      padding: 80px 0;
    }
    .science__panel {
      padding: 40px 28px;
    }
    .science__stat-n {
      font-size: clamp(48px, 7vw, 56px);
    }
    .science__stat-n sup {
      font-size: clamp(24px, 3.5vw, 28px);
    }
    .science__p {
      min-height: 44px;
      display: flex;
      align-items: center;
    }
  }
  @media (max-width: 640px) {
    .science {
      padding: 60px 0;
    }
    .science__wrap {
      padding: 0 16px;
    }
    .science__inner {
      gap: 40px;
    }
    .science__pillars {
      grid-template-columns: 1fr;
      gap: 12px;
    }
    .science__p {
      padding: 24px 16px;
      min-height: 44px;
    }
    .science__stat-n {
      font-size: clamp(32px, 6vw, 44px);
      margin-bottom: 4px;
    }
    .science__stat-n sup {
      font-size: clamp(16px, 3vw, 22px);
    }
    .science__panel {
      padding: 24px 16px;
    }
    .science__h {
      font-size: clamp(28px, 5vw, 38px);
      margin-bottom: 20px;
    }
    .science__body {
      font-size: 14px;
      margin-bottom: 32px;
    }
    .science__stats {
      gap: 28px;
    }
  }
  @media (max-width: 480px) {
    .science {
      padding: 50px 0;
    }
    .science__wrap {
      padding: 0 12px;
    }
    .science__inner {
      gap: 32px;
    }
    .science__eyebrow {
      font-size: 8px;
      padding: 6px 12px;
      margin-bottom: 18px;
      min-height: 40px;
    }
    .science__h {
      font-size: clamp(24px, 5vw, 32px);
      margin-bottom: 16px;
    }
    .science__body {
      font-size: 13px;
      margin-bottom: 24px;
      line-height: 1.75;
    }
    .science__pillars {
      gap: 10px;
    }
    .science__p {
      padding: 16px 12px;
      border-radius: 14px;
      min-height: auto;
    }
    .science__p-icon {
      width: 32px;
      height: 32px;
      font-size: 16px;
      margin-bottom: 10px;
    }
    .science__p-title {
      font-size: 12px;
      margin-bottom: 4px;
    }
    .science__p-desc {
      font-size: 11.5px;
      line-height: 1.6;
    }
    .science__panel {
      padding: 20px 12px;
      border-radius: 20px;
    }
    .science__panel-bg {
      font-size: 100px;
      bottom: -20px;
      right: -15px;
    }
    .science__stats {
      gap: 24px;
    }
    .science__stat-n {
      font-size: clamp(28px, 5vw, 36px);
      margin-bottom: 3px;
    }
    .science__stat-n sup {
      font-size: clamp(14px, 2.5vw, 18px);
    }
    .science__stat-label {
      font-size: 12px;
      line-height: 1.5;
    }
    .science__divider {
      margin: 4px 0;
    }
    .science__ingredients-label {
      font-size: 7px;
      margin-bottom: 12px;
    }
    .science__tags {
      gap: 6px;
    }
    .science__tag {
      font-size: 9px;
      padding: 6px 12px;
      min-height: 40px;
    }
  }
/* END_SECTION:noos-science */

/* START_SECTION:noos-stacks (INDEX:28) */
.stacks {
    padding: 100px 0;
    background: linear-gradient(180deg, #437D54 0%, #3a6a48 100%);
    position: relative;
    overflow: hidden;
  }
  /* Enhanced halftone texture on verde */
  .stacks::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.08) 1.2px, transparent 1.2px);
    background-size: 14px 14px;
    pointer-events: none;
  }
  .stacks::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(0,0,0,0.03) 0.6px, transparent 0.6px);
    background-size: 28px 28px;
    background-position: 7px 7px;
    pointer-events: none;
  }
  .stacks__wrap { padding: 0 40px; position: relative; z-index: 1; }

  /* Header 2-column layout with bundle images */
  .stacks__head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    margin-bottom: 56px;
  }
  .stacks__head-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .stacks__bundle-showcase {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    position: relative;
  }
  .stacks__bundle-image {
    position: absolute;
    width: 200px;
    height: auto;
    object-fit: contain;
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .stacks__bundle-image.closed {
    transform: translateX(-20px) translateY(-10px) rotate(-8deg);
    z-index: 2;
    filter: drop-shadow(0 8px 24px rgba(0,0,0,0.15));
  }
  .stacks__bundle-image.open {
    transform: translateX(30px) translateY(10px) rotate(6deg);
    z-index: 1;
    filter: drop-shadow(0 12px 32px rgba(0,0,0,0.2));
  }

  .stacks__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #EDEF9D;
    background: rgba(237,239,157,0.15);
    padding: 6px 14px;
    border-radius: 100px;
    margin-bottom: 20px;
    width: fit-content;
  }
  .stacks__eyebrow::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #EDEF9D;
    flex-shrink: 0;
  }
  .stacks__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(36px, 4.2vw, 56px);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 0.95;
    color: #ffffff;
  }
  .stacks__h em { font-style: italic; font-weight: 400; color: rgba(255,255,255,0.4); }
  .stacks__sub {
    margin-top: 18px;
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    max-width: 420px;
    line-height: 1.75;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  .stacks__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .stack {
    border-radius: 24px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
    border: 1px solid rgba(255,255,255,0.12);
  }
  .stack:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 28px 56px rgba(0,0,0,0.3);
  }
  .stack--vino  { background: #370F21; color: #ffffff; }
  .stack--negro { background: #0C0C0C; color: #ffffff; }
  .stack--cream { background: #ffffff; color: #0C0C0C; border-color: rgba(0,0,0,0.08); }

  /* Enhanced halftone dot pattern */
  .stack__dots {
    position: absolute; inset: 0; pointer-events: none;
    background-image: radial-gradient(circle, rgba(255,255,255,0.08) 1px, transparent 1px);
    background-size: 8px 8px;
  }
  .stack--cream .stack__dots {
    background-image: radial-gradient(circle, rgba(0,0,0,0.05) 1px, transparent 1px);
  }

  /* Stylish background watermark */
  .stack__bg-text {
    position: absolute;
    bottom: -20px; right: -15px;
    font-family: 'Fraunces', Georgia, serif;
    font-size: 100px; font-weight: 900;
    opacity: 0.08; line-height: 1;
    letter-spacing: -0.05em; pointer-events: none;
    white-space: nowrap;
    user-select: none;
    overflow: hidden;
  }

  .stack__content { position: relative; z-index: 1; }
  .stack__eyebrow {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    opacity: 0.55;
    margin-bottom: 12px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .stack__name {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: -0.03em;
    margin-bottom: 8px;
    line-height: 1.1;
  }
  .stack__prods {
    font-size: 12px;
    opacity: 0.55;
    margin-bottom: 20px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-weight: 500;
  }

  /* Enhanced save badge with glow */
  .stack__save {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 7px 14px;
    border-radius: 100px;
    margin-bottom: 24px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    transition: all 0.3s ease;
  }
  .stack--vino  .stack__save {
    background: rgba(237,239,157,0.22);
    color: #EDEF9D;
    box-shadow: 0 0 12px rgba(237,239,157,0.15);
  }
  .stack--vino  .stack__save:hover {
    box-shadow: 0 0 20px rgba(237,239,157,0.25);
    transform: scale(1.05);
  }
  .stack--negro .stack__save {
    background: rgba(237,239,157,0.22);
    color: #EDEF9D;
    box-shadow: 0 0 12px rgba(237,239,157,0.15);
  }
  .stack--negro .stack__save:hover {
    box-shadow: 0 0 20px rgba(237,239,157,0.25);
    transform: scale(1.05);
  }
  .stack--cream .stack__save {
    background: #F5F3EE;
    color: #370F21;
    box-shadow: 0 0 12px rgba(55, 15, 33, 0.08);
  }
  .stack--cream .stack__save:hover {
    box-shadow: 0 0 20px rgba(55, 15, 33, 0.15);
    transform: scale(1.05);
  }

  /* Bolder, more prominent price */
  .stack__price {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: -0.03em;
    margin-bottom: 28px;
    line-height: 1;
  }
  .stack__price del {
    font-size: 16px;
    opacity: 0.35;
    margin-left: 8px;
    font-weight: 500;
    font-style: italic;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  /* Rescue CTA — for indecisive shoppers */
  .stacks__rescue {
    margin-top: 36px;
    text-align: center;
    padding: 28px 24px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(237, 239, 157, 0.18);
    backdrop-filter: blur(8px);
  }
  .stacks__rescue-text {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
    letter-spacing: -0.01em;
  }
  .stacks__rescue-text em {
    color: #EDEF9D;
    font-style: italic;
    font-weight: 400;
  }
  .stacks__rescue-actions {
    display: inline-flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .stacks__rescue-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 26px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Inter Tight', sans-serif;
    transition: transform 0.2s ease, background 0.2s ease;
  }
  .stacks__rescue-btn--primary {
    background: #EDEF9D;
    color: #0C0C0C;
  }
  .stacks__rescue-btn--primary:hover {
    transform: translateY(-2px);
  }
  .stacks__rescue-btn--ghost {
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
    border: 1.5px solid rgba(255, 255, 255, 0.3);
  }
  .stacks__rescue-btn--ghost:hover {
    border-color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
  }
  @media (max-width: 640px) {
    .stacks__rescue { padding: 20px 16px; }
    .stacks__rescue-actions { flex-direction: column; width: 100%; }
    .stacks__rescue-btn { width: 100%; justify-content: center; }
  }

  /* Pill-shaped CTA with premium hover state */
  .stack__cta {
    display: block;
    text-align: center;
    padding: 14px 28px;
    border-radius: 100px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-decoration: none;
    font-family: 'Inter Tight', system-ui, sans-serif;
    border: 1px solid transparent;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .stack--vino  .stack__cta {
    background: rgba(255,255,255,0.15);
    color: #ffffff;
    border-color: rgba(255,255,255,0.2);
  }
  .stack--vino  .stack__cta:hover {
    background: rgba(255,255,255,0.28);
    border-color: rgba(255,255,255,0.4);
    box-shadow: 0 8px 20px rgba(255,255,255,0.15);
  }
  .stack--negro .stack__cta {
    background: rgba(255,255,255,0.12);
    color: #ffffff;
    border-color: rgba(255,255,255,0.2);
  }
  .stack--negro .stack__cta:hover {
    background: rgba(255,255,255,0.24);
    border-color: rgba(255,255,255,0.4);
    box-shadow: 0 8px 20px rgba(255,255,255,0.12);
  }
  .stack--cream .stack__cta {
    background: #437D54;
    color: #ffffff;
    border-color: #437D54;
  }
  .stack--cream .stack__cta:hover {
    background: #366344;
    border-color: #366344;
    box-shadow: 0 8px 20px rgba(67, 125, 84, 0.3);
  }

  /* Responsive: hide bundle images on smaller screens */
  @media (max-width: 1024px) {
    .stacks__head {
      grid-template-columns: 1fr;
      gap: 40px;
    }
    .stacks__bundle-showcase {
      display: none;
    }
    .stacks__grid { grid-template-columns: 1fr 1fr; }
    .stacks__wrap { padding: 0 20px; }
  }

  /* 768px Breakpoint: Tablet devices */
  @media (max-width: 768px) {
    .stacks {
      padding: 60px 0;
    }
    .stacks__wrap { padding: 0 16px; }
    .stacks__head {
      grid-template-columns: 1fr;
      gap: 32px;
      margin-bottom: 40px;
    }
    .stacks__bundle-showcase {
      display: flex;
      min-height: 220px;
    }
    .stacks__bundle-image {
      width: 140px;
    }
    .stacks__h {
      font-size: clamp(32px, 5vw, 48px);
    }
    .stacks__sub {
      font-size: 13px;
      max-width: 100%;
    }
    .stacks__grid { grid-template-columns: 1fr 1fr; }
    .stack {
      padding: 32px;
      border-radius: 20px;
    }
    .stack__name {
      font-size: 24px;
    }
    .stack__bg-text {
      font-size: 80px;
    }
    .stack__price {
      font-size: 32px;
      margin-bottom: 24px;
    }
  }

  /* 640px Breakpoint: Small tablets and landscape phones */
  @media (max-width: 640px) {
    .stacks {
      padding: 50px 0;
    }
    .stacks__wrap { padding: 0 12px; }
    .stacks__head {
      grid-template-columns: 1fr;
      gap: 24px;
      margin-bottom: 32px;
    }
    .stacks__bundle-showcase {
      display: none;
    }
    .stacks__h {
      font-size: clamp(28px, 7vw, 40px);
    }
    .stacks__sub {
      font-size: 13px;
      margin-top: 14px;
    }
    .stacks__grid { grid-template-columns: 1fr; }
    .stack {
      padding: 24px;
      border-radius: 16px;
    }
    .stack__name {
      font-size: 22px;
      margin-bottom: 6px;
    }
    .stack__eyebrow {
      font-size: 7px;
      margin-bottom: 10px;
    }
    .stack__prods {
      font-size: 11px;
      margin-bottom: 16px;
    }
    .stack__save {
      font-size: 8px;
      padding: 6px 12px;
      margin-bottom: 16px;
    }
    .stack__bg-text {
      font-size: 60px;
      bottom: -10px;
      right: -10px;
    }
    .stack__price {
      font-size: 28px;
      margin-bottom: 20px;
    }
    .stack__price del {
      font-size: 14px;
    }
    .stack__cta {
      font-size: 9px;
      padding: 12px 20px;
      min-height: 44px;
    }
  }

  /* 480px Breakpoint: Very small phones */
  @media (max-width: 480px) {
    .stacks {
      padding: 40px 0;
    }
    .stacks__wrap { padding: 0 12px; }
    .stacks__head {
      gap: 20px;
      margin-bottom: 24px;
    }
    .stacks__eyebrow {
      font-size: 8px;
      padding: 5px 12px;
      margin-bottom: 12px;
    }
    .stacks__h {
      font-size: clamp(24px, 6vw, 32px);
      line-height: 1;
      margin-bottom: 12px;
    }
    .stacks__sub {
      font-size: 12px;
      line-height: 1.6;
      margin-top: 10px;
    }
    .stacks__grid {
      gap: 16px;
    }
    .stack {
      padding: 20px;
      border-radius: 14px;
      gap: 12px;
    }
    .stack__name {
      font-size: 20px;
      margin-bottom: 4px;
    }
    .stack__eyebrow {
      font-size: 6px;
      margin-bottom: 8px;
      letter-spacing: 0.15em;
    }
    .stack__prods {
      font-size: 10px;
      margin-bottom: 12px;
    }
    .stack__save {
      font-size: 7px;
      padding: 5px 10px;
      margin-bottom: 12px;
      gap: 4px;
    }
    .stack__bg-text {
      font-size: 50px;
      bottom: -5px;
      right: -5px;
      opacity: 0.05;
    }
    .stack__price {
      font-size: 24px;
      margin-bottom: 16px;
    }
    .stack__price del {
      font-size: 12px;
      margin-left: 6px;
    }
    .stack__cta {
      font-size: 8px;
      padding: 10px 16px;
      min-height: 44px;
      letter-spacing: 0.1em;
    }
  }
/* END_SECTION:noos-stacks */

/* START_SECTION:noos-story (INDEX:29) */
.story {
    padding: 120px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
  }
  .story__wrap { padding: 0 40px; position: relative; z-index: 1; }
  .story__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
  }

  .story__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #370F21;
    background: rgba(55,15,33,0.08);
    padding: 8px 16px;
    border-radius: 100px;
    margin-bottom: 24px;
  }
  .story__eyebrow::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #370F21;
    flex-shrink: 0;
  }

  .story__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(40px, 5vw, 60px);
    font-weight: 900;
    letter-spacing: -0.05em;
    line-height: 1;
    margin-bottom: 32px;
    color: #0C0C0C;
    text-transform: capitalize;
  }
  .story__quote {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 22px;
    font-style: italic;
    font-weight: 400;
    color: #370F21;
    border-left: 4px solid;
    border-image: linear-gradient(to bottom, #370F21, #EDEF9D) 1;
    padding-left: 24px;
    line-height: 1.6;
    margin-bottom: 32px;
  }
  .story__body {
    font-size: 15px;
    color: rgba(12,12,12,0.65);
    line-height: 1.85;
    margin-bottom: 48px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  /* Lifestyle image strip */
  .story__images {
    display: flex;
    gap: 16px;
    margin-bottom: 48px;
    overflow-x: auto;
    padding-bottom: 8px;
  }
  .story__image {
    flex-shrink: 0;
    width: 180px;
    height: 200px;
    border-radius: 16px;
    overflow: hidden;
    object-fit: cover;
    box-shadow: 0 8px 32px rgba(55,15,33,0.12);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
  }
  .story__image:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(55,15,33,0.18);
  }

  .story__values {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  .story__val {
    padding: 28px;
    border: 1px solid rgba(12,12,12,0.06);
    border-radius: 18px;
    background: linear-gradient(135deg, #FAFAF8 0%, #F5F3EE 100%);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .story__val:hover {
    border-color: rgba(67,125,84,0.2);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(67,125,84,0.08);
  }
  .story__val-t {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #370F21;
    margin-bottom: 8px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .story__val-d {
    font-size: 13px;
    color: rgba(12,12,12,0.6);
    line-height: 1.65;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  /* Founder card — VINO */
  .story__card {
    background: #370F21;
    border-radius: 28px;
    padding: 56px 48px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 20px 60px rgba(55,15,33,0.2);
  }
  .story__card-dots {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(237,239,157,0.12) 1.2px, transparent 1.2px);
    background-size: 16px 16px;
  }
  .story__card-bg {
    position: absolute;
    bottom: -30px;
    right: -20px;
    font-family: 'Fraunces', Georgia, serif;
    font-size: 140px;
    font-weight: 900;
    opacity: 0.05;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #EDEF9D;
    pointer-events: none;
    white-space: nowrap;
    user-select: none;
  }

  .story__founder { position: relative; z-index: 1; }
  .story__fn {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 52px;
    font-weight: 900;
    letter-spacing: -0.04em;
    margin-bottom: 8px;
    line-height: 1;
  }
  .story__ft {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(237,239,157,0.5);
    margin-bottom: 36px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .story__fq {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.7;
    color: rgba(255,255,255,0.92);
    margin-bottom: 28px;
    border-left: 3px solid #EDEF9D;
    padding-left: 22px;
  }
  .story__fm {
    font-size: 13px;
    line-height: 1.85;
    color: rgba(255,255,255,0.42);
    font-family: 'Inter Tight', system-ui, sans-serif;
    margin-bottom: 32px;
  }
  .story__tags { display: flex; gap: 10px; flex-wrap: wrap; }
  .story__stag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 7px 16px;
    border-radius: 100px;
    border: 1.5px solid rgba(237,239,157,0.3);
    color: rgba(237,239,157,0.7);
    font-family: 'Inter Tight', system-ui, sans-serif;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .story__stag:hover {
    border-color: #EDEF9D;
    color: #EDEF9D;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(237,239,157,0.15);
  }

  @media (max-width: 1024px) {
    .story {
      padding: 100px 0;
    }
    .story__inner { grid-template-columns: 1fr; gap: 60px; }
    .story__wrap { padding: 0 20px; }
    .story__card { padding: 48px 40px; }
  }

  /* Tablet - 768px breakpoint */
  @media (max-width: 768px) {
    .story {
      padding: 90px 0;
    }
    .story__wrap { padding: 0 24px; }
    .story__inner { gap: 50px; }
    .story__h { font-size: clamp(36px, 5.5vw, 52px); }
    .story__quote { font-size: 20px; padding-left: 22px; }
    .story__images { gap: 14px; }
    .story__image { width: 160px; height: 190px; }
    .story__values { grid-template-columns: 1fr 1fr; gap: 13px; }
    .story__val { padding: 26px; }
    .story__card { padding: 48px 40px; }
    .story__card-bg { font-size: 100px; }
    .story__fn { font-size: 48px; }
    .story__fq { font-size: 19px; }
  }

  /* Mobile - 640px breakpoint */
  @media (max-width: 640px) {
    .story {
      padding: 80px 0;
    }
    .story__wrap { padding: 0 16px; }
    .story__h { font-size: clamp(32px, 6vw, 48px); }
    .story__quote { font-size: 17px; padding-left: 20px; border-left-width: 3px; }
    .story__values { grid-template-columns: 1fr; gap: 12px; }
    .story__val { padding: 24px; }
    .story__images { gap: 12px; }
    .story__image { width: 140px; height: 160px; }
    .story__card { border-radius: 24px; padding: 32px 24px; }
    .story__card-bg { font-size: 80px; }
    .story__fn { font-size: 40px; }
    .story__fq { font-size: 17px; }
  }

  /* Very small phones - 480px breakpoint */
  @media (max-width: 480px) {
    .story {
      padding: 60px 0;
    }
    .story__wrap { padding: 0 12px; }
    .story__eyebrow { font-size: 9px; padding: 6px 12px; margin-bottom: 16px; }
    .story__h { font-size: clamp(28px, 7vw, 40px); margin-bottom: 20px; }
    .story__quote { font-size: 16px; padding-left: 16px; border-left-width: 2px; margin-bottom: 20px; }
    .story__body { font-size: 14px; margin-bottom: 32px; }
    .story__images { gap: 10px; margin-bottom: 32px; }
    .story__image { width: 120px; height: 140px; border-radius: 12px; }
    .story__values { gap: 10px; }
    .story__val { padding: 16px; border-radius: 12px; }
    .story__val-t { font-size: 9px; margin-bottom: 6px; }
    .story__val-d { font-size: 12px; }
    .story__card {
      border-radius: 20px;
      padding: 24px 16px;
      box-shadow: 0 12px 36px rgba(55,15,33,0.15);
    }
    .story__card-bg { font-size: 60px; bottom: -20px; right: -10px; }
    .story__fn { font-size: 32px; margin-bottom: 6px; }
    .story__ft { font-size: 9px; margin-bottom: 20px; }
    .story__fq { font-size: 15px; line-height: 1.6; padding-left: 16px; border-left-width: 2px; margin-bottom: 20px; }
    .story__fm { font-size: 12px; margin-bottom: 20px; }
    .story__stag { font-size: 9px; padding: 5px 12px; }
  }
/* END_SECTION:noos-story */

/* START_SECTION:noos-ticker (INDEX:30) */
.ticker {
    background: #EDEF9D;
    overflow: hidden;
    padding: 0;
    border-top: 1px solid rgba(55,15,33,0.08);
    border-bottom: 1px solid rgba(55,15,33,0.08);
  }
  .ticker__track {
    display: flex;
    align-items: center;
    padding: 14px 0;
    white-space: nowrap;
    animation: ticker-scroll 28s linear infinite;
    width: max-content;
    gap: 0;
  }
  .ticker__track:hover {
    animation-play-state: paused;
  }
  .ticker__item {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0 32px;
    color: #370F21;
    white-space: nowrap;
  }
  .ticker__dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #6373EC;
    opacity: 0.8;
    flex-shrink: 0;
  }
  .ticker__text {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-family: 'Inter Tight', system-ui, sans-serif;
    color: #370F21;
  }
  .ticker__star {
    font-size: 10px;
    opacity: 1;
    color: #6373EC;
    flex-shrink: 0;
  }
  @keyframes ticker-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  /* Tablet: 768px breakpoint */
  @media (max-width: 768px) {
    .ticker__track {
      padding: 12px 0;
    }
    .ticker__item {
      padding: 0 20px;
      gap: 10px;
    }
    .ticker__text {
      font-size: 10px;
      letter-spacing: 0.1em;
    }
    .ticker__star {
      font-size: 9px;
    }
    .ticker__dot {
      width: 3px;
      height: 3px;
    }
  }

  /* Mobile: 640px breakpoint */
  @media (max-width: 640px) {
    .ticker__track {
      padding: 10px 0;
    }
    .ticker__item {
      padding: 0 20px;
      gap: 8px;
    }
    .ticker__text {
      font-size: 10px;
      letter-spacing: 0.08em;
      font-weight: 600;
    }
    .ticker__star {
      font-size: 8px;
    }
    .ticker__dot {
      width: 3px;
      height: 3px;
    }
  }

  /* Small phones: 480px breakpoint */
  @media (max-width: 480px) {
    .ticker__track {
      padding: 9px 0;
    }
    .ticker__item {
      padding: 0 16px;
      gap: 7px;
    }
    .ticker__text {
      font-size: 9px;
      letter-spacing: 0.06em;
    }
    .ticker__star {
      font-size: 7px;
    }
    .ticker__dot {
      width: 2px;
      height: 2px;
    }
  }
/* END_SECTION:noos-ticker */

/* START_SECTION:product-stack (INDEX:33) */
@keyframes fadeSlideUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

  /* ── Layout ── */
  .sp-page { background: #F5F3EE; }
  .sp-wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }

  /* ── HERO ── */
  .sp-hero {
    background: #0C0C0C;
    padding: 80px 0 0;
    position: relative;
    overflow: hidden;
  }
  .sp-hero__inner {
    display: grid;
    grid-template-columns: 1fr 480px;
    gap: 0;
    align-items: end;
  }
  .sp-hero__left {
    padding: 0 0 80px;
    animation: fadeSlideUp 0.8s ease-out;
    position: relative;
    z-index: 2;
  }
  .sp-hero__tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(237,239,157,0.15);
    border: 1px solid rgba(237,239,157,0.25);
    color: #EDEF9D;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 100px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    margin-bottom: 24px;
  }
  .sp-hero__title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(40px, 5vw, 72px);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1.02;
    color: #F5F3EE;
    margin-bottom: 16px;
  }
  .sp-hero__title em { color: #EDEF9D; font-style: italic; font-weight: 400; }
  .sp-hero__prods {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(245,243,238,0.5);
    font-family: 'Inter Tight', system-ui, sans-serif;
    margin-bottom: 28px;
  }
  .sp-hero__desc {
    font-size: 16px;
    color: rgba(245,243,238,0.65);
    max-width: 480px;
    line-height: 1.8;
    margin-bottom: 40px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  /* purchase box in hero */
  .sp-hero__buy {
    background: rgba(245,243,238,0.06);
    border: 1px solid rgba(245,243,238,0.12);
    border-radius: 20px;
    padding: 28px 32px;
    max-width: 420px;
  }
  .sp-hero__price-row {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 8px;
  }
  .sp-hero__price {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #F5F3EE;
  }
  .sp-hero__was {
    font-size: 16px;
    color: rgba(245,243,238,0.35);
    text-decoration: line-through;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .sp-hero__save {
    background: #437D54;
    color: #F5F3EE;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 100px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .sp-hero__per {
    font-size: 12px;
    color: rgba(245,243,238,0.4);
    margin-bottom: 20px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .sp-hero__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 18px 32px;
    background: #EDEF9D;
    color: #0C0C0C;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    font-family: 'Inter Tight', system-ui, sans-serif;
    transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1);
    min-height: 54px;
    margin-bottom: 14px;
  }
  .sp-hero__cta:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(237,239,157,0.25); }
  .sp-hero__cta:active { transform: scale(0.98); }
  .sp-hero__cta.loading { opacity: 0.7; pointer-events: none; }
  .sp-hero__trust {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }
  .sp-hero__trust-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    color: rgba(245,243,238,0.45);
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  /* bottles */
  .sp-hero__right {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 0;
  }
  .sp-hero__bottle {
    width: 200px;
    height: 320px;
    object-fit: contain;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5));
    transition: transform .4s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .sp-hero__bottle:hover { transform: translateY(-8px) scale(1.04); }
  .sp-hero__bottle--1 { transform: rotate(-6deg) translateX(20px); z-index: 2; }
  .sp-hero__bottle--2 { transform: rotate(6deg) translateX(-20px); z-index: 1; }
  .sp-hero__bottle--1:hover { transform: rotate(-3deg) translateX(20px) translateY(-8px); }
  .sp-hero__bottle--2:hover { transform: rotate(3deg) translateX(-20px) translateY(-8px); }

  /* ── INCLUDES section ── */
  .sp-includes {
    background: #FFFFFF;
    padding: 80px 0;
  }
  .sp-section-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: #370F21;
    font-family: 'Inter Tight', system-ui, sans-serif;
    margin-bottom: 8px;
  }
  .sp-section-h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(30px, 3.5vw, 46px);
    font-weight: 900;
    letter-spacing: -0.035em;
    line-height: 1.08;
    color: #0C0C0C;
    margin-bottom: 16px;
  }
  .sp-section-h em { color: #370F21; font-style: italic; font-weight: 400; }
  .sp-section-sub {
    font-size: 16px;
    color: #6B6459;
    max-width: 520px;
    line-height: 1.8;
    margin-bottom: 56px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .sp-prod-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .sp-prod-card {
    background: #F5F3EE;
    border-radius: 24px;
    padding: 36px;
    display: flex;
    gap: 28px;
    align-items: flex-start;
    border: 1px solid rgba(12,12,12,0.06);
    transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-decoration: none;
    color: inherit;
  }
  .sp-prod-card:hover { border-color: #370F21; box-shadow: 0 12px 32px rgba(0,0,0,0.08); transform: translateY(-3px); }
  .sp-prod-card__img {
    width: 100px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sp-prod-card__img img {
    width: 80px;
    height: 120px;
    object-fit: contain;
    filter: drop-shadow(0 8px 16px rgba(0,0,0,0.15));
  }
  .sp-prod-card__body { flex: 1; }
  .sp-prod-card__label {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #370F21;
    background: rgba(55,15,33,0.08);
    padding: 3px 10px;
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 12px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .sp-prod-card__name {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0C0C0C;
    margin-bottom: 8px;
  }
  .sp-prod-card__tagline {
    font-size: 13px;
    color: #6B6459;
    line-height: 1.6;
    margin-bottom: 16px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .sp-prod-card__ings {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .sp-prod-card__ing {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .08em;
    background: #0C0C0C;
    color: #F5F3EE;
    padding: 3px 10px;
    border-radius: 100px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .sp-prod-card__link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #370F21;
    margin-top: 16px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  /* ── BENEFITS ── */
  .sp-benefits {
    background: #F5F3EE;
    padding: 80px 0;
  }
  .sp-benefits__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
  }
  .sp-benefits__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 20px; }
  .sp-benefit {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding: 24px;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid rgba(12,12,12,0.06);
  }
  .sp-benefit__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #0C0C0C;
    color: #EDEF9D;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
  }
  .sp-benefit__body {}
  .sp-benefit__title {
    font-size: 14px;
    font-weight: 700;
    color: #0C0C0C;
    margin-bottom: 4px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .sp-benefit__desc {
    font-size: 13px;
    color: #6B6459;
    line-height: 1.6;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  /* synergy panel */
  .sp-synergy {
    background: linear-gradient(135deg, #0C0C0C 0%, #1a1a1a 100%);
    border-radius: 28px;
    padding: 48px;
    color: #F5F3EE;
    position: relative;
    overflow: hidden;
  }
  .sp-synergy__dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,.06) 1.5px, transparent 1.5px);
    background-size: 18px 18px;
    pointer-events: none;
  }
  .sp-synergy__label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #EDEF9D;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .sp-synergy__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(22px, 2.5vw, 32px);
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 1.15;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
  }
  .sp-synergy__h em { color: #EDEF9D; font-style: italic; font-weight: 400; }
  .sp-synergy__body {
    font-size: 14px;
    color: rgba(245,243,238,0.65);
    line-height: 1.8;
    margin-bottom: 32px;
    position: relative;
    z-index: 1;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .sp-synergy__stats { display: flex; gap: 28px; position: relative; z-index: 1; }
  .sp-synergy__stat {}
  .sp-synergy__stat-n {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #EDEF9D;
    line-height: 1;
    margin-bottom: 4px;
  }
  .sp-synergy__stat-l {
    font-size: 11px;
    color: rgba(245,243,238,0.45);
    font-family: 'Inter Tight', system-ui, sans-serif;
    line-height: 1.4;
  }

  /* ── PROTOCOL ── */
  .sp-protocol {
    background: #FFFFFF;
    padding: 80px 0;
  }
  .sp-protocol__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 48px;
  }
  .sp-protocol__step {
    text-align: center;
    padding: 32px 20px;
    background: #F5F3EE;
    border-radius: 20px;
    border: 1px solid rgba(12,12,12,0.06);
    position: relative;
  }
  .sp-protocol__step::after {
    content: '→';
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: rgba(12,12,12,0.2);
    z-index: 10;
  }
  .sp-protocol__step:last-child::after { display: none; }
  .sp-protocol__icon {
    font-size: 28px;
    margin-bottom: 14px;
    display: block;
  }
  .sp-protocol__time {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #370F21;
    background: rgba(55,15,33,0.08);
    padding: 3px 10px;
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 10px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .sp-protocol__name {
    font-size: 14px;
    font-weight: 700;
    color: #0C0C0C;
    margin-bottom: 6px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .sp-protocol__desc {
    font-size: 12px;
    color: #6B6459;
    line-height: 1.6;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  /* ── BOTTOM CTA ── */
  .sp-bottom-cta {
    background: linear-gradient(135deg, #370F21 0%, #2A0B18 100%);
    padding: 80px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .sp-bottom-cta__dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,.06) 1.5px, transparent 1.5px);
    background-size: 18px 18px;
    pointer-events: none;
  }
  .sp-bottom-cta__inner { position: relative; z-index: 1; }
  .sp-bottom-cta__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1.08;
    color: #F5F3EE;
    margin-bottom: 16px;
  }
  .sp-bottom-cta__h em { color: #EDEF9D; font-style: italic; font-weight: 400; }
  .sp-bottom-cta__sub {
    font-size: 16px;
    color: rgba(245,243,238,0.6);
    max-width: 480px;
    margin: 0 auto 36px;
    line-height: 1.8;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .sp-btn-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 20px 48px;
    background: #EDEF9D;
    color: #0C0C0C;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    font-family: 'Inter Tight', system-ui, sans-serif;
    transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1);
    min-height: 58px;
  }
  .sp-btn-cta:hover { transform: translateY(-3px); box-shadow: 0 16px 32px rgba(237,239,157,0.25); }

  /* ── Cart notification ── */
  .sp-toast {
    position: fixed;
    bottom: 32px;
    right: 32px;
    background: #0C0C0C;
    color: #F5F3EE;
    padding: 16px 24px;
    border-radius: 16px;
    font-size: 14px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    display: flex;
    align-items: center;
    gap: 12px;
    transform: translateY(120%);
    opacity: 0;
    transition: all .4s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 9999;
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    max-width: 340px;
  }
  .sp-toast.is-visible { transform: translateY(0); opacity: 1; }
  .sp-toast__icon { font-size: 20px; flex-shrink: 0; }
  .sp-toast__btn {
    background: #EDEF9D;
    color: #0C0C0C;
    border: none;
    border-radius: 100px;
    padding: 8px 16px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Inter Tight', system-ui, sans-serif;
    white-space: nowrap;
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 1024px) {
    .sp-wrap { padding: 0 32px; }
    .sp-hero__inner { grid-template-columns: 1fr; }
    .sp-hero__right { display: none; }
    .sp-hero { padding: 60px 0 0; }
    .sp-hero__left { padding-bottom: 60px; }
    .sp-hero__buy { max-width: 100%; }
    .sp-benefits__inner { grid-template-columns: 1fr; gap: 48px; }
    .sp-protocol__grid { grid-template-columns: repeat(2, 1fr); }
    .sp-protocol__step::after { display: none; }
  }
  @media (max-width: 768px) {
    .sp-wrap { padding: 0 20px; }
    .sp-prod-cards { grid-template-columns: 1fr; }
    .sp-synergy { padding: 32px; }
    .sp-synergy__stats { flex-direction: column; gap: 16px; }
    .sp-protocol__grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .sp-hero__buy { padding: 20px 20px; }
    .sp-hero__price { font-size: 32px; }
  }
  @media (max-width: 480px) {
    .sp-wrap { padding: 0 16px; }
    .sp-prod-card { flex-direction: column; gap: 16px; }
    .sp-prod-card__img { width: 100%; }
    .sp-prod-card__img img { width: 60px; height: 90px; }
    .sp-protocol__grid { grid-template-columns: 1fr; }
    .sp-bottom-cta { padding: 60px 0; }
  }
/* END_SECTION:product-stack */

/* START_SECTION:product (INDEX:34) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Inter+Tight:wght@300;400;500;600;700&display=swap');

  @keyframes fadeUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }

  .pdp-wrap { max-width: 1280px; margin: 0 auto; padding: 0 40px; }

  /* ── BREADCRUMB ── */
  .pdp-breadcrumb {
    padding: 20px 0;
    border-bottom: 1px solid rgba(12,12,12,0.06);
    background: #FAFAF8;
  }
  .pdp-bc-inner {
    display: flex; align-items: center; gap: 8px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 12px; color: rgba(12,12,12,0.45);
  }
  .pdp-bc-inner a { color: rgba(12,12,12,0.45); text-decoration: none; transition: color .2s; }
  .pdp-bc-inner a:hover { color: #370F21; }
  .pdp-bc-inner span { color: #0C0C0C; font-weight: 600; }

  /* ── MAIN LAYOUT ── */
  .pdp-section { padding: 60px 0 100px; background: #FFFFFF; }
  .pdp-layout {
    display: grid;
    grid-template-columns: 1fr 480px;
    gap: 72px;
    align-items: start;
  }

  /* ── GALLERY (LEFT) ── */
  .pdp-gallery { display: flex; gap: 16px; position: sticky; top: 80px; }

  .pdp-thumbs {
    display: flex; flex-direction: column; gap: 8px; flex-shrink: 0;
  }
  .pdp-thumb {
    width: 72px; height: 72px;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color .22s ease, transform .22s ease;
    flex-shrink: 0;
    position: relative;
  }
  .pdp-thumb.is-active { border-color: var(--prod-color, #6373EC); }
  .pdp-thumb:hover:not(.is-active) { border-color: rgba(12,12,12,0.18); transform: scale(1.04); }

  /* Thumb variant previews */
  .pdp-thumb--studio { background: linear-gradient(135deg,#FAFAF8,#F0EDE7); }
  .pdp-thumb--studio img { width:100%; height:100%; object-fit:contain; padding:8px; }
  .pdp-thumb--ingredients { background: linear-gradient(135deg,#F0EDE7,#E8E4DC); }
  .pdp-thumb--ingredients img { width:100%; height:100%; object-fit:contain; padding:8px; filter:brightness(.95); }
  .pdp-thumb--ingredients::after {
    content:''; position:absolute; bottom:0; left:0; right:0; height:28px;
    background: linear-gradient(transparent, var(--prod-color,.5)); border-radius:0 0 10px 10px; opacity:.55;
  }
  .pdp-thumb--lifestyle { background: linear-gradient(135deg,#E6E2D9,#D8D3C8); }
  .pdp-thumb--lifestyle img { width:100%; height:100%; object-fit:contain; padding:8px; }
  .pdp-thumb--lifestyle::before {
    content:''; position:absolute; inset:0;
    background: linear-gradient(160deg, rgba(0,0,0,.03), rgba(0,0,0,.12)); border-radius:10px; z-index:1;
  }
  .pdp-thumb--benefits { background: var(--prod-color,#6373EC); }
  .pdp-thumb--benefits img { width:100%; height:100%; object-fit:contain; padding:8px; filter:brightness(1.15) contrast(.9); }
  .pdp-thumb--macro { background:#F5F3EE; }
  .pdp-thumb--macro img { width:140%; height:140%; object-fit:contain; margin:-20% 0 0 -10%; }
  .pdp-thumb--photo { background:#111; }
  .pdp-thumb--photo img { width:100%; height:100%; object-fit:cover; padding:0; }

  /* ── Main Image Area ── */
  .pdp-main-img {
    flex: 1;
    border-radius: 24px;
    overflow: hidden;
    aspect-ratio: 1;
    position: relative;
    box-shadow: 0 8px 40px rgba(0,0,0,0.06);
    border: 1px solid rgba(12,12,12,0.06);
  }

  /* Slides container */
  .pdp-slide {
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    opacity: 0;
    transition: opacity .35s ease;
    pointer-events: none;
  }
  .pdp-slide.is-active { opacity: 1; pointer-events: auto; }

  /* Slide 1: Clean Studio */
  .pdp-slide--studio {
    background: linear-gradient(135deg, #FAFAF8 0%, #F5F3EE 40%, #EDEBE5 100%);
  }
  .pdp-slide--studio img {
    width: 70%; max-height: 85%; object-fit: contain;
    filter: drop-shadow(0 24px 48px rgba(0,0,0,0.12)) drop-shadow(0 4px 12px rgba(0,0,0,0.06));
  }
  .pdp-slide--studio .pdp-slide__sku {
    position: absolute; bottom: 20px; right: 24px;
    font-family:'Inter Tight',system-ui,sans-serif; font-size:9px;
    letter-spacing:.18em; text-transform:uppercase; color:rgba(12,12,12,.22);
    font-weight:600;
  }

  /* Slide 2: Ingredient Highlight */
  .pdp-slide--ingredients {
    background: linear-gradient(160deg, #FFFFFF 0%, #F5F3EE 50%, #EDEBE5 100%);
  }
  .pdp-slide--ingredients img {
    width: 52%; max-height: 78%; object-fit: contain;
    filter: drop-shadow(0 16px 36px rgba(0,0,0,0.1));
    margin-left: -8%;
  }
  .pdp-slide__pills {
    position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
    display: flex; flex-direction: column; gap: 8px; max-width: 44%;
  }
  .pdp-slide__pill {
    background: #FFFFFF;
    border: 1px solid rgba(12,12,12,0.07);
    border-radius: 12px;
    padding: 10px 14px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.05);
    display: flex; align-items: center; gap: 10px;
  }
  .pdp-slide__pill-dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: var(--prod-color,#6373EC);
    flex-shrink: 0;
  }
  .pdp-slide__pill-text {
    font-family: 'Inter Tight',system-ui,sans-serif;
    font-size: 11px; font-weight: 600; color: #0C0C0C;
    line-height: 1.3;
  }
  .pdp-slide__pill-sub {
    font-size: 9px; font-weight: 400; color: rgba(12,12,12,.45); margin-top: 1px;
  }

  /* Slide 3: Lifestyle Context */
  .pdp-slide--lifestyle {
    background: linear-gradient(145deg, #E8E4DC 0%, #D8D3C8 30%, #C8C3B8 100%);
  }
  .pdp-slide--lifestyle::before {
    content: ''; position: absolute; inset: 0;
    background-image:
      linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
      linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 40px 40px;
  }
  .pdp-slide--lifestyle::after {
    content: ''; position: absolute;
    bottom: 0; left: 0; right: 0; height: 35%;
    background: linear-gradient(transparent, rgba(12,12,12,.08));
  }
  .pdp-slide--lifestyle img {
    width: 58%; max-height: 80%; object-fit: contain;
    filter: drop-shadow(0 20px 50px rgba(0,0,0,0.18));
    position: relative; z-index: 1;
  }
  .pdp-slide__context-badge {
    position: absolute; bottom: 24px; left: 24px; z-index: 2;
    background: rgba(255,255,255,.92); backdrop-filter: blur(8px);
    border-radius: 100px; padding: 10px 18px;
    display: flex; align-items: center; gap: 8px;
    font-family: 'Inter Tight',system-ui,sans-serif;
    font-size: 11px; font-weight: 600; color: #0C0C0C;
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
  }
  .pdp-slide__context-icon { font-size: 15px; }

  /* Slide 4: Benefit Callout */
  .pdp-slide--benefits {
    background: var(--prod-color, #6373EC);
  }
  .pdp-slide--benefits::before {
    content: ''; position: absolute; inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 16px 16px;
  }
  .pdp-slide--benefits img {
    width: 48%; max-height: 75%; object-fit: contain;
    filter: drop-shadow(0 16px 48px rgba(0,0,0,.2)) brightness(1.08);
    margin-right: -6%;
    position: relative; z-index: 1;
  }
  .pdp-slide__callouts {
    position: absolute; left: 24px; top: 50%; transform: translateY(-50%); z-index: 2;
    display: flex; flex-direction: column; gap: 10px; max-width: 42%;
  }
  .pdp-slide__callout {
    background: rgba(255,255,255,.14);
    backdrop-filter: blur(6px);
    border-radius: 14px;
    padding: 12px 16px;
    border: 1px solid rgba(255,255,255,.12);
  }
  .pdp-slide__callout-text {
    font-family: 'Inter Tight',system-ui,sans-serif;
    font-size: 12px; font-weight: 700; color: #fff;
    letter-spacing: .02em; line-height: 1.35;
  }
  .pdp-slide__callout-sub {
    font-size: 10px; font-weight: 400; color: rgba(255,255,255,.65);
    margin-top: 2px;
  }

  /* Slide 5: Macro / Detail */
  .pdp-slide--macro {
    background: linear-gradient(135deg, #FAFAF8 0%, #F5F3EE 100%);
    overflow: hidden;
  }
  .pdp-slide--macro img {
    width: 130%; max-height: none; height: 130%;
    object-fit: contain;
    margin-top: 10%;
    filter: drop-shadow(0 12px 32px rgba(0,0,0,.1));
    transform-origin: center 30%;
  }
  .pdp-slide__macro-badge {
    position: absolute; top: 20px; left: 24px;
    background: rgba(255,255,255,.88); backdrop-filter: blur(6px);
    border-radius: 100px; padding: 8px 16px;
    font-family: 'Inter Tight',system-ui,sans-serif;
    font-size: 9px; font-weight: 700; letter-spacing:.12em; text-transform:uppercase;
    color: rgba(12,12,12,.55);
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
  }

  /* Slide 6: Real lifestyle photo */
  .pdp-slide--photo {
    background: #0C0C0C;
  }
  .pdp-slide--photo img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* ── PRODUCT INFO (RIGHT) ── */
  .pdp-info { animation: fadeUp 0.6s ease-out; }

  .pdp-tag-row { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
  .pdp-badge {
    background: var(--prod-color, #6373EC);
    color: var(--prod-text, #fff);
    font-size: 9px; font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase;
    padding: 5px 12px; border-radius: 100px;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .pdp-cat {
    font-size: 9px; font-weight: 700;
    letter-spacing: .18em; text-transform: uppercase;
    color: rgba(12,12,12,0.38);
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  .pdp-title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(36px, 4vw, 54px);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1.0;
    color: #0C0C0C;
    margin-bottom: 10px;
  }
  .pdp-tagline {
    font-size: 16px;
    color: rgba(12,12,12,0.55);
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 20px;
  }

  .pdp-rating {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(12,12,12,0.07);
  }
  .pdp-stars { color: #F4A523; font-size: 14px; letter-spacing: 1px; }
  .pdp-rating-num { font-weight: 700; font-size: 14px; font-family: 'Inter Tight', system-ui, sans-serif; color: #0C0C0C; }
  .pdp-rating-count { font-size: 13px; color: rgba(12,12,12,0.45); font-family: 'Inter Tight', system-ui, sans-serif; }

  /* Purchase toggle */
  .pdp-purchase {
    background: linear-gradient(135deg, rgba(237,239,157,0.06) 0%, rgba(67,125,84,0.04) 100%);
    border: 1px solid rgba(12,12,12,0.07);
    border-radius: 20px;
    padding: 16px;
    margin-bottom: 20px;
    display: flex; flex-direction: column; gap: 8px;
  }
  .pdp-opt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-radius: 14px;
    cursor: pointer;
    transition: all .22s ease;
    font-family: 'Inter Tight', system-ui, sans-serif;
    border: 2px solid transparent;
    background: rgba(255,255,255,0.7);
  }
  .pdp-opt:hover:not(.pdp-opt--active) {
    background: #fff;
    border-color: rgba(12,12,12,0.1);
  }
  .pdp-opt--active {
    background: var(--prod-color, #6373EC);
    color: #ffffff;
    border-color: var(--prod-color, #6373EC);
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
  }
  .pdp-opt__left { display: flex; align-items: center; gap: 10px; }
  .pdp-opt__radio {
    width: 18px; height: 18px;
    border-radius: 50%;
    border: 2px solid rgba(12,12,12,0.2);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; transition: all .2s;
  }
  .pdp-opt--active .pdp-opt__radio {
    border-color: rgba(255,255,255,0.6);
    background: rgba(255,255,255,0.25);
  }
  .pdp-opt__radio::after {
    content: ''; width: 8px; height: 8px;
    border-radius: 50%; background: transparent;
  }
  .pdp-opt--active .pdp-opt__radio::after { background: #ffffff; }
  .pdp-opt__label { font-size: 14px; font-weight: 600; }
  .pdp-opt__sub { font-size: 11px; opacity: .7; }
  .pdp-opt__price {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 22px; font-weight: 900;
    letter-spacing: -0.02em;
  }
  .pdp-opt__save {
    display: inline-block;
    background: #EDEF9D; color: #0C0C0C;
    font-size: 9px; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase;
    padding: 3px 8px; border-radius: 100px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    margin-left: 6px;
  }

  /* CTA buttons */
  .pdp-cta-wrap { display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; }
  .pdp-add-cart {
    width: 100%; padding: 18px 24px;
    border-radius: 100px;
    font-size: 12px; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase;
    border: none; cursor: pointer;
    font-family: 'Inter Tight', system-ui, sans-serif;
    background: var(--prod-color, #6373EC);
    color: #ffffff;
    transition: all .3s cubic-bezier(0.34,1.56,0.64,1);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    display: flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 56px;
  }
  .pdp-add-cart:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,0.2); }
  .pdp-add-cart:disabled { opacity: .65; cursor: not-allowed; }
  .pdp-buy-now {
    width: 100%; padding: 15px 24px;
    border-radius: 100px;
    font-size: 12px; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase;
    cursor: pointer;
    font-family: 'Inter Tight', system-ui, sans-serif;
    background: transparent;
    color: var(--prod-color, #6373EC);
    border: 2px solid var(--prod-color, #6373EC);
    transition: all .25s ease;
    min-height: 52px;
    display: flex; align-items: center; justify-content: center;
    appearance: none; -webkit-appearance: none;
  }
  .pdp-buy-now:hover:not(:disabled) { background: var(--prod-color, #6373EC); color: #fff; }
  .pdp-buy-now:disabled { opacity: 0.65; cursor: not-allowed; }

  /* Sticky mobile ATC bar — keeps the ask present on long PDPs */
  .pdp-sticky {
    display: none;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 90;
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-top: 1px solid rgba(12,12,12,0.08);
    box-shadow: 0 -8px 32px rgba(0,0,0,0.08);
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    align-items: center;
    gap: 12px;
  }
  .pdp-sticky__price-wrap {
    display: flex; flex-direction: column; gap: 2px;
    flex-shrink: 0;
    min-width: 90px;
  }
  .pdp-sticky__title {
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 11px; font-weight: 700; letter-spacing: 0.04em;
    color: rgba(12,12,12,0.55); text-transform: uppercase;
  }
  .pdp-sticky__price {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 20px; font-weight: 900;
    letter-spacing: -0.02em;
    color: #0C0C0C;
  }
  .pdp-sticky__btn {
    flex: 1;
    padding: 14px 20px;
    border-radius: 100px;
    font-size: 11px; font-weight: 700;
    letter-spacing: 0.1em; text-transform: uppercase;
    border: none; cursor: pointer;
    background: var(--prod-color, #6373EC);
    color: #ffffff;
    font-family: 'Inter Tight', system-ui, sans-serif;
    min-height: 50px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  }
  .pdp-sticky__btn:disabled { opacity: .65; cursor: not-allowed; }
  @media (max-width: 768px) {
    .pdp-sticky { display: flex; }
    /* Add bottom padding so sticky bar doesn't cover bottom CTA on mobile */
    body.pdp-has-sticky { padding-bottom: 86px; }
  }

  /* Trust row */
  .pdp-trust {
    display: flex; flex-wrap: wrap; gap: 16px;
    margin-bottom: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(12,12,12,0.07);
  }
  .pdp-trust-item {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 12px; font-weight: 600;
    color: rgba(12,12,12,0.7);
    font-family: 'Inter Tight', system-ui, sans-serif;
  }
  .pdp-trust-icon { flex-shrink: 0; }
  svg.pdp-trust-icon { width: 16px; height: 16px; display: block; }

  /* Benefits */
  .pdp-benefits { margin-bottom: 28px; }
  .pdp-benefits__title {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 18px; font-weight: 700;
    letter-spacing: -.02em; margin-bottom: 14px; color: #0C0C0C;
  }
  .pdp-benefit {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(12,12,12,0.05);
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 14px; color: rgba(12,12,12,0.75); line-height: 1.5;
  }
  .pdp-benefit:last-child { border-bottom: none; }
  .pdp-benefit-dot {
    width: 20px; height: 20px; border-radius: 50%;
    background: var(--prod-color, #6373EC);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; margin-top: 1px;
    font-size: 10px; color: #fff; font-weight: 700;
  }

  /* Dose */
  .pdp-dose {
    background: rgba(12,12,12,0.03);
    border: 1px solid rgba(12,12,12,0.07);
    border-radius: 14px;
    padding: 16px 18px;
    font-size: 13px; color: rgba(12,12,12,0.6);
    font-family: 'Inter Tight', system-ui, sans-serif;
    line-height: 1.6;
    display: flex; gap: 10px; align-items: flex-start;
  }
  .pdp-dose-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }

  /* ── INGREDIENTS SECTION ── */
  .pdp-ings {
    padding: 80px 0;
    background: linear-gradient(180deg, #FAFAF8 0%, #F5F3EE 100%);
  }
  .pdp-ings__head {
    text-align: center; margin-bottom: 56px;
  }
  .pdp-ings__label {
    font-size: 9px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase;
    color: var(--prod-color, #6373EC);
    font-family: 'Inter Tight', system-ui, sans-serif;
    margin-bottom: 14px;
  }
  .pdp-ings__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(30px, 3.5vw, 44px);
    font-weight: 900; letter-spacing: -.035em; line-height: 1.05;
    color: #0C0C0C;
  }
  .pdp-ings__h em { font-style: italic; font-weight: 400; color: var(--prod-color, #6373EC); }
  .pdp-ings-grid {
    display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px;
  }
  .pdp-ing {
    background: #ffffff;
    border: 1px solid rgba(12,12,12,0.07);
    border-radius: 20px;
    padding: 28px 20px;
    text-align: center;
    transition: all .3s cubic-bezier(0.34,1.56,0.64,1);
  }
  .pdp-ing:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,0,0,0.08); border-color: var(--prod-color, #6373EC); }
  .pdp-ing__icon {
    width: 52px; height: 52px;
    border-radius: 14px;
    background: var(--prod-color, #6373EC);
    margin: 0 auto 16px;
    display: flex; align-items: center; justify-content: center;
    font-size: 22px;
  }
  .pdp-ing__name {
    font-family: 'Fraunces', Georgia, serif;
    font-size: 14px; font-weight: 700;
    letter-spacing: -.01em; margin-bottom: 8px; color: #0C0C0C;
    line-height: 1.2;
  }
  .pdp-ing__desc {
    font-size: 12px; color: rgba(12,12,12,0.55);
    line-height: 1.5;
    font-family: 'Inter Tight', system-ui, sans-serif;
  }

  /* ── BOTTOM CTA BANNER ── */
  .pdp-bottom-cta {
    background: var(--prod-color, #6373EC);
    padding: 80px 0;
    text-align: center;
    position: relative; overflow: hidden;
  }
  .pdp-bottom-cta::before {
    content: ''; position: absolute; inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 18px 18px;
    pointer-events: none;
  }
  .pdp-bottom-cta__inner { position: relative; z-index: 1; }
  .pdp-bottom-cta__h {
    font-family: 'Fraunces', Georgia, serif;
    font-size: clamp(28px, 4vw, 44px); font-weight: 900;
    letter-spacing: -.035em; line-height: 1.1;
    color: #ffffff; margin-bottom: 14px;
  }
  .pdp-bottom-cta__h em { color: #EDEF9D; font-style: italic; font-weight: 400; }
  .pdp-bottom-cta__sub {
    font-size: 15px; color: rgba(255,255,255,0.65);
    font-family: 'Inter Tight', system-ui, sans-serif;
    margin-bottom: 36px; line-height: 1.7;
  }
  .pdp-cta-btns { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
  .pdp-bottom-cta__trust {
    display: flex; justify-content: center; gap: 22px; flex-wrap: wrap;
    margin-top: 28px;
    font-family: 'Inter Tight', system-ui, sans-serif;
    font-size: 11px; font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
  }
  .pdp-bottom-cta__trust span { display: inline-flex; align-items: center; gap: 6px; }
  .pdp-bottom-cta__trust span::before { content: '✓'; color: #EDEF9D; font-weight: 800; }
  .pdp-cta-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 16px 32px; border-radius: 100px;
    font-size: 11px; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase;
    text-decoration: none;
    font-family: 'Inter Tight', system-ui, sans-serif;
    transition: all .3s cubic-bezier(0.34,1.56,0.64,1);
    min-height: 52px;
    border: none; cursor: pointer;
  }
  .pdp-cta-btn--yellow { background: #EDEF9D; color: #0C0C0C; }
  .pdp-cta-btn--yellow:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(237,239,157,0.35); }
  .pdp-cta-btn--ghost { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.4); }
  .pdp-cta-btn--ghost:hover { border-color: #fff; background: rgba(255,255,255,.1); }

  /* ── RESPONSIVE ── */
  @media (max-width: 1024px) {
    .pdp-wrap { padding: 0 24px; }
    .pdp-layout { grid-template-columns: 1fr; gap: 48px; }
    .pdp-gallery { position: static; }
    .pdp-ings-grid { grid-template-columns: repeat(3, 1fr); }
  }
  @media (max-width: 768px) {
    .pdp-section { padding: 40px 0 80px; }
    .pdp-wrap { padding: 0 20px; }
    .pdp-thumbs { flex-direction: row; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .pdp-thumb { width: 56px; height: 56px; min-width: 56px; }
    .pdp-gallery { flex-direction: column-reverse; gap: 12px; }
    .pdp-main-img { aspect-ratio: 4/3; }
    .pdp-slide__pills { max-width: 48%; right: 12px; gap: 6px; }
    .pdp-slide__pill { padding: 8px 10px; gap: 8px; }
    .pdp-slide__pill-text { font-size: 10px; }
    .pdp-slide__pill-sub { font-size: 8px; }
    .pdp-slide__callouts { left: 14px; max-width: 46%; gap: 8px; }
    .pdp-slide__callout { padding: 10px 12px; }
    .pdp-slide__callout-text { font-size: 11px; }
    .pdp-slide__context-badge { bottom: 16px; left: 14px; padding: 8px 14px; font-size: 10px; }
    .pdp-title { font-size: clamp(28px, 5vw, 40px); }
    .pdp-ings-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .pdp-ing { padding: 20px 14px; }
    .pdp-ings { padding: 60px 0; }
    .pdp-bottom-cta { padding: 60px 0; }
  }
  @media (max-width: 640px) {
    .pdp-layout { gap: 32px; }
    .pdp-purchase { padding: 12px; }
    .pdp-opt { padding: 12px 14px; }
    .pdp-opt__price { font-size: 18px; }
    .pdp-add-cart { padding: 16px 20px; font-size: 11px; min-height: 52px; }
    .pdp-ings-grid { grid-template-columns: 1fr 1fr; }
    .pdp-cta-btns { flex-direction: column; align-items: center; }
    .pdp-cta-btn { width: 100%; max-width: 340px; justify-content: center; }
    .pdp-trust { gap: 10px; }
    .pdp-trust-item { font-size: 11px; }
    .pdp-slide__pills { display: none; }
    .pdp-slide--ingredients img { width: 65%; margin-left: 0; }
    .pdp-slide__callouts { position: static; transform: none; max-width: 100%;
      flex-direction: row; flex-wrap: wrap; padding: 10px;
      justify-content: center; gap: 6px;
    }
    .pdp-slide--benefits { flex-direction: column; }
    .pdp-slide--benefits img { width: 55%; margin-right: 0; }
  }
  @media (max-width: 480px) {
    .pdp-thumb { width: 48px; height: 48px; min-width: 48px; }
    .pdp-title { font-size: clamp(24px, 6vw, 32px); }
    .pdp-ings-grid { grid-template-columns: 1fr; }
    .pdp-bottom-cta { padding: 48px 0; }
  }
/* END_SECTION:product */

/* START_SECTION:search (INDEX:35) */
.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 */

/* CSS from block stylesheet tags */
/* START_BLOCK:group (INDEX:36) */
.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:text (INDEX:37) */
.text {
    text-align: var(--text-align);
  }
  .text--title {
    font-size: 2rem;
    font-weight: 700;
  }
  .text--subtitle {
    font-size: 1.5rem;
  }
/* END_BLOCK:text */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:image (INDEX:39) */
.image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
  }

  .image > img {
    width: 100%;
    height: auto;
  }
/* END_SNIPPET:image */