.tmh #bang-ma,.tmh #hang-khac,.tmh #di-cung{scroll-margin-top:150px}.tmh .td-crumb nav{padding-bottom:4px}.tmh .pdp{grid-template-columns:1.05fr 1fr;gap:56px;padding-top:10px;padding-bottom:40px;display:grid}.tmh .gallery{align-content:start;gap:12px;display:grid;position:sticky;top:100px}.tmh .g-main{border:1px solid var(--line);aspect-ratio:1;background:var(--color-surface);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.tmh .g-main img{object-fit:contain;width:88%;height:88%}.tmh .g-main .img-wait{min-height:100%}.tmh .g-cc{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.4}.tmh .g-cc a{color:inherit;text-underline-offset:2px;text-decoration:underline}.tmh .g-main .img-wait .brand-logo{max-width:200px;height:64px}.tmh .g-main .img-wait .brand-word{font-size:28px}.tmh .g-thumbs{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.tmh .g-thumbs button{border:1px solid var(--line);aspect-ratio:1;background:var(--color-surface);border-radius:4px;padding:4px}.tmh .g-thumbs button.on{border:2px solid var(--navy)}.tmh .g-thumbs img{object-fit:contain;width:100%;height:100%}.tmh .buy{align-content:start;gap:18px;min-width:0;padding-top:8px;display:grid}.tmh .buy>.brand-logo{justify-self:start;height:38px}.tmh .buy>.brand-word{font-size:18px}.tmh .buy h1{overflow-wrap:anywhere;font-size:clamp(34px,3.8vw,54px)}.tmh .buy-sub{color:var(--muted);margin-top:-6px;font-size:16px}.tmh .buy-sub:empty{display:none}.tmh .buy-desc{color:var(--muted);max-width:560px;font-size:14px}.tmh .from{color:var(--muted);background:var(--paper);border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;font-size:12px;display:flex}.tmh .from svg{width:14px;height:14px}.tmh .from a{color:var(--ink);margin-left:auto;text-decoration:underline}.tmh .from:empty,.tmh [data-td-tu-loc]:empty{display:none}.tmh .buy-cta{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-top:16px;display:flex}.tmh .buy-cta b{font-family:Display, var(--font-be-vietnam-pro), Inter, sans-serif;color:var(--ink);font-size:32px}.tmh .buy-cta p{color:var(--muted)}.tmh .buy-gia{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.tmh .buy-gia b{color:var(--ink)}.tmh .assure{color:var(--muted);gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.tmh .assure li{align-items:center;gap:8px;display:flex}.tmh .assure svg{width:16px;height:16px;color:var(--ok)}.tmh .subnav{z-index:30;background:color-mix(in srgb, var(--color-surface) 95%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block:1px solid var(--line);position:sticky;top:84px}.tmh .subnav .wrap{align-items:center;gap:26px;height:58px;display:flex;overflow-x:auto}.tmh .subnav .wrap>b{white-space:nowrap;margin-right:auto;font-size:16px}.tmh .subnav a{white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.tmh .subnav a i{background:var(--paper);border-radius:99px;padding:1px 6px;font-size:11px;font-style:normal}.tmh .subnav a:hover{text-decoration:underline}.tmh .subnav .btn b{background:var(--navy);color:var(--color-surface);text-align:center;border-radius:99px;min-width:24px;height:24px;padding:0 6px;font-size:12px;line-height:24px}.tmh .alt-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tmh .alt{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:76px 1fr;gap:14px;min-width:0;padding:16px;transition:border-color .2s,box-shadow .2s;display:grid}.tmh .alt:hover{border-color:var(--navy);box-shadow:var(--shadow)}.tmh .alt>div{min-width:0}.tmh .alt-img{object-fit:contain;border:1px solid var(--color-line-soft);width:76px;height:76px;color:var(--color-ink-faint);border-radius:4px;place-items:center;display:grid}.tmh .alt h3{margin:4px 0 6px;font-size:15px}.tmh .alt p{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.tmh .alt code{background:var(--paper);overflow-wrap:anywhere;border-radius:3px;padding:2px 6px;font-size:11px}.tmh .alt>div>b{align-items:center;gap:6px;font-size:13px;display:flex}.tmh .alt>div>b svg{width:16px;height:16px}.tmh .sib{flex-wrap:wrap;gap:10px;display:flex}.tmh .sib a{border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;padding:12px 16px;transition:border-color .2s;display:flex}.tmh .sib a:hover{border-color:var(--navy)}.tmh .sib a span{color:var(--muted);font-size:12px}.tmh .sib a svg{width:16px;height:16px}.tmh .sib a.all{background:var(--navy);color:var(--color-surface);border-color:var(--navy)}.tmh .sib a.all span{color:var(--color-navy-200)}.tmh #di-cung .fam-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.tmh .td-chung{margin-top:28px}.tmh .td-chung h3{margin-bottom:10px}.tmh .td-ct{margin-top:40px}.tmh [data-td-toast][hidden],.tmh [data-td-da-xem][hidden]{display:none}.tmh .td-series-toc{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font-size:13px;display:flex}.tmh .td-series-toc b{color:var(--muted);margin-right:4px;font-weight:600}.tmh .td-series-toc a{border:1px solid var(--line);min-height:40px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.tmh .td-series-toc a:hover{border-color:var(--navy)}.tmh .td-series-toc a i{color:var(--muted);font-size:12px;font-style:normal}.tmh .td-series+.td-series{margin-top:28px}.tmh .td-series h2{margin-bottom:8px;scroll-margin-top:150px;font-size:20px}.tmh .td-series ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.tmh .td-series li{border-bottom:1px solid var(--color-line-soft);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 0;display:flex}.tmh .td-series li span{color:var(--muted);font-size:13px}@media (width<=1180px){.tmh .alt-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.tmh #bang-ma,.tmh #hang-khac,.tmh #di-cung{scroll-margin-top:130px}.tmh .pdp{grid-template-columns:1fr;gap:24px}.tmh .gallery{position:static}.tmh .g-main{aspect-ratio:16/10}.tmh .g-main img{width:70%;height:92%}.tmh .g-thumbs{grid-template-columns:repeat(6,56px);overflow-x:auto}.tmh .buy h1{font-size:34px}.tmh .buy>.brand-word{font-size:15px}.tmh .subnav{top:68px}.tmh .subnav .btn{display:none}}@media (width<=560px){.tmh .alt-grid{grid-template-columns:1fr}}
