/**
 * Module CSS: 15-header.css
 * Trích nguyên văn dòng 589-633 của pctech-homepage.css gốc.
 * Không đổi nội dung — chỉ tách file theo đúng marker sẵn có trong code gốc.
 */
    /* ── Header ── */
    .header {
      position: fixed;
      top: 0; left: 0; right: 0;
      height: var(--header-h);
      background: rgba(6, 42, 85, 0.92);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(255,255,255,0.08);
      z-index: 1000;
      transition: box-shadow 0.3s, background 0.3s;
    }
    .header .nav-links a { color: rgba(255,255,255,0.85); }
    .header .nav-links a:hover { color: var(--orange); }
    .header.scrolled {
      background: rgba(4, 26, 53, 0.98);
      box-shadow: 0 4px 32px rgba(0,0,0,0.3);
    }
    .header-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 100%;
    }
    .logo img { height: 48px; width: auto; }
    .nav { display: flex; align-items: center; gap: 16px; }
    .nav-links { display: flex; gap: 28px; }
    .nav-links a {
      font-weight: 500;
      font-size: 0.92rem;
      color: var(--gray-700);
      transition: color 0.2s;
      position: relative;
    }
    .nav-links a::after {
      content: '';
      position: absolute;
      bottom: -4px; left: 0;
      width: 0; height: 2px;
      background: var(--orange);
      transition: width 0.3s;
    }
    .nav-links a:hover { color: var(--blue); }
    .nav-links a:hover::after { width: 100%; }
    .nav-cta .btn { padding: 10px 22px; font-size: 0.88rem; }

    /* ── Nav Dropdown (PCTech bổ sung) ── */
    .nav-item-dropdown {
      position: relative;
    }
    .nav-item-dropdown > a::after {
      content: '▾';
      display: inline-block;
      margin-left: 4px;
      font-size: 0.75em;
      transition: transform 0.25s;
      position: static;
      width: auto; height: auto;
      background: none;
    }
    .nav-item-dropdown:hover > a::after,
    .nav-item-dropdown.dropdown-open > a::after {
      transform: rotate(180deg);
    }
    .nav-dropdown-menu {
      position: absolute;
      top: 100%; /* PCTech fix: KHÔNG có khoảng cách nào (không top offset,
        không margin-top) — trước đây dù thử top:calc(100%+14px) hay
        margin-top đều tạo ra "vùng chết" giữa nút và menu con. Khi rê
        chuột đi qua vùng trống đó, chuột bị coi là "rời khỏi" khu vực
        hover, khiến dropdown tự đóng trước khi bấm được. Để menu chạm
        sát nút (top:100% tuyệt đối) là cách DUY NHẤT đảm bảo vùng hover
        liền mạch 100%, không có khe hở nào để chuột "lọt" ra ngoài. */
      left: 50%;
      transform: translateX(-50%);
      min-width: 240px;
      background: #fff;
      border-radius: var(--radius);
      box-shadow: var(--shadow-lg);
      padding: 8px;
      padding-top: 16px; /* Khoảng đệm THỊ GIÁC nằm bên trong box (không
        phải khoảng cách bên ngoài) — box vẫn chạm sát nút nên không tạo
        vùng chết, nhưng nội dung bên trong vẫn có khoảng thở phía trên. */
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.2s, visibility 0.2s;
      z-index: 1001;
    }
    .nav-item-dropdown:hover .nav-dropdown-menu,
    .nav-item-dropdown.dropdown-open .nav-dropdown-menu {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }
    .nav-dropdown-menu a {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 10px 14px;
      border-radius: 8px;
      font-size: 0.88rem;
      color: var(--blue-dark) !important; /* PCTech fix: .header .nav-links a có
        specificity cao hơn (2 class) khiến chữ Dropdown bị trắng trên nền trắng
        (đồng màu, gần như vô hình). Ép thắng bằng !important. */
      white-space: nowrap;
    }
    .nav-dropdown-menu a::after { display: none; }
    .nav-dropdown-menu a:hover {
      background: var(--gray-50);
      color: var(--orange) !important;
    }
    .nav-dropdown-menu .nav-dd-divider {
      height: 1px;
      background: var(--gray-200);
      margin: 6px 4px;
    }
    .nav-dropdown-menu .nav-dd-all {
      font-weight: 600;
      color: var(--orange) !important;
    }
    .nav-dropdown-menu {
    will-change: opacity;
    transform: translateX(-50%) translateZ(0);
    }
    .header { backdrop-filter: blur(8px); } /* giảm từ 16px xuống 8px */
    .header {
  transition: background 0.3s ease, box-shadow 0.3s ease;
    }