/* Popup chon vung tren moi trang (11/10/2026), chep tu css/region.css phan .rg-modal */
/* hop chao (tu nhan dien vung) */
.rg-modal{ position:fixed; inset:0; z-index:300; display:flex; align-items:center; justify-content:center; padding:20px;
  background:rgba(20,24,30,.55); }
.rg-modal[hidden]{ display:none; }
.rg-modal__panel{ position:relative; width:100%; max-width:620px; background:#fff; padding:72px 80px 60px; text-align:center; }
.rg-modal__x{ position:absolute; top:26px; right:26px; width:28px; height:28px; padding:0; border:0; background:none; cursor:pointer; }
.rg-modal__x::before,.rg-modal__x::after{ content:""; position:absolute; left:4px; top:13px; width:20px; height:1.5px; background:var(--c-ink); }
.rg-modal__x::before{ transform:rotate(45deg); }
.rg-modal__x::after{ transform:rotate(-45deg); }
.rg-modal h2{ margin:0 0 26px; font-family:'Cormorant Garamond', var(--serif); font-weight:400; font-size:34px; color:var(--c-navy); }
.rg-modal p{ margin:0 auto 36px; max-width:420px; font-size:16px; line-height:1.5; color:var(--c-muted); }
.rg-btn{ display:block; width:100%; height:56px; border:0; border-radius:4px; background:var(--c-champ); color:var(--c-navy);
  font:inherit; font-size:16px; font-weight:600; cursor:pointer; }
.rg-btn:hover{ filter:brightness(.97); }
.rg-link{ margin-top:30px; padding:0 0 3px; border:0; border-bottom:1px solid currentColor; background:none; font:inherit; font-size:16px;
  color:var(--c-navy); cursor:pointer; }

body.rg--modal{ overflow:hidden; }
@media (max-width: 640px){
  .rg-modal__panel{ padding:58px 24px 40px; }
  .rg-modal h2{ font-size:28px; margin-bottom:18px; }
  .rg-modal p{ font-size:15px; margin-bottom:28px; }
}