/* Header: ẩn khi cuộn xuống (chỉ mobile / tablet), hiện khi cuộn lên (site.js, như vietnamorigin). Desktop: menu xổ "Dịch vụ"; mobile (<981): ngăn kéo từ phải. */
.smt-hdr{position:sticky;top:0;z-index:50;background:var(--smt-surface);border-bottom:1px solid var(--smt-divider);transition:transform var(--smt-dur) var(--smt-ease)}
.smt-hdr.is-hidden{transform:translateY(-100%)}
@media (min-width:981px){.smt-hdr.is-hidden{transform:none}}   /* desktop: header luôn hiện, chỉ mobile / tablet mới ẩn khi cuộn */
html.smt-lock .smt-hdr{transform:none}
/* Cuộn xuống: nền header trắng đặc -> kính mờ (scroll-driven animation như vietnamorigin; trình duyệt chưa hỗ trợ thì giữ nền đặc) */
@supports (animation-timeline: scroll()) {
	.smt-hdr{animation:smt-hdr-frost linear both;animation-timeline:scroll(root block);animation-range:0 24px;-webkit-backdrop-filter:var(--smt-hdr-blur);backdrop-filter:var(--smt-hdr-blur)}
	html.smt-lock .smt-hdr{animation:none;background:var(--smt-hdr-glass)}
}
@keyframes smt-hdr-frost{from{background-color:var(--smt-surface);border-bottom-color:transparent}to{background-color:var(--smt-hdr-glass);border-bottom-color:var(--smt-divider)}}

.smt-hdr__in{display:flex;align-items:center;gap:var(--smt-space-2);height:var(--smt-hdr-h)}

.smt-logo{display:inline-flex;align-items:center;gap:10px;min-height:var(--smt-tap);margin-inline-end:var(--smt-space-4);color:var(--smt-heading);font-size:var(--smt-fs-lg);font-weight:var(--smt-fw-700);letter-spacing:-.01em;text-decoration:none;white-space:nowrap}
.smt-logo__mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:var(--smt-radius);background:var(--smt-navy-soft)}   /* ô nền bọc logo, cùng kiểu icon dịch vụ */
.smt-logo svg{width:32px;height:32px}
@media (max-width:399px){.smt-logo{font-size:var(--smt-fs-md);gap:8px}.smt-logo__mark{width:40px;height:40px}.smt-logo svg{width:28px;height:28px}}

.smt-nav{display:none;align-items:center;gap:2px}
.smt-nav > a,.smt-nav > button{display:inline-flex;align-items:center;gap:4px;height:40px;padding-inline:12px;border:0;border-radius:var(--smt-radius);background:none;color:var(--smt-ink);font-size:var(--smt-fs-sm);font-weight:var(--smt-fw-500);text-decoration:none;cursor:pointer;transition:background-color var(--smt-dur-fast)}
.smt-nav > a:hover,.smt-nav > button:hover,.smt-nav > button[aria-expanded="true"]{background:var(--smt-hover)}
.smt-nav > a[aria-current="page"]{color:var(--smt-red)}
.smt-nav .smt-i{width:16px;height:16px;transition:transform var(--smt-dur-fast)}
.smt-nav > button[aria-expanded="true"] .smt-i{transform:rotate(180deg)}

.smt-hdr__tools{display:flex;align-items:center;gap:2px;margin-inline-start:auto}
.smt-ibtn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:var(--smt-tap);height:var(--smt-tap);padding-inline:var(--smt-space-2);border:0;border-radius:var(--smt-radius);background:none;color:var(--smt-ink);font-size:var(--smt-fs-xs);font-weight:var(--smt-fw-600);text-decoration:none;cursor:pointer;transition:background-color var(--smt-dur-fast)}
.smt-ibtn:hover{background:var(--smt-hover)}
.smt-hdr .smt-hdr__call{display:none;margin-inline-start:var(--smt-space-2)}
.smt-hdr .smt-hdr__theme{display:none}
@media (min-width:981px){
	.smt-nav{display:flex}
	.smt-hdr .smt-hdr__call{display:inline-flex}
	.smt-hdr .smt-hdr__theme{display:block}
	.smt-hdr__burger{display:none}
}

/* Menu xổ "Dịch vụ" (desktop) */
.smt-mega{position:absolute;inset-inline:0;top:100%;background:var(--smt-surface);border-bottom:1px solid var(--smt-divider);box-shadow:var(--smt-shadow-menu);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--smt-dur-fast),transform var(--smt-dur-fast),visibility 0s var(--smt-dur-fast)}
.smt-mega.is-open{opacity:1;visibility:visible;transform:none;transition:opacity var(--smt-dur-fast),transform var(--smt-dur-fast)}
.smt-mega__grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);min-height:340px}
.smt-mega__tabs{display:grid;gap:var(--smt-space-1);align-content:start;padding:var(--smt-space-4) var(--smt-space-4) var(--smt-space-4) 0;border-inline-end:1px solid var(--smt-divider)}
.smt-mega__tab{display:flex;align-items:center;gap:var(--smt-space-3);padding:var(--smt-space-2) var(--smt-space-3);border-radius:var(--smt-radius);color:var(--smt-ink);text-decoration:none}
.smt-mega__tab > span:nth-child(2){display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:40px}   /* cao đúng bằng ô icon, tên và số dịch vụ sát nhau */
.smt-mega__tab b{font-size:var(--smt-fs-sm);line-height:1.25;color:var(--smt-heading)}
.smt-mega__tab small{font-size:var(--smt-fs-xs);line-height:1.25;color:var(--smt-muted)}
.smt-mega__ico{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:var(--smt-radius);background:var(--smt-red);color:var(--smt-on-fill)}
.smt-mega__chev{margin-inline-start:auto;opacity:0;color:var(--smt-red)}
.smt-mega__tab.is-on,.smt-mega__tab:hover{background:var(--smt-bg)}
.smt-mega__tab.is-on .smt-mega__chev{opacity:1}
.smt-mega__panes{padding:var(--smt-space-5) 0 var(--smt-space-5) var(--smt-space-6)}
.smt-mega__pane{display:none}
.smt-mega__pane.is-on{display:block}
.smt-mega h2{margin-bottom:var(--smt-space-1);font-size:var(--smt-fs-lg)}
.smt-mega h2 a{text-decoration:none}
.smt-mega h2 a:hover{color:var(--smt-red)}
.smt-mega__pane p{margin:0 0 var(--smt-space-3);color:var(--smt-muted);font-size:var(--smt-fs-sm);max-width:60ch}
.smt-mega ul{list-style:none;margin:0;padding:0;columns:2;column-gap:var(--smt-space-6)}
.smt-mega li{break-inside:avoid}
.smt-mega li a{display:block;padding:7px 0;color:var(--smt-heading);font-size:var(--smt-fs-sm);text-decoration:none}
.smt-mega li a:hover,.smt-mega__all:hover{color:var(--smt-red)}
.smt-mega__all{display:inline-flex;align-items:center;gap:4px;margin-top:var(--smt-space-3);font-size:var(--smt-fs-sm);font-weight:var(--smt-fw-600);color:var(--smt-red);text-decoration:none}
.smt-mega__foot{display:flex;flex-wrap:wrap;gap:var(--smt-space-2) var(--smt-space-5);padding-block:var(--smt-space-4);border-top:1px solid var(--smt-divider);font-size:var(--smt-fs-sm)}
.smt-mega__foot a{display:inline-flex;align-items:center;gap:6px;font-weight:var(--smt-fw-600);color:var(--smt-heading);text-decoration:none}
.smt-mega__foot a:hover{color:var(--smt-red)}
@media (max-width:980px){.smt-mega{display:none}}

/* Chọn giao diện (desktop) */
.smt-pop{position:relative}
.smt-pop__menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:5;min-width:180px;padding:6px;border:1px solid var(--smt-divider);border-radius:var(--smt-radius-panel);background:var(--smt-surface);box-shadow:var(--smt-shadow-pop);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--smt-dur-fast),transform var(--smt-dur-fast),visibility 0s var(--smt-dur-fast)}
.smt-pop.is-open .smt-pop__menu{opacity:1;visibility:visible;transform:none;transition:opacity var(--smt-dur-fast),transform var(--smt-dur-fast)}
.smt-pop__menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:var(--smt-radius);background:none;color:var(--smt-ink);font-size:var(--smt-fs-sm);text-align:start;cursor:pointer}
.smt-pop__menu button:hover{background:var(--smt-hover)}
.smt-pop__menu button[aria-pressed="true"]{font-weight:var(--smt-fw-700);color:var(--smt-heading)}

/* Ngăn kéo menu (mobile) */
.smt-drawer{position:fixed;inset:0;z-index:70;visibility:hidden;transition:visibility 0s var(--smt-dur)}
.smt-drawer.is-open{visibility:visible;transition:none}
.smt-drawer__bg{position:absolute;inset:0;background:var(--smt-overlay);opacity:0;transition:opacity var(--smt-dur) var(--smt-ease)}
.smt-drawer.is-open .smt-drawer__bg{opacity:1}
.smt-drawer__panel{position:absolute;top:0;bottom:0;inset-inline-end:0;display:flex;flex-direction:column;width:min(400px,88vw);background:var(--smt-surface);transform:translateX(100%);transition:transform 250ms cubic-bezier(.2,.8,.2,1)}
.smt-drawer.is-open .smt-drawer__panel{transform:none}
.smt-drawer__hd{display:flex;align-items:center;justify-content:space-between;gap:var(--smt-space-2);min-height:var(--smt-hdr-h);padding-inline:var(--smt-gutter) var(--smt-space-2);border-bottom:1px solid var(--smt-divider);font-weight:var(--smt-fw-700);color:var(--smt-heading)}
.smt-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--smt-space-2) var(--smt-gutter) var(--smt-space-6)}
.smt-drawer details{border-bottom:1px solid var(--smt-divider)}
.smt-drawer summary{display:flex;align-items:center;gap:var(--smt-space-3);min-height:52px;color:var(--smt-heading);font-weight:var(--smt-fw-600);list-style:none;cursor:pointer}
.smt-drawer summary::-webkit-details-marker{display:none}
.smt-drawer summary > .smt-i:first-child{color:var(--smt-red)}
.smt-drawer summary > .smt-i:last-child{margin-inline-start:auto;color:var(--smt-muted);transition:transform var(--smt-dur-fast)}
.smt-drawer details[open] summary > .smt-i:last-child{transform:rotate(180deg)}
.smt-drawer details ul{list-style:none;margin:0 0 var(--smt-space-3);padding:0;padding-inline-start:32px}
.smt-drawer details li a{display:flex;align-items:center;min-height:44px;color:var(--smt-ink);font-size:var(--smt-fs-sm);text-decoration:none}
.smt-drawer__links{list-style:none;margin:var(--smt-space-3) 0 0;padding:0}
.smt-drawer__links a{display:flex;align-items:center;gap:var(--smt-space-3);min-height:52px;color:var(--smt-heading);font-weight:var(--smt-fw-600);text-decoration:none;border-bottom:1px solid var(--smt-divider)}
.smt-drawer__links .smt-i{color:var(--smt-red)}
.smt-drawer__theme{margin-top:var(--smt-space-5)}
.smt-drawer__theme p{margin-bottom:var(--smt-space-2);font-size:var(--smt-fs-sm);font-weight:var(--smt-fw-600);color:var(--smt-heading)}
.smt-drawer__call{margin-top:var(--smt-space-5)}
html.smt-lock,html.smt-lock body{overflow:hidden}
@media (min-width:981px){.smt-drawer{display:none}}
.smt-logo__c{fill:var(--smt-logo-red);stroke:var(--smt-logo-navy)}
.smt-drawer__label{margin:var(--smt-space-3) 0 var(--smt-space-1);font-size:var(--smt-fs-xs);font-weight:var(--smt-fw-600);color:var(--smt-muted);text-transform:uppercase;letter-spacing:.04em}
/* Chọn ngôn ngữ (desktop: menu nổi; mobile: chip trong ngăn kéo) */
.smt-pop__menu a{display:flex;align-items:center;min-height:40px;padding:8px 10px;border-radius:var(--smt-radius);color:var(--smt-ink);font-size:var(--smt-fs-sm);text-decoration:none}
.smt-pop__menu a:hover{background:var(--smt-hover)}
.smt-pop__menu a[aria-current="true"]{font-weight:var(--smt-fw-700);color:var(--smt-heading)}
.smt-hdr .smt-hdr__lang{display:none}
@media (min-width:981px){.smt-hdr .smt-hdr__lang{display:block}}