.mode-toggle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.mode-toggle-single {
    grid-template-columns: 1fr;
}

.mode-toggle-btn {
    margin-bottom: 0;
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 10px 8px;
    font-weight: 800;
    color: #fff;
    opacity: 1;
    filter: none;
}

.mode-toggle-btn[data-mode="airRide"] {
    background: #ef4444;
    border-color: #dc2626;
}

.mode-toggle-btn[data-mode="topRide"] {
    background: #f59e0b;
    border-color: #d97706;
}

.mode-toggle-btn.is-active {
    opacity: 1;
    filter: none;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
    transform: translateY(-1px);
}