/* ===== Top app bar ===== */
.topbar{
  position:sticky;top:0;z-index:50;height:var(--topbar-h);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 16px;padding-top:env(safe-area-inset-top);
  background:rgba(246,249,252,0.86);
  backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);
  border-bottom:1px solid var(--line);
}
.topbar-actions{display:flex;align-items:center;gap:8px;}

/* ===== Chuyển ngôn ngữ VI/EN — thay chỗ 2 icon tìm kiếm + giỏ hàng cũ ===== */
.lang-switch{
  display:flex;align-items:center;background:#fff;border:1px solid var(--line);
  border-radius:11px;padding:3px;gap:2px;
}
.lang-btn{
  padding:6px 10px;border-radius:8px;font-size:11.5px;font-weight:800;
  font-family:'Plus Jakarta Sans',sans-serif;color:var(--slate-light);
  letter-spacing:0.02em;transition:background .15s,color .15s;
}
.lang-btn.active{background:var(--teal);color:#fff;}
.lang-btn:active{opacity:0.85;}