.nav-link { position: relative; transition: color 0.3s ease; }
        .nav-link::after {
            content: ''; position: absolute; width: 0; height: 2px;
            bottom: -4px; left: 0; background-color: #E44B2F;
            transition: width 0.3s ease;
        }
        .nav-link:hover::after, .nav-link.active::after { width: 100%; }
        .nav-link:hover { color: #ffffff; }

        /* ---------- Top info bar ---------- */
        #top-bar {
            position: fixed; top: 0; left: 0; width: 100%; z-index: 60;
            background: #061E2B;
            border-bottom: 1px solid rgba(255,255,255,0.06);
            transition: transform 0.35s ease, opacity 0.35s ease;
        }
        #top-bar.hide { transform: translateY(-100%); opacity: 0; pointer-events: none; }
        #top-bar .top-bar-inner {
            max-width: 1600px; width: 100%; margin: 0 auto; padding: 0.45rem 1.5rem;
            display: flex; align-items: center; justify-content: space-between;
            flex-wrap: wrap; gap: 0.5rem 1.5rem;
            font-size: 12.5px; color: #B9C4CC;
            box-sizing: border-box;
        }
        @media (min-width: 1280px) {
            #top-bar .top-bar-inner { padding-left: 3rem; padding-right: 3rem; }
        }
        @media (max-width: 640px) {
            #top-bar .top-bar-inner {
                flex-wrap: nowrap;
                justify-content: flex-start;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                padding: 0.4rem 1rem;
                gap: 1.25rem;
            }
            #top-bar .top-bar-inner::-webkit-scrollbar { display: none; }
            #top-bar .top-bar-location,
            #top-bar .top-bar-contacts,
            #top-bar a {
                white-space: nowrap;
                flex-shrink: 0;
            }
            #top-bar .top-bar-contacts { gap: 1rem; }
        }
        #top-bar a { color: #B9C4CC; transition: color 0.25s ease; }
        #top-bar a:hover { color: #F15A24; }
        #top-bar i { color: #E44B2F; margin-right: 6px; }
        #top-bar .top-bar-contacts { display: flex; align-items: center; gap: 1.25rem; }
        #top-bar .top-bar-divider { width: 1px; height: 12px; background: rgba(255,255,255,0.15); display: inline-block; }

        /* ---------- Main header (sits below the top bar) ---------- */
        #main-header {
            top: 34px;
            transition: top 0.35s ease, background 0.3s ease, padding 0.3s ease;
        }
        #main-header.header-scrolled { top: 0; }

        .header-scrolled { background: rgba(8, 11, 18, 0.95); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255,255,255,0.05); padding-top: 0.85rem; padding-bottom: 0.85rem; }

        /* ---------- Logo badge (fixes visibility of the navy/orange logo on a dark header) ---------- */
        .logo-badge {
            background: #ffffff;
            clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
            box-shadow: 0 6px 20px -4px rgba(0,0,0,0.45);
        }

        /* ---------- Premium angular CTA button ---------- */
        .btn-primary {
            position: relative;
            isolation: isolate;
            overflow: hidden;
            clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
            background: linear-gradient(135deg, #F15A24 0%, #E44B2F 55%, #C93A20 100%);
            box-shadow: 0 8px 24px -6px rgba(228, 75, 47, 0.55), inset 0 1px 0 rgba(255,255,255,0.25);
            transition: box-shadow 0.35s ease, transform 0.35s ease;
        }
        .btn-primary::before {
            content: '';
            position: absolute; inset: 0;
            background: linear-gradient(135deg, #082C3D 0%, #0d3f57 100%);
            clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
            transform: translateX(-101%);
            transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1);
            z-index: -1;
        }
        .btn-primary::after {
            content: '';
            position: absolute; top: 0; left: -60%;
            width: 40%; height: 100%;
            background: linear-gradient(120deg, transparent, rgba(255,255,255,0.35), transparent);
            transform: skewX(-20deg);
            transition: left 0.7s ease;
            pointer-events: none;
        }
        .btn-primary:hover::before { transform: translateX(0); }
        .btn-primary:hover::after { left: 120%; }
        .btn-primary:hover { box-shadow: 0 10px 28px -6px rgba(8, 44, 61, 0.6), inset 0 1px 0 rgba(255,255,255,0.15); transform: translateY(-1px); }
        .btn-primary i { transition: transform 0.35s cubic-bezier(0.65, 0, 0.35, 1); }
        .btn-primary:hover i { transform: translateX(4px); }

        /* ---------- Animated hamburger ---------- */
        .burger-btn {
            width: 46px; height: 46px;
            display: flex; align-items: center; justify-content: center;
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(255,255,255,0.12);
            clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
            transition: background 0.3s ease, border-color 0.3s ease;
        }
        .burger-btn:hover { background: rgba(228, 75, 47, 0.15); border-color: rgba(228, 75, 47, 0.4); }
        .burger-lines { position: relative; width: 20px; height: 14px; }
        .burger-lines span {
            position: absolute; left: 0; width: 100%; height: 2px;
            background: #fff; border-radius: 1px;
            transition: transform 0.35s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.25s ease, top 0.35s cubic-bezier(0.65, 0, 0.35, 1), width 0.3s ease;
        }
        .burger-lines span:nth-child(1) { top: 0; }
        .burger-lines span:nth-child(2) { top: 6px; width: 70%; }
        .burger-lines span:nth-child(3) { top: 12px; }
        .burger-btn.open .burger-lines span:nth-child(1) { top: 6px; transform: rotate(45deg); }
        .burger-btn.open .burger-lines span:nth-child(2) { opacity: 0; }
        .burger-btn.open .burger-lines span:nth-child(3) { top: 6px; transform: rotate(-45deg); width: 100%; }

        /* ---------- Mobile slide-in panel ---------- */
        #mobile-panel {
            position: fixed; top: 0; right: 0; height: 100%; width: min(85vw, 380px);
            background: #0A0F17;
            box-shadow: -20px 0 60px rgba(0,0,0,0.5);
            transform: translateX(100%);
            transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);
            z-index: 60;
        }
        #mobile-panel.open { transform: translateX(0); }
        #mobile-overlay {
            position: fixed; inset: 0; background: rgba(8,11,18,0.7);
            backdrop-filter: blur(2px);
            opacity: 0; pointer-events: none;
            transition: opacity 0.4s ease;
            z-index: 55;
        }
        #mobile-overlay.open { opacity: 1; pointer-events: auto; }
        .mobile-link {
            opacity: 0; transform: translateX(24px);
            transition: opacity 0.4s ease, transform 0.4s ease;
        }
        #mobile-panel.open .mobile-link { opacity: 1; transform: translateX(0); }
        .mobile-link-stripe {
            position: absolute; left: 0; top: 0; bottom: 0; width: 90px;
            background: linear-gradient(180deg, #E44B2F, #F15A24);
            clip-path: polygon(0 0, 100% 0, 40% 100%, 0 100%);
            opacity: 0.08;
        }