/* v5 vong 2 (QA2 + gop y thiet ke anh Quyet, 25/10/2026): it chu, nhieu icon, chuyen nghiep kieu CA.
   Nap SAU ux.css. Moi luat nam duoi .v5 (tru hop thoai bao gia .v5-mform nam ngoai .v5 vi modal gan vao body). */

/* ---------- 1. trang chu: man hinh dau mobile thay H1 + 2 nut ---------- */
@media (max-width:760px){
  .v5 .bar .wrap{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-top:8px;padding-bottom:8px}
  .v5 .bar-tin b{-webkit-line-clamp:1;font-size:15px;line-height:1.35}
  .v5 .bar-dk{margin-left:0}
  .v5 .bar-dk .bar-nut,.v5 .bar-dk .bar-so{display:none}
  .v5 .bar .bar-doc{min-height:34px;padding:7px 14px;font-size:14px;margin-left:0}
  .v5 .hero .sl{order:2}
  .v5 .hero .wrap{gap:22px;padding-top:18px}
  .v5 .hero .kicker{font-size:13px}
  .v5 .hero h1{font-size:32px}
}
/* so lieu that (CSDL) */
.v5 .so-lieu{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px 30px}
.v5 .so-lieu li{display:grid;line-height:1.15}
.v5 .so-lieu b{font:700 30px var(--h);color:var(--deep);letter-spacing:-.01em}
.v5 .so-lieu span{font-size:14px;color:var(--muted)}
@media (max-width:760px){ .v5 .so-lieu{gap:8px 20px;margin-top:18px} .v5 .so-lieu b{font-size:24px} .v5 .so-lieu span{font-size:13px} }
/* slide hinh ve thanh dia chi */
.v5 .kh.hinh-ve{background:linear-gradient(160deg,#eef6f0,#dfeee3);display:grid;place-items:center;padding:4%}
.v5 .kh.hinh-ve svg{width:100%;height:auto;max-height:100%;display:block}
/* dai tin cay duoi hero - #556 (26/10): 2 hang (goc tin cay / phan phoi) thang cot: cot nhan + luoi 4 o deu nhau,
   logo hang trong khung cao bang nhau (chinh rieng tung logo de nhin can) */
.v5 .tin-cay{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--grey2)}
.v5 .tin-cay .tc-luoi{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:12px 32px;padding-top:18px;padding-bottom:18px}
.v5 .tc-nhan{margin:0;display:flex;align-items:center;gap:8px;font:600 15px var(--h);color:var(--muted)}
.v5 .tc-goc{color:var(--ink)}
.v5 .tc-goc img{height:20px;width:auto}
.v5 .tc-o{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v5 .tc-o li{height:36px;display:flex;align-items:center;justify-content:center}
.v5 .tc-nen li{gap:8px;font-size:15px;color:var(--ink);font-weight:500}
.v5 .tc-nen svg{width:20px;height:20px;flex:0 0 auto}
.v5 .tc-hang a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:8px}
.v5 .tc-hang img{height:24px;width:auto;max-width:118px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter var(--t) var(--ease),opacity var(--t) var(--ease)}
.v5 .tc-hang li:nth-child(3) img,.v5 .tc-hang li:nth-child(4) img{height:30px}
.v5 .tc-hang a:hover img,.v5 .tc-hang a:focus-visible img{filter:none;opacity:1}
.v5 .tc-nen+.tc-nhan,.v5 .tc-nen+.tc-nhan+.tc-hang{border-top:1px solid var(--line);padding-top:12px}
@media (max-width:760px){
  .v5 .tin-cay .tc-luoi{grid-template-columns:1fr;gap:8px;padding-top:14px;padding-bottom:14px}
  .v5 .tc-nhan{font-size:14px}
  .v5 .tc-nen+.tc-nhan{margin-top:6px}
  .v5 .tc-nen+.tc-nhan+.tc-hang{border-top:0;padding-top:0}
  .v5 .tc-nen li{font-size:14px;gap:6px}.v5 .tc-nen svg{width:18px;height:18px}
  .v5 .tc-o{gap:6px}
  .v5 .tc-hang img{height:20px;max-width:78px}.v5 .tc-hang li:nth-child(3) img,.v5 .tc-hang li:nth-child(4) img{height:25px}
}
@media (max-width:440px){ .v5 .tc-nen{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px}.v5 .tc-nen li{justify-content:flex-start;height:30px} }
/* dai logo khach hang chay vong */
.v5 .kh-dai .wrap{gap:28px}
.v5 .kh-chay{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;outline-offset:4px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.v5 .kh-chay::-webkit-scrollbar{display:none}
.v5 .kh-chay.dang-keo{cursor:grabbing;user-select:none}
.v5 .kh-ray{list-style:none;margin:0;padding:6px 0;display:flex;align-items:center;gap:44px;width:max-content}
.v5 .kh-ray li{flex:none;display:flex;align-items:center;height:44px}
.v5 .kh-ray img{height:40px;width:auto;max-width:200px;object-fit:contain;filter:grayscale(1);opacity:.62;transition:filter var(--t) var(--ease),opacity var(--t) var(--ease);-webkit-user-drag:none}
.v5 .kh-ray li:hover img{filter:none;opacity:1}
.v5 .kh-ray .kh-ten{font:700 22px var(--h);color:#7b8580;white-space:nowrap;transition:color var(--t) var(--ease)}
.v5 .kh-ray li:hover .kh-ten{color:#1d4f8f}
@media (prefers-reduced-motion:reduce){ .v5 .kh-chay{scroll-snap-type:x mandatory}.v5 .kh-ray li{scroll-snap-align:start} }
@media (max-width:760px){ .v5 .kh-dai .wrap{gap:10px}.v5 .kh-chay{width:100%}.v5 .kh-ray{gap:30px}.v5 .kh-ray img{height:34px} }
/* N14: nhan "Tin chu y" du tuong phan */
.v5 .bar-nhan{background:#fff;color:var(--deep)}
/* N7: khoi hien khi cuon - sau khi hien xong menu.js go .cho/.hien nen transition hover cua the tro lai binh thuong */

/* ---------- 2. menu: "Giai phap" danh sach icon 1 cot, nhom "Phan mem HQV" ---------- */
.v5 .mc-bang.mc-bang-gp{display:block;min-width:620px}
.v5 .mc-gp{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}
.v5 .mc-ds{display:grid;gap:2px;align-content:start}
.v5 .mc-nhom{display:grid;gap:2px;align-content:start;border-left:1px solid var(--line);padding-left:20px}
.v5 .mc-nhom-t{margin:4px 0 4px 10px;font:700 12px var(--h);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.v5 .mc-muc{display:flex;align-items:flex-start;gap:12px;padding:8px 10px;border-radius:12px;color:var(--ink);min-width:0}
.v5 .mc-muc .ico{width:20px;height:20px;padding:7px;box-sizing:content-box;border-radius:10px;background:#e3f1e6;color:var(--brand);margin-top:1px}
.v5 .mc-muc span{display:grid;min-width:0}
.v5 .mc-muc b{font:600 16px/1.25 var(--h)}
.v5 .mc-muc small{font-size:13px;color:var(--muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5 .mc-muc:hover,.v5 .mc-muc:focus-visible{background:var(--grey2)}
.v5 .mc-muc:hover b{color:var(--brand)}
.v5 .mc-muc.noi{background:var(--grey2);box-shadow:inset 0 0 0 1.5px #cfe5d5}
.v5 .mc-muc.noi .ico{background:var(--brand);color:#fff}
@media (max-width:1000px){
  .v5 .menu .mc-bang.mc-bang-gp{display:block;min-width:0}
  .v5 .mc-gp{grid-template-columns:1fr;gap:4px}
  .v5 .mc-nhom{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:6px;margin-top:4px}
  .v5 .mc-muc{padding:8px 4px;align-items:center}
  .v5 .menu .mc-muc small{white-space:nowrap}
  /* "San pham" mobile: 1 cot cho de doc (truoc 2 cot hep, chu xuong 2-3 dong) */
  .v5 .menu .mc-bang{grid-template-columns:1fr!important}
  .v5 .menu .mc-cot a{white-space:normal}
}

/* ---------- 3. chan trang: cot "Chinh sach" rieng (5 cot desktop; mobile 2 cot nhu cac cot khac) ---------- */
@media (min-width:1001px){ .v5 footer .wrap{grid-template-columns:1.5fr repeat(4,1fr);gap:28px} }

/* ---------- 4. trang san pham ---------- */
.v5 .ts-luoi{list-style:none;padding:0;margin:0 0 6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.v5 .ts-luoi li{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;background:var(--grey2);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.v5 .ts-luoi .ico{grid-row:1/span 2;width:22px;height:22px;padding:8px;box-sizing:content-box;border-radius:10px;background:#e3f1e6;color:var(--brand)}
.v5 .ts-luoi small{font-size:12.5px;color:var(--muted);line-height:1.3}
.v5 .ts-luoi b{font:600 16px/1.3 var(--h);color:var(--ink)}
.v5 .ts-du{margin:6px 0 4px}
.v5 .ts-du summary{cursor:pointer;color:var(--brand);font-weight:600;font-size:15px;padding:8px 0;list-style:none}
.v5 .ts-du summary::-webkit-details-marker{display:none}
.v5 .ts-du summary::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 3px 10px;transition:transform var(--t) var(--ease)}
.v5 .ts-du[open] summary::after{transform:rotate(-135deg);margin-bottom:-1px}
.v5 .buoc.buoc-ico li{grid-template-columns:44px 1fr;align-items:center}
.v5 .buoc.buoc-ico li::before{display:none}
.v5 .buoc.buoc-ico .ico{width:22px;height:22px;padding:11px;box-sizing:content-box;border-radius:50%;background:var(--grey);color:var(--brand)}
.v5 .buoc.buoc-ico li:last-child .ico{background:var(--brand);color:#fff}
.v5 .ky-lk{margin:12px 0 0}
.v5 .hinh-ky{margin:0 0 18px;max-width:520px}
.v5 .hinh-ky svg{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 24px rgba(11,59,31,.14))}
/* san pham lien quan -> the */
.v5 .lienquan{display:grid;grid-template-columns:1fr;gap:26px}
.v5 .lq-khoi h3{font-size:22px;margin:0 0 12px}
.v5 .lq-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.v5 .lq-the{display:grid;gap:6px;align-content:start;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:#fff;transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}
.v5 .lq-the:hover{border-color:var(--brand);box-shadow:var(--bong-1);transform:translateY(-2px)}
.v5 .lq-the b{font:600 17px/1.25 var(--h)}
.v5 .lq-the .gia{font:700 17px var(--h);color:var(--deep)}
.v5 .lq-the .gia small{font:500 12.5px "Be Vietnam Pro","BVP Fallback",sans-serif;color:var(--muted)}
.v5 .lq-the .lv{justify-self:start;font:700 12px var(--h);letter-spacing:.05em;padding:3px 9px;border-radius:999px;background:var(--grey);color:var(--brand)}
.v5 .lq-the .lv-ov{background:#e6f0fb;color:#1d4f8f}
.v5 .lq-the .lv-ev{background:var(--deep);color:#fff}
.v5 .lq-the .lv-iv{background:#f3ecfb;color:#5b2b8c}
@media (max-width:560px){ .v5 .lq-luoi{grid-template-columns:1fr 1fr;gap:10px}.v5 .lq-the{padding:12px}.v5 .lq-the b{font-size:15.5px} .v5 .ts-luoi{grid-template-columns:1fr 1fr} .v5 .ts-luoi li{padding:10px;column-gap:10px} .v5 .ts-luoi .ico{padding:6px} }
/* o subSAN dung chung kieu .san */
.v5 .mua .san.subsan{margin-top:8px}

/* ---------- 5. gio hang ---------- */
.v5-gio .getQuote{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--brand)!important}
.v5-gio .getQuote .ico{width:18px;height:18px}
.v5-gio .gh-yen{list-style:none;padding:14px 0 0;margin:16px 0 0;border-top:1px solid var(--line);display:grid;gap:8px}
.v5-gio .gh-yen li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.v5-gio .gh-yen .ico{width:18px;height:18px;padding:6px;box-sizing:content-box;border-radius:9px;background:#e3f1e6;color:var(--brand)}
.v5-gio .cart-table th{white-space:nowrap}
/* hop thoai bao gia (gan vao body, ngoai .v5) */
.v5-mform .modal-content{border:0;border-radius:18px;font-family:"Be Vietnam Pro","BVP Fallback",sans-serif}
.v5-mform .modal-title{font:600 22px "Barlow Semi Condensed","Barlow Fallback",sans-serif}
.v5-mform label.col-form-label{font-weight:600;font-size:14px;color:#1b2620;padding-top:10px}
.v5-mform .form-control{min-height:46px;border:1.5px solid #dfe6e1!important;border-radius:12px;font-size:16px}
.v5-mform .form-control:focus{border-color:#087c2b!important;box-shadow:0 0 0 3px rgba(8,124,43,.15)}
.v5-mform .gh-ma{background:#f6f8f6;border-radius:12px;padding:6px 12px 12px;margin-top:10px;color:#1b2620}
.v5-mform .gh-ma p{font-size:13px;color:#55625a;margin:0 0 6px}
.v5-mform .modal-footer .btn-primary{background:#087c2b!important;border-color:#087c2b!important;border-radius:999px;padding:10px 26px;font-weight:600}
.v5-mform .modal-footer .btn-primary[disabled]{background:#b9c7bd!important;border-color:#b9c7bd!important;opacity:1}
.v5-mform .form-check-input{accent-color:#087c2b;width:18px;height:18px}

/* ---------- 6. o nhap chung (bo loc, gio, tu van, tim kiem): cao >=44/48px, chu 16px (iOS khong zoom), bo goc, focus ro ---------- */
.v5 input[type=text],.v5 input[type=search],.v5 input[type=email],.v5 input[type=tel],.v5 input[type=number]:not(.form-product),.v5 input[type=password],.v5 select,.v5 textarea{font-size:16px}
.v5 .tim-o{position:relative;margin-bottom:18px}
.v5 .tim-o>.ico{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--muted);pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.9}
.v5 .bl .tim,.v5 .tim-o .tim{display:block;width:100%;height:48px;min-height:48px;margin:0;padding:0 44px 0 44px;border:1.5px solid var(--line);border-radius:999px;background:#fff;
  font:16px "Be Vietnam Pro","BVP Fallback",sans-serif;color:var(--ink);-webkit-appearance:none;appearance:none;accent-color:auto}
.v5 .tim-o .tim::-webkit-search-cancel-button{display:none}
.v5 .tim-o .tim:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(8,124,43,.18)}
.v5 .tim-xoa{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:var(--grey);color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}
.v5 .tim-xoa[hidden]{display:none}
.v5 .tim-xoa svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.v5 .bl-mo .ico{width:18px;height:18px;margin-right:8px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.v5 .bl-dau,.v5 .bl-chan,.v5 .bl-nen{display:none}
@media (max-width:1000px){
  .v5 .ds-sp>div:first-child{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
  .v5 .ds-sp .tim-o{flex:1;min-width:0;margin:0}
  .v5 .bl-mo{margin:0;min-height:48px}
  .v5 .bl{display:flex!important;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:1100;max-height:min(80vh,620px);max-height:min(80dvh,620px);
    background:#fff;border-radius:20px 20px 0 0;padding:0 18px;box-shadow:0 -20px 40px -20px rgba(11,40,22,.4);overflow:hidden;
    transform:translateY(105%);visibility:hidden;transition:transform var(--t-slow) var(--ease-out),visibility 0s linear var(--t-slow)}
  .v5 .bl.mo{transform:none;visibility:visible;transition:transform var(--t-slow) var(--ease-out),visibility 0s}
  .v5 .bl>form,.v5 .bl>fieldset{overflow-y:auto;overscroll-behavior:contain}
  .v5 .bl>form{flex:0 1 auto}
  .v5 .bl-dau{display:flex;align-items:center;justify-content:space-between;padding:14px 0 10px;position:sticky;top:0;background:#fff}
  .v5 .bl-dau b{font:600 20px var(--h)}
  .v5 .bl-dong{width:44px;height:44px;border:0;border-radius:50%;background:var(--grey);display:grid;place-items:center;cursor:pointer;padding:0;color:var(--ink)}
  .v5 .bl-dong svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
  .v5 .bl label{min-height:44px}
  .v5 .bl input[type=radio],.v5 .bl input[type=checkbox]{width:20px;height:20px}
  .v5 .bl-chan{display:block;position:sticky;bottom:0;background:#fff;padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);margin-top:auto}
  .v5 .bl-ap{width:100%;min-height:50px}
  .v5 .bl-nen:not([hidden]){display:block;position:fixed;inset:0;z-index:1099;background:rgba(11,40,22,.45)}
}

/* ---------- 7. nho ---------- */
/* N10: nut "Trang chu" o trang 404 dong bo voi cac nut vien */
.v5 .loi404 .pill[disabled],.v5 .p404 .pill{opacity:1}
.v5 .tin-cay+.wrap{margin-top:28px}
@media (max-width:760px){ .v5 .tin-cay+.wrap{margin-top:18px} }
.v5 .ts-luoi li{align-content:center}
.v5 .ts-luoi small{align-self:end}
.v5 .ts-luoi b{align-self:start}
@media (max-width:1000px){
  .v5 .bl.mo,.v5 .bl{overflow-y:auto;overscroll-behavior:contain}
  .v5 .bl>form,.v5 .bl>fieldset{overflow:visible;flex:none}
  .v5 .bl-ap{gap:.3em}
}
/* N10: trang 404 kieu v5 */
.v5 .loi404 .wrap{text-align:center;padding-top:56px;padding-bottom:72px;max-width:760px}
.v5 .loi404-so{font:700 96px/1 var(--h);color:var(--brand);letter-spacing:-.02em}
.v5 .loi404 h1{font-size:34px;margin:8px 0 10px}
.v5 .loi404 p{color:var(--muted);margin:0 0 24px}
.v5 .loi404-nut{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
/* #556 (26/10): trang san pham - "Quy trinh cap chung chi" desktop 1 hang ngang (icon tren, chu duoi, vach noi giua cac buoc); mobile giu doc */
@media (min-width:1101px){
  .v5 .ct-than .buoc.buoc-ico{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px}
  .v5 .ct-than .buoc.buoc-ico li{grid-template-columns:1fr;align-items:start;gap:10px;position:relative}
  .v5 .ct-than .buoc.buoc-ico li:not(:last-child)::after{content:"";position:absolute;top:21px;left:54px;right:-4px;height:2px;border-radius:2px;background:var(--line)}
  .v5 .ct-than .buoc.buoc-ico b{font-size:16.5px;line-height:1.25;margin-bottom:3px}
  .v5 .ct-than .buoc.buoc-ico span{font-size:14px;line-height:1.4;display:block}
}
/* #556: "Cung thuong hieu"/"Cung loai" o cot phai duoi hop mua (desktop): hop mua het dinh (sticky) de khong de len danh sach */
.v5 .ct-phai>.mua:not(:only-child){position:static}
.v5 .lienquan-ben{padding:0}
@media (min-width:1001px){
  .v5 .lienquan-ben{gap:22px}
  .v5 .lienquan-ben .lq-khoi h3{font-size:19px;margin:0 0 10px}
  .v5 .lienquan-ben .lq-luoi{grid-template-columns:1fr;gap:8px}
  .v5 .lienquan-ben .lq-the{grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:center;padding:10px 14px;border-radius:12px}
  .v5 .lienquan-ben .lq-the .lv{grid-row:1 / span 2;align-self:center}
  .v5 .lienquan-ben .lq-the b{font-size:15.5px}
  .v5 .lienquan-ben .lq-the .gia{font-size:15px}
}
@media (max-width:1000px){ .v5 .lienquan-ben{margin-top:8px} }
/* #556: menu chinh dinh tren khi cuon (desktop + mobile). Boc .v5-dau (svg icon + header) moi dinh duoc vi .top nam trong khoi nay.
   Khong doi chieu cao -> khong CLS; anchor/#id chua khoang header bang scroll-padding-top. */
.v5-dau{position:-webkit-sticky;position:sticky;top:0;z-index:1000}
.v5-dau .top{position:relative;transition:box-shadow var(--t) var(--ease),border-color var(--t) var(--ease)}
.v5-dau.da-cuon .top{box-shadow:0 4px 16px -6px rgba(11,59,31,.18);border-bottom-color:transparent}
html{scroll-padding-top:80px}
@media (max-width:1000px){ html{scroll-padding-top:70px} }
/* #556-10: mega-menu "San pham" (desktop): rong gan het khung header, chia cot kieu bao (CSS columns) -> nhom tu don sang phai, thap hon nhieu.
   .mc-rong dung yen (static) de bang dinh theo .top .wrap; cau noi chuot tu nut xuong bang = .mc-nut::before. */
@media (min-width:1001px){
  .v5 .top .wrap{position:relative}
  .v5 .mc.mc-rong{position:static}
  .v5 .mc.mc-rong::after{display:none}
  .v5 .mc-rong .mc-nut::before{content:"";position:absolute;left:-12px;right:-12px;top:100%;height:24px}
  .v5 .mc-rong .mc-bang{left:28px;right:28px;min-width:0;display:block;column-count:4;column-gap:32px;padding:22px 28px 14px;
    max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px)}
  .v5 .mc-rong .mc-cot{break-inside:avoid;-webkit-column-break-inside:avoid;padding-bottom:14px}
  .v5 .mc-rong .mc-cot .mc-tde{font-size:16px;line-height:1.25}
  .v5 .mc-rong .mc-cot a{line-height:1.35}
}
@media (min-width:1241px){ .v5 .mc-rong .mc-bang{column-count:5;column-gap:28px} }
/* .page-wrapper (theme.min.css) dat overflow-x:hidden -> thanh khung cuon rieng, moi position:sticky ben trong (menu, hop mua) khong dinh.
   overflow-x:clip cat ngang y nhu cu nhung KHONG tao khung cuon. Trinh duyet cu khong ho tro clip thi giu nhu cu. */
@supports (overflow:clip){ .page-wrapper{overflow:visible;overflow-x:clip} }
/* #557: chon ngon ngu - nut qua dia cau (desktop) + dropdown; mobile dat trong menu (.nn-dong); dai bao ban EN dang chuan bi */
.v5 .nn{position:relative}
.v5 .nn-nut{border:0;background:none;cursor:pointer;padding:0}
.v5 .nn-nut:hover,.v5 .nn.mo .nn-nut{color:var(--brand);background:var(--grey2)}
.v5 .nn-ds{position:absolute;right:0;top:calc(100% + 8px);z-index:60;list-style:none;margin:0;padding:6px;min-width:190px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 36px -14px rgba(11,59,31,.28)}
.v5 .nn-ds[hidden]{display:none}
.v5 .nn-ds a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:8px;font-size:15px;color:var(--ink)}
.v5 .nn-ds a span,.v5 .nn-dong a span{display:flex;flex-direction:column;line-height:1.25}
.v5 .nn-ds small,.v5 .nn-dong small{font-size:12px;color:var(--muted)}
.v5 .nn-ds a:hover,.v5 .nn-ds a:focus-visible{background:var(--grey2);color:var(--brand)}
.v5 .nn-ds a[aria-current]{font-weight:600;color:var(--brand)}
.v5 .nn-ds a[aria-current]::after{content:"";width:14px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translateY(-2px);flex:0 0 auto}
.v5 .nn-dong{display:none}
.v5 .nn-bao{background:#fff8e1;border-bottom:1px solid #f0e2b6;font-size:14px}
.v5 .nn-bao .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px}
.v5 .nn-bao p{margin:0;color:#5c4a12}
.v5 .nn-bao a{font-weight:600;color:var(--brand);white-space:nowrap}
@media (max-width:1000px){
  .v5 .nn{display:none}
  .v5 .menu .nn-dong{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:4px 0}
  .v5 .menu .nn-dong svg{color:var(--muted);flex:0 0 auto;margin-right:4px}
  .v5 .menu .nn-dong a{flex:1;display:flex;justify-content:center;background:#fff;padding:6px 10px;min-height:44px;align-items:center;border:1.5px solid var(--line);border-radius:999px;font-size:15px;text-align:center}
  .v5 .menu .nn-dong a[aria-current]{border-color:var(--brand);color:var(--brand);font-weight:600;background:var(--grey2)}
  .v5 .nn-bao .wrap{flex-wrap:wrap;gap:4px 12px}
}

/* ---------- #780 thanh tin: "Doc tin" ngay sau tieu de, mui ten + so tin canh phai ----------
   Tin khong hien -> position:absolute de .bar-ds chi rong bang tieu de dang hien (nut bam sat cuoi tieu de).
   Mobile: hang 1 tieu de (1 dong, cat "..."), hang 2 [Doc tin] trai - [< 2/5 >] phai (mo lai mui ten da an o muc 1). */
.v5 .bar .wrap{grid-template-columns:minmax(0,1fr) auto}
.v5 .bar-trai{display:flex;align-items:center;gap:16px;min-width:0}
.v5 .bar-ds{position:relative;flex:0 1 auto}
.v5 .bar-tin:not(.on){position:absolute;left:0;top:0;width:100%}
.v5 .bar .bar-doc{margin-left:0;flex:none;white-space:nowrap}
.v5 .bar-dk{justify-self:end;margin-right:-10px}
@media (max-width:760px){
  .v5 .bar .wrap{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"t t" "d k";gap:6px 12px}
  .v5 .bar-trai{display:contents}
  .v5 .bar-ds{grid-area:t}
  .v5 .bar .bar-doc{grid-area:d}
  .v5 .bar-dk{grid-area:k;justify-self:end;margin-left:0;margin-right:-8px}
  .v5 .bar-dk .bar-nut{display:grid;width:36px;height:36px}
  .v5 .bar-dk .bar-so{display:inline}
}

/* ---------- #782 nut len dau trang (mobile): khoi giua mep phai (de len chu the), xuong goc duoi phai, chua cho nut livechat ---------- */
@media (max-width:760px){
  .v5 .scroll-top{top:auto;bottom:calc(88px + env(safe-area-inset-bottom,0px));right:8px;transform:none;-webkit-transform:none}
  .v5 .scroll-top a,.v5 .scroll-top a:visited{width:38px;height:38px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
}

/* ---------- #781 chuyen muot khi tro chuot / focus (anh Quyet: "tro vao hien ngay kho chiu") ----------
   Chi cac thuoc tinh mau/vien/bong/fill/stroke/opacity/transform, 0.2s ease; KHONG dung "all", khong width/height.
   :where() = do uu tien 0: phan tu da khai bao transition rieng giu nguyen cua no. */
:where(.v5,.v5-gio,.v5-mform) :where(a,button,summary,label,input,select,textarea,[role=button],.pill,.btn,.form-control,.form-select,
  .sp,.nw,.hang-sp,.mc-muc,.mc-nut,.nn-nut,.tim,.owl-dot,.sl-khung,.gh-o,.gh-gui,img,svg,svg *,.ico,h2,h3,b){
  transition-property:color,background-color,border-color,box-shadow,fill,stroke,opacity,transform,text-decoration-color,outline-color;
  transition-duration:.2s;transition-timing-function:ease}
@media (prefers-reduced-motion:reduce){
  .v5-gio *,.v5-mform *{transition-duration:1ms!important;transition-delay:0s!important}
}

/* ---------- #803 nut len dau trang = chu A cach dieu cua logo (path tu v5/img/muassl-icon.svg), trang tren nen xanh ---------- */
.v5 .scroll-top a,.v5 .scroll-top a:visited{background:var(--brand);border-color:var(--brand);color:#fff}
.v5 .scroll-top a:before{color:inherit;width:22px;height:22px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='17 19 94 86'%3E%3Cpath d='M21 101L54.2 23.1H64V45.1L39.6 101ZM107 101L73.8 23.1H64V45.1L88.4 101Z'/%3E%3Cpath d='M55.4 84.3A8.6 8.6 0 1 0 72.6 84.3A8.6 8.6 0 1 0 55.4 84.3Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='17 19 94 86'%3E%3Cpath d='M21 101L54.2 23.1H64V45.1L39.6 101ZM107 101L73.8 23.1H64V45.1L88.4 101Z'/%3E%3Cpath d='M55.4 84.3A8.6 8.6 0 1 0 72.6 84.3A8.6 8.6 0 1 0 55.4 84.3Z'/%3E%3C/svg%3E") center/contain no-repeat}
.v5 .scroll-top a:hover,.v5 .scroll-top a:focus-visible{background:var(--deep);border-color:var(--deep);color:#fff;transform:translateY(-2px)}
.v5 .scroll-top a:focus-visible{outline:2px solid var(--leaf);outline-offset:3px}
@media (max-width:760px){ .v5 .scroll-top a:before{width:20px;height:20px} }
@media (prefers-reduced-motion:reduce){ .v5 .scroll-top a:hover,.v5 .scroll-top a:focus-visible{transform:none} }