:root { --bp: 992px; } /* breakpoint cho responsive */

body.has-fixed-header {
  padding-top: var(--header-h); /* tránh nội dung bị “nhảy” lên dưới header */
}

.site-header {
  position: fixed;
  inset: 0 0 auto 0;  /* cố định trên cùng */
  top: 0; 
  left: 0; 
  right: 0;
  height: 140px;
  z-index: 2000; /* cao hơn overlay */
  background: #fff; /* nền trắng */
  box-shadow: 0 2px 4px rgba(0,0,0,.1); /* bóng nhẹ */
  transition: background .3s ease, box-shadow .3s ease;
  will-change: transform; /* tối ưu hiệu ứng chuyển động */
}

body.admin-bar .site-header {
    top: 32px;
}
@media (max-width: 782px) {
    body.admin-bar .site-header {
        top: 46px;
    }
}

/* Header khi đã cuộn qua điểm đầu trang: thu nhỏ, đổ bóng,… */
.site-header.is-scrolled {
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  background: rgba(255,255,255,.96);
  backdrop-filter: saturate(140%) blur(6px);
}

/* Ẩn header khi cuộn xuống */
.site-header.is-hidden {
  transform: translateY(-100%);
}

.header-top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 12px 10px;
  z-index: 2000;
  overflow: visible;
  background-color: var(--color-primary);
  color: #ffffff;
}
.header-top-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  padding-right: 20px; 
}
.language-selector {
  display: flex;
  align-items: center;
  position:relative;
  z-index: 2100;
}
/* nút ngôn ngữ */
.lang-button{
  display: flex;
  align-items: center;
  color: #ffffff;
  padding: 0px;
  border-radius: 4px;
  cursor: pointer;
  padding: 0px;
  border: none;
  background-color: var(--color-primary);
}
/* mã ngôn ngữ */
.lang-code{
  font-weight: 600;
  font-size: 1rem;
  color: #ffffff;
  text-decoration: none;
  padding-left: 6px;
  padding-right: 6px;
}
.lang-menu{
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, .06);
  opacity:0;
  transform:translateY(-6px);
  pointer-events:none;
  transition:opacity .15s ease, transform .15s ease;
  z-index: 2100;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden; /* ẩn menu */
}
.lang-menu a{
  text-decoration:none;
  color:var(--color-text);
  font-weight: 600px;
}
.language-selector.is-open .lang-menu{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.lang-menu li{
  display: block;
  width: 100%;
  cursor: pointer;
  font-size: 1rem;
  list-style: none;
  margin: 0;
  border-radius: 0;
  white-space: nowrap;
}
.lang-menu a.lang-item{
  display:block;
  padding:6px 14px;         /* chuyển padding sang a */
  text-decoration:none;
  font-size: 0.875rem;
  color:var(--color-text);
  font-weight:600;          /* (bỏ 600px bị sai) */
  white-space:nowrap;
}
.lang-menu li:hover a,
.lang-menu li[aria-selected="true"] a{
  background: var(--color-bg-soft);
}

.lang-menu li:hover, .lang-menu li[aria-selected="true"]{
  background: var(--color-bg-soft);
}
.header-icon {
  width: 16px; 
  height: 16px;
  flex-shrink: 0;
}
/*.header-text {
  font-size: 0.75rem;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
  transition: color .3s ease;
  margin: 0;
  color: #ffffff;
}
.header-text:hover { 
  color: var(--color-text); 
}*/
.header-bottom {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #ffffff;
  position: relative;
  z-index: 1000;
}
.site-header .mobile-nav a{
  color: var(--color-text);
}

.header-logo,
.main-nav,
.header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-logo {
  position: relative;
  z-index: 1300; /* cao hơn menu-search */
}
.main-nav ul {
  list-style: none;
  display: flex;
  text-transform: uppercase;
  gap: 24px;
  margin: 0;
  padding: 0;
}
.search-icon{
  width:40px; 
  height:auto; 
  padding-right: 6px; 
  display: block; 
  cursor: pointer;
}
.menu-search {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 1200;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 24px;
}
.menu-search form {
  position: relative;
  display: flex;
  align-items: center;
  width: 87%;
}
.menu-search .search-types {
  display: flex;
  gap: 8px;
  margin-right: 16px;
  background: #eee;
  border: none;
  padding: 8px 14px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
}
.menu-search input[type="text"]:focus {
  outline: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25); /* màu khi focus */
}
.menu-search .search-type.active {
  background: var(--color-primary);
  color: #fff;
}

.menu-search input[type="text"] {
  border: none;
  padding-right: 112px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  background: transparent;
  margin-left: 250px;
  width: 100%;
  padding: 8px 14px;
  font-size: 1rem;
  border-radius: 0px;
}
.menu-search input[type="text"]::placeholder {
  color: #888;           /* Đổi màu chữ */
  font-size: 1rem;       /* Đổi cỡ chữ */
  opacity: 1;            /* Độ đậm nhạt, 1 là rõ nhất */
}

.clear-search-btn {
  position: absolute;
  right: 64px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 18px;       /* size của dấu x */
  color: #666;
  cursor: pointer;
  line-height: 1;
  padding: 0;
}

/* Nút submit search (icon kính lúp trong form) */
.submit-search-btn {
  background: none;
  border: none;
  cursor: pointer;
  margin-left: 12px;
}

.submit-search-btn img {
  width: 40px;
  height: auto;
  padding-right: 6px; 
  display: block; 
  cursor: pointer;
}
/* Giữ layout desktop như cũ */
@media (min-width: 992px){
  .header-bottom{ 
    display:flex; 
    align-items:center; 
    gap:16px; 
  }
  .header-logo img.logo-image{ 
    max-height:56px; 
    width:auto; 
  }
  .main-nav ul{ 
    display:flex; 
    gap:24px; 
    list-style:none; 
    margin:0; 
    padding:0; 
  }
  /*menu chính*/
  .main-nav a{ 
    text-decoration:none; 
    color:var(--color-text); 
    padding:10px 6px;
    font-weight: 600;
  }
  .main-nav a:hover{
    color:var(--color-primary); 
    text-decoration:none;
    transition: color .3s ease;
  }
  /*search + contact button*/
  .header-actions{
    display:flex;
    align-items:center; 
    gap:12px; 
    margin-left:auto; 
}
}
/*responsive header*/
/* Nút hamburger (ẩn trên desktop) */
.hamburger{
  display: none;
  width: 40px; 
  height: 40px; 
  border: 0; 
  background: transparent; 
  color: #000;
  border-radius: 10px; margin-left: auto;
  cursor: pointer;
  transition: color .2s;
}
.hamburger:hover {
  color: var(--color-primary);
}
.hamburger svg{ width:35px; height:35px; }

/* Panel mobile và overlay */
.mobile-panel{
  position:fixed; 
  inset:0 auto 0 0; 
  width:84vw; 
  max-width:400px;
  background:#fff; 
  color:var(--color-text);
  transform:translateX(-100%);
  transition:transform .3s ease;
  padding:16px; 
  display:flex; 
  flex-direction:column;
  box-shadow:8px 0 24px rgba(0,0,0,.2); 
  z-index:5000 ;
}

/* Đầu panel mobile */
.mobile-head{ 
  display:flex; 
  align-items:center; 
  justify-content:space-between; 
}
.close-btn{ 
  width:40px; 
  height:40px; 
  border:0; 
  background:transparent; 
  color: var(--color-text); 
  border-radius: 4px; 
}
.close-btn:hover {
  color: var(--color-primary);
  cursor: pointer;
}
.mobile-nav ul{ 
  list-style:none;
  margin:12px 0 0; 
  padding:0; 
  display:flex;
  flex-direction:column; 
  gap:6px; 
}
.mobile-nav a{ 
  display:block; 
  padding:12px; 
  border-radius:0px; 
  background: rgba(255,255,255,.06); 
  color:var(--color-text);
  text-decoration:none;
}
.mobile-nav a:hover, .mobile-nav a:focus{ 
  background: rgba(255,255,255,.12); 
}
.mobile-actions{
  margin-top:auto; 
  display:flex; 
  gap:8px;
  flex-wrap:wrap; 
}
.btn-cta{ 
  background:var(--color-primary); 
  color:#fff; 
  padding:10px 12px; 
  border-radius:4px;
  font-weight:600; 
  text-align:center; 
  width:100%;
  z-index: 1300;
  text-decoration: none;
}

.overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.35);
  z-index:4900 ;
  opacity:0;
  visibility:hidden;
  transition:opacity .2s ease;
}

/* Khi mở menu */
body.is-open .mobile-panel{
  transform:translateX(0); 
}
body.is-open .overlay{
  opacity:1;
  visibility:visible; 
}
body.no-scroll{
  overflow:hidden; 
}
@media (max-width: 1030px){
  .header-logo img.logo-image{ 
    max-height:48px; 
    width:auto;
  }
}
@media (max-width: 1010px){
  .main-nav ul{ 
    gap:8px; 
  }
}

/* Ẩn/hiện theo breakpoint */
@media (max-width: 991.98px){
  .main-nav, .header-actions{ 
    display:none; 
  }
  .hamburger{
    display:inline-flex; 
    align-items:center;
    justify-content:center; 
  }
  .header-bottom{ 
    gap:12px; 
  }
}

/* =========================================================
   MEGA MENU TỪ SUBMENU MẶC ĐỊNH CỦA WP (DESKTOP)
   ========================================================= */
@media (min-width: 992px){

  .main-nav .menu > li{ position: relative; }

  /* Panel chung */
  .main-nav .menu > li > .sub-menu{
    position: absolute;
    left: 0;
    top: calc(100% + 30px); /* cách menu chính */
    background:#fff;
    border-top:1px solid #eee;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    padding:16px 18px;
    z-index: 900;

    opacity:0; visibility:hidden; transform: translateY(6px);
    pointer-events:none;
    transition: opacity .15s ease, transform .15s ease;
  }
  .main-nav .menu > li:hover > .sub-menu,
  .main-nav .menu > li > .sub-menu:hover{
    opacity:1; visibility:visible; transform:none; pointer-events:auto;
  }
  .main-nav .menu > li:hover > a,
  .main-nav .menu > li:focus-within > a{
    color: var(--color-muted);
  }
  .main-nav .menu > li:not(.menu-item-has-children):hover > a,
  .main-nav .menu > li:not(.menu-item-has-children):focus-within > a{
    color: var(--color-primary);
  }
  /* Cầu nối chống rơi hover */
  .main-nav .menu > li > .sub-menu::before{
    content:""; position:absolute; left:0; right:0; top:-26px; height:26px;
  }

  /* =========================
     A) PS = 3 cột như mock
     ========================= */
  .main-nav .menu > li.mega-3col > .sub-menu,
  .main-nav .menu > li.is-mega-ps > .sub-menu{
    width:min(1100px, 94vw);
    display:grid;
    grid-template-columns: fit-content(360px) fit-content(230px) 2fr;
    gap: 0;
    padding:24px 28px;
  }
  /* L2 = tiêu đề cột */
  .main-nav .menu > li.mega-3col > .sub-menu > li > a,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li > a{
    display:block;
    padding:6px 10px 10px 0;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.02em;
    color:var(--text-color);
    text-decoration:none;
    cursor:pointer;
  }
  .main-nav .menu > li.mega-3col > .sub-menu > li > a:hover,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li > a:hover{
    color: var(--color-primary);
  } 
  /* L3 */
  .main-nav .menu > li.mega-3col > .sub-menu > li > .sub-menu,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li > .sub-menu{
    display:grid; gap:8px 0; padding:0; margin:0;
  }
  .main-nav .menu > li.mega-3col > .sub-menu > li > .sub-menu > li > a,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li > .sub-menu > li > a{
    display:block; 
    padding:4px 0;
    font-weight:400; 
    text-transform:none;
    color:var(--text-color);
    text-decoration:none;
  }
  .main-nav .menu > li.mega-3col > .sub-menu > li > .sub-menu > li > a:hover,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li > .sub-menu > li > a:hover{
    color:var(--color-primary);
  }

  /* L4 */
  .main-nav .menu > li.mega-3col > .sub-menu > li > .sub-menu > li > .sub-menu,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li > .sub-menu > li > .sub-menu{
    display:flex;
    gap:6px;
    margin-top:2px;
  }
  .main-nav .menu > li.mega-3col > .sub-menu > li > .sub-menu > li > .sub-menu a,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li > .sub-menu > li > .sub-menu a{
    display:flex;
    align-items: center;
    padding:4px 0;
    gap: 6px;
    font-weight:400;
    font-size:.875rem;
    color:var(--color-muted);
    text-decoration:none;
    text-transform:none;
  }
  .main-nav .menu > li.mega-3col > .sub-menu > li > .sub-menu > li > .sub-menu a:hover,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li > .sub-menu > li > .sub-menu a:hover{
    color:var(--color-primary);
  }
  .main-nav .menu > li.mega-3col 
  > .sub-menu > li > .sub-menu > li > .sub-menu a::before,
  .main-nav .menu > li.is-mega-ps 
  > .sub-menu > li > .sub-menu > li > .sub-menu a::before {
    content: "›";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto; height: 16px;
    color: var(--color-primary);
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
  }
  /* =========================
     B) Các mục KHÁC = dropdown dọc
     ========================= */
  .main-nav .menu > li:not(.mega-3col):not(.is-mega-ps) > .sub-menu{
    min-width: 240px;
    display:block;
    padding:10px 8px;
  }
  .main-nav .menu > li:not(.mega-3col):not(.is-mega-ps) > .sub-menu > li > a{
    display:block; 
    padding:8px 12px; 
    border-radius:none;
    text-decoration:none; color:var(--text-color);
    font-weight:700;
  }
  .main-nav .menu > li:not(.mega-3col):not(.is-mega-ps) > .sub-menu > li > a:hover{
    background:none; color:var(--color-primary);
  }

  /* Ẩn mobile panel ở desktop giữ nguyên như cũ … */

  .main-nav .menu > li.mega-3col > .sub-menu > li.mega-2col > .sub-menu,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li.mega-2col > .sub-menu{
    display: grid;
    grid-template-columns: repeat(2, minmax(190px, 1fr));
    gap: 6px 22px;
    margin-top: 0;
  }

  .main-nav .menu > li.mega-3col > .sub-menu > li:nth-child(3) > .sub-menu,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li:nth-child(3) > .sub-menu{
    display: grid;
    grid-template-columns: repeat(2, minmax(190px, 1fr));
    gap: 6px 0px;
  }

  .main-nav .menu > li.mega-3col > .sub-menu > li.mega-2col > .sub-menu > li,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li.mega-2col > .sub-menu > li,
  .main-nav .menu > li.mega-3col > .sub-menu > li:nth-child(3) > .sub-menu > li,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li:nth-child(3) > .sub-menu > li{
    break-inside: avoid;
  }

  .main-nav .menu > li.mega-3col > .sub-menu > li.mega-2col > .sub-menu > li > .sub-menu,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li.mega-2col > .sub-menu > li > .sub-menu,
  .main-nav .menu > li.mega-3col > .sub-menu > li:nth-child(3) > .sub-menu > li > .sub-menu,
  .main-nav .menu > li.is-mega-ps > .sub-menu > li:nth-child(3) > .sub-menu > li > .sub-menu{
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 2px;
  }

}

/* Ẩn mega trên mobile giữ nguyên */
@media (max-width: 991.98px){
  .main-nav .menu > li.menu-item-has-children > .sub-menu{ 
    display:none !important; 
  }
}

.main-nav .menu > li.mega-3col
> .sub-menu > li > .sub-menu > li > .sub-menu,
.main-nav .menu > li.is-mega-ps
> .sub-menu > li > .sub-menu > li > .sub-menu{
  display: flex;
  flex-direction: column; /* CHỈ THÊM DÒNG NÀY */
  gap: 4px;
}

.main-nav .menu > li.mega-3col > .sub-menu > li:first-child{
  padding-right: 60px;
}
.main-nav .menu > li.mega-3col > .sub-menu > li:nth-child(2){
  padding-right: 60px;
}


/* ===========================
   MOBILE MENU DRILLDOWN (match JS)
   =========================== */
@media (max-width: 991.98px){
  /* Panel layout */
  .mobile-panel{
    display:flex; flex-direction:column;
    height:100dvh; max-height:100dvh;
    padding-bottom:max(16px, env(safe-area-inset-bottom));
    overscroll-behavior:contain;
    background:#fff;
  }
  .mobile-head{
    position:sticky; top:0; z-index:2;
    background:inherit; padding:12px 16px;
  }
  .mobile-actions{
    position:sticky; bottom:0; z-index:2;
    background:inherit; padding:12px 16px;
    box-shadow:0 -6px 12px rgba(0,0,0,.04);
  }

  /* Scroll body */
  .mobile-nav{
    flex:1 1 auto; min-height:0;
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    padding:12px 12px 16px;
    background:#fff;
  }

  /* Mobile search (giữ nguyên style cơ bản) */
  .mobile-search{ padding:12px 16px; }
  .nxg-search__form{ display:flex; margin-bottom:16px; }
  .nxg-search__form input[type="search"]{
    flex:1; padding:10px 12px; border:1px solid #ccc; border-radius:4px 0 0 4px;
  }
  .nxg-search__form button{
    padding:0 16px; background:var(--color-primary); color:#fff;
    border:none; border-radius:0 4px 4px 0; cursor:pointer;
  }
  .nxg-search__form img{ width:20px; height:20px; filter:invert(1); }
  .nxg-search__form input[type="search"]:focus{ outline:none; box-shadow:none; border-color:#ccc; }
  input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance:none; appearance:none;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>") no-repeat center;
    width:16px; height:16px; background-size:12px 12px; cursor:pointer;
  }

  /* Reset list */
  .mobile-nav ul{ list-style:none; margin:0; padding:0; }
  .mobile-nav li{ margin:0; }

  /* Drilldown header (JS inject) */
  .mm-head{
    display:flex; flex-direction:column; align-items:flex-start; gap:8px;
    padding:0 0 12px; position:sticky; top:0; z-index:2; background:inherit;
  }
  .mm-back{ 
    border:none; 
    background:none; 
    cursor:pointer; 
    font-size:.75rem;
    color: var(--color-muted);
    padding-bottom:8px;}
  .mm-back:hover{ color:var(--color-primary); }
  .mm-title{ font-weight:600; font-size:1rem; padding-left:0px; }

  /* ========== ROW HAS CHILDREN: text | arrow (flex two columns) ========== */
  .mobile-nav li.menu-item-has-children{
    display:flex;
    align-items:stretch;                 /* để arrow cao bằng hàng */
    border-bottom:1px solid #eee;        /* line dưới mỗi hàng */
    background:#fff;
  }

  /* Cột trái: anchor (text) */
  .mobile-nav li.menu-item-has-children > a{
    flex:1 1 auto;
    display:flex; align-items:center;
    padding:12px 16px;
    text-decoration:none;
    color:var(--text-color, #222);
    background:transparent;
    transition:background .15s ease;
  }
  /* Hover chỉ vùng chữ */
  .mobile-nav li.menu-item-has-children > a:hover{
    background:var(--color-bg-soft, #f4f6f8);
  }

  /* Cột phải: arrow box (tách riêng) */
  .mobile-nav li.menu-item-has-children > .mm-arrow{
    position:static !important;          /* xoá absolute nếu còn */
    flex:0 0 52px;                       /* độ rộng ô mũi tên */
    display:inline-flex;
    align-items:center;                  /* căn giữa dọc */
    justify-content:center;              /* căn giữa ngang */
    padding:0;
    background:transparent;
    border:none;
    border-left:1px solid #eee;          /* đường ngăn giữa text và arrow */
    cursor:pointer;
    transition:background .15s ease;
  }
  .mobile-nav li.menu-item-has-children > .mm-arrow::before{
    content:"";
    width:8px; height:8px; display:block;
    border-right:2px solid #666; border-top:2px solid #666;
    transform:rotate(45deg);
    transition:border-color .15s ease;
  }
  /* Hover CHỈ ô mũi tên */
  .mobile-nav li.menu-item-has-children > .mm-arrow:hover{
    background:var(--color-bg-soft, #f4f6f8);
  }
  /* Optional: đang mở sâu thì giữ màu icon */
  .mobile-nav li.menu-item-has-children > .mm-arrow[aria-expanded="true"]::before{
    border-color:var(--color-primary, #0a61d0);
  }

  /* Row không có con (lá) */
  .mobile-nav li:not(.menu-item-has-children){
    border-bottom:1px solid #eee;
  }
  .mobile-nav li:not(.menu-item-has-children) > a{
    display:block; padding:12px 16px;
    color:var(--text-color, #222); text-decoration:none;
    background:transparent;
  }
  .mobile-nav li:not(.menu-item-has-children) > a:hover{
    background:var(--color-bg-soft, #f4f6f8);
  }

  /* ===== Submenu reset để không bị style desktop che ===== */
  .mobile-nav .sub-menu,
  .mobile-nav .sub-menu ul{
    position:static !important;
    left:auto !important; top:auto !important; width:auto !important;
    opacity:1 !important; visibility:visible !important; transform:none !important;
    pointer-events:auto !important; box-shadow:none !important; background:transparent !important;
    display:block !important;
  }

  /* ===== Viewport: chỉ hiện UL đang active (JS set [hidden]) ===== */
  .mobile-nav .mm-viewport > ul[hidden]{ display:none !important; }
  .mobile-nav .mm-viewport > ul{ display:block; }


  /* Ẩn/hiện theo thuộc tính hidden do JS set */
  .mobile-nav ul[hidden]{ display:none !important; }

  /* Thanh cuộn */
  .mobile-nav::-webkit-scrollbar{ width:8px; }
  .mobile-nav::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.15); border-radius:8px; }
  .mobile-nav{ scrollbar-width:thin; scrollbar-color:rgba(0,0,0,.15) transparent; }

  /* Logo nhỏ lại (tuỳ) */
  .header-logo img.logo-image{ max-height:56px; width:auto; }
}