.category-card {
  --neon-card-accent: #ff304f;
  color: #f9f9f6;
  background: #111114;
  border-color: #2d2d33;
  box-shadow: inset 0 4px 0 var(--neon-card-accent), 0 14px 30px rgba(18, 18, 22, .12);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.category-card:nth-child(2) {
  --neon-card-accent: #ffe04b;
  background: #111114;
  border-color: #2d2d33;
}
.category-card:nth-child(3) { --neon-card-accent: #59f3d2; }
.category-card:nth-child(4) { --neon-card-accent: #ff4fd8; }
.category-card:nth-child(5) { --neon-card-accent: #66a7ff; }
.category-card:nth-child(6) { --neon-card-accent: #b8ff53; }

.category-card:hover {
  transform: translateY(-3px);
  border-color: var(--neon-card-accent);
  box-shadow: inset 0 4px 0 var(--neon-card-accent), 0 18px 36px rgba(18, 18, 22, .2);
}

.category-card.featured {
  --neon-card-accent: #ff304f;
  background: #171013;
  border-color: #ff304f;
}

.category-card .tag,
.category-card .eyebrow {
  color: var(--neon-card-accent);
}

.category-card p,
.category-card .price small {
  color: #bfc0c5;
}

.category-card .inclusions {
  border-top-color: #34343b;
}

.category-card .inclusions li::before {
  color: var(--neon-card-accent);
}

.category-card .btn,
.category-card:nth-child(2):not(.featured) .btn,
.category-card.featured .btn {
  color: #101013;
  background: var(--neon-card-accent);
  border-color: var(--neon-card-accent);
}

.size-chart-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: 20px;
}

.size-chart-grid a {
  display: grid;
  place-items: center;
  min-height: 280px;
  padding: 18px;
  background: white;
  border: 1px solid #e1dfd6;
  border-radius: 8px;
}

.size-chart-grid .size-chart {
  margin: 0;
}

@media (prefers-reduced-motion: reduce) {
  .category-card { transition: none; }
}
