/* Mobile Responsive Fixes — Checkout Nav, Cart, Grid & Base */

@media (max-width: 768px) {
    [data-page="checkout"] header, [data-page="checkout"] #global-header { display: block !important; position: sticky !important; top: 0 !important; z-index: 40 !important; }
    [data-page="checkout"] #mobile-menu-btn { display: flex !important; pointer-events: auto !important; }
    [data-page="checkout"] #checkout-items { max-height: 300px; overflow-y: auto; -webkit-overflow-scrolling: touch; }

    .mini-cart-item { font-size: 0.875rem; }
    .mini-cart-item img { width: 48px !important; height: 48px !important; border-radius: 0.5rem; }
    .mini-cart-item [data-remove] { font-size: 1rem; padding: 0.25rem 0.5rem; min-width: auto; }
    .mini-cart-item [data-dec], .mini-cart-item [data-inc] { width: 32px !important; height: 32px !important; font-size: 1rem !important; }
    .mini-cart-item [data-qty-input] { width: 48px !important; font-size: 0.875rem !important; }

    .grid { width: 100%; max-width: 100%; }
    button, input, select, textarea { min-height: 44px; font-size: 16px; }
    .container, .max-w-6xl, .max-w-4xl { padding-left: 1rem; padding-right: 1rem; }
    .grid-cols-1 { grid-template-columns: 1fr; }
    .grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
    .glass-card { padding: 1rem; }
    .cyber-btn { padding: 1rem; font-size: 1rem; }
    .space-y-3>*+* { margin-top: 0.75rem; }
    .fixed { position: fixed; }
    body { overflow-x: hidden; width: 100%; max-width: 100vw; }
    input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea { font-size: 16px; padding: 12px; }
    main { padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); }
}

/* Extra small devices */
@media (max-width: 480px) {
    .px-4 { padding-left: 0.75rem; padding-right: 0.75rem; }
    .py-4 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
    .text-lg { font-size: 1rem; }
    .text-xl { font-size: 1.125rem; }
}