/* BẢN DEMO giao diện mới. Chỉ phủ lên bản demo, không đụng bản chính. */
.eb{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--nau-d);margin:0 0 6px}
.blk{padding:46px 0}
.blk .hd h2{font-size:1.35rem;letter-spacing:.02em}
.blk .hd a{text-decoration:none;font-weight:600;color:var(--nau-d);border-bottom:1px solid currentColor}
.demo-tag{position:fixed;left:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:70;background:var(--ink);color:#fff;font-size:.68rem;letter-spacing:.12em;padding:6px 12px;border-radius:999px;opacity:.85}

/* 1. Danh mục dạng ảnh tròn */
.cir{display:flex;gap:16px;overflow-x:auto;padding:24px 4px 10px;scrollbar-width:none;justify-content:flex-start}
.cir::-webkit-scrollbar{display:none}
.cir a{flex:0 0 auto;width:86px;text-align:center;text-decoration:none;font-size:.78rem;color:var(--ink)}
.cir .av{display:block;width:78px;height:78px;margin:0 auto 8px;border-radius:50%;overflow:hidden;padding:3px;background:linear-gradient(135deg,var(--nau),#e8d8c4);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.cir .av img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #fff}
.cir a:hover .av{transform:translateY(-4px) scale(1.05)}
@media(min-width:900px){.cir{justify-content:center;gap:34px}.cir a{width:110px;font-size:.84rem}.cir .av{width:98px;height:98px}}



/* 3. Thẻ sản phẩm */
.card .im{border-radius:16px;position:relative;overflow:hidden;transition:box-shadow .35s,transform .35s cubic-bezier(.2,.7,.2,1)}
.card:hover .im{box-shadow:0 14px 30px rgba(70,48,24,.2);transform:translateY(-4px)}
.card .nh{display:none}
.card .bd{position:absolute;left:10px;top:10px;z-index:2;background:var(--ink);color:#fff;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
.card h3{font-weight:500}
.card .gia-h .gia{font-weight:700}
.alt .card .im{background:#fff}

/* 2. Mua sắm theo phòng */
.rooms{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:900px){.rooms{grid-template-columns:repeat(4,1fr);gap:18px}}
.rm{position:relative;display:block;aspect-ratio:4/5;border-radius:20px;overflow:hidden;color:#fff;text-decoration:none;background:#cdbba5}
.rm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.rm:hover img{transform:scale(1.07)}
.rm:after{content:"";position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0));pointer-events:none}
.rm .lb{position:absolute;z-index:2;left:16px;right:12px;bottom:14px}
.rm .lb b{display:block;font-size:1rem;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.rm .lb span{font-size:.74rem;opacity:.9}
.rm.tc{background:var(--nau);display:grid;place-items:center;text-align:center}
.rm.tc:after{display:none}
.rm.tc .lb{position:static;padding:0 14px}

/* 6. Hiện dần khi cuộn */
.rv{opacity:0;transform:translate3d(0,30px,0);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.in .grid .card,.rv.in .rail .card,.rv.in .rooms .rm,.rv.in .bai a{animation:len .8s cubic-bezier(.2,.7,.2,1) both}
.rv.in .grid .card:nth-child(2),.rv.in .rail .card:nth-child(2),.rv.in .rooms .rm:nth-child(2){animation-delay:.08s}
.rv.in .grid .card:nth-child(3),.rv.in .rail .card:nth-child(3),.rv.in .rooms .rm:nth-child(3){animation-delay:.16s}
.rv.in .grid .card:nth-child(4),.rv.in .rail .card:nth-child(4),.rv.in .rooms .rm:nth-child(4){animation-delay:.24s}
@keyframes len{from{opacity:0;transform:translate3d(0,26px,0)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.rv.in .card,.rv.in .rm,.rv.in .bai a{animation:none}}

/* 4. Bài viết: danh sách dọc, mỗi bài một khối */
.bv{display:grid;gap:34px;max-width:980px;margin:0 auto}
.bv a{display:grid;gap:16px;text-decoration:none;color:var(--ink);padding-bottom:34px;border-bottom:1px solid var(--line)}
.bv a:last-child{border-bottom:0;padding-bottom:0}
.bv img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.bv a>img{overflow:hidden}
.bv .tag{font-size:.72rem;letter-spacing:.14em;margin-bottom:8px}
.bv h3{margin:0 0 10px;font-size:1.35rem;line-height:1.25;font-weight:600}
.bv p{margin:0 0 12px;font-size:.95rem;line-height:1.6;color:var(--mute)}
.bv .doc{font-size:.8rem;font-weight:600;color:var(--nau-d);border-bottom:1px solid currentColor;padding-bottom:1px}
.bv a:hover img{opacity:.92}
@media(min-width:760px){.bv a{grid-template-columns:360px 1fr;gap:34px;align-items:center}.bv h3{font-size:1.7rem}}