/* Native platform fonts include complete Vietnamese glyph coverage. */
:root{--snb-system-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html,body,body *{font-family:var(--snb-system-font)!important}
body{font-size:16px;line-height:1.6}
h1,h2,h3,h4,h5,h6{letter-spacing:normal!important;word-spacing:normal!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1.3!important}
h1{font-size:clamp(2rem,4vw,3.5rem)!important}
h2{font-size:clamp(1.75rem,3vw,2.5rem)!important}
h3{font-size:clamp(1.25rem,2vw,1.75rem)!important}
button,input,select,textarea{font:inherit}

/* Use the homepage brand asset on catalog and product headers. */
.header .brand{display:inline-flex;align-items:center;flex-shrink:0;color:#f2ece2}
.header .snb-brand-logo{display:block;width:152px;height:52px;object-fit:contain;object-position:left center}
@media(max-width:620px){.header .snb-brand-logo{width:136px;height:48px}}

/* Shared reading and mobile layout, October 5. */
.brand .snb-brand-logo{display:block;width:152px;height:52px;object-fit:contain;object-position:left center}
.hero-grid>*,.intro-grid>*,.lead-grid-v2>*,.proof-grid-v2>*{min-width:0}
[id]{scroll-margin-top:100px}
.gallery-main img,.detail-grid img{object-fit:contain}
@media(max-width:620px){.brand .snb-brand-logo{width:136px;height:48px}.header .nav{gap:12px;flex-wrap:wrap;height:auto;min-height:64px;padding:8px 0}.detail-grid img{height:auto;max-height:520px}.back{font-size:14px}.lead-form-v2 label{font-size:14px}}