/*
Theme Name: Legacy 66
Theme URI: https://legacy66.greenland.net.vn/
Author: Kelvin
Author URI: https://greenland.net.vn/
Description: Theme landing page du an bat dong san cao cap Legacy 66 Tan Thanh Quan 5. Bang mau Tobacco - Mahogany theo ngon ngu thiet ke cua du an. Toi uu SEO, schema nhung san, co che chuyen doi da diem, tuong thich dien thoai. Hotline 0921228238.
Version: 1.4.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: greenland-legacy66
Tags: real-estate, landing-page, one-page, seo
*/

/* ============================================================
   1. BIEN HE THONG (Design tokens)
   ============================================================ */
/* Bang mau lay theo ngon ngu thiet ke cua chinh du an Legacy 66:
   gam TOBACCO va MAHOGANY tram am, cam hung tu nha pho co cua
   cong dong nguoi Hoa khu Cho Lon. Triet ly "Less outside, More inside". */
:root{
  --ink:#1C100D;          /* Mahogany gan den - nen toi chu dao */
  --ink-2:#2B1712;        /* Mahogany tram */
  --ink-3:#4A2620;        /* Mahogany nguyen ban */
  --gold:#C39A63;         /* Tobacco - mau nhan chu dao */
  --gold-2:#E0C293;       /* Tobacco sang */
  --gold-dim:#8F6A3C;     /* Tobacco tram, dung cho chu tren nen sang */
  --cream:#F8F3EA;        /* Giay ngA - nen sang */
  --cream-2:#EFE6D6;
  --paper:#FFFFFF;
  --text:#2E211C;         /* Chu chinh - nau tram thay vi den lanh */
  --text-soft:#6B5A50;
  --line:rgba(195,154,99,.30);
  --line-soft:#E6DCCB;
  --ok:#4A7A46;
  --radius:2px;
  --radius-lg:4px;
  --shadow-sm:0 1px 3px rgba(28,16,13,.06),0 6px 18px rgba(28,16,13,.05);
  --shadow-md:0 4px 12px rgba(28,16,13,.09),0 18px 44px rgba(28,16,13,.11);
  --shadow-gold:0 10px 30px rgba(195,154,99,.26);
  --serif:"Playfair Display","Times New Roman",Georgia,serif;
  --sans:"Be Vietnam Pro","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --wrap:1200px;
  --gutter:20px;
  --header-h:64px;
}
@media(min-width:768px){:root{--gutter:24px;--header-h:72px}}
/* Tu 1000px: header 2 hang (logo canh giua o hang tren, menu o hang duoi) */
/* Header 2 hang: chieu cao = padding tren + hang logo + row-gap + hang menu + padding duoi.
   Neu doi max-height cua logo thi phai doi ca hai con so nay cho khop. */
@media(min-width:1000px){:root{--header-h:130px}}
@media(min-width:1200px){:root{--header-h:134px}}

/* ============================================================
   2. RESET & CO BAN
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);overflow-x:hidden}
body{
  margin:0;font-family:var(--sans);font-size:16px;line-height:1.75;
  color:var(--text);background:var(--paper);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;                      /* chan tran ngang tren dien thoai */
  -webkit-tap-highlight-color:rgba(195,154,99,.2);
}
@media(max-width:479px){body{font-size:15.5px;line-height:1.72}}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
table{border-collapse:collapse;width:100%}
h1,h2,h3,h4,h5{margin:0 0 .5em;font-family:var(--serif);font-weight:600;line-height:1.28;color:var(--ink)}
h1{font-size:clamp(2rem,4.6vw,3.4rem);letter-spacing:-.015em}
h2{font-size:clamp(1.6rem,3.2vw,2.5rem);letter-spacing:-.01em}
h3{font-size:clamp(1.2rem,2.1vw,1.55rem)}
h4{font-size:1.05rem;font-family:var(--sans);font-weight:700;letter-spacing:.01em}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.1em;padding-left:1.25em}
li{margin-bottom:.45em}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ============================================================
   3. LAYOUT
   ============================================================ */
.gl-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.gl-section{padding:clamp(56px,7vw,104px) 0;position:relative}
.gl-section--tint{background:var(--cream)}
.gl-section--dark{background:var(--ink);color:var(--cream-2)}
.gl-section--dark h2,.gl-section--dark h3,.gl-section--dark h4{color:var(--cream)}
.gl-section--dark .gl-eyebrow{color:var(--gold-2)}
.gl-grid{display:grid;gap:28px}
/* Bat buoc: o luoi mac dinh khong chiu co lai duoi be rong noi dung ben trong.
   Thieu dong nay thi bang du lieu se lam tran ngang tren dien thoai. */
.gl-grid>*{min-width:0}
@media(min-width:768px){
  .gl-grid--2{grid-template-columns:repeat(2,1fr)}
  .gl-grid--3{grid-template-columns:repeat(3,1fr)}
  .gl-grid--4{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1024px){
  .gl-grid--4{grid-template-columns:repeat(4,1fr)}
  .gl-grid--sidebar{grid-template-columns:1.6fr 1fr;gap:44px}
}

/* ============================================================
   4. TIEU DE SECTION
   ============================================================ */
.gl-head{max-width:760px;margin:0 auto clamp(34px,4vw,56px);text-align:center}
.gl-head--left{margin-left:0;text-align:left}
.gl-eyebrow{
  display:inline-block;font-family:var(--sans);font-size:.72rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:14px;
}
.gl-eyebrow::after{content:"";display:block;width:44px;height:1px;background:var(--gold);margin:12px auto 0}
.gl-head--left .gl-eyebrow::after{margin-left:0}
.gl-head p{color:var(--text-soft);font-size:1.03rem;margin-bottom:0}
.gl-section--dark .gl-head p{color:rgba(248,245,239,.72)}

/* ============================================================
   5. NUT
   ============================================================ */
.gl-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 30px;font-family:var(--sans);font-size:.86rem;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;border-radius:var(--radius);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
  cursor:pointer;text-align:center;line-height:1.3;
}
.gl-btn:hover{transform:translateY(-2px)}
.gl-btn--gold{background:var(--gold);color:var(--ink);box-shadow:var(--shadow-gold)}
.gl-btn--gold:hover{background:var(--gold-2)}
.gl-btn--ghost{border:1px solid var(--gold);color:var(--gold)}
.gl-btn--ghost:hover{background:var(--gold);color:var(--ink)}
.gl-btn--dark{background:var(--ink);color:var(--cream)}
.gl-btn--dark:hover{background:var(--ink-3)}
.gl-btn--block{width:100%}
.gl-btn--sm{padding:10px 20px;font-size:.76rem}

/* ============================================================
   6. HEADER
   ============================================================ */
.gl-header{
  position:fixed;top:0;left:0;right:0;z-index:900;height:var(--header-h);
  display:flex;align-items:center;
  background:rgba(12,22,32,.24);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,.08);
  transition:background .3s ease,box-shadow .3s ease,height .3s ease;
}
/* Nen header trong suot chi hop ly khi no de len hero toi mau o trang chu.
   Trang bai viet va trang con co nen trang: lop phu 24% thanh xam nhat,
   logo vang va chu vang chim mat. Nhung trang do phai co nen dac ngay tu dau. */
.gl-header.is-stuck,
body:not(.home) .gl-header{background:var(--ink);box-shadow:0 2px 20px rgba(0,0,0,.28)}
body:not(.home) .gl-header{border-bottom-color:rgba(195,154,99,.22)}
/* Khong de thanh admin cua WordPress de len header */
.admin-bar .gl-header{top:32px}
@media screen and (max-width:782px){.admin-bar .gl-header{top:46px}}
.gl-header__inner{
  display:grid;grid-template-columns:1fr auto 1fr;
  grid-template-areas:"aside logo cta";
  align-items:center;align-content:center;
  column-gap:clamp(10px,1.6vw,24px);width:100%;max-width:var(--wrap);
  margin:0 auto;padding:0 var(--gutter);
}
.gl-header__aside{grid-area:aside;display:flex;align-items:center;min-width:0}
/* .custom-logo-link la the <a> do WordPress tu xuat khi co logo tuy chinh.
   No phai duoc doi xu y het .gl-logo, neu khong se roi ra khoi luoi header. */
.gl-logo,
.gl-header .custom-logo-link{grid-area:logo;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.05;color:var(--cream);flex-shrink:0;white-space:nowrap;min-width:0}
.gl-logo__mark{font-family:var(--serif);font-size:clamp(1.15rem,1.9vw,1.4rem);font-weight:700;letter-spacing:.04em}
.gl-logo__sub{font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2)}
.gl-logo img,
.gl-header .custom-logo-link img{max-height:40px;width:auto;height:auto;max-width:100%;object-fit:contain;display:block}
.gl-footer .custom-logo-link{display:inline-flex;margin-bottom:16px}
.gl-footer .custom-logo-link img{max-height:46px;width:auto;height:auto;display:block}

/* MENU CHINH — luon nam tron mot hang, khong bao gio xuong dong.
   Khoang cach va co chu co gian theo be ngang man hinh de du cho. */
.gl-nav{grid-area:nav;display:none;min-width:0}
@media(min-width:1000px){
  .gl-header__inner{
    grid-template-areas:"aside logo cta" "nav nav nav";
    row-gap:9px;padding-top:13px;padding-bottom:11px;
  }
  .gl-nav{display:block;border-top:1px solid rgba(195,154,99,.20);padding-top:10px}
  .gl-nav ul{justify-content:center}
  .gl-logo img,
  .gl-header .custom-logo-link img{max-height:54px}
}
@media(min-width:1200px){
  .gl-logo img,
  .gl-header .custom-logo-link img{max-height:58px}
}
.gl-nav ul{
  display:flex;align-items:center;flex-wrap:nowrap;
  gap:clamp(14px,1.8vw,30px);margin:0;padding:0;list-style:none;
}
.gl-nav li{margin:0;flex:0 0 auto}
.gl-nav a{
  display:block;white-space:nowrap;
  font-size:clamp(.68rem,.82vw,.78rem);font-weight:600;
  letter-spacing:clamp(.04em,.09vw,.11em);text-transform:uppercase;
  color:rgba(248,243,234,.88);padding:6px 0;position:relative;transition:color .2s ease;
}
.gl-nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:width .25s ease}
.gl-nav a:hover{color:var(--gold-2)}
.gl-nav a:hover::after{width:100%}

.gl-header__cta{grid-area:cta;justify-self:end;display:flex;align-items:center;gap:clamp(8px,1.2vw,14px);flex-shrink:0;white-space:nowrap}
.gl-header__tel{display:none;flex-direction:column;line-height:1.15;color:var(--cream)}
@media(min-width:600px){.gl-header__tel{display:flex}}
.gl-header__tel small{font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}
.gl-header__tel strong{font-size:clamp(.9rem,1.1vw,1.02rem);font-weight:700;letter-spacing:.02em}
/* Header 2 hang nen menu co du cho -> nut CTA hien tu 600px tro len */
.gl-header__cta .gl-btn{display:none}
@media(min-width:600px){.gl-header__cta .gl-btn{display:inline-flex}}

.gl-burger{
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:44px;padding:10px;border:1px solid rgba(255,255,255,.24);flex-shrink:0;
}
@media(min-width:1000px){.gl-burger{display:none}}
.gl-burger span{display:block;height:1.5px;background:var(--cream);transition:transform .28s ease,opacity .2s ease}
.gl-burger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.gl-burger.is-open span:nth-child(2){opacity:0}
.gl-burger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.gl-drawer{
  position:fixed;inset:var(--header-h) 0 0 0;z-index:890;background:var(--ink);
  padding:24px var(--gutter) 40px;overflow-y:auto;-webkit-overflow-scrolling:touch;
  transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1),visibility .32s;
  visibility:hidden;                 /* khi dong thi khong lam tran ngang trang */
}
.gl-drawer.is-open{transform:translateX(0);visibility:visible}
@media(min-width:1000px){.gl-drawer{display:none}}
.gl-drawer ul{list-style:none;margin:0 0 24px;padding:0}
.gl-drawer li{border-bottom:1px solid rgba(255,255,255,.09)}
.gl-drawer a{
  display:block;padding:15px 2px;min-height:48px;              /* vung cham du lon */
  font-size:.9rem;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--cream);
}
.gl-drawer__tel{
  display:block;margin-bottom:18px;padding:14px;text-align:center;
  border:1px solid var(--line);color:var(--gold-2);
}
.gl-drawer__tel small{display:block;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
.gl-drawer__tel strong{font-size:1.25rem;font-family:var(--serif)}

/* ============================================================
   7. HERO
   ============================================================ */
.gl-hero{
  position:relative;min-height:clamp(560px,88vh,860px);display:flex;align-items:center;
  padding:calc(var(--header-h) + 48px) 0 64px;overflow:hidden;
  background:linear-gradient(135deg,#1C100D 0%,#4A2620 52%,#241310 100%);
}
.gl-hero__bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.4}
.gl-hero::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(28,16,13,.95) 0%,rgba(28,16,13,.8) 46%,rgba(28,16,13,.44) 100%);
}
@media(max-width:767px){
  .gl-hero::after{background:linear-gradient(180deg,rgba(28,16,13,.86) 0%,rgba(28,16,13,.93) 62%,rgba(28,16,13,.97) 100%)}
}
.gl-hero__inner{position:relative;z-index:2;width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.gl-hero__content{max-width:680px;color:var(--cream)}
.gl-hero__badge{
  display:inline-flex;align-items:center;gap:10px;padding:7px 16px;margin-bottom:26px;
  border:1px solid var(--line);background:rgba(198,165,103,.09);
  font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);
}
.gl-hero h1{color:var(--cream);margin-bottom:8px}
.gl-hero__sub{
  font-family:var(--serif);font-size:clamp(1.05rem,2.1vw,1.5rem);font-style:italic;
  color:var(--gold-2);margin-bottom:22px;
}
.gl-hero__lead{font-size:1.04rem;color:rgba(248,245,239,.84);max-width:560px;margin-bottom:30px}
.gl-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px}
.gl-hero__trust{display:flex;flex-wrap:wrap;gap:10px 26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.13)}
.gl-hero__trust span{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(248,245,239,.62)}
.gl-hero__trust strong{color:var(--gold-2);font-weight:700}

/* Dai so lieu */
.gl-stats{background:var(--ink-2);border-top:1px solid rgba(198,165,103,.2)}
.gl-stats__grid{display:grid;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.gl-stats__grid{grid-template-columns:repeat(4,1fr)}}
.gl-stat{padding:30px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.gl-stat:last-child{border-right:0}
.gl-stat__num{font-family:var(--serif);font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:700;color:var(--gold);line-height:1.1;display:block}
.gl-stat__label{font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;color:rgba(248,245,239,.66);margin-top:8px;display:block}

/* ============================================================
   8. THE / CARD
   ============================================================ */
.gl-card{background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;height:100%;display:flex;flex-direction:column}
.gl-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line)}
.gl-card__media{aspect-ratio:4/3;background:linear-gradient(135deg,var(--ink-3),var(--ink));position:relative;overflow:hidden}
.gl-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gl-card:hover .gl-card__media img{transform:scale(1.05)}
.gl-card__tag{position:absolute;top:14px;left:14px;padding:5px 12px;background:var(--gold);color:var(--ink);font-size:.63rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.gl-card__tag--rare{background:var(--ink);color:var(--gold-2);border:1px solid var(--gold)}
.gl-card__body{padding:24px 22px 26px;flex:1;display:flex;flex-direction:column}
.gl-card__body h3{margin-bottom:6px}
.gl-card__meta{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:12px;font-weight:600}
.gl-card__body p{color:var(--text-soft);font-size:.95rem;flex:1}
.gl-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;margin-top:auto;border-top:1px solid var(--line-soft)}
.gl-card__price{font-family:var(--serif);font-size:1.2rem;font-weight:700;color:var(--ink)}
.gl-card__price small{display:block;font-family:var(--sans);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);font-weight:600}
.gl-card__link{font-size:.76rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--gold-dim);white-space:nowrap}
.gl-card__link:hover{color:var(--gold)}

/* The ly do / tien ich */
.gl-feature{padding:30px 26px;background:var(--paper);border:1px solid var(--line-soft);height:100%;transition:border-color .25s ease,box-shadow .25s ease}
.gl-feature:hover{border-color:var(--gold);box-shadow:var(--shadow-sm)}
.gl-feature__no{font-family:var(--serif);font-size:2.1rem;font-weight:700;color:var(--line);line-height:1;display:block;margin-bottom:14px}
.gl-feature h3{font-size:1.12rem;margin-bottom:8px}
.gl-feature p{color:var(--text-soft);font-size:.94rem;margin-bottom:0}
.gl-section--dark .gl-feature{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.1)}
.gl-section--dark .gl-feature p{color:rgba(248,245,239,.72)}
.gl-section--dark .gl-feature__no{color:rgba(198,165,103,.42)}

/* ============================================================
   9. BANG
   ============================================================ */
.gl-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line-soft);background:var(--paper)}
.gl-table{min-width:560px;font-size:.94rem}
.gl-table th,.gl-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top}
.gl-table thead th{background:var(--ink);color:var(--cream);font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;border-bottom:0}
.gl-table tbody tr:nth-child(even){background:var(--cream)}
.gl-table tbody tr:last-child td{border-bottom:0}
.gl-table td strong{color:var(--ink)}
/* Bang thong so ky thuat nam trong cot hep -> khong ep be rong toi thieu,
   de chu tu xuong dong thay vi phai cuon ngang. */
.gl-table--spec{min-width:0}
.gl-table--spec th{width:42%;font-weight:600;color:var(--text-soft);background:var(--cream)}
.gl-table--spec td{word-break:break-word}

/* ============================================================
   10. FAQ
   ============================================================ */
.gl-faq{max-width:900px;margin:0 auto;border-top:1px solid var(--line-soft)}
.gl-faq__item{border-bottom:1px solid var(--line-soft)}
.gl-faq__q{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;width:100%;
  padding:22px 0;text-align:left;font-family:var(--serif);font-size:1.08rem;font-weight:600;color:var(--ink);
  transition:color .2s ease;
}
.gl-faq__q:hover{color:var(--gold-dim)}
.gl-faq__icon{flex-shrink:0;width:26px;height:26px;position:relative;margin-top:3px}
.gl-faq__icon::before,.gl-faq__icon::after{content:"";position:absolute;top:50%;left:50%;background:var(--gold);transition:transform .3s ease}
.gl-faq__icon::before{width:14px;height:1.5px;transform:translate(-50%,-50%)}
.gl-faq__icon::after{width:1.5px;height:14px;transform:translate(-50%,-50%)}
.gl-faq__item.is-open .gl-faq__icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.gl-faq__a{max-height:0;overflow:hidden;transition:max-height .34s ease}
.gl-faq__a-inner{padding:0 44px 24px 0;color:var(--text-soft);font-size:.97rem}
.gl-faq__a-inner p:last-child{margin-bottom:0}
.gl-faq__item.is-open .gl-faq__a{max-height:900px}

/* ============================================================
   11. FORM
   ============================================================ */
.gl-form{background:var(--paper);border:1px solid var(--line);padding:clamp(26px,3.4vw,40px);box-shadow:var(--shadow-md)}
.gl-form--dark{background:rgba(255,255,255,.045);border-color:rgba(198,165,103,.34);box-shadow:none;backdrop-filter:blur(6px)}
.gl-form h3{margin-bottom:6px}
.gl-form__note{font-size:.88rem;color:var(--text-soft);margin-bottom:22px}
.gl-form--dark .gl-form__note{color:rgba(248,245,239,.72)}
.gl-field{margin-bottom:16px}
.gl-field label{display:block;font-size:.74rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--text-soft);margin-bottom:7px}
.gl-form--dark .gl-field label{color:var(--gold-2)}
.gl-field input,.gl-field select,.gl-field textarea{
  width:100%;padding:13px 15px;font:inherit;font-size:.96rem;color:var(--text);
  background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--radius);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.gl-form--dark .gl-field input,.gl-form--dark .gl-field select,.gl-form--dark .gl-field textarea{
  background:rgba(12,22,32,.42);border-color:rgba(255,255,255,.18);color:var(--cream);
}
.gl-field input:focus,.gl-field select:focus,.gl-field textarea:focus{
  outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(198,165,103,.16);
}
.gl-field textarea{min-height:96px;resize:vertical}
.gl-field--hp{position:absolute!important;left:-9999px}
.gl-form__consent{font-size:.78rem;color:var(--text-soft);margin:14px 0 0;line-height:1.6}
.gl-form--dark .gl-form__consent{color:rgba(248,245,239,.6)}
.gl-alert{padding:14px 18px;margin-bottom:20px;border-left:3px solid;font-size:.92rem}
.gl-alert--ok{background:rgba(46,125,87,.09);border-color:var(--ok);color:#1E5C3E}
.gl-alert--err{background:rgba(178,58,44,.08);border-color:#B23A2C;color:#8E2C21}

/* Khoi CTA giua trang */
.gl-cta-band{background:linear-gradient(135deg,var(--ink) 0%,var(--ink-3) 100%);color:var(--cream);padding:clamp(44px,5.5vw,72px) 0}
.gl-cta-band__inner{display:grid;gap:28px;align-items:center}
@media(min-width:900px){.gl-cta-band__inner{grid-template-columns:1.25fr auto}}
.gl-cta-band h2{color:var(--cream);margin-bottom:10px}
.gl-cta-band p{color:rgba(248,245,239,.78);margin-bottom:0;max-width:620px}
.gl-cta-band__actions{display:flex;flex-wrap:wrap;gap:14px}

/* ============================================================
   12. TIEN DO / TIMELINE
   ============================================================ */
.gl-timeline{position:relative;padding-left:34px;max-width:840px;margin:0 auto}
.gl-timeline::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:1px;background:var(--line)}
.gl-timeline__item{position:relative;padding-bottom:30px}
.gl-timeline__item:last-child{padding-bottom:0}
.gl-timeline__item::before{content:"";position:absolute;left:-30px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--paper);border:2px solid var(--gold)}
.gl-timeline__item.is-done::before{background:var(--gold)}
.gl-timeline__date{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dim);display:block;margin-bottom:4px}
.gl-timeline__item h4{margin-bottom:4px}
.gl-timeline__item p{color:var(--text-soft);font-size:.94rem;margin-bottom:0}

/* ============================================================
   13. TIN TUC
   ============================================================ */
.gl-post{background:var(--paper);border:1px solid var(--line-soft);height:100%;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.gl-post:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.gl-post__media{aspect-ratio:16/10;background:var(--cream-2);overflow:hidden}
.gl-post__media img{width:100%;height:100%;object-fit:cover}
.gl-post__body{padding:22px;flex:1;display:flex;flex-direction:column}
.gl-post__date{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dim);font-weight:600;margin-bottom:8px}
.gl-post__body h3{font-size:1.1rem;margin-bottom:8px}
.gl-post__body p{font-size:.92rem;color:var(--text-soft);flex:1}

/* ============================================================
   14. FOOTER
   ============================================================ */
.gl-footer{background:var(--ink);color:rgba(248,245,239,.72);padding:clamp(48px,6vw,76px) 0 0;font-size:.92rem}
.gl-footer h4{color:var(--cream);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}
.gl-footer a:hover{color:var(--gold-2)}
.gl-footer ul{list-style:none;margin:0;padding:0}
.gl-footer li{margin-bottom:9px}
.gl-footer__grid{display:grid;gap:36px;padding-bottom:44px}
@media(min-width:768px){.gl-footer__grid{grid-template-columns:1.6fr 1fr 1fr}}
@media(min-width:1024px){.gl-footer__grid{grid-template-columns:1.8fr 1fr 1fr 1.2fr}}
.gl-footer__brand .gl-logo{margin-bottom:16px}
.gl-footer__disclaimer{font-size:.8rem;line-height:1.65;color:rgba(248,245,239,.5);padding:20px 0;border-top:1px solid rgba(255,255,255,.09)}
.gl-footer__bottom{padding:18px 0 24px;border-top:1px solid rgba(255,255,255,.09);font-size:.8rem;color:rgba(248,245,239,.5);display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}

/* ============================================================
   15. NUT NOI & THANH CTA DI DONG
   ============================================================ */
.gl-floats{position:fixed;right:16px;bottom:96px;z-index:850;display:flex;flex-direction:column;gap:11px}
@media(min-width:900px){.gl-floats{bottom:26px}}
.gl-float{
  width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 16px rgba(0,0,0,.24);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.02em;
  transition:transform .2s ease;
}
.gl-float:hover{transform:scale(1.08)}
.gl-float--tel{background:var(--gold);color:var(--ink)}
.gl-float--zalo{background:#0068FF}
.gl-float--mess{background:#0084FF}
.gl-float svg{width:24px;height:24px;fill:currentColor}
.gl-float--tel::after{
  content:"";position:absolute;width:50px;height:50px;border-radius:50%;
  border:2px solid var(--gold);animation:glPulse 2s infinite;pointer-events:none;
}
@keyframes glPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}

.gl-mobilebar{
  position:fixed;left:0;right:0;bottom:0;z-index:860;display:grid;grid-template-columns:1fr 1fr 1.3fr;
  background:var(--ink);border-top:1px solid rgba(198,165,103,.3);
}
@media(min-width:900px){.gl-mobilebar{display:none}}
.gl-mobilebar a{
  padding:13px 6px;text-align:center;font-size:.7rem;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--cream);border-right:1px solid rgba(255,255,255,.1);
}
.gl-mobilebar a:last-child{border-right:0;background:var(--gold);color:var(--ink)}
@media(max-width:899px){body{padding-bottom:48px}}

/* ============================================================
   16. TIEN ICH PHU
   ============================================================ */
.gl-note{padding:16px 20px;background:var(--cream);border-left:3px solid var(--gold);font-size:.9rem;color:var(--text-soft);margin:22px 0}
.gl-note strong{color:var(--ink)}
.gl-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.gl-pill{padding:7px 16px;border:1px solid var(--line);font-size:.75rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-dim)}
.gl-section--dark .gl-pill{color:var(--gold-2)}
.gl-updated{font-size:.8rem;color:var(--text-soft);font-style:italic;margin-bottom:20px}
.gl-media-ph{
  aspect-ratio:16/9;background:linear-gradient(135deg,var(--ink-3),var(--ink));
  display:flex;align-items:center;justify-content:center;color:rgba(248,245,239,.42);
  font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:20px;
}
/* Hieu ung hien dan.
   Mac dinh noi dung LUON HIEN. Chi khi JavaScript chay duoc thi lop .gl-anim
   moi duoc gan vao the html va bat hieu ung. Nho vay neu JS loi hoac bi chan,
   khach van doc duoc toan bo trang thay vi thay man hinh trang. */
.gl-reveal{opacity:1;transform:none}
.gl-anim .gl-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.gl-anim .gl-reveal.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .gl-anim .gl-reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
  .gl-float--tel::after{animation:none}
}

/* ============================================================
   17. NOI DUNG BAI VIET
   ============================================================ */
.gl-article{max-width:820px;margin:0 auto;padding:calc(var(--header-h) + 56px) 0 72px}
.gl-article h2{margin-top:2em}
.gl-article h3{margin-top:1.6em}
.gl-article img{margin:1.6em 0}
.gl-article blockquote{margin:1.8em 0;padding:18px 26px;border-left:3px solid var(--gold);background:var(--cream);font-style:italic}
/* Can deu hai ben toan bo phan chu cua bai viet */
.gl-article p,
.gl-article li,
.gl-article blockquote p{text-align:justify;text-justify:inter-word;hyphens:none}
/* Nhung phan khong nen can deu: bang bieu, chu thich anh, form, duong dan */
.gl-article table p,
.gl-article table li,
.gl-article figcaption,
.gl-article .gl-form-inline p,
.gl-article .gl-form-inline li,
.gl-article .gl-breadcrumb,
.gl-article .gl-updated,
.gl-article .gl-note p{text-align:left}
.gl-article figure{margin:1.8em 0}
.gl-article figure img{margin:0}
.gl-article figcaption{margin-top:9px;font-size:.82rem;color:var(--text-soft);line-height:1.5}
.gl-breadcrumb{font-size:.8rem;color:var(--text-soft);margin-bottom:18px}
.gl-breadcrumb a:hover{color:var(--gold-dim)}
.gl-pagination{display:flex;gap:8px;justify-content:center;margin-top:40px}
.gl-pagination .page-numbers{padding:9px 15px;border:1px solid var(--line-soft);font-size:.88rem}
.gl-pagination .current{background:var(--ink);color:var(--cream);border-color:var(--ink)}

/* ============================================================
   18. TOI UU RIENG CHO DIEN THOAI VA MAY TINH BANG
   Toan bo phan nay chi ap dung tu 900px tro xuong.
   ============================================================ */
@media(max-width:899px){

  /* --- Dau trang --- */
  .gl-hero{min-height:auto;padding:calc(var(--header-h) + 40px) 0 48px}
  .gl-hero__content{max-width:100%}
  .gl-hero__badge{margin-bottom:18px;font-size:.62rem;padding:6px 13px}
  .gl-hero h1{font-size:clamp(1.85rem,8.4vw,2.6rem)}
  .gl-hero__sub{font-size:clamp(1rem,4.4vw,1.2rem);margin-bottom:18px}
  .gl-hero__lead{font-size:.97rem;margin-bottom:26px}
  .gl-hero__actions{gap:11px;margin-bottom:30px}
  .gl-hero__actions .gl-btn{width:100%;padding:15px 20px}
  .gl-hero__trust{gap:8px 18px;padding-top:20px}
  .gl-hero__trust span{font-size:.66rem}

  /* --- Dai so lieu: 2 cot, khong tran --- */
  .gl-stat{padding:22px 10px}
  .gl-stat:nth-child(2n){border-right:0}
  .gl-stat__num{font-size:clamp(1.6rem,7vw,2.1rem)}
  .gl-stat__label{font-size:.62rem;letter-spacing:.12em}

  /* --- Khoang cach cac muc --- */
  .gl-section{padding:48px 0}
  .gl-head{margin-bottom:30px}
  .gl-grid{gap:20px}

  /* --- Bang: cuon ngang muot, co goi y cuon --- */
  .gl-table-wrap{position:relative}
  .gl-table-wrap::after{
    content:"";position:absolute;top:0;right:0;bottom:0;width:26px;pointer-events:none;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.92));
  }
  .gl-table{min-width:480px;font-size:.88rem}
  .gl-table th,.gl-table td{padding:11px 13px}
  .gl-table--spec th{width:44%}

  /* --- The san pham --- */
  .gl-card__body{padding:20px 18px 22px}
  .gl-card__foot{flex-wrap:wrap;gap:10px}
  .gl-feature{padding:24px 20px}

  /* --- Dai keu goi hanh dong --- */
  .gl-cta-band__actions{flex-direction:column;width:100%}
  .gl-cta-band__actions .gl-btn{width:100%}

  /* --- Cau hoi thuong gap: vung cham du lon --- */
  .gl-faq__q{padding:18px 0;font-size:1rem;min-height:56px}
  .gl-faq__a-inner{padding-right:30px}

  /* --- Form --- */
  .gl-form{padding:24px 20px}
  /* co chu 16px de iPhone khong tu phong to khi cham vao o nhap */
  .gl-field input,.gl-field select,.gl-field textarea{font-size:16px;padding:14px}
  .gl-btn{padding:14px 22px}

  /* --- Tien do --- */
  .gl-timeline{padding-left:28px}
  .gl-timeline__item::before{left:-26px}

  /* --- Chan trang --- */
  .gl-footer{padding-top:44px}
  .gl-footer__grid{gap:28px;padding-bottom:32px}
  .gl-footer__bottom{flex-direction:column;gap:6px}

  /* --- Bai viet --- */
  .gl-article{padding:calc(var(--header-h) + 36px) 0 56px}
}

/* Man hinh dien thoai nho (tu 390px tro xuong) */
@media(max-width:400px){
  .gl-logo__mark{font-size:1.05rem}
  .gl-logo__sub{font-size:.5rem;letter-spacing:.18em}
  .gl-stats__grid{grid-template-columns:1fr 1fr}
  .gl-pill{padding:6px 12px;font-size:.68rem}
  .gl-mobilebar a{font-size:.64rem;letter-spacing:.04em;padding:12px 4px}
}

/* Nut noi: khong de che thanh CTA duoi cung */
@media(max-width:899px){
  .gl-floats{right:12px;bottom:74px;gap:9px}
  .gl-float{width:46px;height:46px}
  .gl-float--tel::after{width:46px;height:46px}
  .gl-mobilebar a{min-height:48px;display:flex;align-items:center;justify-content:center}
  body{padding-bottom:52px}
}

/* Man hinh nam ngang thap: bo bot chieu cao dau trang */
@media(max-height:520px) and (orientation:landscape){
  .gl-hero{min-height:auto;padding:calc(var(--header-h) + 28px) 0 36px}
}


/* ==== GL66-CTABAND: dai CTA cuoi trang ==== */
.gl-ctab-list{list-style:none;margin:26px 0 0;padding:0}
.gl-ctab-list li{position:relative;padding:0 0 0 30px;margin:0 0 13px;font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.86)}
.gl-ctab-list li:before{content:"";position:absolute;left:0;top:.5em;width:15px;height:8px;border-left:2px solid #D9B074;border-bottom:2px solid #D9B074;transform:rotate(-45deg)}
.gl-ctab-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0 0;padding:22px 0 0;border-top:1px solid rgba(217,176,116,.26)}
.gl-ctab-facts>div{display:flex;flex-direction:column;gap:3px}
.gl-ctab-facts strong{font-size:17px;color:#E4C48D;font-weight:700;line-height:1.25}
.gl-ctab-facts span{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.gl-ctab-hot{margin:30px 0 0;padding:20px 24px;border:1px solid rgba(217,176,116,.32);border-radius:3px;background:rgba(217,176,116,.07)}
.gl-ctab-hot__lb{display:block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:6px}
.gl-ctab-hot__tel{font-size:30px;font-weight:800;color:#E4C48D;text-decoration:none;line-height:1.1;display:inline-block}
.gl-ctab-hot__tel:hover,.gl-ctab-hot__tel:focus-visible{color:#fff}
@media(max-width:640px){.gl-ctab-facts{grid-template-columns:1fr}.gl-ctab-hot__tel{font-size:26px}}

/* GL66-LINKHUB-START */
.gl66-linkhub{border-top:1px solid rgba(255,255,255,.14);padding:34px 0 6px}
.gl66-linkhub__in{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;align-items:start}
.gl66-lh-col{min-width:0}
.gl66-lh-col h3{font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;color:#c9a86a;font-weight:700}
.gl66-lh-col ul{list-style:none;margin:0;padding:0}
.gl66-lh-col li{margin:0 0 8px;line-height:1.45}
.gl66-lh-col a{font-size:13.5px;color:rgba(255,255,255,.72);text-decoration:none}
.gl66-lh-col a:hover,.gl66-lh-col a:focus{color:#fff;text-decoration:underline}
@media(max-width:1024px){.gl66-linkhub__in{grid-template-columns:repeat(2,1fr);gap:24px}}
@media(max-width:600px){.gl66-linkhub__in{grid-template-columns:1fr;gap:20px}.gl66-linkhub{padding:26px 0 4px}}
/* GL66-LINKHUB-END */

/* GL66-PORTRAIT-START */
.gl-figure--portrait{display:flex;flex-direction:column;align-items:center}
.gl-figure--portrait img{max-width:460px;width:100%;height:auto;max-height:none;display:block}
.gl-figure--portrait figcaption{max-width:460px;text-align:left}
@media(max-width:560px){.gl-figure--portrait img,.gl-figure--portrait figcaption{max-width:100%}}
/* GL66-PORTRAIT-END */

/* GL66-HERO-RATIO-START
   Ep anh dai dien bai viet ve dung ty le 16:9 cua site.
   Truoc day anh nguon doc lam hero cao 738px, lech chuan 461px. */
.gl-article img.wp-post-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
/* GL66-HERO-RATIO-END */


/* GL66-TALLIMG-START */
.gl-article figure.gl-tall,
.entry-content figure.gl-tall{display:flex;flex-direction:column;align-items:center}
.gl-article figure.gl-tall img,
.entry-content figure.gl-tall img{max-width:460px;width:100%;height:auto;display:block}
.gl-article figure.gl-tall figcaption,
.entry-content figure.gl-tall figcaption{max-width:460px;text-align:center}
@media (max-width:640px){
.gl-article figure.gl-tall img,
.entry-content figure.gl-tall img{max-width:100%}
.gl-article figure.gl-tall figcaption,
.entry-content figure.gl-tall figcaption{max-width:100%}
}
/* GL66-TALLIMG-END */


/* GL66-ANSWER-START */
.gl-answer{border:1px solid #e4dccd;border-left:4px solid #b8935a;background:#fbf8f2;border-radius:6px;padding:22px 26px;margin:0 0 34px}
.gl-answer .gl-answer-lead{font-size:1.05rem;line-height:1.65;margin:0 0 14px;color:#241d15}
.gl-answer .gl-answer-lead strong{color:#8a6a34}
.gl-answer ul.gl-answer-list{margin:0 0 14px;padding-left:20px;list-style:disc}
.gl-answer ul.gl-answer-list li{margin:0 0 7px;line-height:1.6;color:#3a3128}
.gl-answer ul.gl-answer-list li strong{color:#241d15}
.gl-answer .gl-answer-src{margin:0;font-size:.86rem;color:#7a6f60;font-style:italic}
@media (max-width:640px){.gl-answer{padding:16px 18px}.gl-answer .gl-answer-lead{font-size:1rem}}
/* GL66-ANSWER-END */


/* === 18/09/2026 GL66-TABLE-IMG-START === */
.gl-article .gl-table-wrap table,
.entry-content .gl-table-wrap table{width:100%;border-collapse:collapse;table-layout:auto;font-size:.97rem}
.gl-article .gl-table-wrap thead th,
.entry-content .gl-table-wrap thead th{background:#f3efe9;color:#2e211c;text-align:left;font-weight:600;padding:12px 14px;border-bottom:2px solid #c9a227;line-height:1.35}
.gl-article .gl-table-wrap td,
.entry-content .gl-table-wrap td{padding:12px 14px;border-bottom:1px solid #e3ddd4;vertical-align:top;text-align:left;line-height:1.55}
.gl-article .gl-table-wrap tbody tr:nth-child(even),
.entry-content .gl-table-wrap tbody tr:nth-child(even){background:#faf8f5}
.gl-article .gl-table-wrap tbody tr:hover,
.entry-content .gl-table-wrap tbody tr:hover{background:#f5efe4}
.gl-article .gl-table-wrap td:first-child,
.entry-content .gl-table-wrap td:first-child{font-weight:600;width:23%}
.gl-article .gl-table-wrap tbody tr:last-child td,
.entry-content .gl-table-wrap tbody tr:last-child td{border-bottom:0}
@media (max-width:640px){
.gl-article .gl-table-wrap th,.entry-content .gl-table-wrap th,
.gl-article .gl-table-wrap td,.entry-content .gl-table-wrap td{padding:10px;font-size:.92rem}
.gl-article .gl-table-wrap td:first-child,.entry-content .gl-table-wrap td:first-child{width:auto}
}
.gl-article figure img,
.entry-content figure img{width:100%;max-width:100%;height:auto;display:block;margin:0}
.gl-figure--portrait{align-items:stretch}
.gl-figure--portrait img,
.gl-article figure.gl-tall img,
.entry-content figure.gl-tall img{max-width:100%;width:100%;max-height:none}
.gl-figure--portrait figcaption,
.gl-article figure.gl-tall figcaption,
.entry-content figure.gl-tall figcaption{max-width:100%}
@media (max-width:560px){.gl-figure--portrait img,.gl-figure--portrait figcaption{max-width:100%}}
/* === GL66-TABLE-IMG-END === */