/* MENU DÙNG CHUNG (xem menu.js). Màu: xanh lá #557A5E, hồng pastel #FBEFF3, hồng đậm #B8557A. */
header nav.mn-ready{display:flex; align-items:center; gap:18px; position:relative; flex-wrap:nowrap;}
header nav.mn-ready .brand{flex-shrink:0; margin-right:auto;}

.mn-menu{display:flex; align-items:center; gap:4px;}
.mn-top{
  display:inline-flex; align-items:center; gap:6px; padding:10px 15px; border:0; border-radius:999px; background:none; cursor:pointer;
  font:500 15px/1.2 'Be Vietnam Pro', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; color:#1E241B; text-decoration:none; white-space:nowrap;
  transition:background .2s, color .2s;
}
.mn-top svg{transition:transform .2s; opacity:.7;}
.mn-top:hover, .mn-item.open > .mn-top, .mn-item.on > .mn-top, .mn-home.on{background:#FBEFF3; color:#557A5E;}
.mn-item.open > .mn-top svg{transform:rotate(180deg);}
.mn-item{position:relative;}

.mn-dd{
  position:absolute; top:calc(100% + 10px); left:50%; z-index:60; min-width:270px; padding:10px;
  background:#fff; border:1px solid #F1E3E8; border-radius:18px; box-shadow:0 26px 50px -26px rgba(70,30,50,.38);
  opacity:0; visibility:hidden; transform:translate(-50%, 6px); transition:opacity .2s, transform .2s, visibility .2s;
}
.mn-dd::before{content:''; position:absolute; left:0; right:0; top:-12px; height:12px;}   /* cầu nối để rê chuột không bị tắt */
.mn-item.open .mn-dd{opacity:1; visibility:visible; transform:translate(-50%, 0);}
.mn-dd a{display:block; padding:10px 12px; border-radius:12px; text-decoration:none; color:#1E241B;}
.mn-dd a:hover{background:#FBEFF3;}
.mn-dd a b{display:block; font-weight:600; font-size:14.5px; color:#557A5E;}
.mn-dd a small{display:block; margin-top:2px; font-size:12.5px; color:#7A7F72; line-height:1.4;}
.mn-head{padding:8px 12px 4px; font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#B8557A;}
.mn-wide{min-width:560px;}
.mn-cols{display:grid; grid-template-columns:1fr 1fr; gap:4px 10px;}
.mn-all{margin-top:6px; border-top:1px solid #F1E3E8; border-radius:0 0 12px 12px !important; font-weight:600; font-size:14px; color:#B8557A !important; text-align:center;}

.mn-right{display:flex; align-items:center; gap:10px; flex-shrink:0;}
.mn-login, .mn-cta{display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; border-radius:999px; font-weight:600; font-size:14.5px; text-decoration:none; transition:background .2s, color .2s;}
.mn-login{padding:9px 18px; border:1.5px solid #557A5E; color:#557A5E;}
.mn-login:hover{background:#557A5E; color:#fff;}
.mn-cta{padding:11px 20px; background:#557A5E; color:#fff;}
.mn-cta:hover{background:#48694F;}
.mn-mobile-actions{display:none;}

.mn-burger{display:none; width:44px; height:44px; border:1px solid #E4EAE1; border-radius:12px; background:#fff; cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:5px; flex-shrink:0;}
.mn-burger span{display:block; width:20px; height:2px; border-radius:2px; background:#557A5E; transition:transform .25s, opacity .2s;}
nav.mn-open .mn-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
nav.mn-open .mn-burger span:nth-child(2){opacity:0;}
nav.mn-open .mn-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* màn hình vừa: thu gọn khoảng cách */
@media (max-width:1280px) and (min-width:1101px){
  .mn-top{padding:9px 11px; font-size:14.5px;}
  .mn-login{padding:8px 14px;} .mn-cta{padding:10px 16px;}
  header nav.mn-ready{gap:12px;}
}

/* điện thoại + máy tính bảng: nút ☰ mở bảng menu */
@media (max-width:1100px){
  .mn-burger{display:flex;}
  .mn-right{display:none;}
  .mn-menu{
    display:none; position:absolute; top:100%; left:0; right:0; z-index:60; flex-direction:column; align-items:stretch; gap:0;
    background:#fff; border-top:1px solid #F1E3E8; border-bottom:1px solid #F1E3E8; box-shadow:0 30px 40px -30px rgba(70,30,50,.45);
    padding:8px 20px 20px; max-height:calc(100vh - 80px); overflow-y:auto;
  }
  nav.mn-open .mn-menu{display:flex;}
  .mn-top{width:100%; justify-content:space-between; padding:15px 4px; border-radius:0; border-bottom:1px solid #F3ECEE; font-size:16px;}
  .mn-top:hover, .mn-item.open > .mn-top, .mn-item.on > .mn-top, .mn-home.on{background:none;}
  .mn-dd{position:static; transform:none !important; opacity:1; visibility:visible; display:none; box-shadow:none; border:0; padding:4px 0 10px; min-width:0;}
  .mn-item.open .mn-dd{display:block;}
  .mn-dd a{background:#FBF6F8; margin-bottom:6px;}
  .mn-wide{min-width:0;}
  .mn-cols{grid-template-columns:1fr;}
  .mn-mobile-actions{display:flex; flex-direction:column; gap:10px; margin-top:16px;}
  .mn-mobile-actions a{padding:13px 20px; font-size:15.5px;}
}

/* Chỉ hiện logo + khẩu hiệu (ẩn chữ tên cạnh logo — vẫn giữ cho Google / trình đọc màn hình) */
.brand-text .brand-name{position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
.brand-text .brand-tagline{font-size:21px; margin-top:0; line-height:1.2;}
footer .brand-text .brand-tagline{font-size:19px;}
@media (max-width:1280px){ .brand-text .brand-tagline{font-size:19px;} }
@media (max-width:560px){ .brand-text .brand-tagline{font-size:16.5px;} }
@media (max-width:420px){
  header nav.mn-ready{gap:10px;}
  header .brand-mark{width:40px !important; height:40px !important;}
  header .brand{gap:8px;}
  .brand-text .brand-tagline{font-size:14.5px;}
}
@media (max-width:360px){ .brand-text .brand-tagline{font-size:13px;} }