:root{
  --ground:#0A0908;
  --surface:#131110;
  --surface-2:#1C1815;
  --line:rgba(227,188,92,.15);
  --line-strong:rgba(227,188,92,.32);
  --gold:#E3BC5C;
  --gold-deep:#A9761B;
  --gold-light:#F6E7AE;
  --text:#EFE9DD;
  --muted:#A0968A;
  --alert:#E0553B;
  --maxw:1080px;
  --gradient:linear-gradient(100deg,#A9761B 0%,#E3BC5C 38%,#F6E7AE 62%,#C99A2E 100%);
}
*{box-sizing:border-box}
body{
  background:var(--ground);
  color:var(--text);
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;line-height:1.7;margin:0;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--gold)}
h1,h2,h3,h4{font-family:Archivo,"Be Vietnam Pro",system-ui,sans-serif;text-wrap:balance;margin:0;line-height:1.14;letter-spacing:-.015em}
h1{font-size:clamp(2.1rem,5.6vw,4rem);font-weight:800}
h2{font-size:clamp(1.6rem,3.6vw,2.55rem);font-weight:800}
h3{font-size:clamp(1.15rem,2.1vw,1.45rem);font-weight:700}
p{margin:0}

/* ---------- layout ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
section{padding:76px 0;border-top:1px solid var(--line)}
section.tight{padding:56px 0}
.stack{display:flex;flex-direction:column;gap:22px}
.stack-lg{display:flex;flex-direction:column;gap:38px}
.lede{font-size:clamp(1.05rem,1.9vw,1.28rem);color:#DCD4C6;max-width:64ch;line-height:1.62}
.muted{color:var(--muted)}
.small{font-size:.86rem;line-height:1.6}

.eyebrow{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:18px;
}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--line-strong)}

.goldtext{
  background:var(--gradient);-webkit-background-clip:text;background-clip:text;
  color:transparent;
}

/* ---------- sticky bar ---------- */
#bar{
  position:sticky;top:0;z-index:60;
  background:rgba(10,9,8,.93);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line-strong);
}
#bar .wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:11px;padding-bottom:11px}
#bar .lbl{font-family:"JetBrains Mono",monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
#bar .clock{font-family:"JetBrains Mono",monospace;font-weight:700;font-size:1rem;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.02em}
#bar .seats{margin-left:auto;font-size:.83rem;color:var(--muted)}
#bar .btn{padding:9px 18px;font-size:.83rem}
@media(max-width:640px){#bar .seats{display:none}#bar .wrap{gap:12px}}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:Archivo,sans-serif;font-weight:700;font-size:1rem;
  padding:16px 30px;border-radius:2px;border:0;cursor:pointer;
  background:var(--gradient);color:#14100A;text-decoration:none;
  letter-spacing:.01em;transition:transform .16s ease,box-shadow .16s ease;
  box-shadow:0 0 0 rgba(227,188,92,0);
}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -12px rgba(227,188,92,.6)}
.btn:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}
.btn-ghost{
  background:none;color:var(--gold);border:1px solid var(--line-strong);
  box-shadow:none;
}
.btn-ghost:hover{background:rgba(227,188,92,.07);box-shadow:none}
.btn-lg{font-size:1.1rem;padding:19px 38px}
.cta-note{font-size:.85rem;color:var(--muted);margin-top:12px}
.btnrow{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* ---------- hero ---------- */
#hero{border-top:0;padding-top:60px;position:relative;overflow:hidden}
#hero::before{
  content:"";position:absolute;inset:-40% 30% auto -20%;height:620px;
  background:radial-gradient(ellipse at 30% 30%,rgba(169,118,27,.22),transparent 62%);
  pointer-events:none;
}
#hero .wrap{position:relative}
.logo{width:88px;height:88px;border-radius:3px;margin-bottom:30px}
.hero-sub{font-size:clamp(1.02rem,2vw,1.22rem);color:#D8D0C1;max-width:60ch;line-height:1.65;margin-top:24px}

.clockbig{
  display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin:34px 0 10px;
}
.cell{
  background:var(--surface);border:1px solid var(--line-strong);border-radius:3px;
  padding:16px 30px;min-width:150px;text-align:center;
}
.cell b{
  display:block;font-family:"JetBrains Mono",monospace;font-weight:700;
  font-size:clamp(2.6rem,7vw,4rem);color:var(--gold);
  font-variant-numeric:tabular-nums;line-height:1;
  text-shadow:0 0 30px rgba(227,188,92,.36);
}
.cell span{
  display:block;margin-top:6px;
  font-family:"JetBrains Mono",monospace;font-size:.7rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--muted);
}
.clock-cap{font-family:"JetBrains Mono",monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}

.trust{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);margin-top:52px;
}
.trust div{background:var(--ground);padding:22px 18px}
.trust b{display:block;font-family:Archivo,sans-serif;font-weight:800;font-size:1.75rem;color:var(--gold);line-height:1;margin-bottom:8px}
.trust span{font-size:.83rem;color:var(--muted);line-height:1.5;display:block}
@media(max-width:760px){.trust{grid-template-columns:1fr}}

/* ---------- gift cards ---------- */
.gifts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:940px){.gifts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.gifts{grid-template-columns:1fr}}
.gift{
  background:var(--surface);border:1px solid var(--line);border-radius:3px;
  padding:24px 20px 22px;position:relative;display:flex;flex-direction:column;gap:11px;
}
.gift::before{
  content:"";position:absolute;top:0;left:20px;right:20px;height:2px;background:var(--gradient);
}
.gift .no{
  font-family:"JetBrains Mono",monospace;font-size:.68rem;letter-spacing:.16em;
  color:var(--gold-deep);text-transform:uppercase;
}
.gift h3{font-size:1.05rem;line-height:1.25}
.gift p{font-size:.9rem;color:var(--muted);line-height:1.62}
.gift .thumb{
  height:96px;border:1px dashed var(--line-strong);border-radius:2px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:"JetBrains Mono",monospace;font-size:.62rem;letter-spacing:.1em;
  color:rgba(160,150,138,.75);text-transform:uppercase;padding:8px;
}

/* ---------- generic panels ---------- */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:30px 28px}
.panel-quote{
  border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(227,188,92,.07),transparent 70%);
  padding:24px 26px;border-radius:0;
}
.panel-quote p{font-size:1.12rem;line-height:1.6}

.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:820px){.two{grid-template-columns:1fr}}

.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.checklist li{padding-left:26px;position:relative;font-size:.95rem;line-height:1.6;color:#D6CEC0}
.checklist li::before{content:"—";position:absolute;left:0;color:var(--gold-deep)}
.checklist.yes li::before{content:"✓";color:var(--gold)}
.checklist.no li::before{content:"✕";color:var(--alert)}

/* ---------- tables ---------- */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:3px}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem}
th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.55}
thead th{
  font-family:"JetBrains Mono",monospace;font-size:.68rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold);background:var(--surface-2);font-weight:400;
}
tbody tr:last-child td{border-bottom:0}
td.hi{color:var(--text)}
td.lo{color:var(--muted)}
.tag{
  display:inline-block;font-family:"JetBrains Mono",monospace;font-size:.66rem;
  letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:2px;
  border:1px solid var(--line-strong);color:var(--gold);
}

/* ---------- framework ---------- */
.canton{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:3px;overflow:hidden}
.step{display:grid;grid-template-columns:64px 1fr 1fr;gap:0;border-bottom:1px solid var(--line)}
.step:last-child{border-bottom:0}
.step .k{
  background:var(--surface-2);display:flex;align-items:center;justify-content:center;
  font-family:Archivo,sans-serif;font-weight:800;font-size:1.5rem;
  background-image:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.step .a{padding:18px 18px;font-weight:600;border-left:1px solid var(--line)}
.step .b{padding:18px 18px;color:var(--muted);font-size:.92rem;border-left:1px solid var(--line)}
@media(max-width:760px){
  .step{grid-template-columns:52px 1fr}
  .step .b{grid-column:2;padding-top:0;border-left:1px solid var(--line)}
}

/* ---------- reasons ---------- */
.reason{display:flex;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}
.reason:last-child{border-bottom:0}
.reason .n{
  font-family:Archivo,sans-serif;font-weight:800;font-size:1.5rem;flex:0 0 auto;width:40px;
  background-image:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2;
}
.reason h3{margin-bottom:9px}
.reason p{color:var(--muted);font-size:.96rem}
.reason p em{color:#D6CEC0;font-style:normal}

/* ---------- itinerary ---------- */
.day{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.day:last-child{border-bottom:0}
.day .when{
  font-family:"JetBrains Mono",monospace;font-size:.74rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gold);padding-top:4px;
}
.day h3{font-size:1.1rem;margin-bottom:8px}
.day p{color:var(--muted);font-size:.94rem}
@media(max-width:700px){.day{grid-template-columns:1fr;gap:8px}}

/* ---------- price ---------- */
.pricebox{
  border:1px solid var(--line-strong);border-radius:3px;overflow:hidden;
  background:linear-gradient(165deg,rgba(227,188,92,.08),transparent 55%),var(--surface);
}
.pricebox .top{padding:34px 30px;border-bottom:1px solid var(--line)}
.pricebox .amt{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3rem);line-height:1}
.pricebox .bot{padding:26px 30px;display:flex;flex-direction:column;gap:14px}
.incl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
@media(max-width:760px){.incl{grid-template-columns:1fr}}
.incl li{padding-left:24px;position:relative;font-size:.92rem;color:#D6CEC0;line-height:1.55}
.incl li::before{content:"✓";position:absolute;left:0;color:var(--gold)}
.incl li.gift-line{color:var(--gold-light)}
.incl li.gift-line::before{content:"🎁";font-size:.85rem}

/* ---------- steps ---------- */
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:760px){.flow{grid-template-columns:1fr}}
.flow div{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:22px 20px}
.flow b{
  display:block;font-family:"JetBrains Mono",monospace;font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);margin-bottom:10px;
}
.flow p{font-size:.92rem;color:var(--muted)}

/* ---------- faq ---------- */
details{border-bottom:1px solid var(--line)}
summary{
  cursor:pointer;padding:20px 40px 20px 0;font-weight:600;font-size:1.01rem;
  position:relative;list-style:none;line-height:1.5;
}
summary::-webkit-details-marker{display:none}
summary::after{
  content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);
  color:var(--gold);font-family:"JetBrains Mono",monospace;font-size:1.3rem;transition:transform .2s;
}
details[open] summary::after{content:"−"}
summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
details .ans{padding:0 0 22px;color:var(--muted);font-size:.96rem;max-width:70ch}

/* ---------- forms ---------- */
.form{background:var(--surface);border:1px solid var(--line-strong);border-radius:3px;padding:32px 30px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
label{font-family:"JetBrains Mono",monospace;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}
input,select,textarea{
  background:var(--ground);border:1px solid var(--line-strong);color:var(--text);
  padding:13px 14px;border-radius:2px;font-family:inherit;font-size:.98rem;width:100%;
}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}
textarea{min-height:92px;resize:vertical;line-height:1.55}
.privacy{font-size:.82rem;color:var(--muted);margin-top:14px;display:flex;gap:8px;align-items:flex-start}

/* ---------- widget slot ---------- */
.slot{
  border:1px dashed var(--line-strong);border-radius:3px;padding:44px 26px;text-align:center;
  background:repeating-linear-gradient(45deg,rgba(227,188,92,.025) 0 12px,transparent 12px 24px);
}
.slot code{
  font-family:"JetBrains Mono",monospace;font-size:.82rem;color:var(--gold);
  display:block;margin-bottom:10px;letter-spacing:.05em;
}
.slot p{font-size:.87rem;color:var(--muted)}

/* ---------- modal ---------- */
#veil{
  position:fixed;inset:0;background:rgba(6,5,4,.86);backdrop-filter:blur(6px);
  z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;
}
#veil[hidden]{display:none!important}
.modal{
  background:var(--surface);border:1px solid var(--line-strong);border-radius:3px;
  max-width:520px;width:100%;padding:34px 30px;position:relative;
  max-height:90vh;overflow-y:auto;
}
.modal .x{
  position:absolute;top:12px;right:14px;background:none;border:0;color:var(--muted);
  font-size:1.5rem;cursor:pointer;line-height:1;padding:6px;
}
.modal .x:hover{color:var(--gold)}
.modal .kicker{
  font-family:"JetBrains Mono",monospace;font-size:.68rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);margin-bottom:12px;
}
.modal h2{font-size:1.5rem;margin-bottom:12px}
.skip{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font-family:inherit;font-size:.86rem;padding:8px}
.skip:hover{color:var(--gold)}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--line);padding:44px 0 60px;color:var(--muted);font-size:.86rem}
footer .wrap{display:flex;flex-direction:column;gap:10px}

/* ---------- editor notes ---------- */
.note{
  border-left:2px solid var(--alert);background:rgba(224,85,59,.07);
  padding:14px 18px;font-size:.85rem;color:#E6BDB2;border-radius:0 2px 2px 0;line-height:1.6;
}
.note b{color:var(--alert)}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .btn{transition:none}
  .btn:hover{transform:none}
}

/* ===== BO SUNG v3 ===== */
.gift .thumb.has-img{height:150px;border:1px solid var(--line-strong);border-radius:2px;overflow:hidden;padding:0;display:block;background:var(--ground)}
.gift .thumb.has-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.portrait{border:1px solid var(--line-strong);border-radius:3px;overflow:hidden;background:var(--ground)}
.portrait img{width:100%;height:100%;object-fit:cover;display:block}
.badge{display:inline-block;background:var(--gradient);color:#14100A;font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:7px 12px;border-radius:2px;margin-bottom:15px}
.lines{margin-top:18px;padding:15px 18px;border-left:2px solid var(--gold);background:rgba(227,188,92,.06)}
.lines-title{font-weight:700;color:var(--gold-light);margin-bottom:9px}
.lines p{font-size:.93rem;line-height:1.75;color:#D6CEC0}

/* ===== BO SUNG v4 — chu ro va to hon, nhat la tren dien thoai ===== */

/* Theme dat h1..h6 mau #222 (gan den) nen tieu de chim vao nen den.
   Dung "body h1..." de chac chan thang quy tac cua theme. */
body h1, body h2, body h3, body h4, body h5, body h6 { color: var(--text) }

/* Xam nhat -> sang hon mot chut cho de doc */
:root { --muted: #B3A899 }

/* --- Cac nhan chu nho: keo to len --- */
.eyebrow      { font-size: .82rem }
.tag          { font-size: .78rem }
.badge        { font-size: .74rem }
.modal .kicker{ font-size: .80rem }
.clock-cap    { font-size: .82rem }
.day .when    { font-size: .84rem }
.cell span    { font-size: .80rem }
label         { font-size: .84rem }
thead th      { font-size: .82rem }
.gift .no     { font-size: .78rem }
.gift .thumb  { font-size: .72rem }
.flow b       { font-size: .84rem }
.slot code    { font-size: .86rem }
#bar .lbl     { font-size: .76rem }
#bar .seats   { font-size: .90rem }
#bar .btn     { font-size: .90rem }

/* --- Cac doan van: keo to len --- */
.small        { font-size: .94rem }
.privacy      { font-size: .90rem }
.slot p       { font-size: .94rem }
.cta-note     { font-size: .92rem }
.trust span   { font-size: .92rem }
.skip         { font-size: .92rem }
footer        { font-size: .92rem }
table         { font-size: .98rem }
.gift p       { font-size: .96rem }
.flow p       { font-size: .98rem }
.step .b      { font-size: .98rem }
.incl li      { font-size: .98rem }
.lines p      { font-size: .98rem }
.day p        { font-size: .98rem }

/* --- Tren dien thoai day them mot nac nua --- */
@media (max-width: 640px) {
  .eyebrow    { font-size: .86rem; letter-spacing: .11em }
  .tag        { font-size: .80rem }
  thead th    { font-size: .86rem }
  .small      { font-size: .97rem }
  .privacy    { font-size: .93rem }
  footer      { font-size: .95rem }
  .gift p, .flow p, .incl li, .step .b, .lines p, .day p, table { font-size: 1rem }
  .clock-cap  { font-size: .86rem }
  .day .when  { font-size: .88rem }
}


/* v5 */
/* Bôi đậm nhãn QUÀ 01..04 */
.gift .no { font-weight: 700; color: var(--gold) }

/* v6 */
/* ---------- Hai mức giá trọn gói ---------- */
.gia2      { display:flex; flex-direction:column; gap:7px; margin-top:6px }
.gia-hang  { display:flex; align-items:baseline; gap:14px; flex-wrap:wrap }
.gia-nhan  { font-family:"JetBrains Mono",ui-monospace,monospace; font-size:.74rem;
             letter-spacing:.16em; text-transform:uppercase; color:var(--muted); min-width:106px }
.gia-so    { font-family:Archivo,"Be Vietnam Pro",sans-serif; font-weight:800;
             font-size:clamp(1.5rem,4.2vw,2.15rem); line-height:1.1; letter-spacing:-.015em }
@media(max-width:640px){ .gia-nhan{ min-width:92px; font-size:.7rem } }

/* ---------- Hai line khởi hành: thẻ bấm mở ---------- */
.line-o    { border:1px solid var(--line-strong); border-radius:3px; background:var(--surface);
             margin-top:11px; overflow:hidden; transition:border-color .18s ease }
.line-o:hover { border-color:var(--gold) }
.line-o > summary { list-style:none; cursor:pointer; padding:14px 16px;
             display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px }
.line-o > summary::-webkit-details-marker { display:none }
.line-o > summary:focus-visible { outline:2px solid var(--gold); outline-offset:2px }
.line-ten  { font-weight:700; color:var(--text) }
.line-gia  { font-weight:700; color:var(--gold) }
.line-xem  { flex-basis:100%; font-size:.88rem; color:var(--muted); display:flex; align-items:center; gap:7px }
.line-xem::after { content:"\203A"; font-size:1.15rem; line-height:1; transition:transform .2s ease }
.line-o[open] .line-xem::after { transform:rotate(90deg) }
.line-ct   { padding:14px 16px 16px; margin-top:2px; border-top:1px solid var(--line);
             font-size:.95rem; color:var(--muted) }
@media(prefers-reduced-motion:reduce){ .line-xem::after, .line-o { transition:none } }

/* v7 — chỉnh công cụ tra cứu */
/* Bỏ dòng nguồn ở chân công cụ (JS cũng đã xoá, đây là lớp phòng thứ hai) */
#cf-tra-cuu .cf-chan, #cfChan { display:none !important }

/* Điện thoại: 4 ô kỳ song song, rộng bằng nhau */
@media (max-width:640px){
  #cf-tra-cuu .cf-tabs { display:grid !important; grid-template-columns:repeat(4,1fr); gap:6px }
  #cf-tra-cuu .cf-tab  { min-width:0; text-align:center; padding:9px 4px; font-size:12.5px; line-height:1.2 }
  #cf-tra-cuu .cf-tab small { display:block; font-size:9.5px; line-height:1.25; margin-top:3px; white-space:normal }
}

/* v8 — nhãn nhỏ chữ hoa: siết giãn + gạch dẫn phía trước (phương án B) */
.eyebrow          { letter-spacing:.09em; font-weight:500; gap:10px }
.eyebrow::after   { display:none }
.eyebrow::before  { content:""; width:26px; height:1px; background:var(--gold); flex:none }

/* Các nhãn chữ hoa khác cũng đang giãn quá rộng — kéo về cùng một mức */
.cell span        { letter-spacing:.10em }
#bar .lbl         { letter-spacing:.10em }
.modal .kicker    { letter-spacing:.10em }
.gift .no         { letter-spacing:.10em }
.flow b           { letter-spacing:.10em }
.badge            { letter-spacing:.10em }
.gia-nhan         { letter-spacing:.10em }

@media (max-width:640px){
  .eyebrow         { letter-spacing:.09em }
  .eyebrow::before { width:20px }
}

/* v9 — CỠ CHỮ NỀN */
/* Cả file dùng rem cho 101 cỡ chữ, mà rem tính theo <html> (mặc định 16px),
   không theo body{font-size:17px}. Nên mọi cỡ chữ đang nhỏ hơn ý đồ ~6%,
   nhiều lớp còn để dưới 1rem nên rơi xuống 15px — nhỏ hơn trang chủ 3px.
   rem trong file này CHỈ dùng cho cỡ chữ, không dùng cho khoảng cách,
   nên nâng cỡ nền chỉ phóng to chữ, không xê dịch bố cục. */
html { font-size: 18px }
body { font-size: 1rem }

/* ── gl140-an-menu-flatsome (04/09/2026) ─────────────────────────────────
   Flatsome nhét menu di động (#main-menu) vào cuối trang qua wp_footer().
   Trang này gỡ hết CSS của theme nên khối .mfp-hide không còn bị ẩn,
   menu đổ ra thành danh sách dài lê thê ở chân trang. Ẩn hẳn nó đi.
   Muốn trả lại: xoá khối này. */
#main-menu,.mobile-sidebar,.mfp-hide{display:none!important}


/* v10 — Ba line khoi hanh: the bam sang trang lich trinh (05/09/2026) */
.line-lnk { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px;
            padding:14px 16px; text-decoration:none; color:inherit }
.line-lnk:hover .line-ten { color:var(--gold-light) }
.line-lnk:focus-visible { outline:2px solid var(--gold); outline-offset:2px }
.line-lnk .line-xem::after { transform:none }
.line-lnk:hover .line-xem::after { transform:translateX(3px) }

/* v10b — Dien thoai: ba muc gia xep doc deu nhau, khoi so le */
@media(max-width:640px){
  .gia-hang { flex-direction:column; align-items:flex-start; gap:0 }
  .gia-nhan { min-width:0 }
}

/* v11 — Popup gop lam mot buoc + chu mem de doc (05/09/2026)
   Câu hỏi dài trước đây nằm ở bước 2, đặt bằng JetBrains Mono IN HOA giãn chữ nên đọc rất
   mỏi mắt. Nay câu hỏi nằm chung form với họ tên + email, và trong popup mọi nhãn đổi sang
   Be Vietnam Pro chữ thường. Ngoài popup giữ nguyên phông cũ. */
.modal .kicker{
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:.86rem; font-weight:600; letter-spacing:.01em; text-transform:none;
  margin-bottom:10px;
}
.modal label{
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:.95rem; font-weight:600; letter-spacing:0; text-transform:none;
  color:var(--text); line-height:1.5;
}
.modal .field-hoi label{ color:var(--gold-light); font-weight:500 }
.modal .tuychon{ color:var(--muted); font-weight:400; white-space:nowrap }
.modal textarea{ min-height:142px }   /* đủ chỗ cho cả dòng gợi ý ở khổ điện thoại, không cắt ngang chữ */
.modal .privacy{ font-size:.86rem; line-height:1.55 }
.modal h2{ line-height:1.25 }


/* v12 — rút gọn popup cho lọt màn hình điện thoại (05/09/2026)
   Khách trên điện thoại phải cuộn trong popup mới thấy nút gửi. Cắt bớt chiều cao ô trả lời,
   hạ cỡ tiêu đề và dòng bảo mật ở khổ nhỏ. Không đụng gì ngoài popup. */
.modal textarea{ min-height:80px }
@media (max-width:640px){
  .modal h2{ font-size:1.22rem }
  .modal .privacy{ font-size:.8rem; line-height:1.45 }
}