/** Shopify CDN: Minification failed

Line 1308:0 Unexpected "}"

**/
/* ============ Hex Shield — base.css ============ */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--hx-bg); color: var(--hx-text); font-family: var(--hx-font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; }
::selection { background: var(--hx-accent); color: #0a0a0b; }

.hx-skip-link { position: absolute; top: -60px; left: 0; background: var(--hx-accent); color: #000; padding: 8px 16px; z-index: 999; }
.hx-skip-link:focus { top: 0; }

.hx-container { max-width: var(--hx-page-width); margin: 0 auto; padding: 0 40px; }
@media (max-width: 749px) { .hx-container { padding: 0 20px; } }

/* Headings */
.hx-heading { font-family: var(--hx-font-heading); font-weight: 400; text-transform: uppercase; letter-spacing: 0.01em; line-height: 1.02; margin: 0; }
.hx-accent { background: var(--hx-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }

/* Section header pattern */
.hx-sec-head { text-align: center; max-width: 760px; margin: 0 auto 56px; }
.hx-sec-eyebrow { display: inline-flex; align-items: center; gap: 14px; color: var(--hx-accent); font-size: 13px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; margin-bottom: 18px; }
.hx-sec-eyebrow::before, .hx-sec-eyebrow::after { content: ""; width: 34px; height: 1px; background: linear-gradient(90deg, transparent, var(--hx-accent)); }
.hx-sec-eyebrow::after { background: linear-gradient(90deg, var(--hx-accent), transparent); }
.hx-sec-title { font-size: clamp(38px, 5.2vw, 68px); }
.hx-sec-sub { color: var(--hx-muted); font-size: 17px; margin: 18px auto 0; max-width: 640px; }

/* Buttons */
.hx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 30px; border-radius: var(--hx-btn-radius); font-size: 14px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; border: 1px solid transparent; transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease; }
.hx-btn svg { transition: transform .18s ease; }
.hx-btn:hover svg { transform: translateX(4px); }
.hx-btn--primary { background: var(--hx-gradient); color: #16090096; color: #1a0d00; box-shadow: 0 8px 28px color-mix(in srgb, var(--hx-accent) 35%, transparent); }
.hx-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 12px 34px color-mix(in srgb, var(--hx-accent) 50%, transparent); }
.hx-btn--outline { background: transparent; color: var(--hx-text); border-color: rgba(255,255,255,0.25); }
.hx-btn--outline:hover { border-color: var(--hx-accent); color: var(--hx-accent); transform: translateY(-2px); }
.hx-btn--dark { background: var(--hx-surface-2); color: var(--hx-text); border-color: var(--hx-border); }
.hx-btn--dark:hover { border-color: var(--hx-accent); transform: translateY(-2px); }

/* Cards */
.hx-card { background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: var(--hx-radius); }

/* Hex watermark */
.hx-watermark { position: absolute; opacity: 0.03; pointer-events: none; }

/* ============ Announcement bar ============ */
.hx-announcement { background: #000; border-bottom: 1px solid var(--hx-border); }
.hx-announcement__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 11px 0; }
.hx-announcement__item { display: inline-flex; align-items: center; gap: 10px; font-size: 12.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--hx-text); }
.hx-announcement__item svg { color: var(--hx-accent); flex-shrink: 0; }
@media (max-width: 989px) { .hx-announcement__item:not(:first-child) { display: none; } .hx-announcement__inner { justify-content: center; } }

/* ============ Header ============ */
.hx-header-wrap.is-sticky { position: sticky; top: 0; z-index: 90; }
.hx-header { background: color-mix(in srgb, var(--hx-bg) 85%, transparent); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--hx-border); }
.hx-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 76px; }
.hx-header__logo { display: inline-flex; align-items: center; gap: 12px; font-size: 22px; font-weight: 800; letter-spacing: -0.01em; }
.hx-header__logo img { max-height: 44px; width: auto; }
.hx-nav { display: flex; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 0; }
.hx-nav__link { display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px; font-size: 13.5px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--hx-text); border-radius: 8px; transition: color .15s ease, background-color .15s ease; }
.hx-nav__link:hover { color: var(--hx-accent); background: rgba(255,255,255,0.04); }
.hx-nav__item { position: relative; }
.hx-nav__dropdown { position: absolute; top: calc(100% + 8px); left: 0; min-width: 220px; background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: 12px; padding: 8px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .18s ease, transform .18s ease, visibility .18s; z-index: 50; box-shadow: 0 20px 40px rgba(0,0,0,0.5); }
.hx-nav__item:hover .hx-nav__dropdown, .hx-nav__item:focus-within .hx-nav__dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.hx-nav__dropdown a { display: block; padding: 10px 14px; font-size: 13px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; border-radius: 8px; color: var(--hx-muted); }
.hx-nav__dropdown a:hover { color: var(--hx-accent); background: rgba(255,255,255,0.04); }
.hx-header__icons { display: flex; align-items: center; gap: 6px; }
.hx-header__icon-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 10px; color: var(--hx-text); background: transparent; border: none; transition: color .15s ease, background-color .15s ease; }
.hx-header__icon-btn:hover { color: var(--hx-accent); background: rgba(255,255,255,0.05); }
.hx-cart-count { position: absolute; top: 4px; right: 2px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; background: var(--hx-accent); color: #140800; font-size: 10.5px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.hx-header__burger { display: none; }
.hx-search-bar { display: none; border-top: 1px solid var(--hx-border); background: var(--hx-surface); }
.hx-search-bar.is-open { display: block; }
.hx-search-bar form { display: flex; gap: 12px; padding: 16px 0; }
.hx-search-bar input { flex: 1; background: var(--hx-bg); border: 1px solid var(--hx-border); border-radius: 10px; color: var(--hx-text); padding: 13px 18px; font-size: 15px; }
.hx-search-bar input:focus { outline: none; border-color: var(--hx-accent); }
.hx-mobile-menu { display: none; background: var(--hx-bg); border-top: 1px solid var(--hx-border); }
.hx-mobile-menu.is-open { display: block; }
.hx-mobile-menu a { display: block; padding: 15px 0; font-size: 15px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; border-bottom: 1px solid var(--hx-border); }
@media (max-width: 989px) {
  .hx-nav { display: none; }
  .hx-header__burger { display: inline-flex; }
}

/* ============ Hero ============ */
.hx-hero { position: relative; padding-top: var(--sec-pt, 0px); padding-bottom: var(--sec-pb, 0px); }
.hx-hero__grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 48px; align-items: center; padding: 72px 0 56px; }
.hx-hero__title { font-size: clamp(44px, 5.8vw, 82px); animation: hx-rise .7s ease both; }
.hx-hero__text { color: var(--hx-muted); font-size: 17.5px; max-width: 540px; margin: 26px 0 34px; animation: hx-rise .7s .12s ease both; }
.hx-hero__btns { display: flex; flex-wrap: wrap; gap: 16px; animation: hx-rise .7s .2s ease both; }
.hx-hero__features { display: flex; flex-wrap: wrap; margin-top: 44px; animation: hx-rise .7s .3s ease both; }
.hx-hero__feature { display: flex; align-items: center; gap: 12px; padding: 6px 22px; border-left: 1px solid var(--hx-border); }
.hx-hero__feature:first-child { border-left: 0; padding-left: 0; }
.hx-hero__feature svg { color: var(--hx-accent); flex-shrink: 0; }
.hx-hero__feature-text { font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.35; }
.hx-hero__media { position: relative; animation: hx-fade .9s .15s ease both; }
.hx-hero__media img { border-radius: 16px; }
.hx-hero__media--placeholder { aspect-ratio: 4/3.4; border-radius: 16px; background: radial-gradient(80% 90% at 55% 40%, #232327 0%, #101012 70%); border: 1px solid var(--hx-border); display: flex; align-items: center; justify-content: center; }

/* Hero edition strip */
.hx-hero-strip { background: rgba(15,15,17,0.85); border: 1px solid var(--hx-border); border-radius: 18px 18px 0 0; padding: 26px 26px 30px; }
.hx-hero-strip__title { text-align: center; font-size: 14px; font-weight: 800; letter-spacing: 0.5em; text-transform: uppercase; margin: 0 0 22px; }
.hx-hero-strip__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.hx-hero-strip__card { display: flex; align-items: center; gap: 12px; background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: 12px; padding: 12px; transition: transform .18s ease, border-color .18s ease; }
.hx-hero-strip__card:hover { transform: translateY(-4px); border-color: var(--edition-color, var(--hx-accent)); }
.hx-hero-strip__thumb { width: 56px; height: 64px; border-radius: 8px; flex-shrink: 0; object-fit: cover; }
.hx-hero-strip__thumb--ph { background: linear-gradient(150deg, color-mix(in srgb, var(--edition-color, #555) 75%, #000) , color-mix(in srgb, var(--edition-color, #333) 30%, #000)); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.5); }
.hx-hero-strip__name { font-family: var(--hx-font-heading); font-size: 17px; text-transform: uppercase; letter-spacing: 0.03em; line-height: 1.1; color: var(--edition-color, var(--hx-text)); }
.hx-hero-strip__label { font-size: 10px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--hx-text); }
.hx-hero-strip__sub { font-size: 9.5px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--hx-muted); }
@media (max-width: 1199px) { .hx-hero-strip__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 989px) { .hx-hero__grid { grid-template-columns: 1fr; padding-top: 48px; } }
@media (max-width: 649px) { .hx-hero-strip__grid { grid-template-columns: repeat(2, 1fr); } .hx-hero__feature { padding: 6px 14px; } }

/* ============ Editions grid ============ */
.hx-editions { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 96px); position: relative; }
.hx-editions__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px; }
.hx-edition-card { display: flex; flex-direction: column; background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: var(--hx-radius); overflow: hidden; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.hx-edition-card:hover { transform: translateY(-8px); border-color: var(--edition-color, var(--hx-accent)); box-shadow: 0 24px 48px rgba(0,0,0,0.45), 0 0 0 1px var(--edition-color, var(--hx-accent)); }
.hx-edition-card__media { aspect-ratio: 3/3.9; overflow: hidden; position: relative; }
.hx-edition-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.hx-edition-card:hover .hx-edition-card__media img { transform: scale(1.05); }
.hx-edition-card__media--ph { background: radial-gradient(90% 80% at 50% 45%, color-mix(in srgb, var(--edition-color, #444) 55%, #0a0a0b), #0d0d0f 85%); display: flex; align-items: center; justify-content: center; }
.hx-edition-card__body { padding: 20px 18px 18px; display: flex; flex-direction: column; flex: 1; gap: 4px; }
.hx-edition-card__top { display: flex; align-items: center; gap: 12px; }
.hx-edition-card__hex { width: 38px; height: 42px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: var(--edition-color, var(--hx-accent)); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); border: 0; background: color-mix(in srgb, var(--edition-color, var(--hx-accent)) 14%, transparent); }
.hx-edition-card__name { font-family: var(--hx-font-heading); font-size: 22px; text-transform: uppercase; line-height: 1; }
.hx-edition-card__label { font-size: 10.5px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; color: var(--hx-muted); }
.hx-edition-card__tagline { font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--hx-muted); margin: 10px 0 16px; }
.hx-edition-card__btn { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; border: 1px solid color-mix(in srgb, var(--edition-color, var(--hx-accent)) 55%, transparent); border-radius: var(--hx-btn-radius); font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; transition: background-color .18s ease, color .18s ease; }
.hx-edition-card:hover .hx-edition-card__btn { background: var(--edition-color, var(--hx-accent)); color: #0a0a0b; }
.hx-editions__foot { text-align: center; margin-top: 56px; }
.hx-editions__foot-title { font-size: 16px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 18px; margin-bottom: 12px; }
.hx-editions__foot-title::before, .hx-editions__foot-title::after { content: ""; width: 90px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25)); }
.hx-editions__foot-title::after { background: linear-gradient(90deg, rgba(255,255,255,0.25), transparent); }
.hx-editions__foot-features { color: var(--hx-muted); font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
.hx-editions__foot-features span:not(:last-child)::after { content: "•"; margin-left: 14px; color: var(--hx-accent); }
@media (max-width: 1199px) { .hx-editions__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 649px) { .hx-editions__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } }

/* ============ Product system ============ */
.hx-system { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 96px); position: relative; }
.hx-system__row { display: flex; align-items: stretch; gap: 10px; }
.hx-system__step { flex: 1; padding: 26px 24px; position: relative; display: flex; flex-direction: column; }
.hx-system__step-head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px; min-height: 76px; }
.hx-system__num { width: 44px; height: 50px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 17px; color: var(--step-color, var(--hx-accent)); background: color-mix(in srgb, var(--step-color, var(--hx-accent)) 12%, transparent); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
.hx-system__step-title { font-size: 19px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; margin: 0 0 4px; }
.hx-system__step-text { font-size: 13.5px; color: var(--hx-muted); margin: 0; line-height: 1.5; }
.hx-system__step-media { margin-top: auto; aspect-ratio: 1/1.15; border-radius: 10px; overflow: hidden; background: radial-gradient(80% 80% at 50% 40%, #1d1d21, #0e0e10); display: flex; align-items: center; justify-content: center; }
.hx-system__step-media img { width: 100%; height: 100%; object-fit: cover; }
.hx-system__arrow { display: flex; align-items: center; color: var(--hx-accent); flex-shrink: 0; }
.hx-system__features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: var(--hx-radius); margin-top: 28px; }
.hx-system__feature { display: flex; gap: 16px; padding: 26px 28px; border-left: 1px solid var(--hx-border); }
.hx-system__feature:first-child { border-left: 0; }
.hx-system__feature svg { color: var(--hx-accent); flex-shrink: 0; margin-top: 2px; }
.hx-system__feature-title { font-size: 13.5px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; margin: 0 0 3px; }
.hx-system__feature-text { font-size: 13px; color: var(--hx-muted); margin: 0; line-height: 1.45; }
.hx-system__btns { display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; margin-top: 40px; }
@media (max-width: 989px) {
  .hx-system__row { flex-direction: column; }
  .hx-system__arrow { transform: rotate(90deg); justify-content: center; padding: 4px 0; }
  .hx-system__features { grid-template-columns: 1fr 1fr; }
  .hx-system__feature:nth-child(odd) { border-left: 0; }
  .hx-system__feature:nth-child(n+3) { border-top: 1px solid var(--hx-border); }
}
@media (max-width: 649px) { .hx-system__features { grid-template-columns: 1fr; } .hx-system__feature { border-left: 0 !important; border-top: 1px solid var(--hx-border); } .hx-system__feature:first-child { border-top: 0; } }

/* ============ Creators ============ */
.hx-creators { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 96px); position: relative; }
.hx-creators__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.hx-creator-card { overflow: visible; text-align: center; transition: transform .2s ease, border-color .2s ease; }
.hx-creator-card:hover { transform: translateY(-6px); border-color: rgba(255,122,26,0.4); }
.hx-creator-card__photo { aspect-ratio: 1/1.05; border-radius: var(--hx-radius) var(--hx-radius) 0 0; overflow: hidden; background: radial-gradient(80% 80% at 50% 30%, #26262c, #101013); }
.hx-creator-card__photo img { width: 100%; height: 100%; object-fit: cover; }
.hx-creator-card__logo { width: 84px; height: 84px; border-radius: 50%; margin: -44px auto 10px; position: relative; border: 3px solid var(--hx-bg); background: #0d0d0f; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.hx-creator-card__logo img { width: 100%; height: 100%; object-fit: cover; }
.hx-creator-card__name { display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 17px; font-weight: 800; margin: 0; }
.hx-creator-card__name svg { color: var(--hx-accent); }
.hx-creator-card__role { color: var(--hx-muted); font-size: 13px; margin: 3px 0 14px; }
.hx-creator-card__stats { display: flex; border-top: 1px solid var(--hx-border); }
.hx-creator-card__stat { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 6px; border-left: 1px solid var(--hx-border); }
.hx-creator-card__stat:first-child { border-left: 0; }
.hx-creator-card__stat svg { color: var(--hx-accent); flex-shrink: 0; }
.hx-creator-card__stat-value { font-size: 14.5px; font-weight: 800; line-height: 1.1; }
.hx-creator-card__stat-label { font-size: 10.5px; color: var(--hx-muted); line-height: 1.1; }
.hx-creators__stores { margin-top: 28px; padding: 30px 36px; text-align: center; }
.hx-creators__stores-title { font-size: 13px; font-weight: 800; letter-spacing: 0.3em; text-transform: uppercase; margin: 0 0 24px; }
.hx-creators__stores-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.hx-store-logo { display: inline-flex; align-items: center; gap: 10px; color: rgba(255,255,255,0.55); font-weight: 800; font-size: 15px; letter-spacing: 0.06em; text-transform: uppercase; transition: color .18s ease; padding: 0 8px; }
.hx-store-logo:hover { color: var(--hx-text); }
.hx-store-logo img { max-height: 34px; width: auto; opacity: .7; transition: opacity .18s ease; }
.hx-store-logo:hover img { opacity: 1; }
.hx-creators__cta { text-align: center; margin-top: 36px; }
@media (max-width: 1199px) { .hx-creators__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 749px) { .hx-creators__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .hx-creators__grid > * { min-width: 0; } .hx-creators__stores-row { justify-content: center; } }

/* ============ Stockists ============ */
.hx-stockists { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 96px); }
.hx-stockists__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.hx-stockists__eyebrow { color: var(--hx-accent); font-size: 13.5px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; margin: 0 0 14px; }
.hx-stockists__title { font-size: clamp(40px, 4.6vw, 64px); }
.hx-stockists__text { color: var(--hx-muted); font-size: 16.5px; max-width: 520px; margin: 20px 0 28px; }
.hx-stockists__features { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 30px; }
.hx-stockists__feature { display: flex; align-items: center; gap: 11px; padding: 10px 18px 10px 0; font-size: 12px; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; line-height: 1.35; }
.hx-stockists__feature svg { color: var(--hx-accent); flex-shrink: 0; }
.hx-stockists__search { display: flex; gap: 0; margin-bottom: 40px; max-width: 640px; border: 1px solid var(--hx-border); border-radius: 12px; overflow: hidden; background: var(--hx-surface); }
.hx-stockists__search-icon { display: flex; align-items: center; padding-left: 18px; color: var(--hx-muted); }
.hx-stockists__search input { flex: 1; background: transparent; border: 0; color: var(--hx-text); padding: 17px 16px; font-size: 15px; min-width: 0; }
.hx-stockists__search input:focus { outline: none; }
.hx-stockists__search button { border: 0; background: var(--hx-gradient); color: #1a0d00; font-weight: 800; font-size: 13.5px; letter-spacing: 0.08em; text-transform: uppercase; padding: 0 30px; transition: filter .15s ease; }
.hx-stockists__search button:hover { filter: brightness(1.1); }
.hx-stockists__list-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.hx-stockists__list-title { font-size: 13.5px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; margin: 0; }
.hx-stockists__view-all { color: var(--hx-accent); font-size: 13px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 6px; }
.hx-stockists__cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.hx-stockist-card { overflow: hidden; transition: transform .18s ease, border-color .18s ease; }
.hx-stockist-card:hover { transform: translateY(-4px); border-color: rgba(255,122,26,0.45); }
.hx-stockist-card__img { aspect-ratio: 4/3.1; background: radial-gradient(80% 80% at 50% 40%, #222227, #0e0e10); overflow: hidden; }
.hx-stockist-card__img img { width: 100%; height: 100%; object-fit: cover; }
.hx-stockist-card__body { padding: 13px 14px 15px; }
.hx-stockist-card__name { display: flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 800; margin: 0 0 2px; }
.hx-stockist-card__name svg { color: var(--hx-accent); flex-shrink: 0; }
.hx-stockist-card__city { color: var(--hx-muted); font-size: 12px; margin: 0 0 8px; }
.hx-stockist-card__distance { display: inline-flex; align-items: center; gap: 5px; color: var(--hx-muted); font-size: 11.5px; }
.hx-stockist-card__distance svg { color: var(--hx-accent); }
.hx-stockists__map-wrap { position: relative; }
.hx-stockists__map { height: 640px; border-radius: var(--hx-radius); border: 1px solid var(--hx-border); overflow: hidden; background: #101013; z-index: 1; }
.hx-stockists__map .leaflet-container { height: 100%; width: 100%; background: #101013; font-family: var(--hx-font-body); }
.hx-map-badge { position: absolute; right: 18px; bottom: 18px; z-index: 400; display: flex; align-items: center; gap: 12px; background: rgba(14,14,16,0.92); border: 1px solid var(--hx-border); border-radius: 12px; padding: 14px 20px; }
.hx-map-badge svg { color: var(--hx-accent); }
.hx-map-badge__value { font-size: 20px; font-weight: 800; line-height: 1; }
.hx-map-badge__label { font-size: 10.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--hx-muted); }
.hx-pin-marker { filter: drop-shadow(0 4px 8px rgba(0,0,0,.6)); }
.leaflet-popup-content-wrapper { background: #17171b !important; color: #fff !important; border: 1px solid rgba(255,255,255,0.1); border-radius: 10px !important; }
.leaflet-popup-tip { background: #17171b !important; }
.hx-stockists__stats { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: var(--hx-radius); margin-top: 48px; }
.hx-stockists__stat { display: flex; align-items: center; gap: 15px; padding: 24px 28px; border-left: 1px solid var(--hx-border); }
.hx-stockists__stat:first-child { border-left: 0; }
.hx-stockists__stat svg { color: var(--hx-accent); flex-shrink: 0; }
.hx-stockists__stat-value { font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.03em; line-height: 1.25; }
.hx-stockists__stat-label { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: var(--hx-muted); line-height: 1.25; }
@media (max-width: 1199px) { .hx-stockists__cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 989px) { .hx-stockists__grid { grid-template-columns: minmax(0, 1fr); } .hx-stockists__grid > * { min-width: 0; } .hx-stockists__map { height: 460px; } .hx-stockists__stats { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .hx-stockists__stat { min-width: 0; } .hx-stockists__stat:nth-child(odd) { border-left: 0; } .hx-stockists__stat:nth-child(n+3) { border-top: 1px solid var(--hx-border); } }

/* ============ Footer ============ */
.hx-footer { background: #060607; border-top: 1px solid var(--hx-border); padding: 72px 0 0; margin-top: 40px; }
.hx-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.4fr; gap: 48px; padding-bottom: 56px; }
.hx-footer__brand-logo { display: inline-flex; align-items: center; gap: 12px; font-size: 21px; font-weight: 800; margin-bottom: 18px; }
.hx-footer__brand-logo img { max-height: 40px; width: auto; }
.hx-footer__desc { color: var(--hx-muted); font-size: 14.5px; max-width: 320px; margin: 0 0 22px; }
.hx-footer__social { display: flex; gap: 10px; }
.hx-footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--hx-border); color: var(--hx-muted); transition: color .18s ease, border-color .18s ease, transform .18s ease; }
.hx-footer__social a:hover { color: var(--hx-accent); border-color: var(--hx-accent); transform: translateY(-3px); }
.hx-footer__heading { font-size: 13px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; margin: 0 0 20px; color: var(--hx-text); }
.hx-footer__links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.hx-footer__links a { color: var(--hx-muted); font-size: 14.5px; transition: color .15s ease; }
.hx-footer__links a:hover { color: var(--hx-accent); }
.hx-footer__newsletter-text { color: var(--hx-muted); font-size: 14px; margin: 0 0 18px; }
.hx-footer__newsletter-form { display: flex; border: 1px solid var(--hx-border); border-radius: 10px; overflow: hidden; background: var(--hx-surface); }
.hx-footer__newsletter-form input { flex: 1; background: transparent; border: 0; color: var(--hx-text); padding: 14px 16px; font-size: 14px; min-width: 0; }
.hx-footer__newsletter-form input:focus { outline: none; }
.hx-footer__newsletter-form button { border: 0; background: var(--hx-gradient); color: #1a0d00; font-weight: 800; font-size: 12.5px; letter-spacing: 0.08em; text-transform: uppercase; padding: 0 22px; }
.hx-footer__success { color: var(--hx-accent); font-size: 13.5px; margin-top: 10px; }
.hx-footer__bottom { border-top: 1px solid var(--hx-border); padding: 22px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.hx-footer__copyright { color: var(--hx-muted); font-size: 13px; }
.hx-footer__payments { display: flex; gap: 8px; flex-wrap: wrap; }
.hx-footer__payments svg { height: 26px; width: auto; }
@media (max-width: 989px) { .hx-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 649px) { .hx-footer__grid { grid-template-columns: 1fr; gap: 36px; } }

/* ============ Utility pages (product / collection / cart / etc.) ============ */
.hx-page { padding: 72px 0; }
.hx-page-title { font-size: clamp(34px, 4.5vw, 56px); margin-bottom: 36px; }
.hx-rte { color: var(--hx-muted); font-size: 16px; max-width: 760px; }
.hx-rte a { color: var(--hx-accent); }

.hx-product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
@media (max-width: 989px) { .hx-product-grid { grid-template-columns: repeat(2, 1fr); } }
.hx-product-card { display: block; background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: var(--hx-radius); overflow: hidden; transition: transform .2s ease, border-color .2s ease; }
.hx-product-card:hover { transform: translateY(-5px); border-color: rgba(255,122,26,0.45); }
.hx-product-card__media { aspect-ratio: 1/1; background: #101013; overflow: hidden; }
.hx-product-card__media img, .hx-product-card__media svg { width: 100%; height: 100%; object-fit: cover; }
.hx-product-card__info { padding: 16px 18px 18px; }
.hx-product-card__title { font-size: 15px; font-weight: 700; margin: 0 0 6px; }
.hx-product-card__price { color: var(--hx-accent); font-weight: 800; font-size: 15px; margin: 0; }
.hx-product-card__price s { color: var(--hx-muted); font-weight: 500; margin-right: 8px; }
.hx-placeholder { background: #17171b; }

.hx-product { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; padding: 64px 0; }
@media (max-width: 989px) { .hx-product { grid-template-columns: 1fr; } }
.hx-product__media img { border-radius: var(--hx-radius); border: 1px solid var(--hx-border); width: 100%; }
.hx-product__thumbs { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.hx-product__thumbs img { width: 84px; height: 84px; object-fit: cover; border-radius: 10px; border: 1px solid var(--hx-border); cursor: pointer; transition: border-color .15s ease; }
.hx-product__thumbs img:hover { border-color: var(--hx-accent); }
.hx-product__vendor { color: var(--hx-accent); font-size: 12.5px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; margin: 0 0 10px; }
.hx-product__title { font-size: clamp(30px, 3.6vw, 48px); }
.hx-product__price { font-size: 24px; font-weight: 800; margin: 18px 0 24px; }
.hx-product__price s { color: var(--hx-muted); font-weight: 500; font-size: 18px; margin-right: 10px; }
.hx-product__desc { color: var(--hx-muted); }
.hx-option { margin-bottom: 18px; }
.hx-option label { display: block; font-size: 12.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 8px; }
.hx-option select, .hx-qty input { background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: 10px; color: var(--hx-text); padding: 13px 16px; font-size: 15px; width: 100%; }
.hx-qty { max-width: 120px; margin-bottom: 22px; }
.hx-product__form .hx-btn { width: 100%; margin-bottom: 12px; }

.hx-cart-table { width: 100%; border-collapse: collapse; margin-bottom: 32px; }
.hx-cart-table th { text-align: left; font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--hx-muted); padding: 0 12px 14px 0; border-bottom: 1px solid var(--hx-border); }
.hx-cart-table td { padding: 18px 12px 18px 0; border-bottom: 1px solid var(--hx-border); vertical-align: middle; }
.hx-cart-item { display: flex; align-items: center; gap: 16px; }
.hx-cart-item img { width: 72px; height: 72px; object-fit: cover; border-radius: 10px; border: 1px solid var(--hx-border); }
.hx-cart-item__title { font-weight: 700; font-size: 15px; }
.hx-cart-item__variant { color: var(--hx-muted); font-size: 12.5px; }
.hx-cart-remove { color: var(--hx-muted); font-size: 12.5px; text-decoration: underline; }
.hx-cart-remove:hover { color: var(--hx-accent); }
.hx-cart-footer { display: flex; justify-content: flex-end; }
.hx-cart-summary { width: 100%; max-width: 380px; padding: 26px; }
.hx-cart-summary__row { display: flex; justify-content: space-between; font-size: 17px; font-weight: 800; margin-bottom: 8px; }
.hx-cart-summary__note { color: var(--hx-muted); font-size: 13px; margin: 0 0 18px; }
.hx-cart-summary .hx-btn { width: 100%; }

.hx-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 48px; }
.hx-pagination a, .hx-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; border-radius: 10px; border: 1px solid var(--hx-border); font-weight: 700; font-size: 14px; padding: 0 8px; }
.hx-pagination a:hover { border-color: var(--hx-accent); color: var(--hx-accent); }
.hx-pagination .current { background: var(--hx-gradient); color: #1a0d00; border-color: transparent; }

.hx-form { max-width: 480px; }
.hx-form label { display: block; font-size: 12.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; margin: 18px 0 8px; }
.hx-form input, .hx-form textarea { width: 100%; background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: 10px; color: var(--hx-text); padding: 13px 16px; font-size: 15px; }
.hx-form input:focus, .hx-form textarea:focus { outline: none; border-color: var(--hx-accent); }
.hx-form .hx-btn { margin-top: 24px; }
.hx-form-errors { background: rgba(255,60,60,0.1); border: 1px solid rgba(255,60,60,0.35); border-radius: 10px; padding: 14px 18px; color: #ff8f8f; font-size: 14px; margin-bottom: 8px; }
.hx-form-link { color: var(--hx-muted); font-size: 14px; display: inline-block; margin-top: 16px; }
.hx-form-link:hover { color: var(--hx-accent); }

/* ============ Icon bar (shared) ============ */
.hx-iconbar { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: var(--hx-radius); }
.hx-iconbar__item { display: flex; align-items: center; gap: 16px; padding: 24px 28px; border-left: 1px solid var(--hx-border); }
.hx-iconbar__item:first-child { border-left: 0; }
.hx-iconbar__icon { flex-shrink: 0; color: var(--hx-accent); display: flex; align-items: center; justify-content: center; }
.hx-iconbar--circles .hx-iconbar__icon { width: 62px; height: 62px; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--hx-accent) 40%, transparent); background: color-mix(in srgb, var(--hx-accent) 8%, transparent); }
.hx-iconbar__title { font-size: 13.5px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; margin: 0 0 3px; }
.hx-iconbar__text { font-size: 12.5px; color: var(--hx-muted); margin: 0; line-height: 1.45; }
@media (max-width: 989px) { .hx-iconbar { grid-template-columns: 1fr 1fr; } .hx-iconbar__item:nth-child(odd) { border-left: 0; } .hx-iconbar__item:nth-child(n+3) { border-top: 1px solid var(--hx-border); } }
@media (max-width: 649px) { .hx-iconbar { grid-template-columns: 1fr; } .hx-iconbar__item { border-left: 0 !important; border-top: 1px solid var(--hx-border); } .hx-iconbar__item:first-child { border-top: 0; } }

/* ============ Collector setups ============ */
.hx-setups { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 96px); position: relative; }
.hx-setups__tabs { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin: -18px 0 40px; }
.hx-setup-tab { padding: 10px 26px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.18); background: transparent; color: var(--hx-text); font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease; }
.hx-setup-tab:hover { border-color: var(--hx-accent); color: var(--hx-accent); transform: translateY(-2px); }
.hx-setup-tab.is-active { background: var(--hx-gradient); color: #1a0d00; border-color: transparent; }
.hx-setup-tab.is-active:hover { color: #1a0d00; }
.hx-setups__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.hx-setup-card { position: relative; border-radius: 12px; overflow: hidden; border: 1px solid var(--hx-border); aspect-ratio: 1/0.96; background: radial-gradient(85% 85% at 50% 40%, #202024, #0e0e10); display: block; transition: transform .2s ease, border-color .2s ease; }
.hx-setup-card:hover { transform: translateY(-5px); border-color: rgba(255,122,26,0.5); }
.hx-setup-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.hx-setup-card:hover img { transform: scale(1.06); }
.hx-setup-card__ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: .35; }
.hx-setup-card__meta { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 26px 13px 11px; background: linear-gradient(transparent, rgba(0,0,0,0.88)); font-size: 12.5px; }
.hx-setup-card__handle { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; color: #fff; min-width: 0; }
.hx-setup-card__handle span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx-setup-card__likes { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-weight: 700; flex-shrink: 0; }
.hx-setup-card__likes svg { color: var(--hx-accent); }
.hx-setup-card.is-hidden { display: none; }
.hx-setups__cta { margin-top: 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 30px; flex-wrap: wrap; }
.hx-setups__cta-left { display: flex; align-items: center; gap: 20px; }
.hx-setups__cta-icon { width: 58px; height: 58px; flex-shrink: 0; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--hx-accent) 45%, transparent); display: flex; align-items: center; justify-content: center; color: var(--hx-accent); background: color-mix(in srgb, var(--hx-accent) 8%, transparent); }
.hx-setups__cta-title { font-size: 16px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; margin: 0 0 3px; }
.hx-setups__cta-text { color: var(--hx-muted); font-size: 14px; margin: 0; }
.hx-accent-text { color: var(--hx-accent); font-weight: 700; }
.hx-setups__bar { margin-top: 20px; }
@media (max-width: 1199px) { .hx-setups__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 649px) { .hx-setups__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } .hx-setups__cta { justify-content: center; text-align: center; } .hx-setups__cta-left { flex-direction: column; } }

/* ============ Join the Shield ============ */
.hx-join { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 72px); }
.hx-join__panel { position: relative; overflow: hidden; border-radius: var(--hx-radius); border: 1px solid var(--hx-border); background: #0D0D0F; padding: 64px; display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.hx-join__brand { display: inline-flex; align-items: center; gap: 14px; font-weight: 800; font-size: 15px; letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: 30px; }
.hx-join__title { font-size: clamp(42px, 5vw, 72px); }
.hx-join__rule { width: 110px; height: 3px; background: var(--hx-gradient); border: 0; margin: 24px 0 22px; }
.hx-join__text { color: var(--hx-muted); font-size: 16.5px; max-width: 460px; margin: 0 0 32px; }
.hx-join__form { display: flex; border: 1px solid var(--hx-border); border-radius: 12px; overflow: hidden; background: #131316; max-width: 580px; }
.hx-join__form-icon { display: flex; align-items: center; padding-left: 18px; color: var(--hx-muted); }
.hx-join__form input { flex: 1; background: transparent; border: 0; color: var(--hx-text); padding: 18px 16px; font-size: 15px; min-width: 0; }
.hx-join__form input:focus { outline: none; }
.hx-join__form button { display: inline-flex; align-items: center; gap: 8px; border: 0; background: var(--hx-gradient); color: #1a0d00; font-weight: 800; font-size: 13.5px; letter-spacing: 0.08em; text-transform: uppercase; padding: 0 28px; transition: filter .15s ease; }
.hx-join__form button:hover { filter: brightness(1.1); }
.hx-join__proof { display: flex; align-items: center; gap: 18px; margin-top: 28px; flex-wrap: wrap; }
.hx-join__avatars { display: flex; }
.hx-join__avatar { width: 44px; height: 44px; border-radius: 50%; border: 2px solid #0D0D0F; margin-left: -11px; overflow: hidden; background: linear-gradient(150deg, #2a2a30, #17171b); display: flex; align-items: center; justify-content: center; color: var(--hx-muted); }
.hx-join__avatar:first-child { margin-left: 0; }
.hx-join__avatar img { width: 100%; height: 100%; object-fit: cover; }
.hx-join__stars { color: var(--hx-accent); display: flex; gap: 3px; margin-bottom: 5px; }
.hx-join__stars svg { fill: currentColor; }
.hx-join__proof-text { color: var(--hx-muted); font-size: 13.5px; margin: 0; max-width: 300px; line-height: 1.5; }
.hx-join__media { position: relative; }
.hx-join__media img { border-radius: 14px; }
.hx-join__media--ph { aspect-ratio: 4/3.2; border-radius: 14px; background: radial-gradient(80% 90% at 55% 40%, #232327 0%, #101012 72%); border: 1px solid var(--hx-border); display: flex; align-items: center; justify-content: center; }
.hx-join__benefits { margin-top: 20px; }
.hx-join__trust { margin-top: 20px; }
@media (max-width: 989px) { .hx-join__panel { grid-template-columns: 1fr; padding: 40px 28px; } }

/* ============ Image with text ============ */
.hx-iwt { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 0px); }
.hx-iwt__grid { display: grid; grid-template-columns: 1.02fr 0.98fr; border-radius: var(--hx-radius); overflow: hidden; border: 1px solid var(--hx-border); background: #0D0D0F; }
.hx-iwt__grid--reverse .hx-iwt__media { order: 2; }
.hx-iwt__media { position: relative; min-height: 560px; background: radial-gradient(85% 85% at 50% 45%, #1e1e22, #0d0d0f); display: flex; align-items: center; justify-content: center; }
.hx-iwt__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hx-iwt__content { padding: 64px; }
.hx-iwt__eyebrow { color: var(--hx-accent); font-size: 13px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; margin: 0 0 16px; }
.hx-iwt__rule { width: 64px; height: 3px; background: var(--hx-gradient); border: 0; margin: 0 0 26px; }
.hx-iwt__title { font-size: clamp(36px, 4.4vw, 62px); }
.hx-iwt__text { color: var(--hx-muted); font-size: 16px; margin: 24px 0 36px; max-width: 540px; line-height: 1.7; }
.hx-iwt__features { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.hx-iwt__feature { display: flex; gap: 16px; padding: 20px; background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: 12px; transition: border-color .2s ease, transform .2s ease; }
.hx-iwt__feature:hover { border-color: rgba(255,122,26,0.4); transform: translateY(-3px); }
.hx-iwt__feature-icon { width: 52px; height: 52px; flex-shrink: 0; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--hx-accent) 40%, transparent); color: var(--hx-accent); display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--hx-accent) 7%, transparent); }
.hx-iwt__feature-title { font-size: 13.5px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; margin: 0 0 4px; }
.hx-iwt__feature-text { font-size: 13px; color: var(--hx-muted); margin: 0; line-height: 1.5; }
@media (max-width: 989px) { .hx-iwt__grid { grid-template-columns: 1fr; } .hx-iwt__grid--reverse .hx-iwt__media { order: 0; } .hx-iwt__media { min-height: 340px; } .hx-iwt__content { padding: 36px 24px; } }
@media (max-width: 649px) { .hx-iwt__features { grid-template-columns: 1fr; } }

/* Custom uploaded icons */
.hx-custom-icon { object-fit: contain; flex-shrink: 0; display: inline-block; }

/* ============ Editions carousel ============ */
.hx-ed-carousel { position: relative; padding: 0 66px; }
.hx-ed-viewport { overflow: hidden; padding: 24px 0 36px; margin-bottom: -16px; }
.hx-ed-track { display: flex; will-change: transform; }
.hx-ed-slide { flex: 0 0 calc(100% / var(--ed-visible, 4)); min-width: 0; padding: 0 10px; box-sizing: border-box; }
.hx-ed-slide .hx-edition-card { height: 100%; transform: scale(0.97); transition: transform .5s ease, border-color .5s ease, box-shadow .5s ease; }
.hx-ed-slide .hx-edition-card:hover { transform: scale(0.99) translateY(-4px); }
.hx-ed-slide.is-center .hx-edition-card { transform: scale(1.045); border-color: var(--edition-color, var(--hx-accent)); box-shadow: 0 26px 52px rgba(0,0,0,0.5), 0 0 0 1px var(--edition-color, var(--hx-accent)), 0 0 44px color-mix(in srgb, var(--edition-color, var(--hx-accent)) 22%, transparent); }
.hx-ed-slide.is-center .hx-edition-card .hx-edition-card__btn { background: var(--edition-color, var(--hx-accent)); color: #0a0a0b; }
.hx-ed-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.18); background: rgba(19,19,22,0.92); color: var(--hx-text); display: flex; align-items: center; justify-content: center; transition: border-color .18s ease, color .18s ease, background-color .18s ease; }
.hx-ed-arrow:hover { border-color: var(--hx-accent); color: var(--hx-accent); }
.hx-ed-arrow--prev { left: 0; }
.hx-ed-arrow--next { right: 0; }
.hx-ed-carousel.is-static .hx-ed-track { justify-content: center; }
.hx-ed-carousel.is-static .hx-ed-arrow { display: none; }
@media (max-width: 749px) { .hx-ed-carousel { padding: 0 10px; } .hx-ed-arrow { width: 42px; height: 42px; } .hx-ed-arrow--prev { left: -4px; } .hx-ed-arrow--next { right: -4px; } }

/* ============ Logo marquee ============ */
.hx-logo-marquee { overflow: hidden; position: relative; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.hx-logo-marquee__track { display: flex; width: max-content; animation: hx-marquee var(--hx-marquee-speed, 30s) linear infinite; }
.hx-logo-marquee:hover .hx-logo-marquee__track { animation-play-state: paused; }
.hx-logo-marquee__group { display: flex; align-items: center; gap: 80px; padding-right: 80px; }
.hx-logo-marquee__item { display: flex; align-items: center; justify-content: center; flex-shrink: 0; opacity: 0.6; transition: opacity .2s ease; color: rgba(255,255,255,0.55); }
.hx-logo-marquee__item:hover { opacity: 1; }
.hx-logo-marquee__item img { max-height: 46px; width: auto; }
@keyframes hx-marquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .hx-logo-marquee__track { animation: none; } }

/* ============ Product hero ============ */
.hx-phero { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; padding: 56px 0 48px; align-items: start; }
.hx-phero__main { position: relative; border-radius: var(--hx-radius); overflow: hidden; border: 1px solid var(--hx-border); background: radial-gradient(85% 85% at 50% 42%, #1e1e22, #0d0d0f); aspect-ratio: 1/0.92; display: flex; align-items: center; justify-content: center; }
.hx-phero__main img { width: 100%; height: 100%; object-fit: cover; }
.hx-hexbadge { position: absolute; top: 22px; left: 22px; width: 122px; height: 134px; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); background: var(--hx-accent); display: flex; align-items: center; justify-content: center; z-index: 3; }
.hx-hexbadge__inner { width: calc(100% - 3px); height: calc(100% - 3px); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); background: rgba(10, 10, 12, 0.92); display: flex; align-items: center; justify-content: center; text-align: center; font-size: 11.5px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.5; padding: 16px; }
.hx-hexbadge--free { position: relative; top: auto; left: auto; flex-shrink: 0; }
.hx-phero__thumbs { display: flex; gap: 10px; margin-top: 12px; align-items: center; }
.hx-phero__thumbrow { display: flex; gap: 10px; overflow: hidden; flex: 1; }
.hx-phero__thumb { width: 92px; height: 92px; border-radius: 10px; border: 1px solid var(--hx-border); overflow: hidden; cursor: pointer; flex-shrink: 0; background: #101013; padding: 0; transition: border-color .15s ease; }
.hx-phero__thumb.is-active, .hx-phero__thumb:hover { border-color: var(--hx-accent); }
.hx-phero__thumb img { width: 100%; height: 100%; object-fit: cover; }
.hx-phero__tnav { width: 36px; height: 36px; flex-shrink: 0; border-radius: 50%; border: 1px solid var(--hx-border); background: transparent; color: var(--hx-text); display: flex; align-items: center; justify-content: center; transition: border-color .15s ease, color .15s ease; }
.hx-phero__tnav:hover { border-color: var(--hx-accent); color: var(--hx-accent); }
.hx-phero__eyebrow { color: var(--hx-accent); font-size: 13.5px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; margin: 0 0 12px; }
.hx-phero__title { font-size: clamp(34px, 3.8vw, 54px); }
.hx-phero__rating { display: flex; align-items: center; gap: 10px; margin: 16px 0 14px; color: var(--hx-muted); font-size: 14px; }
.hx-phero__stars { color: var(--hx-accent); display: flex; gap: 2px; }
.hx-phero__stars svg { fill: currentColor; }
.hx-phero__priceline { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.hx-phero__price { font-size: 30px; font-weight: 800; }
.hx-phero__price s { color: var(--hx-muted); font-weight: 500; font-size: 21px; margin-right: 10px; }
.hx-stock { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: #4ade80; }
.hx-stock--out { color: #f87171; }
.hx-phero__desc { color: var(--hx-muted); font-size: 15.5px; margin: 0 0 26px; max-width: 520px; line-height: 1.65; }
.hx-swatch-label { font-size: 13px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; margin: 0 0 12px; }
.hx-swatches { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.hx-swatch { width: 54px; height: 46px; border-radius: 10px; border: 2px solid #0a0a0b; outline: 1px solid var(--hx-border); cursor: pointer; padding: 0; transition: outline-color .15s ease, transform .15s ease; }
.hx-swatch:hover { transform: translateY(-2px); }
.hx-swatch.is-active { outline: 2px solid var(--hx-accent); }
.hx-swatch-name { color: var(--hx-accent); font-size: 13.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; margin: 6px 0 6px; }
.hx-swatch-desc { color: var(--hx-muted); font-size: 14px; margin: 0 0 26px; max-width: 460px; }
.hx-phero__buyrow { display: flex; gap: 14px; margin-bottom: 12px; }
.hx-qty-stepper { display: flex; align-items: center; border: 1px solid var(--hx-border); border-radius: var(--hx-btn-radius); background: var(--hx-surface); flex-shrink: 0; }
.hx-qty-stepper button { width: 44px; height: 54px; background: none; border: 0; color: var(--hx-text); font-size: 20px; font-weight: 600; transition: color .15s ease; }
.hx-qty-stepper button:hover { color: var(--hx-accent); }
.hx-qty-stepper input { width: 42px; text-align: center; background: transparent; border: 0; color: var(--hx-text); font-size: 16px; font-weight: 700; -moz-appearance: textfield; }
.hx-qty-stepper input::-webkit-outer-spin-button, .hx-qty-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.hx-phero__atc { flex: 1; font-size: 15px; }
.hx-phero__buynow { width: 100%; margin-bottom: 22px; }
.hx-phero__opts .hx-option { max-width: 320px; }
.hx-phero__meta { display: flex; flex-direction: column; gap: 12px; border-top: 1px solid var(--hx-border); padding-top: 20px; }
.hx-phero__meta-item { display: flex; align-items: center; gap: 12px; font-size: 12.5px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--hx-muted); }
.hx-phero__meta-item svg, .hx-phero__meta-item .hx-custom-icon { color: var(--hx-accent); flex-shrink: 0; }
.hx-phero__meta-item strong { color: var(--hx-text); font-weight: 800; }
.hx-phero-features { margin-bottom: 24px; }
@media (max-width: 989px) { .hx-phero { grid-template-columns: minmax(0, 1fr); gap: 36px; } .hx-phero > * { min-width: 0; } .hx-phero__thumbrow { min-width: 0; } }

/* ============ Craftsmanship ============ */
.hx-craft { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 0px); }
.hx-craft__top { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; margin-bottom: 44px; }
.hx-craft__media { position: relative; }
.hx-craft__media img { border-radius: var(--hx-radius); border: 1px solid var(--hx-border); width: 100%; }
.hx-craft__media--ph { aspect-ratio: 4/3.1; border-radius: var(--hx-radius); background: radial-gradient(80% 90% at 55% 40%, #232327 0%, #101012 72%); border: 1px solid var(--hx-border); display: flex; align-items: center; justify-content: center; }
.hx-craft__title { font-size: clamp(38px, 4.6vw, 62px); }
.hx-craft__rule { width: 84px; height: 3px; background: var(--hx-gradient); border: 0; margin: 24px 0 22px; }
.hx-craft__text { color: var(--hx-muted); font-size: 16px; max-width: 520px; margin: 0; line-height: 1.7; }
.hx-craft__minifeats { display: flex; flex-wrap: wrap; margin-top: 38px; }
.hx-craft__minifeat { flex: 1; min-width: 120px; text-align: center; padding: 2px 14px; border-left: 1px solid var(--hx-border); }
.hx-craft__minifeat:first-child { border-left: 0; padding-left: 0; }
.hx-craft__minifeat svg, .hx-craft__minifeat .hx-custom-icon { color: var(--hx-accent); margin-bottom: 8px; }
.hx-craft__minifeat-title { font-size: 11.5px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; margin: 0 0 4px; line-height: 1.35; }
.hx-craft__minifeat-text { font-size: 11px; color: var(--hx-muted); margin: 0; line-height: 1.4; }
.hx-craft__cards { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.hx-craft-card { overflow: hidden; transition: transform .2s ease, border-color .2s ease; }
.hx-craft-card:hover { transform: translateY(-5px); border-color: rgba(255,122,26,0.4); }
.hx-craft-card__img { aspect-ratio: 1/0.74; background: radial-gradient(80% 80% at 50% 40%, #1e1e22, #0e0e10); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.hx-craft-card__img img { width: 100%; height: 100%; object-fit: cover; }
.hx-craft-card__body { padding: 18px; }
.hx-craft-card__num { width: 34px; height: 38px; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); display: flex; align-items: center; justify-content: center; color: var(--hx-accent); background: color-mix(in srgb, var(--hx-accent) 13%, transparent); font-weight: 800; font-size: 12px; margin-bottom: 12px; }
.hx-craft-card__title { font-size: 13.5px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; margin: 0 0 7px; }
.hx-craft-card__text { font-size: 12.5px; color: var(--hx-muted); margin: 0; line-height: 1.5; }
.hx-craft__bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 30px; margin-top: 20px; flex-wrap: wrap; }
.hx-craft__bar-brand { display: flex; align-items: center; gap: 14px; font-size: 14.5px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.hx-craft__bar-feats { display: flex; gap: 14px; flex-wrap: wrap; color: var(--hx-muted); font-size: 12.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.hx-craft__bar-feats span:not(:last-child)::after { content: "•"; margin-left: 14px; color: var(--hx-accent); }
@media (max-width: 1199px) { .hx-craft__cards { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 989px) { .hx-craft__top { grid-template-columns: 1fr; } }
@media (max-width: 649px) { .hx-craft__cards { grid-template-columns: 1fr 1fr; gap: 10px; } .hx-craft__minifeat { min-width: 45%; border-left: 0; padding: 8px; } }

/* ============ Product showcase ============ */
.hx-showcase { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 0px); }
.hx-showcase__panel { position: relative; border-radius: var(--hx-radius); overflow: hidden; border: 1px solid var(--hx-border); min-height: 540px; display: flex; align-items: stretch; background: radial-gradient(90% 90% at 65% 45%, #1d1d21, #0c0c0e); }
.hx-showcase__bg { position: absolute; inset: 0; }
.hx-showcase__bg img { width: 100%; height: 100%; object-fit: cover; }
.hx-showcase__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,8,9,0.94) 0%, rgba(8,8,9,0.6) 42%, transparent 72%); }
.hx-showcase__content { position: relative; z-index: 2; padding: 56px; max-width: 560px; align-self: center; }
.hx-showcase__title { font-size: clamp(34px, 4vw, 56px); }
.hx-showcase__text { color: var(--hx-muted); font-size: 15.5px; margin: 22px 0 34px; max-width: 420px; line-height: 1.7; }
.hx-showcase__foot { display: flex; align-items: center; justify-content: center; gap: 30px; flex-wrap: wrap; padding: 28px 0 0; }
.hx-showcase__foot-brand { display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.hx-showcase__foot-feats { display: flex; gap: 14px; flex-wrap: wrap; color: var(--hx-muted); font-size: 12.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.hx-showcase__foot-feats span:not(:last-child)::after { content: "•"; margin-left: 14px; color: var(--hx-accent); }
@media (max-width: 749px) { .hx-showcase__content { padding: 32px 22px; } .hx-showcase__overlay { background: linear-gradient(180deg, rgba(8,8,9,0.94), rgba(8,8,9,0.72)); } }

/* ============================================================
   Collection page (hero, toolbar, product cards, list view)
   ============================================================ */
.hx-chero { position: relative; padding: calc(var(--sec-pt, 96px) + 40px) 0 calc(var(--sec-pb, 96px) + 40px); overflow: hidden; }
.hx-chero__bg { position: absolute; inset: 0; }
.hx-chero__bg img { width: 100%; height: 100%; object-fit: cover; }
.hx-chero__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,10,11,0.92) 0%, rgba(10,10,11,0.55) 55%, rgba(10,10,11,0.25) 100%); }
.hx-chero--plain .hx-chero__overlay { background: transparent; }
.hx-chero .hx-container { position: relative; z-index: 1; }
.hx-chero__content { max-width: 560px; }
.hx-chero__eyebrow { color: var(--hx-accent); font-weight: 700; letter-spacing: 0.22em; font-size: 14px; margin-bottom: 16px; }
.hx-chero__title { font-size: clamp(44px, 6.5vw, 92px); line-height: 0.98; }
.hx-chero__title .hx-accent { color: var(--hx-accent); }
.hx-chero__rule { border: 0; border-top: 2px solid var(--hx-accent); width: 56px; margin: 26px 0; }
.hx-chero__tagline { font-size: clamp(20px, 2.2vw, 26px); font-weight: 600; color: var(--hx-text); margin-bottom: 12px; }
.hx-chero__text { color: var(--hx-text-dim); font-size: 16px; margin-bottom: 28px; max-width: 400px; }

.hx-collection { padding: var(--sec-pt, 56px) 0 var(--sec-pb, 96px); }
.hx-ctoolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding: 22px 0; margin-bottom: 26px; border-top: 1px solid var(--hx-border); border-bottom: 1px solid var(--hx-border); }
.hx-ctoolbar__filters { display: flex; gap: 12px; flex-wrap: wrap; }
.hx-cselect { display: inline-flex; align-items: center; gap: 10px; border: 1px solid var(--hx-border); border-radius: 10px; padding: 0 14px; height: 46px; background: var(--hx-surface); cursor: pointer; transition: border-color 0.2s; }
.hx-cselect:hover { border-color: var(--hx-accent); }
.hx-cselect span { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; color: var(--hx-text-dim); white-space: nowrap; }
.hx-cselect select { appearance: none; -webkit-appearance: none; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23FF7A1A' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right center; border: 0; color: var(--hx-text); font-weight: 600; font-size: 14px; padding-right: 22px; height: 100%; cursor: pointer; max-width: 170px; }
.hx-cselect select:focus { outline: none; }
.hx-cselect select option { background: var(--hx-surface); color: var(--hx-text); }
.hx-ctoolbar__right { display: flex; align-items: center; gap: 16px; }
.hx-ctoolbar__count { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; color: var(--hx-text-dim); white-space: nowrap; }
.hx-ctoolbar__views { display: flex; gap: 8px; }
.hx-cview { width: 46px; height: 46px; border-radius: 10px; border: 1px solid var(--hx-border); background: var(--hx-surface); color: var(--hx-text-dim); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: border-color 0.2s, color 0.2s; }
.hx-cview:hover { border-color: var(--hx-accent); color: var(--hx-text); }
.hx-cview.is-active { border-color: var(--hx-accent); color: var(--hx-accent); }

.hx-cgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
@media (min-width: 1280px) { .hx-cgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.hx-cgrid__empty { text-align: center; color: var(--hx-text-dim); padding: 56px 0; font-weight: 600; }

.hx-pcard { border: 1px solid var(--hx-border); border-radius: var(--hx-radius); background: var(--hx-surface); overflow: hidden; display: flex; flex-direction: column; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; min-width: 0; }
.hx-pcard:hover { transform: translateY(-4px); border-color: rgba(255,122,26,0.45); box-shadow: 0 18px 44px rgba(0,0,0,0.45); }
.hx-pcard__media { position: relative; display: block; aspect-ratio: 1 / 1.05; background: #101013; overflow: hidden; }
.hx-pcard__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.hx-pcard:hover .hx-pcard__media img { transform: scale(1.04); }
.hx-pcard__ph { display: flex; align-items: center; justify-content: center; height: 100%; opacity: 0.35; }
.hx-pcard__badge { position: absolute; top: 12px; left: 12px; background: var(--hx-accent); color: #14100B; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; padding: 5px 10px; border-radius: 7px; }
.hx-pcard__info { padding: 18px 18px 20px; display: flex; flex-direction: column; gap: 7px; flex: 1; }
.hx-pcard__title { display: flex; align-items: center; gap: 9px; font-family: var(--hx-font-heading); font-size: 17px; letter-spacing: 0.04em; text-transform: uppercase; min-width: 0; }
.hx-pcard__title a { color: var(--hx-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx-pcard__title a:hover { color: var(--hx-accent); }
.hx-pcard__dot { width: 13px; height: 13px; border-radius: 50%; background: var(--edition-color, var(--hx-accent)); border: 1px solid rgba(255,255,255,0.25); flex-shrink: 0; }
.hx-pcard__sub { color: var(--hx-text-dim); font-size: 13.5px; }
.hx-pcard__rating { display: flex; align-items: center; gap: 2px; color: var(--hx-accent); }
.hx-pcard__star { display: inline-flex; }
.hx-pcard__star svg { fill: currentColor; }
.hx-pcard__star--dim { color: rgba(255,255,255,0.18); }
.hx-pcard__rcount { color: var(--hx-text-dim); font-size: 12.5px; margin-left: 5px; }
.hx-pcard__price { font-weight: 800; font-size: 18px; margin-top: 2px; }
.hx-pcard__price s { color: var(--hx-text-dim); font-weight: 600; font-size: 15px; margin-right: 6px; }
.hx-pcard__btn { margin-top: auto; width: 100%; justify-content: center; padding: 12px 16px; font-size: 13px; }

.hx-cgrid--list { grid-template-columns: 1fr !important; }
.hx-cgrid--list .hx-pcard { flex-direction: row; align-items: stretch; }
.hx-cgrid--list .hx-pcard__media { width: 220px; flex-shrink: 0; aspect-ratio: auto; }
.hx-cgrid--list .hx-pcard__info { padding: 22px 26px; justify-content: center; }
.hx-cgrid--list .hx-pcard__btn { margin-top: 10px; width: auto; align-self: flex-start; }

.hx-collection__bar { margin-top: 48px; }

@media (max-width: 989px) {
  .hx-cgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .hx-chero__content { max-width: 100%; }
}
@media (max-width: 749px) {
  .hx-chero { padding: calc(var(--sec-pt, 96px) * 0.67 + 24px) 0 calc(var(--sec-pb, 96px) * 0.67 + 24px); }
  .hx-collection { padding-top: calc(var(--sec-pt, 56px) * 0.75); }
  .hx-ctoolbar { padding: 16px 0; gap: 12px; }
  .hx-ctoolbar__filters { width: 100%; gap: 8px; }
  .hx-cselect { height: 42px; padding: 0 12px; flex: 1; min-width: 0; }
  .hx-cselect span { display: none; }
  .hx-cselect select { max-width: 100%; width: 100%; font-size: 13px; }
  .hx-ctoolbar__right { width: 100%; justify-content: space-between; }
  .hx-cview { width: 40px; height: 40px; }
  .hx-pcard__info { padding: 13px 13px 15px; gap: 5px; }
  .hx-pcard__title { font-size: 14.5px; gap: 7px; }
  .hx-pcard__dot { width: 11px; height: 11px; }
  .hx-pcard__sub { font-size: 12px; }
  .hx-pcard__price { font-size: 16px; }
  .hx-pcard__btn { padding: 11px 10px; font-size: 12px; }
  .hx-cgrid--list .hx-pcard { flex-direction: column; }
  .hx-cgrid--list .hx-pcard__media { width: 100%; aspect-ratio: 16 / 9; }
  .hx-collection__bar { margin-top: 36px; }
}
@media (max-width: 480px) {
  .hx-cgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hx-pcard__rating svg { width: 11px; height: 11px; }
}

/* Edition showcase (Six editions. One standard.) */
.hx-eshow { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 96px); }
.hx-eshow__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.hx-eshow__card { display: grid; grid-template-columns: 0.92fr 1.08fr; border-radius: var(--hx-radius); overflow: hidden; border: 1px solid var(--hx-border); background: linear-gradient(135deg, var(--card-tint, #141417) 0%, #101013 100%); transition: transform 0.25s, border-color 0.25s; min-width: 0; }
.hx-eshow__card:hover { transform: translateY(-4px); border-color: rgba(255,122,26,0.4); }
.hx-eshow__media { position: relative; min-height: 250px; background: radial-gradient(80% 80% at 50% 42%, var(--card-tint, #141417) 0%, rgba(10,10,11,0.6) 100%); }
.hx-eshow__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hx-eshow__ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0.5; }
.hx-eshow__body { padding: 30px 26px; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.hx-eshow__name { font-family: var(--hx-font-heading); font-size: 30px; letter-spacing: 0.03em; line-height: 1; }
.hx-eshow__label { color: var(--hx-accent); font-weight: 700; font-size: 13px; letter-spacing: 0.22em; margin-top: 5px; }
.hx-eshow__rule { border: 0; border-top: 2px solid var(--hx-accent); width: 38px; margin: 14px 0; }
.hx-eshow__desc { color: var(--hx-text-dim); font-size: 14.5px; line-height: 1.65; }
.hx-eshow__link { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-weight: 800; font-size: 13px; letter-spacing: 0.1em; color: var(--hx-text); }
.hx-eshow__link svg { color: var(--hx-accent); transition: transform 0.2s; }
.hx-eshow__link:hover svg { transform: translateX(4px); }
.hx-eshow__bar { margin-top: 36px; }

/* Edition standard (Every edition. The same premium standard.) */
.hx-estd { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 96px); }
.hx-estd__divider { display: flex; align-items: center; justify-content: center; gap: 14px; color: var(--hx-accent); margin: 18px 0 14px; }
.hx-estd__divider-line { width: 64px; height: 1px; background: var(--hx-border); }
.hx-estd__features { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: 44px; }
.hx-estd__feature { text-align: center; padding: 12px 18px; border-right: 1px solid var(--hx-border); min-width: 0; }
.hx-estd__feature:last-child { border-right: 0; }
.hx-estd__hexicon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; color: var(--hx-accent); margin-bottom: 16px; }
.hx-estd__hexframe { position: absolute; inset: 0; opacity: 0.85; }
.hx-estd__ftitle { font-weight: 800; font-size: 14px; letter-spacing: 0.06em; margin-bottom: 8px; }
.hx-estd__ftext { color: var(--hx-text-dim); font-size: 13px; line-height: 1.6; }
.hx-estd__bottom { display: grid; grid-template-columns: 1fr 250px; gap: 44px; margin-top: 52px; padding-top: 52px; border-top: 1px solid var(--hx-border); align-items: start; }
.hx-estd__swatches { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.hx-estd__swatch { text-align: center; min-width: 0; }
.hx-estd__dot { display: inline-block; width: 58px; height: 58px; border-radius: 50%; background: var(--swatch-color, #333); border: 2px solid rgba(255,255,255,0.16); box-shadow: 0 0 0 4px rgba(255,255,255,0.04); margin-bottom: 12px; }
.hx-estd__sname { font-weight: 800; font-size: 15px; letter-spacing: 0.06em; }
.hx-estd__slabel { color: var(--hx-text-dim); font-size: 11.5px; letter-spacing: 0.08em; margin-top: 3px; }
.hx-estd__simg { margin-top: 16px; border-radius: 10px; overflow: hidden; aspect-ratio: 1 / 1.15; background: #101013; }
.hx-estd__simg img { width: 100%; height: 100%; object-fit: cover; }
.hx-estd__sph { display: flex; align-items: center; justify-content: center; height: 100%; background: radial-gradient(75% 75% at 50% 42%, color-mix(in srgb, var(--swatch-color, #333) 24%, #101013) 0%, #0E0E11 100%); opacity: 0.9; }
.hx-estd__panel { border-left: 1px solid var(--hx-border); padding-left: 40px; }
.hx-estd__hexicon--sm { width: 54px; height: 54px; }
.hx-estd__ptitle { font-family: var(--hx-font-heading); font-size: 24px; letter-spacing: 0.03em; line-height: 1.15; margin-bottom: 14px; }
.hx-estd__ptext { color: var(--hx-text-dim); font-size: 14.5px; line-height: 1.7; }

@media (max-width: 1279px) {
  .hx-eshow__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hx-estd__features { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 32px; }
  .hx-estd__feature:nth-child(3n) { border-right: 0; }
  .hx-estd__swatches { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 28px; }
}
@media (max-width: 989px) {
  .hx-estd__bottom { grid-template-columns: 1fr; }
  .hx-estd__panel { border-left: 0; border-top: 1px solid var(--hx-border); padding-left: 0; padding-top: 36px; }
}
@media (max-width: 749px) {
  .hx-eshow, .hx-estd { padding-top: calc(var(--sec-pt, 96px) * 0.67); }
  .hx-eshow__grid { grid-template-columns: 1fr; gap: 14px; }
  .hx-eshow__media { min-height: 210px; }
  .hx-eshow__body { padding: 24px 20px; }
  .hx-eshow__name { font-size: 26px; }
  .hx-eshow__bar { margin-top: 28px; }
  .hx-estd__features { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 36px; }
  .hx-estd__feature { border-right: 0; padding: 10px 10px; }
  .hx-estd__feature:nth-child(odd) { border-right: 1px solid var(--hx-border); }
  .hx-estd__swatches { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .hx-estd__dot { width: 46px; height: 46px; }
  .hx-estd__sname { font-size: 13px; }
  .hx-estd__slabel { font-size: 10.5px; }
  .hx-estd__bottom { margin-top: 40px; padding-top: 40px; gap: 32px; }
}
@media (max-width: 480px) {
  .hx-eshow__card { grid-template-columns: 1fr; }
  .hx-eshow__media { min-height: 180px; }
  .hx-estd__swatches { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Accessory PDP */
.hx-apdp { padding-top: var(--sec-pt, 48px); padding-bottom: var(--sec-pb, 48px); }
.hx-apdp__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 44px; align-items: start; }
.hx-apdp__gallery { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 16px; }
.hx-apdp__thumbs { display: flex; flex-direction: column; gap: 12px; }
.hx-apdp__thumb { width: 88px; height: 88px; border-radius: 12px; border: 1px solid var(--hx-border); background: #101013; overflow: hidden; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; transition: border-color 0.2s; }
.hx-apdp__thumb img { width: 100%; height: 100%; object-fit: cover; }
.hx-apdp__thumb.is-active, .hx-apdp__thumb:hover { border-color: var(--hx-accent); }
.hx-apdp__thumb-ph { opacity: 0.4; }
.hx-apdp__main { border-radius: var(--hx-radius); border: 1px solid var(--hx-border); background: radial-gradient(80% 80% at 50% 40%, #1B1B20 0%, #0E0E11 100%); aspect-ratio: 1 / 1.02; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.hx-apdp__main img { width: 100%; height: 100%; object-fit: cover; }
.hx-apdp__main-ph { opacity: 0.4; }
.hx-apdp__eyebrow { color: var(--hx-accent); font-weight: 700; letter-spacing: 0.2em; font-size: 13px; margin-bottom: 10px; }
.hx-apdp__title { font-size: clamp(34px, 4vw, 56px); line-height: 1; }
.hx-apdp__meta { color: var(--hx-text-dim); font-size: 15px; margin-top: 10px; }
.hx-apdp__rating { display: flex; align-items: center; gap: 3px; color: var(--hx-accent); margin-top: 14px; }
.hx-apdp__rating strong { color: var(--hx-text); margin-left: 7px; font-size: 14.5px; }
.hx-apdp__rating span { color: var(--hx-text-dim); font-size: 14px; margin-left: 4px; }
.hx-apdp__price { font-weight: 800; font-size: 30px; margin-top: 16px; }
.hx-apdp__price s { color: var(--hx-text-dim); font-size: 20px; font-weight: 600; margin-right: 8px; }
.hx-apdp__pay { color: var(--hx-text-dim); font-size: 14px; margin: 14px 0 16px; padding-top: 14px; border-top: 1px solid var(--hx-border); }
.hx-apdp__pay p { margin: 0; }
.hx-apdp__trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 24px; border-top: 1px solid var(--hx-border); padding-top: 20px; }
.hx-apdp__trust-item { display: flex; gap: 11px; align-items: flex-start; padding: 0 14px; border-right: 1px solid var(--hx-border); min-width: 0; }
.hx-apdp__trust-item:first-child { padding-left: 0; }
.hx-apdp__trust-item:last-child { border-right: 0; }
.hx-apdp__trust-icon { color: var(--hx-accent); flex-shrink: 0; margin-top: 2px; }
.hx-apdp__trust-item strong { display: block; font-size: 12.5px; letter-spacing: 0.05em; }
.hx-apdp__trust-item span { color: var(--hx-text-dim); font-size: 12px; }
.hx-apdp__bundle { margin-top: 26px; border: 1px solid rgba(255,122,26,0.5); border-radius: var(--hx-radius); padding: 20px 22px; background: rgba(255,122,26,0.03); }
.hx-apdp__bundle-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.hx-apdp__bundle-head h3 { color: var(--hx-accent); font-size: 15px; font-weight: 800; letter-spacing: 0.08em; }
.hx-apdp__bundle-badge { display: inline-flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; flex-shrink: 0; background: #fff; color: #14100B; font-size: 11.5px; font-weight: 700; padding: 5px 12px; border-radius: 999px; line-height: 1.2; }
.hx-apdp__bundle-body { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; }
.hx-apdp__bundle-items { display: flex; align-items: flex-start; gap: 8px; flex-wrap: wrap; }
.hx-apdp__bundle-item { display: flex; flex-direction: column; align-items: center; text-align: center; width: 74px; }
.hx-apdp__bundle-thumb { width: 64px; height: 64px; border-radius: 10px; border: 1px solid var(--hx-border); background: #101013; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 7px; }
.hx-apdp__bundle-thumb img { width: 100%; height: 100%; object-fit: cover; }
.hx-apdp__bundle-item strong { font-size: 10.5px; letter-spacing: 0.05em; }
.hx-apdp__bundle-item span { color: var(--hx-text-dim); font-size: 10px; }
.hx-apdp__bundle-plus { color: var(--hx-text-dim); font-weight: 700; margin-top: 22px; }
.hx-apdp__bundle-cta { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding-left: 18px; border-left: 1px solid var(--hx-border); }
.hx-apdp__bundle-label { font-size: 10.5px; letter-spacing: 0.1em; color: var(--hx-text-dim); font-weight: 700; }
.hx-apdp__bundle-price { font-family: var(--hx-font-heading); font-size: 27px; }
.hx-apdp__bundle-price s { color: var(--hx-text-dim); font-size: 17px; font-weight: 400; margin-left: 7px; }
.hx-apdp__bundle-save { color: var(--hx-accent); font-size: 12.5px; font-weight: 700; }
.hx-apdp__bundle-btn { margin-top: 9px; padding: 10px 20px; font-size: 12.5px; }
.hx-apdp__bar { margin-top: 44px; }

/* Why Hex Shield */
.hx-why { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 96px); }
.hx-why__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); gap: 44px; align-items: stretch; }
.hx-why__eyebrow { display: flex; align-items: center; gap: 14px; }
.hx-why__eyebrow::after { content: ''; width: 70px; height: 1px; background: var(--hx-border); }
.hx-why__title { font-size: clamp(30px, 3.4vw, 48px); line-height: 1.05; margin: 14px 0 16px; }
.hx-why__sub { color: var(--hx-text-dim); font-size: 15.5px; max-width: 420px; }
.hx-why__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 30px; }
.hx-why__card { border: 1px solid var(--hx-border); border-radius: 12px; background: var(--hx-surface); padding: 24px 18px; text-align: center; }
.hx-why__icon { color: var(--hx-accent); display: inline-flex; margin-bottom: 14px; }
.hx-why__card h4 { font-size: 13px; font-weight: 800; letter-spacing: 0.06em; margin-bottom: 8px; }
.hx-why__card p { color: var(--hx-text-dim); font-size: 12.5px; line-height: 1.6; }
.hx-why__media { border-radius: var(--hx-radius); overflow: hidden; border: 1px solid var(--hx-border); background: radial-gradient(80% 80% at 50% 40%, #1B1B20 0%, #0E0E11 100%); display: flex; align-items: center; justify-content: center; min-height: 420px; }
.hx-why__media img { width: 100%; height: 100%; object-fit: cover; }
.hx-why__ph { opacity: 0.35; }
.hx-why__strip { display: flex; align-items: center; gap: 26px; margin-top: 24px; border: 1px solid rgba(255,122,26,0.45); border-radius: var(--hx-radius); padding: 24px 30px; flex-wrap: wrap; }
.hx-why__strip-brand strong { display: block; font-family: var(--hx-font-heading); font-size: 19px; letter-spacing: 0.03em; }
.hx-why__strip-brand em { color: var(--hx-accent); font-style: normal; font-family: var(--hx-font-heading); font-size: 15px; letter-spacing: 0.04em; }
.hx-why__strip-text { color: var(--hx-text-dim); font-size: 14px; flex: 1; min-width: 220px; padding-left: 26px; border-left: 1px solid var(--hx-border); }
.hx-why__strip-script { color: var(--hx-accent); font-style: italic; font-size: 21px; font-family: Georgia, serif; white-space: nowrap; }

/* Use cases */
.hx-uc { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 96px); }
.hx-uc__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.hx-uc__card { border: 1px solid var(--hx-border); border-radius: var(--hx-radius); overflow: hidden; background: var(--hx-surface); }
.hx-uc__media { aspect-ratio: 16 / 10; background: radial-gradient(80% 80% at 50% 40%, #1B1B20 0%, #0E0E11 100%); display: flex; align-items: center; justify-content: center; }
.hx-uc__media img { width: 100%; height: 100%; object-fit: cover; }
.hx-uc__ph { opacity: 0.35; }
.hx-uc__foot { display: flex; gap: 13px; padding: 18px 20px; align-items: flex-start; }
.hx-uc__icon { color: var(--hx-accent); flex-shrink: 0; margin-top: 2px; }
.hx-uc__foot h4 { font-size: 13.5px; font-weight: 800; letter-spacing: 0.05em; margin-bottom: 5px; }
.hx-uc__foot p { color: var(--hx-text-dim); font-size: 13px; line-height: 1.55; }
.hx-uc__bar { margin-top: 28px; }

/* Comparison */
.hx-vs { padding: var(--sec-pt, 96px) 0 var(--sec-pb, 96px); }
.hx-vs__panels { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.hx-vs__panel { border-radius: var(--hx-radius); padding: 34px; min-width: 0; }
.hx-vs__panel--us { border: 1.5px solid var(--hx-accent); background: #101013; }
.hx-vs__panel--them { border: 1px solid var(--hx-border); background: var(--hx-surface); }
.hx-vs__panel-head { display: flex; align-items: center; gap: 15px; margin-bottom: 22px; }
.hx-vs__panel-head strong { display: block; font-family: var(--hx-font-heading); font-size: 25px; letter-spacing: 0.03em; }
.hx-vs__panel-head span { color: var(--hx-accent); font-size: 12.5px; font-weight: 700; letter-spacing: 0.14em; }
.hx-vs__panel-head--them span { color: var(--hx-text-dim); }
.hx-vs__panel--them .hx-vs__panel-head strong { color: var(--hx-text-dim); }
.hx-vs__img { border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.hx-vs__img img { width: 100%; display: block; }
.hx-vs__list { list-style: none; display: flex; flex-direction: column; }
.hx-vs__list li { display: flex; gap: 13px; padding: 13px 0; border-bottom: 1px solid var(--hx-border); align-items: flex-start; }
.hx-vs__list li:last-child { border-bottom: 0; }
.hx-vs__check { color: var(--hx-accent); flex-shrink: 0; margin-top: 1px; }
.hx-vs__cross { width: 21px; height: 21px; border-radius: 50%; border: 1.5px solid var(--hx-text-dim); color: var(--hx-text-dim); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; flex-shrink: 0; margin-top: 1px; }
.hx-vs__list strong { display: block; font-size: 13.5px; letter-spacing: 0.05em; margin-bottom: 3px; }
.hx-vs__list span { color: var(--hx-text-dim); font-size: 13px; line-height: 1.55; }
.hx-vs__list--them strong { color: #C9CCD4; }
.hx-vs__badge { position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%); width: 62px; height: 62px; border-radius: 50%; background: var(--hx-bg); border: 1.5px solid var(--hx-accent); color: var(--hx-text); font-family: var(--hx-font-heading); font-size: 19px; display: flex; align-items: center; justify-content: center; z-index: 1; }
.hx-vs__bar { margin-top: 28px; }

@media (max-width: 989px) {
  .hx-apdp__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .hx-why__grid { grid-template-columns: minmax(0, 1fr); }
  .hx-why__media { min-height: 300px; order: -1; }
  .hx-uc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hx-vs__panels { grid-template-columns: minmax(0, 1fr); }
  .hx-vs__badge { display: none; }
}
@media (max-width: 749px) {
  .hx-apdp, .hx-why, .hx-uc, .hx-vs { padding-top: calc(var(--sec-pt, 96px) * 0.67); }
  .hx-apdp__gallery { grid-template-columns: minmax(0, 1fr); }
  .hx-apdp__thumbs { flex-direction: row; order: 2; overflow-x: auto; }
  .hx-apdp__thumb { width: 68px; height: 68px; flex-shrink: 0; }
  .hx-apdp__trust { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-top: 16px; }
  .hx-apdp__trust-item { border-right: 0; padding: 0; }
  .hx-apdp__bundle-body { grid-template-columns: minmax(0, 1fr); }
  .hx-apdp__bundle-items { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; align-items: start; }
  .hx-apdp__bundle-item { width: 100%; }
  .hx-apdp__bundle-thumb { width: 100%; max-width: 72px; aspect-ratio: 1; height: auto; }
  .hx-apdp__bundle-plus { display: none; }
  .hx-apdp__bundle-cta { border-left: 0; border-top: 1px solid var(--hx-border); padding-left: 0; padding-top: 16px; width: 100%; }
  .hx-why__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hx-why__strip { padding: 20px; gap: 16px; }
  .hx-why__strip-text { border-left: 0; padding-left: 0; }
  .hx-uc__grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .hx-vs__panel { padding: 24px 20px; }
}
@media (max-width: 480px) {
  .hx-qty-stepper { flex: 1 1 100%; }
}

/* Ambient floating glow (site-wide, fixed behind content) */
.hx-ambient { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.hx-ambient span { position: absolute; width: 620px; height: 620px; border-radius: 50%; background: radial-gradient(circle, rgba(255,122,26,0.13), transparent 65%); filter: blur(42px); will-change: transform; }
.hx-ambient span:first-child { top: -8%; left: -6%; animation: hx-orb-a 70s ease-in-out infinite alternate; }
.hx-ambient span:last-child { bottom: -12%; right: -8%; width: 740px; height: 740px; background: radial-gradient(circle, rgba(255,122,26,0.10), transparent 65%); animation: hx-orb-b 88s ease-in-out infinite alternate; }
@keyframes hx-orb-a { 0% { transform: translate(0, 0); } 33% { transform: translate(46vw, 34vh); } 66% { transform: translate(16vw, 60vh); } 100% { transform: translate(58vw, 10vh); } }
@keyframes hx-orb-b { 0% { transform: translate(0, 0); } 33% { transform: translate(-42vw, -32vh); } 66% { transform: translate(-12vw, -56vh); } 100% { transform: translate(-54vw, -8vh); } }
@media (prefers-reduced-motion: reduce) { .hx-ambient span { animation: none; } }

/* Animations */
@keyframes hx-rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hx-fade { from { opacity: 0; } to { opacity: 1; } }
.hx-reveal { opacity: 0; transform: translateY(28px); transition: opacity .6s ease, transform .6s ease; }
.hx-reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { .hx-reveal { opacity: 1; transform: none; transition: none; } }

/* ================================================================
   MOBILE OPTIMISATION LAYER — media queries only, desktop untouched
   ================================================================ */
@media (max-width: 749px) {
  body { overflow-x: hidden; }

  /* Rhythm & typography */
  .hx-editions, .hx-system, .hx-creators, .hx-stockists, .hx-setups, .hx-craft, .hx-showcase { padding-top: 64px; }
  .hx-join { padding: 64px 0 48px; }
  .hx-iwt { padding-top: 64px; }
  .hx-sec-head { margin-bottom: 34px; }
  .hx-sec-title { font-size: clamp(32px, 9vw, 44px); }
  .hx-sec-sub { font-size: 15px; margin-top: 14px; }
  .hx-sec-eyebrow { font-size: 11.5px; letter-spacing: 0.18em; }
  .hx-sec-eyebrow::before, .hx-sec-eyebrow::after { width: 20px; }

  /* Header & announcement */
  .hx-announcement__inner { padding: 9px 0; }
  .hx-announcement__item { font-size: 11px; }
  .hx-header__inner { height: 62px; gap: 10px; }
  .hx-header__logo { font-size: 18.5px; gap: 9px; }
  .hx-header__logo svg { width: 32px; height: 32px; }
  .hx-header__icon-btn { width: 40px; height: 40px; }
  .hx-mobile-menu a { padding: 14px 0; font-size: 14px; }

  /* Buttons & tap targets */
  .hx-btn { min-height: 48px; padding: 13px 24px; font-size: 13px; }
  .hx-edition-card__btn { min-height: 44px; }

  /* Hero */
  .hx-hero__grid { padding: 36px 0 36px; gap: 26px; }
  .hx-hero__title { font-size: clamp(36px, 10.5vw, 52px); }
  .hx-hero__text { font-size: 15.5px; margin: 18px 0 24px; }
  .hx-hero__btns { gap: 12px; }
  .hx-hero__btns .hx-btn { flex: 1 1 100%; }
  .hx-hero__features { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 10px; margin-top: 30px; }
  .hx-hero__feature { border-left: 0; padding: 0; }
  .hx-hero__feature svg, .hx-hero__feature .hx-custom-icon { width: 22px; height: 22px; }
  .hx-hero__feature-text { font-size: 11px; }
  .hx-hero__media--placeholder { aspect-ratio: 4/2.9; }
  .hx-hero-strip { padding: 18px 14px 20px; border-radius: 14px 14px 0 0; }
  .hx-hero-strip__title { font-size: 12px; letter-spacing: 0.3em; margin-bottom: 16px; }
  .hx-hero-strip__grid { gap: 10px; }
  .hx-hero-strip__card { padding: 10px; gap: 10px; }
  .hx-hero-strip__thumb { width: 46px; height: 54px; }
  .hx-hero-strip__name { font-size: 15px; }

  /* Editions carousel */
  .hx-ed-carousel { padding: 0 12px; }
  .hx-ed-viewport { padding: 14px 0 8px; }
  .hx-ed-slide { padding: 0 7px; }
  .hx-ed-arrow { width: 44px; height: 44px; background: rgba(12,12,14,0.78); backdrop-filter: blur(4px); }
  .hx-ed-slide.is-center .hx-edition-card { transform: scale(1.02); }
  .hx-edition-card__name { font-size: 20px; }
  .hx-editions__foot { margin-top: 36px; }
  .hx-editions__foot-title { flex-direction: column; gap: 10px; font-size: 14px; }
  .hx-editions__foot-title::before, .hx-editions__foot-title::after { display: none; }
  .hx-editions__foot-features { font-size: 11.5px; gap: 10px; }
  .hx-editions__foot-features span:not(:last-child)::after { margin-left: 10px; }

  /* Product system */
  .hx-system__row { gap: 14px; }
  .hx-system__arrow { display: none; }
  .hx-system__step { padding: 20px 18px; }
  .hx-system__step-head { min-height: 0; margin-bottom: 16px; }
  .hx-system__step-media { aspect-ratio: 16/8; }
  .hx-system__features { margin-top: 20px; }
  .hx-system__btns { margin-top: 28px; gap: 12px; }
  .hx-system__btns .hx-btn { flex: 1 1 100%; }

  /* Shared icon bars */
  .hx-iconbar__item { padding: 16px 18px; gap: 13px; }
  .hx-iconbar--circles .hx-iconbar__icon { width: 50px; height: 50px; }
  .hx-iconbar__title { font-size: 12.5px; }
  .hx-iconbar__text { font-size: 12px; }
  .hx-system__feature { padding: 16px 18px; }
  .hx-stockists__stat { padding: 16px 14px; }
  .hx-stockists__stat .hx-iconbar__text, .hx-stockists__stat .hx-iconbar__title { overflow-wrap: break-word; }
  .hx-creator-card__stat { min-width: 0; }
  .hx-creator-card__name span { overflow-wrap: break-word; min-width: 0; }

  /* Creators */
  .hx-creators__grid { gap: 10px; }
  .hx-creator-card__logo { width: 62px; height: 62px; margin: -32px auto 8px; }
  .hx-creator-card__logo svg { width: 30px; height: 30px; }
  .hx-creator-card__name { font-size: 14.5px; gap: 5px; }
  .hx-creator-card__role { font-size: 12px; margin: 2px 0 10px; }
  .hx-creator-card__stat { padding: 10px 4px; gap: 6px; }
  .hx-creator-card__stat-value { font-size: 12.5px; }
  .hx-creator-card__stat-label { font-size: 9.5px; }
  .hx-creators__stores { padding: 22px 16px; margin-top: 20px; }
  .hx-creators__stores-title { font-size: 11px; letter-spacing: 0.22em; margin-bottom: 18px; }
  .hx-logo-marquee__group { gap: 44px; padding-right: 44px; }
  .hx-logo-marquee__item img { max-height: 34px; }
  .hx-creators__cta { margin-top: 26px; }
  .hx-creators__cta .hx-btn { width: 100%; }

  /* Stockists */
  .hx-stockists__grid { gap: 32px; }
  .hx-stockists__title { font-size: clamp(34px, 10vw, 48px); }
  .hx-stockists__text { font-size: 15px; margin: 16px 0 20px; }
  .hx-stockists__features { margin-bottom: 22px; gap: 4px; }
  .hx-stockists__feature { font-size: 11px; padding: 6px 12px 6px 0; }
  .hx-stockists__search { margin-bottom: 30px; }
  .hx-stockists__search input { padding: 15px 12px; font-size: 14px; }
  .hx-stockists__search button { padding: 0 18px; font-size: 12px; }
  .hx-stockists__map { height: 380px; }
  .hx-map-badge { right: 12px; bottom: 12px; padding: 10px 14px; gap: 9px; }
  .hx-map-badge__value { font-size: 16px; }
  .hx-stockists__stats { margin-top: 32px; }
  .hx-stockist-card__img { aspect-ratio: 4/2.6; }

  /* Collector setups */
  .hx-setups__tabs { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: -12px -20px 28px; padding: 4px 20px 8px; scrollbar-width: none; }
  .hx-setups__tabs::-webkit-scrollbar { display: none; }
  .hx-setup-tab { flex-shrink: 0; padding: 10px 20px; font-size: 12px; }
  .hx-setups__grid { gap: 10px; }
  .hx-setup-card__meta { padding: 22px 10px 9px; font-size: 11px; }
  .hx-setups__cta { padding: 20px; margin-top: 20px; }
  .hx-setups__cta .hx-btn { width: 100%; }
  .hx-setups__cta-icon { width: 48px; height: 48px; }
  .hx-setups__cta-title { font-size: 14px; }
  .hx-setups__cta-text { font-size: 13px; }

  /* Join the Shield */
  .hx-join__panel { padding: 32px 20px; gap: 28px; }
  .hx-join__brand { font-size: 13px; letter-spacing: 0.22em; margin-bottom: 20px; }
  .hx-join__title { font-size: clamp(36px, 10.5vw, 52px); }
  .hx-join__rule { margin: 18px 0 16px; }
  .hx-join__text { font-size: 15px; margin-bottom: 24px; }
  .hx-join__form input { padding: 15px 12px; font-size: 14px; }
  .hx-join__form button { padding: 0 18px; font-size: 12px; }
  .hx-join__proof { gap: 14px; margin-top: 22px; }
  .hx-join__avatar { width: 38px; height: 38px; }
  .hx-join__media--ph { aspect-ratio: 4/2.6; }
  .hx-join__benefits, .hx-join__trust { margin-top: 14px; }

  /* Image with text */
  .hx-iwt__media { min-height: 260px; }
  .hx-iwt__content { padding: 28px 20px 32px; }
  .hx-iwt__title { font-size: clamp(32px, 9vw, 44px); }
  .hx-iwt__text { font-size: 15px; margin: 18px 0 24px; }
  .hx-iwt__feature { padding: 16px; gap: 13px; }
  .hx-iwt__feature-icon { width: 44px; height: 44px; }

  /* Footer */
  .hx-footer { padding-top: 52px; margin-top: 24px; }
  .hx-footer__grid { gap: 30px; padding-bottom: 40px; }
  .hx-footer__bottom { justify-content: center; text-align: center; }

  /* Product page */
  .hx-phero { padding: 28px 0 32px; gap: 26px; }
  .hx-phero__title { font-size: clamp(30px, 8.5vw, 42px); }
  .hx-hexbadge { width: 94px; height: 104px; top: 14px; left: 14px; }
  .hx-hexbadge__inner { font-size: 9px; padding: 10px; letter-spacing: 0.06em; }
  .hx-hexbadge--free { margin-top: 4px; }
  .hx-phero__main { aspect-ratio: 1/0.98; }
  .hx-phero__thumbrow { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .hx-phero__thumbrow::-webkit-scrollbar { display: none; }
  .hx-phero__thumb { width: 72px; height: 72px; }
  .hx-phero__tnav { width: 40px; height: 40px; }
  .hx-phero__price { font-size: 26px; }
  .hx-phero__desc { font-size: 14.5px; margin-bottom: 20px; }
  .hx-swatch { width: 48px; height: 42px; }
  .hx-qty-stepper button { width: 40px; height: 50px; }
  .hx-qty-stepper input { width: 36px; }
  .hx-phero__atc { min-height: 50px; }
  .hx-phero__meta { padding-top: 16px; gap: 10px; }
  .hx-phero__meta-item { font-size: 11.5px; }
  .hx-phero-features { margin-bottom: 12px; }

  /* Craftsmanship */
  .hx-craft__top { gap: 28px; margin-bottom: 28px; }
  .hx-craft__title { font-size: clamp(32px, 9vw, 46px); }
  .hx-craft__rule { margin: 18px 0 16px; }
  .hx-craft__text { font-size: 15px; }
  .hx-craft__minifeats { margin-top: 26px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 10px; }
  .hx-craft__minifeat { border-left: 0; padding: 0; min-width: 0; }
  .hx-craft__cards { gap: 10px; }
  .hx-craft-card__body { padding: 14px; }
  .hx-craft-card__num { width: 28px; height: 32px; font-size: 11px; margin-bottom: 9px; }
  .hx-craft-card__title { font-size: 12px; }
  .hx-craft-card__text { font-size: 11.5px; }
  .hx-craft__bar { padding: 18px 20px; margin-top: 14px; justify-content: center; text-align: center; }
  .hx-craft__bar-brand { font-size: 13px; flex-wrap: wrap; justify-content: center; }
  .hx-craft__bar-feats { font-size: 11px; justify-content: center; gap: 10px; }

  /* Showcase */
  .hx-showcase__panel { min-height: 440px; }
  .hx-showcase__title { font-size: clamp(30px, 8.5vw, 42px); }
  .hx-showcase__text { font-size: 14.5px; margin: 16px 0 24px; }
  .hx-showcase__foot { gap: 16px; padding-top: 22px; flex-direction: column; }
  .hx-showcase__foot-feats { justify-content: center; font-size: 11px; gap: 10px; }

  /* Utility pages */
  .hx-page { padding: 48px 0; }
  .hx-product-grid { gap: 12px; }
}

/* Small phones (320-430px) */
@media (max-width: 480px) {
  .hx-header__logo { font-size: 16.5px; white-space: nowrap; gap: 7px; }
  .hx-header__logo svg { width: 28px; height: 28px; }
  .hx-header__icon-btn { width: 36px; height: 36px; }
  .hx-header__inner { gap: 6px; }
  .hx-header__icons { gap: 0; }
  .hx-hero__title { font-size: clamp(33px, 11vw, 40px); }
  .hx-sec-title { font-size: clamp(29px, 9.5vw, 36px); }
  .hx-hero-strip__grid { grid-template-columns: 1fr 1fr; }
  .hx-stockists__cards { grid-template-columns: 1fr 1fr; gap: 10px; }
  .hx-stockists__search { flex-wrap: wrap; border: 0; background: transparent; overflow: visible; gap: 10px; }
  .hx-stockists__search-icon { display: none; }
  .hx-stockists__search input { flex: 1 1 100%; border: 1px solid var(--hx-border); border-radius: 12px; background: var(--hx-surface); padding: 15px 16px; }
  .hx-stockists__search button { flex: 1 1 100%; border-radius: 12px; padding: 15px 16px; font-size: 13px; }
  .hx-join__form { flex-wrap: wrap; border: 0; background: transparent; overflow: visible; gap: 10px; }
  .hx-join__form-icon { display: none; }
  .hx-join__form input { flex: 1 1 100%; border: 1px solid var(--hx-border); border-radius: 12px; background: var(--hx-surface); padding: 15px 16px; }
  .hx-join__form button { flex: 1 1 100%; border-radius: 12px; padding: 15px 16px; font-size: 13px; justify-content: center; }
  .hx-phero__buyrow { flex-wrap: wrap; }
  .hx-phero__atc { flex: 1 1 100%; order: 2; }
  .hx-qty-stepper { flex: 1 1 100%; justify-content: space-between; order: 1; }
  .hx-craft__cards { grid-template-columns: 1fr 1fr; }
  .hx-showcase__content { padding: 26px 18px; }
}

/* Tiny phones */
@media (max-width: 360px) {
  .hx-container { padding: 0 16px; }
  .hx-header__logo { font-size: 15px; gap: 6px; }
  .hx-header__logo svg { width: 25px; height: 25px; }
  .hx-header__icon-btn { width: 33px; height: 33px; }
  .hx-header__inner { gap: 4px; }
}

/* Tablet (750-989px) refinement */
@media (min-width: 750px) and (max-width: 989px) {
  .hx-editions, .hx-system, .hx-creators, .hx-stockists, .hx-setups, .hx-craft, .hx-showcase, .hx-join, .hx-iwt { padding-top: calc(var(--sec-pt, 96px) * 0.8); }
  .hx-hero__btns .hx-btn { flex: 0 1 auto; }
  .hx-system__step-media { aspect-ratio: 16/7; }
}


/* ============ Cart page ============ */
.hx-cart { padding-top: var(--sec-pt, 48px); padding-bottom: var(--sec-pb, 96px); }
.hx-cart__title { font-size: clamp(32px, 4vw, 52px); }
.hx-cart__sub { color: var(--hx-muted); margin: 8px 0 36px; }
.hx-cart__empty { background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: var(--hx-radius); padding: 64px 24px; text-align: center; display: grid; gap: 20px; justify-items: center; }
.hx-cart__layout { display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start; }
.hx-cart__items { display: grid; gap: 12px; }
.hx-cart__item { display: grid; grid-template-columns: 84px 1fr auto auto auto; gap: 18px; align-items: center; background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: var(--hx-radius); padding: 16px 20px; }
.hx-cart__item-img { width: 84px; height: 84px; border-radius: 10px; background: var(--hx-surface-2); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.hx-cart__item-img img { width: 100%; height: 100%; object-fit: cover; }
.hx-cart__item-title { font-weight: 700; display: block; }
.hx-cart__item-title:hover { color: var(--hx-accent); }
.hx-cart__item-variant { color: var(--hx-muted); font-size: 13px; margin: 2px 0 0; }
.hx-cart__remove { background: none; border: none; color: var(--hx-muted); font-size: 12.5px; display: inline-flex; align-items: center; gap: 5px; padding: 4px 0; margin-top: 6px; transition: color .2s; }
.hx-cart__remove:hover { color: var(--hx-accent); }
.hx-cart__item-price { color: var(--hx-muted); font-size: 14px; }
.hx-cart__item-total { font-weight: 800; min-width: 70px; text-align: right; }
.hx-cart__summary { background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: var(--hx-radius); padding: 28px; position: sticky; top: 96px; }
.hx-cart__summary h3 { font-family: var(--hx-font-heading); font-weight: 400; letter-spacing: .04em; font-size: 19px; margin: 0 0 18px; }
.hx-cart__summary-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-top: 1px solid var(--hx-border); font-size: 15px; }
.hx-cart__summary-row strong { font-size: 20px; }
.hx-cart__summary-note { color: var(--hx-muted); font-size: 13px; margin: 4px 0 18px; }
.hx-cart__checkout { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; }
.hx-cart__reassure { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 9px; }
.hx-cart__reassure li { display: flex; align-items: center; gap: 9px; color: var(--hx-muted); font-size: 13px; }
.hx-cart__reassure li svg { color: var(--hx-accent); flex-shrink: 0; }
.hx-cart__trust { margin-top: 28px; }

/* ============ Free shipping progress bar ============ */
.hx-fsb { background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: 12px; padding: 14px 18px; margin: 20px 0; }
.hx-fsb__row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.hx-fsb__icon { color: var(--hx-accent); display: inline-flex; flex-shrink: 0; }
.hx-fsb__text { margin: 0; font-size: 14px; flex: 1; min-width: 160px; }
.hx-fsb__text strong { color: var(--hx-accent); }
.hx-fsb__amounts { color: var(--hx-muted); font-size: 12.5px; white-space: nowrap; }
.hx-fsb__track { height: 8px; background: var(--hx-surface-2); border-radius: 99px; overflow: hidden; }
.hx-fsb__fill { display: block; height: 100%; border-radius: 99px; background: var(--hx-gradient); transition: width .45s cubic-bezier(.22,1,.36,1); }
.hx-fsb__fill.is-complete { background: #3ECF8E; }

/* ============ Cart upsells ============ */
.hx-ups { margin: 28px 0 0; }
.hx-ups__head { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.hx-ups__head-icon { color: var(--hx-accent); display: inline-flex; }
.hx-ups__head h3 { font-family: var(--hx-font-heading); font-weight: 400; text-transform: uppercase; letter-spacing: .03em; font-size: 19px; margin: 0; }
.hx-ups__row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.hx-ups__card { background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: var(--hx-radius); padding: 16px; display: flex; flex-direction: column; gap: 12px; transition: border-color .25s, transform .25s; }
.hx-ups__card:hover { border-color: rgba(255,122,26,.45); transform: translateY(-2px); }
.hx-ups__media { display: flex; align-items: center; justify-content: center; background: var(--hx-surface-2); border-radius: 10px; height: 120px; overflow: hidden; }
.hx-ups__media img { width: 100%; height: 100%; object-fit: cover; }
.hx-ups__info { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.hx-ups__title { font-size: 14.5px; font-weight: 700; margin: 0; line-height: 1.35; }
.hx-ups__benefit { color: var(--hx-muted); font-size: 12.5px; margin: 0; }
.hx-ups__price { font-weight: 800; font-size: 15px; margin: 0; }
.hx-ups__price s { color: var(--hx-muted); font-weight: 400; margin-right: 6px; }
.hx-ups__btn { margin-top: auto; font-size: 12.5px; padding: 10px 12px; min-height: 44px; }
.hx-ups--drawer .hx-ups__row { grid-template-columns: 1fr; }
.hx-ups--drawer .hx-ups__card { flex-direction: row; align-items: center; padding: 12px; }
.hx-ups--drawer .hx-ups__media { width: 72px; height: 72px; flex-shrink: 0; }
.hx-ups--drawer .hx-ups__head h3 { font-size: 16px; }
.hx-ups--drawer .hx-ups__btn { margin-top: 4px; align-self: flex-start; min-height: 38px; padding: 8px 14px; }

/* ============ Cart drawer ============ */
.hx-cdrawer { position: fixed; inset: 0; z-index: 200; pointer-events: none; visibility: hidden; }
.hx-cdrawer[aria-hidden="true"] { width: 0; height: 0; inset: auto 0 0 auto; overflow: hidden; }
.hx-cdrawer.is-open { pointer-events: auto; visibility: visible; }
.hx-cdrawer__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.6); backdrop-filter: blur(3px); opacity: 0; transition: opacity .3s; }
.hx-cdrawer.is-open .hx-cdrawer__overlay { opacity: 1; }
.hx-cdrawer__panel { position: absolute; top: 0; right: 0; height: 100%; width: min(440px, 100%); background: var(--hx-bg); border-left: 1px solid var(--hx-border); display: flex; flex-direction: column; transform: translateX(100%); transition: transform .38s cubic-bezier(.22,1,.36,1); }
.hx-cdrawer.is-open .hx-cdrawer__panel { transform: translateX(0); }
.hx-cdrawer__head { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; border-bottom: 1px solid var(--hx-border); }
.hx-cdrawer__head h3 { font-family: var(--hx-font-heading); font-weight: 400; letter-spacing: .04em; font-size: 20px; margin: 0; }
.hx-cdrawer__close { background: none; border: none; color: var(--hx-muted); padding: 8px; min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; transition: color .2s; }
.hx-cdrawer__close:hover { color: var(--hx-text); }
.hx-cdrawer__body { flex: 1; overflow-y: auto; padding: 6px 22px 22px; }
.hx-cdrawer__empty { color: var(--hx-muted); text-align: center; padding: 48px 0; }
.hx-cdrawer__items { display: grid; gap: 12px; }
.hx-cdrawer__item { display: flex; gap: 14px; background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: 12px; padding: 12px; }
.hx-cdrawer__item-img { width: 70px; height: 70px; border-radius: 8px; background: var(--hx-surface-2); display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; }
.hx-cdrawer__item-img img { width: 100%; height: 100%; object-fit: cover; }
.hx-cdrawer__item-info { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.hx-cdrawer__item-info > a { font-weight: 700; font-size: 14px; line-height: 1.3; }
.hx-cdrawer__item-info > a:hover { color: var(--hx-accent); }
.hx-cdrawer__item-price { font-weight: 800; font-size: 14px; }
.hx-cdrawer__item-controls { display: flex; align-items: center; gap: 14px; margin-top: 4px; }
.hx-cdrawer__foot { border-top: 1px solid var(--hx-border); padding: 18px 22px; background: var(--hx-surface); }
.hx-cdrawer__subtotal { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.hx-cdrawer__subtotal strong { font-size: 19px; }
.hx-cdrawer__checkout { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; }
.hx-cdrawer__reassure { color: var(--hx-muted); font-size: 11.5px; text-align: center; margin: 12px 0 0; }
.hx-qty-stepper--xs button { min-width: 30px; min-height: 30px; }
.hx-qty-stepper--xs input { width: 34px; }
.hx-no-scroll { overflow: hidden; }

/* ============ Sticky add to cart ============ */
.hx-sticky-atc { position: fixed; left: 0; right: 0; bottom: 0; z-index: 150; background: rgba(10,10,11,.92); backdrop-filter: blur(14px); border-top: 1px solid var(--hx-border); padding: 12px 20px; padding-bottom: calc(12px + env(safe-area-inset-bottom)); display: flex; align-items: center; justify-content: space-between; gap: 16px; transform: translateY(110%); transition: transform .35s cubic-bezier(.22,1,.36,1); }
.hx-sticky-atc.is-visible { transform: translateY(0); }
.hx-sticky-atc__info { display: flex; align-items: center; gap: 12px; min-width: 0; }
.hx-sticky-atc__info img, .hx-sticky-atc__ph { width: 46px; height: 46px; border-radius: 8px; background: var(--hx-surface-2); object-fit: cover; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.hx-sticky-atc__meta { display: flex; flex-direction: column; min-width: 0; }
.hx-sticky-atc__meta strong { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx-sticky-atc__meta span { color: var(--hx-accent); font-weight: 800; font-size: 14px; }
.hx-sticky-atc__btn { min-height: 46px; padding: 10px 26px; white-space: nowrap; flex-shrink: 0; }

/* ============ Affiliate hero ============ */
.hx-affhero { position: relative; overflow: hidden; padding-top: var(--sec-pt, 96px); padding-bottom: var(--sec-pb, 96px); border-bottom: 1px solid var(--hx-border); }
.hx-affhero__inner { position: relative; z-index: 2; max-width: 820px; }
.hx-affhero__title { font-size: clamp(40px, 6vw, 76px); margin: 12px 0 20px; }
.hx-affhero__sub { color: var(--hx-muted); font-size: 17px; max-width: 560px; margin: 0 0 32px; }
.hx-affhero__btns { display: flex; gap: 14px; flex-wrap: wrap; }

/* ============ Affiliate benefits ============ */
.hx-affben { padding-top: var(--sec-pt, 96px); padding-bottom: var(--sec-pb, 96px); }
.hx-affben__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.hx-affben__card { background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: var(--hx-radius); padding: 30px 26px; transition: border-color .25s, transform .25s; }
.hx-affben__card:hover { border-color: rgba(255,122,26,.45); transform: translateY(-3px); }
.hx-affben__icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 12px; background: rgba(255,122,26,.12); color: var(--hx-accent); margin-bottom: 16px; }
.hx-affben__card h4 { font-family: var(--hx-font-heading); font-weight: 400; letter-spacing: .04em; font-size: 18px; margin: 0 0 8px; }
.hx-affben__card p { color: var(--hx-muted); font-size: 14px; margin: 0; line-height: 1.6; }

/* ============ Affiliate leaderboard ============ */
.hx-afflb { padding-top: var(--sec-pt, 96px); padding-bottom: var(--sec-pb, 96px); background: var(--hx-surface); border-top: 1px solid var(--hx-border); border-bottom: 1px solid var(--hx-border); }
.hx-afflb__top { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 900px; margin: 0 auto 28px; align-items: end; }
.hx-afflb__champ { background: var(--hx-surface-2); border: 1px solid var(--hx-border); border-radius: var(--hx-radius); padding: 26px 20px; text-align: center; display: grid; gap: 8px; justify-items: center; position: relative; }
.hx-afflb__champ--first { border-color: rgba(255,122,26,.55); box-shadow: 0 0 44px rgba(255,122,26,.12); padding: 34px 20px; }
.hx-afflb__rank { font-family: var(--hx-font-heading); font-size: 22px; color: var(--hx-accent); }
.hx-afflb__avatar { width: 72px; height: 72px; border-radius: 50%; background: var(--hx-bg); border: 2px solid var(--hx-border); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.hx-afflb__champ--first .hx-afflb__avatar { border-color: var(--hx-accent); width: 84px; height: 84px; }
.hx-afflb__avatar img { width: 100%; height: 100%; object-fit: cover; }
.hx-afflb__champ strong { font-size: 16px; }
.hx-afflb__sales { color: var(--hx-muted); font-size: 13.5px; }
.hx-afflb__prize { display: inline-block; background: rgba(255,122,26,.12); color: var(--hx-accent); font-size: 12px; font-weight: 700; padding: 5px 12px; border-radius: 99px; }
.hx-afflb__list { list-style: none; margin: 0 auto; padding: 0; max-width: 720px; display: grid; gap: 8px; }
.hx-afflb__list li { display: grid; grid-template-columns: 44px 40px 1fr auto auto; gap: 14px; align-items: center; background: var(--hx-surface-2); border: 1px solid var(--hx-border); border-radius: 12px; padding: 12px 18px; }
.hx-afflb__list-rank { font-family: var(--hx-font-heading); color: var(--hx-muted); font-size: 15px; }
.hx-afflb__list-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--hx-bg); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.hx-afflb__list-avatar img { width: 100%; height: 100%; object-fit: cover; }
.hx-afflb__list li strong { font-size: 14.5px; }
.hx-afflb__list-sales { color: var(--hx-muted); font-size: 13px; }
.hx-afflb__list-prize { color: var(--hx-accent); font-size: 12.5px; font-weight: 700; }

/* ============ Affiliate form ============ */
.hx-afform { padding-top: var(--sec-pt, 96px); padding-bottom: var(--sec-pb, 96px); }
.hx-afform__wrap { max-width: 860px; }
.hx-afform__form { background: var(--hx-surface); border: 1px solid var(--hx-border); border-radius: var(--hx-radius); padding: 36px; }
.hx-afform__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.hx-afform__field { display: flex; flex-direction: column; gap: 7px; position: relative; }
.hx-afform__field--full { grid-column: 1 / -1; }
.hx-afform__field > span { font-size: 13px; font-weight: 600; letter-spacing: .02em; }
.hx-afform__field em { color: var(--hx-accent); font-style: normal; }
.hx-afform__field input, .hx-afform__field select, .hx-afform__field textarea { background: var(--hx-surface-2); border: 1px solid var(--hx-border); border-radius: 10px; color: var(--hx-text); padding: 13px 15px; font-size: 14.5px; min-height: 48px; transition: border-color .2s; width: 100%; }
.hx-afform__field textarea { resize: vertical; min-height: 110px; }
.hx-afform__field input:focus, .hx-afform__field select:focus, .hx-afform__field textarea:focus { outline: none; border-color: var(--hx-accent); }
.hx-afform__field.has-error input, .hx-afform__field.has-error select, .hx-afform__field.has-error textarea { border-color: #E5484D; }
.hx-afform__err { color: #E5484D; font-size: 12px; }
.hx-afform__submit { margin-top: 26px; width: 100%; min-height: 52px; }
.hx-afform__note { color: var(--hx-muted); font-size: 13px; text-align: center; margin: 14px 0 0; }
.hx-afform__success { display: flex; align-items: center; gap: 12px; background: rgba(62,207,142,.1); border: 1px solid rgba(62,207,142,.4); color: #3ECF8E; border-radius: 12px; padding: 16px 20px; margin-bottom: 24px; }
.hx-afform__success p { margin: 0; font-size: 14.5px; }
.hx-afform__error-box { background: rgba(229,72,77,.1); border: 1px solid rgba(229,72,77,.4); color: #E5484D; border-radius: 12px; padding: 16px 20px; margin-bottom: 24px; font-size: 14px; }

/* ============ Mobile: CRO features ============ */
@media (max-width: 989px) {
  .hx-cart__layout { grid-template-columns: 1fr; }
  .hx-cart__summary { position: static; }
  .hx-affben__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 749px) {
  .hx-cart__item { grid-template-columns: 64px 1fr auto; grid-template-rows: auto auto; row-gap: 10px; padding: 14px; }
  .hx-cart__item-img { width: 64px; height: 64px; grid-row: 1 / 3; }
  .hx-cart__item-price { display: none; }
  .hx-cart__item-total { grid-column: 3; grid-row: 1; }
  .hx-qty-stepper--sm { grid-column: 2; grid-row: 2; justify-self: start; }
  .hx-ups__row { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 8px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .hx-ups__row::-webkit-scrollbar { display: none; }
  .hx-ups__row .hx-ups__card { flex: 0 0 78%; scroll-snap-align: start; }
  .hx-ups--drawer .hx-ups__row { display: grid; grid-template-columns: 1fr; overflow: visible; }
  .hx-ups--drawer .hx-ups__row .hx-ups__card { flex: none; }
  .hx-affben__grid { grid-template-columns: 1fr; }
  .hx-afflb__top { grid-template-columns: 1fr; max-width: 380px; }
  .hx-afflb__list li { grid-template-columns: 34px 36px 1fr; grid-template-rows: auto auto; row-gap: 2px; }
  .hx-afflb__list-sales { grid-column: 3; grid-row: 2; }
  .hx-afflb__list-prize { grid-column: 1 / -1; grid-row: 3; justify-self: start; margin-top: 4px; }
  .hx-afform__form { padding: 24px 18px; }
  .hx-afform__grid { grid-template-columns: 1fr; }
  .hx-affhero__btns .hx-btn { width: 100%; justify-content: center; }
  .hx-cdrawer__panel { width: 100%; }
}

}