/* home.css — homepage-specific overrides (Emerald Forge) */

.game-head { position: relative; }
.game-head .carousel-nav { position: absolute; top: 0; right: 0; }
@media (max-width: 640px) { .game-head .carousel-nav { display: none; } }

/* Featured carousel: force horizontal scroll layout over .games-grid */
.carousel-track.games-grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(168px, 1fr);
  grid-template-columns: none !important;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 1rem;
  padding-bottom: 1rem;
}
.carousel-track.games-grid > * { scroll-snap-align: start; }

/* Category chip row */
.cat-chips { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.cat-chips .chip { padding: 0.55rem 1.1rem; font-size: var(--fs-sm); transition: all var(--dur-fast) var(--ease-out); }
.cat-chips .chip:hover { color: var(--color-accent-bright); border-color: var(--glass-border-hover); box-shadow: var(--glow-emerald); transform: translateY(-2px); }

/* Ordered "steps" list on the download-CTA split */
.steps-list { display: grid; gap: 1rem; counter-reset: s; }
.steps-list li { position: relative; padding: 0 0 0 3.4rem; counter-increment: s; min-height: 2.4rem; }
.steps-list li b { display: block; font-family: var(--font-display); font-size: 1.08rem; color: var(--color-text-primary); }
.steps-list li span { color: var(--color-text-secondary); font-size: var(--fs-sm); }
.steps-list li::before {
  content: counter(s, decimal-leading-zero);
  position: absolute; left: 0; top: 0; width: 2.4rem; height: 2.4rem;
  display: grid; place-items: center; font-family: var(--font-display); font-weight: 700;
  color: #04140c; background: var(--grad-emerald); border-radius: 50%;
  box-shadow: 0 6px 18px rgba(0,179,104,0.35);
}