/* Mobile minimal overrides */
@media (max-width: 640px){
  .container { padding: 16px 14px calc(16px + env(safe-area-inset-bottom)); }
  .site-header { padding: 8px 12px; }
  .brand-name { font-size: 16px; }
  #favoritesSection, #recentSection { display:none !important; }
  .section { margin-top:14px; }
  .card-grid { grid-template-columns: repeat(auto-fit, minmax(150px,1fr)); gap:10px; }
  .card { padding:12px; min-height:96px; }
  .card .desc, .card .meta, .card .actions .btn.ghost { display:none !important; }
  .ad-slot { height: 90px; border-radius:10px; margin:12px auto; }
  .site-footer { padding:18px 14px; }
}
@media (prefers-reduced-motion: reduce){ *{ transition:none !important; animation:none !important; } }