/* =========================================================
   S00 – HEADER (thanh menu trên cùng)   #header
   ========================================================= */
#header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
#header .nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
#header .menu{display:flex;gap:30px}
#header .menu a{font-size:14.5px;font-weight:500;color:var(--ink)}
#header .menu a:hover{color:var(--g-700)}
#header .menu{align-items:center;gap:36px}
/* Logo bên trái; menu + 2 nút dồn hết sang phải (đã bỏ SĐT trên header) */
#header .menu{margin-left:auto;margin-right:16px}
/* Menu thả xuống "Sản phẩm" */
#header .dd{position:relative}
#header .dd-btn{font:inherit;font-size:14.5px;font-weight:500;color:var(--ink);background:none;border:0;padding:8px 0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
#header .dd-btn svg{transition:transform .2s}
#header .dd:hover .dd-btn,#header .dd.open .dd-btn{color:var(--g-700)}
#header .dd:hover .dd-btn svg,#header .dd.open .dd-btn svg{transform:rotate(180deg)}
#header .dd-menu{position:absolute;top:100%;left:50%;min-width:180px;padding:8px;margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(3,40,28,.14);opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .18s,transform .18s,visibility .18s}
#header .dd-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px} /* cầu nối để rê chuột xuống không bị đóng */
#header .dd:hover .dd-menu,#header .dd.open .dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
#header .dd-menu a{display:block;padding:9px 14px;border-radius:8px;white-space:nowrap}
#header .dd-menu a:hover{background:var(--g-50);color:var(--g-700)}
#header .nav-right{display:flex;align-items:center;gap:18px}
#header .nav-phone{font-size:14px;font-weight:600;color:var(--g-700)}
/* Nút "Tải xuống" (viền xanh) đứng trước nút "Dùng thử ngay" */
#header .nav-right{gap:12px}
#header .nav-phone{margin-right:6px}
#header .nav-dl{display:inline-flex;align-items:center;gap:7px}
#header .nav-dl svg{flex:none}
@media (min-width:1001px) and (max-width:1180px){
  #header .menu{gap:24px}
}

@media (max-width:1000px){
  #header .menu,#header .nav-phone{display:none}
}
@media (max-width:600px){
  #header .nav{height:64px}
  #header .btn{padding:9px 14px;font-size:13px}
  /* Điện thoại: nút Tải xuống chỉ còn icon cho gọn */
  #header .nav-dl{padding:9px 11px}
  #header .nav-dl span{display:none}
}