/* HMX Online V18 public compatibility layer */
:root { --hmx-v18-accent: #ff2e9a; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
body { overflow-x: clip; }
[id] { scroll-margin-top: 6rem; }
img, video, iframe { max-width: 100%; }
a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
header nav, .main-nav, .navbar, .nav-links { max-width: 100%; }
@media (max-width: 760px) {
  header nav, .main-nav, .navbar, .nav-links {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  header nav::-webkit-scrollbar, .main-nav::-webkit-scrollbar, .navbar::-webkit-scrollbar, .nav-links::-webkit-scrollbar { display: none; }
  header nav ul, .main-nav ul, .navbar ul, .nav-links ul { min-width: max-content; }
  header nav a, .main-nav a, .navbar a, .nav-links a { white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
.hmx-link-fallback { min-height:100dvh; display:grid; place-content:center; gap:1rem; max-width:34rem; margin:auto; padding:2rem; font-family:system-ui,sans-serif; background:#0a0a0a; color:white; }
.hmx-link-fallback a { display:block; padding:1rem 1.25rem; border:1px solid #333; border-radius:1rem; color:white; text-decoration:none; }
.hmx-link-fallback a:hover { border-color:var(--hmx-v18-accent); }

/* Database-backed catalog shown on the preserved V17 homepage. */
.hmx-online-home #shopActions,
.hmx-online-home #shopFilterPanel,
.hmx-online-home #filterBackdrop,
.hmx-online-home #shopShowcases,
.hmx-online-home #matchBox,
.hmx-online-home #dealBox,
.hmx-online-home #shopFilters,
.hmx-online-home #shopGrid,
.hmx-online-home #recentWrap{display:none!important}
.hmx-live-catalog{margin-top:1.35rem}.hmx-live-empty{border:1px solid color-mix(in srgb,var(--hmx-v18-accent) 30%,#333);border-radius:1.35rem;padding:clamp(1.3rem,4vw,2.2rem);text-align:center;background:color-mix(in srgb,#17131f 92%,transparent);color:#fff}.hmx-live-empty h3{font-size:clamp(1.35rem,4vw,2rem);margin:.45rem 0}.hmx-live-empty p{max-width:38rem;margin:.5rem auto 1.1rem;color:#c9c2d7;line-height:1.65}.hmx-live-kicker{font-size:.72rem;letter-spacing:.16em;color:var(--hmx-v18-accent);font-weight:900}.hmx-live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:1rem}.hmx-live-card{overflow:hidden;border-radius:1.1rem;background:#17131f;border:1px solid #30283e;box-shadow:0 16px 42px rgba(0,0,0,.15)}.hmx-live-media{display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#0d0b12,#292233);text-decoration:none;color:#aaa1bb;font-size:.72rem;font-weight:900;letter-spacing:.08em}.hmx-live-media img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.hmx-live-card:hover .hmx-live-media img{transform:scale(1.035)}.hmx-live-body{display:grid;gap:.42rem;padding:1rem}.hmx-live-body small{color:var(--hmx-v18-accent);font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hmx-live-body h3{font-size:1rem;margin:0}.hmx-live-body h3 a{color:#fff;text-decoration:none}.hmx-live-body strong{color:#fff}.hmx-live-actions{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap;margin-top:1.15rem}.hmx-live-actions.centered{margin-top:1.4rem}.hmx-live-button{display:inline-flex;align-items:center;justify-content:center;padding:.82rem 1.05rem;border-radius:.85rem;border:1px solid #3a3148;color:#fff;text-decoration:none;font-weight:850;background:#1b1624}.hmx-live-button.primary{background:var(--hmx-v18-accent);border-color:var(--hmx-v18-accent)}
@media(prefers-reduced-motion:reduce){.hmx-live-media img{transition:none}}