@media (max-width: 800px) { .top-nav { display: none; }.steps, .business-grid, .stats-grid { grid-template-columns: 1fr; }.detail-grid, .queue-layout { grid-template-columns: 1fr; }.filters { grid-template-columns: 1fr; }.filter-check { min-height: 34px; }.customer-nav { display: flex; position: fixed; z-index: 10; bottom: 0; left: 0; right: 0; justify-content: space-around; padding: 9px 4px max(9px, env(safe-area-inset-bottom)); border-top: 1px solid var(--color-border); background: rgba(255,255,255,.96); font-size: .7rem; font-weight: 700; }.customer-nav a { text-align: center; color: var(--color-muted); }.customer-nav a.active { color: var(--color-primary); } body { padding-bottom: 64px; }.site-header { padding: 16px 0; }.header-actions .btn-outline { display: none; } }
@media (max-width: 480px) { .container { width: min(100% - 28px, 1160px); }.hero { padding: 40px 0 55px; }.search-box { display: grid; }.search-box .btn { width: 100%; }.active-info { grid-template-columns: 1fr 1fr; }.active-info div:last-child { grid-column: span 2; }.detail-main, .detail-side, .queue-card { padding: 20px; }.header-actions { gap: 8px; }.header-actions .btn { padding: 8px 10px; min-height: 38px; font-size: .8rem; } }