/* fukuske.vn — giao diện trẻ (bản 2, 27/10/2026): nền kem, hồng cherry, chữ đậm, bo tròn, sticker */
:root{
  --bg:#fffaf6; --bg2:#ffeef1; --bg3:#fdeef2; --card:#fff; --ink:#18161c; --ink2:#5d5862; --ink3:#9c97a1; --line:#efe6e8;
  --red:#ee3029; --red2:#d0211b; --pink:#ffd9dc; --lime:#ffc9d3; --lilac:#e9dcf5; --ok:#16845a;
  --sakura:#ffc9d3; --ai:#3f6f9c; --ai2:#e3eef6; --matcha:#8db87a; --kem:#f3dcae; --washi:#fbf5ee; --jp:"Klee One",var(--sans);  /* đỏ 緋色 theo VI manual Fukuske (PANTONE 186C) */
  --sans:'Be Vietnam Pro',system-ui,sans-serif;
  --w:1240px; --r:20px; --rs:12px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
main{overflow-x:clip}
body{font:400 15px/1.55 var(--sans);font-variant-numeric:lining-nums;color:var(--ink);background:var(--bg);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img{display:block;max-width:100%}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
@media(min-width:768px){.wrap{padding:0 32px}}
.hl{background:linear-gradient(transparent 58%,var(--lime) 58% 92%,transparent 92%);padding:0 4px}
.do-chu{color:var(--red)}

/* thanh chạy chữ */
.promo{background:var(--ink);color:#fff;font-size:13px;font-weight:500;overflow:hidden;white-space:nowrap;padding:9px 0}
.promo .chay{display:inline-flex;animation:chay 28s linear infinite}
.promo span{margin:0 22px;display:inline-flex;align-items:center;gap:22px}
.promo span:after{content:"✦";color:var(--red)}
.promo b{color:var(--lime);font-weight:700}
@keyframes chay{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.promo .chay,.bang-chay .chay{animation:none}}

/* header */
.hd{position:sticky;top:0;z-index:30;background:rgba(255,250,246,.92);backdrop-filter:blur(10px)}
.hd-in{max-width:var(--w);margin:0 auto;padding:0 16px;height:62px;display:flex;align-items:center;gap:10px}
@media(min-width:768px){.hd-in{padding:0 32px;height:74px}}
.logo{font:800 27px/1 var(--sans);letter-spacing:-.05em;display:flex;align-items:center;gap:6px;flex:none}
.logo img{height:30px;width:auto}
@media(min-width:768px){.logo img{height:34px}}
.logo:after{content:"VN";font-size:10px;letter-spacing:0;background:var(--ink);color:#fff;padding:3px 6px;border-radius:20px;transform:rotate(-8deg) translateY(-8px)}
.logo small{display:none}
.nav{display:none;gap:4px;margin-left:28px;font-size:14px;font-weight:600}
.nav a{padding:9px 14px;border-radius:30px;transition:background .2s}
.nav a:hover,.nav a.on{background:var(--bg2)}
.nav a.do{background:var(--red);color:#fff}
.hd-r{margin-left:auto;display:flex;gap:6px}
.ic{width:42px;height:42px;display:grid;place-items:center;position:relative;border-radius:50%;background:#fff;box-shadow:0 1px 0 var(--line)}
.gio-btn b{position:absolute;top:-2px;right:-2px;background:var(--red);color:#fff;font-size:10.5px;font-weight:700;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;padding:0 4px;border:2px solid var(--bg)}
.gio-btn b:empty{display:none}
.menu-btn{background:transparent;box-shadow:none}
@media(min-width:1050px){.nav{display:flex}.menu-btn{display:none}}

/* nút */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 30px;background:var(--ink);color:#fff;font-weight:700;font-size:15px;border-radius:40px;transition:transform .15s,background .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px rgba(0,0,0,.35)}
.btn:active{transform:none}
.btn.do{background:var(--red)}.btn.do:hover{background:var(--red2)}
.btn.vien{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn.lime{background:var(--lime);color:var(--ink)}
.btn.full{width:100%}
.btn[disabled]{opacity:.4;pointer-events:none}
.mui:after{content:"→";font-weight:400}

/* sticker */
.stk{position:absolute;z-index:2;font-weight:800;font-size:13px;line-height:1.1;text-align:center;display:grid;place-items:center;align-content:center;border-radius:50%;box-shadow:0 6px 18px -6px rgba(0,0,0,.3)}
.stk.tron{width:96px;height:96px;background:var(--lime);color:var(--ink);transform:rotate(-12deg)}
.stk.tron b{display:block;font-size:26px;letter-spacing:-.04em}
.stk.the{border-radius:30px;padding:9px 14px;background:#fff;transform:rotate(-5deg);font-size:12.5px;width:max-content}
.stk.hong{background:var(--red);color:#fff}

/* hero */
.hero{padding:20px 0 8px;overflow:hidden}
.hero-in{display:grid;gap:28px;align-items:center}
.hero-txt .k{display:inline-flex;gap:8px;align-items:center;font-size:12.5px;font-weight:600;background:#fff;border-radius:30px;padding:6px 14px 6px 6px;box-shadow:0 1px 0 var(--line)}
.hero-txt .k i{font-style:normal;background:var(--red);color:#fff;border-radius:20px;padding:3px 9px;font-size:11px}
.hero-txt h1{font:800 clamp(40px,5.8vw,76px)/1 var(--sans);letter-spacing:-.045em;margin:18px 0 18px}
.hero-txt p{font-size:17px;color:var(--ink2);max-width:470px;margin-bottom:26px}
.hero-nut{display:flex;gap:10px;flex-wrap:wrap}
.hero-so{display:flex;gap:26px;margin-top:30px}
.hero-so b{display:block;font-size:24px;font-weight:800;letter-spacing:-.03em}
.hero-so span{font-size:12.5px;color:var(--ink2)}
.ghep{position:relative;height:440px}
.ghep img{position:absolute;object-fit:cover;border-radius:var(--r);box-shadow:0 20px 40px -20px rgba(40,10,20,.45)}
.ghep .a1{width:58%;height:88%;left:21%;top:4%;z-index:1}
.ghep .a2{width:36%;height:52%;left:0;top:38%;transform:rotate(-6deg)}
.ghep .a3{width:36%;height:52%;right:0;top:0;transform:rotate(5deg);object-position:center 70%}
.ghep .stk.tron{right:4%;bottom:6%}
.ghep .stk.the{left:2%;top:10%}
@media(min-width:900px){.hero{padding:40px 0 20px}.hero-in{grid-template-columns:1.05fr 1fr;gap:40px}.ghep{height:600px}}

/* băng chữ nghiêng */
.bang-chay{background:var(--red);color:#fff;transform:rotate(-2deg);margin:36px -20px 24px;padding:14px 0;overflow:hidden;white-space:nowrap;font:800 22px/1 var(--sans);letter-spacing:-.02em}
.bang-chay .chay{display:inline-flex;animation:chay 22s linear infinite}
.bang-chay span{margin:0 18px}
.bang-chay span:nth-child(even){color:var(--lime)}

/* khối */
.khoi{padding:52px 0}
.khoi.hong{background:var(--bg2)}
.khoi.tim{background:var(--bg3)}
.tieu{display:flex;align-items:end;justify-content:space-between;gap:12px 16px;margin-bottom:26px;flex-wrap:wrap}
.tieu>div{min-width:0}
.tieu h2{font:800 clamp(28px,4vw,46px)/1.05 var(--sans);letter-spacing:-.04em;overflow-wrap:anywhere}
.tieu .k{font-size:13px;font-weight:700;color:var(--red);margin-bottom:8px}
.tieu a{font-size:14px;font-weight:600;background:#fff;border-radius:30px;padding:9px 16px;white-space:nowrap;box-shadow:0 1px 0 var(--line)}

/* hôm nay đi đâu */
.di{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.di a{position:relative;aspect-ratio:3/4.2;border-radius:var(--r);overflow:hidden;background:var(--pink);isolation:isolate}
.di img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.di a:hover img{transform:scale(1.05)}
.di a:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(20,10,15,.7))}
.di .t{position:absolute;left:14px;right:14px;bottom:14px;color:#fff;z-index:1}
.di .t b{display:block;font-size:20px;font-weight:800;letter-spacing:-.03em;line-height:1.15}
.di .t small{font-size:12.5px;opacity:.9}
.di .tag{position:absolute;top:12px;left:12px;z-index:1;background:var(--lime);color:var(--ink);font-size:11.5px;font-weight:700;border-radius:20px;padding:5px 10px}
@media(min-width:768px){.di{grid-template-columns:repeat(4,1fr);gap:16px}}

/* thước độ dày */
.thuoc{background:#fff;border-radius:var(--r);padding:26px 20px;display:grid;gap:20px}
.thuoc-o{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.thuoc-o button{border-radius:var(--rs);padding:12px 4px 10px;text-align:center;background:var(--bg);font-size:12px;color:var(--ink2);transition:.2s}
.thuoc-o button b{display:block;font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.thuoc-o button i{display:block;height:54px;margin:8px auto;width:26px;border-radius:14px 14px 6px 6px;background:#1c1a20}
.thuoc-o button.on{background:var(--ink);color:#fff}
.thuoc-o button.on b{color:#fff}
.thuoc-kq{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.thuoc-kq p{flex:1;min-width:220px;font-size:15px}
.thuoc-kq p b{font-size:18px}
@media(min-width:900px){.thuoc{grid-template-columns:1.2fr 1fr;align-items:center;padding:34px 40px}}

/* lưới sản phẩm */
.luoi{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 12px}
@media(min-width:768px){.luoi{grid-template-columns:repeat(3,1fr);gap:34px 20px}}
@media(min-width:1100px){.luoi.bon{grid-template-columns:repeat(4,1fr)}}
.the{display:block;min-width:0;position:relative}
.the .anh{position:relative;aspect-ratio:3/4;background:var(--pink);overflow:hidden;border-radius:var(--r)}
.the .anh img{width:100%;height:100%;object-fit:cover;transition:opacity .4s,transform .6s}
.the .anh img+img{position:absolute;inset:0;opacity:0}
.the:hover .anh img+img{opacity:1}
.the:hover .anh img{transform:scale(1.03)}
.nhan{position:absolute;top:10px;left:10px;display:flex;flex-wrap:wrap;gap:5px;align-items:flex-start;z-index:1}
.nhan i{font-style:normal;font-size:11.5px;font-weight:700;padding:5px 9px;background:#fff;color:var(--ink);border-radius:20px}
.nhan i.do{background:var(--red);color:#fff}
.nhan i.lime{background:var(--lime)}
.them-nhanh{position:absolute;right:10px;bottom:10px;z-index:1;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:22px;font-weight:400;box-shadow:0 4px 12px -4px rgba(0,0,0,.3);transition:.2s}
.the:hover .them-nhanh{background:var(--ink);color:#fff}
.the h3{font-size:14.5px;font-weight:600;line-height:1.38;margin:12px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cham{display:flex;gap:5px;margin-bottom:6px}
.cham i{width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.gia{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.gia b{font-size:17px;font-weight:800;letter-spacing:-.02em}
.gia s{font-size:12.5px;color:var(--ink3)}
.gia small{font-size:11px;color:var(--ink3)}
.gia .pt{font-size:12px;font-weight:700;color:var(--red)}

/* ảnh thay thế */
.thay{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink2);text-align:center;padding:16px;background:linear-gradient(160deg,var(--pink),var(--bg3))}
.thay .ong{width:34%;aspect-ratio:1/2.6;border-radius:40px 40px 12px 12px;box-shadow:inset -8px 0 18px rgba(0,0,0,.2)}
.thay b{font:800 24px var(--sans);letter-spacing:-.03em;color:var(--ink)}
.thay small{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}

/* deal / vé giảm giá */
.ve{position:relative;display:grid;background:var(--red);color:#fff;border-radius:28px;overflow:hidden}
.ve-txt{padding:36px 24px;position:relative}
.ve-txt .so{font:800 clamp(80px,13vw,160px)/.85 var(--sans);letter-spacing:-.06em}
.ve-txt .so small{font-size:.35em;letter-spacing:-.02em;vertical-align:top;margin-left:6px}
.ve-txt h2{font:800 clamp(24px,3vw,34px)/1.1 var(--sans);letter-spacing:-.03em;margin:14px 0 10px}
.ve-txt p{opacity:.92;margin-bottom:22px;max-width:440px}
.ve-ma{display:inline-flex;align-items:center;gap:12px;border:2px dashed rgba(255,255,255,.7);border-radius:14px;padding:10px 16px;font-weight:700;margin-bottom:22px}
.ve-ma code{font:800 18px var(--sans);letter-spacing:.06em;color:var(--lime)}
.ve-img{min-height:300px;position:relative}
.ve-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 40%}
.ve:before,.ve:after{content:"";position:absolute;width:44px;height:44px;border-radius:50%;background:var(--bg);z-index:2}
.ve:before{left:-22px;top:50%;margin-top:-22px}
.ve:after{right:-22px;top:50%;margin-top:-22px}
@media(min-width:768px){.ve{grid-template-columns:1.1fr 1fr}.ve-txt{padding:56px 60px;align-self:center}}

/* lưới UGC */
.ugc{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ugc a{position:relative;border-radius:var(--rs);overflow:hidden;aspect-ratio:1}
.ugc a:nth-child(1){grid-row:span 2;aspect-ratio:auto}
.ugc img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ugc a:hover img{transform:scale(1.05)}
.ugc span{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.92);font-size:11.5px;font-weight:600;border-radius:20px;padding:4px 9px}
@media(min-width:768px){.ugc{grid-template-columns:repeat(4,1fr);gap:14px}.ugc a:nth-child(6){grid-column:span 2;aspect-ratio:2/1}}

/* giới thiệu bạn */
.gt{display:grid;gap:28px;align-items:center}
.gt-buoc{display:grid;gap:12px;counter-reset:b}
.gt-buoc div{display:flex;gap:14px;align-items:center;background:#fff;border-radius:var(--rs);padding:14px 16px;font-size:14.5px}
.gt-buoc div:before{counter-increment:b;content:counter(b);flex:none;width:34px;height:34px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-weight:800}
@media(min-width:768px){.gt{grid-template-columns:1fr 1fr;gap:64px}}

/* trang danh sách */
.dau-trang{padding:30px 0 18px;margin-bottom:12px}
.dau-trang h1{font:800 clamp(32px,5vw,56px)/1.02 var(--sans);letter-spacing:-.045em}
.dau-trang p{color:var(--ink2);margin-top:10px;max-width:640px;font-size:16px}
.loc{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px;scrollbar-width:none}
.loc::-webkit-scrollbar{display:none}
.loc button{flex:none;height:40px;padding:0 18px;background:#fff;border-radius:22px;font-size:13.5px;font-weight:600;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line)}
.loc button.on{background:var(--ink);color:#fff;box-shadow:none}
.thanh-loc{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 24px;font-size:13.5px;color:var(--ink2)}
.thanh-loc select{font:inherit;font-weight:600;border:0;height:40px;padding:0 14px;background:#fff;border-radius:22px;box-shadow:inset 0 0 0 1px var(--line)}

/* trang chi tiết */
.ct{display:grid;gap:26px;padding:16px 0 56px}
@media(min-width:900px){.ct{grid-template-columns:1.1fr 1fr;gap:52px;padding-top:24px}}
.duong{font-size:12.5px;color:var(--ink3);padding-top:16px}
.duong a:hover{color:var(--ink)}
.bo-anh{display:grid;gap:10px}
.bo-anh .lon{aspect-ratio:3/4;background:var(--pink);overflow:hidden;border-radius:var(--r)}
.bo-anh .lon img{width:100%;height:100%;object-fit:cover}
.bo-anh .nho{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.bo-anh .nho button{flex:none;width:72px;aspect-ratio:3/4;opacity:.55;border-radius:var(--rs);overflow:hidden;box-shadow:inset 0 0 0 2px transparent}
.bo-anh .nho button.on{opacity:1;outline:2px solid var(--ink);outline-offset:-2px}
.bo-anh .nho img{width:100%;height:100%;object-fit:cover}
@media(min-width:900px){.ct-ttin>div{position:sticky;top:96px}}
.ct h1{font:800 clamp(26px,3.2vw,36px)/1.12 var(--sans);letter-spacing:-.035em;margin:10px 0 14px}
.ct .k{display:inline-flex;gap:6px;flex-wrap:wrap}
.ct .k i{font-style:normal;font-size:12px;font-weight:700;background:#fff;border-radius:20px;padding:5px 11px;box-shadow:inset 0 0 0 1px var(--line)}
.ct .gia b{font-size:30px;color:var(--red)}
.ct .gia s{font-size:15px}
.tiet-kiem{display:inline-block;margin-top:10px;font-size:13px;background:var(--lime);padding:5px 12px;font-weight:700;border-radius:20px}
.chon{margin-top:24px}
.chon h4{font-size:14px;font-weight:700;margin-bottom:10px;display:flex;justify-content:space-between}
.chon h4 span{color:var(--ink2);font-weight:500}
.chon h4 button{font-size:13px;font-weight:600;text-decoration:underline;color:var(--ink2)}
.o-mau{display:flex;gap:10px;flex-wrap:wrap}
.o-mau button{width:42px;height:42px;border-radius:50%;padding:4px;box-shadow:inset 0 0 0 2px transparent}
.o-mau button i{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.o-mau button.on{box-shadow:inset 0 0 0 2px var(--ink)}
.o-size{display:flex;gap:8px;flex-wrap:wrap}
.o-size button{min-width:68px;height:44px;padding:0 16px;background:#fff;border-radius:22px;font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1px var(--line)}
.o-size button.on{background:var(--ink);color:#fff;box-shadow:none}
.o-size button.het{color:var(--ink3);text-decoration:line-through;pointer-events:none;background:var(--bg)}
.con-hang{font-size:13px;font-weight:600;color:var(--ok);margin-top:12px}
.con-hang.it{color:var(--red)}
.mua{display:flex;gap:10px;margin-top:22px}
.sl{display:flex;align-items:center;background:#fff;border-radius:30px;height:52px;box-shadow:inset 0 0 0 1px var(--line)}
.sl button{width:42px;font-size:18px;height:100%}
.sl input{width:36px;text-align:center;border:0;font:inherit;font-weight:700;background:transparent;-moz-appearance:textfield}
.sl input::-webkit-inner-spin-button{display:none}
.mua .btn{flex:1}
.loi-ich{margin-top:22px;display:grid;gap:8px}
.loi-ich div{display:flex;gap:10px;padding:12px 14px;background:#fff;border-radius:var(--rs);font-size:13.5px;color:var(--ink2)}
.loi-ich b{color:var(--ink);font-weight:700;white-space:nowrap}
details{border-bottom:1px solid var(--line)}
details summary{list-style:none;padding:16px 0;font-weight:700;cursor:pointer;display:flex;justify-content:space-between}
details summary:after{content:"+";font-weight:400;font-size:22px;line-height:1}
details[open] summary:after{content:"–"}
details>div{padding-bottom:18px;color:var(--ink2);font-size:14px}
table.bang{width:100%;border-collapse:collapse;font-size:13px}
.bang th,.bang td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left}
.bang th{font-weight:700;color:var(--ink)}

/* ngăn kéo */
.phu{position:fixed;inset:0;background:rgba(24,22,28,.45);opacity:0;pointer-events:none;transition:opacity .25s;z-index:40}
.phu.mo{opacity:1;pointer-events:auto}
.ngan-keo{position:fixed;top:0;right:0;bottom:0;width:min(430px,100%);background:var(--bg);z-index:50;transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}
.ngan-keo.trai{left:0;right:auto;transform:translateX(-100%);width:min(340px,88%)}
.ngan-keo.mo{transform:none}
.nk-dau{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}
.nk-dau h3{font:800 22px var(--sans);letter-spacing:-.03em}
.nk-than{flex:1;overflow-y:auto;padding:0 20px}
.nk-cuoi{padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -8px 24px -16px rgba(0,0,0,.25)}
.menu-ds a{display:block;padding:14px 16px;margin-bottom:6px;font-size:16px;font-weight:700;background:#fff;border-radius:var(--rs)}
.menu-ds a.do{background:var(--red);color:#fff}
.dong{display:flex;gap:12px;padding:12px;margin-bottom:10px;background:#fff;border-radius:16px}
.dong .a{width:76px;flex:none;aspect-ratio:3/4;background:var(--pink);overflow:hidden;border-radius:10px}
.dong .a img{width:100%;height:100%;object-fit:cover}
.dong .t{flex:1;min-width:0;font-size:13.5px}
.dong .t h4{font-weight:600;line-height:1.35;margin-bottom:4px}
.dong .t p{color:var(--ink2);font-size:12.5px}
.dong .d{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.dong .sl{height:34px}
.dong .sl button{width:30px;font-size:15px}
.dong .sl input{width:26px;font-size:13px}
.xoa{font-size:12px;color:var(--ink3);text-decoration:underline}
.tong{display:flex;justify-content:space-between;font-size:14px;padding:4px 0}
.tong.lon{font-size:19px;font-weight:800;padding-top:10px;letter-spacing:-.02em}
.tong.giam{color:var(--red);font-weight:600}
.tien-mien{font-size:13px;color:var(--ink2);margin-bottom:12px}
.tien-mien .vach{height:8px;background:var(--bg2);margin-top:8px;border-radius:8px;overflow:hidden}
.tien-mien .vach i{display:block;height:100%;background:linear-gradient(90deg,var(--red),#ff8fa3);border-radius:8px}
.trong{text-align:center;padding:60px 0;color:var(--ink2)}

/* thanh toán */
.tt{display:grid;gap:28px;padding:16px 0 64px}
@media(min-width:900px){.tt{grid-template-columns:1.3fr 1fr;gap:48px}}
.tt h2{font:800 22px var(--sans);letter-spacing:-.03em;margin:24px 0 14px}
.tt h2:first-child{margin-top:0}
.o-nhap{display:grid;gap:12px}
.o-nhap.hai{grid-template-columns:1fr 1fr}
.o-nhap label{display:block;font-size:13px;font-weight:600;color:var(--ink2);margin-bottom:6px}
.o-nhap input,.o-nhap select,.o-nhap textarea{width:100%;height:50px;border:0;box-shadow:inset 0 0 0 1px var(--line);padding:0 16px;font:inherit;border-radius:14px;background:#fff}
.o-nhap textarea{height:80px;padding:12px 16px;resize:vertical}
.o-nhap input:focus,.o-nhap select:focus,.o-nhap textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--ink)}
.o-nhap .loi{box-shadow:inset 0 0 0 2px var(--red)}
.pttt label{display:flex;gap:12px;align-items:flex-start;background:#fff;padding:16px;margin-bottom:10px;cursor:pointer;font-size:14px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line)}
.pttt label:has(input:checked){box-shadow:inset 0 0 0 2px var(--ink)}
.pttt input{margin-top:4px;accent-color:var(--red)}
.pttt small{display:block;color:var(--ink2);font-size:12.5px}
.tt-tom{background:#fff;padding:22px;align-self:start;border-radius:var(--r)}
.tt-tom .dong{background:var(--bg);padding:10px}
@media(min-width:900px){.tt-tom{position:sticky;top:96px}}
.ghi-chu{font-size:12px;color:var(--ink3);margin-top:12px}
.ma-gt{display:flex;gap:8px;margin:14px 0}
.ma-gt input{flex:1;min-width:0;height:46px;border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:23px;padding:0 16px;font:inherit;text-transform:uppercase}
.ma-gt button{padding:0 18px;background:var(--ink);color:#fff;border-radius:23px;font-size:13px;font-weight:700}

/* trang xong */
.xong{text-align:center;padding:48px 0 72px;max-width:560px;margin:0 auto}
.xong h1{font:800 38px/1.1 var(--sans);letter-spacing:-.04em;margin:14px 0 8px}
.xong .ma{display:inline-block;margin:14px 0;font-weight:800;letter-spacing:.08em;background:var(--lime);border-radius:30px;padding:8px 20px}
.qr{background:#fff;padding:20px;margin:18px 0;text-align:left;font-size:14px;border-radius:var(--r)}
.qr .o{width:180px;height:180px;margin:0 auto 14px;background:var(--bg);display:grid;place-items:center;font-size:12px;color:var(--ink3);text-align:center;padding:12px;border-radius:var(--rs)}

/* footer */
.ft{background:var(--ink);color:#bdb6c0;padding:56px 0 32px;font-size:14px;border-radius:32px 32px 0 0;margin-top:20px}
.ft-in{display:grid;gap:32px}
.ft h4{color:#fff;font-weight:700;margin-bottom:12px;font-size:15px}
.ft a{display:block;padding:4px 0}
.ft a:hover{color:var(--lime)}
.ft .logo{color:#fff;margin-bottom:14px}
.ft-cuoi{border-top:1px solid #34303a;margin-top:40px;padding-top:20px;font-size:12px}
@media(min-width:768px){.ft-in{grid-template-columns:1.4fr 1fr 1fr 1fr}}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 20px;font-size:14px;font-weight:600;border-radius:30px;opacity:0;pointer-events:none;transition:.25s;z-index:60;max-width:calc(100% - 32px)}
.toast.mo{opacity:1;transform:translate(-50%,0)}
.ban-thu{background:var(--lime);color:var(--ink);font-size:12.5px;font-weight:600;padding:8px 12px;text-align:center}

/* banner đầu trang danh sách (ảnh ChatGPT, khoảng trống bên trái cho chữ) */
.bn{position:relative;border-radius:28px;overflow:hidden;margin:16px 0 22px;background:var(--bg2);min-height:260px;display:flex;align-items:flex-end}
.bn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.bn:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(255,250,246,.95) 18%,rgba(255,250,246,.55) 50%,transparent 80%)}
.bn-txt{position:relative;z-index:1;padding:22px 20px;max-width:560px}
.bn-txt h1{font:800 clamp(32px,5vw,58px)/1.02 var(--sans);letter-spacing:-.045em}
.bn-txt p{color:var(--ink2);margin-top:10px;font-size:15px}
.bn.do:after{background:linear-gradient(0deg,rgba(200,20,20,.9) 20%,rgba(200,20,20,.4) 55%,transparent 85%)}
.bn.do .bn-txt{color:#fff}.bn.do .bn-txt p{color:rgba(255,255,255,.9)}
@media(min-width:768px){.bn{min-height:380px;align-items:center}.bn:after{background:linear-gradient(90deg,rgba(255,250,246,.92) 30%,rgba(255,250,246,.4) 55%,transparent 70%)}
  .bn.do:after{background:linear-gradient(90deg,rgba(225,30,30,.85) 25%,transparent 60%)}.bn-txt{padding:40px 48px}}

/* chung cho các trang phụ (bản 3) */
.k-nho{display:inline-block;font-size:12.5px;font-weight:700;color:var(--red);background:#fff;border-radius:30px;padding:5px 12px;margin-bottom:12px;box-shadow:0 1px 0 var(--line)}
.nhac{font-size:12.5px;color:var(--red2);background:var(--bg2);border-radius:10px;padding:8px 12px;margin-top:10px}
.menu-ds a.nhat{background:transparent;font-weight:600;font-size:15px;padding:10px 16px}
.ft .logo img{height:32px}
.ft .logo:after{background:var(--red)}
.tag{display:inline-block;background:var(--lime);color:var(--ink);font-size:11.5px;font-weight:700;border-radius:20px;padding:5px 11px}
.the-trang{background:#fff;border-radius:var(--r);padding:24px}
.the-trang h2{font:800 24px var(--sans);letter-spacing:-.03em;margin-bottom:6px}
.the-trang>p{color:var(--ink2);font-size:14px;margin-bottom:16px}
.ma-to{font:800 30px/1 var(--sans);letter-spacing:.08em;color:var(--red);margin:10px 0}
.khong-thay .so404{font:800 clamp(110px,22vw,200px)/.9 var(--sans);letter-spacing:-.07em;color:var(--red)}
.khong-thay h1{font:800 32px var(--sans);letter-spacing:-.03em;color:var(--ink);margin:10px 0 6px}
.khong-thay p{margin-bottom:24px}

/* trang xong */
.xong-dau{font-size:52px;line-height:1}
.xong p{color:var(--ink2)}
.xong .qr{display:grid;gap:16px;align-items:center}
.qr-anh{width:220px;margin:0 auto;border-radius:var(--rs)}
@media(min-width:600px){.xong .qr{grid-template-columns:auto 1fr}.qr-anh{width:180px}}
.gt-the{background:var(--ink);color:#fff;text-align:center}
.gt-the p{color:#cfc8d2;font-size:13.5px;margin:8px 0 4px}
.gt-the .ma-to{color:var(--lime)}
.gt-the .btn.vien{height:44px}
.xong-nut{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}

/* tra cứu đơn */
.tra{max-width:720px}
.tra form{background:#fff;border-radius:var(--r);padding:20px;margin-bottom:20px}
.tra form .btn{justify-self:start}
.tra-kq{background:#fff;border-radius:var(--r);padding:22px}
.tra-dau{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}
.tra-dau b{font-size:20px;letter-spacing:.04em}
.tra-dau span{font-size:13px;color:var(--ink3)}
.buoc{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px;position:relative}
.buoc div{text-align:center;font-size:12px;color:var(--ink3);position:relative}
.buoc i{display:block;width:22px;height:22px;border-radius:50%;background:var(--bg2);margin:0 auto 6px;position:relative;z-index:1}
.buoc div:not(:first-child):before{content:"";position:absolute;top:10px;right:50%;width:100%;height:3px;background:var(--bg2)}
.buoc div.xong{color:var(--ink);font-weight:700}
.buoc div.xong i{background:var(--red);box-shadow:0 0 0 4px var(--pink)}
.buoc div.xong:before{background:var(--red)!important}
.tra-huy{background:var(--bg2);color:var(--red2);font-weight:700;border-radius:12px;padding:12px;text-align:center;margin-bottom:16px}
.van-don{background:var(--lime);border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:16px}
.van-don a{font-weight:700;text-decoration:underline;white-space:nowrap}
.tra-kq .tong span:first-child{padding-right:12px}
.don-cu{margin-top:24px}
.don-cu h4{font-size:14px;margin-bottom:10px}
.don-cu a{display:flex;justify-content:space-between;background:#fff;border-radius:12px;padding:12px 16px;margin-bottom:8px;font-size:14px}
.don-cu span{color:var(--ink2)}

/* giới thiệu bạn */
.gt-dau{background:var(--bg3);padding:36px 0 44px;border-radius:0 0 32px 32px}
.gt-dau-in{display:grid;gap:28px;align-items:center}
.gt-dau h1{font:800 clamp(34px,5vw,60px)/1.02 var(--sans);letter-spacing:-.045em;margin:4px 0 16px}
.gt-dau p{color:var(--ink2);font-size:16px;max-width:520px}
.gt-anh{position:relative;aspect-ratio:4/3;border-radius:var(--r);overflow:visible}
.gt-anh img{width:100%;height:100%;object-fit:cover;border-radius:var(--r)}
.gt-anh .stk.tron{right:-6px;bottom:-14px;background:var(--red);color:#fff}
.gt-anh .stk.tron b{font-size:14px}
@media(min-width:900px){.gt-dau-in{grid-template-columns:1.1fr 1fr;gap:56px}.gt-dau{padding:56px 0 64px}}
.gt-kq{background:var(--bg);border-radius:var(--r);padding:18px;text-align:center}
.gt-kq>span{font-size:13px;color:var(--ink2)}
.gt-kq small{display:block;color:var(--ink3);font-size:12px;word-break:break-all;margin-bottom:12px}
.gt-kq .btn{height:44px}
.gt-so{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.gt-so div{background:#fff;border-radius:12px;padding:10px 6px;font-size:11.5px;color:var(--ink2)}
.gt-so b{display:block;font-size:16px;color:var(--ink)}

/* cẩm nang */
.luoi-bai{display:grid;gap:18px}
.bai-the{display:grid;background:#fff;border-radius:var(--r);overflow:hidden;transition:transform .2s}
.bai-the:hover{transform:translateY(-3px)}
.bai-the .anh{position:relative;aspect-ratio:16/10;background:var(--pink);overflow:hidden}
.bai-the .anh img{width:100%;height:100%;object-fit:cover}
.bai-the .anh .tag{position:absolute;top:12px;left:12px}
.bai-the .t{padding:18px 20px 22px}
.bai-the h2{font:800 20px/1.25 var(--sans);letter-spacing:-.025em;margin-bottom:8px}
.bai-the p{color:var(--ink2);font-size:14px}
.bai-the .doc{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:var(--red)}
@media(min-width:768px){.luoi-bai{grid-template-columns:repeat(2,1fr)}.bai-the.lon{grid-column:span 2;grid-template-columns:1.3fr 1fr}.bai-the.lon .anh{aspect-ratio:auto;min-height:340px}.bai-the.lon .t{align-self:center;padding:36px}.bai-the.lon h2{font-size:30px}}

.bai-dau{max-width:760px;margin:22px auto 26px;text-align:center}
.bai-dau h1{font:800 clamp(30px,4.6vw,52px)/1.06 var(--sans);letter-spacing:-.04em;margin:14px 0 14px}
.bai-dau p{color:var(--ink2);font-size:17px}
.bai-dau small{display:block;margin-top:12px;color:var(--ink3);font-size:13px}
.bai-anh{max-width:980px;margin:0 auto 34px;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:var(--pink)}
.bai-anh img{width:100%;height:100%;object-fit:cover}
.bai-than{max-width:720px;margin:0 auto;font-size:16.5px;line-height:1.75}
.bai-than h2{font:800 26px/1.2 var(--sans);letter-spacing:-.03em;margin:34px 0 12px}
.bai-than p{margin-bottom:16px}
.bai-than ul,.bai-than ol{margin:0 0 18px 22px}
.bai-than li{margin-bottom:8px}
.bai-than a{color:var(--red);font-weight:600;text-decoration:underline}
.bai-than table.bang{font-size:14px;margin:6px 0 20px;background:#fff;border-radius:14px;display:block;overflow-x:auto;width:max-content;max-width:100%}
.bai-than .bang th{background:var(--ink);color:#fff}
.bai-sp{margin:48px 0 0}
.bai-sp h3,.bai-khac h3{font:800 24px var(--sans);letter-spacing:-.03em;margin-bottom:18px}
.bai-khac{max-width:720px;margin:48px auto 64px}
.bai-khac a{display:flex;justify-content:space-between;gap:12px;background:#fff;border-radius:14px;padding:16px 18px;margin-bottom:10px}
.bai-khac span{color:var(--red);font-size:13px;font-weight:700;white-space:nowrap}

/* về Fukuske */
.ve-dau{background:var(--red);color:#fff;padding:40px 0 48px;border-radius:0 0 32px 32px;overflow:hidden}
.ve-dau-in{display:grid;gap:30px;align-items:center}
.ve-dau .k-nho{color:var(--red)}
.ve-tron{width:84px;margin-bottom:16px;background:#fff;border-radius:50%;padding:4px}
.ve-dau h1{font:800 clamp(34px,5vw,62px)/1.02 var(--sans);letter-spacing:-.045em;margin:4px 0 16px}
.ve-dau .hl{background:linear-gradient(transparent 58%,rgba(228,255,92,.55) 58% 92%,transparent 92%)}
.ve-dau p{font-size:16.5px;opacity:.94;max-width:520px}
.ve-anh{aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;transform:rotate(2deg);box-shadow:0 24px 50px -24px rgba(0,0,0,.5)}
.ve-anh img{width:100%;height:100%;object-fit:cover}
@media(min-width:900px){.ve-dau-in{grid-template-columns:1.1fr 1fr;gap:56px}.ve-dau{padding:64px 0 72px}}
.ve-so{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:-28px 0 40px;position:relative}
.ve-so div{background:#fff;border-radius:var(--r);padding:18px;box-shadow:0 10px 30px -18px rgba(0,0,0,.3)}
.ve-so b{display:block;font-size:26px;font-weight:800;letter-spacing:-.04em;color:var(--red)}
.ve-so span{font-size:13px;color:var(--ink2)}
@media(min-width:768px){.ve-so{grid-template-columns:repeat(4,1fr)}}
.ve-cot{display:grid;gap:18px;margin-bottom:40px}
.ve-cot div{background:#fff;border-radius:var(--r);padding:26px}
.ve-cot h2{font:800 24px/1.2 var(--sans);letter-spacing:-.03em;margin-bottom:10px}
.ve-cot p{color:var(--ink2)}
@media(min-width:768px){.ve-cot{grid-template-columns:1fr 1fr}}
.ve-cta{background:var(--ink);color:#fff;border-radius:28px;padding:40px 28px;text-align:center;margin-bottom:64px}
.ve-cta h2{font:800 clamp(26px,4vw,40px)/1.1 var(--sans);letter-spacing:-.035em;margin-bottom:20px}

/* chính sách */
.cs{display:grid;gap:24px;padding:28px 0 64px}
.cs-menu{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.cs-menu a{flex:none;background:#fff;border-radius:22px;padding:10px 16px;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line)}
.cs-menu a.on{background:var(--ink);color:#fff;box-shadow:none}
.cs-than{background:#fff;border-radius:var(--r);padding:26px 22px;max-width:780px}
.cs-than h1{font:800 clamp(30px,4vw,44px)/1.05 var(--sans);letter-spacing:-.04em;margin-bottom:8px}
.cs-than h2{font:800 19px var(--sans);letter-spacing:-.02em;margin:24px 0 8px}
.cs-than p{color:var(--ink2);line-height:1.7}
.cs-than a{color:var(--red);font-weight:600;text-decoration:underline}
@media(min-width:900px){.cs{grid-template-columns:240px 1fr;align-items:start}.cs-menu{flex-direction:column;position:sticky;top:96px}.cs-menu a{border-radius:14px}.cs-than{padding:40px 48px}}

.cham-do{display:inline-block;width:.75em;height:.75em;border-radius:50%;background:var(--red);vertical-align:-.04em;margin-right:5px}

/* ===== bản 4 (27/10): vibe Nhật + nữ tính — chữ Nhật viết tay, mộc đỏ, sóng seigaiha, thẻ pastel kiểu LP 満足 ===== */
.jp{font-family:var(--jp);font-weight:600;font-style:normal;letter-spacing:.04em}
.tieu .k{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.tieu .k .jp{font-size:15px;color:var(--ink2)}
.tay{font-size:clamp(18px,2vw,24px);color:var(--red);margin:16px 0 -6px;transform:rotate(-3deg);transform-origin:left}
.hl{background:linear-gradient(transparent 60%,var(--sakura) 60% 92%,transparent 92%)}
.promo b{color:var(--sakura)}
.bang-chay{background:var(--red)}
.bang-chay span{display:inline-flex;align-items:baseline;gap:10px}
.bang-chay span:nth-child(even){color:#fff}
.bang-chay .jp{font-size:16px;color:var(--sakura);font-weight:600}
.stk.tron{background:var(--sakura)}
.doc-jp{position:absolute;z-index:3;left:-4px;bottom:4%;writing-mode:vertical-rl;font-size:clamp(18px,2vw,24px);line-height:1.5;background:rgba(255,250,246,.92);padding:14px 8px;border-radius:30px;color:var(--ink);box-shadow:0 6px 18px -8px rgba(0,0,0,.25)}
.an-do{position:absolute;z-index:3;right:2%;top:-2%;writing-mode:vertical-rl;font-size:15px;line-height:1.15;color:var(--red);border:2.5px solid var(--red);border-radius:8px;padding:6px 4px;transform:rotate(8deg);background:rgba(255,250,246,.85)}
@media(max-width:600px){.doc-jp{font-size:16px;padding:10px 6px}.an-do{font-size:13px}}
/* sóng seigaiha (青海波) */
.song{background-color:#fff3f5;background-image:radial-gradient(circle at 100% 150%,#fff3f5 24%,#ffe3e8 24% 28%,#fff3f5 28% 36%,#ffe3e8 36% 40%,transparent 40%),radial-gradient(circle at 0 150%,#fff3f5 24%,#ffe3e8 24% 28%,#fff3f5 28% 36%,#ffe3e8 36% 40%,transparent 40%),radial-gradient(circle at 50% 100%,#ffe3e8 10%,#fff3f5 10% 23%,#ffe3e8 23% 30%,#fff3f5 30% 43%,#ffe3e8 43% 50%,#fff3f5 50% 63%,#ffe3e8 63% 71%,transparent 71%),radial-gradient(circle at 100% 50%,#ffe3e8 5%,#fff3f5 5% 15%,#ffe3e8 15% 20%,#fff3f5 20% 29%,#ffe3e8 29% 34%,#fff3f5 34% 44%,#ffe3e8 44% 49%,transparent 49%),radial-gradient(circle at 0 50%,#ffe3e8 5%,#fff3f5 5% 15%,#ffe3e8 15% 20%,#fff3f5 20% 29%,#ffe3e8 29% 34%,#fff3f5 34% 44%,#ffe3e8 44% 49%,transparent 49%);background-size:72px 36px}
.khoi.hong{background-color:#fff3f5}
.khoi.hong,.gt-dau{background-image:radial-gradient(circle at 100% 150%,#fff3f5 24%,#ffe6ea 24% 28%,#fff3f5 28% 36%,#ffe6ea 36% 40%,transparent 40%),radial-gradient(circle at 0 150%,#fff3f5 24%,#ffe6ea 24% 28%,#fff3f5 28% 36%,#ffe6ea 36% 40%,transparent 40%),radial-gradient(circle at 50% 100%,#ffe6ea 10%,#fff3f5 10% 23%,#ffe6ea 23% 30%,#fff3f5 30% 43%,#ffe6ea 43% 50%,#fff3f5 50% 63%,#ffe6ea 63% 71%,transparent 71%);background-size:72px 36px}
.gt-dau{background-color:#fff3f5}

/* 心地よさのひみつ — 4 thẻ */
.bi-mat{background:var(--washi)}
.bm-dau{position:relative;text-align:center;max-width:1000px;margin:0 auto 34px;padding-top:6px}
.bm-dau img{width:100%;height:auto;margin-bottom:18px;mix-blend-mode:multiply}
.tranh-net{max-width:1100px;margin:0 auto;padding:0 16px}.tranh-net img{width:100%;height:auto;mix-blend-mode:multiply}
.jp.lon{font-size:clamp(20px,2.4vw,28px);color:var(--red);margin-bottom:6px}
.bm-dau h2{font:800 clamp(28px,4vw,46px)/1.08 var(--sans);letter-spacing:-.04em}
.bm-dau p{color:var(--ink2);margin-top:12px;font-size:15.5px}
.bm{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:900px){.bm{grid-template-columns:repeat(4,1fr);gap:18px}}
.bm-the{border-radius:26px;padding:22px 16px 20px;text-align:center;color:var(--ink);position:relative}
.bm-the.hong{background:#f9c3c6}.bm-the.ai{background:#a9cde3}.bm-the.matcha{background:#c3dcb4}.bm-the.kem{background:var(--kem)}
.bm-the .so{display:block;font:300 44px/1 var(--sans);margin-bottom:4px}
.bm-the svg{width:64px;height:64px;stroke-width:2;margin:2px auto 8px;color:var(--ink)}
.bm-the .jp{display:block;font-size:15px;margin-bottom:4px}
.bm-the h3{font-size:16px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.bm-the p{font-size:13px;color:#3c3640;line-height:1.5}
@media(min-width:900px){.bm-the{padding:30px 22px 26px}.bm-the svg{width:80px;height:80px}.bm-the h3{font-size:18px}.bm-the p{font-size:14px}}

/* 段階着圧 — hình chân */
.nen{background:var(--ai2)}
.nen-in{display:grid;gap:30px;align-items:center}
@media(min-width:900px){.nen-in{grid-template-columns:1.1fr 1fr;gap:56px}}
.nen-txt .jp.lon{color:var(--ai)}
.nen-txt h2{font:800 clamp(28px,4vw,46px)/1.08 var(--sans);letter-spacing:-.04em;margin-bottom:14px}
.nen-txt p{color:var(--ink2);font-size:15.5px;margin-bottom:16px}
.nen-txt ul{list-style:none;display:grid;gap:8px;margin-bottom:24px}
.nen-txt li{display:flex;gap:10px;align-items:center;font-weight:600;font-size:14.5px}
.nen-txt li:before{content:"";width:18px;height:18px;border-radius:50%;background:var(--ai);box-shadow:inset 0 0 0 5px #fff;flex:none}
.nen-hinh{position:relative;max-width:360px;width:100%;margin:0 auto;aspect-ratio:320/430}
.nen-hinh svg{width:100%;height:100%;stroke-width:2}
.nen-hinh .chan path{fill:#f7d9c4;stroke:#d6a98c}
.nen-hinh .vong ellipse{fill:none;stroke:var(--ai);stroke-width:3;stroke-dasharray:6 5}
.nhan-hpa{position:absolute;right:-6px;background:#fff;border-radius:30px;padding:6px 12px;font-size:12px;color:var(--ink2);box-shadow:0 6px 16px -10px rgba(0,0,0,.3)}
.nhan-hpa b{display:block;font-size:15px;color:var(--ai)}
.nhan-hpa.manh{background:var(--ai);color:#fff}.nhan-hpa.manh b{color:#fff}

/* サイズ展開 */
.sz{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(min-width:768px){.sz{grid-template-columns:repeat(6,1fr);gap:14px}}
.sz div{background:#fff;border-radius:20px;padding:16px 8px 14px;text-align:center;height:190px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;box-shadow:inset 0 0 0 1px var(--line)}
.sz i{width:22px;border-radius:12px 12px 6px 6px;background:linear-gradient(#f2c9b4,#e8b39b);margin-bottom:8px;max-height:110px}
.sz .lon i{width:30px}
.sz b{font-size:16px;font-weight:800}
.sz span{font-size:11.5px;color:var(--ink2)}
.sz .lon{background:#fff3f5}
.ct-usp{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 6px}
.ct-usp div{display:flex;gap:10px;align-items:center;border-radius:16px;padding:10px 12px}
.ct-usp .hong{background:#fde1e3}.ct-usp .ai{background:#dcebf5}.ct-usp .matcha{background:#e3efdb}.ct-usp .kem{background:#faefd8}
.ct-usp svg{width:34px;height:34px;flex:none;stroke-width:2.4}
.ct-usp b{display:block;font-size:13px}
.ct-usp i{font-size:11.5px;color:var(--ink2)}
.nen-hinh .cap{fill:#2b2b33}
.nen-hinh .chan path{fill:#e7c4b0;stroke:#c3977f;stroke-width:1.6}
.sz i{max-height:none}
.bm-dau img{-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}
.tranh-net img{-webkit-mask-image:linear-gradient(transparent,#000 18%);mask-image:linear-gradient(transparent,#000 18%)}
/* 27/10: Nguyên chê thanh đen nặng + chữ VN thừa → thanh chạy chữ tông hồng nhạt, bỏ huy hiệu VN */
.logo:after,.ft .logo:after{content:none;display:none}
.promo{background:#fde8ec;color:var(--red2);font-weight:600;border-bottom:1px solid #f8d3da}
.promo span:after{color:var(--sakura);content:"✿"}
.promo b{color:var(--red)}

/* ===== bản 5 (27/10): ảnh Shopee vuông, chọn đôi 3 bước (điểm cộng / cân nhắc), bong bóng manga, nền theo mùa ===== */
.the .anh,.bo-anh .lon,.bo-anh .nho button,.dong .a{aspect-ratio:1/1}
.the .anh{background:#fbf3ee}
.the .anh img+img{object-position:center 35%}
.nhan-dong{position:absolute;left:10px;bottom:10px;z-index:1;font-size:11px;font-weight:800;letter-spacing:.04em;background:rgba(255,255,255,.92);border-radius:20px;padding:4px 9px;color:var(--ink)}
.nhan-dong.pre{background:var(--ink);color:#fff}
.ct .k i.dong{background:#fff3f5;box-shadow:inset 0 0 0 1px #f6c6cf;color:var(--red2)}
.ct .k i.dong.pre{background:var(--ink);color:#fff;box-shadow:none}
.hq-mau{font-size:13px;color:var(--ink2);margin-top:10px;background:#fff;border-radius:12px;padding:8px 12px;display:inline-block}
.hq-mau:empty{display:none}
.hq-mau b{color:var(--ink)}

/* bong bóng thoại manga */
.noi{display:flex;align-items:center;gap:14px;margin:0 0 22px}
.noi img{width:58px;height:58px;flex:none;border-radius:50%;background:#fff;padding:3px;box-shadow:0 4px 12px -6px rgba(0,0,0,.3)}
.manga{position:relative;background:#fff;border:2.5px solid var(--ink);border-radius:24px;padding:11px 18px;font-weight:600;font-size:14.5px;line-height:1.45;box-shadow:4px 4px 0 var(--ink);max-width:640px}
.manga:before{content:"";position:absolute;left:-11px;top:50%;width:16px;height:16px;background:#fff;border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:translateY(-50%) rotate(45deg)}
.manga b{color:var(--red)}
.noi.nho{margin:18px 0 4px}.noi.nho img{width:46px;height:46px}.noi.nho .manga{font-size:13.5px;padding:9px 14px}
.hero-noi{position:absolute;z-index:4;right:-2%;top:42%;margin:0}
.hero-noi .manga{font-size:13px;padding:8px 14px;transform:rotate(3deg)}
.hero-noi .manga:before{left:auto;right:-11px;border:0;border-right:2.5px solid var(--ink);border-top:2.5px solid var(--ink)}
.sfx{position:absolute;z-index:4;left:6%;top:-3%;width:96px;height:96px;display:grid;place-items:center;color:#fff;font-size:20px;background:var(--red);transform:rotate(-10deg);
  clip-path:polygon(50% 0,58% 18%,75% 6%,72% 26%,93% 22%,82% 40%,100% 50%,82% 60%,93% 78%,72% 74%,75% 94%,58% 82%,50% 100%,42% 82%,25% 94%,28% 74%,7% 78%,18% 60%,0 50%,18% 40%,7% 22%,28% 26%,25% 6%,42% 18%)}
@media(max-width:600px){.hero-noi{right:0;top:auto;bottom:24%}.sfx{width:76px;height:76px;font-size:16px}}

/* chọn đôi 3 bước */
.chon-doi{background:#fff}
.cd{display:grid;gap:16px}
.cd-buoc{background:var(--washi);border-radius:26px;padding:20px 16px}
@media(min-width:768px){.cd-buoc{padding:26px 28px}}
.cd-dau{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.cd-so{flex:none;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;font-size:18px;display:grid;place-items:center}
.cd-dau h3{font-size:20px;font-weight:800;letter-spacing:-.02em}
.cd-dau p{font-size:13.5px;color:var(--ink2)}
.cd-day{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media(min-width:768px){.cd-day{grid-template-columns:repeat(6,1fr);gap:10px}}
.cd-day button,.cd-kieu button,.cd-tong button{background:#fff;border-radius:18px;padding:12px 8px;text-align:center;box-shadow:inset 0 0 0 1.5px var(--line);transition:.15s}
.cd-day button.on,.cd-kieu button.on,.cd-tong button.on{box-shadow:inset 0 0 0 2.5px var(--ink);background:#fff}
.cd-day i{display:block;width:24px;height:48px;margin:2px auto 8px;border-radius:14px 14px 6px 6px;background:rgba(24,20,26,var(--o))}
.cd-day i.long{background:linear-gradient(#1c1a20,#1c1a20) padding-box;box-shadow:inset 0 0 0 4px #f1e3d6}
.cd-day b{display:block;font-size:17px;font-weight:800}
.cd-day span{display:block;font-size:12px;color:var(--ink2)}
.cd-day em{display:block;font-style:normal;font-size:11px;font-weight:700;color:var(--red2);margin-top:4px}
.cd-uu{display:grid;gap:10px;margin-top:14px}
@media(min-width:768px){.cd-uu{grid-template-columns:1fr 1fr}}
.cd-uu h4{font-size:13px;font-weight:800;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.cd-uu ul{list-style:none;display:grid;gap:5px;font-size:13.5px}
.cd-uu .uu,.cd-uu .nhuoc{border-radius:16px;padding:12px 14px}
.cd-uu .uu{background:#eaf5e4}.cd-uu .uu h4{color:#2f7a2b}.cd-uu .uu li:before{content:"✓ ";color:#2f7a2b;font-weight:800}
.cd-uu .nhuoc{background:#fff4df}.cd-uu .nhuoc h4{color:#a3620a}.cd-uu .nhuoc li:before{content:"! ";color:#c27c00;font-weight:800}
.cd-uu .hop{font-size:13.5px;color:var(--ink2)}
@media(min-width:768px){.cd-uu .hop{grid-column:span 2}}
.cd-kieu{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cd-kieu button{padding:16px 14px;text-align:left}
.cd-kieu b{display:block;font-size:17px;font-weight:800}
.cd-kieu span{font-size:12.5px;color:var(--ink2)}
.tang{display:grid;gap:5px;margin-top:10px}
.tang i{display:block;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--ai);border-radius:10px;padding:3px 8px;width:var(--w);white-space:nowrap}
.tang.deu i{background:#9fc2db}
.cd-tong{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cd-tong button{text-align:left;padding:14px 12px}
.cd-tong b{display:block;font-weight:800;margin-bottom:6px}
.cd-tong ul{list-style:none;font-size:12px;color:var(--ink2);display:grid;gap:3px}
@media(max-width:600px){.cd-tong{grid-template-columns:1fr}}
.cd-mau{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
@media(min-width:768px){.cd-mau{grid-template-columns:repeat(4,1fr)}}
.cd-mau div{background:#fff;border-radius:16px;padding:10px 12px;display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center}
.cd-mau i{grid-row:span 2;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.cd-mau b{font-size:13px}.cd-mau span{font-size:11.5px;color:var(--ink2)}
.cd-mau.den div.on{box-shadow:inset 0 0 0 2px var(--ink)}
.cd-kq{padding-top:8px}

/* công nghệ — thẻ có ảnh minh hoạ (ChatGPT) hoặc icon */
.bm-the img{width:100%;max-width:150px;aspect-ratio:1;object-fit:contain;margin:0 auto 6px;mix-blend-mode:multiply}
.bm-the small{display:inline-block;margin-top:8px;font-size:11px;font-weight:700;background:rgba(255,255,255,.65);border-radius:10px;padding:3px 9px}

/* size theo bảng thật */
.sz{grid-template-columns:repeat(2,1fr)}
@media(min-width:768px){.sz{grid-template-columns:repeat(5,1fr)}}
.sz div{height:auto;justify-content:center;padding:18px 10px}
.sz b{font-size:22px;margin-bottom:6px}
.sz span{font-size:12.5px}.sz em{font-style:normal;font-weight:700;color:var(--ink)}
.sz small{margin-top:6px;font-size:10.5px;font-weight:800;color:var(--red2);background:#fff;border-radius:10px;padding:2px 8px}
.sz-chu{font-size:13px;color:var(--ink2);margin-top:14px}

/* nền theo mùa (ảnh ChatGPT nen_<mùa>) + tuyết mùa đông */
.hero{position:relative;background-image:var(--nen,none);background-size:cover;background-position:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,246,.86) 0 45%,rgba(255,250,246,.35));pointer-events:none}
.hero-in{position:relative}
.tuyet{position:absolute;inset:0;pointer-events:none;z-index:1;background-image:radial-gradient(3px 3px at 20px 30px,#fff 60%,transparent 61%),radial-gradient(2px 2px at 80px 120px,#fff 60%,transparent 61%),radial-gradient(4px 4px at 150px 60px,rgba(255,255,255,.9) 60%,transparent 61%),radial-gradient(2.5px 2.5px at 220px 160px,#fff 60%,transparent 61%);background-size:240px 200px;animation:tuyet 14s linear infinite;opacity:.9}
@keyframes tuyet{to{background-position:40px 400px,-30px 400px,20px 400px,-10px 400px}}
@media(prefers-reduced-motion:reduce){.tuyet{animation:none}}
.sfx{left:auto;top:auto;right:30%;bottom:-2%}
@media(max-width:600px){.sfx{right:auto;left:30%;bottom:-4%}}
.bo-anh{align-self:start}
@media(min-width:900px){.bo-anh{position:sticky;top:96px}}
.bo-anh .nho img{object-fit:cover}
/* ảnh ChatGPT bản 5b: hình chân nén tầng trong thẻ Premium, minh hoạ ở chip công nghệ trang sản phẩm */
.cd-kieu button{position:relative;overflow:hidden}
.tang-anh{float:right;width:96px;height:150px;object-fit:cover;object-position:center 30%;margin:-6px -4px 0 8px;border-radius:14px;mix-blend-mode:multiply}
@media(min-width:768px){.tang-anh{width:120px;height:190px}}
.ct-usp img{width:46px;height:46px;flex:none;object-fit:cover;border-radius:12px;mix-blend-mode:multiply}
.bm-the img{max-width:170px;border-radius:18px}
.hero:before{background:linear-gradient(90deg,rgba(255,250,246,.9) 0 40%,rgba(255,250,246,.25) 70%,rgba(255,250,246,.1))}
@media(max-width:899px){.hero:before{background:linear-gradient(rgba(255,250,246,.88) 0 55%,rgba(255,250,246,.35))}}
.cd-kieu button{display:block;vertical-align:top}

/* ===== bản 6 (27/10 tối): góp ý Nguyên — thanh trên to + icon, nút deal nổi, chọn đôi từng bước, size, video TikTok, chân trang sáng, điện thoại tràn viền ===== */
.promo{padding:11px 0;font-size:14.5px;font-weight:700}
.promo span{gap:10px;margin:0 18px}
.promo span>i{font-style:normal;font-size:20px;line-height:1}
.promo span>img{height:26px;width:26px;object-fit:contain}
.promo span:after{margin-left:8px}
/* nút săn deal: gradient + vệt sáng chạy */
.btn.san-deal{position:relative;overflow:hidden;background:linear-gradient(120deg,#ee3029,#ff5f7e 60%,#ff8aa0);color:#fff;box-shadow:0 10px 24px -10px rgba(238,48,41,.7);padding:0 26px}
.btn.san-deal:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:sang 2.8s ease-in-out infinite}
@keyframes sang{0%,60%{left:-60%}100%{left:130%}}
.btn.san-deal .tia{font-size:16px;animation:xoay 3s linear infinite;display:inline-block}
@keyframes xoay{to{transform:rotate(360deg)}}
.btn.san-deal em{font-style:normal;background:#fff;color:var(--red);border-radius:20px;padding:3px 9px;font-size:13px;font-weight:800}
.btn.tim-btn .tim,.tim-to{color:var(--red)}
.tim-to{display:inline-block;animation:dap 1.4s ease-in-out infinite}
@keyframes dap{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.btn.san-deal:before,.btn.san-deal .tia,.tim-to{animation:none}}

/* bong bóng manga: đuôi vẽ bằng 2 tam giác (viền + nền) cho khỏi lệch */
.manga:before,.manga:after{content:"";position:absolute;width:0;height:0;border-style:solid;background:none;transform:none}
.manga:before{left:-15px;top:50%;margin-top:-10px;border-width:10px 15px 10px 0;border-color:transparent var(--ink) transparent transparent}
.manga:after{left:-10px;top:50%;margin-top:-7px;border-width:7px 11px 7px 0;border-color:transparent #fff transparent transparent}
.hero-noi .manga{transform:rotate(2deg)}
.hero-noi .manga:before{left:auto;right:28px;top:auto;bottom:-15px;margin:0;border-width:15px 10px 0 10px;border-color:var(--ink) transparent transparent transparent}
.hero-noi .manga:after{left:auto;right:31px;top:auto;bottom:-10px;margin:0;border-width:11px 7px 0 7px;border-color:#fff transparent transparent transparent}
.hero-noi{top:auto;bottom:30%;right:2%}

/* thẻ "đi đâu": mỗi nhãn một màu */
.di a:nth-child(1) .tag{background:var(--red);color:#fff}
.di a:nth-child(2) .tag{background:#c3dcb4}
.di a:nth-child(3) .tag{background:#2b2230;color:#ffd0d8}
.di a:nth-child(4) .tag{background:#a9cde3}

/* chọn đôi từng bước */
.cd-thanh{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;position:sticky;top:62px;z-index:5;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:8px 0}
@media(min-width:768px){.cd-thanh{top:74px}}
.cd-thanh button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--ink3);padding:4px 0;border-radius:14px}
.cd-thanh button span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-size:14px;box-shadow:inset 0 0 0 1.5px var(--line)}
.cd-thanh button.on{color:var(--ink)}.cd-thanh button.on span{background:var(--red);color:#fff;box-shadow:none}
.cd-thanh button.xong span{background:var(--pink);color:var(--red2);box-shadow:none}
.cd-buoc{display:none}.cd-buoc.hien{display:block;animation:hien .25s ease}
@keyframes hien{from{opacity:0;transform:translateY(6px)}}
.cd-nut{display:flex;justify-content:space-between;gap:10px;margin-top:16px}
.cd-nut .btn{height:46px;padding:0 20px;font-size:14px}
.cd-day img{width:64px;height:64px;object-fit:cover;border-radius:16px;margin:0 auto 6px;display:block}
@media(min-width:768px){.cd-day img{width:84px;height:84px}}
.cd-kieu .cg-anh{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin-bottom:10px;display:block}
.cd-mau button{background:#fff;border-radius:16px;padding:10px 12px;display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center;text-align:left;position:relative;box-shadow:inset 0 0 0 1.5px var(--line)}
.cd-mau button.on{box-shadow:inset 0 0 0 2.5px var(--ink)}
.cd-mau button i{grid-row:span 2;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.cd-mau button small{color:var(--ink3);font-weight:600}
.cd-mau .hot{position:absolute;top:-8px;right:8px;font-style:normal;font-size:10px;font-weight:800;background:var(--red);color:#fff;border-radius:10px;padding:2px 7px;letter-spacing:.05em}
.cd-so-do{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cd-so-do label{background:#fff;border-radius:16px;padding:10px 12px;font-size:12px;font-weight:700;color:var(--ink2);position:relative;box-shadow:inset 0 0 0 1.5px var(--line)}
.cd-so-do input{display:block;width:100%;border:0;font:800 22px var(--sans);color:var(--ink);background:none;padding:4px 0 0;outline:0}
.cd-so-do i{position:absolute;right:12px;bottom:12px;font-style:normal;font-size:12px;color:var(--ink3)}
.sz-kq{margin-top:12px;background:var(--ink);color:#fff;border-radius:18px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.sz-kq span{font-size:12.5px;opacity:.8;grid-column:1/-1}
.sz-kq b{font-size:30px;letter-spacing:-.03em}
.sz-kq small{font-size:12px;opacity:.85}
.sz-trong{font-size:13px;color:var(--ink2);margin-top:10px}
.cd-sp{display:flex;flex-direction:column;gap:8px}
.cd-sp .nho-btn{height:40px;padding:0 12px;font-size:12.5px;width:100%}
.cd-kq{scroll-margin-top:130px;margin-top:8px}

/* video TikTok */
.tt{display:grid;grid-auto-flow:column;grid-auto-columns:46%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-bottom:22px;scrollbar-width:none}
.tt::-webkit-scrollbar{display:none}
@media(min-width:768px){.tt{grid-auto-flow:row;grid-template-columns:repeat(6,1fr);grid-auto-columns:auto;overflow:visible}}
.tt-the{position:relative;aspect-ratio:9/16;border-radius:20px;overflow:hidden;scroll-snap-align:start;background:#222;text-align:left;color:#fff}
.tt-the img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tt-the:hover img{transform:scale(1.04)}
.tt-the:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.75))}
.tt-nhan{position:absolute;top:10px;left:10px;z-index:1;font-size:11px;font-weight:800;background:#fff;color:var(--ink);border-radius:20px;padding:4px 9px}
.tt-play{position:absolute;z-index:1;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--red);display:grid;place-items:center;font-size:18px;padding-left:3px}
.tt-the b{position:absolute;z-index:1;left:10px;right:10px;bottom:10px;font-size:12.5px;line-height:1.35}
.tt-mo{position:fixed;inset:0;z-index:80;background:rgba(10,8,12,.8);display:grid;place-items:center;padding:16px}
.tt-khung{position:relative;width:min(380px,100%);aspect-ratio:9/16;max-height:88vh;border-radius:20px;overflow:hidden;background:#000}
.tt-khung iframe{width:100%;height:100%;border:0}
.tt-khung .ic{position:absolute;top:10px;right:10px;z-index:2}

/* chân trang sáng (bỏ nền đen) + tranh nét */
.ft{background:#fff1f3;color:var(--ink2);position:relative;overflow:hidden;padding-top:150px}
.ft:before{content:"";position:absolute;left:0;right:0;top:0;height:150px;background:var(--ft-tranh,none) center top/auto 150px repeat-x;opacity:.9}
.ft h4{color:var(--ink)}
.ft a:hover{color:var(--red)}
.ft .logo{color:var(--ink)}
.ft-cuoi{border-top-color:#f6cbd3}

/* điện thoại: thanh trình duyệt cùng màu, ảnh bìa lên đầu tràn viền, menu có nền */
@media(max-width:899px){
  .hero{padding-top:0}
  .hero-in{display:flex;flex-direction:column;gap:18px;padding:0}
  .hero-txt{padding:0 16px}
  .ghep{order:-1;height:400px;margin:0;width:100%}
  .ghep .a1{left:0;top:0;width:100%;height:100%;border-radius:0 0 28px 28px}
  .ghep .a2,.ghep .a3{display:none}
  .ghep .stk.the{left:16px;top:16px}
  .doc-jp{left:16px;bottom:18px}
  .an-do{right:16px;top:14px}
  .sfx{left:auto;right:18px;bottom:22px}
  .ghep .stk.tron{display:none}
  .hero-noi{display:none}
  .tay{margin-top:4px}
}
.ngan-keo.trai{background:var(--menu-nen,var(--bg)) center/cover;isolation:isolate}
.ngan-keo.trai:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,250,246,.82),rgba(255,250,246,.6))}
.ngan-keo.trai .menu-ds a{background:rgba(255,255,255,.88);backdrop-filter:blur(4px)}
.ngan-keo.trai .menu-ds a.do{background:var(--red)}

/* Về Fukuske — câu chuyện */
.ve-truyen .ve-so{margin-bottom:56px}
.ve-muc{display:grid;gap:22px;align-items:center;margin-bottom:56px}
@media(min-width:900px){.ve-muc{grid-template-columns:1.2fr 1fr;gap:56px}.ve-muc.dao .ve-hinh{order:-1}}
.ve-chu h2{font:800 clamp(26px,3.6vw,40px)/1.12 var(--sans);letter-spacing:-.035em;margin-bottom:14px}
.ve-chu p{color:var(--ink2);font-size:16px;line-height:1.75;margin-bottom:12px}
.ve-hinh{background:var(--washi);border-radius:28px;padding:18px;display:grid;place-items:center;min-height:240px}
.ve-hinh img{max-width:100%;max-height:360px;border-radius:18px;mix-blend-mode:multiply}
.ve-muc.do .ve-hinh{background:#fff1f3}
.ve-logo-to{width:200px;mix-blend-mode:normal!important}
.ve-ds{list-style:none;display:grid;gap:10px}
.ve-ds li{background:#fff;border-radius:16px;padding:12px 16px;color:var(--ink2);font-size:14.5px;line-height:1.6}
.ve-ds b{color:var(--ink)}
.ve-mong{text-align:center;max-width:760px;margin:0 auto 48px;background:var(--washi);border-radius:32px;padding:40px 24px}
.ve-mong h2{font:800 clamp(28px,4vw,44px)/1.1 var(--sans);letter-spacing:-.04em;margin-bottom:16px}
.ve-mong p{color:var(--ink2);font-size:16.5px;line-height:1.75}
.ve-mong .ky{margin-top:16px;font-size:14px;font-weight:700;color:var(--red2)}
.cd-mau button.het{opacity:.6}
.cd-mau .tam-het{position:absolute;bottom:-8px;right:8px;font-style:normal;font-size:10px;font-weight:700;background:var(--ink3);color:#fff;border-radius:10px;padding:2px 7px}

/* ===== bản 7 (27/10 tối): CAO CẤP — Nguyên: "dòng tất phân khúc cao cấp, tổng thể phải trông cao cấp"
   tiết chế: nền ngà, chữ bớt đậm, nhãn viết hoa giãn chữ, bỏ sticker nghiêng/hiệu ứng nhảy, viền mảnh, bóng mềm ===== */
:root{--bg:#faf7f3;--ink:#1f1b20;--ink2:#6b6470;--ink3:#a49ca8;--line:#ebe3dc;--sakura:#f4d3d8;--lime:#f4d3d8;--washi:#f6f0e8}
body{letter-spacing:.005em}
.hero-txt h1{font-weight:700;letter-spacing:-.035em;font-size:clamp(38px,5.2vw,68px);line-height:1.04}
.tieu h2,.dau-trang h1,.bm-dau h2,.bn-txt h1,.gt-dau h1,.ve-dau h1,.bai-dau h1,.cs-than h1,.ve-chu h2,.ve-mong h2,.nen-txt h2,.ve-cta h2{font-weight:700;letter-spacing:-.03em}
.tieu .k{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}
.tieu .k .jp{text-transform:none;letter-spacing:.08em;font-size:13px}
.k-nho{text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;box-shadow:none;background:transparent;padding:0;margin-bottom:10px}
.khoi{padding:72px 0}
@media(max-width:767px){.khoi{padding:52px 0}}
.hl{background:linear-gradient(transparent 66%,var(--sakura) 66% 94%,transparent 94%)}

/* thanh trên: chữ mực, icon nét mảnh, nền ngà hồng rất nhạt */
.promo{background:#f7ece8;color:var(--ink);font-weight:500;font-size:13.5px;border-bottom:1px solid #efdcd7}
.promo b{color:var(--red2);font-weight:700}
.promo span:after{content:"·";color:var(--ink3);margin-left:14px}
.promo svg{width:18px;height:18px;stroke:var(--red2);stroke-width:1.6;flex:none}
.hd{background:rgba(250,247,243,.92);border-bottom:1px solid rgba(235,227,220,.7)}
.nav{font-weight:500}
.nav a.do{background:transparent;color:var(--red);font-weight:700}
.nav a.do:before{content:"●";font-size:7px;margin-right:6px;vertical-align:2px}

/* nút */
.btn{font-weight:600;letter-spacing:.02em;height:50px}
.btn.do,.btn.san-deal{background:var(--red);box-shadow:0 12px 26px -14px rgba(200,30,30,.75)}
.btn.san-deal:before{animation:none;left:-60%}
.btn.san-deal:hover:before{transition:left .8s ease;left:130%}
.btn.san-deal em{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.5);font-weight:700}
.btn.vien{box-shadow:inset 0 0 0 1.5px var(--ink)}
.tim-to{animation:none}

/* sticker / dấu: thẳng, mảnh, không la hét */
.stk{box-shadow:0 8px 22px -12px rgba(0,0,0,.25)}
.stk.tron{width:88px;height:88px;background:#fff;color:var(--red);transform:none;border:1px solid #f1d6d6;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.stk.tron b{font-size:24px;letter-spacing:-.03em;text-transform:none}
.stk.the{transform:none;font-weight:600;font-size:12px;letter-spacing:.02em}
.an-do{transform:rotate(4deg)}
.doc-jp{box-shadow:0 6px 18px -12px rgba(0,0,0,.25)}
.bang-chay{transform:none;margin:0;padding:13px 0;background:var(--ink);font-size:15px;font-weight:600;letter-spacing:.06em}
.bang-chay .jp{color:#e9b9c0;font-size:13px}
.bang-chay span:nth-child(even){color:#fff}
.sfx{display:none}

/* bong bóng manga: viền mảnh, bóng mềm (vẫn giữ dáng truyện tranh) */
.manga{border:1.5px solid var(--ink);box-shadow:0 14px 30px -18px rgba(40,20,30,.35);border-radius:22px;font-weight:500}
.manga:before{left:-12px;margin-top:-8px;border-width:8px 12px 8px 0}
.manga:after{left:-9.5px;margin-top:-6.5px;border-width:6.5px 10px 6.5px 0}
.hero-noi .manga:before{left:auto;right:28px;bottom:-12px;border-width:12px 8px 0 8px}
.hero-noi .manga:after{left:auto;right:29.5px;bottom:-9.5px;border-width:10px 6.5px 0 6.5px}
.manga b{color:var(--red2)}

/* thẻ sản phẩm & nhãn */
.the h3{font-weight:500}
.gia b{font-weight:700}
.nhan i{font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:4px 8px}
.nhan i.lime{background:#fff;color:var(--red2)}
.nhan-dong{letter-spacing:.08em;font-size:10px;text-transform:uppercase}
.them-nhanh{box-shadow:0 4px 12px -6px rgba(0,0,0,.3);font-size:20px}
.di .tag{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.di a:nth-child(2) .tag{background:#e3eedb;color:#2f5a25}.di a:nth-child(4) .tag{background:#dcebf5;color:#29506f}
.di .t b{font-weight:700}

/* khối chọn đôi */
.cd-buoc{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.cd-so{background:var(--ink);font-weight:600}
.cd-thanh button.on span{background:var(--ink)}
.cd-thanh button.xong span{background:#f4e4e6;color:var(--red2)}
.cd-day button,.cd-kieu button,.cd-tong button,.cd-mau button,.cd-so-do label{box-shadow:inset 0 0 0 1px var(--line)}
.cd-day button.on,.cd-kieu button.on,.cd-tong button.on,.cd-mau button.on{box-shadow:inset 0 0 0 2px var(--ink)}
.cd-uu .uu{background:#f0f6ec}.cd-uu .nhuoc{background:#fbf4e6}
.tang i{background:#5d7f9e}.tang.deu i{background:#b7cddd}
.sz-kq{background:var(--washi);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}

/* công nghệ: thẻ dịu hơn */
.bm-the.hong{background:#f8e1e3}.bm-the.ai{background:#e1edf5}.bm-the.matcha{background:#e6efdd}.bm-the.kem{background:#f6ecd9}
.bm-the .so{font-weight:200;color:var(--ink2)}

/* menu điện thoại — danh sách thoáng, ảnh tròn, đường kẻ mảnh */
.ngan-keo.trai{background:var(--bg)}
.ngan-keo.trai:before{display:none}
.menu-ds{padding:0 22px 28px}
.menu-k{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);font-weight:700;margin:22px 0 6px}
.ngan-keo.trai .menu-ds a{display:flex;align-items:center;gap:14px;background:none;backdrop-filter:none;border-radius:0;margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:17px;font-weight:600;color:var(--ink)}
.ngan-keo.trai .menu-ds a.lon{font-size:20px;font-weight:700;padding:14px 0}
.ngan-keo.trai .menu-ds a img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.ngan-keo.trai .menu-ds a .cham{width:44px;height:44px;border-radius:50%;background:var(--washi);flex:none}
.ngan-keo.trai .menu-ds a i{margin-left:auto;font-style:normal;color:var(--ink3);font-weight:400}
.ngan-keo.trai .menu-ds a em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--red);color:#fff;border-radius:10px;padding:2px 7px}
.ngan-keo.trai .menu-ds a.do{background:none;color:var(--red2)}
.ngan-keo.trai .menu-ds a.nhat{font-size:15px;font-weight:500;color:var(--ink2);padding:11px 0}
.menu-cuoi{margin-top:26px;border-radius:22px;padding:22px 18px;background:var(--menu-nen,var(--washi)) center/cover;position:relative;overflow:hidden;isolation:isolate;min-height:130px;display:flex;flex-direction:column;justify-content:flex-end}
.menu-cuoi:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,247,243,.92),rgba(250,247,243,.3))}
.menu-cuoi .jp{font-size:20px;color:var(--red2)}
.menu-cuoi p{font-size:12.5px;color:var(--ink2);margin-top:4px}
.nk-dau{border-bottom:1px solid var(--line)}
.bang-chay{background:#efe5dd;color:var(--ink);border-top:1px solid #e4d6cc;border-bottom:1px solid #e4d6cc}
.bang-chay .jp{color:var(--red2)}
.bang-chay span:nth-child(even){color:var(--ink)}
.bo-anh .lon video{width:100%;height:100%;object-fit:contain;background:#111}
.nut-vd{position:relative}
.nut-vd span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:18px;background:rgba(0,0,0,.35)}
.cd-so-do input::placeholder{color:#d3cbd0;font-weight:600}
.tang i{width:auto;min-width:var(--w);max-width:100%}
.tang.deu i{min-width:0}

/* ===== bản 8 (28/10): ảnh bìa sạch, hero điện thoại không mất đầu, nhấn "Quần tất Nhật chính hãng" ===== */
.hero-p .ch{color:var(--red2);font-weight:700;background:linear-gradient(transparent 60%,var(--sakura) 60% 92%,transparent 92%)}
@media(max-width:899px){
  .ghep{height:min(122vw,560px)}
  .ghep .a1{object-position:center 8%}
}
/* thẻ sản phẩm: ảnh chụp sạch, chỉ 1 nhãn dòng nhỏ; % giảm nằm cạnh giá */
.the .anh img{object-position:center 30%}
.the .anh{background:#f6f1ec}
.nhan-dong{top:10px;bottom:auto;left:10px;font-size:9.5px;padding:3px 8px;box-shadow:none;background:rgba(255,255,255,.85)}
.gia{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
.gia em{font-style:normal;font-size:11px;font-weight:700;color:var(--red2);background:#fbe9ea;border-radius:10px;padding:1px 7px}
/* "Hôm nay bạn đi đâu": ảnh vẽ sẵn chữ → không phủ lớp tối */
.di a.di-ve:after{display:none}
.di a.di-ve{background:#f3ebe4;aspect-ratio:2/3}
/* hero máy tính: bỏ ảnh thứ 3 (chân bị cắt đầu, rối) — còn 2 ảnh */
@media(min-width:900px){.ghep .a3{display:none}.ghep .a1{left:auto;right:2%;width:64%}.ghep .a2{left:0}}
.bn-bigsize img{object-position:center 12%}
.ngan-keo.trai .menu-ds a img{object-position:72% 25%}
/* bản 10 (28/10): mỗi món 1 ưu đãi — combo đồng giá + lời nhắc mua thêm */
.combo-the{display:grid;gap:4px;margin:14px 0 4px;padding:14px 16px;border-radius:16px;background:#fff4f2;border:1px dashed #f0b7b0;color:var(--ink)}
.combo-the b{color:var(--red2);font-size:15px}
.combo-the span{font-size:13px;color:var(--ink2)}
.combo-the:hover{border-style:solid}
.nhac-them{margin:8px 0 0;padding:9px 12px;border-radius:12px;background:#fff4f2;font-size:13px;color:var(--ink)}
.nhac-them a{color:var(--red2);text-decoration:underline}
/* Bản 11 — trang trụ /quan-tat-nhat-ban: hộp 3 lợi ích + lưới sản phẩm chen giữa bài */
.bai-than ul.hop-mua{list-style:none;margin:18px 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bai-than .hop-mua li{margin:0;background:#fff;border:1.5px solid var(--sakura);border-radius:16px;padding:14px 16px 14px 44px;position:relative;font-size:14.5px;line-height:1.5}
.bai-than .hop-mua li::before{content:'✓';position:absolute;left:14px;top:13px;width:22px;height:22px;border-radius:50%;background:var(--red2);color:#fff;font:800 13px/22px var(--sans);text-align:center}
.bai-than .hop-mua b{color:var(--red2);font-size:15.5px}
.bai-sp-dau{margin:28px 0 8px}
.hero-p .ch a:hover{text-decoration:underline}
@media(max-width:720px){.bai-than ul.hop-mua{grid-template-columns:1fr}}
.nhom-nd{margin-top:56px;padding-top:8px;border-top:1px solid var(--line, #eadfd8)}
.nhom-nd .nhom-ngay{color:var(--ink2);font-size:13px;margin-top:24px}
/* Bản 15 — flash sale xả kho (cấu hình 'flash') + combo freeship */
.nhan-flash{position:absolute;right:10px;top:10px;z-index:1;font-size:11px;font-weight:800;background:#ffcc00;color:#1a1a1a;border-radius:20px;padding:4px 9px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.gia b.fl,.ct-ttin .gia b.fl{color:var(--red2)}
.tag-flash{display:inline-block;font-size:11px;font-weight:800;background:#ffcc00;color:#1a1a1a;border-radius:20px;padding:2px 8px}
.gia-cu{display:block;font-size:11.5px;font-weight:500;color:var(--ink3);text-align:right}
.tiet-kiem.flash{background:#fff3c4}
.tiet-kiem.flash b{font-variant-numeric:tabular-nums;color:var(--red2)}
.fl-ghi{font-size:12px;color:var(--ink2);margin-top:6px}
.flash{margin:8px 0 28px}
.flash-dot{background:linear-gradient(135deg,#fff7d6,#ffe9ee);border:2px solid #ffcc00;border-radius:24px;padding:20px;margin-bottom:16px}
.flash-dau{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.flash-dau h2{font:800 clamp(22px,3vw,30px)/1.15 var(--sans);letter-spacing:-.03em;margin:8px 0 4px}
.flash-dau p{font-size:13px;color:var(--ink2)}
.flash .dem{text-align:right;font-size:12px;color:var(--ink2)}
.flash .dem b{display:block;font:800 26px/1.1 var(--sans);color:var(--red2);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.flash-sap{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:13px;background:#fff;border:1px dashed #f0c400;border-radius:14px;padding:10px 14px}
.flash-sap span b{color:var(--red2)}
@media(max-width:720px){.flash-dot{padding:16px 12px}.flash .dem{text-align:left}}