/* Popup Chuc mung Ngay Phu nu Viet Nam 20.10 — Truong DH San khau - Dien anh Ha Noi */
.p2010-overlay{--gold:#C9A04E;--cream:#F7F0E6;--ink:#16110F;
  position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;
  background:rgba(14,6,7,.75);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  font-family:'Be Vietnam Pro',system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  opacity:0;transition:opacity .4s ease;padding:20px;}
.p2010-overlay.p2010-show{opacity:1;}
.p2010-overlay *{box-sizing:border-box;}

.p2010-dialog{position:relative;width:100%;max-width:880px;aspect-ratio:1672/941;
  border-radius:14px;overflow:hidden;box-shadow:0 50px 140px rgba(0,0,0,.55);
  transform:scale(.94) translateY(18px);transition:transform .5s cubic-bezier(.2,.8,.2,1);
  border:1px solid rgba(201,160,78,.35);}
.p2010-show .p2010-dialog{transform:scale(1) translateY(0);}

.p2010-bg{position:absolute;inset:0;}
.p2010-bg img{display:block;width:100%;height:100%;object-fit:cover;}
.p2010-bg::after{content:'';position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(14,6,7,.88) 0%,rgba(14,6,7,.72) 38%,rgba(14,6,7,.28) 62%,rgba(14,6,7,.08) 100%);}

.p2010-close{position:absolute;top:14px;right:14px;z-index:3;width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(247,240,230,.35);background:rgba(14,6,7,.45);color:var(--cream);
  font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(2px);transition:background .2s;}
.p2010-close:hover{background:rgba(190,30,45,.8);}

.p2010-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;
  padding:5% 6%;max-width:62%;}
.p2010-logo{width:56px;height:56px;object-fit:contain;margin-bottom:14px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.4));}
.p2010-eyebrow{font-family:'JetBrains Mono',monospace;font-size:clamp(9px,2.6vw,13px);letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold);margin-bottom:10px;white-space:nowrap;}
.p2010-title{font-family:'Playfair Display',serif;font-weight:700;font-style:italic;
  font-size:clamp(22px,3.4vw,40px);color:var(--cream);line-height:1.1;margin-bottom:2px;}
.p2010-date{font-family:'Playfair Display',serif;font-weight:900;color:var(--gold);
  font-size:clamp(46px,8.5vw,96px);line-height:1;margin:4px 0 10px;text-shadow:0 10px 40px rgba(0,0,0,.4);}
.p2010-sub{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(16px,2.1vw,24px);
  color:var(--cream);margin-bottom:14px;}
.p2010-rule{width:70px;height:2px;background:var(--gold);margin-bottom:14px;}
.p2010-msg{font-size:clamp(12px,1.35vw,15px);line-height:1.6;color:rgba(247,240,230,.9);max-width:420px;}

@media (max-width:720px){
  .p2010-overlay{padding:0;align-items:flex-end;}
  .p2010-dialog{max-width:none;aspect-ratio:auto;height:92dvh;border-radius:18px 18px 0 0;
    transform:translateY(100%);transition:transform .45s cubic-bezier(.2,.8,.2,1);}
  .p2010-show .p2010-dialog{transform:translateY(0);}
  .p2010-bg img{object-position:30% 50%;}
  .p2010-bg::after{background:linear-gradient(180deg,rgba(14,6,7,.35) 0%,rgba(14,6,7,.55) 38%,rgba(14,6,7,.94) 72%,rgba(14,6,7,.97) 100%);}
  .p2010-content{max-width:100%;justify-content:flex-end;padding:28px 24px calc(32px + env(safe-area-inset-bottom));}
  .p2010-msg{max-width:none;}
}
@media (prefers-reduced-motion:reduce){.p2010-overlay,.p2010-dialog{transition:none;}}