/* 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;
--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:1.5}
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}
.an{display:none!important}
.khung{max-width:1240px;margin:0 auto;padding:0 16px}
.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:8px 12px;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:12px}
.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:4px;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 4px;line-height:1}
.dem[data-so="0"]{display:none}
.dau-2{padding-bottom:10px}
.tim{display:flex;align-items:center;gap:8px;height:44px;border-radius:999px;background:var(--nen-xam);padding:0 6px 0 16px;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:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 16px;scroll-padding:0 16px}
.cuon-ngang::-webkit-scrollbar{display:none}
.cuon-ngang>*{scroll-snap-align:start;flex:none}
.chips{padding:10px 0 2px}
.chip{display:inline-flex;align-items:center;height:36px;padding:0 14px;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:10px 16px 0;display:flex;gap:10px;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:8px;padding:10px 14px;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:3px 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:4px}
.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:6px;justify-content:center;margin-top:8px}
.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:14px 0 4px}
.vong .cuon-ngang{gap:14px}
.vong a{width:72px;display:flex;flex-direction:column;align-items:center;gap:6px;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:12px 12px 0;padding:14px 12px;box-shadow:var(--bong)}
.khoi>h2{display:flex;flex-wrap:wrap;row-gap:4px;justify-content:space-between;align-items:center;gap:8px;font-size:16px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.3px;border-left:4px solid var(--xanh);padding-left:10px}
.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 12px;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:10px}
.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:8px}
.anh-43{aspect-ratio:4/3}
.anh-43 img{object-fit:cover}
/* 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-than{flex:1;display:flex;flex-direction:column;gap:4px;padding:8px 10px 11px}
.the-than>.gia{margin-top:auto}
.the-lk{display:flex;flex-direction:column;flex:1}
.nhan-o{display:flex;gap:4px;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:3px 8px;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:1.4;color:var(--chu);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
.gia{color:var(--xanh);font-weight:800;font-size:16px}
.gia s{color:var(--chu-phu);font-weight:400;font-size:14px;margin-left:4px}
.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:5px;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:4px;flex-wrap:wrap}
.the-meta span{font-size:12px;font-weight:800;padding:2px 6px;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:6px;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:4px 8px 2px}
.the-chon .the-them-pb{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px;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:8px}
.xep a{display:grid;grid-template-columns:28px 64px 1fr;gap:10px;align-items:center;border:1px solid var(--vien);border-radius:14px;padding:8px}
.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:6px;margin:-2px 0 10px;overflow-x:auto;scrollbar-width:none}
.tab-nho button{height:32px;padding:0 12px;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:12px;margin:12px 12px 0;padding:14px;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:12px 16px 0;line-height:1.35;color:var(--chu)}
.ds-bo{display:grid;gap:2px}
.ds-bo a{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;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:8px;align-items:flex-start;font-size:14px;margin-top:6px}
.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:8px}
.ban-do{width:100%;height:280px;border:0;border-radius:14px;margin:4px 0 14px}
/* 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:8px;margin:12px 12px 0}
.dich-vu>*{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 12px;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) */
.dg-gon{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--chu-phu)}
.dg-gon .ic{width:20px;height:20px;color:var(--xanh)}
.dg-gon a{color:var(--chu);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:10px}
.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:22px 10px 8px;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:8px;height:48px;padding:0 18px;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 5px;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:8px;overflow-x:auto;padding:10px 12px 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:3px 9px}
.sp-than{background:#fff;padding:12px 16px 14px;display:grid;gap:9px}
.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:10px;flex-wrap:wrap}
.sp-gia .gia{font-size:24px}
.chon{display:grid;gap:8px}
.chon-nhom b{display:block;font-size:14px;color:var(--chu-phu);margin-bottom:6px}
.chon-o{display:flex;gap:8px;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 14px;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 input{width:44px;text-align:center;border:0;outline:0;font-weight:800}
.co-quay{display:flex;gap:10px;align-items:center;background:var(--nen-xam);border-radius:12px;padding:10px 12px;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:8px;font-size:14px;color:var(--chu-phu)}
.kenh-hang{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kenh{display:flex;align-items:center;justify-content:center;gap:6px;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:8px}
.cam-ket>*{display:flex;align-items:center;gap:8px;background:var(--nen-xam);border-radius:10px;padding:9px 10px}
.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:8px;padding:8px 12px 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:10px;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:9px 10px;background:var(--nen-xam);color:var(--chu-phu)}
.dac-ta b{padding:9px 10px;font-weight:700}
/* chu dan tu Sapo mang theo co chu, phong, mau rieng: ep ve mot kieu */
.rte{font-size:14px;line-height:1.65;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 10px}
.rte ul,.rte ol{padding-left:20px}
.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:6px 8px}
.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:8px;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:14px;border:1px solid var(--vien);border-left:4px solid var(--xanh);border-radius:12px;padding:12px 14px;background:var(--nen-xam)}
.luu-y h3{display:flex;align-items:center;gap:6px;font-size:16px;margin:0 0 6px;color:var(--chu)}
.luu-y h3 .ic{width:20px;height:20px;color:var(--xanh)}
.luu-y-ds{margin:0!important;padding-left:18px!important;display:grid;gap:6px}
.luu-y-ds li{list-style:disc}
.luu-y-ds b{font-weight:800!important}
.luu-y-lk{margin-top:8px}.luu-y-lk a{color:var(--xanh);font-weight:800;text-decoration:underline;text-underline-offset:3px}
/* danh muc */
.dm-dau{margin:12px 12px 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:12px 14px}
.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:8px;flex-wrap:wrap;margin:0 12px 10px}
.dm-thanh select{height:38px;border:1.5px solid var(--vien);border-radius:10px;padding:0 10px;background:#fff;font-weight:700;font-size:14px}
.dm-mo-ta{margin:12px 12px 0}
.dm-nhom{font-size:16px;text-transform:uppercase;letter-spacing:.3px;margin:18px 0 10px;border-left:4px solid var(--xanh);padding-left:10px}
.tieu-trang+.dm-nhom{margin-top:4px}
.dm-loc summary{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:10px;border:1.5px solid var(--vien);background:#fff;font-weight:800;font-size:14px;cursor:pointer;list-style:none}
.dm-loc summary::-webkit-details-marker{display:none}
.loc-nhom{margin-top:12px}
.loc-nhom b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:var(--chu-phu);margin-bottom:6px}
.loc-nhom a{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:8px;font-size:14px;font-weight:700}
.loc-nhom a:hover{background:var(--nen-xam)}
.loc-nhom a.dang{background:var(--xanh-nen);color:var(--xanh);box-shadow:inset 3px 0 0 var(--xanh)}
.loc-bo{color:var(--xanh);text-decoration:underline;text-underline-offset:3px}
.loc-khac{margin-top:16px;padding-top:12px;border-top:1px solid var(--vien)}
.loc-khac .loc-nhom a{font-weight:400}
.loc-tieu{font-size:14px;font-weight:800}
.dm-luoi-2{display:block}
.trang-so{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:16px 0 4px}
.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 10px}
.trang-so .dang{background:var(--xanh);border-color:var(--xanh);color:#fff}
/* hang moc nhay duoi thanh phan trang (lap chi muc 06/10): lien ket thuong 10, 20, 30... de Google bo toi trang giua */
.trang-moc{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 4px;margin:4px 0 0;font-size:14px;color:var(--chu-phu)}
.trang-moc span{margin-right:4px}
.trang-moc a{min-width:36px;padding:8px 4px;text-align:center;font-weight:700;color:var(--chu);text-decoration:underline;text-underline-offset:3px}
.trong-tron{text-align:center;padding:26px 12px;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:10px;padding:10px 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:6px}
.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:12px 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:12px;display:grid;gap:10px}
.bg-dong{display:grid;grid-template-columns:auto 1fr auto;gap:10px;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:8px}
.bg-nut .nut{height:44px;font-size:14px;padding:0 10px}
.bao-nho{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:var(--chu);color:#fff;border-radius:999px;padding:10px 16px;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:10px;max-width:440px}
.o{width:100%;height:46px;border:1.5px solid var(--vien);border-radius:12px;padding:0 12px;background:#fff;outline:0}
textarea.o{height:auto;min-height:110px;padding:10px 12px}
.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:10px 12px;font-size:14px}
.tk-luoi{display:grid;gap:12px}
.tk-menu{display:grid;gap:4px}
.tk-menu a{display:block;padding:10px 12px;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:8px 6px;text-align:left;vertical-align:top}
.cuon-bang{overflow-x:auto}
details.o-dia-chi{border:1px solid var(--vien);border-radius:12px;padding:10px 12px;margin-top:10px}
details.o-dia-chi summary{font-weight:800;cursor:pointer}
/* blog */
.bai-luoi{display:grid;gap:12px}
.bai-the{display:grid;grid-template-columns:120px 1fr;gap:10px;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:12px;padding:16px}
.bai-chinh h1{font-size:24px;margin-bottom:6px}
.bai-chinh .rte h2{font-size:16px!important;margin-top:18px}
/* 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:16px;padding:18px 0}
.chan-nhan-tin+.chan{margin-top:0}
.nt-luoi{display:grid;gap:10px}
.nt-tieu{margin:0;font-weight:800;font-size:16px}
.nt-hang{display:flex;gap:8px;max-width:560px}
.nt-hang .o{flex:1;min-width:0;height:46px;border-radius:999px;padding:0 18px;background:#fff;border-color:#fff}
.nt-hang .nut{height:46px;border-radius:999px;padding:0 22px}
.chan-nhan-tin .bao-xanh{margin:0 0 4px}
/* chan trang */
.chan{background:var(--toi);color:var(--toi-chu);margin-top:16px;padding:8px 0 96px}
.chan a{color:#fff}
.chan details{border-bottom:1px solid var(--toi-vien);padding:14px 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:6px;list-style:none}
.chan-shop{padding:16px 0 14px;border-bottom:1px solid var(--toi-vien)}
.chan-logo{display:inline-block;background:#fff;border-radius:999px;padding:8px 16px;line-height:0}
.chan-logo img{height:30px;width:auto}
.chan-lh{margin-top:12px}
.chan-lh li{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin-top:8px;list-style:none;line-height:1.5}
.chan-lh svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--toi-phu)}
.chan .mxh{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.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:12px}
.chan-fp{padding:16px 0 4px}
.chan .chan-tieu{font-weight:800;font-size:14px;color:#fff;margin:0 0 6px}
.chan .ban-quyen{font-size:12px;color:var(--toi-phu);padding-top:14px}
/* 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:16px}
/* 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:3px;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:10px}
.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:8px 16px 28px;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:4px}
.ngan-dau img{height:24px;width:auto;display:block}
.ngan-muc{display:grid;border-bottom:1px solid var(--vien);padding-bottom:8px;margin-bottom:10px}
.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:6px 0;font-size:12px;text-transform:uppercase;letter-spacing:.3px}
.ngan-than .dm-1{display:flex;align-items:center;min-height:44px;font-weight:800;font-size:16px}
.ngan-than .dm-2{display:block;font-weight:700;margin:6px 0;color:var(--chu)}
.ngan-than .dm-2+ul{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.ngan-than .dm-2+ul a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;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:4px}
  .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:40px;padding-right:40px}
  .noi a{width:42px;height:42px}
  .noi{right:10px}
  .noi-mess{display:none}
  .sp-duoi .luoi>.the:nth-child(n+5){display:none}
  .dm-loc:not([open]) .loc-than{display:none}
  .dm-loc[open] .loc-than{display:block;margin-top:8px;background:#fff;border-radius:14px;padding:4px 10px 10px;box-shadow:var(--bong-noi)}
  .dm-luoi-2>.dm-loc{background:none;box-shadow:none;padding:0;margin:12px 12px 10px}
  .chu-sx{display:none}
}
@media (min-width:1024px){
  .khung{padding:0 20px}
  .dau-1{height:76px;gap:18px}
  .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:6px}
  .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:30px;height:48px}
  .dm-nut{position:relative}
  .dm-mo{display:flex;align-items:center;gap:10px;height:40px;padding:0 18px;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(880px,calc(100vw - 48px));background:#fff;border-radius:16px;box-shadow:0 18px 44px rgba(33,31,38,.18);padding:18px 22px}
  .dm-bang::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
  .dm-nut:hover .dm-bang,.dm-nut:focus-within .dm-bang,.dm-nut.mo .dm-bang{display:block}
  .dm-bang .cay-dm>li+li{margin-top:14px;padding-top:14px;border-top:1px solid var(--vien)}
  .dm-bang .dm-1{font-weight:800;font-size:16px;color:var(--xanh)}
  .dm-bang .cay-dm>li>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px 28px;margin-top:10px}
  .dm-bang .dm-2{font-weight:800;color:var(--chu)}
  .dm-bang .dm-2+ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:5px 18px;margin-top:6px}
  .dm-bang .dm-2+ul a{color:var(--chu-phu);font-size:14px}
  .dm-bang a:hover{color:var(--xanh);text-decoration:underline}
  .menu-chinh{display:flex;gap:28px}
  .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}
  .khung-chu{display:grid;grid-template-columns:270px 1fr;gap:20px;max-width:1240px;margin:0 auto;padding:16px 20px 0}
  .ben{display:block!important;position:sticky;top:140px;align-self:start}
  .ben nav{background:#fff;border-radius:18px;padding:10px;box-shadow:var(--bong)}
  .ben nav a{display:flex;gap:10px;align-items:center;height:46px;padding:0 12px;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:6px 10px;border-radius:10px;font-weight:700}
  .ben .khoi{margin:14px 0 0}
  .chinh{min-width:0}
  .cuon-ngang{padding:0;scroll-padding:0}
  .bang{margin:0}
  .bang-o{padding:24px 32px}
  .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 10px;font-size:20px}
  .khoi{margin:14px 0 0;padding:18px}
  .luoi{grid-template-columns:repeat(4,1fr);gap:14px}
  .luoi.luoi-dm{grid-template-columns:repeat(4,1fr)}
  .ten{-webkit-line-clamp:3;min-height:59px}
  .bang-quay{margin:14px 0 0}
  .dich-vu{grid-template-columns:repeat(4,1fr);margin:14px 0 0}
  .o-luoi{grid-template-columns:repeat(4,1fr);gap:14px}
  .tab-day{display:none}
  .chan{padding-bottom:24px}
  .chan .khung{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:24px}
  .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:14px 0}
  .chan-ds details+details{margin-top:4px}
  .chan .chan-bo{margin-top:10px;padding-top:12px;border-top:1px solid var(--toi-vien)}
  .chan .chan-bo summary{pointer-events:auto}
  .chan .chan-bo summary::after{display:inline;margin-left:8px}
  .chan-fp{padding:14px 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:24px;max-width:1240px;margin:0 auto;padding:16px 20px 0}
  .sp-anh{border-radius:18px;overflow:hidden;padding:18px}
  .sp-truot .anh{max-height:none;border-radius:12px}
  .sp-thu{padding:12px 0 0}
  .sp-thu button{width:74px;height:74px}
  .sp-nut{width:40px;height:40px}
  .sp-than{border-radius:18px;padding:22px}
  .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 20px}
  .mua-kem{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;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,.dm-mo-ta{margin:16px 0 0}
  .dm-khung{max-width:1240px;margin:0 auto;padding:0 20px}
  .dm-thanh{margin:0 0 10px}
  .dm-luoi-2{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:start}
  .dm-loc{position:sticky;top:140px;max-height:calc(100vh - 156px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .dm-luoi-2>.dm-loc{margin-top:48px}
  .dm-loc[open] summary,.dm-loc summary{display:none}
  .dm-loc .loc-than{display:block!important}
  .dm-loc:not([open]){visibility:hidden}
  .tk-luoi{grid-template-columns:240px 1fr}
  .bai-chinh{max-width:860px;margin:16px auto}
  .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}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.anh img,.the,.o-anh img,.nut{transition:none!important}}