/* Kawaii Kulture · giao dien kawaikulture.vn (ban B kieu ung dung 28/09/2026, lam lai mau va chu 30/09/2026)
   Founder 30/09 chot mau chuan: "Xanh thuong hieu chi dung cho gia, nut mua va nhan moi. Con lai den, xam, trang. Nut Messenger,
   Zalo, Whatsapp mot kieu vien xam. 1 phong chu Nunito cho ca tieu de. Chi 5 co chu: 12 14 16 20 24".
   Luat giu cho lan sua sau (Ca 45 trong npm test chan):
   - Co chu CHI 12, 14, 16, 20, 24 px. Khong co chu khac, khong nua diem anh.
   - Mau CHI lay tu bien :root duoi day; --loi chi cho chu bao loi bieu mau. Xanh (--xanh, --xanh-nen) la mau nhan DUY NHAT:
     gia, nut mua, nhan moi (30/09 luot 1) va them 30/09 luot 2 (founder "Them mau xanh thuong hieu vao 1 so cho tren trang web de
     tao them mau sac tot hon"): cho dang chon (chip, tab, trang so, cham, cot ben, loc, thanh duoi), nut Danh muc san pham, bieu
     tuong dich vu, cam ket, cua hang, vach trai tieu de muc, lien ket, vien trai hop luu y, dai nhan tin, so tren gio. Nut nhan
     tin, nut noi, the san pham, chan trang van xam den (Ca 45 giu danh sach cho duoc dung xanh).
   - Mot phong Nunito (400, 700, 800). Logo la anh, khong phai chu. */
@font-face{font-family:Nunito;font-weight:400;font-style:normal;font-display:swap;src:url(nunito-400.woff2) format("woff2")}
@font-face{font-family:Nunito;font-weight:700;font-style:normal;font-display:swap;src:url(nunito-700.woff2) format("woff2")}
@font-face{font-family:Nunito;font-weight:800;font-style:normal;font-display:swap;src:url(nunito-800.woff2) format("woff2")}
:root{--xanh:#1E3AFF;--xanh-dam:#1730D9;--xanh-nen:#EEF1FF;--chu:#211F26;--chu-phu:#6B6B7A;--nen:#fff;--nen-xam:#F6F6FA;--vien:#E6E6EE;--vien-dam:#C9CCD9;
--toi:#211F26;--toi-chu:#E4E4EC;--toi-phu:#B9B9C6;--toi-vien:#3A3845;--loi:#B3261E;--bo:14px;
/* HE KHOANG CACH MOT THANG 4/8 px (13/10 khuya, founder "khoảng cách các dòng phải đều nhau hoặc nghiên cứu khoảng cách phù hợp"; 00-System/
   NGHIEN-CUU-KHOANG-CACH-WEB.md): moi margin / padding / gap dung --k-*, vai dung chung (--gian, --dem, --tieu, --khe, --le) tro ve --k-*.
   Dong chu theo co chu (--lh-12 ... --lh-24), boi so 4 px: 12/18, 14/22, 16/24, 20/28, 24/32. */
--k-1:4px;--k-2:8px;--k-3:12px;--k-4:16px;--k-6:24px;--k-8:32px;--k-10:40px;--k-12:48px;
--lh-12:18px;--lh-14:22px;--lh-16:24px;--lh-20:28px;--lh-24:32px;--lh-the:22px;
/* thang khoang cach theo vai (13/10 toi, founder "khoang cach nhin van chat"): --gian giua hai khoi, --dem dem trong khoi, --tieu tieu de
   khoi -> noi dung, --khe khe o san pham, --le le trai phai dien thoai. Dien thoai 24/16/16/12/16, may tinh 40/24/16/24 (min-width 1024).
   13/10 khuya (founder "Khoảng cách ở các block đang bị trải dài quá, lúc trước ý tôi là khoảng cách ở các dòng phải giãn ra một chút"): giam
   khoang cach KHOI (64/32 -> 40/24 may tinh, 32/20 -> 24/16 dien thoai), tang khoang cach DONG (chu than 1,6, ten the 1,5, chan trang 1,8,
   dong loc / mega menu dem 8 px tren duoi).
   Do doi chieu: TCGplayer trang chu khoang 45-75 px giua khoi, NIN TCG 50 px; NN/g, Baymard: khoang giua khoi phai lon hon dem trong khoi. */
--gian:var(--k-6);--dem:var(--k-4);--tieu:var(--k-4);--khe:var(--k-3);--le:var(--k-4);
--bong:0 1px 3px rgba(33,31,38,.06);--bong-noi:0 8px 24px rgba(33,31,38,.12)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:Nunito,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--chu);background:var(--nen-xam);font-size:14px;line-height:var(--lh-14)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
fieldset{border:0;margin:0;padding:0;min-width:0}
h1,h2,h3{line-height:1.3;font-weight:800}   /* tieu de 1,3 theo co chu (Material / Apple HIG: tieu de chat hon chu than) */
.an{display:none!important}
/* 13/10 toi: thuoc tinh hidden thua display:grid cua .luoi -> khoi "Hang moi" hien CA HAI tab cung luc (do: 20 the, cao 1.913 px may tinh) */
[hidden]{display:none!important}
.khung{max-width:1240px;margin:0 auto;padding:0 var(--k-4)}
.ic{display:inline-flex;width:24px;height:24px;flex:none}
.ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bo-qua{position:absolute;left:-999px;top:0;background:#fff;padding:var(--k-2) var(--k-3);z-index:99}
.bo-qua:focus{left:8px}
:focus-visible{outline:2px solid var(--xanh);outline-offset:2px}
.lk{color:var(--xanh);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.tieu-trang{font-size:24px;margin-bottom:var(--k-3)}
.tieu-muc{font-size:20px}
/* dau trang */
.dau{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 1px 0 var(--vien)}
.dau-1{display:flex;align-items:center;gap:var(--k-1);height:56px}
.logo-o{flex:1;min-width:0;display:flex;align-items:center}
.logo-o img{height:28px;width:auto}
.logo-o .ten-chu{font-size:20px;font-weight:800;color:var(--chu)}
.nut-ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;position:relative;color:var(--chu)}
.dem{position:absolute;top:4px;right:3px;min-width:18px;height:18px;border-radius:9px;background:var(--xanh);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;padding:0 var(--k-1);line-height:1}
.dem[data-so="0"]{display:none}
.dau-2{padding-bottom:var(--k-3)}
.tim{display:flex;align-items:center;gap:var(--k-2);height:44px;border-radius:999px;background:var(--nen-xam);padding:0 var(--k-2) 0 var(--k-4);border:1.5px solid transparent}
.tim:focus-within{border-color:var(--xanh);background:#fff}
.tim input{flex:1;min-width:0;border:0;background:transparent;outline:0;font-size:14px}
.tim input::placeholder{color:var(--chu-phu)}
.tim button{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;color:var(--chu-phu)}
.lien-ket-dau{display:none}
/* chip, vong tron, bang dau trang */
.cuon-ngang{display:flex;gap:var(--k-2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--k-4);scroll-padding:0 16px}
.cuon-ngang::-webkit-scrollbar{display:none}
.cuon-ngang>*{scroll-snap-align:start;flex:none}
.chips{padding:var(--k-4) 0 0}
.chip{display:inline-flex;align-items:center;height:36px;padding:0 var(--k-4);border-radius:999px;border:1.5px solid var(--vien);background:#fff;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:var(--bong)}
.chip.dang{background:var(--xanh);border-color:var(--xanh);color:#fff}
.bang-khung{position:relative}
.bang{margin:var(--k-4) var(--k-4) 0;display:flex;gap:var(--k-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:18px}
.bang::-webkit-scrollbar{display:none}
.bang-o{flex:0 0 100%;scroll-snap-align:start;border-radius:18px;aspect-ratio:1919/731;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:var(--k-2);padding:var(--k-3) var(--k-4);color:#fff;background:var(--toi)}
.bang-o>div:first-child{min-width:0}
.bang-o small{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;opacity:.9}
.bang-o h2{font-size:16px;margin:var(--k-1) 0;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bang-o p{font-size:12px}
.bang-o .anh{height:100%;aspect-ratio:auto;background:rgba(255,255,255,.14);border-radius:12px}
.bang-o .anh img{height:100%;width:100%;object-fit:contain;padding:var(--k-1)}
.bang-anh{display:block!important;padding:0!important;background:var(--toi)!important;overflow:hidden}
.bang-anh img{width:100%;height:auto;aspect-ratio:1919/731;object-fit:cover}
.bang-nut{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--chu);display:grid;place-items:center;box-shadow:0 4px 14px rgba(33,31,38,.22)}
.bang-nut .ic{width:20px;height:20px}
.bang-truoc{left:22px}.bang-sau{right:22px}
.cham{display:flex;gap:var(--k-2);justify-content:center;margin-top:var(--k-2)}
.cham i{width:6px;height:6px;border-radius:50%;background:var(--vien-dam);cursor:pointer}
.cham i.dang{width:16px;border-radius:4px;background:var(--xanh)}
.vong{padding:var(--k-4) 0 var(--k-2)}
.vong .cuon-ngang{gap:var(--k-4)}
.vong a{width:72px;display:flex;flex-direction:column;align-items:center;gap:var(--k-2);text-align:center;font-size:12px;font-weight:700;line-height:1.3}
.vong .tron{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:var(--chu-phu);background:var(--nen-xam);border:3px solid #fff;box-shadow:0 0 0 1.5px var(--vien-dam)}
.vong .tron img{width:100%;height:100%;object-fit:cover}
.vong .tron .ic{width:28px;height:28px}
/* nut keo qua lai hang chip + hang o tron (founder 01/10 toi), kawaii.js chi hien phia con cho de keo */
.chips,.vong{position:relative}
.cuon-nut{position:absolute;z-index:2;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--chu);border:1px solid var(--vien);box-shadow:0 4px 12px rgba(33,31,38,.2)}
.cuon-nut .ic{width:18px;height:18px}
.cuon-nut[hidden]{display:none}
.cuon-trai{left:2px}.cuon-phai{right:2px}
.chips .cuon-nut{top:28px}.vong .cuon-nut{top:46px}
/* khoi noi dung */
.khoi{background:#fff;border-radius:18px;margin:var(--gian) var(--le) 0;padding:var(--dem);box-shadow:var(--bong)}
.khoi>h2{display:flex;flex-wrap:wrap;row-gap:var(--k-1);justify-content:space-between;align-items:center;gap:var(--k-2);font-size:16px;margin-bottom:var(--tieu);text-transform:uppercase;letter-spacing:.3px;border-left:4px solid var(--xanh);padding-left:var(--k-3)}
.khoi>h2 a{font-size:14px;font-weight:800;color:var(--xanh);text-transform:none;letter-spacing:0;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.dai-muc{display:block;margin:0 0 var(--tieu);border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(33,31,38,.08);aspect-ratio:1920/400}
.dai-muc img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:767px){.dai-muc{aspect-ratio:1080/450;border-radius:10px}}
.luoi{display:grid;grid-template-columns:1fr 1fr;gap:var(--khe)}
.anh{position:relative;aspect-ratio:1/1;background:var(--nen-xam);border-radius:10px;overflow:hidden;display:grid;place-items:center}
.anh img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
/* the <picture> (tai anh nho cho dien thoai) truoc day de display:contents: img thanh o luoi cua .anh, hang luoi tu dai theo anh nen img
   height:100% cao theo ti le anh; anh dau DOC bi cat mat phan duoi (founder 01/10 khuya: Lickilicky 768x1024 "lên ảnh đại diện trên danh
   mục thì bị mất", img 214x285 trong khung 214x214; 13/2.839 san pham co anh dau khong vuong). Khoi 100% van an theo hang luoi tu dai
   (do 01/10: picture 214x285), nen picture phu kin khung bang position:absolute (khung .anh la position:relative), img contain. */
.anh picture{position:absolute;inset:0;display:block}
.anh .trong{font-size:12px;color:var(--chu-phu);text-align:center;padding:var(--k-2)}
.anh-43{aspect-ratio:4/3}
.anh-43 img{object-fit:cover}
/* o danh muc VUONG 1:1 (13/10 toi, o o_dm_vuong): anh vuong thiet ke san va anh 4:3 cat giua (cover); banner Sapo ngang (lop vua) thu vua khung */
.anh-11{aspect-ratio:1/1}
.anh-11 img{object-fit:cover}
.anh-11 img.vua,.o-vuong .o-anh img.vua,.cay-dm.vuong img.vua{object-fit:contain;padding:var(--k-2)}
.o-vuong .o-anh{aspect-ratio:1/1}
.o-anh.co-chu img{opacity:1}
/* o vuong co chu trong anh (founder 13/10 23:04 "Bỏ dòng chú thích ở dưới tiêu đề danh mục ô vuông"): an ca dong ten + so san pham khoi mat */
/* an chu khoi mat nhung van doc duoc cho may doc man hinh va Google (ten danh muc da in trong anh vuong) */
.an-mat,.o-anh.chi-dem span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.ngan-than .cay-dm.vuong .dm-1 img:not(.dm-logo){width:40px;height:40px}
/* o "Tat ca san pham" khi chua co anh vuong rieng: o chu cung khung 1:1 voi 59 o vuong co chu */
.the-dm.o-chu .anh{background:var(--chu)}
.o-chu-ten{padding:var(--k-4);color:#fff;font-weight:800;font-size:24px;line-height:1.2;text-align:center;text-transform:uppercase}
/* the san pham */
.the{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--vien);border-radius:var(--bo);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
.the .anh{border-radius:0}
/* the san pham (13/10 khuya, founder "có chỗ giữa tiêu đề và giá lại bị negative space"): ten -> gia 4 px CO DINH (khong min-height o ten, khong
   margin-top:auto o gia: ten ngan thi gia van sat ten, cho trong don xuong DUOI the); nhan -> ten 8 px, gia -> tinh trang 8 px */
.the-than{flex:1;display:flex;flex-direction:column;gap:var(--k-1);padding:var(--k-3)}
.the-than>.the-meta{margin-bottom:var(--k-1)}
.the-than>.tt{margin-top:var(--k-1)}
.the-lk{display:flex;flex-direction:column;flex:1}
.nhan-o{display:flex;gap:var(--k-1);flex-wrap:wrap}
.nhan-o:empty{display:none}
.the .nhan-o{position:absolute;top:8px;left:8px;z-index:1}
.nhan{display:inline-block;font-size:12px;font-weight:800;padding:var(--k-1) var(--k-2);border-radius:999px;letter-spacing:.2px;line-height:1.3}
.nhan-moi{background:var(--xanh);color:#fff}
.nhan-dat{background:#fff;color:var(--chu);box-shadow:inset 0 0 0 1.5px var(--chu)}
.nhan-giam{background:var(--chu);color:#fff}
.ten{font-size:14px;font-weight:700;line-height:var(--lh-the);color:var(--chu);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* dong phu cua o the (20/10, Impeccable viec 4): "so la · bo" 12 px, mot dong, cat o cuoi (the-sp.bwt: ten gon o dong dam, ten day du o title / alt) */
.ten-phu{font-size:12px;line-height:var(--lh-12);font-weight:700;color:var(--chu-phu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ten-phu b{font-weight:800;color:var(--chu)}
.gia{color:var(--xanh);font-weight:800;font-size:16px}
.gia s{color:var(--chu-phu);font-weight:400;font-size:14px;margin-left:var(--k-1)}
.gia-nho{font-size:14px;color:var(--xanh)}
.tt{font-size:12px;font-weight:700}
.tt::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:var(--k-1);vertical-align:1px;background:currentColor}
.tt-con{color:var(--chu)}.tt-het{color:var(--chu-phu)}.tt-dat{color:var(--chu)}
.the-meta{display:flex;gap:var(--k-1);flex-wrap:wrap}
.the-meta span{font-size:12px;font-weight:800;padding:2px var(--k-2);border-radius:6px;background:var(--nen-xam);color:var(--chu-phu)}
.the-meta .hiem-sir{background:var(--chu);color:#fff}
.the-meta .hiem-ir,.the-meta .hiem-ur{background:var(--nen-xam);color:var(--chu)}
.the-meta .ngu-jp{background:#fff;color:var(--chu);box-shadow:inset 0 0 0 1px var(--vien-dam)}
.the-them{position:absolute;right:8px;top:8px;z-index:2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--xanh);box-shadow:0 4px 12px rgba(33,31,38,.18)}
.the-them .ic{width:20px;height:20px}
.the-them.xong{background:var(--xanh);color:#fff}
/* bang chon loai cua san pham nhieu phien ban (bam nut gio tron, kawaii.js dung) */
.the-chon{position:absolute;right:8px;top:50px;z-index:3;width:min(210px,calc(100% - 16px));max-height:calc(100% - 58px);overflow:auto;display:grid;gap:2px;padding:var(--k-2);background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(33,31,38,.24)}
.the-chon>b,.the-chon .cho{font-size:12px;color:var(--chu-phu);padding:var(--k-1) var(--k-2) 2px}
.the-chon .the-them-pb{display:flex;justify-content:space-between;align-items:center;gap:var(--k-2);width:100%;padding:var(--k-2);border-radius:8px;font-size:14px;font-weight:700;line-height:1.3;color:var(--chu);text-align:left}
.the-chon .gia{font-size:14px;white-space:nowrap}
.the-chon .the-them-pb:hover,.the-chon .the-them-pb:focus-visible{background:var(--nen-xam)}
.the-chon .the-them-pb.tat{opacity:.6;pointer-events:none}
.the-chon .the-them-pb.xong{background:var(--xanh);color:#fff}.the-chon .the-them-pb.xong .gia{color:#fff}
.the-dm .ten{min-height:0}
/* ban chay, danh sach bo */
.xep{display:grid;gap:var(--k-2)}
.xep a{display:grid;grid-template-columns:28px 64px 1fr;gap:var(--k-3);align-items:center;border:1px solid var(--vien);border-radius:14px;padding:var(--k-2)}
.xep a>span:last-child{min-width:0}
.xep .hang{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--nen-xam);color:var(--chu)}
.xep a:first-child .hang{background:var(--xanh);color:#fff}
.xep .ten{min-height:0}
.xep .gia,.xep .tt{display:block}
.tab-nho{display:flex;gap:var(--k-2);margin:0 0 var(--k-4);overflow-x:auto;scrollbar-width:none}
.tab-nho button{height:32px;padding:0 var(--k-3);border-radius:999px;border:1.5px solid var(--vien);font-size:14px;font-weight:700;white-space:nowrap;background:#fff}
.tab-nho button[aria-selected="true"]{background:var(--xanh);border-color:var(--xanh);color:#fff}
.bang-quay{display:flex;align-items:center;gap:var(--k-3);margin:var(--gian) var(--le) 0;padding:var(--dem);border-radius:18px;background:#fff;border:1.5px solid var(--vien)}
.bang-quay>.ic{color:var(--xanh);width:30px;height:30px}
.bang-quay b{display:block;font-size:14px}
.bang-quay small{font-size:14px;color:var(--chu-phu)}
.bang-quay .toi{margin-left:auto;color:var(--xanh)}
.tieu-de-trang{font-size:16px;margin:var(--k-6) var(--le) 0;line-height:1.35;color:var(--chu)}
.ds-bo{display:grid;gap:2px}
.ds-bo a{display:flex;justify-content:space-between;gap:var(--k-2);padding:var(--k-2) var(--k-3);border-radius:10px;font-weight:700;font-size:14px}
.ds-bo a:hover{background:var(--nen-xam)}
.ds-bo small{color:var(--chu-phu);font-weight:700}
.o-cua-hang p{display:flex;gap:var(--k-2);align-items:flex-start;font-size:14px;margin-top:var(--k-2)}
.o-cua-hang p .ic{width:20px;height:20px;color:var(--xanh)}
.o-cua-hang a{text-decoration:underline}
.o-cua-hang .nut{text-decoration:none}
.chip-luoi{display:flex;flex-wrap:wrap;gap:var(--k-2)}
.ban-do{width:100%;height:280px;border:0;border-radius:14px;margin:var(--k-1) 0 var(--k-4)}
/* hang dich vu (giu tu web cu: giao hang, COD, tich diem, bao hanh) */
.dich-vu{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--k-2);margin:var(--k-6) var(--le) 0}
.dich-vu>*{display:flex;align-items:center;gap:var(--k-3);background:#fff;border-radius:14px;padding:var(--k-3) var(--k-4);box-shadow:var(--bong)}
.dich-vu .ic{width:24px;height:24px;color:var(--xanh)}
.dich-vu b{display:block;font-size:14px}
.dich-vu small{display:block;font-size:12px;color:var(--chu-phu)}
/* dong danh gia that cua khach o trang san pham (founder 30/09) */
/* khoi danh gia that duoi thanh Them vao gio (founder 19/10 luot 3 "chi 1 dong thoi va can trai"): MOT dong can trai, 5 sao xanh (i rong = so sao / 5) roi chu ngan, ten nen tang la lien ket de khach tu kiem; het cho thi xuong dong, khong tran */
.dg-gon{display:flex;align-items:center;flex-wrap:wrap;gap:0 var(--k-2);min-height:36px;background:var(--nen-xam);border-radius:12px;padding:0 var(--k-3);font-size:12px;line-height:var(--lh-12);color:var(--chu-phu)}
.dg-gon .dg-sao{position:relative;flex:none;display:inline-block;font-size:14px;line-height:1;letter-spacing:1px;white-space:nowrap;color:var(--vien-dam)}
.dg-gon .dg-sao i{position:absolute;left:0;top:0;overflow:hidden;font-style:normal;white-space:nowrap;color:var(--xanh)}
.dg-gon.dg-tc{padding:var(--k-2) var(--k-3);font-size:14px;line-height:var(--lh-16);color:var(--chu);flex-wrap:nowrap}
.dg-gon.dg-tc .dg-chu a{display:inline;padding:0}
.dg-gon .dg-khien{flex:none;width:18px;height:18px;color:var(--xanh)}
.dg-gon.dg-tc .dg-chu a{white-space:nowrap}
@media (max-width:400px){.dg-gon.dg-tc{font-size:12px}}
.dg-gon .dg-chu{min-width:0}
.dg-gon .dg-chu b{color:var(--chu);font-weight:800}
.dg-gon .dg-chu a{display:inline-block;padding:var(--k-2) 0;color:var(--xanh);font-weight:800;text-decoration:underline;text-underline-offset:3px}
/* o theo do hiem, o bo (co anh that) */
.o-luoi{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--khe)}
.o-anh{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--toi)}
.o-anh img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .3s ease}
.o-anh span{position:absolute;left:0;right:0;bottom:0;padding:var(--k-6) var(--k-3) var(--k-2);color:#fff;font-weight:800;font-size:14px;background:linear-gradient(transparent,rgba(33,31,38,.85))}
.o-anh small{display:block;font-weight:700;font-size:12px;opacity:.85}
/* nut */
.nut{display:inline-flex;align-items:center;justify-content:center;gap:var(--k-2);height:48px;padding:0 var(--k-4);border-radius:14px;font-weight:800;font-size:16px;letter-spacing:.2px;border:1.5px solid transparent;transition:transform .12s ease,box-shadow .12s ease}
.nut-chinh{background:var(--xanh);color:#fff}
.nut-mua{background:var(--xanh);color:#fff;box-shadow:0 6px 16px rgba(30,58,255,.22)}
.nut-vien,.nut-phu{border-color:var(--chu);color:var(--chu);background:#fff}
.nut-them-gio{border-color:var(--xanh);color:var(--xanh);background:#fff}
.nut-het{background:var(--nen-xam);color:var(--chu-phu);border-color:var(--vien);cursor:not-allowed}
.nut[disabled],.nut.tat{opacity:.5;pointer-events:none}
.mess,.wa{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;flex:none;color:var(--chu)}
.mess svg,.wa svg{width:20px;height:20px}
.zalo{display:inline-grid;place-items:center;min-width:34px;height:22px;padding:0 var(--k-1);border-radius:7px;border:1.5px solid currentColor;color:var(--chu);font-size:12px;font-weight:800;line-height:1}
/* trang san pham */
.sp-anh{position:relative;background:#fff}
.sp-khung{position:relative}
.sp-truot{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.sp-truot::-webkit-scrollbar{display:none}
.sp-truot .anh{flex:0 0 100%;scroll-snap-align:start;border-radius:0;max-height:360px;aspect-ratio:1/1}
.sp-nut{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--chu);display:grid;place-items:center;box-shadow:0 4px 14px rgba(33,31,38,.22)}
.sp-nut .ic{width:20px;height:20px}
.sp-truoc{left:10px}.sp-sau{right:10px}
.sp-thu{position:relative;display:flex;gap:var(--k-2);overflow-x:auto;padding:var(--k-3) var(--k-3) 2px;scrollbar-width:none}
.sp-thu::-webkit-scrollbar{display:none}
.sp-thu button{flex:none;width:62px;height:62px;border-radius:10px;border:2px solid var(--vien);background:#fff;padding:2px;overflow:hidden;opacity:.75}
.sp-thu button.dang{border-color:var(--xanh);opacity:1}
.sp-thu img{width:100%;height:100%;object-fit:contain}
.dem-anh{position:absolute;right:12px;bottom:12px;background:rgba(33,31,38,.72);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:var(--k-1) var(--k-2)}
.sp-than{background:#fff;padding:var(--dem) var(--le);display:grid;gap:var(--k-3)}
.duong-dan{font-size:12px;color:var(--chu-phu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duong-dan b{color:var(--chu)}
.sp-ten{font-size:16px;line-height:1.35}
.sp-meta{font-size:14px;color:var(--chu-phu)}
.sp-gia{display:flex;align-items:baseline;gap:var(--k-3);flex-wrap:wrap}
.sp-gia .gia{font-size:24px}
.chon{display:grid;gap:var(--k-2)}
.chon-nhom b{display:block;font-size:14px;color:var(--chu-phu);margin-bottom:var(--k-2)}
.chon-o{display:flex;gap:var(--k-2);flex-wrap:wrap}
.chon-o label{position:relative}
.chon-o input{position:absolute;opacity:0;inset:0}
.chon-o span{display:inline-flex;align-items:center;height:44px;border:1.5px solid var(--vien);border-radius:10px;padding:0 var(--k-4);font-size:14px;font-weight:700;background:#fff}
.chon-o input:checked+span{border-color:var(--xanh);background:var(--xanh);color:#fff}
.chon-o label.het span{color:var(--chu-phu);background:linear-gradient(to top right,transparent calc(50% - 1px),var(--vien-dam) calc(50% - 1px),var(--vien-dam) calc(50% + 1px),transparent calc(50% + 1px)) #fff}
.chon-o label.het input:checked+span{color:#fff;background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(255,255,255,.75) calc(50% - 1px),rgba(255,255,255,.75) calc(50% + 1px),transparent calc(50% + 1px)) var(--xanh)}
.chon-o input:focus-visible+span{outline:2px solid var(--chu);outline-offset:2px}
.so-luong{display:inline-flex;align-items:center;border:1.5px solid var(--vien);border-radius:12px;height:44px;background:#fff}
.so-luong button{width:40px;height:100%;font-size:20px;color:var(--chu-phu)}
.so-luong button.het-sl{opacity:.35;cursor:not-allowed}
.gio-dong .gio-ton{color:var(--loi);font-weight:700}
.so-luong input{width:44px;text-align:center;border:0;outline:0;font-weight:800}
.co-quay{display:flex;gap:var(--k-3);align-items:center;background:var(--nen-xam);border-radius:12px;padding:var(--k-3) var(--k-3);font-size:14px}
.co-quay>.ic{color:var(--xanh)}
.co-quay b{color:var(--chu)}
.co-quay a{text-decoration:underline}
.giu-hang{display:grid;gap:var(--k-2);font-size:14px;color:var(--chu-phu)}
/* het hang: loi moi + 3 kenh ngay duoi gia tren dien thoai (20/10, Impeccable viec 7): .giu-hang.het-moi.chi-dt cung kieu voi ban o cuoi cot (khong the, khong
   dem: dem 12 px tren 343 px ep o "Messenger" cat chu, do 20/10), cao 74 px de nam tron tren thanh mua o man 812 px; may tinh an (chi-dt), loi moi o cuoi cot giu nguyen */
.kenh-hang{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--k-2)}
.kenh{display:flex;align-items:center;justify-content:center;gap:var(--k-2);height:44px;border-radius:12px;border:1.5px solid var(--vien-dam);font-weight:800;font-size:14px;color:var(--chu);background:#fff}
.cam-ket{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--k-2)}
.cam-ket>*{display:flex;align-items:center;gap:var(--k-2);background:var(--nen-xam);border-radius:10px;padding:var(--k-2) var(--k-3)}
.cam-ket .ic{color:var(--xanh);width:20px;height:20px}
.cam-ket b{display:block;font-size:14px}
.cam-ket small{display:block;font-size:12px;color:var(--chu-phu)}
.thanh-mua{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;box-shadow:0 -4px 16px rgba(33,31,38,.10);display:grid;grid-template-columns:52px 52px 1fr;gap:var(--k-2);padding:var(--k-2) var(--k-3) calc(8px + env(safe-area-inset-bottom))}
.thanh-mua .tron{height:50px;border-radius:14px;display:grid;place-items:center;border:1.5px solid var(--vien-dam);background:#fff;color:var(--chu)}
.thanh-mua .tron.gio{color:var(--xanh);border-color:var(--xanh)}
.thanh-mua .tron.tat{color:var(--vien-dam);border-color:var(--vien)}
.thanh-mua .nut{height:50px}
.nut-them-gio{display:none!important}
.mua-kem{display:flex;gap:var(--khe);overflow-x:auto;scrollbar-width:none}
.mua-kem .the{width:42%;flex:none}
.dac-ta{border:1px solid var(--vien);border-radius:12px;overflow:hidden}
.dac-ta div{display:grid;grid-template-columns:110px 1fr;font-size:14px}
.dac-ta div+div{border-top:1px solid var(--vien)}
.dac-ta span{padding:var(--k-2) var(--k-3);background:var(--nen-xam);color:var(--chu-phu)}
.dac-ta b{padding:var(--k-2) var(--k-3);font-weight:700}
/* chu dan tu Sapo mang theo co chu, phong, mau rieng: ep ve mot kieu */
.rte{font-size:14px;line-height:var(--lh-16);color:var(--chu);overflow-wrap:anywhere}
.rte *{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;color:inherit!important;background:transparent!important}
.rte p,.rte ul,.rte ol,.rte h2,.rte h3,.rte table{margin:0 0 var(--k-3)}
.rte ul,.rte ol{padding-left:var(--k-6)}
.rte h1,.rte h2,.rte h3,.rte h4{font-weight:800}
.rte strong,.rte b{font-weight:800}
.rte img{height:auto;border-radius:10px}
.rte table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.rte td,.rte th{border:1px solid var(--vien);padding:var(--k-2) var(--k-2)}
.rte a{color:var(--xanh)!important;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.rte pre{white-space:pre-wrap;margin:0;overflow-wrap:anywhere}
.sp-mo-ta{max-height:260px;overflow:hidden;position:relative}
.sp-mo-ta.mo{max-height:none}
.sp-mo-ta:not(.mo)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(transparent,#fff)}
.nut-xem-them{margin-top:var(--k-2);color:var(--xanh);font-weight:800;text-decoration:underline;text-underline-offset:3px}
/* hop luu y khi nhan hang: luon hien, tung y mot dong, khong emoji */
.luu-y{margin-top:var(--k-4);border:1px solid var(--vien);border-left:4px solid var(--xanh);border-radius:12px;padding:var(--k-3) var(--k-4);background:var(--nen-xam)}
.luu-y h3{display:flex;align-items:center;gap:var(--k-2);font-size:16px;margin:0 0 var(--k-2);color:var(--chu)}
.luu-y h3 .ic{width:20px;height:20px;color:var(--xanh)}
.luu-y-ds{margin:0!important;padding-left:var(--k-4)!important;display:grid;gap:var(--k-2)}
.luu-y-ds li{list-style:disc}
.luu-y-ds b{font-weight:800!important}
.luu-y-lk{margin-top:var(--k-2)}.luu-y-lk a{color:var(--xanh);font-weight:800;text-decoration:underline;text-underline-offset:3px}
/* danh muc */
.dm-dau{margin:var(--k-6) var(--le) 0;border-radius:18px;overflow:hidden;background:#fff}
.dm-dau img{width:100%;aspect-ratio:1919/731;object-fit:cover}
.dm-dau .dm-chu{padding:var(--dem)}
.dm-dau h1{font-size:24px}
.dm-dau .dm-so{font-size:14px;color:var(--chu-phu)}
.dm-thanh{display:flex;justify-content:space-between;align-items:center;gap:var(--k-2);flex-wrap:wrap;margin:var(--k-6) var(--le) var(--k-4)}
.dm-thanh select{height:38px;border:1.5px solid var(--vien);border-radius:10px;padding:0 var(--k-3);background:#fff;font-weight:700;font-size:14px}
.dm-mo-ta{margin:var(--gian) var(--le) 0}
.dm-nhom{font-size:16px;text-transform:uppercase;letter-spacing:.3px;margin:var(--k-4) 0 var(--k-3);border-left:4px solid var(--xanh);padding-left:var(--k-3)}
.tieu-trang+.dm-nhom{margin-top:var(--k-1)}
/* Bo loc ban 2 (founder 13/10 "Filter trang danh muc ... lon xon", NGHIEN-CUU-BO-LOC-MENU-WEB.md): nhom thu gon duoc, chon nhieu muc,
   so dem, toi da 6 muc roi "Xem them", thanh dang loc. Dien thoai: tam truot tu duoi, nut "Xem N san pham" (Baymard #1125). */
.dm-loc{display:none}
.loc-dau{display:flex;align-items:center;justify-content:space-between;gap:var(--k-2);padding:var(--k-2) var(--k-4);border-bottom:1px solid var(--vien)}
.loc-dau b{font-size:16px}
.loc-than{padding:0 var(--k-4)}
.loc-nhom{border-bottom:1px solid var(--vien);padding:var(--k-3) 0}
.loc-nhom:last-child{border-bottom:0}
.loc-nhom[hidden]{display:none}
.loc-nhom summary{display:flex;align-items:center;justify-content:space-between;min-height:40px;font-size:14px;font-weight:800;cursor:pointer;list-style:none}
.loc-nhom summary::-webkit-details-marker{display:none}
.loc-nhom summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--chu-phu);border-bottom:2px solid var(--chu-phu);transform:rotate(45deg);margin:0 var(--k-1) var(--k-1) 0;transition:transform .15s}
.loc-nhom[open] summary::after{transform:rotate(-135deg);margin:var(--k-1) var(--k-1) 0 0}
.loc-gts{display:grid;gap:2px;padding-top:var(--k-2)}
/* 13/10 "cho an tung dong can toi uu": ca dong la mot <label> (o tich + ten + so dem cung mot vung bam), cao 40 px may tinh, 44 px dien
   thoai (WCAG 2.5.5, Apple HIG); dang chon: nen xanh nhat + chu dam + so dem xanh; ban phim: vien quanh ca dong */
.loc-gt{display:flex;align-items:center;gap:var(--k-3);min-height:40px;padding:var(--k-2);border-radius:8px;font-size:14px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .12s}
.loc-gt[hidden],.loc-gt.ngoai-tro,.loc-gt.het-loc{display:none}
.loc-gt:hover{background:var(--nen-xam)}
.loc-gt input{width:20px;height:20px;flex:none;accent-color:var(--chu);margin:0;cursor:pointer}
.loc-gt span{flex:1;min-width:0}
.loc-gt small{font-size:12px;color:var(--chu-phu);min-width:28px;text-align:right;font-variant-numeric:tabular-nums}
.loc-nhom .loc-gt:has(input:checked){background:var(--xanh-nen);font-weight:700}
.loc-nhom .loc-gt:has(input:checked) small{color:var(--xanh);font-weight:700}
.loc-nhom .loc-gt input:checked{accent-color:var(--xanh)}
.loc-nhom .loc-gt:has(input:focus-visible){outline:2px solid var(--xanh);outline-offset:-2px}
.loc-tro-nhan{margin:var(--k-2) var(--k-2) 0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:var(--chu-phu)}
.loc-tro-nhan[hidden]{display:none}
.loc-tim{width:100%;height:36px;border:1.5px solid var(--vien);border-radius:10px;padding:0 var(--k-3);margin-bottom:var(--k-1);font-size:14px;background:#fff}
.loc-nhom .loc-them{justify-self:stretch;display:flex;align-items:center;min-height:40px;padding:0 var(--k-2);border-radius:8px;font-size:14px;font-weight:800;color:var(--xanh);text-align:left}
.loc-nhom .loc-them:hover{background:var(--nen-xam)}
.loc-chan{display:none}
.loc-dang{display:flex;flex-wrap:wrap;align-items:center;gap:var(--k-2);margin:0 var(--le) var(--k-4)}
.loc-dang[hidden]{display:none}
.chip.chip-loc{height:32px;padding:0 var(--k-3);font-size:14px;background:var(--xanh-nen);border-color:var(--xanh-nen)}
.chip.chip-loc::after{content:"×";margin-left:var(--k-2);font-size:16px;line-height:1}
.loc-bo{font-size:14px;font-weight:800;color:var(--xanh);text-decoration:underline;text-underline-offset:3px}
.nut-loc{display:inline-flex;align-items:center;gap:var(--k-2);height:38px;padding:0 var(--k-3);border-radius:10px;border:1.5px solid var(--vien);background:#fff;font-weight:800;font-size:14px}
.nut-loc .ic{width:20px;height:20px}
.dm-phai{min-width:0}
.dm-phai .khoi-luoi{margin-top:0}
[data-loc-kq].dang-tai{opacity:.45;pointer-events:none;transition:opacity .15s}
.dm-luoi-2{display:block}
.trang-so{display:flex;flex-wrap:wrap;gap:var(--k-2);justify-content:center;margin:var(--k-8) 0 var(--k-2)}
.trang-so a,.trang-so span{min-width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1.5px solid var(--vien);background:#fff;font-weight:800;padding:0 var(--k-3)}
.trang-so .dang{background:var(--xanh);border-color:var(--xanh);color:#fff}
.trong-tron{text-align:center;padding:var(--k-6) var(--k-3);color:var(--chu-phu)}
.trong-tron p{max-width:640px;margin:0 auto}
/* gio hang */
.gio-dong{display:grid;grid-template-columns:72px 1fr;gap:var(--k-3);padding:var(--k-3) 0;border-bottom:1px solid var(--vien)}
.gio-dong .anh{border-radius:10px}
.gio-dong .ten{min-height:0}
.gio-dong .phu{font-size:14px;color:var(--chu-phu)}
.gio-dong .hang-cuoi{display:flex;justify-content:space-between;align-items:center;margin-top:var(--k-2)}
.gio-bo{font-size:14px;color:var(--chu-phu);text-decoration:underline}
.gio-tong{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:800;margin:var(--k-3) 0}
/* khung bao da them vao gio (founder 30/09) */
.bao-gio{position:fixed;left:12px;right:12px;bottom:84px;z-index:80;background:#fff;border-radius:16px;box-shadow:var(--bong-noi),0 0 0 1px var(--vien);padding:var(--k-3);display:grid;gap:var(--k-3)}
.bg-dong{display:grid;grid-template-columns:auto 1fr auto;gap:var(--k-3);align-items:center}
.bg-dong img{width:56px;height:56px;object-fit:contain;border-radius:8px;background:var(--nen-xam)}
.bg-dong p{font-size:14px;line-height:1.4}
.bg-dong b{font-weight:800}
.bg-x{width:32px;height:32px;border-radius:50%;font-size:20px;color:var(--chu-phu);align-self:start}
.bg-nut{display:grid;grid-template-columns:1fr 1fr;gap:var(--k-2)}
.bg-nut .nut{height:44px;font-size:14px;padding:0 var(--k-3)}
.bao-nho{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:var(--chu);color:#fff;border-radius:999px;padding:var(--k-3) var(--k-4);font-size:14px;font-weight:700;z-index:80;box-shadow:0 6px 20px rgba(0,0,0,.2);max-width:92vw}
/* bieu mau, tai khoan */
.bieu-mau{display:grid;gap:var(--k-3);max-width:440px}
.o{width:100%;height:46px;border:1.5px solid var(--vien);border-radius:12px;padding:0 var(--k-3);background:#fff;outline:0}
textarea.o{height:auto;min-height:110px;padding:var(--k-3) var(--k-3)}
.o:focus{border-color:var(--xanh)}
.bieu-mau label{font-size:14px;font-weight:700;color:var(--chu-phu)}
.loi{color:var(--loi);font-size:14px}
.bao-xanh{background:var(--nen-xam);color:var(--chu);border:1px solid var(--vien);border-radius:12px;padding:var(--k-3) var(--k-3);font-size:14px}
.tk-luoi{display:grid;gap:var(--khe)}
.tk-menu{display:grid;gap:var(--k-1)}
.tk-menu a{display:block;padding:var(--k-3) var(--k-3);border-radius:12px;font-weight:700}
.tk-menu a.dang{background:var(--xanh-nen);color:var(--xanh);box-shadow:inset 3px 0 0 var(--xanh)}
.bang-don{width:100%;border-collapse:collapse;font-size:14px}
.bang-don th,.bang-don td{border-bottom:1px solid var(--vien);padding:var(--k-2) var(--k-2);text-align:left;vertical-align:top}
.cuon-bang{overflow-x:auto}
details.o-dia-chi{border:1px solid var(--vien);border-radius:12px;padding:var(--k-3) var(--k-3);margin-top:var(--k-3)}
details.o-dia-chi summary{font-weight:800;cursor:pointer}
/* blog */
.bai-luoi{display:grid;gap:var(--khe)}
.bai-the{display:grid;grid-template-columns:120px 1fr;gap:var(--k-3);align-items:start}
.bai-the .anh{aspect-ratio:4/3}
.bai-the .anh img{object-fit:cover}
.bai-the h2,.bai-the h3{font-size:16px}
.bai-the p{font-size:14px;color:var(--chu-phu)}
.bai-ngay{font-size:12px;color:var(--chu-phu)}
.bai-chinh{background:#fff;border-radius:18px;margin:var(--k-6) var(--le) 0;padding:var(--dem)}
.bai-chinh h1{font-size:24px;margin-bottom:var(--k-2)}
.bai-chinh .rte h2{font-size:16px!important;margin-top:var(--k-4)}
/* o nhan tin tren chan trang (founder 29/09 "Them o email nhan tin chay that") */
.chan-nhan-tin{background:var(--xanh-nen);border-top:1px solid var(--vien);margin-top:var(--gian);padding:var(--k-6) 0}
.chan-nhan-tin+.chan{margin-top:0}
.nt-luoi{display:grid;gap:var(--k-3)}
.nt-tieu{margin:0;font-weight:800;font-size:16px}
.nt-hang{display:flex;gap:var(--k-2);max-width:560px}
.nt-hang .o{flex:1;min-width:0;height:46px;border-radius:999px;padding:0 var(--k-4);background:#fff;border-color:#fff}
.nt-hang .nut{height:46px;border-radius:999px;padding:0 var(--k-6)}
.chan-nhan-tin .bao-xanh{margin:0 0 var(--k-1)}
/* chan trang */
.chan{background:var(--toi);color:var(--toi-chu);margin-top:var(--gian);padding:var(--k-2) 0 96px}
.chan a{color:#fff}
.chan details{border-bottom:1px solid var(--toi-vien);padding:var(--k-4) 0}
.chan summary{font-weight:800;font-size:14px;color:#fff;list-style:none;display:flex;justify-content:space-between;cursor:pointer}
.chan summary::-webkit-details-marker{display:none}
.chan summary::after{content:"+";font-weight:400}
.chan details[open] summary::after{content:"-"}
.chan p,.chan li{font-size:14px;margin-top:var(--k-1);list-style:none;line-height:var(--lh-16)}
.chan-shop{padding:var(--k-4) 0 var(--k-4);border-bottom:1px solid var(--toi-vien)}
.chan-logo{display:inline-block;background:#fff;border-radius:999px;padding:var(--k-2) var(--k-4);line-height:0}
.chan-logo img{height:30px;width:auto}
.chan-lh{margin-top:var(--k-3)}
.chan-lh li{display:flex;gap:var(--k-3);align-items:flex-start;font-size:14px;margin-top:var(--k-2);list-style:none;line-height:var(--lh-16)}
.chan-lh svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--toi-phu)}
.chan .mxh{display:flex;gap:var(--k-3);flex-wrap:wrap;margin-top:var(--k-3)}
.chan .mxh a{width:38px;height:38px;border:1px solid var(--toi-vien);border-radius:50%;padding:0;display:grid;place-items:center;color:#fff;background:transparent;transition:transform .15s ease}
.chan .mxh svg{width:20px;height:20px}
.chan .bct img{height:48px;width:auto;margin-top:var(--k-3)}
.chan-fp{padding:var(--k-4) 0 var(--k-1)}
.chan .chan-tieu{font-weight:800;font-size:14px;color:#fff;margin:0 0 var(--k-2)}
.chan .ban-quyen{font-size:12px;color:var(--toi-phu);padding-top:var(--k-4)}
/* muc gap "Bo the, moi ra truoc" (lap chi muc 06/10): ten bo xep hang ngang cho gon khi mo */
.chan-bo ul{display:flex;flex-wrap:wrap;column-gap:var(--k-4)}
/* thanh day dien thoai */
.tab-day{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--vien);display:grid;grid-template-columns:repeat(5,1fr);height:62px;padding-bottom:env(safe-area-inset-bottom)}
.tab-day a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--k-1);font-size:12px;font-weight:700;color:var(--chu-phu);position:relative}
.tab-day a .ic{width:24px;height:24px}
.tab-day a.dang{color:var(--xanh);font-weight:800}
.tab-day .dem{top:5px;right:calc(50% - 24px)}
.co-thanh-mua .tab-day{display:none}
/* cum nut noi Zalo, Messenger, Goi: cung mot kieu vien xam (founder 30/09) */
.noi{position:fixed;right:12px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:50;display:flex;flex-direction:column;gap:var(--k-3)}
.co-thanh-mua .noi{bottom:calc(84px + env(safe-area-inset-bottom))}
.noi a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--chu);background:#fff;border:1.5px solid var(--vien-dam);font-weight:800;font-size:12px;box-shadow:0 4px 14px rgba(33,31,38,.16);transition:transform .15s ease}
.noi .mess{width:24px;height:24px}.noi .mess svg{width:22px;height:22px}.thanh-mua .tron .mess svg{width:24px;height:24px}
.noi-goi .ic{width:22px;height:22px}
@media print{.noi{display:none}}
/* menu dau trang nhu web cu + logo giua tren dien thoai (founder 29/09) */
.dau-phai{display:flex;align-items:center}
.dau-trai{display:flex;align-items:center}
.dau-3{display:none}
.cay-dm,.cay-dm ul{list-style:none;margin:0;padding:0}
.ngan-menu{position:fixed;inset:0;z-index:90}
.ngan-menu[hidden]{display:none}
.ngan-nen{position:absolute;inset:0;background:rgba(33,31,38,.45)}
.ngan-than{position:absolute;left:0;top:0;bottom:0;width:min(86vw,360px);background:#fff;overflow-y:auto;padding:var(--k-2) var(--k-4) var(--k-8);box-shadow:8px 0 30px rgba(0,0,0,.2)}
.ngan-dau{display:flex;align-items:center;justify-content:space-between;height:52px;margin-bottom:var(--k-1)}
.ngan-dau img{height:24px;width:auto;display:block}
.ngan-muc{display:grid;border-bottom:1px solid var(--vien);padding-bottom:var(--k-2);margin-bottom:var(--k-3)}
.ngan-muc a{display:flex;align-items:center;min-height:44px;font-weight:800;font-size:16px}
.ngan-tieu{font-weight:800;color:var(--xanh);margin:var(--k-2) 0;font-size:12px;text-transform:uppercase;letter-spacing:.3px}
.ngan-than .dm-1{display:flex;align-items:center;gap:var(--k-3);min-height:52px;font-weight:800;font-size:16px}
.ngan-than .dm-1 img{width:48px;height:36px;border-radius:8px;object-fit:cover;flex:none;background:var(--nen-xam)}
/* logo TCG dau cot menu (13/10 toi): giu ti le, nen trong, kich thuoc co dinh theo width/height cua the img */
.cay-dm img.dm-logo{width:auto;height:32px;max-width:120px;object-fit:contain;border-radius:0;background:none}
.cay-dm img.dm-logo-nho{display:inline-block;width:auto;height:16px;margin-right:var(--k-2);vertical-align:-3px;object-fit:contain}
.ngan-than .cay-dm>li>.dm-het{display:inline-flex;align-items:center;min-height:44px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.ngan-than .cay-dm>li{padding:var(--k-2) 0;border-bottom:1px solid var(--vien)}
.ngan-than .cay-dm>li:last-child{border-bottom:0}
.ngan-than .dm-moi,.ngan-than .dm-ds{display:flex;flex-wrap:wrap;gap:var(--k-2);margin:var(--k-1) 0 var(--k-2)}
.ngan-than .dm-moi b{width:100%;font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:var(--chu-phu)}
.ngan-than .dm-moi a,.ngan-than .dm-ds a{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--k-3);border-radius:999px;background:var(--nen-xam);font-size:14px}
.ngan-than .dm-2{display:block;font-weight:700;margin:var(--k-2) 0;color:var(--chu)}
.ngan-than .dm-2+ul{display:flex;flex-wrap:wrap;gap:var(--k-2);margin-bottom:var(--k-2)}
.ngan-than .dm-2+ul a{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--k-3);border-radius:999px;background:var(--nen-xam);font-size:14px}
html.khoa-cuon{overflow:hidden}
@media (hover:hover){
  .the:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(33,31,38,.12)}
  .the:hover .anh img{transform:scale(1.05)}
  .chip:hover,.tab-nho button:hover{border-color:var(--xanh);color:var(--xanh)}
  .chip.dang:hover{color:#fff}
  .nut:hover{transform:translateY(-1px)}
  .nut-mua:hover{background:var(--xanh-dam)}
  .nut-het:hover{transform:none}
  .vong a:hover .tron{box-shadow:0 0 0 1.5px var(--xanh),0 6px 14px rgba(33,31,38,.18)}
  .ds-bo a:hover span{text-decoration:underline}
  .o-anh:hover img{transform:scale(1.06)}
  .sp-thu button:hover{opacity:1}
  .sp-nut:hover{background:#fff}
  .noi a:hover{transform:scale(1.08)}
  .chan .mxh a:hover{transform:translateY(-2px);border-color:var(--toi-phu)}
}
@media (max-width:1023px){
  .dau-1{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--k-1)}
  .ben{display:none}
  .dau-trai{justify-self:start}
  .dau-phai{justify-self:end}
  .logo-o{justify-self:center;flex:none}
  .logo-o img{height:clamp(16px,calc((100vw - 216px) / 8.2),24px);width:auto}
  .bang-nut{width:30px;height:30px}
  .bang-nut .ic{width:16px;height:16px}
  .bang-truoc{left:20px}.bang-sau{right:20px}
  .bang-o:not(.bang-anh){padding-left:var(--k-10);padding-right:var(--k-10)}
  /* cum nut noi Zalo / Messenger / Goi AN tren dien thoai (20/10, Impeccable viec 2, founder "nhom dien thoai ... nut noi"): thanh duoi da co "Nhan tin", cum noi de len mep phai
     luoi the va cat chu ("hang chinh han", "Pokemo"). Quy tac cu an rieng Messenger khong bao gio chay (.noi a dac hieu hon, Messenger van hien). Zalo, goi: o chan trang, Cua hang, trang san pham. */
  .noi{display:none}
  .chi-mt{display:none}
  /* diem cham >= 44 px tren dien thoai (20/10, Impeccable viec 3): nut them gio tren the (36 -> 44), chip (36 -> 44), duong dan (cao 16 -> 44); bang chon loai va nut cuon chip dich theo */
  .the-them{width:44px;height:44px}
  .the-chon{top:60px;max-height:calc(100% - 68px)}
  .chip{height:44px}
  .chips .cuon-nut{top:38px}
  .duong-dan a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;vertical-align:middle}
  /* het hang (20/10, Impeccable viec 7): thanh mua chi con MOT nut "Nhan bao khi co hang lai" thay nut xam; loi moi o cuoi cot an vi da len duoi gia */
  .thanh-mua.mua-het{grid-template-columns:1fr}
  .thanh-mua.mua-het .tron{display:none}
  .giu-hang.het-duoi{display:none}
  .kenh{gap:var(--k-1)}
  .sp-duoi .luoi>.the:nth-child(n+5),.chinh .luoi>.the:nth-child(n+5){display:none}
  .dm-loc.mo{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;top:8vh;z-index:95;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 0 0 100vmax rgba(33,31,38,.45)}
  .dm-loc.mo .loc-than{flex:1;overflow-y:auto;overscroll-behavior:contain}
  .dm-loc.mo .loc-chan{display:grid;grid-template-columns:1fr 2fr;gap:var(--k-2);padding:var(--k-3) var(--k-4);border-top:1px solid var(--vien)}
  .dm-loc.mo .loc-chan .nut{height:44px;font-size:14px;gap:var(--k-1)}
  .dm-thanh .sp-meta[data-loc-dem-sp]{order:3;width:100%}
  .chu-sx{display:none}
  /* vung bam toi thieu 44 px tren dien thoai (13/10): dong loc, tieu de nhom, Xem them, chip dang loc, Xoa tat ca, muc ngan menu, Xem tat ca */
  .loc-gt,.loc-nhom summary,.loc-nhom .loc-them{min-height:44px}
  .chip.chip-loc{height:44px}
  .loc-bo{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--k-2)}
  .ngan-than .dm-moi a,.ngan-than .dm-ds a,.ngan-than .dm-2+ul a{min-height:44px}
  .ngan-than .dm-2{display:flex;align-items:center;min-height:44px;margin:0}
  .khoi>h2 a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
  /* diem cham >= 44 x 44 px tren dien thoai, luot 2 (20/10, founder "Lam luon di" khi duoc bao con khoang 80 cho bam nho hon 44 px moi trang).
     Cach lam: nut va lien ket dung mot minh thi tang min-height / min-width that (chu giu nguyen co); nut tron nho tren anh (mui ten anh,
     mui ten chip) giu hinh 30-36 px va mo vung bam bang ::after tuyet doi (khong doi giao dien); o tim, so luong doi vien thanh bong de
     o that cao du 44. Lien ket nam TRONG CAU VAN (mo ta bo, bai blog, dong "Shopee" ben danh gia) la ngoai le WCAG 2.5.8, khong dong vao. */
  .bo-qua{display:inline-flex;align-items:center;min-height:44px}
  .logo-o{min-height:44px;min-width:44px}
  .tim{border:0;padding-right:0;box-shadow:inset 0 0 0 1.5px transparent}
  .tim:focus-within{box-shadow:inset 0 0 0 1.5px var(--xanh)}
  .tim input{align-self:stretch}
  .tim button{width:44px;height:44px}
  .ngan-dau a{display:inline-flex;align-items:center;min-height:44px}
  .nut-loc,.dm-thanh select{height:44px}
  .tab-nho button{height:44px}
  .nut-xem-them{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
  .luu-y-lk a,.dac-ta a,.dm-dau .dm-so a,.kkb-ml li a,.kkb-dd-ten a{display:inline-flex;align-items:center;min-height:44px}
  .rte summary{padding:var(--k-3) 0}
  .trang-so a,.trang-so span{min-width:44px;height:44px}
  .so-luong{border:0;box-shadow:inset 0 0 0 1.5px var(--vien)}
  .so-luong button{width:44px}
  .so-luong input{height:100%;background:transparent}
  .gio-bo{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
  .bg-x{width:44px;height:44px}
  .bang-nut,.cuon-nut,.sp-nut{position:absolute}
  .bang-nut::after{content:"";position:absolute;inset:-7px}
  .cuon-trai::after{content:"";position:absolute;inset:-7px -12px -7px -2px}
  .cuon-phai::after{content:"";position:absolute;inset:-7px -2px -7px -12px}
  .sp-nut::after{content:"";position:absolute;inset:-4px}
  .chan .mxh a{width:44px;height:44px}
  .chan-lh a{display:inline-flex;align-items:center;min-height:44px}
  .chan details{padding:0}
  .chan summary{align-items:center;padding:var(--k-4) 0}
  .chan details[open]{padding-bottom:var(--k-4)}
  .chan details[open] summary{padding-bottom:var(--k-2)}
  .chan details li{margin-top:0}
  .chan details li a{display:flex;align-items:center;min-height:44px;min-width:44px}
}
@media (min-width:1024px){
  :root{--gian:var(--k-10);--dem:var(--k-6);--tieu:var(--k-4);--khe:var(--k-6)}
  .khung{padding:0 var(--k-6)}
  .dau-1{height:76px;gap:var(--k-4)}
  .logo-o{flex:none;width:250px}
  .logo-o img{height:34px}
  .dau-1 .tim{flex:1;display:flex!important}
  .dau-2,.chi-dt{display:none!important}
  .lien-ket-dau{display:flex;gap:var(--k-2)}
  .lien-ket-dau a{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:700;color:var(--chu-phu);width:68px}
  .lien-ket-dau .dem{top:-4px;right:12px}
  .dau-phai{display:none!important}
  .dau-3{display:flex;align-items:center;gap:var(--k-8);height:48px}
  .dm-nut{position:relative}
  .dm-mo{display:flex;align-items:center;gap:var(--k-3);height:40px;padding:0 var(--k-4);border-radius:12px;background:var(--xanh);color:#fff;font-weight:800;font-size:14px;cursor:pointer}
  .dm-bang{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:60;width:min(1200px,calc(100vw - 40px));max-height:calc(100vh - 150px);overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 18px 44px rgba(33,31,38,.18);padding:var(--k-6)}
  /* mega menu 13/10 toi (founder "Menu tren pc loi UI UX khi ra chuot vao"; do: bam nut roi dua chuot ra thi bang KHONG dong vi :focus-within,
     mo tre 150-200 ms): chi mo/dong theo lop .mo do kawaii.js dat (re vao mo ngay, roi ra dong sau 150 ms, Esc, Tab ra ngoai); cau noi 12 px
     phu khe 6 px giua nut va bang de chuot di xuong khong bi dong */
  .dm-bang::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
  .dm-nut.mo .dm-bang{display:block}
  .dm-bang .cay-dm{display:grid;grid-template-columns:minmax(0,2.2fr);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--k-6)}
  .dm-bang .cay-dm>li+li{border-left:1px solid var(--vien);padding-left:var(--k-6)}
  .dm-bang .dm-1{display:flex;align-items:center;gap:var(--k-3);font-weight:800;font-size:16px;color:var(--chu)}
  /* 13/10 toi: anh dau cot 112x84 ep chu tieu de cot hep xuong 3 dong (do: "Mua theo loai", "Phu kien" o bang 1.200 px 5 cot) -> 64x48 */
  .dm-bang .dm-1 img{width:64px;height:48px;border-radius:10px;object-fit:cover;flex:none;background:var(--nen-xam)}
  .dm-bang .cay-dm.vuong .dm-1 img:not(.dm-logo){width:56px;height:56px}
  .dm-bang .dm-moi{display:flex;flex-wrap:wrap;align-items:center;gap:var(--k-2);margin-top:var(--k-3);font-size:14px}
  .dm-bang .dm-moi b{font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:var(--chu-phu)}
  .dm-bang .dm-moi a{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--k-3);border-radius:999px;background:var(--xanh-nen);color:var(--xanh);font-weight:700}
  .dm-bang .cay-dm>li>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--k-4) var(--k-6);margin-top:var(--k-4)}
  .dm-bang .cay-dm>li.cot-rong>ul{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dm-bang .cay-dm>li:not(:first-child)>ul{grid-template-columns:1fr}
  .dm-bang .cay-dm>li>ul.dm-ds{grid-template-columns:1fr;gap:0}
  .dm-bang .dm-2{font-weight:800;font-size:14px;color:var(--chu)}
  .dm-bang .dm-2+ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0 var(--k-4);margin-top:var(--k-2)}
  .dm-bang .dm-2+ul a,.dm-bang .dm-ds a{display:flex;align-items:center;min-height:32px;padding:0 var(--k-2);margin:0 calc(-1 * var(--k-2));border-radius:8px;color:var(--chu-phu);font-size:14px}
  .dm-bang .dm-2+ul a:hover,.dm-bang .dm-ds a:hover{background:var(--nen-xam)}
  .dm-bang .dm-2{display:flex;align-items:center;min-height:32px}
  .dm-bang .dm-ds .dm-het{color:var(--xanh);font-weight:800;margin-top:var(--k-2)}
  .dm-bang .cay-dm>li>.dm-het{display:inline-flex;align-items:center;min-height:32px;margin-top:var(--k-3);color:var(--xanh);font-weight:800;font-size:14px}
  .dm-bang .cay-dm img.dm-logo{height:48px;max-width:140px}
  .dm-bang a:hover{color:var(--xanh);text-decoration:underline}
  .menu-chinh{display:flex;gap:var(--k-8)}
  .menu-chinh a{font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.2px;color:var(--chu)}
  .menu-chinh a:hover,.menu-chinh a[aria-current]{color:var(--xanh);text-decoration:underline;text-underline-offset:6px}
  /* trang chu 13/10: bo cot trai, noi dung rong ca khung; hang chip an tren may tinh (trung mega menu + o "Mua theo loai") */
  .khung-chu{display:block;max-width:1240px;margin:0 auto;padding:var(--k-8) var(--k-6) 0}
  .chinh>.chips{display:none}
  .chinh .luoi{grid-template-columns:repeat(5,1fr)}
  .ben{display:block!important;position:sticky;top:140px;align-self:start}
  .ben nav{background:#fff;border-radius:18px;padding:var(--k-3);box-shadow:var(--bong)}
  .ben nav a{display:flex;gap:var(--k-3);align-items:center;height:46px;padding:0 var(--k-3);border-radius:12px;font-weight:800}
  .ben nav a.dang{background:var(--xanh-nen);color:var(--xanh);box-shadow:inset 3px 0 0 var(--xanh)}
  .ben .ds-bo{background:none;border-radius:0;padding:0;box-shadow:none}
  .ben .ds-bo a{height:auto;padding:var(--k-2) var(--k-3);border-radius:10px;font-weight:700}
  .ben .khoi{margin:var(--k-6) 0 0}
  .chinh{min-width:0}
  .cuon-ngang{padding:0;scroll-padding:0}
  .bang{margin:0}
  .bang-o{padding:var(--k-6) var(--k-8)}
  .bang-o h2{font-size:24px}
  .bang-o p{font-size:16px}
  .vong .cuon-ngang{justify-content:space-between}
  .tieu-de-trang{margin:0 0 var(--k-6);font-size:20px}
  .khoi{margin:var(--gian) 0 0;padding:var(--dem)}
  .luoi{grid-template-columns:repeat(4,1fr);gap:var(--khe)}
  .luoi.luoi-dm{grid-template-columns:repeat(4,1fr)}
  .ten{-webkit-line-clamp:3}
  .bang-quay{margin:var(--gian) 0 0}
  .dich-vu{grid-template-columns:repeat(4,1fr);gap:var(--k-4);margin:var(--k-8) 0 0}
  .o-luoi{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--khe)}
  .tab-day{display:none}
  .chan{padding-bottom:var(--k-6)}
  .chan .khung{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:var(--k-8)}
  .chan .chan-luoi{grid-template-columns:repeat(4,1fr);align-items:start}
  .chan details{border:0}
  .chan summary{pointer-events:none}
  .chan summary::after{display:none}
  .chan-shop{border:0;padding:var(--k-4) 0}
  .chan-ds details+details{margin-top:var(--k-1)}
  .chan .chan-bo{margin-top:var(--k-3);padding-top:var(--k-3);border-top:1px solid var(--toi-vien)}
  .chan .chan-bo summary{pointer-events:auto}
  .chan .chan-bo summary::after{display:inline;margin-left:var(--k-2)}
  .chan-fp{padding:var(--k-4) 0}
  .nt-luoi{grid-template-columns:1fr 560px;align-items:center}
  .nt-tieu{font-size:20px}
  .sp-luoi{display:grid;grid-template-columns:1fr 1fr;gap:var(--k-8);max-width:1240px;margin:0 auto;padding:var(--k-8) var(--k-6) 0}
  .sp-anh{border-radius:18px;overflow:hidden;padding:var(--k-4)}
  .sp-truot .anh{max-height:none;border-radius:12px}
  .sp-thu{padding:var(--k-3) 0 0}
  .sp-thu button{width:74px;height:74px}
  .sp-nut{width:40px;height:40px}
  .sp-than{border-radius:18px;padding:var(--dem);gap:var(--k-4)}
  .sp-ten{font-size:20px}
  .rte{font-size:16px}
  .luu-y-ds{font-size:14px!important}
  .thanh-mua{position:static;box-shadow:none;padding:0;grid-template-columns:1fr 1fr;background:transparent}
  .thanh-mua .tron{display:none}
  .thanh-mua .nut-het{grid-column:1/-1}
  .nut-them-gio{display:inline-flex!important}
  .sp-duoi{max-width:1240px;margin:0 auto;padding:0 var(--k-6)}
  .mua-kem{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--khe);overflow:visible}
  .mua-kem .the{width:auto}
  .mua-kem>.the:nth-child(n+6){display:none}
  .sp-duoi .luoi{grid-template-columns:repeat(5,1fr)}
  .dm-dau{margin:var(--k-8) 0 0}
  .dm-mo-ta{margin:var(--gian) 0 0}
  .dm-khung{max-width:1240px;margin:0 auto;padding:0 var(--k-6)}
  .dm-thanh{margin:0 0 var(--k-6);min-height:38px}
  .loc-dang{margin:0 0 var(--k-4)}
  .dm-luoi-2{display:grid;grid-template-columns:256px minmax(0,1fr);gap:var(--k-8);align-items:start;margin-top:var(--k-8)}
  .dm-luoi-1{grid-template-columns:minmax(0,1fr)}
  .dm-phai .khoi-luoi{margin:0}
  .dm-loc{display:block;position:sticky;top:140px;max-height:calc(100vh - 156px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#fff;border-radius:18px;box-shadow:var(--bong)}
  .loc-dau{padding:var(--k-4) var(--k-4) var(--k-3)}
  .loc-dau .nut-ic,.nut-loc{display:none}
  .tk-luoi{grid-template-columns:240px 1fr}
  .bai-chinh{max-width:860px;margin:var(--k-8) auto 0}
  .bai-chinh .rte h2{font-size:20px!important}
  .bai-luoi{grid-template-columns:1fr 1fr}
  .bao-nho{bottom:24px}
  .bao-gio{left:auto;right:24px;bottom:24px;width:380px}
  .noi,.co-thanh-mua .noi{right:20px;bottom:24px}
}
/* MEGA MENU THEO DONG THE kieu TCGplayer (13/10 toi, founder "Mega menu đang UI UX không đẹp, giống tcgplayer"; snippets/menu-dong.bwt).
   Ban 2 (13/10 khuya, founder "Mega menu đang chưa đều, lỗi UI UX"): bang rong bang thanh tab va neo co dinh (tab nao cung mo o cung mot cho,
   khong nhay), moi nhom mot cot rong bang nhau, link mot cot, chu 12/14/16, anh chi o vuong cua chinh danh muc. Dien thoai: ngan keo, moi dong
   mot muc gap mo (accordion), link cao 44 px. */
.dong-thanh,.dong-thanh ul{list-style:none;margin:0;padding:0}
.dong-bang{display:none}
.dm-nut.mo>.dong-bang{display:block}
.dong-mui{flex:none;transition:transform .15s ease}
.dm-nut.mo .dong-mui{transform:rotate(180deg)}
.dong-tieu{margin:0 0 var(--k-1);font-weight:700;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--chu-phu)}
.dong-anh{flex:none;width:40px;height:40px;border-radius:8px;overflow:hidden;background:var(--nen-xam)}
.dong-anh img{width:100%;height:100%;object-fit:cover;display:block}
.dong-anh-ic{display:grid;place-items:center;color:var(--chu-phu)}
.dong-anh-ic .ic{width:22px;height:22px}
.dong-nhom a{display:flex;align-items:center;gap:var(--k-3)}
.ngan-dong .dong-tab{border-bottom:1px solid var(--vien)}
.ngan-dong .dong-tab:last-child{border-bottom:0}
.ngan-dong .dong-mo{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0;border:0;background:none;font-weight:800;font-size:16px;color:var(--chu);text-align:left;cursor:pointer}
.ngan-dong .dong-bang{padding:0 0 var(--k-3)}
.ngan-dong .dong-dau{display:flex;align-items:center;gap:var(--k-2)}
.ngan-dong .dong-dau b,.ngan-dong .dong-qb{display:none}
.ngan-dong .dong-logo{height:24px;width:auto}
.ngan-dong .dong-het{display:flex;align-items:center;min-height:44px;font-weight:800;color:var(--chu);text-decoration:underline;text-underline-offset:3px}
.ngan-dong .dong-nhom{margin-top:var(--k-2)}
.ngan-dong .dong-nhom a{min-height:44px;font-size:16px;color:var(--chu)}
@media (min-width:1024px){
  .dau-3{position:relative;gap:var(--k-6)}
  .dong-nav{flex:1 1 auto;min-width:0}
  .dong-thanh{display:flex;align-items:stretch;height:48px}
  .dong-tab{display:flex;position:static}
  .dong-mo{display:flex;align-items:center;gap:var(--k-2);height:48px;padding:0 var(--k-3);border:0;border-bottom:3px solid transparent;background:none;font-weight:700;font-size:14px;color:var(--chu);white-space:nowrap;cursor:pointer}
  .dong-mo:hover,.dm-nut.mo>.dong-mo{border-bottom-color:var(--chu)}
  .dong-mo:focus-visible{outline:2px solid var(--chu);outline-offset:-2px;border-radius:6px}
  /* neo vao .dau-3 (khung 1.200 px): moi tab mo bang o cung vi tri, cung be rong */
  .dong-bang{position:absolute;left:0;right:0;top:100%;z-index:60;width:auto;max-height:calc(100vh - 140px);overflow-y:auto;padding:0;background:#fff;border:1px solid var(--vien);border-radius:0 0 14px 14px;box-shadow:0 18px 40px rgba(33,31,38,.16)}
  .dong-bang::before{display:none}
  .dong-dau{display:flex;align-items:center;gap:var(--k-3);min-height:56px;padding:0 var(--k-6);background:var(--nen-xam);border-bottom:1px solid var(--vien)}
  .dong-dau b{font-size:16px;font-weight:800;color:var(--chu)}
  .dong-logo{height:28px;width:auto}
  .dong-dau .dong-het{margin-left:auto;font-size:14px;font-weight:700;color:var(--chu);text-decoration:underline;text-underline-offset:3px}
  .dong-than{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:var(--k-8);padding:var(--k-6)}
  .dong-than:not(:has(.dong-qb)){grid-template-columns:minmax(0,1fr)}
  .dong-nhoms{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--k-8);align-items:start}
  .dong-tieu{display:flex;align-items:flex-end;min-height:32px;padding-bottom:var(--k-2);margin-bottom:var(--k-2);border-bottom:1px solid var(--vien);font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--chu)}
  .dong-nhom ul{display:grid;gap:0}
  .dong-nhom.co-anh ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--k-2) var(--k-6)}
  .dong-nhom a{min-height:36px;padding:var(--k-2) 0;font-size:14px;font-weight:600;line-height:20px;color:var(--chu)}
  .dong-nhom.co-anh a{min-height:48px}
  .dong-nhom a:hover span:last-child{text-decoration:underline;text-underline-offset:3px}
  .dong-nhom .dong-het{font-weight:800;text-decoration:underline;text-underline-offset:3px}
  .dong-qb{display:flex;flex-direction:column;gap:var(--k-2);color:var(--chu)}
  .dong-qb-anh{display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--nen-xam)}
  .dong-qb-anh img{width:100%;height:100%;object-fit:cover;display:block}
  .dong-qb-ten{font-weight:700;font-size:16px}
  .dong-qb-nut{display:flex;align-items:center;justify-content:center;height:40px;border-radius:10px;background:var(--chu);color:#fff;font-weight:700;font-size:14px}
  .dong-qb:hover .dong-qb-nut{filter:brightness(1.15)}
  .dong-nav~.menu-chinh{flex:none;margin-left:auto;gap:var(--k-4)}
  .dong-nav~.menu-chinh a{display:inline-block;font-size:14px;font-weight:700;text-transform:lowercase;letter-spacing:0;white-space:nowrap;color:var(--chu-phu)}
  .dong-nav~.menu-chinh a::first-letter{text-transform:uppercase}
}
/* man 1024-1279 px: giu thanh tab, an link menu chinh (van co o chan trang) */
@media (min-width:1024px) and (max-width:1279px){
  .dong-mo{padding:0 var(--k-2)}
  .dong-nav~.menu-chinh{display:none}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.anh img,.the,.o-anh img,.nut{transition:none!important}}