/* ZUNGZA — Dòng nến. Lớp thêm dưới khối mua. Không đụng gì phía trên. */
.zzdn{
  --zp:var(--zz-paper,#F7F5F0); --zs:var(--zz-surface,#FFFFFF);
  --zt:var(--zz-text,#1D1D1B); --zm:var(--zz-muted,#6B6B66);
  --zl:var(--zz-line,rgba(0,0,0,.10)); --zl2:rgba(0,0,0,.18);
  --za:var(--zz-action,#4F594C); --zah:var(--zz-action-hover,#3E4740);
  --zf:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  max-width:1220px;margin:0 auto;
  padding:clamp(20px,4vw,44px) clamp(16px,4vw,40px) clamp(32px,6vw,72px);
  font-family:var(--zf);color:var(--zt);font-weight:300;font-size:14px;line-height:1.72;letter-spacing:-.005em;
}
.zzdn *{box-sizing:border-box}
.zzdn [hidden]{display:none!important}
.zzdn h2{font-family:var(--zf);font-weight:600;letter-spacing:-.02em;font-size:clamp(18px,2.5vw,24px);line-height:1.25;margin:0;text-wrap:balance}
.zzdn h3{font-family:var(--zf);font-weight:600;font-size:clamp(16px,2.1vw,19px);margin:0}
.zzdn p{margin:0}
.zzdn .zzdn-k{padding-block:clamp(22px,3.6vw,38px);border-top:1px solid var(--zl)}
.zzdn .zzdn-k:first-of-type{border-top:0}
.zzdn-hd{margin-bottom:clamp(16px,2.4vw,24px);max-width:64ch}
.zzdn-hd p{color:var(--zm);font-size:14.5px;margin-top:9px}
.zzdn-nhap{background:var(--zt);color:#fff;font-size:11px;letter-spacing:.14em;padding:9px 12px;margin:0 0 6px}
.zzdn-chu{font-size:clamp(15px,1.9vw,17px);line-height:1.75;max-width:64ch;color:var(--zt)}

/* ---- dải số neo ---- */
.zzdn-so{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--zl2);border:1px solid var(--zl2);margin-block:clamp(18px,3vw,28px)}
@media(min-width:720px){.zzdn-so{grid-template-columns:repeat(4,1fr)}}
.zzdn-so>div{background:var(--zs);padding:18px 16px}
.zzdn-so b{display:block;font-weight:600;font-size:clamp(19px,2.6vw,25px);letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.zzdn-so span{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--zm);margin-top:8px}

/* ---- thẻ có ảnh ---- */
.zzdn-the{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:560px){.zzdn-the{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.zzdn-the{grid-template-columns:repeat(4,1fr)}}
.zzdn-the>div{border:1px solid var(--zl);background:var(--zs)}
.zzdn-the img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:var(--zp)}
.zzdn-the .zzdn-kh{display:flex;aspect-ratio:1/1;align-items:center;justify-content:center;background:var(--zp);color:var(--zm);
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;text-align:center;padding:16px}
.zzdn-the b{display:block;font-weight:500;font-size:14px;padding:13px 14px 0}
.zzdn-the p{color:var(--zm);font-size:13px;padding:5px 14px 15px}

/* ---- sáu giác ---- */
.zzdn-gt{display:flex;border-bottom:1px solid var(--zl2);overflow-x:auto;scrollbar-width:none}
.zzdn-gt::-webkit-scrollbar{display:none}
.zzdn-gt button{appearance:none;border:0;background:none;cursor:pointer;font-family:var(--zf);font-weight:500;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--zm);padding:13px 18px;white-space:nowrap;
  border-bottom:2px solid transparent;margin-bottom:-1px}
.zzdn-gt button[aria-selected="true"]{color:var(--zt);border-bottom-color:var(--za)}
.zzdn-gn p{padding:20px 0 0;font-size:15.5px;line-height:1.8;max-width:62ch}

/* ---- bánh xe tầng hương ---- */
.zzdn-bx{display:grid;grid-template-columns:1fr;gap:26px;align-items:start}
@media(min-width:900px){.zzdn-bx{grid-template-columns:minmax(0,400px) 1fr;gap:48px;align-items:center}}
.zzdn-vong svg{width:100%;max-width:400px;height:auto;margin:0 auto;display:block}
.zzdn-vong path{cursor:pointer;transition:fill-opacity .25s}
.zzdn-xoay{transition:transform .55s cubic-bezier(.22,.61,.36,1)}
.zzdn-mn{transition:transform .55s cubic-bezier(.22,.61,.36,1),fill .25s}
@media(prefers-reduced-motion:reduce){.zzdn-xoay,.zzdn-mn{transition:none}}
.zzdn-mn{font-family:var(--zf);font-size:10.5px;letter-spacing:.02em;fill:var(--zt);pointer-events:none}
.zzdn-gi{font-family:var(--zf);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;fill:var(--zm)}
.zzdn-gt2{font-family:var(--zf);font-size:15px;font-weight:500;fill:var(--zt)}
.zzdn-cap{font-size:11px;letter-spacing:.06em;color:var(--zm);text-align:center;margin-top:12px}

.zzdn-nt{display:grid;gap:0}
.zzdn-nt .zzdn-tg{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:baseline;border-top:1px solid var(--zl);padding:13px 0}
.zzdn-nt .zzdn-tg:first-child{border-top:1px solid var(--zl2)}
.zzdn-nt small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--zm)}
.zzdn-nt b{font-weight:500;font-size:15px}
.zzdn-sd{margin-top:22px;border-top:1px solid var(--zl2);padding-top:18px}
.zzdn-sd>small{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--zm);margin-bottom:14px}
.zzdn-sdr{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;margin-bottom:9px}
.zzdn-sdr>span{font-size:11px;letter-spacing:.08em;color:var(--zm)}
.zzdn-sdr i{display:block;height:9px;background:var(--zp);border:1px solid var(--zl)}
.zzdn-sdr em{display:block;height:7px;background:var(--za)}
.zzdn-ldau{opacity:.38}.zzdn-lgiua{opacity:.64}.zzdn-lcuoi{opacity:.92}
.zzdn-truc{display:grid;grid-template-columns:96px 1fr;gap:14px;margin-top:8px}
.zzdn-truc div{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:var(--zm)}
.zzdn-sd .zzdn-cap{text-align:left;margin-top:12px}

/* ---- quy trình ---- */
.zzdn-qt{display:grid;gap:22px}
.zzdn-chang{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(120px,1fr);overflow-x:auto;scrollbar-width:none;position:relative}
.zzdn-chang::-webkit-scrollbar{display:none}
.zzdn-chang button{appearance:none;border:0;background:none;cursor:pointer;padding:26px 12px 16px;text-align:left;position:relative;font-family:var(--zf);color:var(--zm)}
.zzdn-chang button::before{content:"";position:absolute;top:12px;left:0;right:0;height:1px;background:var(--zl2)}
.zzdn-chang button:first-child::before{left:50%}
.zzdn-chang button:last-child::before{right:50%}
.zzdn-chang em{position:absolute;top:8px;left:50%;margin-left:-4px;width:9px;height:9px;border-radius:50%;background:var(--zs);border:1px solid var(--zl2)}
.zzdn-chang button[aria-selected="true"] em{background:var(--za);border-color:var(--za)}
.zzdn-ic{display:block;margin-bottom:11px}
.zzdn-ic svg{width:24px;height:24px;display:block}
.zzdn-chang small{display:block;font-size:10px;letter-spacing:.16em}
.zzdn-chang b{display:block;font-size:13px;font-weight:500;margin-top:6px;line-height:1.35}
.zzdn-chang button[aria-selected="true"]{color:var(--zt)}
.zzdn-cnd>div{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
@media(min-width:720px){.zzdn-cnd>div{grid-template-columns:96px 1fr;gap:30px;align-items:start}}
.zzdn-icto{display:block;color:var(--za)}
.zzdn-icto svg{width:52px;height:52px;display:block;stroke-width:1}
.zzdn-cnd span{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--zm);margin-bottom:9px}
.zzdn-cnd h3{margin-bottom:9px}
.zzdn-cnd p{color:var(--zm);max-width:60ch}

/* ---- hộp đàn ---- */
.zzdn-dan{border-top:1px solid var(--zl2)}
.zzdn-dan details{border-bottom:1px solid var(--zl);overflow:hidden}
.zzdn-dan summary{list-style:none;cursor:pointer;padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;
  font-weight:500;font-size:14.5px;transition:color .2s}
.zzdn-dan summary::-webkit-details-marker{display:none}
.zzdn-dan summary:hover{color:var(--za)}
.zzdn-dan summary i{flex:0 0 12px;height:12px;position:relative}
.zzdn-dan summary i::before,.zzdn-dan summary i::after{content:"";position:absolute;background:var(--zm);transition:transform .25s,opacity .25s}
.zzdn-dan summary i::before{left:0;right:0;top:5.5px;height:1px}
.zzdn-dan summary i::after{top:0;bottom:0;left:5.5px;width:1px}
.zzdn-dan details[open] summary i::after{transform:rotate(90deg);opacity:0}
.zzdn-tl{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
.zzdn-dan details[open] .zzdn-tl{grid-template-rows:1fr}
.zzdn-tl>div{overflow:hidden}
.zzdn-tl p{color:var(--zm);font-size:13.5px;padding-bottom:16px;max-width:62ch}
@media(prefers-reduced-motion:reduce){.zzdn-tl{transition:none}}

/* ---- danh sách hai cột ---- */
.zzdn-ds{display:grid;gap:0;border-top:1px solid var(--zl2)}
@media(min-width:800px){.zzdn-ds{grid-template-columns:1fr 1fr;column-gap:40px}
 .zzdn-ds>div:nth-child(2){border-top:0}}
.zzdn-ds>div{display:grid;grid-template-columns:1fr;gap:3px;padding:14px 0;border-bottom:1px solid var(--zl)}
.zzdn-ds.so>div{grid-template-columns:40px 1fr;gap:12px}
.zzdn-ds em{font-style:normal;font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--zm);padding-top:3px}
.zzdn-ds b{display:block;font-weight:500;font-size:14.5px}
.zzdn-ds p{color:var(--zm);font-size:13.5px}

/* ---- thông số ---- */
dl.zzdn-ts{margin:0;border-top:1px solid var(--zl2)}
dl.zzdn-ts>div{display:grid;grid-template-columns:1fr;gap:2px;padding:13px 0;border-bottom:1px solid var(--zl)}
@media(min-width:620px){dl.zzdn-ts>div{grid-template-columns:220px 1fr;gap:20px}}
dl.zzdn-ts dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--zm);margin:0}
dl.zzdn-ts dd{margin:0;font-size:14.5px;font-weight:400}

/* ---- hợp / chưa hợp ---- */
.zzdn-dsx{display:grid;gap:10px}
@media(min-width:800px){.zzdn-dsx{grid-template-columns:1fr 1fr;gap:12px}}
.zzdn-dsx>div{display:grid;grid-template-columns:32px 1fr;gap:11px;border:1px solid var(--zl);background:var(--zs);padding:13px 14px;align-items:start}
.zzdn-dsx i{font-style:normal;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--za);color:#fff}
.zzdn-dsx b{display:block;font-weight:500;font-size:13.5px;margin-bottom:3px}
.zzdn-dsx p{font-size:13px;color:var(--zm)}

/* ---- kiểm được thì mới viết ---- */
.zzdn-tin{display:grid;border-top:1px solid var(--zl2)}
.zzdn-tin>div{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--zl);align-items:start}
@media(min-width:760px){.zzdn-tin>div{grid-template-columns:44px 230px 1fr;gap:18px;align-items:baseline}
 .zzdn-tin>div>div{display:contents}.zzdn-tin b{margin-bottom:0}}
.zzdn-tin em{font-style:normal;font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--zm);padding-top:3px}
.zzdn-tin b{display:block;font-weight:500;font-size:14px;margin-bottom:4px}
.zzdn-tin p{font-size:13.5px;color:var(--zm)}
.zzdn-ng{display:inline-block;margin-top:7px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--zm);border:1px solid var(--zl2);padding:3px 8px}

.zzdn :focus-visible{outline:2px solid var(--zt);outline-offset:2px}

/* ---- đọc thêm ---- */
.zzdn-bai{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:680px){.zzdn-bai{grid-template-columns:repeat(3,1fr);gap:20px}}
.zzdn-bai a{display:block;text-decoration:none;color:inherit;border:1px solid var(--zl);background:var(--zs)}
.zzdn-bai a:hover{border-color:var(--zl2)}
.zzdn-bai img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:var(--zp)}
.zzdn-bai .zzdn-kh{display:block;aspect-ratio:3/2;background:var(--zp)}
.zzdn-bai>a>div{padding:14px 15px 16px}
.zzdn-bai small{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--zm);margin-bottom:8px}
.zzdn-bai b{display:block;font-weight:500;font-size:14.5px;line-height:1.45}
.zzdn-bai p{color:var(--zm);font-size:13px;margin-top:7px}