/* CUNAM v96 — compact floating header and TÜBİTAK-inspired hero shortcuts. */

@media (min-width: 1024px) {
    :root {
        --cunam-header-top: 0px !important;
        --cunam-header-x: max(24px, calc((100vw - 1344px) / 2)) !important;
        --cunam-header-h: 68px !important;
        --cunam-panel-top: 70px !important;
    }

    .cunam-premium-header {
        inset: 0 var(--cunam-header-x) auto var(--cunam-header-x) !important;
    }

    .cunam-premium-shell {
        height: 68px !important;
        min-height: 68px !important;
        padding: 0 18px 0 16px !important;
        border-radius: 0 0 20px 20px !important;
        background: rgba(239, 244, 244, .92) !important;
        border: 1px solid rgba(255, 255, 255, .82) !important;
        border-top: 0 !important;
        box-shadow: 0 14px 38px rgba(3, 17, 27, .17) !important;
        backdrop-filter: blur(18px) saturate(125%) !important;
        -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
    }

    body.header-scrolled .cunam-premium-shell,
    body.cunam-premium-nav-open .cunam-premium-shell {
        background: rgba(244, 248, 248, .97) !important;
        border-color: rgba(255, 255, 255, .9) !important;
    }

    .cunam-premium-brand {
        flex: 0 0 auto !important;
        gap: 10px !important;
    }

    .cunam-premium-brand .brand-orbit {
        width: 48px !important;
        height: 54px !important;
        flex: 0 0 48px !important;
    }

    .cunam-premium-brand .brand-copy strong {
        color: #123742 !important;
        font-size: 14px !important;
    }

    .cunam-premium-brand .brand-copy small {
        color: rgba(16, 47, 57, .68) !important;
        font-size: 9.5px !important;
        max-width: 230px !important;
    }

    .cunam-premium-actions {
        flex: 1 1 auto !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        margin-left: 18px !important;
    }

    .premium-menu-button {
        order: 1 !important;
        min-width: 48px !important;
        width: 48px !important;
        height: 48px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #174f78 !important;
        box-shadow: none !important;
    }

    .premium-menu-button span {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
    }

    .premium-menu-button i,
    .premium-menu-button i::before,
    .premium-menu-button i::after {
        width: 28px !important;
        height: 2px !important;
        background: currentColor !important;
    }

    .premium-language {
        order: 2 !important;
        margin-left: auto !important;
    }

    .premium-appointment-button {
        order: 3 !important;
        height: 42px !important;
        padding: 0 16px !important;
        border-radius: 13px !important;
    }

    .hero-slide-inner {
        padding-top: 132px !important;
        padding-bottom: 154px !important;
    }

    .hero-service-panel {
        width: min(980px, calc(100% - 120px)) !important;
        bottom: 30px !important;
    }

    .hero-service-links {
        display: flex !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: clamp(24px, 3.1vw, 54px) !important;
        width: 100% !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .hero-service-link {
        flex: 0 1 104px !important;
        min-width: 74px !important;
        min-height: 78px !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 9px !important;
        text-align: center !important;
        background: transparent !important;
        border: 0 !important;
        transform: none !important;
    }

    .hero-service-link::before,
    .hero-service-link::after {
        display: none !important;
    }

    .hero-service-link:hover {
        background: transparent !important;
        transform: translateY(-4px) !important;
    }

    .hero-service-icon {
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px !important;
        color: #fff !important;
        filter: drop-shadow(0 5px 14px rgba(0, 0, 0, .25)) !important;
        transition: color .2s ease, transform .2s ease !important;
    }

    .hero-service-link:hover .hero-service-icon {
        color: #76ded3 !important;
        transform: scale(1.05) !important;
    }

    .hero-service-icon svg {
        width: 36px !important;
        height: 36px !important;
        stroke-width: 1.55 !important;
    }

    .hero-service-copy {
        display: block !important;
    }

    .hero-service-copy strong {
        display: block !important;
        color: #fff !important;
        font-size: 12px !important;
        line-height: 1.18 !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
        text-shadow: 0 2px 10px rgba(0, 0, 0, .42) !important;
    }

    .hero-service-copy small {
        display: none !important;
    }
}

/* Keep the mobile header and hero behavior from v95 untouched. */
@media (max-width: 1023px) {
    .hero-service-panel,
    .hero-bottom-panel.hero-service-panel {
        display: none !important;
    }
}