/* Site-wide Scaling Optimization for Desktop */
@media (min-width: 1024px) {
    
    /* 1. Front-end: Apply 67% zoom to the main website only */
    /* Homzen uses #wrapper, so we target the body that contains it */
    body:has(#wrapper):not(:has(.ps-main)) {
        zoom: 0.67 !important;
    }

    /* 2. Vendor Dashboard: Apply 50% zoom specifically for Partners */
    /* The vendor dashboard uses .ps-main, so we use that as the trigger */
    body:has(.ps-main) {
        zoom: 0.60 !important;
        background-color: #f4f7fe; /* Ensure clean background at smaller scale */
    }

    /* 3. Fix for the "Large Footer" issue on Dashboard */
    /* When zooming out, height: 100vh can sometimes over-extend. 
       This ensures the layout stays compact. */
    body:has(.ps-main) .ps-main {
        height: auto !important;
        min-height: 100vh !important;
    }
}