/**
 * Header đồng bộ một mẫu – CHỈ các trang plugin (Nguồn máy tính, Case, Trang chủ mẫu, taxonomy, single PSU/Case).
 * Áp dụng: body.ppc-jetek-header-sync (chỉ thêm khi ppc_psu_v2_is_plugin_header_page() = true).
 * Logo: 33px height, 160px max-width. MENU: style chỉ định nghĩa 1 nơi duy nhất ở file này (màu, font, hover, active).
 */

/* === Logo: 33px height, 160px max-width === */
body.ppc-jetek-header-sync .site-branding img,
body.ppc-jetek-header-sync .site-branding a img,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-image img,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-image a img,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-site-logo img,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-site-logo a img,
body.ppc-jetek-header-sync .elementor-location-header img[alt*="logo"],
body.ppc-jetek-header-sync .site-header img {
  max-height: 33px !important;
  height: 33px !important;
  max-width: 160px !important;
  width: auto !important;
  object-fit: contain !important;
}
body.ppc-jetek-header-sync .site-branding,
body.ppc-jetek-header-sync .site-branding a,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-image,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-image a,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-site-logo,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-site-logo a {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* === CRITICAL: Override Elementor default dropdown styles for submenus === */
  body.ppc-jetek-header-sync .elementor-nav-menu--main .sub-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    display: block !important;
    background: rgba(18,18,22,0.98) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 32px rgba(0,0,0,0.4) !important;
    z-index: 99999 !important;
    min-width: 200px !important;
    padding: 6px 0 !important;
    margin-top: 0 !important;
    /* Nối sát với menu cha - KHÔNG có khoảng trống để hover không bị mất */
    border-top-left-radius: 0 !important;
    border-top-width: 0 !important;
  }
body.ppc-jetek-header-sync .elementor-nav-menu--main li:hover > .sub-menu,
body.ppc-jetek-header-sync .elementor-nav-menu--main li:hover > ul {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
body.ppc-jetek-header-sync .elementor-nav-menu--main .sub-menu li {
  display: block !important;
  width: 100% !important;
  position: relative !important;
}
body.ppc-jetek-header-sync .elementor-nav-menu--main .sub-menu a {
  display: block !important;
  padding: 8px 16px !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.75) !important;
}
body.ppc-jetek-header-sync .elementor-nav-menu--main .sub-menu a:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #fff !important;
}

/* Header container – menu xuống xíu cho cân đối (padding-top lớn hơn) */
body.ppc-jetek-header-sync .site-header,
body.ppc-jetek-header-sync #masthead,
body.ppc-jetek-header-sync .elementor-location-header .elementor-section {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  padding: 14px 24px 12px !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #000 !important;
  min-height: 56px !important;
}
body.ppc-jetek-header-sync .elementor-location-header {
  display: flex !important;
  align-items: center !important;
  background: #000 !important;
}
body.ppc-jetek-header-sync .elementor-location-header .elementor-section-inner {
  display: flex !important;
  align-items: center !important;
  min-height: 56px !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}
/* Bỏ align-items/align-content ở đây để tránh lệch layout Elementor (e-con, section, container) */
body.ppc-jetek-header-sync .elementor-location-header .elementor-container {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  gap: 16px !important;
  padding: 0 24px !important;
  flex-wrap: nowrap !important;
}
body.ppc-jetek-header-sync .site-branding,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-image { order: 1 !important; }
body.ppc-jetek-header-sync .main-navigation,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-nav-menu {
  order: 2 !important;
  padding-top: 9px !important;
  flex-wrap: nowrap !important;
}

/* Đè padding/margin do Elementor (post-708) đặt lên widget container menu */
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-nav-menu .elementor-widget-container,
body.ppc-jetek-header-sync .elementor-location-header .e-con .elementor-widget-nav-menu .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
}

/* Main menu – desktop
 * Font menu: 11px để "TRA CỨU BẢO HÀNH" không to, không xuống dòng. Weight 400, letter-spacing 0.04em, uppercase.
 * Màu: 0.62 mặc định, #fff hover/active.
 * QUAN TRỌNG: flex-wrap: nowrap để menu không xuống dòng, submenu hiển thị đúng.
 */
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu,
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu--main,
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .elementor-nav-menu__container,
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul,
body.ppc-jetek-header-sync .main-navigation > ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 2px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
}
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul > li > a,
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu--main .elementor-item,
body.ppc-jetek-header-sync .main-navigation > ul > li > a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.62) !important;
  fill: rgba(255,255,255,0.62) !important;
  text-decoration: none !important;
  padding: 8px 8px !important;
  transition: color 0.25s ease !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu a::before,
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu a::after,
body.ppc-jetek-header-sync .main-navigation a::before,
body.ppc-jetek-header-sync .main-navigation a::after {
  display: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
/* Hover/active kiểu Apple: sáng trắng (#fff), không màu – phân biệt rõ với chữ mặc định (0.78) */
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu a:hover,
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu--dropdown a:hover,
body.ppc-jetek-header-sync .main-navigation a:hover {
  color: #fff !important;
  fill: #fff !important;
  text-shadow: none !important;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
}
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .current-menu-item > a,
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .current-menu-ancestor > a,
body.ppc-jetek-header-sync .elementor-location-header a.elementor-item-active,
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active,
body.ppc-jetek-header-sync .main-navigation .current-menu-item > a,
body.ppc-jetek-header-sync .main-navigation .current-menu-ancestor > a {
  color: #fff !important;
  fill: #fff !important;
  text-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Desktop: không ẩn nav (để menu + dropdown sub-menu hoạt động), chỉ ẩn nút hamburger */
@media (min-width: 1025px) {
  body.ppc-jetek-header-sync .elementor-location-header .elementor-menu-toggle {
    display: none !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .elementor-nav-menu__container,
  body.ppc-jetek-header-sync .elementor-location-header nav.elementor-nav-menu--dropdown > ul {
    display: flex !important;
    visibility: visible !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    pointer-events: auto !important;
  }
  /* Quan trọng: position: relative trên li để sub-menu định vị đúng */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul > li,
  body.ppc-jetek-header-sync .elementor-location-header .main-navigation > ul > li {
    position: relative !important;
    flex-shrink: 0 !important;
  }
  /* Sub-menu: absolute so với li cha – dùng visibility thay display để tránh conflict JS */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .sub-menu,
  body.ppc-jetek-header-sync .elementor-location-header .main-navigation .sub-menu,
  body.ppc-jetek-header-sync #site-navigation .sub-menu,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul > li > .sub-menu,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul > li ul,
  body.ppc-jetek-header-sync .elementor-location-header nav.elementor-nav-menu > ul > li > ul,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .sub-menu ul,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul > li > .sub-menu ul,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .elementor-nav-menu--main .sub-menu {
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
    top: 100% !important;
    z-index: 99999 !important;
    background: rgba(18,18,22,0.98) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 32px rgba(0,0,0,0.4) !important;
    margin-top: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    min-width: 200px !important;
    padding: 10px 0 6px 0 !important;
    display: block !important;
    /* Hover bridge transition - chậm để không bị mất khi di chuột nhanh */
    transition: visibility 0.25s ease, opacity 0.25s ease !important;
  }
  /* Sub-menu xuất hiện từ bên TRÁI nếu không đủ chỗ bên phải */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul > li:first-child > .sub-menu,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul > li:first-child ul {
    left: 0 !important;
    right: auto !important;
  }
  /* Submenu hiện khi hover trên li HOẶC trên chính submenu */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul > li:hover > .sub-menu,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul > li:hover > ul,
  body.ppc-jetek-header-sync .elementor-location-header .main-navigation > ul > li:hover > .sub-menu,
  body.ppc-jetek-header-sync .elementor-location-header .main-navigation > ul > li:hover > ul,
  body.ppc-jetek-header-sync #site-navigation > ul > li:hover > .sub-menu,
  body.ppc-jetek-header-sync #site-navigation > ul > li:hover > ul,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul > li:has(.sub-menu):hover,
  body.ppc-jetek-header-sync .main-navigation > ul > li:has(.sub-menu):hover,
  /* Khi hover trên submenu chính nó thì vẫn giữ visible */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .sub-menu:hover,
  body.ppc-jetek-header-sync .main-navigation .sub-menu:hover,
  body.ppc-jetek-header-sync #site-navigation .sub-menu:hover {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  /* Hover bridge: pseudo-element trên submenu để hover không bị mất khi di chuột từ menu cha xuống - lớn hơn */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .sub-menu::before,
  body.ppc-jetek-header-sync .main-navigation .sub-menu::before,
  body.ppc-jetek-header-sync #site-navigation .sub-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -16px !important;
    left: 0 !important;
    right: 0 !important;
    height: 20px !important;
    background: transparent !important;
    pointer-events: auto !important;
    z-index: 1 !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .sub-menu a,
  body.ppc-jetek-header-sync .elementor-location-header .main-navigation .sub-menu a,
  body.ppc-jetek-header-sync #site-navigation .sub-menu a,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul > li > .sub-menu a,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul > li ul a {
    display: block !important;
    padding: 8px 16px !important;
    font-size: 12px !important;
    color: rgba(255,255,255,0.75) !important;
    transition: background 0.15s ease, color 0.15s ease !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .sub-menu a:hover,
  body.ppc-jetek-header-sync .elementor-location-header .main-navigation .sub-menu a:hover {
    background: rgba(255,255,255,0.06) !important;
    color: #fff !important;
  }
  /* Đảm bảo sub-menu items hiển thị đúng */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .sub-menu li,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu > ul > li > .sub-menu li {
    display: block !important;
    width: 100% !important;
    position: relative !important;
  }
  /* Đảm bảo mũi tên submenu hiển thị đúng */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .sub-menu li.menu-item-has-children > a::after {
    content: "▶" !important;
    font-size: 8px !important;
    margin-left: 8px !important;
    opacity: 0.6 !important;
  }
}

/* === MOBILE / TABLET: logo to, menu hamburger sát góc phải === */
@media (max-width: 1024px) {
  /* Ẩn menu ngang desktop trên mobile - CHỈ áp dụng cho các trang KHÔNG PHẢI trang chủ */
  body.ppc-jetek-header-sync:not(.home) .elementor-location-header .elementor-nav-menu--main > ul,
  body.ppc-jetek-header-sync:not(.home) .elementor-location-header .elementor-nav-menu--main:not(.elementor-nav-menu--dropdown) > ul {
    display: none !important;
  }
  
  /* Header: chừa chỗ logo trái, menu tuyệt đối góc phải */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-section,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-section-inner {
    padding-right: 0 !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .elementor-section-inner,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-container,
  body.ppc-jetek-header-sync .elementor-location-header .e-container,
  body.ppc-jetek-header-sync .elementor-location-header .e-con-inner {
    position: relative !important;
    min-height: 72px !important;
    align-items: center !important;
    padding-right: 56px !important;
    padding-left: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .elementor-container,
  body.ppc-jetek-header-sync .elementor-location-header .e-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
  }
  /* Cột logo: không tràn sang vùng nút menu, đủ chỗ để logo không bị ép nhỏ */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-column:has(.elementor-widget-image),
  body.ppc-jetek-header-sync .elementor-location-header .elementor-column:has(.elementor-widget-site-logo),
  body.ppc-jetek-header-sync .elementor-location-header .elementor-container > .elementor-column:first-child,
  body.ppc-jetek-header-sync .elementor-location-header .e-container > .elementor-column:first-child {
    max-width: calc(100% - 56px) !important;
    min-width: 100px !important;
    flex: 1 1 auto !important;
  }
  /* Logo mobile: cân đối, pro (56px), không lấn menu */
  body.ppc-jetek-header-sync .elementor-location-header .site-branding img,
  body.ppc-jetek-header-sync .elementor-location-header .site-branding a img,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-image img,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-image a img,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-site-logo img,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-site-logo a img {
    max-height: 56px !important;
    min-height: 40px !important;
    width: auto !important;
    max-width: 160px !important;
    object-fit: contain !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .site-branding,
  body.ppc-jetek-header-sync .elementor-location-header .site-branding a,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-image,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-image a,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-site-logo,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-site-logo a {
    flex-shrink: 0 !important;
    min-width: 0 !important;
  }
  /* Cột nav: dính sát góc phải (menu di động góc phải) */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-column:has(.elementor-widget-nav-menu),
  body.ppc-jetek-header-sync .elementor-location-header .elementor-column.ppc-nav-column-right {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding-top: 0 !important;
    margin: 0 !important;
    padding-right: 12px !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Bỏ justify-content: flex-end để menu xổ ra không lỗi */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-nav-menu,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-nav-menu .elementor-nav-menu {
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    visibility: visible !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .elementor-column:has(.elementor-widget-nav-menu) .elementor-widget-wrap,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-column.ppc-nav-column-right .elementor-widget-wrap,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-column:has(.elementor-widget-nav-menu) .elementor-widget,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-column.ppc-nav-column-right .elementor-widget {
    width: auto !important;
    max-width: none !important;
  }
  /* Hamburger: cố định góc phải header, 44px */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-menu-toggle {
    position: relative !important;
    right: 0 !important;
    top: auto !important;
    margin-left: auto !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fff !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.08) !important;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .elementor-menu-toggle:hover {
    background: rgba(255,255,255,0.14) !important;
    border-color: rgba(255,255,255,0.65) !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .elementor-menu-toggle:active {
    transform: scale(0.97) !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .elementor-menu-toggle svg,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-menu-toggle .e-font-icon-svg {
    fill: #fff !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .elementor-menu-toggle.elementor-active {
    z-index: 10003 !important;
  }
  /* Overlay + panel trượt từ phải (giống Trang chủ mẫu) – hiện khi toggle có .elementor-active */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu__container.elementor-nav-menu--dropdown,
  body.ppc-jetek-header-sync .elementor-location-header nav.elementor-nav-menu--dropdown.elementor-active {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    visibility: visible !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow: hidden !important;
    clip: auto !important;
    pointer-events: auto !important;
    z-index: 10001 !important;
    background: rgba(0,0,0,0.75) !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }
  /* Panel menu bên phải – 300px, nền tối, không hở khoảng cách, dễ bấm */
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu--dropdown > ul,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu__container > ul,
  body.ppc-jetek-header-sync .elementor-location-header nav.elementor-nav-menu--dropdown > ul {
    flex-direction: column !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    padding: 12px 0 24px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 300px !important;
    max-width: 85vw !important;
    background: rgba(12,12,14,0.98) !important;
    box-shadow: -12px 0 40px rgba(0,0,0,0.45) !important;
    overflow-y: auto !important;
    border-left: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 0 !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu--dropdown > ul > li,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu__container > ul > li,
  body.ppc-jetek-header-sync .elementor-location-header nav.elementor-nav-menu--dropdown > ul > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu--dropdown > ul > li > a,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu__container > ul > li > a,
  body.ppc-jetek-header-sync .elementor-location-header nav.elementor-nav-menu--dropdown > ul > li > a {
    display: block !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 14px 24px !important;
    text-align: left !important;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    box-sizing: border-box !important;
    background: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.62) !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu--dropdown > ul > li > a:hover,
  body.ppc-jetek-header-sync .elementor-location-header nav.elementor-nav-menu--dropdown > ul > li > a:hover {
    color: #fff !important;
    text-shadow: none !important;
    background: rgba(255,255,255,0.08) !important;
  }
}

/* Submenu (desktop dropdown) */
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .sub-menu a,
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .elementor-nav-menu--dropdown a,
body.ppc-jetek-header-sync .main-navigation .sub-menu a,
body.ppc-jetek-header-sync #site-navigation .sub-menu a,
body.ppc-jetek-header-sync #masthead .sub-menu a,
body.ppc-jetek-header-sync .site-header .sub-menu a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  padding: 8px 14px !important;
  line-height: 1.45 !important;
  color: rgba(255,255,255,0.62) !important;
  text-shadow: none !important;
}
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .sub-menu a:hover,
body.ppc-jetek-header-sync .main-navigation .sub-menu a:hover {
  color: #fff !important;
  text-shadow: none !important;
  background: rgba(255,255,255,0.06) !important;
}
body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu .sub-menu,
body.ppc-jetek-header-sync .main-navigation .sub-menu,
body.ppc-jetek-header-sync #site-navigation .sub-menu {
  min-width: 200px !important;
  padding: 6px 0 !important;
  margin-top: 0 !important;
  top: 100% !important;
  border: none !important;
  box-shadow: none !important;
}

/* WPML / language widget trong header */
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-nav-menu:nth-of-type(2) .elementor-nav-menu > ul,
body.ppc-jetek-header-sync .elementor-location-header [class*="wpml"] .wpml-ls,
body.ppc-jetek-header-sync .elementor-location-header [class*="language"] {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-nav-menu:nth-of-type(2) a,
body.ppc-jetek-header-sync .elementor-location-header [class*="wpml"] a,
body.ppc-jetek-header-sync .elementor-location-header [class*="language"] a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  color: rgba(255,255,255,0.62) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: none !important;
}
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-nav-menu:nth-of-type(2) a:hover {
  color: #fff !important;
  text-shadow: none !important;
  background: none !important;
}

/* === Icon tìm kiếm header: lớn hơn, nổi bật hơn – dễ nhận biết ngay === */
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-search .elementor-icon,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-search-form .elementor-icon,
body.ppc-jetek-header-sync .elementor-location-header [class*="search"] .elementor-icon,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-search a,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-search-form a,
body.ppc-jetek-header-sync .elementor-location-header .ppc-header-search-inline > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  color: rgba(255,255,255,0.85) !important;
  fill: rgba(255,255,255,0.85) !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-search .elementor-icon svg,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-search-form .elementor-icon svg,
body.ppc-jetek-header-sync .elementor-location-header [class*="search"] .elementor-icon svg,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-search .e-font-icon-svg,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-search-form .e-font-icon-svg,
body.ppc-jetek-header-sync .elementor-location-header .ppc-header-search-inline > a svg,
body.ppc-jetek-header-sync .elementor-location-header .ppc-header-search-inline > a .e-font-icon-svg {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 1.5 !important;
  stroke: currentColor !important;
}
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-search a:hover,
body.ppc-jetek-header-sync .elementor-location-header .elementor-widget-search-form a:hover,
body.ppc-jetek-header-sync .elementor-location-header .ppc-header-search-inline > a:hover {
  color: #fff !important;
  fill: #fff !important;
  background: rgba(255,255,255,0.14) !important;
  border-color: rgba(255,255,255,0.4) !important;
}

/* Ô tìm kiếm: nằm trên cùng hàng menu, chỉ là một line (border-bottom), không hộp bên ngoài */
body.ppc-jetek-header-sync .elementor-location-header .ppc-header-search-inline {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  position: relative !important;
}
body.ppc-jetek-header-sync .elementor-location-header .ppc-header-search-inline .ppc-header-search-field-wrap {
  display: none !important;
  align-items: center !important;
  margin-left: 4px !important;
}
body.ppc-jetek-header-sync .elementor-location-header .ppc-header-search-inline.is-open .ppc-header-search-field-wrap {
  display: flex !important;
}
body.ppc-jetek-header-sync .elementor-location-header .ppc-header-search-inline .ppc-header-search-field-wrap form {
  display: flex !important;
  align-items: center !important;
}
body.ppc-jetek-header-sync .elementor-location-header .ppc-header-search-inline input.ppc-header-search-input {
  width: 0 !important;
  min-width: 0 !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  margin: 0 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: 0.04em !important;
  color: #fff !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  border-radius: 999px !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: width 0.2s ease, min-width 0.2s ease, border-color 0.2s ease !important;
}
body.ppc-jetek-header-sync .elementor-location-header .ppc-header-search-inline.is-open input.ppc-header-search-input {
  width: 140px !important;
  min-width: 140px !important;
  border-color: #fff !important;
}
body.ppc-jetek-header-sync .elementor-location-header .ppc-header-search-inline input.ppc-header-search-input::placeholder {
  color: rgba(255,255,255,0.4) !important;
}

/* Ẩn container fullscreen của Elementor khi search trong header */
body.ppc-jetek-header-sync .elementor-location-header .elementor-search-form__container,
body.ppc-jetek-header-sync .elementor-location-header .elementor-search-form.elementor-search-form--skin-full_screen .elementor-search-form__container {
  display: none !important;
}

/* Fallback header – đồng bộ với trang Nguồn máy tính (logo + menu cùng nguồn Cài đặt) */
body.ppc-jetek-header-sync .site-header.ppc-fallback-header {
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
body.ppc-jetek-header-sync .ppc-fallback-header-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 24px !important;
  gap: 20px !important;
  margin: 0 auto !important;
}
/* Footer fallback – đồng bộ layout trang Nguồn máy tính (3 cột + copyright) */
body.ppc-jetek-header-sync .ppc-fallback-footer {
  background: #0d0d0d !important;
  color: rgba(255,255,255,.8) !important;
  padding: 0 !important;
  border-top: 1px solid rgba(255,255,255,.1) !important;
  margin-top: 0 !important;
  display: block !important;
}
body.ppc-jetek-header-sync .ppc-fallback-footer-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 40px 24px 24px !important;
}
body.ppc-jetek-header-sync .ppc-footer-top {
  display: grid !important;
  grid-template-columns: 1fr 1.2fr 1fr !important;
  gap: 32px 24px !important;
  margin-bottom: 28px !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
body.ppc-jetek-header-sync .ppc-footer-col {
  min-width: 0 !important;
}
body.ppc-jetek-header-sync .ppc-footer-logo .ppc-footer-logo-link img {
  max-height: 48px !important;
  width: auto !important;
  display: block !important;
}
body.ppc-jetek-header-sync .ppc-footer-logo .ppc-fallback-logo {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-decoration: none !important;
}
body.ppc-jetek-header-sync .ppc-footer-social {
  margin-top: 12px !important;
  display: flex !important;
  gap: 12px !important;
}
body.ppc-jetek-header-sync .ppc-footer-social-icon {
  color: rgba(255,255,255,.75) !important;
  text-decoration: none !important;
  font-size: 13px !important;
}
body.ppc-jetek-header-sync .ppc-footer-social-icon:hover {
  color: #fff !important;
}
body.ppc-jetek-header-sync .ppc-footer-company-name {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin-bottom: 10px !important;
}
body.ppc-jetek-header-sync .ppc-footer-address,
body.ppc-jetek-header-sync .ppc-footer-phone,
body.ppc-jetek-header-sync .ppc-footer-email {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: rgba(255,255,255,.75) !important;
  margin-bottom: 4px !important;
}
body.ppc-jetek-header-sync .ppc-footer-email a {
  color: rgba(255,255,255,.85) !important;
  text-decoration: none !important;
}
body.ppc-jetek-header-sync .ppc-footer-email a:hover {
  color: #0071e3 !important;
}
body.ppc-jetek-header-sync .ppc-footer-newsletter-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  color: #fff !important;
  margin-bottom: 12px !important;
}
body.ppc-jetek-header-sync .ppc-footer-newsletter-form {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
body.ppc-jetek-header-sync .ppc-footer-newsletter-input {
  flex: 1 !important;
  min-width: 160px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
  font-size: 14px !important;
}
body.ppc-jetek-header-sync .ppc-footer-newsletter-input::placeholder {
  color: rgba(255,255,255,.5) !important;
}
body.ppc-jetek-header-sync .ppc-footer-newsletter-btn {
  padding: 10px 16px !important;
  background: #0071e3 !important;
  border: none !important;
  border-radius: 8px !important;
  color: #0d0d0d !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  cursor: pointer !important;
}
body.ppc-jetek-header-sync .ppc-footer-newsletter-btn:hover {
  background: #2997ff !important;
}
body.ppc-jetek-header-sync .ppc-footer-bottom {
  text-align: center !important;
}
body.ppc-jetek-header-sync .ppc-footer-copy {
  font-size: 13px !important;
  color: rgba(255,255,255,.6) !important;
  letter-spacing: .02em !important;
}
@media (max-width: 768px) {
  body.ppc-jetek-header-sync .ppc-footer-top {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }
  body.ppc-jetek-header-sync .ppc-footer-logo .ppc-footer-logo-link {
    display: inline-block !important;
  }
  body.ppc-jetek-header-sync .ppc-footer-social {
    justify-content: center !important;
  }
}

/* === GPU stability: tránh Chrome flash trắng khi repaint === */
html body.ppc-jetek-header-sync {
  background: #000000 !important;
  background-color: #000000 !important;
}
body.ppc-jetek-header-sync #page,
body.ppc-jetek-header-sync .site,
body.ppc-jetek-header-sync #content,
body.ppc-jetek-header-sync .content-area {
  background: #0a0a0c !important;
}
body.ppc-jetek-header-sync .elementor-section,
body.ppc-jetek-header-sync .elementor-top-section,
body.ppc-jetek-header-sync .e-con {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
body.ppc-jetek-header-sync .elementor-widget-image img,
body.ppc-jetek-header-sync .elementor-widget-image-box img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: auto;
}
body.ppc-jetek-header-sync .elementor-section:not(.elementor-location-header):not(.elementor-location-footer) {
  contain: layout style;
}


/* v2.16.8.522 - unify mobile menu with homepage current style */
@media (max-width: 1024px) {
  body.ppc-jetek-header-sync .elementor-location-header .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu__container.elementor-nav-menu--dropdown,
  body.ppc-jetek-header-sync .elementor-location-header nav.elementor-nav-menu--dropdown.elementor-active,
  body.ppc-jetek-header-sync .elementor-location-header nav.elementor-nav-menu--dropdown {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: center !important;
    visibility: visible !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    overflow: hidden !important;
    clip: auto !important;
    pointer-events: auto !important;
    z-index: 10001 !important;
    background: rgba(0,0,0,0.75) !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu--dropdown > ul,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu__container > ul,
  body.ppc-jetek-header-sync .elementor-location-header nav.elementor-nav-menu--dropdown > ul,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container > ul,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container > .elementor-nav-menu--dropdown > ul,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container > nav.elementor-nav-menu--dropdown > ul {
    flex-direction: column !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 40px auto 0 auto !important;
    list-style: none !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: min(560px, calc(100vw - 96px)) !important;
    max-width: calc(100vw - 96px) !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    background: rgba(12,12,14,0.98) !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }

  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu--dropdown > ul > li,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu__container > ul > li,
  body.ppc-jetek-header-sync .elementor-location-header nav.elementor-nav-menu--dropdown > ul > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu--dropdown > ul > li > a,
  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu__container > ul > li > a,
  body.ppc-jetek-header-sync .elementor-location-header nav.elementor-nav-menu--dropdown > ul > li > a {
    display: block !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 14px 24px !important;
    text-align: left !important;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    box-sizing: border-box !important;
    background: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.62) !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  body.ppc-jetek-header-sync .elementor-location-header .elementor-menu-toggle.elementor-active {
    position: fixed !important;
    top: 50px !important;
    right: max(24px, calc((100vw - min(560px, calc(100vw - 96px))) / 2 + 16px)) !important;
    z-index: 10003 !important;
    margin: 0 !important;
  }

  body.ppc-jetek-header-sync .elementor-location-header .elementor-nav-menu--dropdown > ul > li > a:hover,
  body.ppc-jetek-header-sync .elementor-location-header nav.elementor-nav-menu--dropdown > ul > li > a:hover {
    color: #fff !important;
    text-shadow: none !important;
    background: rgba(255,255,255,0.08) !important;
  }
}