/* ===================================================================
   CAC MANH GIAO DIEN DUNG CHUNG CHO CA TRANG CHU LAN CAC TRANG CON
   Trang chu giu CSS noi tuyen cua no, cac trang con dung site.css —
   rieng bon manh duoi day thi ca hai cung nap file nay de khong
   phai chep hai lan roi lech nhau.
     1. Nut doi ngon ngu VI / EN
     2. Ngan keo menu tren dien thoai
     3. Bo icon mang xa hoi
     4. Thanh lien he noi ben phai man hinh
     5. O chon (select) bo tron
   =================================================================== */

/* ---------- 1. nut doi ngon ngu ---------- */
/* .lang — nut doi ngon ngu: xem khoi cuoi file */

/* ---------- 2. ngan keo ---------- */
.drawer{position:fixed;inset:0;z-index:90;visibility:hidden;pointer-events:none}
.drawer.open{visibility:visible;pointer-events:auto}
.drawer .veil{position:absolute;inset:0;background:rgba(8,26,34,.55);opacity:0;transition:opacity .28s}
.drawer.open .veil{opacity:1}
.drawer .pan{position:absolute;right:0;top:0;bottom:0;width:min(330px,86vw);background:#fff;
  padding:20px 22px 28px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;
  transform:translateX(100%);transition:transform .32s cubic-bezier(.22,1,.36,1)}
.drawer.open .pan{transform:none}
.drawer .top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.drawer .x{width:38px;height:38px;border:0;background:var(--g);border-radius:12px;cursor:pointer;
  flex:none;display:flex;align-items:center;justify-content:center}
.drawer nav{display:flex;flex-direction:column;gap:0;margin:0}
.drawer nav a{font-size:15.4px;font-weight:600;color:var(--ink);padding:14px 2px;
  border-bottom:1px solid var(--line)}
.drawer nav a.on{color:var(--cy)}
.drawer nav a.on::after{display:none}
.drawer .bt{margin-top:18px}
.drawer .lang{margin-top:18px}
.drawer .dsoc{margin-top:20px}

/* ---------- 3. icon mang xa hoi ---------- */
.soc{display:flex;flex-wrap:wrap;gap:10px}
.soc a{width:42px;height:42px;border-radius:50%;background:#1B4759;color:#CDEAF0;flex:none;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s,color .2s,transform .2s}
.soc a:hover{transform:translateY(-3px);color:#fff}
.soc a[data-s="facebook"]:hover{background:#1877F2}
.soc a[data-s="messenger"]:hover{background:#A033FF}
.soc a[data-s="zalo"]:hover{background:#0068FF}
.soc a[data-s="youtube"]:hover{background:#FF0000}
.soc a[data-s="tiktok"]:hover{background:#000}
.soc a[data-s="instagram"]:hover{background:#E1306C}
.soc a[data-s="threads"]:hover{background:#000}
.soc a[data-s="x"]:hover{background:#000}
.soc a[data-s="linkedin"]:hover{background:#0A66C2}
.soc a[data-s="pinterest"]:hover{background:#E60023}
.soc a[data-s="telegram"]:hover{background:#26A5E4}
.soc a[data-s="whatsapp"]:hover{background:#25D366}
.soc a[data-s="shopee"]:hover{background:#EE4D2D}
.soc a[data-s="lazada"]:hover{background:#0F146D}
.soc a[data-s="tiki"]:hover{background:#1A94FF}
.soc.light a{background:var(--g);color:var(--ink2)}
.soc.light a:hover{color:#fff}

/* ---------- 4. cum nut noi goc phai: xem cuoi file ---------- */

/* ---------- 5. o chon bo tron ----------
   Bang chon cua the <select> goc do trinh duyet ve, khong bo goc duoc.
   Nen ta giu the <select> that de gui form va ve lai phan nhin thay
   bang mot nut + danh sach rieng, bo tron dong bo voi o nhap. */
.fi.jsel > select{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.selbtn{width:100%;text-align:left;border:0;background:var(--g);border-radius:16px;
  padding:14px 46px 14px 18px;font-family:var(--f);font-size:14.5px;color:var(--ink);
  cursor:pointer;outline:2px solid transparent;transition:outline-color .2s,background .2s}
.selbtn:hover{background:#EDF2F4}
.selbtn[aria-expanded="true"]{outline-color:var(--cy)}
.selbtn.ph{color:var(--ink3)}
.fi.jsel > svg{transition:transform .22s}
.fi.jsel.open > svg{transform:rotate(180deg)}
/* nang o dang mo len tren cac o phia duoi — tren trang chu GSAP dat
   transform cho tung o nen moi o tu tao mot lop rieng */
.fi.jsel.open{z-index:50}
.selmenu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;
  background:#fff;border:1.6px solid var(--line);border-radius:18px;padding:6px;
  box-shadow:0 22px 48px -20px rgba(17,27,34,.42);
  max-height:274px;overflow-y:auto;overscroll-behavior:contain;
  opacity:0;transform:translateY(-6px);pointer-events:none;
  transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1)}
.fi.jsel.open .selmenu{opacity:1;transform:none;pointer-events:auto}
.selmenu li{list-style:none;margin:0}
.selopt{display:block;width:100%;text-align:left;border:0;background:transparent;cursor:pointer;
  font-family:var(--f);font-size:14.4px;line-height:1.45;color:var(--ink);
  padding:11px 14px;border-radius:12px;transition:background .16s,color .16s}
.selopt:hover,.selopt.cur{background:var(--cy-l);color:var(--cy-d)}
.selopt[aria-selected="true"]{background:var(--cy);color:#fff;font-weight:600}

@media (max-width:620px){
  .dock a{width:44px;height:44px}
  /* Tren dien thoai, nut doi ngon ngu va nut goi hanh dong chuyen
     han vao ngan keo — de o thanh tren cung se tran ngang man hinh. */
  header .hend > .lang{display:none}
}
@media (max-width:560px){
  header .hend > .bt{display:none}
}

/* ===================================================================
   TINH CHINH CHO DIEN THOAI
   Nap o ca trang chu lan cac trang con. Do phan CSS cua trang chu
   nam noi tuyen (dung sau file nay), vai cho phai viet chon hon
   mot bac de de len duoc.
   =================================================================== */

/* Nhay toi neo thi chua cho cho thanh tieu de dinh o tren */
html{scroll-behavior:smooth;scroll-padding-top:86px}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }

/* Bo mang xanh nhap nhay khi cham */
a,button,input,select,textarea,label,.pc,.nc,.vc{-webkit-tap-highlight-color:transparent}

@media (max-width:620px){
  /* iOS tu phong to trang khi o nhap co chu nho hon 16px — rat kho chiu.
     Dat dung 16px de man hinh dung yen khi nguoi dung bam vao o. */
  .frm .fi input,
  .frm .fi select,
  .frm .fi textarea,
  .fi .selbtn{font-size:16px}
  .selopt{font-size:15px;padding:13px 14px}

  /* Vung cham toi thieu 44px cho moi nut bam */
  .filters button,
  .pager button{min-height:44px}
  .crumb{font-size:11.6px;gap:6px}

  /* Dai bao demo chi giu ve dau — ve sau chiem het mot dong */
  .demo .w > span + span{display:none}

  /* Dau trang con thap lai, chu vua man hinh */
  .phead{padding:30px 0 34px}
  .phead p{font-size:14.8px;margin-top:10px}

  /* Dau moi nhom san pham: nut xuong dong, keo het be ngang */
  .gsec{gap:14px;padding-bottom:14px;margin-bottom:20px}
  .gsec p{font-size:14px}
  .gsec .bt{width:100%}

  /* Hang loc san pham cuon ngang thay vi xuong bon dong */
  .ptop{gap:12px}
  .filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    margin:0 -20px;padding:0 20px 4px;width:calc(100% + 40px)}
  .filters::-webkit-scrollbar{display:none}
  .filters button{flex:0 0 auto}

  /* Thanh lien he noi: nho lai, tranh vung vuot cua may */
  .dock{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:8px}
  .dock a{width:46px;height:46px}
  .dock .pulse::after{animation-duration:2.6s}
}

/* Hai cot san pham tren dien thoai — mot cot thi the qua to,
   phai cuon rat nhieu moi xem het danh muc. */
@media (max-width:620px){
  .pgrid{grid-template-columns:1fr 1fr;gap:12px}
  .pc{border-radius:18px}
  .pc .bd{padding:12px 13px 14px;gap:7px}
  .pc .bd b{font-size:13.4px;line-height:1.35}
  .pc .bd p{font-size:12.2px;line-height:1.45}
  .pc .code{font-size:10px;padding:4px 9px;top:9px;left:9px}
  .pc .pr{gap:7px}
  .pc .pr .lh{font-size:11px}
  .pc .pr .bt{padding:8px 13px;font-size:11.4px}
}
@media (max-width:359px){
  .pgrid{grid-template-columns:1fr}
}

/* Tin tuc va video tren dien thoai */
@media (max-width:620px){
  .ngrid{gap:16px}
  .nc h3{font-size:15.4px}
  .vgrid{gap:16px}
  .vc .play{width:54px;height:54px}
  .vc .cap{padding:14px 16px 16px}
  .vc .cap b{font-size:14.6px}
}

/* Bang thong so san pham: hai cot o dien thoai van doc duoc,
   nhung o hep hon thi cho ve mot cot. */
@media (max-width:420px){
  .spec2{grid-template-columns:1fr!important}
}

/* Vung cham o chan trang va trong ngan keo — 24px la qua nho de bam trung */
@media (max-width:620px){
  footer ul a{padding:9px 0}
  footer ul li + li{margin-top:2px}
  .fline{margin-top:16px}
  .fmain{padding:34px 0 26px}
  .fcta{padding:30px 0}
  .fcta .tel b{font-size:27px}
  .fb{font-size:11.8px;gap:8px;padding:14px 0 calc(18px + env(safe-area-inset-bottom,0px))}
}

/* Email va dia chi dai khong duoc lam tran ngang man hinh */
.cd .rw i,
.cd b,
.fline b,
.prose p,
.nc h3,
.pc .bd b{overflow-wrap:anywhere}

@media (max-width:620px){
  /* Nut nho trong the va cac lien ket "Xem chi tiet" can cao hon
     de ngon tay bam trung */
  .pc .pr .bt{min-height:38px}
  .nc .go,
  .sv .go{padding:6px 0;display:inline-flex}
  .cd{padding:18px 18px}
  .cform{padding:22px 18px 20px}
}

/* ===================================================================
   THANH HANH DONG DUOI DAY MAN HINH (chi tren dien thoai)
   Ba nut noi tron ben phai che mat noi dung khi cuon; tren dien thoai
   ta doi sang mot thanh co dinh o day man hinh — ngon cai cham toi
   de nhat va khong de len the san pham.
   =================================================================== */
.mbar{display:none}
@media (max-width:620px){
  .dock{display:none}
  body{padding-bottom:68px}
  .mbar{display:grid;grid-template-columns:1fr 1.04fr 1.26fr;gap:7px;
    position:fixed;left:0;right:0;bottom:0;z-index:80;
    background:rgba(255,255,255,.95);backdrop-filter:blur(12px);
    border-top:1px solid var(--line);box-shadow:0 -8px 24px -18px rgba(8,26,34,.6);
    padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px))}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:6px;
    height:46px;border-radius:14px;font-size:11.8px;font-weight:800;
    letter-spacing:.02em;text-transform:uppercase;line-height:1;white-space:nowrap}
  .mbar a svg{flex:none}
  .mbar a[data-s="phone"]{background:var(--cy-l);color:var(--cy-d)}
  .mbar a[data-s="zalo"]{background:#E6F0FF;color:#0056D6}
  .mbar a[data-s="quote"]{background:var(--cy);color:#fff;
    box-shadow:0 8px 18px -10px rgba(14,143,168,.9)}
  .mbar a:active{transform:scale(.97)}
}

/* ===================================================================
   THANH TIEU DE TREN DIEN THOAI
   Khi thanh dieu huong bi an di, khong con gi day nhom nut sang phai
   nua — nut menu se dung sat ngay canh logo, nhin lech han. Phai tu
   day no ra le phai.
   =================================================================== */
@media (max-width:1040px){
  header .hb{gap:14px}
  header .hend{margin-left:auto}
}
@media (max-width:620px){
  header .hb{padding:10px 0}
  .lg img{height:38px;width:auto}
  .lg strong{font-size:15px}
  .lg > span > span{font-size:11px}
  .burger{width:42px;height:42px;border-radius:13px}
  /* Dai bao demo: mot dong gon, chu nho lai cho do chiem cho */
  .demo{padding:6px 0;font-size:10.2px;letter-spacing:.04em;line-height:1.5}
  .demo .w{gap:0}
}

/* ===================================================================
   HAI LOI BO CUC CU
   1. `.hb` dat lai thuoc tinh padding nen xoa mat le trai phai ma `.w`
      da dat — tren man hinh hep, logo va nut menu dinh sat mep.
   2. `.sp-w` cat bot phan tran de che chu khi no truot len, nhung dau
      mu tieng Viet nam cao hon dong nen bi cat cut. Chua cho san o
      phia tren bang padding roi keo nguoc lai bang margin am.
   =================================================================== */
header .hb{padding-left:20px;padding-right:20px}
.sp-w{padding-top:.24em;margin-top:-.24em}

/* ===================================================================
   MENU PHU
   Bay muc dan hang ngang tren thanh tieu de nhin rat roi. Gom lai con
   sau muc, nhung nhanh con xep vao bang xo xuong. Tren dien thoai,
   cung bo markup do bien thanh muc gap mo trong ngan keo.
   =================================================================== */
nav .it{position:relative;display:flex;align-items:center}
nav .it > a{display:inline-flex;align-items:center;gap:5px}
nav .it > a .mui{opacity:.65;transition:transform .22s;flex:none}
nav .it:hover > a .mui,
nav .it:focus-within > a .mui,
nav .it.mo > a .mui{transform:rotate(180deg);opacity:1}

nav .sub{position:absolute;left:-14px;top:100%;margin-top:14px;min-width:272px;
  background:#fff;border:1.6px solid var(--line);border-radius:18px;padding:8px;
  box-shadow:0 24px 48px -22px rgba(17,27,34,.45);z-index:70;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1),visibility .18s}
/* dai noi vo hinh: chuot di tu muc xuong bang ma bang khong bi dong */
nav .sub::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
nav .it:hover .sub,
nav .it:focus-within .sub,
nav .it.mo .sub{opacity:1;visibility:visible;transform:none}
nav .sub a{display:block;padding:10px 13px;border-radius:12px;
  font-size:13.6px;font-weight:500;color:var(--ink2);line-height:1.4;
  transition:background .16s,color .16s}
nav .sub a:hover{background:var(--cy-l);color:var(--cy-d)}

/* --- trong ngan keo: muc gap mo --- */
.drawer nav .it{display:block;border-bottom:1px solid var(--line)}
/* site.js boc the <a> vao .hang roi them nut mui ten rieng,
   nen phai tro dung .hang > a — khong con la con truc tiep cua .it */
.drawer nav .hang > a{border-bottom:0;flex:1}
.drawer nav .it a .mui{display:none}
.drawer nav .hang{display:flex;align-items:center}
.drawer nav .mo-nut{flex:none;width:42px;height:42px;border:0;background:transparent;
  cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink3)}
.drawer nav .mo-nut svg{transition:transform .22s}
.drawer nav .it.mo .mo-nut svg{transform:rotate(180deg)}
.drawer nav .mo-nut[aria-expanded="true"]{color:var(--cy)}
.drawer nav .sub{position:static;min-width:0;margin:0;padding:0 0 10px 14px;
  background:transparent;border:0;border-radius:0;box-shadow:none;
  opacity:1;visibility:visible;transform:none;transition:none;display:none}
.drawer nav .sub::before{display:none}
.drawer nav .it.mo .sub{display:block}
.drawer nav .sub a{padding:11px 0;font-size:14px;color:var(--ink2);border-radius:0}
.drawer nav .sub a:hover{background:transparent;color:var(--cy-d)}

/* Dai bao demo: ve sau chi hien tren man hinh rong */
@media (max-width:620px){
  .demo .dai{display:none}
}


/* ===== Cong cu cho dai ly: hai may tinh ===== */
/* Truoc day cot nhap cao 322px con the ket qua 483px — lech han mot khoang
   trong duoi cot trai. Dong khung ca hai ben roi keo bang chieu cao. */
.cc{align-items:stretch;gap:28px}
.cc-nhap{display:flex;flex-direction:column;gap:18px;background:#fff;
  border:1.6px solid var(--line);border-radius:22px;padding:26px}
.cc-o{display:block}
.cc-o > span{display:block;font-size:13px;font-weight:700;color:var(--ink2);margin-bottom:7px}
.cc-o > span b{font-weight:600;font-size:12.2px;color:var(--ink3)}
.cc-o input,.cc-o select{width:100%;padding:13px 15px;font:inherit;font-size:16px;font-weight:700;
  color:var(--ink);background:#fff;border:1.6px solid var(--line);border-radius:14px}
.cc-o input:focus,.cc-o select:focus{outline:0;border-color:var(--cy)}
.cc-o em{display:block;font-size:12.4px;font-style:normal;color:var(--ink3);margin-top:7px;line-height:1.5}

.cc-ra{background:var(--navy);border-radius:22px;padding:26px 26px 22px;color:#fff;
  display:flex;flex-direction:column}
.cc-ra .note{margin-top:auto}
.cc-chinh{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.14)}
.cc-chinh span{display:block;font-size:12.4px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:#8FB4C2}
.cc-chinh b{display:block;font-size:clamp(26px,3.4vw,36px);font-weight:800;color:#6FD4E8;
  letter-spacing:-.02em;margin-top:6px}
.cc-dl{margin:16px 0 0}
.cc-dl > div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:9px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.cc-dl > div:last-child{border-bottom:0}
.cc-dl dt{font-size:13.4px;color:#B6CDD6}
.cc-dl dd{margin:0;font-size:15px;font-weight:700;color:#fff;text-align:right;white-space:nowrap}
.cc-ra .note{color:#8FB4C2}

/* bang tinh so thung */
.cc-bang input{width:92px;padding:9px 11px;font:inherit;font-size:15px;font-weight:700;
  text-align:right;border:1.6px solid var(--line);border-radius:11px;background:#fff}
.cc-bang input:focus{outline:0;border-color:var(--cy)}
.cc-ma{display:block;font-size:12.6px;font-weight:700;color:var(--cy-d);letter-spacing:.02em}
.cc-ten{display:block;font-size:13.6px;font-weight:600;margin-top:2px;line-height:1.35}
.cc-qc{font-size:12.8px;color:var(--ink3);white-space:nowrap}
.cc-so{text-align:right;font-weight:700;white-space:nowrap}
.cc-bang tr.co{background:var(--cy-l)}
.cc-bang tfoot th,.cc-bang tfoot td{background:var(--g);font-weight:800;border-top:2px solid var(--line)}
.cc-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}

/* O luoi mac dinh la min-width:auto nen khong co nho hon noi dung ben trong —
   the ket qua day ngang ra 380px tren man hinh 375px. */
.cc > *{min-width:0}
@media (max-width:900px){
  .cc{grid-template-columns:1fr}
}


/* --- don them cho hai may tinh --- */
/* Mui ten tang/giam cua trinh duyet lam o nhap trong roi mat. */
.cc-o input[type=number]::-webkit-outer-spin-button,
.cc-o input[type=number]::-webkit-inner-spin-button,
.cc-bang input::-webkit-outer-spin-button,
.cc-bang input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cc-o input[type=number],.cc-bang input{-moz-appearance:textfield;appearance:textfield}

/* Dong chu thich nho duoi con so trong the ket qua */
.cc-phu{display:block;font-size:11.6px;font-weight:400;color:#8FB4C2;margin-top:2px;white-space:normal}
.cc-dl dd{line-height:1.35}

/* O nhap so luong de nhat lai cho bang do roi mat. Hang nao co so da duoc
   to nen xanh nhat (.cc-bang tr.co) — the la du de nhin ra, khong can to
   them vien o nhap. */
.cc-bang input{border-color:#E4EBEF;color:var(--ink2)}
.cc-bang input::placeholder{color:#C3CED4}
.cc-bang input:focus{border-color:var(--cy);color:var(--ink)}
.cc-bang th,.cc-bang td{vertical-align:middle}

@media (max-width:900px){
  .cc-nhap{padding:22px}
  .cc-ra{padding:22px 22px 18px}
}

/* ===== Trang bao hanh va doi tra ===== */
/* Bon moc thoi gian o dau trang */
.bh-moc{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bh-mz{background:#fff;border:1.6px solid var(--line);border-radius:20px;padding:22px 20px}
.bh-mz b{display:block;font-size:clamp(22px,2.6vw,29px);font-weight:800;color:var(--cy-d);letter-spacing:-.02em}
.bh-mz span{display:block;font-size:13px;font-weight:700;margin-top:4px}
.bh-mz p{margin:8px 0 0;font-size:13px;color:var(--ink2);line-height:1.55}

/* Danh sach truong hop khong duoc bao hanh */
.bh-khong{margin-top:20px;display:flex;flex-direction:column;gap:2px}
.bh-khong > div{padding:13px 16px;background:#fff;border:1.6px solid var(--line);border-radius:14px}
.bh-khong b{display:block;font-size:14.4px;font-weight:700}
.bh-khong span{display:block;font-size:13px;color:var(--ink2);margin-top:3px;line-height:1.55}

/* Bon buoc xu ly */
.bh-buoc{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}
.bh-bz{background:#fff;border:1.6px solid var(--line);border-radius:20px;padding:24px 20px 20px;position:relative}
.bh-so{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:var(--cy);color:#fff;font-weight:800;font-size:15px;margin-bottom:12px}
.bh-bz b{display:block;font-size:15.4px;font-weight:700}
.bh-bz p{margin:7px 0 0;font-size:13.4px;color:var(--ink2);line-height:1.6}

/* Hai the doi tra */
.bh-the{background:#fff;border:1.6px solid var(--line);border-radius:22px;padding:26px}
.bh-noibat{background:var(--navy);border-color:var(--navy);color:#fff}
.bh-nhan{display:inline-block;font-size:11.6px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--cy-d);background:var(--cy-l);padding:6px 13px;border-radius:999px}
.bh-noibat .bh-nhan{color:var(--navy);background:#6FD4E8}
.bh-the ul{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.bh-the li{position:relative;padding-left:22px;font-size:14.6px;line-height:1.6;color:var(--ink2)}
.bh-the li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--cy)}
.bh-noibat li{color:#C2D6DD}
.bh-noibat li::before{background:#6FD4E8}

/* Bang so sanh chinh ngach / xach tay */
.bh-ss td{font-size:13.8px;line-height:1.55}
.bh-co{color:var(--ink)}
.bh-khongco{color:var(--ink3)}

@media (max-width:980px){
  .bh-moc{grid-template-columns:repeat(2,1fr)}
  .bh-buoc{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .bh-moc{grid-template-columns:1fr}
  .bh-buoc{grid-template-columns:1fr}
  .bh-the{padding:22px}
}

/* ===== Danh sach quan tam (kieu gio hang cho ban si) ===== */
.qt{font:inherit;font-size:12.6px;font-weight:700;letter-spacing:.02em;cursor:pointer;
  padding:8px 14px;border-radius:999px;white-space:nowrap;
  background:#fff;color:var(--cy-d);border:1.6px solid var(--cy);transition:background .18s,color .18s}
.qt:hover{background:var(--cy-l)}
.qt.da{background:var(--cy);color:#fff;border-color:var(--cy)}
.qt-to{padding:12px 22px;font-size:13.4px}

/* Thanh noi duoi day man hinh khi da chon it nhat mot ma */
.qtbar{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--navy);color:#fff;
  box-shadow:0 -14px 40px -18px rgba(6,25,33,.6);transform:translateY(110%);
  transition:transform .26s ease;pointer-events:none}
.qtbar.hien{transform:none;pointer-events:auto}
.qtbar-in{max-width:1180px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;
  justify-content:space-between;gap:18px;flex-wrap:wrap}
.qtbar-chu b{display:block;font-size:14.4px;font-weight:800}
.qtbar-chu span{display:block;font-size:12.6px;color:#8FB4C2;margin-top:2px;
  max-width:62ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qtbar-nut{display:flex;align-items:center;gap:12px;flex:none}
.qtbar-xoa{font:inherit;font-size:12.8px;font-weight:600;color:#8FB4C2;background:none;border:0;
  cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.qtbar-xoa:hover{color:#fff}

/* Chua chen vao thanh hanh dong co san duoi day man hinh dien thoai */
@media (max-width:820px){
  .qtbar{bottom:64px}
  .qtbar-in{padding:11px 16px;gap:12px}
  .qtbar-chu span{max-width:30ch}
}
body.co-qtbar{padding-bottom:72px}

/* ===== Bo chon ma (ba cau hoi) ===== */
.cx{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:start}
.cx-hoi{display:flex;flex-direction:column;gap:16px}
.cx-o{border:1.6px solid var(--line);border-radius:18px;padding:18px 20px;background:#fff;margin:0}
.cx-o legend{font-size:13.6px;font-weight:700;padding:0 6px;color:var(--ink)}
.cx-o label{display:flex;align-items:flex-start;gap:10px;padding:8px 0;cursor:pointer}
.cx-o input{margin-top:3px;accent-color:var(--cy);width:17px;height:17px;flex:none}
.cx-o label span{font-size:14.2px;color:var(--ink2);line-height:1.5}
.cx-o input:checked + span{color:var(--ink);font-weight:600}

.cx-ra{display:flex;flex-direction:column;gap:16px}
.cx-the{background:#fff;border:1.6px solid var(--line);border-radius:20px;padding:20px}
.cx-nhat{border-color:var(--cy);box-shadow:0 18px 40px -26px rgba(14,143,168,.5)}
.cx-nhan{display:inline-block;font-size:11.2px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink3);background:var(--g);padding:5px 12px;border-radius:999px}
.cx-nhat .cx-nhan{color:#fff;background:var(--cy)}
.cx-than{display:flex;gap:18px;margin-top:14px}
.cx-than img{width:92px;height:auto;flex:none;border-radius:12px;background:var(--g);object-fit:contain}
.cx-ma{display:block;font-size:12.4px;font-weight:700;color:var(--cy-d);letter-spacing:.02em}
.cx-than b{display:block;font-size:15.4px;font-weight:700;margin-top:2px;line-height:1.35}
.cx-vi{display:block;font-size:11.8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink3);margin-top:12px}
.cx-than ul{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
.cx-than li{position:relative;padding-left:16px;font-size:13.4px;color:var(--ink2);line-height:1.5}
.cx-than li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--cy)}
.cx-nut{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.cx-trong{font-size:14.4px;color:var(--ink2);background:var(--g);border-radius:16px;padding:22px}

@media (max-width:900px){
  .cx{grid-template-columns:1fr}
  .cx-than img{width:74px}
}

/* ===== Ban in: moi ma mot to A4 ===== */
/* Dai tieu de chi hien khi in — tren man hinh thi an di. */
.in-dau{display:none}

@media print{
  @page{size:A4;margin:14mm 12mm}

  /* Bo moi thu khong phai noi dung san pham: thanh dieu huong, chan trang,
     cac nut noi, thanh danh sach quan tam, man hinh cho... */
  header,footer,.dock,.mbar,.qtbar,.drawer,.veil,#pre,.phead,.bt,.qt,
  .soc,.lang,.burger,.sshint,.faq,.pc,.cc-cta{display:none !important}

  html,body{background:#fff !important;color:#000 !important}
  body{padding:0 !important;font-size:11pt}
  section{padding:0 !important;break-inside:avoid}
  .sec-g{background:#fff !important}
  .w{max-width:none !important;padding:0 !important}

  /* Dai tieu de to giay */
  .in-dau{display:flex !important;align-items:center;gap:14mm;
    padding-bottom:4mm;margin-bottom:6mm;border-bottom:1.5pt solid #0E3A4A}
  .in-dau img{width:34mm;height:auto}
  .in-dau b{display:block;font-size:11pt;font-weight:700;color:#0E3A4A}
  .in-dau span{display:block;font-size:8.5pt;color:#333;line-height:1.5}

  /* Anh san pham nho lai, bang thong so chiem phan con lai */
  .two{display:grid !important;grid-template-columns:52mm 1fr !important;gap:10mm !important}
  .two .pic{background:#fff !important;box-shadow:none !important;padding:0 !important}
  .two .pic img{max-width:52mm !important}
  h2{font-size:15pt !important;color:#0E3A4A !important}
  .lead{font-size:10pt !important;color:#333 !important}

  .spec{border:0.8pt solid #999 !important}
  .spec > div{border-color:#999 !important;padding:2.5mm 3mm !important;break-inside:avoid}
  .spec dt{font-size:7.5pt !important;color:#555 !important}
  .spec dd{font-size:10.5pt !important}
  .spec .vs{font-size:8.5pt !important;color:#444 !important}

  /* Bang so sanh cung nhom: cho in het, khong cuon ngang */
  .sswrap{overflow:visible !important}
  .ss{font-size:8.5pt !important;width:100% !important}
  .ss th,.ss td{padding:2mm !important;border-color:#999 !important}

  .note{font-size:8pt !important;color:#555 !important}
  a[href]::after{content:""}
}

/* Dien thoai: thanh danh sach quan tam xuong hai hang la che mat ca mot the
   noi dung. Bo dong liet ke ma, giu so luong + nut gui tren mot hang. */
@media (max-width:820px){
  .qtbar-in{flex-wrap:nowrap}
  .qtbar-chu span{display:none}
  .qtbar-chu b{font-size:13.6px;white-space:nowrap}
  .qtbar-nut{gap:10px}
  .qtbar-nut .bt{padding:9px 14px;font-size:12px;white-space:nowrap}
}

/* ===== Trang so sanh tu chon ===== */
.ss-dan{margin-top:22px;text-align:center}
.ss-chon{background:#fff;border:1.6px solid var(--line);border-radius:22px;padding:22px 24px;position:relative}
.ss-chon-dau{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:6px}
.ss-chon-dau b{font-size:15.4px;font-weight:800}
.ss-dem{font-size:12.6px;font-weight:700;color:var(--cy-d);background:var(--cy-l);padding:5px 12px;border-radius:999px}
.ss-nhom{display:flex;align-items:flex-start;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.ss-nhomten{flex:0 0 118px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);padding-top:9px}
.ss-chips{display:flex;flex-wrap:wrap;gap:8px}
.ss-chip{position:relative;cursor:pointer}
.ss-chip input{position:absolute;opacity:0;width:1px;height:1px}
.ss-chip span{display:inline-block;padding:8px 14px;border-radius:999px;font-size:13.4px;font-weight:700;
  border:1.6px solid var(--line);color:var(--ink2);background:#fff;transition:all .16s}
.ss-chip:hover span{border-color:var(--cy)}
.ss-chip.on span{background:var(--cy);border-color:var(--cy);color:#fff}
.ss-chip.het span{opacity:.45;cursor:not-allowed}
.ss-chip input:focus-visible + span{outline:2px solid var(--cy);outline-offset:2px}
.ss-goiy{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--line);
  font-size:12.6px;color:var(--ink3)}
.ss-goiy button{font:inherit;font-size:12.6px;font-weight:600;color:var(--cy-d);background:var(--g);border:0;
  border-radius:999px;padding:6px 12px;cursor:pointer}
.ss-goiy button:hover{background:var(--cy-l)}
.ss-bao{position:absolute;left:50%;bottom:-14px;transform:translate(-50%,100%);background:var(--navy);color:#fff;
  font-size:12.8px;padding:8px 14px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}
.ss-bao.hien{opacity:1}

.ss-dieukhien{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:26px 0 12px}
.ss-khac{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;cursor:pointer}
.ss-khac input{width:18px;height:18px;accent-color:var(--cy)}
.ss-dk-nut{display:flex;gap:10px;flex-wrap:wrap}

.ss-bang th.ss-cot{text-align:left;vertical-align:top;min-width:190px;background:#fff;color:var(--ink);
  border-bottom:2px solid var(--line)}
.ss-bang th.ss-cot img{display:block;width:96px;height:auto;border-radius:12px;background:var(--g);margin-bottom:10px}
.ss-ma{display:block;font-size:12.4px;font-weight:800;color:var(--cy-d);letter-spacing:.02em}
.ss-ten{display:block;font-size:13.8px;font-weight:700;line-height:1.35;margin-top:2px;text-transform:none;letter-spacing:0}
.ss-nut{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ss-nut a{font-size:12px;font-weight:700;color:var(--cy-d);text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.ss-nut .qt{padding:6px 11px;font-size:11.6px}
.ss-bo{font:inherit;font-size:11.6px;color:var(--ink3);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ss-bo:hover{color:#B4231B}
.ss-bang tbody td{font-size:14px;font-weight:600}
.ss-bang tr.ss-khacnhau td{background:#FFF8E6}
.ss-dau-khac{font-style:normal;font-size:10.4px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:#9A6700;background:#FFE7A8;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:middle}
.ss-chua{color:var(--ink3);font-weight:400}
.ss-ghichu td{font-size:12.8px;color:var(--ink3);font-weight:400;text-align:center;background:var(--g)}

.ss-trong{text-align:center;padding:48px 20px;border:1.6px dashed var(--line);border-radius:22px;margin-top:26px}
.ss-trong b{display:block;font-size:17px;font-weight:800}
.ss-trong p{margin:8px auto 0;max-width:44ch;font-size:14.4px;color:var(--ink2)}

@media (max-width:820px){
  .ss-nhom{flex-direction:column;gap:8px}
  .ss-nhomten{flex:none;padding-top:0}
  .ss-bang th.ss-cot{min-width:160px}
  .ss-bang th.ss-cot img{width:72px}
}
@media print{
  .ss-chon,.ss-dieukhien,.ss-trong,.ss-nut,.qtbar{display:none !important}
  .ss-bang{display:table !important}
}

/* ===== 8. BIEU MAU GUI THAT (noi voi trang quan tri) ===== */
.frm.dang-gui{opacity:.6;pointer-events:none}
.frm-ok{background:var(--cy-l);border:1.5px solid var(--cy);border-radius:18px;padding:20px 22px;margin-top:20px}
.frm-ok b{display:block;font-size:16px;font-weight:800;color:var(--cy-d)}
.frm-ok p{margin:6px 0 0;font-size:14px;color:var(--ink2);line-height:1.6}
.frm-loi{color:#B4231B;font-size:13.2px;font-weight:600;margin-top:8px}
.frm .bay{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* Noi dung bai viet soan trong trang quan tri */
.prose h2{font-size:24px;font-weight:800;text-transform:uppercase;line-height:1.3;margin-top:34px}
.prose h3{font-size:19px;font-weight:800;line-height:1.35;margin-top:26px}
.prose ul,.prose ol{color:var(--ink2);font-size:16px;line-height:1.85;margin-top:14px;padding-left:22px}
.prose li{margin-top:6px}
.prose img{max-width:100%;height:auto;border-radius:18px;margin-top:22px}
.prose blockquote{background:var(--cy-l);border-left:3px solid var(--cy);border-radius:0 16px 16px 0;padding:20px 22px;margin:30px 0 0;color:var(--ink)}
.prose a{color:var(--cy-d);text-decoration:underline;text-underline-offset:3px}
.tlk .bt{margin-top:12px}

/* Dai anh nho duoi anh chinh trang san pham */
.anh-them{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.anh-them button{width:72px;height:86px;padding:4px;border-radius:12px;border:1.6px solid var(--line);background:var(--g);cursor:pointer;transition:border-color .15s}
.anh-them button img{width:100%;height:100%;object-fit:contain;display:block}
.anh-them button.on,.anh-them button:hover{border-color:var(--cy)}

/* ---------- 4. cum nut noi goc phai ----------
   Mot "vien thuoc" trang mo (kinh mo), ben trong la cac nut tron mau thuong hieu:
   goi, Zalo, Messenger, roi cac kenh dang bat trong Cai dat chung, cuoi la nut
   len dau trang. Re chuot vao nut thi nhan chu truot ra ben trai. */
.dock{position:fixed;right:18px;bottom:22px;z-index:70;display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:7px;border-radius:999px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(8,26,34,.08);box-shadow:0 18px 44px -18px rgba(8,26,34,.45),0 2px 6px rgba(8,26,34,.06);transition:bottom .25s}
.dock a,.dock button{position:relative;width:44px;height:44px;border-radius:50%;border:0;padding:0;margin:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:#fff;background:var(--navy);
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.14);transition:transform .18s,box-shadow .18s}
.dock a:hover,.dock button:hover{transform:scale(1.08);box-shadow:inset 0 -2px 0 rgba(0,0,0,.14),0 10px 20px -8px rgba(8,26,34,.55)}
.dock a svg{width:22px;height:22px;display:block}
.dock a[data-s="phone"]{background:linear-gradient(160deg,#1fc3d4,var(--cy) 58%,#0b6f83)}
.dock a[data-s="zalo"]{background:#0068FF}
.dock a[data-s="messenger"]{background:linear-gradient(160deg,#00B2FF,#A033FF 62%,#FF5C80)}
.dock a[data-s="facebook"]{background:#1877F2}
.dock a[data-s="youtube"]{background:#FF0000}
.dock a[data-s="tiktok"]{background:#111}
.dock a[data-s="instagram"]{background:linear-gradient(45deg,#F58529,#DD2A7B 55%,#8134AF)}
.dock a[data-s="threads"]{background:#111}
.dock a[data-s="x"]{background:#111}
.dock a[data-s="linkedin"]{background:#0A66C2}
.dock a[data-s="pinterest"]{background:#E60023}
.dock a[data-s="telegram"]{background:#26A5E4}
.dock a[data-s="whatsapp"]{background:#25D366}
.dock a[data-s="shopee"]{background:#EE4D2D}
.dock a[data-s="lazada"]{background:#0F146D}
.dock a[data-s="tiki"]{background:#1A94FF}
/* vong song lan quanh nut goi */
.dock .pulse{animation:dockRing 2.4s ease-out infinite}
@keyframes dockRing{0%{box-shadow:inset 0 -2px 0 rgba(0,0,0,.14),0 0 0 0 rgba(15,163,177,.5)}100%{box-shadow:inset 0 -2px 0 rgba(0,0,0,.14),0 0 0 14px rgba(15,163,177,0)}}
/* nhan chu truot ra ben trai khi re chuot */
.dock a::after,.dock button::after{content:attr(title);position:absolute;right:calc(100% + 16px);top:50%;
  transform:translateY(-50%) translateX(8px);background:var(--navy);color:#fff;font:700 12.5px/1 var(--f);letter-spacing:.01em;
  padding:9px 12px;border-radius:10px;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(8,26,34,.6);
  opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
.dock a::before,.dock button::before{content:"";position:absolute;right:calc(100% + 5px);top:50%;transform:translateY(-50%) translateX(8px);
  border:6px solid transparent;border-left-color:var(--navy);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
.dock a:hover::after,.dock a:hover::before,.dock button:hover::after,.dock button:hover::before{opacity:1;transform:translateY(-50%)}
/* nut len dau trang: chi hien khi da cuon */
.dock .dock-top{display:none;width:36px;height:36px;color:var(--ink2);background:var(--g);box-shadow:none;margin-top:2px}
.dock .dock-top svg{width:18px;height:18px}
.dock.len .dock-top{display:flex}
/* khi thanh "ma da chon" dang hien thi day cum nut len, khong de len nhau */
body:has(.qtbar.hien) .dock{bottom:calc(22px + 84px)}

/* ---------- than bai theo ngon ngu: in san 4 ban, chi hien ban dang chon ---------- */
.chi-en,.chi-zh,.chi-ko{display:none}
html[lang="en"] .chi-vi,html[lang="zh"] .chi-vi,html[lang="ko"] .chi-vi{display:none}
html[lang="en"] .chi-en,html[lang="zh"] .chi-zh,html[lang="ko"] .chi-ko{display:block}
html[lang="zh"] body{font-family:var(--f),"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
html[lang="ko"] body{font-family:var(--f),"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
/* dien thoai: thanh duoi (goi / Zalo / bao gia) thay cho cum nut noi */
@media (max-width:620px){.dock{display:none}}

/* ---------- nut doi ngon ngu: mot nut hien ngon ngu dang chon, bam mo danh sach ---------- */
.lang{position:relative;display:inline-flex;flex:none}
.lang .lang-bt{display:inline-flex;align-items:center;gap:7px;border:1.6px solid var(--line);background:#fff;border-radius:999px;
  padding:7px 11px 7px 10px;font-family:var(--f);font-size:11.8px;font-weight:800;letter-spacing:.06em;color:var(--ink);cursor:pointer;
  line-height:1;transition:border-color .2s,box-shadow .2s,color .2s}
.lang .lang-bt:hover,.lang .lang-bt[aria-expanded="true"]{border-color:var(--cy);color:var(--cy-d);box-shadow:0 8px 18px -12px rgba(14,143,168,.7)}
.lang .lang-bt .chev{transition:transform .2s;opacity:.7}
.lang .lang-bt[aria-expanded="true"] .chev{transform:rotate(180deg)}
.lang .lang-cur{min-width:22px;text-align:center}
.lang .lang-ds{position:absolute;top:calc(100% + 8px);right:0;min-width:176px;margin:0;padding:6px;list-style:none;background:#fff;
  border:1.6px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -18px rgba(8,26,34,.45);z-index:95;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
.lang.open .lang-ds{opacity:1;visibility:visible;transform:none}
.lang .lang-ds button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;border-radius:10px;
  padding:9px 10px;cursor:pointer;font-family:var(--f);text-align:left;color:var(--ink);letter-spacing:0;transition:background .15s}
.lang .lang-ds button b{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--ink3);width:26px;flex:none}
.lang .lang-ds button span{font-size:13.6px;font-weight:600}
.lang .lang-ds button:hover{background:var(--g)}
.lang .lang-ds button[aria-selected="true"]{background:var(--cy-l);color:var(--cy-d)}
.lang .lang-ds button[aria-selected="true"] b{color:var(--cy-d)}
.lang .lang-ds button[aria-selected="true"]::after{content:"";margin-left:auto;width:6px;height:11px;border-right:2px solid var(--cy-d);border-bottom:2px solid var(--cy-d);transform:rotate(45deg)}
/* trong ngan keo (dien thoai): liet ke san 4 o, khong can bam mo */
.drawer .lang{display:block;width:100%}
.drawer .lang .lang-bt{display:none}
.drawer .lang .lang-ds{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0;background:transparent;
  display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
.drawer .lang .lang-ds button{border:1.6px solid var(--line);border-radius:12px;padding:11px 12px}

/* ---------- tim kiem toan trang ---------- */
.tim-bt{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1.6px solid var(--line);border-radius:999px;
  background:#fff;color:var(--ink);cursor:pointer;flex:none;transition:border-color .2s,color .2s,box-shadow .2s}
.tim-bt:hover{border-color:var(--cy);color:var(--cy-d);box-shadow:0 8px 18px -12px rgba(14,143,168,.7)}
.drawer .tim-mo{display:flex;align-items:center;gap:10px;width:100%;margin:16px 0 6px;padding:12px 14px;border:1.6px solid var(--line);border-radius:14px;
  background:var(--g);color:var(--ink3);font-family:var(--f);font-size:14px;font-weight:600;cursor:pointer;text-align:left}
.tim{position:fixed;inset:0;z-index:120}
.tim[hidden]{display:none}
.tim-veil{position:absolute;inset:0;background:rgba(8,26,34,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.tim-hop{position:relative;max-width:720px;margin:7vh auto 0;background:#fff;border-radius:22px;box-shadow:0 40px 90px -30px rgba(8,26,34,.7);
  overflow:hidden;animation:timHien .22s ease-out}
@keyframes timHien{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.tim-o{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);color:var(--ink3)}
.tim-nhap{flex:1;border:0;outline:0;font-family:var(--f);font-size:18px;font-weight:600;color:var(--ink);background:transparent;min-width:0}
.tim-nhap::placeholder{color:var(--ink3);font-weight:500}
.tim-nhap::-webkit-search-cancel-button{display:none}
.tim-dong{border:1.6px solid var(--line);background:#fff;border-radius:8px;padding:5px 9px;font-family:var(--f);font-size:11.5px;font-weight:800;letter-spacing:.06em;color:var(--ink3);cursor:pointer}
.tim-dong:hover{border-color:var(--cy);color:var(--cy-d)}
.tim-goi{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px;font-size:12.5px;color:var(--ink3)}
.tim-goi button{border:1.6px solid var(--line);background:#fff;border-radius:999px;padding:5px 11px;font-family:var(--f);font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer}
.tim-goi button:hover{border-color:var(--cy);color:var(--cy-d)}
.tim-kq{max-height:min(62vh,560px);overflow:auto;padding:4px 10px 12px}
.tim-nhom{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);padding:12px 10px 6px}
.tim-kq a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;color:var(--ink);text-decoration:none}
.tim-kq a:hover,.tim-kq a.on{background:var(--cy-l)}
.tim-kq a img,.tim-kq a .tim-ic{width:44px;height:44px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--line);flex:none}
.tim-kq a .tim-ic{display:grid;place-items:center;color:var(--cy-d);background:var(--g)}
.tim-kq a b{display:block;font-size:14.4px;font-weight:700;line-height:1.3}
.tim-kq a b mark{background:#FFF1B8;color:inherit;border-radius:3px;padding:0 1px}
.tim-kq a small{display:block;font-size:12.3px;color:var(--ink3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}
.tim-trong{padding:26px 18px 30px;text-align:center;color:var(--ink3);font-size:14px}
@media (max-width:620px){
  .tim-hop{margin:0;border-radius:0 0 22px 22px;max-width:none}
  .tim-kq{max-height:calc(100vh - 150px)}
  .tim-bt{width:40px;height:40px}
  .tim-kq a small{max-width:220px}
}

/* ---- Thanh trên cùng dạng liên hệ (tổng đài · email · giờ làm việc) ---- */
.demo.tb-lh{color:#B9CDD6}
.demo.tb-lh svg{vertical-align:-2px;margin-right:6px;color:#6FD4E8}
.demo.tb-lh a{color:#fff;font-weight:700;text-decoration:none}
.demo.tb-lh a:hover{color:#6FD4E8;text-decoration:underline;text-underline-offset:3px}
.demo.tb-lh .tb-mail{text-transform:none;letter-spacing:0;font-weight:600}
.demo.tb-lh .tb-gio{color:#fff;font-weight:700}
/* link Chính sách bảo mật cạnh ô "Tôi đồng ý" của các biểu mẫu */
.fchk a{color:var(--cy-d);text-decoration:underline;text-underline-offset:2px}

/* ===== Phông tiêu đề: Plus Jakarta Sans 700, IN HOA (11/10/2026 — anh chọn: thay Be Vietnam Pro 800 trông "chợ",
   giữ in hoa). Chữ gõ trong quản trị cứ viết như câu bình thường — CSS tự in hoa. Tự lưu trên máy chủ: public/fonts/plus-jakarta-sans (giấy phép SIL OFL, kèm OFL.txt).
   !important vì mẫu trang chủ có CSS nội tuyến nạp SAU tệp này và cả style="" gắn trên thẻ ép IN HOA / đậm 800.
   Nhãn nhỏ (b, span, h4…) giữ nguyên in hoa — ở cỡ nhỏ in hoa vẫn gọn. ===== */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;
  src:url(/fonts/plus-jakarta-sans/plus-jakarta-sans-700-vietnamese.woff2) format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;
  src:url(/fonts/plus-jakarta-sans/plus-jakarta-sans-700-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;
  src:url(/fonts/plus-jakarta-sans/plus-jakarta-sans-700-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
h1,h2,h3{font-family:"Plus Jakarta Sans",var(--f)!important;font-weight:700!important;letter-spacing:-.005em!important}
/* in hoa cả phần tử con (chữ tô màu, chữ tách từng từ của hiệu ứng tiêu đề đầu trang) */
:is(h1,h2,h3),:is(h1,h2,h3) *{text-transform:uppercase!important}
html[lang="zh"] :is(h1,h2,h3){font-family:"Plus Jakarta Sans","PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif!important}
html[lang="ko"] :is(h1,h2,h3){font-family:"Plus Jakarta Sans","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif!important}

/* ===== Điện thoại: cỡ chữ tối thiểu 11px và vùng bấm đủ lớn (rà mobile 12/10/2026) ===== */
@media (max-width:620px){
  /* thanh trên cùng: chữ 11.5px, số điện thoại bấm được (cao ≥ 32px), chỉ giữ tổng đài cho gọn */
  .demo.tb-lh{font-size:11.5px;padding:0}
  .demo.tb-lh a{display:inline-block;padding:8px 2px;margin:0 1px}
  .demo.tb-lh .tb-hn{display:none}
  .pc .code{font-size:11px}
  /* link chân trang: vùng bấm cao hơn */
  footer a[href*="chinh-sach-bao-mat"]{display:inline-block;padding:8px 0}
}
@media (max-width:620px){
  /* ô tích đồng ý to hơn cho dễ chạm; cả dòng chữ là vùng bấm (label) */
  label.fchk input[type="checkbox"]{width:20px;height:20px;margin-top:0}
  .fchk a{display:inline-block;padding:4px 0}
}