/* =========================================================
   DANANG2NITE — PHASE65 ENGLISH MASTER
   MOBILE SHELL REBUILD
   Scope: header / menu / language / footer only.
   Page body and image-led cards intentionally untouched.
   ========================================================= */

:root{
  --p65-bg:#08080a;
  --p65-panel:#0c0c0f;
  --p65-card:#111114;
  --p65-card-2:#151519;
  --p65-line:rgba(255,255,255,.085);
  --p65-line-strong:rgba(255,255,255,.145);
  --p65-gold:#e4c577;
  --p65-gold-soft:#f3dda2;
  --p65-pink:#ef3a82;
  --p65-text:#f5f1eb;
  --p65-muted:#9a948e;
  --p65-dim:#6d6864;
}

/* ---------- Header: one compact mobile system ---------- */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:2000!important;
  overflow:visible!important;
  padding-top:env(safe-area-inset-top,0)!important;
  border-bottom:1px solid var(--p65-line)!important;
  background:rgba(7,7,9,.985)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.site-header::after{
  content:"";
  position:absolute;
  left:16px;right:16px;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(239,58,130,.34),rgba(228,197,119,.30),transparent);
  pointer-events:none;
}
.site-header__main{
  width:calc(100% - 24px)!important;
  min-height:64px!important;
  margin-inline:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.site-brand{
  min-width:0!important;
  gap:10px!important;
  display:inline-flex!important;
  align-items:center!important;
}
.site-brand__mark{
  width:42px!important;height:40px!important;flex:0 0 42px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(228,197,119,.56)!important;
  border-radius:11px!important;
  transform:none!important;
  background:linear-gradient(145deg,rgba(228,197,119,.09),rgba(239,58,130,.045)),#0d0d10!important;
  color:var(--p65-gold)!important;
  font-size:12px!important;font-style:normal!important;font-weight:950!important;
  letter-spacing:.2px!important;text-shadow:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.site-brand__mark::after{display:none!important}
.site-brand__text{min-width:0!important;display:grid!important;gap:4px!important}
.site-brand__text strong{
  color:#f0dc9a!important;font-size:11.5px!important;line-height:1!important;
  letter-spacing:1.7px!important;white-space:nowrap!important;
}
.site-brand__text small{
  display:block!important;color:#716d70!important;font-size:5.2px!important;
  font-weight:800!important;line-height:1!important;letter-spacing:1.05px!important;white-space:nowrap!important;
}
.site-nav{margin-inline-start:auto!important;display:flex!important;align-items:center!important;gap:7px!important}
.site-nav>a{display:none!important}
.d2n-menu-toggle{
  width:auto!important;min-width:70px!important;height:42px!important;min-height:42px!important;
  padding:0 11px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;
  background:rgba(255,255,255,.025)!important;color:#ddd7d0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.d2n-menu-toggle:focus-visible{outline:2px solid rgba(228,197,119,.72)!important;outline-offset:2px!important}
.d2n-menu-toggle__locale{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:var(--p65-gold)!important;font-size:9px!important;font-weight:950!important;line-height:1!important;letter-spacing:.65px!important;
}
.d2n-menu-toggle__icon{width:17px!important;height:14px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important}
.d2n-menu-toggle__icon i{width:17px!important;height:1px!important;margin:0!important;background:#ded8d0!important;border:0!important}
.d2n-menu-toggle__icon i:last-child{width:12px!important;margin-inline-start:auto!important;background:var(--p65-gold)!important}

/* The failed secondary mobile language strip is removed.
   Languages now live inside the same hamburger drawer. */
.site-language-wrap{display:none!important}

/* ---------- Drawer: fully opaque, no content bleed ---------- */
body.d2n-menu-open{overflow:hidden!important;overscroll-behavior:none!important}
.d2n-side-menu{position:fixed!important;inset:0!important;z-index:4000!important;visibility:hidden!important;pointer-events:none!important}
.d2n-side-menu__backdrop{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  border:0!important;background:rgba(0,0,0,.76)!important;opacity:0!important;
  backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
  transition:opacity .22s ease!important;
}
.d2n-side-menu__panel{
  position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;
  overflow:auto!important;overscroll-behavior:contain!important;
  border:0!important;background:var(--p65-bg)!important;
  box-shadow:none!important;transform:translateX(102%)!important;
  transition:transform .28s cubic-bezier(.22,.76,.2,1)!important;
}
html[dir="rtl"] .d2n-side-menu__panel{transform:translateX(-102%)!important}
.d2n-side-menu.is-open{visibility:visible!important;pointer-events:auto!important}
.d2n-side-menu.is-open .d2n-side-menu__backdrop{opacity:1!important}
.d2n-side-menu.is-open .d2n-side-menu__panel,
html[dir="rtl"] .d2n-side-menu.is-open .d2n-side-menu__panel{transform:translateX(0)!important}

.d2n-side-menu__head{
  position:sticky!important;top:0!important;z-index:10!important;
  min-height:68px!important;padding:env(safe-area-inset-top,0) 14px 0!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  border-bottom:1px solid var(--p65-line)!important;background:rgba(8,8,10,.985)!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
.d2n-side-menu__brand{min-width:0!important;gap:9px!important;display:flex!important;align-items:center!important;text-decoration:none!important}
.d2n-side-menu__brand-mark{
  width:39px!important;height:37px!important;flex:0 0 39px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(228,197,119,.52)!important;border-radius:10px!important;
  transform:none!important;background:#0e0e11!important;color:var(--p65-gold)!important;
  font-size:11px!important;font-style:normal!important;font-weight:950!important;
}
.d2n-side-menu__brand>span:last-child{display:grid!important;gap:4px!important;min-width:0!important}
.d2n-side-menu__brand strong{color:#f0dc9a!important;font-size:10px!important;line-height:1!important;letter-spacing:1.5px!important}
.d2n-side-menu__brand small{color:#6f6a6d!important;font-size:5px!important;line-height:1!important;letter-spacing:.85px!important}
.d2n-side-menu__close{
  width:40px!important;height:40px!important;flex:0 0 40px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:50%!important;
  background:rgba(255,255,255,.018)!important;color:#d7d1ca!important;
}
.d2n-side-menu__close i{width:18px!important;height:18px!important}
.d2n-side-menu__close i::before,.d2n-side-menu__close i::after{left:2px!important;top:8px!important;width:14px!important;height:1px!important;background:currentColor!important}
.d2n-side-menu__close:focus-visible{outline:2px solid rgba(228,197,119,.72)!important;outline-offset:2px!important}

.d2n-side-menu__body{padding:0 0 max(18px,env(safe-area-inset-bottom,0))!important}
.d2n-side-menu__primary,.d2n-side-menu__categories,.d2n-side-menu__languages,.d2n-side-menu__identity{
  padding:18px 14px!important;border-bottom:1px solid var(--p65-line)!important;
}
.d2n-side-menu__eyebrow,.d2n-side-menu__section-head>span{
  color:#9f8d61!important;font-size:7px!important;font-weight:950!important;line-height:1!important;letter-spacing:1.1px!important;text-transform:uppercase!important;
}
.d2n-side-menu__section-head{min-height:18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.d2n-side-menu__section-head>strong{
  min-width:27px!important;height:21px!important;padding:0 7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(228,197,119,.15)!important;border-radius:999px!important;color:#857754!important;
  font-size:6.5px!important;font-weight:900!important;letter-spacing:.6px!important;
}

/* Main links: compact premium rows */
.d2n-side-menu__primary-nav{margin-top:11px!important;display:grid!important;gap:7px!important}
.d2n-side-menu__primary-nav a{
  min-height:52px!important;padding:0 13px!important;display:grid!important;grid-template-columns:26px minmax(0,1fr) 24px!important;
  align-items:center!important;gap:9px!important;border:1px solid var(--p65-line)!important;border-radius:12px!important;
  background:var(--p65-card)!important;color:#ddd8d2!important;text-decoration:none!important;overflow:hidden!important;
}
.d2n-side-menu__primary-nav a:first-child{border-top:1px solid var(--p65-line)!important}
.d2n-side-menu__primary-nav a::before{display:none!important}
.d2n-side-menu__primary-nav a>span{color:#716b67!important;font-size:7px!important;font-weight:900!important;letter-spacing:.6px!important}
.d2n-side-menu__primary-nav a>strong{min-width:0!important;color:#ddd8d2!important;font-size:13px!important;font-weight:820!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.d2n-side-menu__primary-nav a>i{color:#766e68!important;font-size:11px!important;font-style:normal!important;text-align:end!important}
.d2n-side-menu__primary-nav a.is-active{
  padding-inline-start:13px!important;border-color:rgba(228,197,119,.32)!important;
  background:linear-gradient(90deg,rgba(228,197,119,.08),rgba(239,58,130,.035)),var(--p65-card)!important;
  box-shadow:inset 3px 0 0 rgba(239,58,130,.72)!important;
}
.d2n-side-menu__primary-nav a.is-active>span,.d2n-side-menu__primary-nav a.is-active>i{color:var(--p65-gold)!important}
.d2n-side-menu__primary-nav a.is-active>strong{color:#fff!important}

/* Categories: two clean columns, no oversized decorations */
.d2n-side-menu__category-grid{margin-top:11px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.d2n-side-menu__category-grid a{
  min-width:0!important;min-height:48px!important;padding:9px 10px!important;display:grid!important;
  grid-template-columns:20px minmax(0,1fr) 14px!important;align-items:center!important;gap:7px!important;
  border:1px solid var(--p65-line)!important;border-radius:11px!important;background:#0f0f12!important;color:#cbc5bf!important;text-decoration:none!important;
}
.d2n-side-menu__category-grid a>span{color:#716b67!important;font-size:6px!important;font-weight:900!important}
.d2n-side-menu__category-grid a>strong{min-width:0!important;color:#cfc9c2!important;font-size:9px!important;font-weight:780!important;line-height:1.18!important;white-space:normal!important;overflow-wrap:anywhere!important}
.d2n-side-menu__category-grid a>i{color:#706a65!important;font-size:8px!important;font-style:normal!important;text-align:end!important}

/* Languages: horizontal text only; simple two-column list. */
.d2n-side-menu__language-grid{margin-top:11px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.d2n-side-menu__language{
  min-width:0!important;min-height:51px!important;padding:8px 9px!important;display:grid!important;
  grid-template-columns:24px minmax(0,1fr) 16px!important;align-items:center!important;gap:7px!important;
  border:1px solid var(--p65-line)!important;border-radius:11px!important;background:#0f0f12!important;color:#bdb7b0!important;text-decoration:none!important;
  writing-mode:horizontal-tb!important;word-break:keep-all!important;
}
.d2n-side-menu__language>b{font-size:15px!important;font-weight:400!important;line-height:1!important;text-align:center!important}
.d2n-side-menu__language>span{min-width:0!important;display:grid!important;gap:3px!important;writing-mode:horizontal-tb!important}
.d2n-side-menu__language strong{color:#ddd7d0!important;font-size:8px!important;font-weight:950!important;line-height:1!important;letter-spacing:.6px!important;white-space:nowrap!important}
.d2n-side-menu__language small{
  display:block!important;min-width:0!important;color:#7c7671!important;font-size:7px!important;font-weight:650!important;line-height:1.2!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;writing-mode:horizontal-tb!important;
}
.d2n-side-menu__language>i{color:#6f6964!important;font-size:8px!important;font-style:normal!important;text-align:end!important}
.d2n-side-menu__language.is-active{
  border-color:rgba(228,197,119,.36)!important;background:linear-gradient(135deg,rgba(228,197,119,.085),rgba(239,58,130,.04)),#111114!important;
}
.d2n-side-menu__language.is-active strong,.d2n-side-menu__language.is-active>i{color:var(--p65-gold)!important}
.d2n-side-menu__language.is-active small{color:#b8aa86!important}

/* Brand footer: intentionally small. */
.d2n-side-menu__identity{
  position:relative!important;min-height:0!important;padding-top:14px!important;padding-bottom:16px!important;
  background:#09090b!important;border-bottom:0!important;
}
.d2n-side-menu__identity::before,.d2n-side-menu__identity-mark{display:none!important}
.d2n-side-menu__identity-top{display:flex!important;justify-content:space-between!important;gap:10px!important;color:#625e5b!important;font-size:5.5px!important;font-weight:900!important;letter-spacing:.7px!important}
.d2n-side-menu__identity-copy{margin-top:9px!important;display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important}
.d2n-side-menu__identity-copy strong{flex:0 0 auto!important;color:#a99565!important;font-size:8px!important;font-weight:900!important;letter-spacing:.9px!important}
.d2n-side-menu__identity-copy p{margin:0!important;max-width:250px!important;color:#6f6965!important;font-size:7px!important;line-height:1.45!important;text-align:end!important}

/* ---------- Footer: readable but not oversized ---------- */
.site-footer{
  margin-top:22px!important;padding:25px 0 max(20px,env(safe-area-inset-bottom,0))!important;
  border-top:1px solid var(--p65-line)!important;background:#08080a!important;
}
.site-footer::before{top:-1px!important;opacity:.8!important}
.site-footer__grid{width:calc(100% - 24px)!important;margin-inline:auto!important;display:grid!important;gap:18px!important}
.site-brand--footer{gap:8px!important}
.site-brand--footer .site-brand__mark{width:34px!important;height:32px!important;flex-basis:34px!important;border-radius:9px!important;font-size:9px!important}
.site-brand--footer .site-brand__text strong{font-size:10px!important;letter-spacing:1.3px!important}
.site-footer p{margin:9px 0 0!important;color:#7f7974!important;font-size:8px!important;line-height:1.55!important}
.site-footer__right{display:grid!important;gap:12px!important}
.site-counter{border:1px solid var(--p65-line)!important;border-radius:12px!important;background:#0d0d10!important;overflow:hidden!important}
.site-counter>div{padding:10px 8px!important}
.site-counter span{color:#77716d!important;font-size:5.5px!important;letter-spacing:.55px!important}
.site-counter strong{margin-top:1px!important;color:#e5dfd7!important;font-size:15px!important;line-height:1!important}
.site-footer nav{display:flex!important;gap:16px!important;flex-wrap:wrap!important}
.site-footer nav a{color:#98918b!important;font-size:8px!important;font-weight:800!important;text-decoration:none!important}

@media(max-width:390px){
  .site-header__main,.site-footer__grid{width:calc(100% - 18px)!important}
  .site-brand__text strong{font-size:10.5px!important;letter-spacing:1.35px!important}
  .site-brand__text small{font-size:4.7px!important;letter-spacing:.8px!important}
  .d2n-menu-toggle{min-width:64px!important;padding-inline:10px!important;gap:8px!important}
  .d2n-side-menu__category-grid,.d2n-side-menu__language-grid{gap:6px!important}
  .d2n-side-menu__language{padding-inline:7px!important;grid-template-columns:21px minmax(0,1fr) 13px!important;gap:5px!important}
  .d2n-side-menu__language small{font-size:6.5px!important}
}

@media(max-width:340px){
  .d2n-side-menu__category-grid,.d2n-side-menu__language-grid{grid-template-columns:1fr!important}
}