/* Mobile Responsive Overrides */
@media (max-width: 768px) {
    /* Full screen background */
    body {
        background-color: var(--bg-color) !important;
    }
    
    .studio-outer {
        padding: 0 !important;
        background-color: var(--bg-color) !important;
    }
    
    .studio-canvas {
        border-radius: 0 !important;
        min-height: 100vh !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    /* Center logo and layout */
    header {
        position: relative !important;
        background-color: transparent !important;
        backdrop-filter: none !important;
    }
    
    nav {
        flex-direction: row-reverse !important; /* Hamburger right */
        justify-content: space-between !important;
        padding: 20px !important;
    }

    .logo {
        align-items: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Footer font harmonization */
    footer p, footer h3 {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
    }

    /* Keep existing overrides */
    .btn-mint {
        padding: 8px 16px !important;
        font-size: 0.8rem !important;
    }
    .booking-info-box h2 {
        font-size: 1.5rem !important;
    }
}