/* Masaüstü rota menüsü: kesintisiz hover alanı ve yumuşak açılış. */
@media (min-width: 1181px) {
    .hd-routes-mega {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate(-50%, 18px) scale(.982);
        transform-origin: top center;
        transition:
            opacity .24s ease,
            transform .38s cubic-bezier(.22, 1, .36, 1),
            visibility .24s ease;
        will-change: opacity, transform;
    }

    .hd-routes-menu.is-open .hd-routes-mega,
    .hd-routes-menu:hover .hd-routes-mega,
    .hd-routes-menu:focus-within .hd-routes-mega {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate(-50%, 0) scale(1);
    }

    .hd-routes-menu.is-open .hd-mega-head {
        animation: hd-mega-content-in .38s cubic-bezier(.22, 1, .36, 1) both;
    }

    .hd-routes-menu.is-open .hd-region-tabs {
        animation: hd-mega-content-in .42s .04s cubic-bezier(.22, 1, .36, 1) both;
    }

    .hd-routes-menu.is-open .hd-region-panels {
        animation: hd-mega-content-in .46s .08s cubic-bezier(.22, 1, .36, 1) both;
    }
}

@keyframes hd-mega-content-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hd-routes-mega {
        transition-duration: .01ms;
    }

    .hd-routes-menu.is-open .hd-mega-head,
    .hd-routes-menu.is-open .hd-region-tabs,
    .hd-routes-menu.is-open .hd-region-panels {
        animation: none;
    }
}