/* Grid columns and rows follow available space; smaller screens refine spacing. */
@media (max-width: 1100px) {
  .category-bar { align-items: flex-start; flex-direction: column; gap: 14px; }
  
  
}
@media (max-width: 760px) {
  .site-shell { width: calc(100% - 24px); margin: 12px auto; border-radius: 24px; padding: 0 20px 28px; }
  .site-header { min-height: 90px; gap: 16px; }
  
  .header-actions { gap: 8px; }
  .icon-link { width: 22px; height: 22px; }
  .avatar-placeholder { width: 34px; height: 34px; }
  .featured-hero { height: 260px; margin-bottom: 20px; }
  
  
  
  .category-bar { padding: 18px; margin-bottom: 24px; }
  .category-list { gap: 8px; }
  .category-button { padding: 9px 12px; font-size: 13px; }
  .woocommerce ul.products { gap: 18px; }
  .game-card { padding: 16px; }
  .game-card h2 { font-size: 18px; }
  .game-price { font-size: 28px; }
  .content-page { overflow-wrap: anywhere; }
  .woocommerce div.product div.images, .woocommerce div.product div.summary { float: none; width: 100%; }
}
@media (max-width: 420px) {
  .site-shell { padding-inline: 16px; }
  .site-header { flex-wrap: wrap; padding: 20px 0; }
  .featured-hero { height: 220px; }
  
  
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

@media (max-width: 760px) {
  
  .store-logo { width: 46px; height: 46px; }
  .store-brand-name { font-size: 21px; }
  .site-header { padding-block: 18px; }
}
@media (max-width: 540px) {
  .site-header { align-items: flex-start; }
  
  .header-actions { padding-top: 6px; }
}

@media (max-width: 760px) {
  .featured-hero > img { object-position: 68% center; }
  .featured-hero::after { background: linear-gradient(90deg, #07101ce8, #07101c85); }
  .hero-copy { padding: 24px; }
  .hero-copy h2 { max-width: 440px; font-size: clamp(26px, 5vw, 36px); }
}
@media (max-width: 420px) {
  .hero-copy { padding: 20px; }
  .hero-copy h2 { font-size: 27px; }
}