/* ============================================================
   Responsive — tablet & mobile. Fixed bottom nav + scan shortcut.
   ============================================================ */
@media (max-width:1100px){
  :root{--rst-side:220px}
  .grid.cols-4{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .app{grid-template-columns:1fr}
  .side{display:none}
  .rst-menu-toggle{display:inline-flex}
  .rst-bottom-nav{display:grid}
  body{padding-bottom:86px}
  .page{padding:20px 16px 110px}
  .rst-welcome{grid-template-columns:1fr}
  .rst-hero-art{transform:none;max-width:560px}
  .rst-home-final{grid-template-columns:1fr}
  .rst-home-final img{order:-1}
  .rst-live-options{grid-template-columns:1fr}
  .rst-logo-feature{grid-template-columns:1fr;text-align:center}
  .rst-logo-artwork{margin:0 auto}
  .rst-drop-teaser{flex-direction:column;text-align:center}
  .rst-watch-button{margin-left:0}
  .auth-grid,.form2{grid-template-columns:1fr}
  .grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}
  .rst-section-rail{padding:8px 12px}
  .top{padding:10px 14px;flex-wrap:wrap}
  .search.rst-global-search{order:3;flex-basis:100%;max-width:none}
  .profile-card{grid-template-columns:1fr;text-align:center}
  .profile-avatar{width:72px;height:72px;margin:0 auto}
}
@media (max-width:560px){
  .grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}
  .card-grid,.market-grid,.showcase-grid,.trainer-grid,.store-public-listings{grid-template-columns:repeat(2,1fr);gap:10px}
  .catalog-search-results{grid-template-columns:repeat(2,1fr);gap:10px}
  .rst-home-scenes-grid{grid-template-columns:1fr}
  h1{font-size:32px}
  .rst-header-breadcrumb{display:none}
  .top .btn{padding:.5em .9em;font-size:13px}
  .rst-ops-form{grid-template-columns:1fr}
}