/* V56: final scoped rules after the legacy stylesheet. */
html .td-intro{position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;height:100dvh!important;background:#071d31!important;z-index:2147483000!important;padding:0!important;overflow:hidden!important}
html .td-intro .td-intro-video{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.td-intro-skip{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));min-height:44px;padding:10px 18px;border:1px solid #fff;border-radius:4px;background:#082f5be6;color:#fff;font-size:14px;cursor:pointer;z-index:2}
.td-intro-skip:focus-visible{outline:3px solid #6fdfff;outline-offset:4px}
.hero h1{font-size:clamp(30px,3.6vw,52px)!important;line-height:1.12!important;text-wrap:balance;letter-spacing:-.025em!important}
.keep-phrase{white-space:nowrap}
.category-body p,.ref-card-body p,.ref-about-copy p,.ref-values p,.news-ref-card p,.footer p,.footer a{font-size:13px!important;line-height:1.6!important}
.category-body h3,.ref-card-body h3{font-size:14px!important;line-height:1.4!important}
.qr-box{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:8px;height:auto!important;min-height:150px;padding:12px!important;background:#fff}
.qr-box img{width:116px;height:116px;object-fit:contain}
@media(max-width:767px){
 .hero h1{font-size:clamp(28px,7.5vw,40px)!important}
 .hero-actions{flex-wrap:wrap}
 .hero-actions .btn{min-height:44px}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .ref-card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .ref-card,.category-card,.hero-copy,.hero-media{min-width:0}
 .ref-head{flex-wrap:wrap;gap:10px}
 .floating-zalo{right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
 input,select,textarea{font-size:16px!important}
}
@media(max-width:380px){.category-grid,.ref-card-grid.four{grid-template-columns:1fr!important}}