/** Shopify CDN: Minification failed

Line 2597:0 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:brand-story (INDEX:0) */
.brand-story {
    padding: 5rem 0 0;
  }

  .brand-story__panel {
    padding: 0;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 0;
    overflow: hidden;
  }

  .brand-story__media {
    min-height: 36rem;
    overflow: hidden;
  }

  .brand-story__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .brand-story__copy {
    align-self: center;
    padding: 3rem;
  }

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

    .brand-story__media {
      min-height: 24rem;
    }

    .brand-story__copy {
      padding: 1.5rem;
    }
  }
/* END_SECTION:brand-story */

/* START_SECTION:category-cards (INDEX:1) */
.category-cards {
    padding: 5rem 0 0;
  }

  .category-cards__inner {
    display: grid;
    gap: 2.25rem;
  }

  .category-cards__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }

  .category-cards__card {
    position: relative;
    min-height: 28rem;
    border-radius: var(--radius-xl);
    overflow: hidden;
    border: 1px solid var(--line);
    transition:
      transform 460ms var(--ease),
      border-color 460ms var(--ease),
      box-shadow 460ms var(--ease);
  }

  .category-cards__card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, transparent 38%, rgba(199, 173, 120, 0.18), transparent 62%);
    opacity: 0;
    transform: translateX(-25%);
    transition: opacity 420ms var(--ease), transform 760ms var(--ease);
    pointer-events: none;
  }

  .category-cards__image,
  .category-cards__overlay {
    position: absolute;
    inset: 0;
  }

  .category-cards__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 700ms var(--ease);
  }

  .category-cards__overlay {
    background: linear-gradient(180deg, rgba(8, 9, 9, 0.12), rgba(8, 9, 9, 0.82));
  }

  .category-cards__copy {
    position: absolute;
    inset: auto 1.2rem 1.2rem;
    z-index: 1;
    display: grid;
    gap: 0.35rem;
    transition: transform 420ms var(--ease);
  }

  .category-cards__copy p,
  .category-cards__copy span {
    margin: 0;
  }

  .category-cards__copy p {
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: 2.65rem;
    line-height: 0.98;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 900;
  }

  .category-cards__copy span {
    color: var(--text-2);
  }

  .category-cards__card:hover .category-cards__image {
    transform: scale(1.08);
  }

  .category-cards__card:hover {
    transform: translateY(-0.65rem);
    border-color: rgba(199, 173, 120, 0.46);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.42);
  }

  .category-cards__card:hover::after {
    opacity: 1;
    transform: translateX(25%);
  }

  .category-cards__card:hover .category-cards__copy {
    transform: translateY(-0.35rem);
  }

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

    .category-cards__card {
      min-height: 22rem;
      border-radius: var(--radius-s);
    }

    .category-cards__copy p {
      font-size: 2.25rem;
    }
  }

  @media screen and (max-width: 749px) {
    .category-cards {
      padding-top: 3.5rem;
    }

    .category-cards__card {
      min-height: 18rem;
    }
  }
/* END_SECTION:category-cards */

/* START_SECTION:conversion-system (INDEX:2) */
.conversion-system {
    padding: 2rem 0 5.5rem;
  }

  .conversion-system__shell {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 1.25rem;
    align-items: stretch;
  }

  .conversion-system__intro,
  .conversion-system__feature {
    border: 1px solid var(--line);
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.022)),
      rgba(11, 11, 10, 0.82);
    backdrop-filter: blur(22px);
  }

  .conversion-system__intro {
    min-height: 36rem;
    display: grid;
    align-content: space-between;
    gap: 1.5rem;
    padding: clamp(1.15rem, 3vw, 2rem);
    border-radius: var(--radius-s);
    overflow: hidden;
    position: relative;
  }

  .conversion-system__intro::before {
    content: "";
    position: absolute;
    inset: auto -20% -42% 18%;
    height: 24rem;
    border-radius: 999px 999px 0 0;
    background:
      linear-gradient(180deg, rgba(240, 223, 184, 0.16), transparent),
      rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(240, 223, 184, 0.12);
    filter: blur(0.2px);
    pointer-events: none;
  }

  .conversion-system__intro h2,
  .conversion-system__intro p {
    margin: 0;
    position: relative;
  }

  .conversion-system__intro h2 {
    max-width: 9ch;
    font-family: var(--font-display);
    font-size: clamp(4rem, 9vw, 9.5rem);
    line-height: 0.8;
    letter-spacing: -0.075em;
    text-transform: uppercase;
  }

  .conversion-system__intro p {
    max-width: 32rem;
    color: var(--text-2);
    font-size: 1.05rem;
    line-height: 1.65;
  }

  .conversion-system__intro .button-primary {
    width: fit-content;
    position: relative;
  }

  .conversion-system__intro .button-primary svg {
    width: 1.05rem;
    height: 1.05rem;
  }

  .conversion-system__board {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .conversion-system__feature {
    min-height: 17rem;
    display: grid;
    align-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-radius: var(--radius-s);
    transition: transform 420ms var(--ease), border-color 420ms var(--ease), background-color 420ms var(--ease);
  }

  .conversion-system__feature:hover {
    transform: translateY(-0.4rem);
    border-color: rgba(240, 223, 184, 0.46);
    background-color: rgba(240, 223, 184, 0.05);
  }

  .conversion-system__feature--large {
    grid-row: span 2;
    min-height: 35rem;
    background:
      radial-gradient(circle at 78% 20%, rgba(240, 223, 184, 0.18), transparent 18rem),
      linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.025));
  }

  .conversion-system__feature--dark {
    background:
      linear-gradient(145deg, rgba(8, 8, 7, 0.94), rgba(35, 32, 27, 0.72)),
      rgba(255, 255, 255, 0.02);
  }

  .conversion-system__feature span {
    color: var(--accent-strong);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.14em;
  }

  .conversion-system__feature strong {
    display: block;
    max-width: 8ch;
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 5vw, 5.8rem);
    line-height: 0.82;
    letter-spacing: -0.06em;
    text-transform: uppercase;
  }

  .conversion-system__feature:not(.conversion-system__feature--large) strong {
    font-size: clamp(1.8rem, 3vw, 3.4rem);
  }

  .conversion-system__feature p {
    margin: 0;
    color: var(--text-2);
    line-height: 1.55;
  }

  @media screen and (max-width: 989px) {
    .conversion-system {
      padding: 1rem 0 3.5rem;
    }

    .conversion-system__shell,
    .conversion-system__board {
      grid-template-columns: 1fr;
    }

    .conversion-system__intro,
    .conversion-system__feature--large {
      min-height: 28rem;
    }

    .conversion-system__feature {
      min-height: 14rem;
    }
  }

  @media screen and (max-width: 749px) {
    .conversion-system__intro h2 {
      font-size: clamp(3.5rem, 18vw, 6rem);
    }

    .conversion-system__intro,
    .conversion-system__feature {
      border-radius: var(--radius-s);
    }
  }
/* END_SECTION:conversion-system */

/* START_SECTION:curated-products (INDEX:3) */
.curated-products {
    padding: 5rem 0 0;
  }

  .curated-products__inner {
    display: grid;
    gap: 2rem;
  }

  .curated-products__grid {
    align-items: start;
  }

  .curated-products__placeholder {
    position: relative;
    overflow: hidden;
    padding: 0.8rem;
    transition:
      transform 420ms var(--ease),
      border-color 420ms var(--ease),
      box-shadow 420ms var(--ease);
  }

  .curated-products__placeholder:hover {
    transform: translateY(-0.55rem);
    border-color: rgba(199, 173, 120, 0.4);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.42);
  }

  .curated-products__placeholder-media {
    aspect-ratio: 0.82;
    border-radius: var(--radius-m);
    transition: transform 760ms var(--ease);
  }

  .curated-products__placeholder:hover .curated-products__placeholder-media {
    transform: scale(1.018);
  }

  .curated-products__placeholder-copy {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem 0.15rem 0.1rem;
    min-width: 0;
  }

  .curated-products__placeholder-copy strong {
    text-transform: uppercase;
    font-size: 0.92rem;
    line-height: 1.25;
    letter-spacing: 0.04em;
    overflow-wrap: anywhere;
  }

  .curated-products__placeholder-copy span {
    color: var(--text-3);
    font-size: 0.9rem;
  }

  @media screen and (max-width: 749px) {
    .curated-products {
      padding-top: 3.5rem;
    }

    .curated-products__inner {
      gap: 1.25rem;
    }

    .curated-products__placeholder {
      padding: 0.55rem;
    }

    .curated-products__placeholder-media {
      border-radius: var(--radius-s);
    }
  }
/* END_SECTION:curated-products */

/* START_SECTION:footer (INDEX:4) */
.site-footer {
    padding: 2rem 0 3rem;
  }

  .site-footer__panel {
    padding: 2rem;
    display: grid;
    gap: 2rem;
  }

  .site-footer__brand {
    display: grid;
    gap: 1rem;
    max-width: 36rem;
  }

  .site-footer__brand h2,
  .site-footer__brand p,
  .site-footer__bottom small,
  .site-footer__columns p {
    margin: 0;
  }

  .site-footer__brand h2 {
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: 3.4rem;
    line-height: 0.98;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 900;
  }

  .site-footer__brand p,
  .site-footer__bottom small,
  .site-footer__columns a {
    color: var(--text-2);
  }

  .site-footer__newsletter {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
  }

  .site-footer__newsletter input {
    min-height: 3.5rem;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.04);
    color: var(--text-1);
    padding: 0 1.15rem;
  }

  .site-footer__columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
  }

  .site-footer__columns p {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.72rem;
    margin-bottom: 0.8rem;
  }

  .site-footer__links {
    display: grid;
    gap: 0.5rem;
  }

  .site-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
  }

  @media screen and (max-width: 749px) {
    .site-footer__panel {
      padding: 1.5rem;
    }

    .site-footer__newsletter,
    .site-footer__columns {
      grid-template-columns: 1fr;
    }

    .site-footer__brand h2 {
      font-size: 2.45rem;
    }
  }
/* END_SECTION:footer */

/* START_SECTION:header (INDEX:6) */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 90;
    padding: 0;
    background: rgba(4, 4, 4, 0.88);
    border-bottom: 1px solid rgba(244, 242, 236, 0.28);
    backdrop-filter: blur(18px);
    color: #fff;
  }

  .site-header__bar {
    display: grid;
    grid-template-columns: minmax(10rem, 15rem) minmax(13rem, 1fr) auto auto;
    align-items: center;
    min-height: 4.55rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
  }

  .site-header__brand {
    min-height: 4.55rem;
    display: inline-flex;
    align-items: center;
    padding: 0 1.35rem;
    border-right: 1px solid rgba(244, 242, 236, 0.28);
    justify-self: stretch;
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: 0.52em;
    text-transform: uppercase;
    line-height: 1;
    text-shadow: 0 1px 18px rgba(0, 0, 0, 0.32);
  }

  .site-header__promo {
    min-height: 4.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem;
    border-right: 1px solid rgba(244, 242, 236, 0.28);
    overflow: hidden;
  }

  .site-header__promo span {
    font-family: var(--font-display);
    color: rgba(255, 255, 255, 0.94);
    font-size: clamp(0.88rem, 1.35vw, 1.18rem);
    font-weight: 800;
    letter-spacing: -0.035em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .site-header__nav {
    min-height: 4.55rem;
    display: inline-flex;
    justify-content: center;
    gap: 0;
    border-right: 1px solid rgba(244, 242, 236, 0.28);
  }

  .site-header__nav a {
    position: relative;
    min-height: 4.55rem;
    display: inline-flex;
    align-items: center;
    padding: 0 clamp(0.85rem, 1.55vw, 1.45rem);
    border-left: 1px solid rgba(244, 242, 236, 0.22);
    color: rgba(255, 255, 255, 0.9);
    font-family: var(--font-display);
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    transition: color 240ms var(--ease), background-color 240ms var(--ease);
  }

  .site-header__nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--accent-strong);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 300ms var(--ease);
  }

  .site-header__nav a:hover {
    color: #fff;
    background: rgba(244, 242, 236, 0.06);
  }

  .site-header__nav a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
  }

  .site-header__actions {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 0;
    min-height: 4.55rem;
  }

  .site-header__cart,
  .site-header__toggle,
  .site-header__icon-link {
    width: 3.25rem;
    min-height: 4.55rem;
    border-radius: 0;
    border: 0;
    border-left: 1px solid rgba(244, 242, 236, 0.22);
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.9);
    transition: color 240ms var(--ease), background-color 240ms var(--ease);
  }

  .site-header__cart {
    position: relative;
    gap: 0.55rem;
    width: 4rem;
  }

  .site-header__cart span {
    position: static;
    min-width: auto;
    min-height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: currentColor;
    font-size: 0.85rem;
    font-weight: 700;
  }

  .site-header__cart svg,
  .site-header__toggle svg,
  .site-header__icon-link svg {
    width: 1.18rem;
    height: 1.18rem;
  }

  .site-header__cart:hover,
  .site-header__toggle:hover,
  .site-header__icon-link:hover {
    color: #fff;
    background: rgba(244, 242, 236, 0.06);
  }

  .site-header__toggle {
    display: none;
    cursor: pointer;
  }

  .site-header__toggle-close {
    display: none;
  }

  .site-header.is-menu-open .site-header__toggle-open {
    display: none;
  }

  .site-header.is-menu-open .site-header__toggle-close {
    display: inline-flex;
  }

  .site-header__drawer {
    position: fixed;
    inset: 0;
    z-index: 1;
    padding: 1rem;
    display: grid;
    align-items: start;
    justify-items: end;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.74);
    backdrop-filter: blur(16px);
    transition: opacity 280ms var(--ease), visibility 280ms var(--ease);
  }

  .site-header.is-menu-open .site-header__drawer {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .site-header__drawer-panel {
    width: min(100%, 24rem);
    padding: 1rem;
    display: grid;
    gap: 1.25rem;
    border: 1px solid rgba(244, 242, 236, 0.22);
    background:
      linear-gradient(145deg, rgba(244, 242, 236, 0.08), rgba(244, 242, 236, 0.025)),
      #050505;
    box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.62);
    transform: translateY(-1rem);
    transition: transform 280ms var(--ease);
  }

  .site-header.is-menu-open .site-header__drawer-panel {
    transform: translateY(0);
  }

  .site-header__drawer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }

  .site-header__drawer-top p {
    margin: 0;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
  }

  .site-header__drawer-links {
    display: grid;
    gap: 0.25rem;
  }

  .site-header__drawer-links a {
    padding: 0.95rem 0;
    border-bottom: 1px solid var(--line);
    font-size: 1.35rem;
    letter-spacing: 0;
  }

  @media screen and (max-width: 1320px) {
    .site-header__bar {
      grid-template-columns: minmax(10rem, 15rem) 1fr auto;
    }

    .site-header__promo {
      display: none;
    }

    .site-header__nav {
      justify-self: center;
    }
  }

  @media screen and (max-width: 989px) {
    .site-header {
      padding: 0;
      background: #030303;
      backdrop-filter: none;
    }

    .site-header__bar {
      grid-template-columns: 4rem minmax(0, 1fr) auto;
      width: 100%;
      min-height: 4rem;
    }

    .site-header__toggle {
      grid-column: 1;
      grid-row: 1;
      display: inline-flex;
      width: 4rem;
      min-height: 4rem;
      border-left: 0;
      border-right: 1px solid rgba(244, 242, 236, 0.24);
      list-style: none;
    }

    .site-header__brand {
      grid-column: 2;
      grid-row: 1;
      min-height: 4rem;
      max-width: none;
      overflow: hidden;
      padding: 0 1rem;
      border-right: 1px solid rgba(244, 242, 236, 0.24);
      font-size: 0.83rem;
      letter-spacing: 0.32em;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .site-header__promo,
    .site-header__nav {
      display: none;
    }

    .site-header__actions {
      grid-column: 3;
      grid-row: 1;
      justify-self: end;
      min-height: 4rem;
      gap: 0;
    }

    .site-header__icon-link {
      display: none;
    }

    .site-header__icon-link--account {
      display: inline-flex;
    }

    .site-header__cart,
    .site-header__icon-link--account {
      width: 3.75rem;
      min-height: 4rem;
    }

    .site-header__cart {
      width: 4rem;
    }

    .site-header__drawer {
      inset: 4rem 0 0;
      padding: 0;
      align-items: stretch;
      justify-items: stretch;
      overflow: hidden;
      background: #020202;
      backdrop-filter: none;
      mix-blend-mode: normal;
    }

    .site-header__drawer-panel {
      width: 100%;
      min-height: calc(100svh - 4rem);
      max-height: calc(100svh - 4rem);
      align-content: start;
      gap: 1rem;
      overflow-y: auto;
      padding: 1.15rem;
      border: 0;
      border-top: 1px solid rgba(244, 242, 236, 0.28);
      border-radius: 0;
      background: #050505;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
      opacity: 1;
      mix-blend-mode: normal;
    }

    .site-header__drawer-top {
      padding-bottom: 0.8rem;
      border-bottom: 1px solid rgba(244, 242, 236, 0.2);
    }

    .site-header__drawer-top p {
      color: var(--text-1);
      font-weight: 900;
      letter-spacing: 0.28em;
    }

    .site-header__drawer-links {
      gap: 0;
      border: 1px solid rgba(244, 242, 236, 0.18);
      background: #070707;
    }

    .site-header__drawer-links a {
      min-height: 3.75rem;
      display: flex;
      align-items: center;
      padding: 0 1rem;
      border-bottom: 1px solid rgba(244, 242, 236, 0.16);
      color: var(--text-1);
      font-family: var(--font-display);
      font-size: 1.45rem;
      font-weight: 800;
      line-height: 0.9;
      letter-spacing: -0.035em;
      text-transform: uppercase;
      background: #080808;
      opacity: 1;
      mix-blend-mode: normal;
    }

    .site-header__drawer-links a:last-child {
      border-bottom: 0;
    }

    .site-header__drawer .button-primary {
      width: 100%;
      min-height: 3.75rem;
      justify-content: center;
    }
  }
/* END_SECTION:header */

/* START_SECTION:hero-editorial (INDEX:7) */
.hero-editorial {
    position: relative;
    min-height: var(--hero-height);
    display: grid;
    align-items: end;
    padding: 1rem 0 2rem;
    overflow: hidden;
  }

  .hero-editorial__media,
  .hero-editorial__overlay {
    position: absolute;
    inset: 0;
  }

  .hero-editorial__media {
    z-index: 0;
  }

  .hero-editorial__overlay {
    z-index: 1;
  }

  .hero-editorial__media::after {
    display: none;
  }

  .hero-editorial__video,
  .hero-editorial__image,
  .hero-editorial__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--hero-image-position);
  }

  .hero-editorial__overlay {
    background: linear-gradient(90deg, rgba(0, 0, 0, calc(var(--hero-overlay-opacity) * 0.28)), transparent 58%);
    pointer-events: none;
  }

  .hero-editorial__image--mobile {
    display: none;
  }

  .hero-editorial__content {
    position: relative;
    z-index: 2;
  }

  .hero-editorial__copy {
    display: grid;
    gap: 1.35rem;
    max-width: min(48rem, 100%);
    padding: 14rem 0 2rem;
  }

  .hero-editorial--center .hero-editorial__copy {
    margin-inline: auto;
    text-align: center;
    justify-items: center;
  }

  .hero-editorial--right .hero-editorial__copy {
    margin-left: auto;
  }

  .hero-editorial__copy h1,
  .hero-editorial__copy p {
    margin: 0;
  }

  .hero-editorial__copy h1 {
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: 6.9rem;
    line-height: 0.88;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 900;
    max-width: 10.5ch;
  }

  .hero-editorial__copy p {
    max-width: 24rem;
    color: rgba(255, 255, 255, 0.86);
    font-size: 1.08rem;
    line-height: 1.55;
  }

  .hero-editorial__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 34rem;
    gap: 0.85rem;
    padding-top: 5rem;
  }

  .hero-editorial__stat {
    padding: 0.9rem;
    border-radius: var(--radius-m);
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(18px);
    transition:
      transform 360ms var(--ease),
      border-color 360ms var(--ease),
      background-color 360ms var(--ease);
  }

  .hero-editorial__stat:hover {
    transform: translateY(-0.35rem);
    border-color: rgba(199, 173, 120, 0.45);
    background: rgba(199, 173, 120, 0.08);
  }

  .hero-editorial__stat strong,
  .hero-editorial__stat span {
    display: block;
  }

  .hero-editorial__stat strong {
    font-size: 1.55rem;
    letter-spacing: 0;
  }

  .hero-editorial__stat span {
    color: var(--text-3);
    font-size: 0.84rem;
  }

  @media screen and (max-width: 749px) {
    .hero-editorial {
      min-height: var(--hero-mobile-height);
      padding-top: 6.2rem;
      padding-bottom: 1rem;
    }

    .hero-editorial__image--desktop {
      display: none;
    }

    .hero-editorial__image--mobile {
      display: block;
      object-position: var(--hero-mobile-image-position);
    }

    .hero-editorial__overlay {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.44));
    }

    .hero-editorial__copy {
      max-width: 100%;
      padding-top: 2rem;
      gap: 1rem;
    }

    .hero-editorial__copy h1 {
      font-size: clamp(2.85rem, 16vw, 4.8rem);
      line-height: 0.88;
      max-width: 10ch;
      overflow-wrap: anywhere;
    }

    .hero-editorial__copy p {
      max-width: 19rem;
      font-size: 0.98rem;
    }

    .hero-editorial__stats {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.55rem;
      padding-top: 1.2rem;
    }

    .hero-editorial__stat {
      border-radius: var(--radius-s);
      padding: 0.75rem 0.6rem;
    }

    .hero-editorial__stat strong {
      font-size: 1.1rem;
    }

    .hero-editorial__stat span {
      font-size: 0.68rem;
    }
  }
/* END_SECTION:hero-editorial */

/* START_SECTION:home-commerce-wall (INDEX:8) */
.home-commerce-wall {
    --wall-line: rgba(244, 242, 236, 0.32);
    position: relative;
    padding: 0 0 4.5rem;
    background:
      radial-gradient(circle at var(--mx, 50%) var(--my, 40%), rgba(240, 223, 184, 0.12), transparent 22rem),
      #040404;
    overflow: hidden;
  }

  .home-commerce-wall::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    opacity: 0.26;
    mix-blend-mode: screen;
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
      radial-gradient(circle, rgba(255, 255, 255, 0.18) 1px, transparent 1.4px);
    background-size: 4rem 4rem, 4rem 4rem, 0.38rem 0.38rem;
  }

  .home-commerce-wall__ticker {
    position: sticky;
    top: 0;
    z-index: 4;
    overflow: hidden;
    border-block: 1px solid var(--wall-line);
    background: rgba(4, 4, 4, 0.88);
    backdrop-filter: blur(16px);
  }

  .home-commerce-wall__ticker div {
    display: flex;
    width: max-content;
    animation: home-wall-marquee 24s linear infinite;
  }

  .home-commerce-wall__ticker span {
    padding: 0.95rem 2.4rem;
    color: var(--text-1);
    font-size: clamp(0.9rem, 1.5vw, 1.25rem);
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .home-commerce-wall__grid {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: minmax(19rem, 29vw);
    border-bottom: 1px solid var(--wall-line);
    perspective: 1200px;
  }

  .home-commerce-wall__cell {
    position: relative;
    isolation: isolate;
    min-width: 0;
    overflow: hidden;
    border-top: 1px solid var(--wall-line);
    border-right: 1px solid var(--wall-line);
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
      #050505;
    color: var(--text-1);
    transform-style: preserve-3d;
    transition:
      transform 520ms var(--ease),
      filter 520ms var(--ease),
      background-color 520ms var(--ease);
  }

  .home-commerce-wall__cell:first-child,
  .home-commerce-wall__cell--product-3 {
    border-left: 1px solid var(--wall-line);
  }

  .home-commerce-wall__cell:hover {
    transform:
      perspective(1000px)
      rotateX(var(--rx, 0deg))
      rotateY(var(--ry, 0deg))
      translateY(-0.25rem);
    filter: brightness(1.08);
  }

  .home-commerce-wall__cell--feature {
    grid-column: 1 / span 5;
    grid-row: 1 / span 2;
  }

  .home-commerce-wall__cell--product-1 {
    grid-column: 6 / span 3;
    grid-row: 1;
  }

  .home-commerce-wall__cell--product-2 {
    grid-column: 9 / span 4;
    grid-row: 1;
  }

  .home-commerce-wall__cell--product-3 {
    grid-column: 6 / span 3;
    grid-row: 2;
  }

  .home-commerce-wall__cell--product-4 {
    grid-column: 1 / span 12;
    grid-row: 3;
    min-height: 24rem;
  }

  .home-commerce-wall__cell--promo {
    grid-column: 9 / span 4;
    grid-row: 2;
  }

  .home-commerce-wall__media,
  .home-commerce-wall__shade {
    position: absolute;
    inset: 0;
  }

  .home-commerce-wall__media img,
  .home-commerce-wall__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 900ms var(--ease), opacity 500ms var(--ease);
  }

  .home-commerce-wall__media--product img {
    object-fit: contain;
    object-position: center top;
    padding: 1.2rem 1rem 6.2rem;
    filter: drop-shadow(0 2rem 3rem rgba(0, 0, 0, 0.4));
  }

  .home-commerce-wall__cell:hover .home-commerce-wall__media img {
    transform: scale(1.055) translate3d(var(--tx, 0), var(--ty, 0), 0);
  }

  .home-commerce-wall__shade {
    z-index: 1;
    background:
      radial-gradient(circle at var(--mx, 50%) var(--my, 45%), rgba(240, 223, 184, 0.16), transparent 19rem),
      linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.82));
  }

  .home-commerce-wall__feature-copy,
  .home-commerce-wall__promo-copy,
  .home-commerce-wall__product-copy,
  .home-commerce-wall__product-tags {
    position: absolute;
    z-index: 2;
  }

  .home-commerce-wall__feature-copy {
    inset: 1.4rem 1.4rem auto 1.4rem;
    display: grid;
    gap: 1rem;
    transform: translateZ(42px);
  }

  .home-commerce-wall__feature-copy span,
  .home-commerce-wall__promo-copy span,
  .home-commerce-wall__product-tags span {
    color: var(--text-3);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .home-commerce-wall__feature-copy h2,
  .home-commerce-wall__promo-copy h2,
  .home-commerce-wall__product-copy h3,
  .home-commerce-wall__feature-copy p,
  .home-commerce-wall__product-copy p {
    margin: 0;
  }

  .home-commerce-wall__feature-copy h2,
  .home-commerce-wall__promo-copy h2 {
    font-family: var(--font-display);
    font-size: clamp(4.5rem, 9vw, 10rem);
    line-height: 0.78;
    letter-spacing: -0.08em;
    text-transform: uppercase;
    max-width: 7.5ch;
    text-wrap: balance;
  }

  .home-commerce-wall__feature-copy p {
    max-width: 29rem;
    color: var(--text-2);
    font-size: 1rem;
    line-height: 1.55;
  }

  .home-commerce-wall__feature-copy strong,
  .home-commerce-wall__promo-copy strong {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    width: fit-content;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(244, 242, 236, 0.56);
    background: rgba(5, 5, 5, 0.72);
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .home-commerce-wall__feature-copy svg,
  .home-commerce-wall__promo-copy svg,
  .home-commerce-wall__product-copy svg {
    width: 1rem;
    height: 1rem;
  }

  .home-commerce-wall__product-tags {
    inset: 0.85rem auto auto 0.85rem;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.4rem;
  }

  .home-commerce-wall__product-tags span {
    padding: 0.38rem 0.5rem;
    border: 1px solid rgba(244, 242, 236, 0.2);
    background: rgba(4, 4, 4, 0.48);
  }

  .home-commerce-wall__product-copy {
    inset: auto 0 0;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem;
    border-top: 1px solid var(--wall-line);
    background: rgba(4, 4, 4, 0.72);
    backdrop-filter: blur(14px);
    transform: translateZ(32px);
  }

  .home-commerce-wall__product-copy h3 {
    font-family: var(--font-display);
    font-size: clamp(1.45rem, 2.35vw, 2.6rem);
    line-height: 0.9;
    letter-spacing: -0.055em;
    text-transform: uppercase;
  }

  .home-commerce-wall__product-copy p {
    padding-top: 0.35rem;
    font-size: 1.05rem;
    font-weight: 900;
  }

  .home-commerce-wall__product-copy s {
    color: var(--text-3);
    font-weight: 700;
  }

  .home-commerce-wall__promo-copy {
    inset: 1rem 0.9rem auto;
    display: grid;
    gap: 0.8rem;
    transform: translateZ(40px);
  }

  .home-commerce-wall__promo-copy h2 {
    font-size: clamp(2.8rem, 5.3vw, 6.8rem);
    max-width: 6ch;
  }

  @keyframes home-wall-marquee {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-50%);
    }
  }

  @media screen and (max-width: 1180px) {
    .home-commerce-wall__grid {
      grid-auto-rows: minmax(17rem, 38vw);
    }

    .home-commerce-wall__cell--feature {
      grid-column: 1 / span 6;
    }

    .home-commerce-wall__cell--product-1 {
      grid-column: 7 / span 3;
    }

    .home-commerce-wall__cell--product-2 {
      grid-column: 10 / span 3;
    }

    .home-commerce-wall__cell--product-3 {
      grid-column: 7 / span 3;
    }

    .home-commerce-wall__cell--product-4,
    .home-commerce-wall__cell--promo {
      grid-column: 10 / span 3;
    }

    .home-commerce-wall__cell--product-4 {
      grid-column: 1 / span 12;
      grid-row: 3;
    }
  }

  @media screen and (max-width: 989px) {
    .home-commerce-wall {
      padding-bottom: 3rem;
    }

    .home-commerce-wall__ticker {
      position: relative;
    }

    .home-commerce-wall__grid {
      grid-template-columns: 1fr;
      grid-auto-rows: auto;
    }

    .home-commerce-wall__cell,
    .home-commerce-wall__cell--feature,
    .home-commerce-wall__cell--product-1,
    .home-commerce-wall__cell--product-2,
    .home-commerce-wall__cell--product-3,
    .home-commerce-wall__cell--product-4,
    .home-commerce-wall__cell--promo {
      grid-column: auto;
      grid-row: auto;
      min-height: 29rem;
      border-left: 1px solid var(--wall-line);
    }

    .home-commerce-wall__cell--feature {
      min-height: 40rem;
    }

    .home-commerce-wall__media--product img {
      padding-bottom: 7rem;
    }
  }

  @media screen and (max-width: 749px) {
    .home-commerce-wall__cell,
    .home-commerce-wall__cell--feature {
      min-height: 30rem;
    }

    .home-commerce-wall__cell--product,
    .home-commerce-wall__cell--promo {
      min-height: 24rem;
    }

    .home-commerce-wall__cell--feature {
      min-height: 31rem;
    }

    .home-commerce-wall__feature-copy h2 {
      max-width: 7ch;
      font-size: clamp(3.25rem, 14vw, 5.25rem);
    }

    .home-commerce-wall__feature-copy,
    .home-commerce-wall__promo-copy {
      inset: 1.35rem;
      bottom: auto;
    }

    .home-commerce-wall__feature-copy {
      justify-items: center;
      text-align: center;
    }

    .home-commerce-wall__feature-copy p {
      max-width: 20rem;
      font-size: 0.96rem;
    }

    .home-commerce-wall__feature-copy strong,
    .home-commerce-wall__promo-copy strong {
      min-height: 2.85rem;
      padding: 0.72rem 0.9rem;
      font-size: 0.72rem;
    }

    .home-commerce-wall__promo-copy {
      align-content: start;
      justify-items: start;
    }

    .home-commerce-wall__promo-copy h2 {
      max-width: 6ch;
      font-size: clamp(2.75rem, 12vw, 4.45rem);
    }

    .home-commerce-wall__product-copy {
      padding: 0.78rem;
    }

    .home-commerce-wall__product-copy h3 {
      font-size: clamp(1.25rem, 8vw, 2rem);
    }
  }
/* END_SECTION:home-commerce-wall */

/* START_SECTION:main-404 (INDEX:9) */
.main-404 {
    min-height: 100vh;
    display: grid;
    align-items: center;
    padding: 8rem 0 4rem;
  }

  .main-404__inner {
    display: grid;
    gap: 1rem;
    padding: clamp(1.5rem, 5vw, 3rem);
    max-width: 44rem;
  }

  .main-404 h1,
  .main-404 p {
    margin: 0;
  }

  .main-404 h1 {
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: 4.8rem;
    line-height: 0.9;
    text-transform: uppercase;
  }

  .main-404 p {
    color: var(--text-2);
  }
/* END_SECTION:main-404 */

/* START_SECTION:main-article (INDEX:10) */
.main-article {
    padding-bottom: 4rem;
  }

  .main-article__hero {
    position: relative;
    min-height: 44rem;
    margin-top: -6.5rem;
    padding-top: 12rem;
    display: grid;
    align-items: end;
    overflow: hidden;
  }

  .main-article__image,
  .main-article__overlay {
    position: absolute;
    inset: 0;
  }

  .main-article__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .main-article__overlay {
    background: linear-gradient(180deg, rgba(8, 9, 9, 0.25), rgba(8, 9, 9, 0.92));
  }

  .main-article__hero-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1rem;
    padding-bottom: 3rem;
  }

  .main-article__hero-copy h1 {
    margin: 0;
    max-width: 62rem;
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: clamp(3.6rem, 10vw, 8.5rem);
    line-height: 0.85;
    text-transform: uppercase;
    font-weight: 900;
  }

  .main-article__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.35fr);
    gap: 1.5rem;
    align-items: start;
    margin-top: 1.5rem;
  }

  .main-article__content,
  .main-article__side {
    padding: 1.6rem;
  }

  .main-article__content {
    color: var(--text-2);
    line-height: 1.85;
  }

  .main-article__content h2,
  .main-article__content h3,
  .main-article__side h2 {
    color: var(--text-1);
    text-transform: uppercase;
  }

  .main-article__content img {
    width: 100%;
    height: auto;
    margin: 1rem 0;
  }

  .main-article__side {
    position: sticky;
    top: 7rem;
    display: grid;
    gap: 1rem;
  }

  .main-article__side h2,
  .main-article__side p {
    margin: 0;
  }

  .main-article__side p {
    color: var(--text-2);
    line-height: 1.65;
  }

  @media screen and (max-width: 989px) {
    .main-article__hero {
      min-height: 34rem;
    }

    .main-article__body {
      grid-template-columns: 1fr;
    }

    .main-article__side {
      position: static;
    }
  }
/* END_SECTION:main-article */

/* START_SECTION:main-blog (INDEX:11) */
.main-blog {
    padding: 9rem 0 4rem;
  }

  .main-blog__inner,
  .main-blog__hero,
  .main-blog__card-copy {
    display: grid;
  }

  .main-blog__inner {
    gap: 2rem;
  }

  .main-blog__hero {
    gap: 1rem;
    max-width: 48rem;
  }

  .main-blog__hero h1,
  .main-blog__hero p,
  .main-blog__card-copy h2,
  .main-blog__card-copy p,
  .main-blog__card-copy span,
  .main-blog__empty h2,
  .main-blog__empty p {
    margin: 0;
  }

  .main-blog__hero h1,
  .main-blog__empty h2 {
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: clamp(3.4rem, 9vw, 7rem);
    line-height: 0.88;
    text-transform: uppercase;
    font-weight: 900;
  }

  .main-blog__hero p,
  .main-blog__card-copy p,
  .main-blog__card-copy span,
  .main-blog__empty p {
    color: var(--text-2);
  }

  .main-blog__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }

  .main-blog__card {
    overflow: hidden;
  }

  .main-blog__media {
    display: block;
    aspect-ratio: 0.92;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.04);
  }

  .main-blog__media img,
  .main-blog__media svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 720ms var(--ease);
  }

  .main-blog__card:hover .main-blog__media img,
  .main-blog__card:hover .main-blog__media svg {
    transform: scale(1.05);
  }

  .main-blog__card-copy,
  .main-blog__empty {
    gap: 0.8rem;
    padding: 1.25rem;
  }

  .main-blog__card-copy span {
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .main-blog__card-copy h2 {
    font-size: 1.55rem;
    line-height: 1.05;
    text-transform: uppercase;
  }

  .main-blog__pagination .pagination {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
    list-style: none;
    padding: 0;
  }

  @media screen and (max-width: 989px) {
    .main-blog__grid {
      grid-template-columns: 1fr;
    }
  }
/* END_SECTION:main-blog */

/* START_SECTION:main-cart (INDEX:12) */
.main-cart {
    padding: 9rem 0 4rem;
  }

  .main-cart__inner,
  .main-cart__header,
  .main-cart__items,
  .main-cart__summary,
  .main-cart__empty {
    display: grid;
  }

  .main-cart__inner {
    gap: 2rem;
  }

  .main-cart__header {
    gap: 0.75rem;
  }

  .main-cart__header h1,
  .main-cart__header p,
  .main-cart__summary h2,
  .main-cart__summary p,
  .main-cart__empty h2,
  .main-cart__empty p {
    margin: 0;
  }

  .main-cart__header h1,
  .main-cart__empty h2 {
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: 4.6rem;
    line-height: 0.92;
    text-transform: uppercase;
  }

  .main-cart__header p,
  .main-cart__summary p,
  .main-cart__empty p,
  .main-cart__item-copy span {
    color: var(--text-2);
  }

  .main-cart__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.38fr);
    gap: 2rem;
    align-items: start;
  }

  .main-cart__items {
    border-top: 1px solid var(--line);
  }

  .main-cart__item {
    display: grid;
    grid-template-columns: 8rem 1fr auto;
    gap: 1rem;
    align-items: center;
    padding: 1.25rem 0;
    border-bottom: 1px solid var(--line);
  }

  .main-cart__media {
    aspect-ratio: 0.85;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.04);
  }

  .main-cart__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .main-cart__item-copy {
    display: grid;
    gap: 0.3rem;
  }

  .main-cart__item-copy a,
  .main-cart__summary h2 {
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.06em;
  }

  .main-cart__quantity {
    display: grid;
    gap: 0.65rem;
    justify-items: end;
  }

  .main-cart__quantity input {
    width: 4.5rem;
    min-height: 2.8rem;
    border: 1px solid var(--line);
    background: transparent;
    color: var(--text-1);
    text-align: center;
  }

  .main-cart__quantity a {
    color: var(--text-3);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }

  .main-cart__summary,
  .main-cart__empty {
    gap: 1.2rem;
    padding: 1.5rem;
  }

  .main-cart__summary {
    position: sticky;
    top: 7rem;
  }

  .main-cart__summary-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
  }

  .main-cart__actions {
    display: grid;
    gap: 0.8rem;
  }

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

    .main-cart__summary {
      position: static;
    }
  }

  @media screen and (max-width: 749px) {
    .main-cart {
      padding-top: 7rem;
    }

    .main-cart__header h1,
    .main-cart__empty h2 {
      font-size: 3rem;
    }

    .main-cart__item {
      grid-template-columns: 6rem 1fr;
    }

    .main-cart__quantity {
      grid-column: 2;
      justify-items: start;
    }
  }
/* END_SECTION:main-cart */

/* START_SECTION:main-collection (INDEX:13) */
.main-collection {
    --grid-line: rgba(244, 242, 236, 0.32);
    min-height: 100vh;
    padding: var(--header-height) 0 4rem;
    background:
      radial-gradient(circle at var(--mx, 50%) var(--my, 22%), rgba(240, 223, 184, 0.12), transparent 24rem),
      #030303;
    overflow: hidden;
  }

  .main-collection::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    opacity: 0.22;
    background:
      linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
      radial-gradient(circle, rgba(255, 255, 255, 0.15) 1px, transparent 1.5px);
    background-size: 4rem 4rem, 4rem 4rem, 0.36rem 0.36rem;
    mix-blend-mode: screen;
  }

  .main-collection__mast {
    position: relative;
    min-height: clamp(16rem, 27vw, 26rem);
    display: grid;
    align-items: end;
    border-bottom: 1px solid var(--grid-line);
    overflow: hidden;
  }

  .main-collection__mast-bg,
  .main-collection__mast-bg::after,
  .main-collection__mast-image {
    position: absolute;
    inset: 0;
  }

  .main-collection__mast-bg::after {
    content: "";
    background:
      linear-gradient(90deg, rgba(3, 3, 3, 0.95), rgba(3, 3, 3, 0.45) 55%, rgba(3, 3, 3, 0.84)),
      linear-gradient(180deg, rgba(3, 3, 3, 0.1), rgba(3, 3, 3, 0.9));
  }

  .main-collection__mast-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.85) contrast(1.08);
  }

  .main-collection__mast-copy {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 0.8rem;
    padding: clamp(1rem, 2.4vw, 1.5rem);
  }

  .main-collection__mast-copy span,
  .main-collection__mast-copy p,
  .main-collection__utility span {
    color: var(--text-3);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .main-collection__mast-copy h1,
  .main-collection__mast-copy p {
    margin: 0;
  }

  .main-collection__mast-copy h1 {
    font-family: var(--font-display);
    font-size: clamp(5.5rem, 18vw, 15rem);
    line-height: 0.72;
    letter-spacing: -0.085em;
    text-transform: uppercase;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .main-collection__mast-copy p {
    max-width: 42rem;
    color: var(--text-2);
    font-size: clamp(0.95rem, 1.4vw, 1.25rem);
    line-height: 1.55;
    text-transform: none;
    letter-spacing: 0;
  }

  .main-collection__category-rail {
    position: sticky;
    top: var(--header-height);
    z-index: 8;
    display: flex;
    overflow-x: auto;
    border-bottom: 1px solid var(--grid-line);
    background: rgba(3, 3, 3, 0.88);
    backdrop-filter: blur(18px);
    scrollbar-width: none;
  }

  .main-collection__category-rail::-webkit-scrollbar {
    display: none;
  }

  .main-collection__category-rail a {
    position: relative;
    flex: 0 0 auto;
    padding: 1.05rem 0.75rem;
    color: rgba(244, 242, 236, 0.42);
    font-family: var(--font-display);
    font-size: clamp(1.9rem, 4.3vw, 4rem);
    line-height: 0.9;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    transition: color 260ms var(--ease), transform 260ms var(--ease);
  }

  .main-collection__category-rail a:hover,
  .main-collection__category-rail a.is-active {
    color: var(--text-1);
    transform: translateY(-0.08rem);
  }

  .main-collection__utility {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4.5rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--grid-line);
    background: rgba(3, 3, 3, 0.72);
    backdrop-filter: blur(14px);
  }

  .main-collection__utility > div:first-child {
    display: grid;
    gap: 0.2rem;
  }

  .main-collection__utility strong {
    font-size: 0.92rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }

  .main-collection__controls {
    display: flex;
    align-items: center;
    gap: 0.6rem;
  }

  .main-collection__filter-drawer {
    position: relative;
  }

  .main-collection__filter-drawer > summary,
  .main-collection__sort-control select {
    min-height: 3rem;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0 1rem;
    border: 1px solid var(--grid-line);
    background: rgba(255, 255, 255, 0.035);
    color: var(--text-1);
    cursor: pointer;
    list-style: none;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .main-collection__filter-drawer > summary::-webkit-details-marker {
    display: none;
  }

  .main-collection__filter-drawer svg,
  .main-collection__sort-control svg,
  .main-collection__filter summary svg {
    width: 0.85rem;
    height: 0.85rem;
    flex: 0 0 auto;
    color: var(--accent-strong);
    transition: transform 240ms var(--ease);
  }

  .main-collection__filter-drawer[open] > summary svg,
  .main-collection__filter[open] summary svg {
    transform: rotate(180deg);
  }

  .main-collection__filter-panel {
    position: absolute;
    top: calc(100% + 0.65rem);
    right: 0;
    z-index: 20;
    width: min(88vw, 26rem);
    max-height: min(72vh, 42rem);
    overflow: auto;
    padding: 1rem;
    border: 1px solid var(--grid-line);
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
      rgba(6, 6, 5, 0.94);
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(24px);
  }

  .main-collection__filter-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--line);
  }

  .main-collection__filter-head strong,
  .main-collection__filter-head a {
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .main-collection__filter-head a {
    color: var(--text-3);
  }

  .main-collection__form,
  .main-collection__filter-body,
  .main-collection__range {
    display: grid;
    gap: 0.85rem;
  }

  .main-collection__form {
    padding-top: 0.85rem;
  }

  .main-collection__filter {
    border-bottom: 1px solid var(--line);
    padding-bottom: 0.8rem;
  }

  .main-collection__filter summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 2.6rem;
    cursor: pointer;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }

  .main-collection__filter summary::-webkit-details-marker {
    display: none;
  }

  .main-collection__check {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-2);
  }

  .main-collection__check input {
    width: 0.9rem;
    height: 0.9rem;
    accent-color: var(--accent-strong);
  }

  .main-collection__check small {
    color: var(--text-3);
  }

  .main-collection__range {
    grid-template-columns: 1fr 1fr;
  }

  .main-collection__range label {
    display: grid;
    gap: 0.4rem;
  }

  .main-collection__range span {
    color: var(--text-3);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .main-collection__range input {
    width: 100%;
    min-height: 3rem;
    padding: 0 0.8rem;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.04);
    color: var(--text-1);
  }

  .main-collection__sort-control {
    position: relative;
  }

  .main-collection__sort-control select {
    min-width: 13rem;
    padding-right: 2.6rem;
    appearance: none;
    font: inherit;
  }

  .main-collection__sort-control svg {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }

  .main-collection__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-left: 1px solid var(--grid-line);
    perspective: 1200px;
  }

  .main-collection__cell {
    min-width: 0;
    border-right: 1px solid var(--grid-line);
    border-bottom: 1px solid var(--grid-line);
    transform-style: preserve-3d;
  }

  .main-collection__cell .product-card {
    height: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }

  .main-collection__cell:hover {
    z-index: 3;
  }

  .main-collection__empty {
    grid-column: 1 / -1;
    min-height: 28rem;
    display: grid;
    place-items: center;
    gap: 1rem;
    padding: 2rem;
    text-align: center;
  }

  .main-collection__empty h2 {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(3rem, 9vw, 8rem);
    line-height: 0.8;
    letter-spacing: -0.07em;
    text-transform: uppercase;
  }

  .main-collection__pagination {
    position: relative;
    z-index: 2;
    padding: 2rem 1rem 0;
  }

  .main-collection__pagination .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .main-collection__pagination a,
  .main-collection__pagination span {
    min-width: 2.8rem;
    min-height: 2.8rem;
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--grid-line);
    color: var(--text-1);
  }

  @media screen and (max-width: 989px) {
    .main-collection {
      padding-top: 4rem;
    }

    .main-collection__mast {
      min-height: 20rem;
    }

    .main-collection__utility {
      position: sticky;
      top: 4rem;
      z-index: 9;
      align-items: stretch;
      flex-direction: column;
    }

    .main-collection__controls,
    .main-collection__filter-drawer,
    .main-collection__filter-drawer > summary,
    .main-collection__sort,
    .main-collection__sort-control,
    .main-collection__sort-control select {
      width: 100%;
    }

    .main-collection__filter-panel {
      position: fixed;
      inset: auto 0 0;
      width: 100%;
      max-height: 75vh;
      border-inline: 0;
      border-bottom: 0;
    }

    .main-collection__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media screen and (max-width: 749px) {
    .main-collection__mast {
      min-height: 16rem;
    }

    .main-collection__mast-copy {
      padding: 1rem;
      max-width: 100vw;
      overflow: hidden;
    }

    .main-collection__mast-copy h1 {
      font-size: clamp(3.4rem, 17vw, 5.8rem);
      line-height: 0.82;
      letter-spacing: -0.075em;
      max-width: 8ch;
    }

    .main-collection__mast-copy p {
      max-width: 100%;
      font-size: 0.95rem;
    }

    .main-collection__category-rail {
      top: 4rem;
    }

    .main-collection__category-rail a {
      padding: 0.9rem 0.55rem;
      font-size: clamp(1.95rem, 10vw, 3.25rem);
    }

    .main-collection__controls {
      flex-direction: column;
    }

    .main-collection__grid {
      grid-template-columns: 1fr;
    }
  }
/* END_SECTION:main-collection */

/* START_SECTION:main-list-collections (INDEX:14) */
.main-list-collections {
    padding: 9rem 0 4rem;
  }

  .main-list-collections__inner,
  .main-list-collections__header {
    display: grid;
    gap: 2rem;
  }

  .main-list-collections__header {
    max-width: 42rem;
    gap: 0.9rem;
  }

  .main-list-collections__header h1,
  .main-list-collections__header p,
  .main-list-collections__card h2 {
    margin: 0;
  }

  .main-list-collections__header h1 {
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: 4.8rem;
    line-height: 0.9;
    text-transform: uppercase;
  }

  .main-list-collections__header p {
    color: var(--text-2);
    line-height: 1.7;
  }

  .main-list-collections__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }

  .main-list-collections__card {
    position: relative;
    min-height: 26rem;
    overflow: hidden;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.04);
  }

  .main-list-collections__card img,
  .main-list-collections__card .media-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 700ms var(--ease);
  }

  .main-list-collections__card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.8));
  }

  .main-list-collections__card div {
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    z-index: 1;
  }

  .main-list-collections__card h2 {
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: 2.8rem;
    line-height: 0.95;
    text-transform: uppercase;
  }

  .main-list-collections__card span {
    color: var(--text-2);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.76rem;
  }

  .main-list-collections__card:hover img,
  .main-list-collections__card:hover .media-placeholder {
    transform: scale(1.07);
  }

  @media screen and (max-width: 989px) {
    .main-list-collections__grid {
      grid-template-columns: 1fr;
    }
  }
/* END_SECTION:main-list-collections */

/* START_SECTION:main-page (INDEX:15) */
.main-page {
    padding: 9rem 0 4rem;
  }

  .main-page__inner {
    display: grid;
    gap: 1.25rem;
    max-width: 58rem;
  }

  .main-page h1 {
    margin: 0;
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: 4.2rem;
    line-height: 0.94;
    text-transform: uppercase;
  }

  .main-page__content {
    color: var(--text-2);
    line-height: 1.8;
  }
/* END_SECTION:main-page */

/* START_SECTION:main-product (INDEX:16) */
/* ═══════════════════════════════════════════════════════════════
   PRODUCT PAGE — Premium White Aesthetic
   Inspired by Nike / Gymshark / Urban Monkey
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

.pdp {
  --pdp-white: #ffffff;
  --pdp-snow: #f6f6f6;
  --pdp-smoke: #ebebeb;
  --pdp-silver: #d0d0d0;
  --pdp-grey: #6b6b6b;
  --pdp-charcoal: #2a2a2a;
  --pdp-ink: #0a0a0a;
  --pdp-line: rgba(0, 0, 0, 0.06);
  --pdp-line-strong: rgba(0, 0, 0, 0.12);
  --pdp-sale: #c41230;
  --pdp-success: #1a7f37;
  --pdp-radius: 8px;
  --pdp-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --pdp-shadow-sm: 0 1px 2px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.06);
  --pdp-shadow-md: 0 4px 12px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.08);
  --pdp-shadow-lg: 0 10px 30px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.06);
  --pdp-shadow-hover: 0 14px 40px rgba(0,0,0,0.1), 0 4px 10px rgba(0,0,0,0.06);
  --pdp-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  background: var(--pdp-white);
  color: var(--pdp-ink);
  padding-top: var(--header-height);
  font-family: var(--pdp-font);
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.01em;
}

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

.pdp a { color: inherit; }
.pdp img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pdp svg { flex-shrink: 0; }
.pdp ul { margin: 0; padding-left: 1.2rem; }
.pdp li { margin-bottom: 0.5rem; color: var(--pdp-charcoal); font-size: var(--body-size); line-height: 1.65; font-weight: 500; }
.pdp p { margin: 0 0 0.6rem; color: var(--pdp-charcoal); font-size: var(--body-size); line-height: 1.65; font-weight: 450; }
.pdp p:last-child { margin-bottom: 0; }


/* ── HERO LAYOUT ── */
.pdp__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(26rem, 0.85fr);
  min-height: calc(100vh - var(--header-height));
  border-bottom: 1px solid var(--pdp-line);
}


/* ── GALLERY ── */
.pdp__gallery {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr);
  position: sticky;
  top: var(--header-height);
  height: calc(100vh - var(--header-height));
  background: var(--pdp-snow);
  border-right: 1px solid var(--pdp-line);
}

.pdp__thumbs {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 0.65rem;
  overflow-y: auto;
  border-right: 1px solid var(--pdp-line);
  background: var(--pdp-white);
  scrollbar-width: thin;
  scrollbar-color: var(--pdp-silver) transparent;
}

.pdp__thumb {
  flex-shrink: 0;
  width: 3.6rem;
  height: 4.5rem;
  padding: 0;
  border: 1.5px solid transparent;
  border-radius: var(--pdp-radius);
  background: var(--pdp-snow);
  cursor: pointer;
  opacity: 0.55;
  overflow: hidden;
  transition: opacity 200ms ease, border-color 200ms ease, transform 200ms ease;
}

.pdp__thumb:hover,
.pdp__thumb.is-active {
  opacity: 1;
  border-color: var(--pdp-ink);
  transform: scale(1.04);
}

.pdp__thumb img {
  object-fit: cover;
  border-radius: 2px;
}

.pdp__viewport {
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
}

.pdp__viewport::-webkit-scrollbar { display: none; }

.pdp__slide {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 100vh;
  scroll-snap-align: start;
  border-bottom: 1px solid var(--pdp-line);
  background:
    radial-gradient(ellipse at 50% 40%, rgba(0, 0, 0, 0.02), transparent 70%),
    var(--pdp-snow);
}

.pdp__slide img {
  max-height: 85vh;
  width: auto;
  object-fit: contain;
  padding: clamp(1.5rem, 4vw, 4rem);
  transition: transform 600ms var(--pdp-ease);
}

.pdp__slide:hover img {
  transform: scale(1.03);
}

.pdp__slide-num {
  position: absolute;
  left: 1.25rem;
  bottom: 1.25rem;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  color: var(--pdp-grey);
  font-variant-numeric: tabular-nums;
}

.pdp__slide--empty {
  background: var(--pdp-snow);
}

.pdp__slide--empty svg {
  width: min(26rem, 60%);
  opacity: 0.12;
}


/* ── PANEL ── */
.pdp__panel {
  position: sticky;
  top: var(--header-height);
  height: calc(100vh - var(--header-height));
  overflow-y: auto;
  background: var(--pdp-white);
  scrollbar-width: thin;
  scrollbar-color: var(--pdp-silver) transparent;
}

.pdp__crumbs,
.pdp__headline,
.pdp__rating,
.pdp__price,
.pdp__urgency,
.pdp__form,
.pdp__trust,
.pdp__timeline,
.pdp__detail,
.pdp__offer,
.pdp__accordions details {
  padding: 1.1rem clamp(1.5rem, 3vw, 2.5rem);
  border-bottom: 1px solid var(--pdp-line);
}


/* ── Breadcrumbs ── */
.pdp__crumbs {
  display: flex;
  gap: 0.45rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pdp-grey);
}

.pdp__crumbs a:hover { color: var(--pdp-ink); }


/* ── Headline ── */
.pdp__meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}

.pdp__vendor {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pdp-grey);
}

.pdp__stock {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pdp-success);
}

.pdp__stock i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--pdp-success);
  animation: pdpPulse 2s infinite;
}

.pdp__headline h1 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--font-display);
  font-size: var(--title-size);
  line-height: 0.88;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  font-weight: 800;
}

.pdp__subtitle {
  margin-top: 0.65rem !important;
  color: var(--pdp-grey) !important;
  font-size: 0.95rem !important;
  font-weight: 500;
  line-height: 1.5 !important;
}


/* ── Rating ── */
.pdp__rating {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.pdp__stars {
  color: var(--pdp-ink);
  font-size: 0.85rem;
  letter-spacing: 0.04em;
}

.pdp__rating strong {
  font-size: 0.88rem;
  font-weight: 800;
}

.pdp__rating a {
  font-size: 0.82rem;
  color: var(--pdp-grey);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.pdp__rating a:hover { color: var(--pdp-ink); }


/* ── Price ── */
.pdp__price { border-bottom: 1px solid var(--pdp-line); }

.pdp__price-row {
  display: flex;
  align-items: baseline;
  gap: 0.65rem;
  flex-wrap: wrap;
}

.pdp__price-now {
  font-size: clamp(1.6rem, 2.8vw, 2.4rem);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.pdp__price-was {
  font-size: 1rem;
  font-weight: 600;
  color: var(--pdp-grey);
  text-decoration: line-through;
}

.pdp__save {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.6rem;
  border-radius: 2px;
  background: rgba(196, 18, 48, 0.07);
  border: 1px solid rgba(196, 18, 48, 0.18);
  color: var(--pdp-sale);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.pdp__tax {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.72rem;
  color: var(--pdp-grey);
}


/* ── Urgency ── */
.pdp__urgency {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  background: rgba(196, 18, 48, 0.04);
}

.pdp__pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--pdp-sale);
  box-shadow: 0 0 0 0 rgba(196, 18, 48, 0.4);
  animation: pdpPulse 1.8s infinite;
}

.pdp__urgency strong {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--pdp-sale);
}


/* ── Form / Options ── */
.pdp__form,
.pdp__options,
.pdp__fieldset,
.pdp__ctas {
  display: grid;
  gap: 1rem;
}

.pdp__fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

.pdp__fieldset legend {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pdp-charcoal);
  margin-bottom: 0.65rem;
}

.pdp__fieldset legend span {
  color: var(--pdp-ink);
  font-weight: 800;
}

.pdp__option-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}

.pdp__chip {
  min-height: 2.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.5rem 0.6rem;
  border: 1.5px solid var(--pdp-line-strong);
  border-radius: var(--pdp-radius);
  background: var(--pdp-white);
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--pdp-ink);
  box-shadow: var(--pdp-shadow-sm);
  transition: all 200ms var(--pdp-ease);
}

.pdp__chip:hover {
  border-color: var(--pdp-ink);
  background: var(--pdp-snow);
  box-shadow: var(--pdp-shadow-md);
  transform: translateY(-1px);
}

.pdp__chip.is-selected {
  background: var(--pdp-ink);
  color: var(--pdp-white);
  border-color: var(--pdp-ink);
  box-shadow: 0 4px 16px rgba(10, 10, 10, 0.2);
}

.pdp__swatch {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--sw, #888);
  border: 1.5px solid rgba(0, 0, 0, 0.15);
  flex-shrink: 0;
}

.pdp__chip.is-selected .pdp__swatch {
  border-color: rgba(255, 255, 255, 0.5);
}


/* ── Size Guide + Qty ── */
.pdp__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.pdp__size-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 1rem;
  min-height: 2.8rem;
  border: 1.5px solid var(--pdp-line-strong);
  border-radius: var(--pdp-radius);
  background: var(--pdp-white);
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pdp-ink);
  box-shadow: var(--pdp-shadow-sm);
  transition: all 200ms var(--pdp-ease);
}

.pdp__size-btn svg { width: 16px; height: 16px; }
.pdp__size-btn:hover { border-color: var(--pdp-ink); background: var(--pdp-snow); box-shadow: var(--pdp-shadow-md); transform: translateY(-1px); }

.pdp__qty {
  display: grid;
  grid-template-columns: 2.6rem 3.2rem 2.6rem;
  min-height: 2.8rem;
  border: 1.5px solid var(--pdp-line-strong);
  border-radius: var(--pdp-radius);
  overflow: hidden;
  box-shadow: var(--pdp-shadow-sm);
}

.pdp__qty button,
.pdp__qty input {
  border: 0;
  border-right: 1px solid var(--pdp-line);
  background: var(--pdp-white);
  color: var(--pdp-ink);
  text-align: center;
  font: inherit;
  font-weight: 700;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background 150ms ease;
}

.pdp__qty button:hover { background: var(--pdp-snow); }
.pdp__qty button:last-child { border-right: 0; }
.pdp__qty input { cursor: text; font-size: 0.85rem; -moz-appearance: textfield; }
.pdp__qty input::-webkit-outer-spin-button,
.pdp__qty input::-webkit-inner-spin-button { -webkit-appearance: none; }


/* ── CTA Buttons ── */
.pdp__atc {
  min-height: 3.6rem;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  border: 2px solid var(--pdp-ink);
  border-radius: var(--pdp-radius);
  background: var(--pdp-ink);
  color: var(--pdp-white);
  cursor: pointer;
  font-family: var(--pdp-font);
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  box-shadow: 0 4px 14px rgba(10, 10, 10, 0.18);
  transition: all 300ms var(--pdp-ease);
}

.pdp__atc svg { width: 1rem; height: 1rem; }

.pdp__atc:hover {
  background: #000;
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.22);
}

.pdp__atc:active {
  transform: translateY(0) scale(0.985);
  box-shadow: none;
}

.pdp__atc:disabled {
  background: var(--pdp-silver);
  border-color: var(--pdp-silver);
  color: var(--pdp-grey);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.pdp .shopify-payment-button { margin-top: 0; }

.pdp .shopify-payment-button__button {
  min-height: 3.4rem !important;
  width: 100% !important;
  border: 1.5px solid var(--pdp-ink) !important;
  border-radius: var(--pdp-radius) !important;
  background: transparent !important;
  color: var(--pdp-ink) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  transition: all 200ms ease !important;
}

.pdp .shopify-payment-button__button:hover {
  background: var(--pdp-snow) !important;
  transform: translateY(-1px) !important;
}


/* ── Trust Badges ── */
.pdp__trust {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.6rem;
}

.pdp__trust-item {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding: 1rem;
  border: 1px solid var(--pdp-line);
  border-radius: var(--pdp-radius);
  background:
    linear-gradient(135deg, var(--pdp-white) 0%, var(--pdp-snow) 100%);
  box-shadow: var(--pdp-shadow-sm);
  transition: all 250ms var(--pdp-ease);
}

.pdp__trust-item:hover {
  border-color: var(--pdp-line-strong);
  box-shadow: var(--pdp-shadow-md);
  transform: translateY(-2px);
}
.pdp__trust-item svg { color: var(--pdp-ink); }

.pdp__trust-item strong {
  display: block;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pdp-ink);
}

.pdp__trust-item span {
  font-size: 0.68rem;
  color: var(--pdp-grey);
  line-height: 1.4;
  font-weight: 500;
}


/* ── Delivery Timeline ── */
.pdp__timeline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
}

.pdp__timeline-step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.35rem;
}

.pdp__timeline-icon {
  width: 2.8rem;
  height: 2.8rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background:
    linear-gradient(145deg, var(--pdp-white), var(--pdp-snow));
  border: 1.5px solid var(--pdp-line-strong);
  color: var(--pdp-ink);
  box-shadow: var(--pdp-shadow-sm);
}

.pdp__timeline-icon svg { width: 16px; height: 16px; }

.pdp__timeline-step strong {
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.pdp__timeline-step span {
  font-size: 0.68rem;
  color: var(--pdp-grey);
  font-weight: 600;
}

.pdp__timeline-line {
  flex: 0 0 auto;
  width: 2.5rem;
  height: 1.5px;
  margin-top: 1.4rem;
  background: repeating-linear-gradient(
    90deg,
    var(--pdp-silver) 0 5px,
    transparent 5px 9px
  );
}


/* ── Discount Tiers & Accordions (shared <details> styling) ── */
.pdp__detail,
.pdp__accordions details {
  padding-block: 0;
}

.pdp__detail summary,
.pdp__accordions summary {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 1rem clamp(1.5rem, 3vw, 2.5rem);
  cursor: pointer;
  font-family: var(--pdp-font);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pdp-ink);
  list-style: none;
  user-select: none;
  transition: all 200ms var(--pdp-ease);
}

.pdp__detail summary:hover,
.pdp__accordions summary:hover {
  background: var(--pdp-snow);
  padding-left: clamp(1.65rem, 3.2vw, 2.65rem);
}

.pdp__detail summary::-webkit-details-marker,
.pdp__accordions summary::-webkit-details-marker { display: none; }

.pdp__detail summary svg,
.pdp__accordions summary > svg {
  width: 18px;
  height: 18px;
  color: var(--pdp-charcoal);
  flex-shrink: 0;
}

.pdp__detail summary span,
.pdp__accordions summary span {
  flex: 1;
}

.pdp__detail-chevron {
  display: inline-flex;
  transition: transform 250ms var(--pdp-ease);
}

details[open] > summary .pdp__detail-chevron {
  transform: rotate(180deg);
}

.pdp__detail-body,
.pdp__acc-body {
  padding: 0 clamp(1.5rem, 3vw, 2.5rem) 1.25rem;
}

.pdp__tier-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.55rem;
}

.pdp__tier-list li {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--pdp-line);
  border-radius: var(--pdp-radius);
  background:
    linear-gradient(135deg, var(--pdp-white) 0%, rgba(0,0,0,0.015) 100%);
  box-shadow: var(--pdp-shadow-sm);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--pdp-charcoal);
  transition: all 200ms var(--pdp-ease);
}

.pdp__tier-list li:hover {
  box-shadow: var(--pdp-shadow-md);
  transform: translateX(4px);
}

.pdp__tier-list li strong {
  color: var(--pdp-ink);
  font-weight: 900;
  letter-spacing: 0.02em;
}

.pdp__detail-body small {
  display: block;
  margin-top: 0.6rem;
  font-size: 0.7rem;
  color: var(--pdp-grey);
  font-style: italic;
  font-weight: 500;
}


/* ── Offer Card ── */
.pdp__offer {
  padding: 1.15rem clamp(1.5rem, 3vw, 2.5rem);
  margin: 0;
  border-bottom: 1px solid var(--pdp-line);
  background:
    linear-gradient(135deg, var(--pdp-snow) 0%, rgba(0,0,0,0.02) 100%);
  border-left: 3px solid var(--pdp-ink);
}

.pdp__offer strong {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pdp-ink);
}

.pdp__offer p {
  font-size: 0.82rem !important;
  color: var(--pdp-grey) !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}


/* ── Feature Icon Strip ── */
.pdp__features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--pdp-line);
  background:
    linear-gradient(180deg, var(--pdp-snow) 0%, rgba(0,0,0,0.02) 100%);
}

.pdp__feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 2.25rem 1rem;
  border-right: 1px solid var(--pdp-line);
  text-align: center;
  transition: all 250ms var(--pdp-ease);
}

.pdp__feature:last-child { border-right: 0; }
.pdp__feature:hover {
  background: rgba(0, 0, 0, 0.025);
  transform: translateY(-2px);
}

.pdp__feature svg {
  color: var(--pdp-ink);
  opacity: 0.85;
}

.pdp__feature span {
  font-family: var(--pdp-font);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pdp-charcoal);
}


/* ── Story Section ── */
.pdp__story {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  border-bottom: 1px solid var(--pdp-line);
}

.pdp__story-copy {
  padding: clamp(2rem, 5vw, 5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.75rem;
}

.pdp__eyebrow {
  display: inline-flex;
  width: fit-content;
  padding: 0.4rem 0.75rem;
  border: 1px solid var(--pdp-line-strong);
  border-radius: 2px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pdp-grey);
}

.pdp__story-copy h2,
.pdp__reviews-header h2,
.pdp__ugc-header h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 6vw, 5rem);
  line-height: 0.9;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--pdp-ink);
}

.pdp__story-copy p {
  max-width: 34rem;
  color: var(--pdp-grey);
  font-size: 1rem;
  line-height: 1.65;
}

.pdp__story-media {
  min-height: 30rem;
  overflow: hidden;
  border-left: 1px solid var(--pdp-line);
  background: var(--pdp-snow);
}

.pdp__story-media img {
  transition: transform 700ms var(--pdp-ease);
}

.pdp__story-media:hover img {
  transform: scale(1.04);
}


/* ── Reviews ── */
.pdp__reviews,
.pdp__ugc {
  padding: clamp(2.5rem, 5vw, 5rem);
  border-bottom: 1px solid var(--pdp-line);
}

.pdp__reviews-header,
.pdp__ugc-header {
  display: grid;
  gap: 0.65rem;
  max-width: 42rem;
  margin-bottom: 2.5rem;
}

.pdp__reviews-header p,
.pdp__ugc-header p {
  color: var(--pdp-grey);
  font-size: 1rem;
  line-height: 1.6;
}

.pdp__reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.pdp__review-card {
  padding: 1.65rem;
  border: 1px solid var(--pdp-line);
  border-radius: var(--pdp-radius);
  background:
    linear-gradient(160deg, var(--pdp-white) 0%, var(--pdp-snow) 100%);
  box-shadow: var(--pdp-shadow-sm);
  transition: all 280ms var(--pdp-ease);
}

.pdp__review-card:hover {
  border-color: var(--pdp-line-strong);
  transform: translateY(-4px);
  box-shadow: var(--pdp-shadow-hover);
}

.pdp__review-card .pdp__stars {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}

.pdp__review-card strong {
  display: block;
  margin-bottom: 0.55rem;
  font-family: var(--pdp-font);
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.pdp__review-card p {
  color: var(--pdp-grey) !important;
  font-size: 0.88rem !important;
  line-height: 1.65 !important;
  font-weight: 450 !important;
}


/* ── UGC Grid ── */
.pdp__ugc-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.65rem;
}

.pdp__ugc-tile {
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: var(--pdp-radius);
  border: 1px solid var(--pdp-line);
  background: var(--pdp-snow);
  box-shadow: var(--pdp-shadow-sm);
  transition: all 350ms var(--pdp-ease);
}

.pdp__ugc-tile:hover {
  box-shadow: var(--pdp-shadow-lg);
  transform: translateY(-3px);
}

.pdp__ugc-tile img {
  transition: transform 500ms var(--pdp-ease);
}

.pdp__ugc-tile:hover img {
  transform: scale(1.06);
}


/* ── Size Guide Dialog ── */
.pdp__dialog {
  max-width: min(36rem, calc(100vw - 2rem));
  padding: 0;
  border: 1px solid var(--pdp-line-strong);
  border-radius: 6px;
  background: var(--pdp-white);
  color: var(--pdp-ink);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
}

.pdp__dialog::backdrop {
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(8px);
}

.pdp__dialog-inner { padding: 1.75rem; }

.pdp__dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

.pdp__dialog-header h3 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pdp__dialog-header button {
  width: 2.4rem;
  height: 2.4rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--pdp-line-strong);
  border-radius: 50%;
  background: var(--pdp-snow);
  color: var(--pdp-ink);
  cursor: pointer;
  transition: background 150ms ease;
}

.pdp__dialog-header button:hover { background: var(--pdp-smoke); }
.pdp__dialog-header button svg { width: 16px; height: 16px; }

.pdp__dialog-body {
  padding-top: 0.25rem;
}

.pdp__size-note {
  font-size: 0.82rem !important;
  color: var(--pdp-grey) !important;
  line-height: 1.55 !important;
  margin-bottom: 1.25rem !important;
  font-weight: 500 !important;
}

.pdp__size-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--pdp-line-strong);
  border-radius: var(--pdp-radius);
  overflow: hidden;
  font-family: var(--pdp-font);
  margin-bottom: 1rem;
}

.pdp__size-table thead tr {
  background: var(--pdp-ink);
  color: var(--pdp-white);
}

.pdp__size-table th {
  padding: 0.85rem 1rem;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: left;
  border-bottom: 1px solid var(--pdp-line-strong);
}

.pdp__size-table td {
  padding: 0.75rem 1rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--pdp-charcoal);
  border-bottom: 1px solid var(--pdp-line);
}

.pdp__size-table tbody tr:last-child td {
  border-bottom: 0;
}

.pdp__size-table tbody tr:nth-child(even) {
  background: var(--pdp-snow);
}

.pdp__size-table tbody tr:hover {
  background: rgba(0, 0, 0, 0.03);
}

.pdp__size-table td:first-child {
  font-weight: 900;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  color: var(--pdp-ink);
}

.pdp__size-tip {
  font-size: 0.76rem !important;
  color: var(--pdp-grey) !important;
  font-style: italic !important;
  font-weight: 500 !important;
  padding: 0.65rem 0.85rem !important;
  background: var(--pdp-snow) !important;
  border-radius: var(--pdp-radius) !important;
  border-left: 3px solid var(--pdp-ink) !important;
  margin: 0 !important;
}


/* ── Mobile Sticky ATC ── */
.pdp__mobile-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 80;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1.15rem calc(0.75rem + env(safe-area-inset-bottom));
  border-top: 1px solid var(--pdp-line);
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 -4px 20px rgba(0,0,0,0.06);
}

.pdp__mobile-bar-info {
  display: grid;
  gap: 0.1rem;
}

.pdp__mobile-bar-info strong {
  font-size: 1.05rem;
  font-weight: 800;
}

.pdp__mobile-bar-info span {
  font-size: 0.72rem;
  color: var(--pdp-grey);
}

.pdp__mobile-bar-btn {
  min-height: 2.8rem;
  padding: 0 1.6rem;
  border: 0;
  border-radius: var(--pdp-radius);
  background: var(--pdp-ink);
  color: var(--pdp-white);
  font-family: var(--pdp-font);
  font-weight: 800;
  font-size: 0.76rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(10, 10, 10, 0.2);
  transition: all 200ms var(--pdp-ease);
}

.pdp__mobile-bar-btn:hover { background: #000; box-shadow: 0 6px 20px rgba(10, 10, 10, 0.25); }
.pdp__mobile-bar-btn:disabled { background: var(--pdp-silver); color: var(--pdp-grey); cursor: not-allowed; box-shadow: none; }


/* ── Animations ── */
@keyframes pdpPulse {
  0% { box-shadow: 0 0 0 0 rgba(196, 18, 48, 0.4); }
  70% { box-shadow: 0 0 0 8px rgba(196, 18, 48, 0); }
  100% { box-shadow: 0 0 0 0 rgba(196, 18, 48, 0); }
}


/* ── RESPONSIVE: TABLET & MOBILE ── */
@media screen and (max-width: 989px) {
  .pdp {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }

  .pdp__hero {
    display: flex;
    flex-direction: column;
  }

  .pdp__gallery,
  .pdp__panel {
    position: relative;
    top: auto;
    height: auto;
  }

  .pdp__gallery {
    grid-template-columns: 1fr;
    border-right: 0;
  }

  .pdp__thumbs {
    order: 2;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    border-right: 0;
    border-top: 1px solid var(--pdp-line);
    padding: 0.65rem;
    gap: 0.45rem;
  }

  .pdp__thumb {
    width: 3.8rem;
    height: 4.8rem;
  }

  .pdp__viewport {
    scroll-snap-type: x mandatory;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .pdp__slide {
    min-width: 100%;
    min-height: 55svh;
    scroll-snap-align: center;
    border-bottom: 0;
    border-right: 1px solid var(--pdp-line);
  }

  .pdp__slide img {
    max-height: 55svh;
    padding: 1.25rem;
  }

  .pdp__panel {
    overflow: visible;
  }

  .pdp__headline h1 {
    max-width: 18ch;
    font-size: var(--title-size-mobile);
  }

  .pdp__option-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .pdp__trust {
    grid-template-columns: 1fr;
  }

  .pdp__timeline {
    gap: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .pdp__timeline-step {
    min-width: 0;
  }

  .pdp__timeline-step strong,
  .pdp__timeline-step span {
    font-size: 0.64rem;
  }

  .pdp__timeline-icon {
    width: 2.4rem;
    height: 2.4rem;
  }

  .pdp__timeline-icon svg { width: 14px; height: 14px; }

  .pdp__timeline-line {
    width: 1.6rem;
  }

  .pdp__features {
    grid-template-columns: repeat(2, 1fr);
  }

  .pdp__feature:nth-child(2) { border-right: 0; }

  .pdp__story {
    grid-template-columns: 1fr;
  }

  .pdp__story-media {
    min-height: 20rem;
    border-left: 0;
    border-top: 1px solid var(--pdp-line);
  }

  .pdp__reviews-grid {
    grid-template-columns: 1fr;
  }

  .pdp__ugc-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .pdp__mobile-bar {
    display: flex;
  }
}

@media screen and (max-width: 640px) {
  .pdp__option-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .pdp__toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .pdp__qty {
    grid-template-columns: 3rem 1fr 3rem;
    width: 100%;
  }

  .pdp__timeline-step strong {
    font-size: 0.6rem;
  }

  .pdp__timeline-step span {
    font-size: 0.58rem;
  }

  .pdp__timeline-icon {
    width: 2.2rem;
    height: 2.2rem;
  }

  .pdp__timeline-icon svg { width: 12px; height: 12px; }

  .pdp__timeline-line {
    width: 1.2rem;
  }
}
/* END_SECTION:main-product */

/* START_SECTION:main-search (INDEX:17) */
.main-search {
    padding: 9rem 0 4rem;
  }

  .main-search__inner,
  .main-search__header {
    display: grid;
    gap: 1.5rem;
  }

  .main-search__header h1,
  .main-search__meta p {
    margin: 0;
  }

  .main-search__header h1 {
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: 4.6rem;
    line-height: 0.92;
    text-transform: uppercase;
  }

  .main-search__form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.9rem;
    max-width: 54rem;
  }

  .main-search__form input {
    min-height: 3.8rem;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.04);
    color: var(--text-1);
    padding: 0 1rem;
  }

  .main-search__empty {
    padding: 1.5rem;
    grid-column: 1 / -1;
  }

  @media screen and (max-width: 749px) {
    .main-search__form {
      grid-template-columns: 1fr;
    }

    .main-search__header h1 {
      font-size: 3rem;
    }
  }
/* END_SECTION:main-search */

/* START_SECTION:newsletter-panel (INDEX:18) */
.newsletter-panel {
    padding: 5rem 0;
  }

  .newsletter-panel__card {
    position: relative;
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3rem);
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(22rem, 0.7fr);
    align-items: center;
    gap: 1.5rem;
  }

  .newsletter-panel__card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(110deg, transparent 20%, rgba(199, 173, 120, 0.08), transparent 48%),
      repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 20px);
    opacity: 0.55;
    pointer-events: none;
  }

  .newsletter-panel__copy,
  .newsletter-panel__form {
    position: relative;
    z-index: 1;
  }

  .newsletter-panel__copy {
    display: grid;
    gap: 1rem;
    max-width: 36rem;
  }

  .newsletter-panel__copy h2,
  .newsletter-panel__copy p {
    margin: 0;
  }

  .newsletter-panel__copy h2 {
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: 3.75rem;
    line-height: 0.98;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 900;
  }

  .newsletter-panel__copy p {
    color: var(--text-2);
    line-height: 1.7;
  }

  .newsletter-panel__form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
  }

  .newsletter-panel__form input {
    min-height: 3.5rem;
    border-radius: var(--radius-s);
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-1);
    padding: 0 1.15rem;
    transition:
      border-color 260ms var(--ease),
      background-color 260ms var(--ease),
      box-shadow 260ms var(--ease);
  }

  .newsletter-panel__form input:focus {
    outline: none;
    border-color: rgba(199, 173, 120, 0.65);
    background: rgba(255, 255, 255, 0.075);
    box-shadow: 0 0 0 4px rgba(199, 173, 120, 0.08);
  }

  @media screen and (max-width: 989px) {
    .newsletter-panel__card,
    .newsletter-panel__form {
      grid-template-columns: 1fr;
    }

    .newsletter-panel__copy h2 {
      font-size: 2.65rem;
    }
  }
/* END_SECTION:newsletter-panel */

/* START_SECTION:policy-page (INDEX:19) */
.policy-page {
    padding: 9rem 0 4rem;
  }

  .policy-page__inner {
    display: grid;
    gap: 1.25rem;
    max-width: 62rem;
    padding: clamp(1.5rem, 5vw, 3rem);
  }

  .policy-page h1,
  .policy-page p {
    margin: 0;
  }

  .policy-page h1 {
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: 4.2rem;
    line-height: 0.94;
    text-transform: uppercase;
  }

  .policy-page__content {
    display: grid;
    gap: 1rem;
    color: var(--text-2);
    line-height: 1.8;
  }
/* END_SECTION:policy-page */

/* START_SECTION:product-recommendations (INDEX:20) */
.product-recommendations {
    padding: 1rem 0 2rem;
  }

  .product-recommendations__inner {
    display: grid;
    gap: 2rem;
  }
/* END_SECTION:product-recommendations */

/* START_SECTION:social-proof (INDEX:21) */
.social-proof {
    padding: 5rem 0 0;
  }

  .social-proof__inner {
    display: grid;
    gap: 2rem;
  }

  .social-proof__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }

  .social-proof .section-copy {
    max-width: 52rem;
  }

  .social-proof__card {
    padding: 1.5rem;
    display: grid;
    gap: 1rem;
    transition:
      transform 360ms var(--ease),
      border-color 360ms var(--ease),
      background-color 360ms var(--ease);
  }

  .social-proof__card:hover {
    transform: translateY(-0.4rem);
    border-color: rgba(199, 173, 120, 0.4);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035));
  }

  .social-proof__stars {
    display: inline-flex;
    gap: 0.15rem;
    color: var(--accent);
  }

  .social-proof__stars svg {
    width: 1rem;
    height: 1rem;
  }

  .social-proof__card p,
  .social-proof__card strong {
    margin: 0;
  }

  .social-proof__card p {
    color: var(--text-2);
    line-height: 1.75;
  }

  .social-proof__card strong {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.8rem;
  }

  @media screen and (max-width: 989px) {
    .social-proof__grid {
      grid-template-columns: 1fr;
    }
  }
/* END_SECTION:social-proof */

/* START_SECTION:ugc-grid (INDEX:22) */
.ugc-grid {
    padding: 5rem 0 0;
  }

  .ugc-grid__inner {
    display: grid;
    gap: 2rem;
  }

  .ugc-grid__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
  }

  .ugc-grid__tile {
    position: relative;
    aspect-ratio: 0.8;
    overflow: hidden;
    border-radius: var(--radius-l);
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.04);
    transition:
      transform 420ms var(--ease),
      border-color 420ms var(--ease),
      box-shadow 420ms var(--ease);
  }

  .ugc-grid__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 700ms var(--ease);
  }

  .ugc-grid__tile span {
    position: absolute;
    left: 0.9rem;
    bottom: 0.9rem;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    background: rgba(8, 9, 9, 0.52);
    border: 1px solid rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(14px);
    font-size: 0.78rem;
  }

  .ugc-grid__tile:hover .ugc-grid__image {
    transform: scale(1.05);
  }

  .ugc-grid__tile:hover {
    transform: translateY(-0.45rem);
    border-color: rgba(199, 173, 120, 0.42);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.38);
  }

  @media screen and (max-width: 989px) {
    .ugc-grid__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
/* END_SECTION:ugc-grid */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:cart-drawer (INDEX:23) */
.cart-drawer {
    position: fixed;
    inset: 0;
    z-index: 90;
    pointer-events: none;
    visibility: hidden;
  }

  .cart-drawer.is-open {
    pointer-events: auto;
    visibility: visible;
  }

  .cart-drawer__scrim {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(0, 0, 0, 0.58);
    opacity: 0;
    backdrop-filter: blur(8px);
    transition: opacity 360ms var(--ease);
  }

  .cart-drawer.is-open .cart-drawer__scrim {
    opacity: 1;
  }

  .cart-drawer__panel {
    position: absolute;
    top: 0;
    right: 0;
    width: min(100vw, 31rem);
    height: 100%;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)),
      #0a0b0b;
    border-left: 1px solid var(--line);
    box-shadow: -34px 0 90px rgba(0, 0, 0, 0.48);
    transform: translateX(105%);
    transition: transform 420ms var(--ease);
  }

  .cart-drawer.is-open .cart-drawer__panel {
    transform: translateX(0);
  }

  .cart-drawer__header,
  .cart-drawer__footer {
    padding: 1.25rem;
  }

  .cart-drawer__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--line);
  }

  .cart-drawer__header h2,
  .cart-drawer__empty h3,
  .cart-drawer__empty p,
  .cart-drawer__footer p {
    margin: 0;
  }

  .cart-drawer__header h2,
  .cart-drawer__empty h3 {
    margin-top: 0.7rem;
    font-family: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
    font-size: 2.6rem;
    line-height: 0.9;
    text-transform: uppercase;
    font-weight: 900;
  }

  .cart-drawer__message {
    min-height: 0;
    padding: 0 1.25rem;
    color: var(--accent-strong);
    font-size: 0.82rem;
  }

  .cart-drawer__message:not(:empty) {
    padding-top: 0.9rem;
  }

  .cart-drawer__body {
    overflow: auto;
    padding: 0 1.25rem;
  }

  .cart-drawer__item {
    display: grid;
    grid-template-columns: 5.5rem 1fr auto;
    gap: 0.9rem;
    padding: 1.1rem 0;
    border-bottom: 1px solid var(--line);
  }

  .cart-drawer__media {
    aspect-ratio: 0.8;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.04);
  }

  .cart-drawer__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .cart-drawer__item-copy {
    display: grid;
    align-content: start;
    gap: 0.45rem;
  }

  .cart-drawer__item-copy a,
  .cart-drawer__subtotal strong {
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .cart-drawer__item-copy span,
  .cart-drawer__footer p,
  .cart-drawer__empty p {
    color: var(--text-2);
  }

  .cart-drawer__qty {
    display: inline-grid;
    grid-template-columns: 2.1rem 2.8rem 2.1rem;
    width: fit-content;
    border: 1px solid var(--line);
  }

  .cart-drawer__qty button,
  .cart-drawer__qty input {
    min-height: 2.25rem;
    border: 0;
    background: transparent;
    color: var(--text-1);
    text-align: center;
  }

  .cart-drawer__qty button {
    cursor: pointer;
  }

  .cart-drawer__qty input {
    border-inline: 1px solid var(--line);
  }

  .cart-drawer__remove {
    align-self: start;
    border: 0;
    background: transparent;
    color: var(--text-3);
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
  }

  .cart-drawer__empty {
    min-height: 20rem;
    display: grid;
    align-content: center;
    gap: 1rem;
    text-align: center;
  }

  .cart-drawer__footer {
    display: grid;
    gap: 0.8rem;
    border-top: 1px solid var(--line);
    background: rgba(8, 9, 9, 0.82);
    backdrop-filter: blur(18px);
  }

  .cart-drawer__subtotal {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
  }

  .cart-drawer__footer .button-primary,
  .cart-drawer__footer .button-secondary,
  .cart-drawer__footer form {
    width: 100%;
  }

  @media screen and (max-width: 749px) {
    .cart-drawer__panel {
      width: 100vw;
    }

    .cart-drawer__header h2,
    .cart-drawer__empty h3 {
      font-size: 2.2rem;
    }
  }
/* END_SNIPPET:cart-drawer */

/* START_SNIPPET:product-card (INDEX:26) */
.product-card {
    position: relative;
    overflow: hidden;
    padding: 0;
    border-radius: 0;
    transition:
      transform 420ms var(--ease),
      border-color 420ms var(--ease),
      background 420ms var(--ease),
      box-shadow 420ms var(--ease);
  }

  .product-card::after {
    content: "";
    position: absolute;
    inset: -40% -60%;
    background: linear-gradient(115deg, transparent 42%, rgba(255, 255, 255, 0.13) 50%, transparent 58%);
    transform: translateX(-35%) rotate(8deg);
    opacity: 0;
    pointer-events: none;
    transition: opacity 360ms var(--ease), transform 700ms var(--ease);
  }

  .product-card:hover {
    transform: translateY(-0.2rem);
    border-color: rgba(199, 173, 120, 0.4);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.018));
    box-shadow: none;
  }

  .product-card:hover::after {
    opacity: 1;
    transform: translateX(35%) rotate(8deg);
  }

  .product-card__media {
    position: relative;
    display: block;
    aspect-ratio: 0.92;
    overflow: hidden;
    border-radius: 0;
    background:
      radial-gradient(circle at 50% 25%, rgba(240, 223, 184, 0.1), transparent 13rem),
      rgba(255, 255, 255, 0.025);
  }

  .product-card__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    padding: 1rem 1rem 0;
    filter: drop-shadow(0 2rem 2.5rem rgba(0, 0, 0, 0.38));
    transition:
      transform 760ms var(--ease),
      opacity 380ms var(--ease);
  }

  .product-card__image--secondary {
    position: absolute;
    inset: 0;
    opacity: 0;
  }

  .product-card:hover .product-card__image--primary {
    transform: scale(1.07);
  }

  .product-card:hover .product-card__image--secondary {
    opacity: 1;
    transform: scale(1.07);
  }

  .product-card__badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    padding: 0.42rem 0.55rem;
    border-radius: 0;
    background: rgba(8, 9, 9, 0.58);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(14px);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.68rem;
    font-weight: 700;
    transition:
      transform 360ms var(--ease),
      background-color 360ms var(--ease),
      color 360ms var(--ease);
  }

  .product-card:hover .product-card__badge {
    transform: translateY(-0.2rem);
    background: rgba(199, 173, 120, 0.92);
    color: #080909;
  }

  .product-card__body {
    display: grid;
    gap: 0.9rem;
    padding: 0.9rem;
    border-top: 1px solid rgba(244, 242, 236, 0.24);
    background: rgba(3, 3, 3, 0.66);
    backdrop-filter: blur(14px);
  }

  .product-card__meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
  }

  .product-card__title,
  .product-card__subtitle,
  .product-card__price,
  .product-card__compare {
    margin: 0;
  }

  .product-card__title {
    font-family: var(--font-display);
    font-size: clamp(1.35rem, 2.15vw, 2.35rem);
    font-weight: 800;
    letter-spacing: -0.055em;
    text-transform: uppercase;
    line-height: 0.88;
  }

  .product-card__subtitle,
  .product-card__compare {
    color: var(--text-3);
    font-size: 0.84rem;
  }

  .product-card__price-wrap {
    display: grid;
    justify-items: end;
    gap: 0.15rem;
  }

  .product-card__price {
    font-family: var(--font-display);
    font-size: clamp(1.2rem, 1.9vw, 2rem);
    line-height: 0.9;
    letter-spacing: -0.04em;
    font-weight: 800;
  }

  .product-card__button {
    width: 100%;
    min-height: 3rem;
    transform: translateY(0.15rem);
    opacity: 0;
  }

  .product-card:hover .product-card__button {
    transform: translateY(0);
    opacity: 1;
  }

  .product-card__button svg {
    width: 1rem;
    height: 1rem;
  }

  @media screen and (max-width: 749px) {
    .product-card {
      padding: 0;
    }

    .product-card__media {
      border-radius: 0;
    }

    .product-card__meta {
      gap: 0.7rem;
    }

    .product-card__title {
      font-size: clamp(1.55rem, 8vw, 2.35rem);
    }

    .product-card__button {
      opacity: 1;
      transform: none;
    }
  }
/* END_SNIPPET:product-card */