/* body {
    background-image: url(/public/img/ROB_END\ PAGE_BG.png);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
} */

body {
    /* Mobile Background (Default) */
    background-image: url(/public/img/MBG.png);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Desktop Background (Apply for screen size 1024px and up) */
@media (min-width: 1024px) {
    body {
        /* Placeholder for your Desktop Image: /public/img/ROB_END PAGE_BG.png */
        background-image: url(/public/img/ROB_END\ PAGE_BG.png);
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

#mobile-drawer {
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
}

#mobile-drawer.open {
    transform: translateX(0);
}

/* Hide body content when search overlay is open to prevent scrolling */
.no-scroll {
    overflow: hidden;
}