.search-drawer {
    display: none;
}
@media (max-width: 767.98px) {
    .search-drawer {
        position: fixed;
        top: 0;
        right: -100%; /* Start outside right */
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 9999;
        transition: right 0.4s ease-in-out, transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
        display: flex;
        flex-direction: column;
        visibility: hidden;
    }

    /* Animation Classes */
    .search-drawer.show {
        right: 0; /* Slide from right */
        visibility: visible;
    }

    .search-drawer.closing {
        right: 0 !important; 
        transform: translateY(-100px); /* Top fade out */
        opacity: 0;
        visibility: visible;
        pointer-events: none;
    }

    .drawer-header { padding: 15px; border-bottom: 1px solid #eee; }
    .drawer-back-btn { border: none; background: none; color: #003366; font-weight: 600; }
    .drawer-back-btn i {
        margin-right: 5px;
    }

    .drawer-body { padding: 15px; overflow-y: auto; }
    .search-input-wrapper { position: relative; margin-bottom: 20px; }
    .search-input-wrapper input { 
        width: 100%; padding: 12px 40px 12px 15px; 
        border: 1px solid #ccc; border-radius: 5px; 
    }
    .gps-icon { position: absolute; right: 15px; top: 50%; color: #666; transform: translateY(-50%); }

    .drawer-tabs { display: flex; gap: 10px; margin-bottom: 20px; }
    .d-tab { 
        flex: 1; padding: 10px; border: 1px solid #eee; 
        background: #f8f9fa; border-radius: 5px; font-size: 14px;
    }
    .d-tab.active { border-color: #003366; color: #003366; background: #fff; border-bottom: 2px solid #003366; }

    .location-item { padding: 15px 0; border-bottom: 1px solid #f1f1f1; }
    .location-item h6 { margin-bottom: 0px; font-size: 15px; color: #333; }
    .location-item:has(.terminal-chips) h6 {
        margin-bottom: 8px;
    }
    .terminal-chips { display: flex; gap: 8px; }
    .terminal-chips span { 
        padding: 4px 12px; border: 1px solid #ddd; 
        border-radius: 4px; font-size: 12px; color: #777;
    }
}