@media (max-width: 768px) {

    .left,
    .right {
        display: none;
        /* later drawer bana lena */
    }

    .main {
        width: 100%;
    }

    .geolocation-parent {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 480px) {
    .geolocation-parent {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 991px) {
    .mobile-rail-close { display:block; margin:8px 8px 8px auto; border:0; width:36px; height:36px; border-radius:50%; background:#14213d; color:#fff; font-size:24px; line-height:1; }
    .mobile-rail-controls { display:flex; position:sticky; top:0; z-index:1100; justify-content:space-between; padding:8px 12px; pointer-events:none; }
    .mobile-rail-controls button { pointer-events:auto; border:0; border-radius:999px; padding:9px 14px; background:#14213d; color:#fff; font-weight:700; }
    .interaction-aside, .ecosystem-aside { display:block !important; position:fixed !important; top:0; bottom:0; width:min(88vw, 360px) !important; max-width:none !important; z-index:1200; transition:transform .25s ease; background:#fff; overflow-y:auto; }
    .interaction-aside { left:0; transform:translateX(-105%); }
    .ecosystem-aside { right:0; transform:translateX(105%); }
    body.rail-monitoring-open .interaction-aside, body.rail-ecosystem-open .ecosystem-aside { transform:translateX(0); }
    body.rail-monitoring-open::after, body.rail-ecosystem-open::after { content:""; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:1150; }
    .header-wrapper img { max-width:100%; height:auto; object-fit:contain; }
}

@media (min-width: 992px) { .mobile-rail-controls { display:none; } }
@media (min-width: 992px) { .mobile-rail-close { display:none; } }