/* 🚀 Global Mobile Optimizer – only tuning, no blur/dark */

@media (max-width: 768px) {
    * {
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
        box-sizing: border-box;
    }

    html,
    body {
        overflow-x: hidden !important;
    }

    img,
    video {
        max-width: 100%;
        height: auto;
        display: block;
    }

    /* Thoda slow, smooth animations on mobile */
    .mobile-lite * {
        animation-duration: 1.1s !important;
        transition-duration: 0.25s !important;
        animation-timing-function: ease-out !important;
    }

    /* Cards / sections spacing on mobile */
    .main-container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .profile-header {
        border-radius: 40px;
        margin-top: 20px;
    }
}

/* Very small screens */
@media (max-width: 480px) {
    html {
        font-size: 14px;
    }

    .header {
        padding: 6px 10px;
    }
}

/* Notch safe area */
@supports (padding: max(0px)) {
    body {
        padding-bottom: max(env(safe-area-inset-bottom), 0px);
    }
}

/* FPS boost: hint GPU for main blocks */
body,
.header,
.main-container,
.profile-header {
    transform: translateZ(0);
    will-change: transform;
}