/* HT Site Shell 1.3.3 — dual professional shell; brand colors come from HT Core. */
body.htss-shell-active .header-wrapper,
body.htss-shell-active #header,
body.htss-shell-active .footer-wrapper,
body.htss-shell-active #footer {
    display: none !important;
}

.htss-container {
    width: min(calc(100% - 48px), var(--htss-shell, 1250px));
    margin-inline: auto;
}

.htss-header,
.htss-footer,
.htss-mobile-panel,
.htss-mobile-overlay { font-family: inherit; }

/* ===== Header ===== */
.htss-header {
    position: relative;
    z-index: 9997;
    background: #fff;
    color: var(--htss-primary);
    border-bottom: 1px solid #e8edf4;
    box-shadow: 0 1px 0 color-mix(in srgb, var(--htss-primary) 2.5%, transparent);
}
body.htss-sticky-enabled .htss-header { position: sticky; top: 0; }
body.admin-bar.htss-sticky-enabled .htss-header { top: 32px; }
.htss-header.htss-header--scrolled { box-shadow: 0 12px 28px color-mix(in srgb, var(--htss-primary) 8.5%, transparent); }

.htss-topbar {
    min-height: 31px;
    background: var(--htss-primary);
    color: rgba(255,255,255,.82);
}
.htss-header--editorial .htss-topbar { background: var(--htss-primary-dark); }
.htss-topbar__inner {
    min-height: 31px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    font-size: 12px;
    line-height: 1.2;
}
.htss-topbar__note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 620;
    letter-spacing: .005em;
}
.htss-topbar__dot {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 99px;
    background: var(--htss-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--htss-accent) 13%, transparent);
}
.htss-topbar__right { display: flex; align-items: center; gap: 18px; }
.htss-topbar__right > a,
.htss-topbar__phone {
    color: rgba(255,255,255,.88);
    text-decoration: none;
    white-space: nowrap;
}
.htss-topbar__right > a:hover,
.htss-topbar__phone:hover { color: #fff; }
.htss-topbar__phone strong { color: #fff; font-weight: 760; }

.htss-mainbar { background: rgba(255,255,255,.97); backdrop-filter: saturate(135%) blur(10px); }
.htss-mainbar__inner {
    min-height: 76px;
    display: grid;
    grid-template-columns: minmax(250px, 315px) minmax(320px, 1fr) auto;
    align-items: center;
    gap: 24px;
}
.htss-brand-zone { display: flex; align-items: center; min-width: 0; gap: 18px; }
.htss-brand { display: inline-flex; align-items: center; width: fit-content; min-width: 0; text-decoration: none; }
.htss-brand img {
    display: block;
    width: min(232px, 100%);
    max-height: 44px;
    height: auto;
    object-fit: contain;
    object-position: left center;
}
.htss-edition {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 104px;
    padding-left: 16px;
    border-left: 1px solid #dbe3ee;
    text-decoration: none;
    line-height: 1.15;
}
.htss-edition span { color: var(--htss-primary); font-size: 13px; font-weight: 800; }
.htss-edition small { color: #718096; font-size: 10.5px; font-weight: 650; }

.htss-header-search { min-width: 0; }
.htss-search {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    width: 100%;
    min-height: 46px;
    overflow: hidden;
    border: 1px solid #d8e1ec;
    border-radius: 12px;
    background: #f7f9fc;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.htss-search:focus-within {
    border-color: rgba(3,38,94,.38);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(3,38,94,.07);
}
.htss-search__icon {
    display: grid;
    place-items: center;
    padding-left: 14px;
    color: #7c8ca0;
}
.htss-search input[type="search"] {
    width: 100%;
    min-width: 0;
    height: 44px;
    margin: 0;
    padding: 0 12px 0 9px;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--htss-primary-dark);
    font: inherit;
    font-size: 13.5px;
}
.htss-search input[type="search"]::placeholder { color: #8794a6; opacity: 1; }
.htss-search button {
    align-self: stretch;
    min-width: 104px;
    margin: 0;
    padding: 0 16px;
    border: 0;
    border-radius: 0;
    background: var(--htss-primary);
    color: #fff;
    font: inherit;
    font-size: 12.5px;
    font-weight: 760;
    cursor: pointer;
    box-shadow: none;
}
.htss-search button:hover { background: var(--htss-primary-dark); }
.htss-search--editorial button { background: var(--htss-primary-dark); }

.htss-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.htss-phone {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: var(--htss-primary-dark);
    text-decoration: none;
    line-height: 1.12;
    white-space: nowrap;
}
.htss-phone__label {
    margin-bottom: 3px;
    color: #8996a8;
    font-size: 9.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.htss-phone strong { color: var(--htss-primary); font-size: 13.5px; font-weight: 780; }

.htss-zalo-button,
.htss-header .htzalo-button.htss-zalo-button,
.htss-footer .htzalo-button.htss-zalo-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 44px;
    padding: 0 17px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--htss-accent) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgba(255,97,0,.16) !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
    white-space: nowrap;
}
.htss-zalo-button:hover,
.htss-header .htzalo-button.htss-zalo-button:hover,
.htss-footer .htzalo-button.htss-zalo-button:hover {
    transform: translateY(-1px);
    background: var(--htss-accent-dark) !important;
    box-shadow: 0 11px 24px rgba(255,97,0,.22) !important;
}
.htss-zalo-button .htzalo-button__dot { display: none !important; }

.htss-navrow {
    min-height: 43px;
    background: #fbfcfe;
    border-top: 1px solid #eef2f6;
}
.htss-header--editorial .htss-navrow { background: #fafbfe; }
.htss-navrow__inner {
    min-height: 43px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.htss-nav--desktop { min-width: 0; }
.htss-menu { list-style: none; margin: 0; padding: 0; }
.htss-menu--desktop { display: flex; align-items: center; gap: 2px; }
.htss-menu--desktop > li { position: relative; margin: 0; }
.htss-menu--desktop > li > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 13px;
    color: var(--htss-primary-dark);
    font-size: 13.5px;
    font-weight: 680;
    text-decoration: none;
    white-space: nowrap;
}
.htss-menu--desktop > li > a::after {
    content: '';
    position: absolute;
    left: 13px;
    right: 13px;
    bottom: 0;
    height: 2px;
    border-radius: 8px 8px 0 0;
    background: var(--htss-accent);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .18s ease;
}
.htss-menu--desktop > li:hover > a,
.htss-menu--desktop > li.current-menu-item > a,
.htss-menu--desktop > li.current-menu-ancestor > a { color: var(--htss-primary); }
.htss-menu--desktop > li:hover > a::after,
.htss-menu--desktop > li.current-menu-item > a::after,
.htss-menu--desktop > li.current-menu-ancestor > a::after { transform: scaleX(1); }
.htss-menu--desktop .sub-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 225px;
    margin: 0;
    padding: 9px;
    list-style: none;
    background: #fff;
    border: 1px solid #e4eaf2;
    border-radius: 13px;
    box-shadow: 0 20px 46px rgba(3,38,94,.14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: .18s ease;
}
.htss-menu--desktop li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.htss-menu--desktop .sub-menu li { margin: 0; }
.htss-menu--desktop .sub-menu a {
    display: block;
    padding: 9px 11px;
    border-radius: 8px;
    color: var(--htss-primary-dark);
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 560;
}
.htss-menu--desktop .sub-menu a:hover { background: #f3f6fa; color: var(--htss-primary); }
.htss-navrow__meta { color: #8995a5; font-size: 11.5px; font-weight: 650; white-space: nowrap; }

.htss-menu-toggle {
    display: none;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid #dfe6ee;
    border-radius: 11px;
    background: #fff;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    box-shadow: none;
}
.htss-menu-toggle span { display: block; width: 18px; height: 2px; border-radius: 4px; background: var(--htss-primary); }
.htss-mobile-search { display: none; }

/* ===== Mobile drawer ===== */
.htss-mobile-overlay {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgba(4,20,45,.46);
    opacity: 0;
    transition: opacity .22s ease;
}
.htss-mobile-overlay[hidden] { display: none !important; }
.htss-mobile-panel {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    width: min(88vw, 390px);
    height: 100dvh;
    overflow: auto;
    background: #fff;
    transform: translateX(102%);
    transition: transform .24s ease;
    box-shadow: -20px 0 50px rgba(4,20,45,.17);
}
body.htss-menu-open .htss-mobile-overlay { opacity: 1; }
body.htss-menu-open .htss-mobile-panel { transform: translateX(0); }
body.htss-menu-open { overflow: hidden; }
.htss-mobile-panel__head {
    min-height: 72px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e8edf3;
}
.htss-mobile-panel__brand { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.htss-mobile-panel__brand > span { color: var(--htss-accent); font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.htss-mobile-brand img { display: block; width: 184px; height: auto; }
.htss-menu-close {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 11px;
    background: #f2f5f8;
    color: var(--htss-primary);
    font-size: 27px;
    line-height: 1;
    box-shadow: none;
}
.htss-mobile-panel__body { padding: 22px 20px 28px; }
.htss-mobile-kicker { margin: 0 0 6px; color: var(--htss-accent); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
.htss-mobile-copy { margin: 0 0 20px; color: #617084; font-size: 14px; line-height: 1.6; }
.htss-mobile-profile {
    display: grid;
    grid-template-columns: 52px 1fr;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding: 12px;
    border: 1px solid #e6ebf2;
    border-radius: 14px;
    background: #f8fafc;
}
.htss-mobile-profile__avatar {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 13px;
    background: #fff;
    color: var(--htss-primary);
    font-size: 20px;
    font-weight: 800;
}
.htss-mobile-profile__avatar img { width: 100%; height: 100%; object-fit: cover; }
.htss-mobile-profile strong { display: block; color: var(--htss-primary); font-size: 15px; }
.htss-mobile-profile div > span { display: block; margin-top: 3px; color: #718096; font-size: 11.5px; }
.htss-menu--mobile > li { margin: 0; border-top: 1px solid #edf1f5; }
.htss-menu--mobile > li:last-child { border-bottom: 1px solid #edf1f5; }
.htss-menu--mobile a { display: flex; padding: 13px 2px; color: var(--htss-primary-dark); font-size: 16px; font-weight: 700; text-decoration: none; }
.htss-menu--mobile .sub-menu { list-style: none; margin: -3px 0 9px 13px; padding: 0; }
.htss-menu--mobile .sub-menu a { padding: 8px 2px; color: #617084; font-size: 13.5px; font-weight: 560; }
.htss-mobile-contact { display: grid; gap: 10px; margin-top: 22px; }
.htss-mobile-contact .htss-zalo-button { width: 100%; min-height: 48px !important; }
.htss-mobile-call {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce4ee;
    border-radius: 11px;
    color: var(--htss-primary);
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 700;
}

/* ===== Commercial footer ===== */
.htss-footer {
    margin-top: 72px;
    background: var(--htss-primary-deep);
    color: rgba(255,255,255,.74);
}
.htss-footer-cta { background: var(--htss-primary-dark); border-bottom: 1px solid rgba(255,255,255,.08); }
.htss-footer-cta__inner {
    min-height: 112px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
}
.htss-footer-cta__inner > div:first-child { max-width: 720px; }
.htss-footer-cta__inner span { display: block; margin-bottom: 5px; color: var(--htss-accent-light); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.htss-footer-cta__inner strong { display: block; color: #fff; font-size: 21px; line-height: 1.35; letter-spacing: -.015em; }
.htss-footer-cta__actions { display: flex; align-items: center; gap: 10px; }
.htss-footer-call {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 11px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 760;
}
.htss-footer__grid {
    display: grid;
    gap: 42px;
    padding: 48px 0 42px;
}
.htss-footer__grid--commercial { grid-template-columns: 1.35fr .9fr 1fr 1.1fr; }
.htss-footer__grid--editorial { grid-template-columns: .85fr 1.05fr 1.15fr 1.15fr; }
.htss-footer__grid section { min-width: 0; }
.htss-footer__grid h2 {
    margin: 0 0 17px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .025em;
}
.htss-footer__grid p { margin: 0 0 10px; color: rgba(255,255,255,.61); font-size: 13px; line-height: 1.65; }
.htss-footer__grid a { display: block; width: fit-content; margin: 0 0 10px; color: rgba(255,255,255,.74); text-decoration: none; font-size: 13px; line-height: 1.5; }
.htss-footer__grid a:hover { color: #fff; }
.htss-footer__legal strong { color: rgba(255,255,255,.9); font-weight: 680; }
.htss-footer__logo-wrap {
    display: inline-flex;
    margin-bottom: 17px;
    padding: 10px 13px;
    border-radius: 12px;
    background: #fff;
}
.htss-footer__logo-wrap img { display: block; width: 218px; max-height: 40px; height: auto; object-fit: contain; }
.htss-footer__brand-block > p { max-width: 390px; font-size: 13.5px; }
.htss-footer__hotline { color: #fff !important; font-weight: 760 !important; }
.htss-footer .htss-menu { display: grid; gap: 0; }
.htss-footer .htss-menu li { margin: 0; }
.htss-footer .htss-menu a { margin-bottom: 9px; }

.htss-footer-trust {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(255,255,255,.1);
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.htss-footer-trust > span { min-width: 0; padding: 20px 18px; border-right: 1px solid rgba(255,255,255,.08); }
.htss-footer-trust > span:first-child { padding-left: 0; }
.htss-footer-trust > span:last-child { border-right: 0; padding-right: 0; }
.htss-footer-trust strong { display: block; color: rgba(255,255,255,.88); font-size: 12.5px; font-weight: 760; }
.htss-footer-trust small { display: block; margin-top: 4px; color: rgba(255,255,255,.47); font-size: 11.5px; line-height: 1.4; }

.htss-footer__bottom {
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.htss-footer__bottom p { margin: 0; color: rgba(255,255,255,.42); font-size: 11.8px; line-height: 1.5; }
.htss-footer__bottom .htss-backtop { margin: 0; color: rgba(255,255,255,.66); font-size: 12px; font-weight: 680; white-space: nowrap; text-decoration: none; }

/* ===== Editorial footer ===== */
.htss-footer--editorial { padding-top: 38px; background: var(--htss-primary-deep); }
.htss-editorial-profile {
    display: grid;
    grid-template-columns: 84px minmax(0,1fr) auto;
    gap: 22px;
    align-items: center;
    padding: 24px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(13,51,104,.92), rgba(7,28,60,.96));
}
.htss-editorial-profile__avatar {
    display: grid;
    place-items: center;
    width: 84px;
    height: 84px;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    color: var(--htss-primary);
    font-size: 28px;
    font-weight: 800;
}
.htss-editorial-profile__avatar img { width: 100%; height: 100%; object-fit: cover; }
.htss-editorial-profile__copy > span { display: block; margin-bottom: 4px; color: var(--htss-accent-light); font-size: 10.5px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.htss-editorial-profile__copy > strong { display: block; color: #fff; font-size: 26px; line-height: 1.15; }
.htss-editorial-profile__copy > small { display: block; margin-top: 4px; color: rgba(255,255,255,.62); font-size: 12px; }
.htss-editorial-profile__copy p { max-width: 720px; margin: 9px 0 0; color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.6; }
.htss-editorial-profile__action { justify-self: end; }
.htss-footer--editorial .htss-footer__grid { padding-top: 38px; }
.htss-footer--editorial .htss-search {
    min-height: 43px;
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.07);
    box-shadow: none;
}
.htss-footer--editorial .htss-search__icon { color: rgba(255,255,255,.5); }
.htss-footer--editorial .htss-search input[type="search"] { height: 41px; color: #fff; font-size: 12.5px; }
.htss-footer--editorial .htss-search input[type="search"]::placeholder { color: rgba(255,255,255,.45); }
.htss-footer--editorial .htss-search button { min-width: 72px; padding-inline: 10px; background: var(--htss-accent); font-size: 11.5px; }

/* Focus */
.htss-menu a:focus-visible,
.htss-brand:focus-visible,
.htss-edition:focus-visible,
.htss-phone:focus-visible,
.htss-search input:focus-visible,
.htss-search button:focus-visible,
.htss-zalo-button:focus-visible,
.htss-menu-toggle:focus-visible,
.htss-menu-close:focus-visible,
.htss-mobile-call:focus-visible,
.htss-backtop:focus-visible,
.htss-footer-call:focus-visible {
    outline: 3px solid rgba(255,97,0,.28);
    outline-offset: 3px;
}

@media (max-width: 1120px) {
    .htss-mainbar__inner { grid-template-columns: minmax(210px, 245px) minmax(280px,1fr) auto; gap: 18px; }
    .htss-brand img { width: 210px; }
    .htss-edition { min-width: 90px; padding-left: 12px; }
    .htss-phone { display: none; }
    .htss-navrow__meta { display: none; }
    .htss-menu--desktop > li > a { padding-inline: 10px; font-size: 12.8px; }
    .htss-menu--desktop > li > a::after { left: 10px; right: 10px; }
    .htss-footer__grid--commercial { grid-template-columns: 1.2fr 1fr 1fr; }
    .htss-footer__grid--commercial .htss-footer__legal { grid-column: 1 / -1; max-width: 780px; }
    .htss-footer__grid--editorial { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 849px) {
    .htss-container { width: min(calc(100% - 28px), var(--htss-shell, 1250px)); }
    body.admin-bar.htss-sticky-enabled .htss-header { top: 46px; }
    .htss-topbar, .htss-navrow, .htss-header-search--desktop { display: none; }
    .htss-mainbar__inner { min-height: 64px; display: flex; justify-content: space-between; gap: 12px; }
    .htss-brand-zone { gap: 10px; }
    .htss-brand img { width: 176px; max-height: 36px; }
    .htss-edition { min-width: 0; padding-left: 10px; }
    .htss-edition span { font-size: 11px; }
    .htss-edition small { display: none; }
    .htss-actions > .htss-zalo-button,
    .htss-actions > .htzalo-button,
    .htss-actions > .htss-phone { display: none !important; }
    .htss-menu-toggle { display: inline-flex; }
    .htss-mobile-search { display: block; padding: 8px 0 10px; background: #fff; border-top: 1px solid #f0f3f7; }
    .htss-mobile-search .htss-search { min-height: 42px; border-radius: 11px; }
    .htss-mobile-search .htss-search input[type="search"] { height: 40px; font-size: 13px; }
    .htss-mobile-search .htss-search button { min-width: 66px; padding-inline: 11px; font-size: 12px; }

    .htss-footer { margin-top: 58px; }
    .htss-footer-cta__inner { min-height: 0; padding: 28px 0; align-items: flex-start; flex-direction: column; gap: 18px; }
    .htss-footer-cta__inner strong { font-size: 19px; }
    .htss-footer__grid--commercial { grid-template-columns: 1fr 1fr; gap: 32px 28px; padding: 38px 0 34px; }
    .htss-footer__grid--commercial .htss-footer__brand-block,
    .htss-footer__grid--commercial .htss-footer__legal { grid-column: 1 / -1; }
    .htss-footer-trust { grid-template-columns: 1fr 1fr; }
    .htss-footer-trust > span:nth-child(2) { border-right: 0; }
    .htss-footer-trust > span:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.08); }
    .htss-footer-trust > span:first-child,
    .htss-footer-trust > span:nth-child(3) { padding-left: 0; }
    .htss-footer-trust > span:nth-child(2),
    .htss-footer-trust > span:last-child { padding-right: 0; }

    .htss-footer--editorial { padding-top: 28px; }
    .htss-editorial-profile { grid-template-columns: 66px minmax(0,1fr); gap: 15px; padding: 18px; }
    .htss-editorial-profile__avatar { width: 66px; height: 66px; border-radius: 15px; font-size: 22px; }
    .htss-editorial-profile__copy > strong { font-size: 22px; }
    .htss-editorial-profile__copy p { grid-column: 1 / -1; font-size: 13.5px; }
    .htss-editorial-profile__action { grid-column: 1 / -1; justify-self: stretch; }
    .htss-editorial-profile__action .htss-zalo-button,
    .htss-editorial-profile__action .htzalo-button { width: 100%; }
    .htss-footer__grid--editorial { grid-template-columns: 1fr 1fr; gap: 30px 28px; }
}

@media (max-width: 540px) {
    .htss-container { width: calc(100% - 24px); }
    .htss-mainbar__inner { min-height: 60px; }
    .htss-brand img { width: 160px; }
    .htss-edition { padding-left: 8px; }
    .htss-edition span { font-size: 10px; }
    .htss-menu-toggle { width: 39px; height: 39px; }
    .htss-mobile-search { padding-top: 7px; padding-bottom: 9px; }
    .htss-mobile-search .htss-search button { min-width: 56px; }
    .htss-mobile-search .htss-search button span { font-size: 0; }
    .htss-mobile-search .htss-search button span::after { content: 'Tìm'; font-size: 11.5px; }

    .htss-footer-cta__actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
    .htss-footer-cta__actions .htss-zalo-button { width: 100%; }
    .htss-footer__grid--commercial,
    .htss-footer__grid--editorial { grid-template-columns: 1fr; gap: 28px; }
    .htss-footer__grid--commercial .htss-footer__brand-block,
    .htss-footer__grid--commercial .htss-footer__legal { grid-column: auto; }
    .htss-footer__logo-wrap img { width: 195px; }
    .htss-footer-trust { grid-template-columns: 1fr; }
    .htss-footer-trust > span { padding: 16px 0 !important; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
    .htss-footer-trust > span:last-child { border-bottom: 0; }
    .htss-footer__bottom { padding: 18px 0 20px; align-items: flex-start; flex-direction: column; gap: 9px; }
    .htss-editorial-profile__copy > strong { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
    .htss-mobile-panel,
    .htss-mobile-overlay,
    .htss-zalo-button,
    .htss-menu--desktop > li > a::after,
    .htss-search { transition: none !important; }
}

/* ===== 1.2.1 refinement: less duplication + stronger mobile hierarchy ===== */
.htss-topbar__utility {
    color: rgba(255,255,255,.72);
    font-size: 11.5px;
    font-weight: 620;
    white-space: nowrap;
}
.htss-navrow__inner { justify-content: flex-start; }
.htss-nav--desktop { flex: 1 1 auto; }
.htss-mobile-quickcall { display: none; }

@media (max-width: 849px) {
    .htss-mainbar {
        background: rgba(255,255,255,.98);
        border-bottom: 0;
    }
    .htss-mainbar__inner {
        min-height: 62px;
        gap: 10px;
    }
    .htss-brand-zone { flex: 1 1 auto; min-width: 0; }
    .htss-brand img { width: min(168px, 48vw); max-height: 35px; }
    .htss-header--editorial .htss-brand img { width: min(156px, 44vw); }
    .htss-edition {
        display: none;
    }
    .htss-actions {
        flex: 0 0 auto;
        gap: 7px;
    }
    .htss-mobile-quickcall {
        display: inline-grid;
        place-items: center;
        width: 39px;
        height: 39px;
        flex: 0 0 39px;
        border: 1px solid #dbe3ed;
        border-radius: 11px;
        background: #f7f9fc;
        color: var(--htss-primary);
        text-decoration: none;
        box-shadow: none;
    }
    .htss-mobile-quickcall:active { background: #eef3f8; }
    .htss-menu-toggle {
        width: 39px;
        height: 39px;
        flex: 0 0 39px;
        border-color: #dbe3ed;
        background: #fff;
    }
    .htss-mobile-search {
        padding: 0 0 10px;
        border-top: 0;
        border-bottom: 1px solid #edf1f5;
        background: #fff;
    }
    .htss-mobile-search .htss-search {
        min-height: 42px;
        border-radius: 12px;
        background: #f5f7fa;
        box-shadow: none;
    }
    .htss-mobile-search .htss-search:focus-within { background: #fff; }

    .htss-mobile-panel { width: min(90vw, 385px); }
    .htss-mobile-panel__head { min-height: 66px; padding: 12px 16px; }
    .htss-mobile-brand img { width: 174px; }
    .htss-mobile-panel__body { padding: 17px 17px 24px; }
    .htss-mobile-kicker { margin-bottom: 4px; }
    .htss-mobile-copy { margin-bottom: 15px; font-size: 13.25px; line-height: 1.5; }
    .htss-menu--mobile > li { border-top-color: #edf1f5; }
    .htss-menu--mobile a {
        min-height: 47px;
        align-items: center;
        padding: 11px 2px;
        font-size: 15px;
        font-weight: 720;
    }

    .htss-mobile-contact {
        display: block;
        margin-top: 18px;
        padding: 15px;
        border: 1px solid #e2e8f0;
        border-radius: 15px;
        background: #f7f9fc;
    }
    .htss-mobile-contact__head { margin-bottom: 12px; }
    .htss-mobile-contact__head > span {
        display: block;
        margin-bottom: 4px;
        color: var(--htss-accent);
        font-size: 9.5px;
        font-weight: 850;
        letter-spacing: .1em;
    }
    .htss-mobile-contact__head > strong {
        display: block;
        color: var(--htss-primary);
        font-size: 14px;
        line-height: 1.38;
    }
    .htss-mobile-contact__head > small {
        display: block;
        margin-top: 5px;
        color: #66768a;
        font-size: 12px;
        font-weight: 730;
    }
    .htss-mobile-contact__actions {
        display: grid;
        grid-template-columns: .8fr 1.2fr;
        gap: 8px;
    }
    .htss-mobile-contact__actions .htss-zalo-button,
    .htss-mobile-contact__actions .htzalo-button,
    .htss-mobile-call {
        width: 100%;
        min-height: 44px !important;
        margin: 0 !important;
        border-radius: 10px !important;
        font-size: 12px !important;
    }
    .htss-mobile-call {
        border: 1px solid #cfd9e6;
        background: #fff;
        color: var(--htss-primary);
        font-weight: 760;
    }
    .htss-header--editorial + .htss-mobile-overlay + .htss-mobile-panel .htss-mobile-contact {
        background: #f6f8fb;
    }
}

@media (max-width: 390px) {
    .htss-brand img { width: min(150px, 46vw); }
    .htss-header--editorial .htss-brand img { width: min(145px, 43vw); }
    .htss-mobile-contact__actions { grid-template-columns: 1fr 1.25fr; }
}

/* ===== 1.2.2 refinement: compact commercial shell + priority navigation ===== */
@media (min-width: 850px) {
    .htss-header--commercial .htss-mainbar__inner {
        min-height: 70px;
        grid-template-columns: minmax(225px, 280px) minmax(320px, 1fr) auto;
        gap: 20px;
    }
    .htss-header--commercial .htss-brand img {
        width: min(220px, 100%);
        max-height: 41px;
    }
    .htss-header--commercial .htss-search {
        min-height: 43px;
        border-radius: 10px;
        background: #f7f9fc;
    }
    .htss-header--commercial .htss-search input[type="search"] { height: 41px; }
    .htss-header--commercial .htss-search button {
        min-width: 88px;
        padding-inline: 13px;
        font-size: 12px;
    }
    .htss-header--commercial .htss-zalo-button,
    .htss-header--commercial .htzalo-button.htss-zalo-button {
        min-height: 42px;
        padding-inline: 15px !important;
        border-radius: 10px !important;
    }
    .htss-header--commercial .htss-navrow,
    .htss-header--commercial .htss-navrow__inner { min-height: 46px; }
    .htss-header--commercial .htss-menu--desktop { gap: 3px; }
    .htss-header--commercial .htss-menu--desktop > li > a {
        min-height: 36px;
        margin-block: 5px;
        padding-inline: 12px;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 700;
    }
    .htss-header--commercial .htss-menu--desktop > li > a::after {
        left: 12px;
        right: 12px;
        bottom: 1px;
    }
    .htss-header--commercial .htss-menu--desktop > li.htss-menu-feature > a {
        margin-inline: 3px;
        border: 1px solid rgba(255,97,0,.24);
        background: var(--htss-accent-soft);
        color: var(--htss-accent-dark);
        font-weight: 820;
        box-shadow: 0 4px 12px rgba(255,97,0,.07);
    }
    .htss-header--commercial .htss-menu--desktop > li.htss-menu-feature > a::after { display: none; }
    .htss-header--commercial .htss-menu--desktop > li.htss-menu-feature:hover > a,
    .htss-header--commercial .htss-menu--desktop > li.htss-menu-feature.current-menu-item > a {
        border-color: rgba(255,97,0,.42);
        background: var(--htss-accent);
        color: #fff;
    }
    .htss-header--commercial .htss-menu--desktop > li.htss-menu-construction > a {
        color: var(--htss-primary);
        font-weight: 790;
    }
}

@media (max-width: 1120px) and (min-width: 850px) {
    .htss-header--commercial .htss-mainbar__inner {
        grid-template-columns: minmax(190px, 225px) minmax(250px, 1fr) auto;
        gap: 14px;
    }
    .htss-header--commercial .htss-brand img { width: 195px; }
    .htss-header--commercial .htss-menu--desktop > li > a {
        padding-inline: 8px;
        font-size: 12.2px;
    }
    .htss-header--commercial .htss-menu--desktop > li > a::after { left: 8px; right: 8px; }
    .htss-header--commercial .htss-phone { display: none; }
}

@media (max-width: 849px) {
    .htss-menu--mobile > li.htss-menu-feature {
        margin: 7px 0;
        border: 0;
    }
    .htss-menu--mobile > li.htss-menu-feature > a {
        min-height: 44px;
        padding: 0 13px;
        border: 1px solid rgba(255,97,0,.22);
        border-radius: 10px;
        background: var(--htss-accent-soft);
        color: var(--htss-accent-dark);
        font-weight: 820;
    }
    .htss-menu--mobile > li.htss-menu-construction > a {
        color: var(--htss-primary);
        font-weight: 800;
    }
}

@media (max-width: 540px) {
    .htss-footer-cta__actions {
        width: 100%;
        display: block;
    }
    .htss-footer-cta__actions .htss-zalo-button,
    .htss-footer-cta__actions .htzalo-button { width: 100%; }
}


/* ===== 1.2.3 mobile commerce: search-first header + 3-part action dock ===== */
.htss-mobile-dock { display: none; }

@media (max-width: 849px) {
    body.htss-mode-commercial {
        padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px));
    }

    .htss-header--commercial .htss-mainbar__inner {
        min-height: 58px;
        justify-content: center;
        padding-block: 6px;
    }
    .htss-header--commercial .htss-brand-zone {
        flex: 0 1 auto;
        justify-content: center;
    }
    .htss-header--commercial .htss-brand img {
        width: min(188px, 58vw);
        max-height: 36px;
    }
    .htss-header--commercial .htss-actions,
    .htss-header--commercial .htss-actions .htss-zalo-button,
    .htss-header--commercial .htss-actions .htzalo-button,
    .htss-header--commercial .htss-mobile-quickcall,
    .htss-header--commercial .htss-menu-toggle {
        display: none !important;
    }
    .htss-header--commercial .htss-mobile-search {
        display: block !important;
        padding: 0 0 10px;
        border-top: 0;
        border-bottom: 1px solid #e8edf3;
        background: #fff;
    }
    .htss-header--commercial .htss-mobile-search .htss-search {
        min-height: 44px;
        border: 1px solid #dbe3ed;
        border-radius: 13px;
        background: #f7f9fc;
    }
    .htss-header--commercial .htss-mobile-search .htss-search input[type="search"] {
        height: 42px;
        font-size: 13.25px;
    }
    .htss-header--commercial .htss-mobile-search .htss-search button {
        min-width: 64px;
        border-radius: 0 12px 12px 0;
    }

    .htss-mobile-dock {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9997;
        display: grid;
        grid-template-columns: minmax(82px, .86fr) minmax(82px, .86fr) minmax(146px, 1.38fr);
        min-height: calc(68px + env(safe-area-inset-bottom, 0px));
        padding: 0 8px env(safe-area-inset-bottom, 0px);
        border-top: 1px solid #dfe6ef;
        background: rgba(255,255,255,.98);
        box-shadow: 0 -10px 28px rgba(3,38,94,.12);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }
    .htss-mobile-dock__item,
    .htss-mobile-dock__quote,
    .htss-mobile-dock__quote .htss-zalo-button,
    .htss-mobile-dock__quote .htzalo-button {
        min-width: 0;
    }
    .htss-mobile-dock__item {
        appearance: none;
        -webkit-appearance: none;
        min-height: 68px;
        margin: 0;
        padding: 8px 4px 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        border: 0;
        border-right: 1px solid #edf1f5;
        border-radius: 0;
        background: transparent;
        color: var(--htss-primary);
        text-decoration: none;
        box-shadow: none;
        font: inherit;
        font-size: 11.25px;
        font-weight: 790;
        line-height: 1.12;
        text-align: center;
    }
    .htss-mobile-dock__item:active { background: #f3f6fa; }
    .htss-mobile-dock__item.is-disabled { opacity: .5; }
    .htss-mobile-dock__icon {
        display: grid;
        place-items: center;
        width: 22px;
        height: 22px;
        color: inherit;
    }
    .htss-mobile-dock__item > span:last-child {
        display: block;
        max-width: 68px;
        margin-inline: auto;
    }
    .htss-mobile-dock__quote {
        display: flex;
        align-items: stretch;
        padding: 6px 0 6px 10px;
    }
    .htss-mobile-dock__quote .htss-zalo-button,
    .htss-mobile-dock__quote .htzalo-button {
        width: 100% !important;
        min-height: 56px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border: 0 !important;
        border-radius: 14px !important;
        background: var(--htss-accent) !important;
        color: #fff !important;
        box-shadow: 0 8px 20px rgba(255,97,0,.22) !important;
        font-size: 12.25px !important;
        font-weight: 840 !important;
        line-height: 1.18 !important;
        text-align: center;
        white-space: normal !important;
        overflow: hidden;
    }
    .htss-mobile-dock__quote .htss-zalo-button span,
    .htss-mobile-dock__quote .htzalo-button span {
        display: inline !important;
        white-space: normal !important;
    }

    /* Commercial footer: quieter, tighter and more premium on mobile. */
    .htss-footer--commercial {
        margin-top: 48px;
        background: linear-gradient(180deg, var(--htss-primary-deep) 0%, var(--htss-primary-dark) 100%);
    }
    .htss-footer--commercial .htss-footer-cta { display: none !important; }
    .htss-footer--commercial .htss-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 26px 18px;
        padding: 32px 0 26px;
    }
    .htss-footer--commercial .htss-footer__brand-block,
    .htss-footer--commercial .htss-footer__legal {
        grid-column: 1 / -1;
    }
    .htss-footer--commercial .htss-footer__brand-block {
        padding-bottom: 5px;
        border-bottom: 1px solid rgba(255,255,255,.09);
    }
    .htss-footer--commercial .htss-footer__logo-wrap {
        margin-bottom: 13px;
        padding: 9px 11px;
        border-radius: 11px;
    }
    .htss-footer--commercial .htss-footer__logo-wrap img { width: 184px; }
    .htss-footer--commercial .htss-footer__brand-block > p {
        max-width: 560px;
        margin-bottom: 14px;
        color: rgba(255,255,255,.64);
        font-size: 12.75px;
        line-height: 1.6;
    }
    .htss-footer--commercial .htss-footer__grid h2 {
        margin-bottom: 13px;
        color: rgba(255,255,255,.96);
        font-size: 11px;
        letter-spacing: .075em;
        text-transform: uppercase;
    }
    .htss-footer--commercial .htss-footer__grid a {
        margin-bottom: 9px;
        color: rgba(255,255,255,.68);
        font-size: 12.25px;
    }
    .htss-footer--commercial .htss-footer__legal {
        padding: 16px;
        border: 1px solid rgba(255,255,255,.09);
        border-radius: 14px;
        background: rgba(255,255,255,.035);
    }
    .htss-footer--commercial .htss-footer__legal p {
        font-size: 12px;
        line-height: 1.55;
    }
    .htss-footer--commercial .htss-footer__hotline {
        margin-bottom: 8px;
        color: #fff !important;
        font-size: 16px !important;
        letter-spacing: .01em;
    }
    .htss-footer--commercial .htss-footer-trust {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 15px 0;
        border-top: 1px solid rgba(255,255,255,.08);
        border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .htss-footer--commercial .htss-footer-trust > span {
        padding: 11px 12px !important;
        border: 1px solid rgba(255,255,255,.07) !important;
        border-radius: 11px;
        background: rgba(255,255,255,.025);
    }
    .htss-footer--commercial .htss-footer-trust strong { font-size: 11.5px; }
    .htss-footer--commercial .htss-footer-trust small { font-size: 10.5px; }
    .htss-footer--commercial .htss-footer__bottom {
        min-height: 0;
        padding: 17px 0 20px;
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }
    .htss-footer--commercial .htss-footer__bottom p { font-size: 10.75px; }
    .htss-footer--commercial .htss-backtop { font-size: 11px; }
}

@media (max-width: 390px) {
    .htss-mobile-dock {
        padding-inline: 5px;
        grid-template-columns: minmax(76px, .82fr) minmax(76px, .82fr) minmax(128px, 1.36fr);
    }
    .htss-mobile-dock__item { font-size: 10.75px; }
    .htss-mobile-dock__item > span:last-child { max-width: 62px; }
    .htss-mobile-dock__quote { padding-left: 5px; }
    .htss-mobile-dock__quote .htss-zalo-button,
    .htss-mobile-dock__quote .htzalo-button {
        min-height: 54px !important;
        padding-inline: 10px !important;
        font-size: 11px !important;
    }
}


/* ===== 1.2.4 refinement: promo badge for Combo navigation ===== */
.htss-header--commercial .htss-menu--desktop > li.htss-menu-feature {
    padding-top: 9px;
    margin-top: -4px;
}
.htss-header--commercial .htss-menu--desktop > li.htss-menu-feature > a,
.htss-menu--mobile > li.htss-menu-feature > a {
    position: relative;
    overflow: visible;
}
.htss-header--commercial .htss-menu--desktop > li.htss-menu-feature > a::before,
.htss-menu--mobile > li.htss-menu-feature > a::before {
    content: 'Khuyến mãi';
    position: absolute;
    top: -11px;
    right: -8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--htss-accent), #ff4d4f);
    color: #fff;
    font-size: 10px;
    font-weight: 860;
    letter-spacing: .01em;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(255,97,0,.22);
    z-index: 2;
}
.htss-header--commercial .htss-menu--desktop > li.htss-menu-feature > a:hover::before,
.htss-header--commercial .htss-menu--desktop > li.htss-menu-feature.current-menu-item > a::before,
.htss-header--commercial .htss-menu--desktop > li.htss-menu-feature.current-menu-ancestor > a::before,
.htss-menu--mobile > li.htss-menu-feature > a:hover::before {
    filter: saturate(1.05) brightness(1.03);
}

@media (max-width: 849px) {
    .htss-menu--mobile > li.htss-menu-feature {
        margin-top: 12px;
        margin-bottom: 10px;
        padding-top: 8px;
    }
    .htss-menu--mobile > li.htss-menu-feature > a {
        justify-content: center;
        text-align: center;
    }
    .htss-menu--mobile > li.htss-menu-feature > a::before {
        top: -10px;
        right: 10px;
    }
}

@media (max-width: 390px) {
    .htss-header--commercial .htss-menu--desktop > li.htss-menu-feature > a::before,
    .htss-menu--mobile > li.htss-menu-feature > a::before {
        min-height: 18px;
        padding-inline: 7px;
        font-size: 9px;
    }
}


/* ===== 1.2.6 editorial: Kiến Thức Xây Nhà, no personal profile shell ===== */
.htss-editorial-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(135deg,rgba(13,51,104,.92),rgba(7,28,60,.96))}
.htss-editorial-intro>div:first-child{max-width:820px}.htss-editorial-intro span{display:block;margin-bottom:5px;color:var(--htss-accent-light);font-size:10.5px;font-weight:850;letter-spacing:.11em}.htss-editorial-intro strong{display:block;color:#fff;font-size:24px;line-height:1.2;letter-spacing:-.02em}.htss-editorial-intro p{margin:8px 0 0;color:rgba(255,255,255,.7);font-size:13.5px;line-height:1.6}.htss-editorial-intro__action{justify-self:end}.htss-mobile-editorial-intro{margin-bottom:17px;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#f7f9fc}.htss-mobile-editorial-intro>span{display:block;margin-bottom:4px;color:var(--htss-accent);font-size:9.5px;font-weight:850;letter-spacing:.1em}.htss-mobile-editorial-intro>strong{display:block;color:var(--htss-primary);font-size:14.5px;line-height:1.35}.htss-mobile-editorial-intro p{margin:5px 0 0;color:#69798c;font-size:12px;line-height:1.5}
@media(max-width:849px){.htss-editorial-intro{grid-template-columns:1fr;gap:16px;padding:18px}.htss-editorial-intro strong{font-size:20px}.htss-editorial-intro__action{justify-self:stretch}.htss-editorial-intro__action .htss-zalo-button,.htss-editorial-intro__action .htzalo-button{width:100%}}


/* ===== 1.2.7 editorial mobile: quieter blog shell ===== */
@media(max-width:849px){
  .htss-header--editorial .htss-mainbar__inner{min-height:56px;justify-content:space-between;padding-block:5px}
  .htss-header--editorial .htss-brand-zone{flex:1 1 auto;justify-content:flex-start}.htss-header--editorial .htss-brand img{width:min(158px,48vw);max-height:34px}
  .htss-header--editorial .htss-actions{display:flex!important}.htss-header--editorial .htss-mobile-quickcall{display:none!important}.htss-header--editorial .htss-menu-toggle{display:inline-flex!important}
  .htss-header--editorial .htss-mobile-search{padding:0 0 8px;border-bottom:1px solid #edf1f5}.htss-header--editorial .htss-mobile-search .htss-search{min-height:42px;border-radius:12px;background:#f6f8fb}.htss-header--editorial .htss-mobile-search .htss-search input[type="search"]{height:40px;font-size:13px}.htss-header--editorial .htss-mobile-search .htss-search button{min-width:58px;padding-inline:9px;font-size:11px}
  .htss-mobile-panel--editorial .htss-mobile-panel__body{padding:15px 16px 22px}.htss-mobile-panel--editorial .htss-mobile-editorial-intro{margin-bottom:12px;padding:12px;border-radius:12px;background:#fbfcfe}.htss-mobile-panel--editorial .htss-mobile-editorial-intro>strong{font-size:14px}.htss-mobile-panel--editorial .htss-mobile-editorial-intro p{font-size:11.75px}
  .htss-mobile-panel--editorial .htss-menu--mobile a{min-height:45px;font-size:14.5px}.htss-mobile-contact--editorial{margin-top:16px;padding:14px;background:var(--htss-accent-soft);border-color:#f2dfd1}.htss-mobile-contact--editorial .htss-mobile-contact__head p{margin:6px 0 0;color:#6d7886;font-size:11.75px;line-height:1.5}.htss-mobile-contact--editorial .htss-mobile-contact__actions{display:block}.htss-mobile-contact--editorial .htss-zalo-button,.htss-mobile-contact--editorial .htzalo-button{width:100%!important;min-height:46px!important}
  .htss-footer--editorial{margin-top:42px;padding-top:22px}.htss-footer--editorial .htss-editorial-intro{padding:16px;border-radius:14px}.htss-footer--editorial .htss-editorial-intro strong{font-size:18px}.htss-footer--editorial .htss-editorial-intro p{font-size:12.5px}.htss-footer--editorial .htss-editorial-intro__action .htss-zalo-button,.htss-footer--editorial .htss-editorial-intro__action .htzalo-button{min-height:46px!important}
  .htss-footer--editorial .htss-footer__grid--editorial{grid-template-columns:1fr 1fr;gap:22px 18px;padding:28px 0 24px}.htss-footer--editorial .htss-footer__legal{grid-column:1/-1}.htss-footer--editorial .htss-footer__search-section{display:none}.htss-footer--editorial .htss-footer__grid h2{font-size:11.5px;margin-bottom:12px}.htss-footer--editorial .htss-footer__grid a{font-size:12px;margin-bottom:8px}.htss-footer--editorial .htss-footer__legal p{font-size:11.5px}.htss-footer--editorial .htss-footer__bottom{padding:15px 0 18px}
}
@media(max-width:390px){.htss-footer--editorial .htss-footer__grid--editorial{grid-template-columns:1fr}.htss-footer--editorial .htss-footer__legal{grid-column:auto}}


/* ===== 1.2.8 editorial shell: quieter magazine header ===== */
.htss-header--editorial .htss-topbar{display:none!important}
.htss-header--editorial .htss-navrow__meta{display:none!important}
@media (min-width:850px){
  .htss-header--editorial .htss-mainbar__inner{min-height:66px;grid-template-columns:minmax(300px,350px) minmax(360px,1fr);gap:24px}
  .htss-header--editorial .htss-brand img{width:205px;max-height:39px}
  .htss-header--editorial .htss-edition{padding-left:13px;min-width:112px}
  .htss-header--editorial .htss-edition span{font-size:12px}
  .htss-header--editorial .htss-edition small{font-size:9.8px}
  .htss-header--editorial .htss-actions{display:none!important}
  .htss-header--editorial .htss-navrow,.htss-header--editorial .htss-navrow__inner{min-height:40px}
  .htss-header--editorial .htss-menu--desktop>li>a{min-height:39px;padding-inline:12px;font-size:12.8px}
}
@media (max-width:849px){
  .htss-header--editorial .htss-mainbar__inner{min-height:52px!important;padding-block:4px!important}
  .htss-header--editorial .htss-brand img{width:min(145px,46vw)!important;max-height:31px!important}
  .htss-header--editorial .htss-menu-toggle{width:38px;height:38px}
  body.htkx-hub .htss-header--editorial .htss-mobile-search{display:none!important}
}


/* ===== 1.2.9 smart editorial shell ===== */
@media (min-width:850px){
  .htss-header--editorial .htss-navrow{background:#fff}
  .htss-header--editorial .htss-navrow__inner{overflow:hidden}
  .htss-header--editorial .htss-nav--desktop{width:100%;overflow-x:auto;scrollbar-width:none}
  .htss-header--editorial .htss-nav--desktop::-webkit-scrollbar{display:none}
  .htss-header--editorial .htss-menu--desktop{width:max-content;min-width:100%;gap:0}
  .htss-header--editorial .htss-menu--desktop>li>a{min-height:41px;padding-inline:11px;font-size:12.2px;font-weight:720}
  .htss-header--editorial .htss-menu--desktop>li:first-child>a{padding-left:2px;color:#526477}
}

.htss-footer--editorial{margin-top:58px;padding-top:0;background:var(--htss-primary-deep)}
.htss-editorial-next{padding:36px 0 32px;border-bottom:1px solid rgba(255,255,255,.09)}
.htss-editorial-next__head{max-width:780px;margin-bottom:20px}
.htss-editorial-next__head>span{display:block;color:var(--htss-accent-light);font-size:10px;font-weight:850;letter-spacing:.11em}
.htss-editorial-next__head>strong{display:block;margin-top:5px;color:#fff;font-size:25px;line-height:1.25;letter-spacing:-.02em}
.htss-editorial-next__head>p{max-width:720px;margin:8px 0 0;color:rgba(255,255,255,.62);font-size:13.5px;line-height:1.65}
.htss-editorial-next__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.htss-next-card{display:flex!important;flex-direction:column;min-height:190px;margin:0!important;padding:18px!important;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.045);color:#fff!important;text-decoration:none!important;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.htss-next-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.16)}
.htss-next-card--home{background:linear-gradient(145deg,rgba(21,66,123,.9),rgba(9,37,78,.9))}
.htss-next-card small{color:var(--htss-accent-light);font-size:8.5px;font-weight:850;letter-spacing:.09em}
.htss-next-card strong{display:block;margin-top:7px;color:#fff;font-size:17px;line-height:1.25}
.htss-next-card span{display:block;margin-top:8px;color:rgba(255,255,255,.62);font-size:11.5px;line-height:1.55}
.htss-next-card b{margin-top:auto;padding-top:14px;color:#fff;font-size:11.5px;font-weight:760}
.htss-footer__grid--editorial-smart{grid-template-columns:.9fr 1.15fr 1.35fr!important;gap:42px!important;padding:30px 0 28px!important}
.htss-footer__grid--editorial-smart .htss-footer__legal{grid-column:auto!important}

@media(max-width:849px){
  body.htss-mode-editorial{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .htss-header--editorial .htss-mainbar__inner{grid-template-columns:1fr auto!important;gap:10px!important}
  .htss-header--editorial .htss-brand-zone{gap:9px!important;min-width:0}
  .htss-header--editorial .htss-brand img{width:min(132px,40vw)!important}
  .htss-header--editorial .htss-edition{display:flex!important;min-width:0;padding-left:9px;border-left:1px solid #e0e6ee}
  .htss-header--editorial .htss-edition span{font-size:10.5px;white-space:nowrap}
  .htss-header--editorial .htss-edition small{display:none}
  .htss-mobile-panel--editorial .htss-menu--mobile>li:first-child a{color:var(--htss-primary-dark);font-weight:850}
  .htss-mobile-panel--editorial .htss-menu--mobile a{min-height:46px;padding:12px 4px!important}
  .htss-mobile-panel--editorial .htss-mobile-contact{margin-top:14px!important}
  .htss-mobile-dock--editorial{display:grid!important;grid-template-columns:88px 88px minmax(140px,1fr);min-height:calc(64px + env(safe-area-inset-bottom,0px));padding-inline:7px}
  .htss-mobile-dock--editorial .htss-mobile-dock__item{min-height:64px;padding-block:6px;font-size:10.5px}
  .htss-mobile-dock--editorial .htss-mobile-dock__quote{padding:5px 0 5px 8px}
  .htss-mobile-dock--editorial .htss-mobile-dock__quote .htss-zalo-button,
  .htss-mobile-dock--editorial .htss-mobile-dock__quote .htzalo-button{min-height:54px!important;border-radius:13px!important;font-size:12px!important}
  .htss-footer--editorial{margin-top:40px}
  .htss-editorial-next{padding:28px 0 24px}
  .htss-editorial-next__head{margin-bottom:14px}
  .htss-editorial-next__head>span{font-size:8.5px}
  .htss-editorial-next__head>strong{font-size:20px;line-height:1.28}
  .htss-editorial-next__head>p{font-size:12px;line-height:1.55}
  .htss-editorial-next__grid{display:flex;gap:9px;margin-inline:-11px;padding:0 11px 4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .htss-editorial-next__grid::-webkit-scrollbar{display:none}
  .htss-next-card{flex:0 0 min(78vw,280px);min-height:170px;padding:15px!important;border-radius:14px;scroll-snap-align:start}
  .htss-next-card strong{font-size:16px}.htss-next-card span{font-size:11.25px}
  .htss-footer__grid--editorial-smart{grid-template-columns:1fr 1fr!important;gap:22px 18px!important;padding:25px 0 22px!important}
  .htss-footer__grid--editorial-smart .htss-footer__legal{grid-column:1/-1!important;padding-top:4px}
  .htss-footer--editorial .htss-footer__grid h2{font-size:10.5px!important;margin-bottom:10px!important}
  .htss-footer--editorial .htss-footer__grid a{font-size:11.5px!important;margin-bottom:7px!important}
  .htss-footer--editorial .htss-footer__legal p{font-size:11px!important;line-height:1.55}
}
@media(max-width:390px){
  .htss-mobile-dock--editorial{grid-template-columns:78px 78px minmax(130px,1fr)}
  .htss-header--editorial .htss-edition{display:none!important}
  .htss-footer__grid--editorial-smart{grid-template-columns:1fr!important}
  .htss-footer__grid--editorial-smart .htss-footer__legal{grid-column:auto!important}
}


/* 1.2.10 — editorial header is blog-only */
.htss-header--editorial .htss-nav--desktop .htss-menu>li:last-child{margin-left:auto}
.htss-header--editorial .htss-nav--desktop .htss-menu>li:last-child>a{display:inline-flex;align-items:center;gap:6px;color:#647386!important;font-weight:750}
.htss-header--editorial .htss-nav--desktop .htss-menu>li:last-child>a:before{content:"←";font-size:12px}
.htss-mobile-panel--editorial .htss-nav--mobile .htss-menu>li:last-child{margin-top:10px;padding-top:10px;border-top:1px solid #e5eaf0}
.htss-mobile-panel--editorial .htss-nav--mobile .htss-menu>li:last-child>a:before{content:"← ";}


/* ===== 1.2.11 editorial mobile: one-line header + two-action dock ===== */
@media(max-width:849px){
  body.htss-mode-editorial{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .htss-header--editorial .htss-mainbar{border-bottom:1px solid #e8edf3;background:#fff}
  .htss-header--editorial .htss-mainbar__inner{min-height:54px!important;padding-block:5px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center}
  .htss-header--editorial .htss-brand-zone{min-width:0;gap:8px!important;overflow:hidden}
  .htss-header--editorial .htss-brand{flex:0 0 auto}
  .htss-header--editorial .htss-brand img{width:min(124px,36vw)!important;max-height:30px!important}
  .htss-header--editorial .htss-edition{min-width:0!important;padding-left:8px!important;border-left:1px solid #dfe6ee!important;overflow:hidden}
  .htss-header--editorial .htss-edition span{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px!important;font-weight:800;color:var(--htss-primary-dark)}
  .htss-header--editorial .htss-edition small{display:none!important}
  .htss-header--editorial .htss-actions{display:flex!important;align-items:center;justify-content:flex-end}
  .htss-header--editorial .htss-actions>.htss-zalo-button,.htss-header--editorial .htss-actions>.htzalo-button,.htss-header--editorial .htss-actions>.htss-phone,.htss-header--editorial .htss-mobile-quickcall{display:none!important}
  .htss-header--editorial .htss-menu-toggle{display:inline-flex!important;width:40px!important;height:40px!important;border-radius:11px!important;border:1px solid #dfe6ee!important;background:#f8fafc!important;color:var(--htss-primary-dark)!important}
  .htss-header--editorial .htss-mobile-search{display:none!important}

  .htss-mobile-panel--editorial{width:min(88vw,360px)}
  .htss-mobile-panel--editorial .htss-mobile-panel__head{min-height:62px;padding:10px 15px;border-bottom:1px solid #e9edf2}
  .htss-mobile-panel--editorial .htss-mobile-brand img{width:145px}
  .htss-mobile-panel--editorial .htss-mobile-panel__brand>span{font-size:10px;font-weight:800;color:var(--htss-primary-dark)}
  .htss-mobile-panel--editorial .htss-mobile-panel__body{padding:15px 16px calc(22px + env(safe-area-inset-bottom,0px))}
  .htss-mobile-editorial-intro--toc{margin:0 0 10px!important;padding:0 0 12px!important;border:0!important;border-bottom:1px solid #e9edf2!important;border-radius:0!important;background:transparent!important}
  .htss-mobile-editorial-intro--toc>span{margin:0 0 3px!important;color:var(--htss-accent-dark)!important;font-size:8.5px!important;letter-spacing:.12em!important}
  .htss-mobile-editorial-intro--toc>strong{font-size:18px!important;line-height:1.25!important;color:var(--htss-primary-dark)!important}
  .htss-mobile-editorial-intro--toc p{margin:5px 0 0!important;color:#758396!important;font-size:11.5px!important;line-height:1.45!important}
  .htss-mobile-panel--editorial .htss-mobile-contact--editorial{display:none!important}
  .htss-mobile-panel--editorial .htss-menu--mobile>li{border-top:1px solid #edf1f5}
  .htss-mobile-panel--editorial .htss-menu--mobile>li:first-child{border-top:0}
  .htss-mobile-panel--editorial .htss-menu--mobile a{min-height:48px!important;padding:13px 2px!important;font-size:14.5px!important;line-height:1.3}

  .htss-mobile-dock--editorial-two{display:grid!important;grid-template-columns:minmax(112px,.82fr) minmax(190px,1.38fr)!important;gap:7px!important;min-height:calc(68px + env(safe-area-inset-bottom,0px))!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid #dfe6ee!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -8px 24px rgba(15,42,75,.09)!important;backdrop-filter:blur(14px)}
  .htss-mobile-dock--editorial-two .htss-mobile-dock__item{min-height:52px!important;padding:5px 10px!important;border:1px solid #dce4ed!important;border-radius:13px!important;background:#f7f9fc!important;color:var(--htss-primary-dark)!important;font-size:11px!important;font-weight:800!important;letter-spacing:0!important}
  .htss-mobile-dock--editorial-two .htss-mobile-dock__toc{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important}
  .htss-mobile-dock--editorial-two .htss-mobile-dock__toc .htss-mobile-dock__icon{margin:0!important;color:var(--htss-primary-dark)!important}
  .htss-mobile-dock--editorial-two .htss-mobile-dock__quote{display:flex!important;align-items:stretch!important;padding:0!important}
  .htss-mobile-dock--editorial-two .htss-mobile-dock__quote .htss-zalo-button,
  .htss-mobile-dock--editorial-two .htss-mobile-dock__quote .htzalo-button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:52px!important;margin:0!important;padding:0 14px!important;border-radius:13px!important;background:var(--htss-accent)!important;color:#fff!important;font-size:12.5px!important;font-weight:850!important;line-height:1.2!important;text-align:center!important;box-shadow:none!important}
}
@media(max-width:390px){
  .htss-header--editorial .htss-brand img{width:min(118px,39vw)!important}
  .htss-header--editorial .htss-edition{display:block!important}
  .htss-header--editorial .htss-edition span{max-width:105px;font-size:9.8px!important}
  .htss-mobile-dock--editorial-two{grid-template-columns:minmax(102px,.78fr) minmax(174px,1.42fr)!important;gap:6px!important;padding-inline:7px!important}
  .htss-mobile-dock--editorial-two .htss-mobile-dock__quote .htss-zalo-button,
  .htss-mobile-dock--editorial-two .htss-mobile-dock__quote .htzalo-button{font-size:12px!important;padding-inline:10px!important}
}


/* ===== 1.2.12 · Mobile editorial quick navigation ===== */
.htss-editorial-mobile-quicknav,.htss-topic-overlay,.htss-topic-sheet{display:none}
@media (max-width:849px){
  body.htss-mode-editorial{--htss-editorial-quick-h:58px}
  .htss-header--editorial .htss-mainbar{border-bottom:0!important}
  .htss-editorial-mobile-quicknav{display:block;background:#fff;border-top:1px solid #edf1f5;border-bottom:1px solid #dfe6ee}
  .htss-editorial-mobile-quicknav__inner{display:grid;grid-template-columns:.88fr .92fr 1.4fr;gap:7px;width:min(calc(100% - 18px),var(--htss-shell,1250px));padding:7px 0}
  .htss-editorial-mobile-action{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 8px;border:1px solid #dfe6ee;border-radius:12px;background:#f8fafc;color:var(--htss-primary-dark)!important;text-decoration:none!important;font:inherit;font-size:10.8px;font-weight:800;line-height:1.1;white-space:nowrap;cursor:pointer}
  button.htss-editorial-mobile-action{appearance:none;-webkit-appearance:none}
  .htss-editorial-mobile-action__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--htss-primary-dark)}
  .htss-editorial-mobile-action--topics{background:#fff;border-color:#ccd8e6}
  .htss-editorial-mobile-action--zalo{padding:0;border:0;background:transparent}
  .htss-editorial-mobile-action--zalo .htss-zalo-button,.htss-editorial-mobile-action--zalo .htzalo-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;min-height:44px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:12px!important;background:var(--htss-accent)!important;color:#fff!important;font-size:10.8px!important;font-weight:850!important;line-height:1.12!important;text-align:center!important;box-shadow:none!important;text-decoration:none!important}
  .htss-editorial-mobile-action--zalo .htss-zalo-button:before,.htss-editorial-mobile-action--zalo .htzalo-button:before{content:"";width:18px;height:18px;flex:0 0 18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.9 3 3 6.5 3 10.8c0 2.4 1.3 4.6 3.4 6l-.8 3.2 3.7-1.8c.9.3 1.8.4 2.7.4 5.1 0 9-3.5 9-7.8S17.1 3 12 3Zm-4 6.5h8v1.8H8V9.5Zm0 3.3h5.5v1.8H8v-1.8Z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.9 3 3 6.5 3 10.8c0 2.4 1.3 4.6 3.4 6l-.8 3.2 3.7-1.8c.9.3 1.8.4 2.7.4 5.1 0 9-3.5 9-7.8S17.1 3 12 3Zm-4 6.5h8v1.8H8V9.5Zm0 3.3h5.5v1.8H8v-1.8Z'/%3E%3C/svg%3E") center/contain no-repeat}
  .htss-editorial-mobile-action--zalo .htss-zalo-button>span:last-child,.htss-editorial-mobile-action--zalo .htzalo-button>span:last-child{display:none!important}

  .htss-mobile-dock--editorial,.htss-mobile-dock--editorial-two{display:none!important}

  .htss-topic-overlay{position:fixed;inset:0;z-index:10008;background:rgba(12,27,46,.44);backdrop-filter:blur(2px)}
  body.htss-topics-open .htss-topic-overlay{display:block}
  .htss-topic-sheet{display:block;position:fixed;z-index:10009;left:0;right:0;bottom:0;max-height:min(76vh,620px);padding:8px 14px calc(16px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -18px 60px rgba(7,32,65,.2);transform:translateY(104%);transition:transform .22s ease;overflow:hidden}
  body.htss-topics-open .htss-topic-sheet{transform:translateY(0)}
  body.htss-topics-open{overflow:hidden}
  .htss-topic-sheet__handle{width:38px;height:4px;margin:1px auto 10px;border-radius:99px;background:#d7dee8}
  .htss-topic-sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 2px 11px;border-bottom:1px solid #edf1f5}
  .htss-topic-sheet__head span{display:block;margin-bottom:3px;color:var(--htss-accent-dark);font-size:8.5px;font-weight:900;letter-spacing:.12em}
  .htss-topic-sheet__head strong{display:block;color:var(--htss-primary-dark);font-size:19px;line-height:1.2;letter-spacing:-.02em}
  .htss-topic-sheet__close{width:36px;height:36px;flex:0 0 36px;border:1px solid #e1e7ef;border-radius:11px;background:#f8fafc;color:var(--htss-primary-dark);font-size:23px;line-height:1;cursor:pointer}
  .htss-topic-sheet__body{display:grid;gap:7px;max-height:calc(min(76vh,620px) - 92px);padding:10px 1px 2px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .htss-topic-choice{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:9px 11px;border:1px solid #e4eaf1;border-radius:13px;background:#fbfcfe;color:var(--htss-primary-dark)!important;text-decoration:none!important}
  .htss-topic-choice:active{background:#f1f5f9}
  .htss-topic-choice__dot{width:7px;height:7px;border-radius:99px;background:var(--htss-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--htss-accent) 10%, transparent)}
  .htss-topic-choice__copy{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
  .htss-topic-choice__copy strong{min-width:0;font-size:13.2px;line-height:1.3;font-weight:800}
  .htss-topic-choice__copy small{flex:0 0 auto;color:#8b97a5;font-size:9.5px;font-weight:650}
  .htss-topic-choice__arrow{color:#7890a8;font-size:16px}

  body.htss-mode-editorial [data-htss-suppressed-floating="1"]{display:none!important}
  body.htss-mode-editorial .htkx3-letter .htss-zalo-button,body.htss-mode-editorial .htkx4-letter .htss-zalo-button{position:static!important}
}
@media (max-width:390px){
  .htss-editorial-mobile-quicknav__inner{grid-template-columns:.82fr .9fr 1.48fr;gap:5px;width:calc(100% - 14px);padding-block:6px}
  .htss-editorial-mobile-action{min-height:42px;padding-inline:6px;font-size:10.2px}
  .htss-editorial-mobile-action--zalo .htss-zalo-button,.htss-editorial-mobile-action--zalo .htzalo-button{min-height:42px!important;padding-inline:7px!important;font-size:10.2px!important}
  .htss-editorial-mobile-action__icon svg{width:18px;height:18px}
}

/* ===== 1.2.13 · Editorial mobile bottom nav: 3 balanced actions ===== */
@media (max-width:849px){
  body.htss-mode-editorial{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
  .htss-editorial-mobile-quicknav{
    display:block!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:10006!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-top:1px solid #dfe6ee!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 -8px 26px rgba(13,43,78,.10)!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .htss-editorial-mobile-quicknav__inner{
    width:100%!important;
    max-width:560px!important;
    margin:0 auto!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px))!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .htss-editorial-mobile-action{
    position:relative!important;
    min-width:0!important;
    min-height:58px!important;
    padding:6px 4px!important;
    border:1px solid #dce5ee!important;
    border-radius:13px!important;
    background:#f8fafc!important;
    color:var(--htss-primary-dark)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    text-align:center!important;
    font:inherit!important;
    font-size:10.2px!important;
    font-weight:820!important;
    line-height:1.12!important;
    white-space:normal!important;
    text-decoration:none!important;
    cursor:pointer!important;
    overflow:hidden!important;
  }
  .htss-editorial-mobile-action__icon{
    width:20px!important;
    height:20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 20px!important;
    color:var(--htss-primary-dark)!important;
  }
  .htss-editorial-mobile-action__icon svg{width:20px!important;height:20px!important;display:block!important}
  .htss-editorial-mobile-action__label{display:block!important;min-width:0!important;font-size:10.2px!important;font-weight:850!important;line-height:1.08!important}
  .htss-editorial-mobile-action--topics{background:#fff!important;border-color:#ccd8e6!important}
  .htss-editorial-mobile-action--zalo{
    background:var(--htss-accent)!important;
    border-color:var(--htss-accent)!important;
    color:#fff!important;
  }
  .htss-editorial-mobile-action--zalo .htss-editorial-mobile-action__icon{color:#fff!important}
  .htss-editorial-mobile-action--zalo .htss-editorial-mobile-action__label{color:#fff!important}
  .htss-editorial-mobile-action--zalo .htss-zalo-button,
  .htss-editorial-mobile-action--zalo .htzalo-button{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:0!important;
    overflow:hidden!important;
  }
  .htss-editorial-mobile-action--zalo .htss-zalo-button:before,
  .htss-editorial-mobile-action--zalo .htss-zalo-button:after,
  .htss-editorial-mobile-action--zalo .htzalo-button:before,
  .htss-editorial-mobile-action--zalo .htzalo-button:after{display:none!important}
  .htss-editorial-mobile-action:active{transform:translateY(1px)}
  .htss-editorial-mobile-action--zalo:active{filter:brightness(.96)}
}
@media (max-width:390px){
  body.htss-mode-editorial{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important}
  .htss-editorial-mobile-quicknav__inner{gap:5px!important;padding-inline:6px!important}
  .htss-editorial-mobile-action{min-height:56px!important;border-radius:12px!important;font-size:9.7px!important}
  .htss-editorial-mobile-action__label{font-size:9.7px!important}
  .htss-editorial-mobile-action__icon,.htss-editorial-mobile-action__icon svg{width:19px!important;height:19px!important}
}


/* ===== 1.2.14 · Editorial mobile dock as one balanced app-style nav ===== */
@media (max-width:849px){
  body.htss-mode-editorial{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
  .htss-editorial-mobile-quicknav{
    display:block!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:10006!important;
    margin:0!important;
    padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px))!important;
    border:0!important;
    background:linear-gradient(180deg,rgba(246,249,252,0),rgba(246,249,252,.94) 32%,rgba(246,249,252,.98) 100%)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .htss-editorial-mobile-quicknav__inner{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    width:100%!important;
    max-width:520px!important;
    min-height:62px!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #dce5ee!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 7px 24px rgba(8,42,80,.12)!important;
  }
  .htss-editorial-mobile-action{
    position:relative!important;
    min-width:0!important;
    min-height:62px!important;
    margin:0!important;
    padding:7px 4px 6px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--htss-primary-dark)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    font:inherit!important;
    font-size:10.3px!important;
    font-weight:760!important;
    line-height:1.08!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    cursor:pointer!important;
    box-shadow:none!important;
    overflow:hidden!important;
    transition:background-color .16s ease,color .16s ease!important;
  }
  .htss-editorial-mobile-action:not(:last-child):after{
    content:""!important;
    position:absolute!important;
    top:12px!important;
    right:0!important;
    bottom:12px!important;
    width:1px!important;
    background:#e7edf3!important;
    pointer-events:none!important;
  }
  .htss-editorial-mobile-action__icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
    color:var(--htss-primary-dark)!important;
  }
  .htss-editorial-mobile-action__icon svg{display:block!important;width:21px!important;height:21px!important}
  .htss-editorial-mobile-action>span:not(.htss-editorial-mobile-action__icon),
  .htss-editorial-mobile-action__label{
    display:block!important;
    max-width:100%!important;
    color:inherit!important;
    font-size:10.3px!important;
    font-weight:760!important;
    line-height:1.08!important;
    letter-spacing:-.005em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .htss-editorial-mobile-action--topics{background:transparent!important;color:var(--htss-primary-dark)!important}
  body.htss-topics-open .htss-editorial-mobile-action--topics{
    background:#eef5fc!important;
    color:var(--htss-primary-dark)!important;
  }
  .htss-editorial-mobile-action--zalo{
    padding:7px 4px 6px!important;
    border:0!important;
    background:transparent!important;
    color:var(--htss-accent-dark)!important;
  }
  .htss-editorial-mobile-action--zalo .htss-editorial-mobile-action__icon{color:var(--htss-accent-dark)!important}
  .htss-editorial-mobile-action--zalo .htss-editorial-mobile-action__label{color:var(--htss-accent-dark)!important}
  .htss-editorial-mobile-action--zalo .htss-zalo-button,
  .htss-editorial-mobile-action--zalo .htzalo-button{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:0!important;
    overflow:hidden!important;
  }
  .htss-editorial-mobile-action--zalo .htss-zalo-button:before,
  .htss-editorial-mobile-action--zalo .htss-zalo-button:after,
  .htss-editorial-mobile-action--zalo .htzalo-button:before,
  .htss-editorial-mobile-action--zalo .htzalo-button:after{display:none!important}
  .htss-editorial-mobile-action:active{transform:none!important;background:#f3f7fb!important}
  .htss-editorial-mobile-action--zalo:active{filter:none!important;background:var(--htss-accent-soft)!important}
}
@media (max-width:390px){
  body.htss-mode-editorial{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
  .htss-editorial-mobile-quicknav{padding-inline:8px!important}
  .htss-editorial-mobile-quicknav__inner,.htss-editorial-mobile-action{min-height:60px!important}
  .htss-editorial-mobile-action{padding-inline:2px!important}
  .htss-editorial-mobile-action__icon,.htss-editorial-mobile-action__icon svg{width:20px!important;height:20px!important}
  .htss-editorial-mobile-action>span:not(.htss-editorial-mobile-action__icon),.htss-editorial-mobile-action__label{font-size:9.8px!important}
}


/* ===== 1.2.15 editorial desktop topic dropdown ===== */
@media (min-width:850px){
  .htss-header--editorial .htss-menu--desktop>li.htss-menu-topics{position:relative}
  .htss-desktop-topics-toggle{display:inline-flex;align-items:center;gap:5px;min-height:41px;padding:0 11px;border:0;background:transparent;color:var(--htss-primary-dark);font:inherit;font-size:12.2px;font-weight:720;cursor:pointer}
  .htss-desktop-topics-toggle svg{transition:transform .18s ease}
  .htss-desktop-topics-toggle[aria-expanded="true"]{color:var(--htss-primary)}
  .htss-desktop-topics-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
  .htss-desktop-topic-menu{position:absolute;top:calc(100% + 7px);left:-18px;z-index:1200;width:min(650px,calc(100vw - 36px));padding:18px;border:1px solid #dde5ee;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(3,38,94,.16);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
  .htss-desktop-topic-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}
  .htss-desktop-topic-menu__head{padding:1px 2px 13px;border-bottom:1px solid #edf1f5}
  .htss-desktop-topic-menu__head>span{display:block;color:var(--htss-accent);font-size:9px;font-weight:900;letter-spacing:.1em}
  .htss-desktop-topic-menu__head>strong{display:block;margin-top:3px;color:var(--htss-primary-dark);font-size:17px;line-height:1.25}
  .htss-desktop-topic-menu__head>small{display:block;margin-top:4px;color:#718095;font-size:11px;line-height:1.45}
  .htss-desktop-topic-menu__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 9px;padding-top:10px}
  .htss-desktop-topic-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name arrow" "count arrow";gap:1px 10px;align-items:center;min-height:50px;padding:8px 10px;border-radius:10px;color:var(--htss-primary-dark)!important;text-decoration:none!important}
  .htss-desktop-topic-choice:hover,.htss-desktop-topic-choice:focus-visible{background:#f3f7fb;color:var(--htss-primary)!important}
  .htss-desktop-topic-choice>span{grid-area:name;font-size:12.5px;font-weight:800;line-height:1.3}
  .htss-desktop-topic-choice>small{grid-area:count;color:#8a96a5;font-size:9.5px}
  .htss-desktop-topic-choice>b{grid-area:arrow;color:var(--htss-accent);font-size:13px}
}


/* ===== 1.2.16 editorial topic dropdown clipping fix ===== */
@media (min-width:850px){
  .htss-header--editorial .htss-navrow,
  .htss-header--editorial .htss-navrow__inner,
  .htss-header--editorial .htss-nav--desktop,
  .htss-header--editorial .htss-menu--desktop{overflow:visible!important}
  .htss-header--editorial .htss-nav--desktop{width:100%!important}
  .htss-header--editorial .htss-desktop-topic-menu{z-index:10050!important}
}


/* ===== 1.2.17 editorial nav axis balance ===== */
@media (min-width:850px){
  .htss-header--editorial .htss-menu--desktop{align-items:stretch!important}
  .htss-header--editorial .htss-menu--desktop>li{display:flex!important;align-items:stretch!important}
  .htss-header--editorial .htss-menu--desktop>li>a,
  .htss-header--editorial .htss-desktop-topics-toggle{
    box-sizing:border-box!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 13px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:var(--htss-primary-dark)!important;
    font-family:inherit!important;
    font-size:13.5px!important;
    font-weight:680!important;
    line-height:1!important;
    letter-spacing:0!important;
    vertical-align:middle!important;
  }
  .htss-header--editorial .htss-desktop-topics-toggle{gap:5px!important;margin:0!important}
  .htss-header--editorial .htss-desktop-topics-toggle>span{display:inline-flex!important;align-items:center!important;height:100%!important;line-height:1!important}
  .htss-header--editorial .htss-desktop-topics-toggle svg{display:block!important;flex:0 0 auto!important;margin:1px 0 0!important}
  .htss-header--editorial .htss-menu--desktop>li:last-child>a{font-size:13px!important}
}


/* ===== 1.2.18 sentence-case topic nav ===== */
@media (min-width:850px){
  .htss-header--editorial .htss-desktop-topics-toggle,
  .htss-header--editorial .htss-desktop-topics-toggle>span{
    text-transform:none!important;
  }
  .htss-header--editorial .htss-desktop-topics-toggle{
    font-size:13.5px!important;
    font-weight:680!important;
    color:var(--htss-primary-dark)!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
  }
  .htss-header--editorial .htss-desktop-topics-toggle::before{
    content:'';width:6px;height:6px;flex:0 0 6px;border-radius:99px;background:var(--htss-accent);
    box-shadow:0 0 0 3px rgba(255,97,0,.08);margin-right:1px;
  }
  .htss-header--editorial .htss-desktop-topics-toggle:hover,
  .htss-header--editorial .htss-desktop-topics-toggle:focus-visible,
  .htss-header--editorial .htss-desktop-topics-toggle[aria-expanded="true"]{
    color:var(--htss-primary)!important;
  }
}


/* ===== 1.2.19 desktop topbar + commercial mobile Blog Chia Sẻ ===== */
@media (min-width:850px){
  .htss-header .htss-topbar{display:block!important;min-height:29px!important}
  .htss-header .htss-topbar__inner{min-height:29px!important;font-size:11.5px!important}
  .htss-header .htss-topbar__note{font-weight:620!important}
  .htss-header--commercial .htss-topbar{background:var(--htss-primary-dark)!important}
  .htss-header--editorial .htss-topbar{background:var(--htss-primary-dark)!important}
  .htss-topbar__right{gap:16px!important}
}
@media (max-width:849px){
  .htss-header .htss-topbar{display:none!important}
  .htss-mobile-dock__blog{color:var(--htss-primary)!important}
}


/* ===== 1.2.21 commercial mobile dock ownership ===== */
@media (max-width:849px){
  body.htss-mode-commercial .htss-mobile-dock{display:grid!important}
  body.htss-mode-commercial .htss-mobile-dock .htss-zalo-button{
    position:static!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;z-index:auto!important;float:none!important;max-width:none!important;
  }
  body.htss-mode-commercial [data-htss-suppressed-floating="1"]{display:none!important}
}


/* === 1.2.22 · HT Core is the single source of brand color === */
:root{
  --htss-primary-dark:color-mix(in srgb,var(--htss-primary) 78%,#000);
  --htss-primary-deep:color-mix(in srgb,var(--htss-primary) 58%,#000);
  --htss-primary-soft:color-mix(in srgb,var(--htss-primary) 8%,#fff);
  --htss-accent-dark:color-mix(in srgb,var(--htss-accent) 82%,#000);
  --htss-accent-light:color-mix(in srgb,var(--htss-accent) 68%,#fff);
  --htss-accent-soft:color-mix(in srgb,var(--htss-accent) 8%,#fff);
}
.htss-topbar{background:var(--htss-primary)!important}
.htss-header--editorial .htss-topbar{background:var(--htss-primary-dark)!important}
.htss-search button{background:var(--htss-primary)!important}
.htss-search button:hover{background:var(--htss-primary-dark)!important}
.htss-search--editorial button{background:var(--htss-primary-dark)!important}
.htss-footer{background:var(--htss-primary-deep)!important}
.htss-footer-cta{background:var(--htss-primary-dark)!important}
.htss-footer--editorial{background:var(--htss-primary-deep)!important}
.htss-footer-cta__inner span,
.htss-editorial-intro span{color:var(--htss-accent-light)!important}
.htss-header .htss-menu--desktop>li.current-menu-item>a,
.htss-header .htss-menu--desktop>li.current-menu-ancestor>a{color:var(--htss-primary)!important}
.htss-header .htss-menu--desktop>li.current-menu-item>a:after,
.htss-header .htss-menu--desktop>li.current-menu-ancestor>a:after{background:var(--htss-accent)!important}
.htss-footer .htss-zalo-button,
.htss-footer .htzalo-button{background:var(--htss-accent)!important}
.htss-footer .htss-zalo-button:hover,
.htss-footer .htzalo-button:hover{background:var(--htss-accent-dark)!important}


/* === 1.2.23 · Desktop header Zalo consultation identity === */
.htss-zalo-contact{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:46px;
  padding:5px 8px 5px 5px;
  border-radius:12px;
  color:var(--htss-text,#424242);
  text-decoration:none!important;
  white-space:nowrap;
  transition:background .18s ease,transform .18s ease;
}
.htss-zalo-contact:hover{
  background:var(--htss-primary-soft);
  transform:translateY(-1px);
}
.htss-zalo-contact__icon{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:50%;
  background:var(--htss-primary);
  color:#fff;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:-.02em;
  box-shadow:0 5px 14px color-mix(in srgb,var(--htss-primary) 24%,transparent);
}
.htss-zalo-contact__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  line-height:1.05;
}
.htss-zalo-contact__copy>span{
  color:var(--htss-text,#424242);
  font-size:11.5px;
  font-weight:650;
}
.htss-zalo-contact__copy strong{
  color:var(--htss-accent);
  font-size:13.5px;
  font-weight:820;
  letter-spacing:.01em;
}
@media (min-width:850px){
  .htss-header--commercial .htss-actions{gap:9px}
  .htss-header--commercial .htss-zalo-contact{min-height:42px}
  .htss-header--commercial .htss-zalo-contact__icon{width:34px;height:34px;flex-basis:34px}
}
@media (max-width:849px){
  .htss-zalo-contact{display:none!important}
}


/* === 1.2.24 · Commercial desktop header: aligned compact search + showroom identity === */
.htss-showroom-contact{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:4px 6px;
  border-radius:11px;
  color:var(--htss-text,#424242);
  text-decoration:none!important;
  white-space:nowrap;
  transition:background .18s ease,transform .18s ease;
}
.htss-showroom-contact:hover{
  background:var(--htss-primary-soft);
  transform:translateY(-1px);
}
.htss-showroom-contact__icon{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  flex:0 0 31px;
  border-radius:9px;
  background:var(--htss-primary-soft);
  color:var(--htss-primary);
}
.htss-showroom-contact__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  line-height:1.04;
}
.htss-showroom-contact__copy>span{
  color:#6f7f92;
  font-size:10.5px;
  font-weight:650;
}
.htss-showroom-contact__copy strong{
  color:var(--htss-text,#424242);
  font-size:12.3px;
  font-weight:790;
}
@media (min-width:1130px){
  .htss-header--commercial .htss-mainbar__inner{
    min-height:72px;
    grid-template-columns:minmax(220px,245px) minmax(300px,390px) minmax(0,1fr);
    gap:18px;
    align-items:center;
  }
  .htss-header--commercial .htss-header-search--desktop{
    width:100%;
    max-width:390px;
    justify-self:start;
  }
  .htss-header--commercial .htss-actions{
    width:100%;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
  }
  .htss-header--commercial .htss-brand-zone,
  .htss-header--commercial .htss-brand,
  .htss-header--commercial .htss-header-search,
  .htss-header--commercial .htss-actions{
    align-self:center;
  }
  .htss-header--commercial .htss-search{min-height:42px}
  .htss-header--commercial .htss-search input[type="search"]{height:40px}
  .htss-header--commercial .htss-search button{
    min-width:96px;
    height:42px;
    padding-inline:12px;
  }
  .htss-header--commercial .htss-zalo-contact,
  .htss-header--commercial .htss-showroom-contact,
  .htss-header--commercial .htss-zalo-button,
  .htss-header--commercial .htzalo-button.htss-zalo-button{
    align-self:center;
  }
}
@media (min-width:850px) and (max-width:1129px){
  .htss-header--commercial .htss-mainbar__inner{
    grid-template-columns:minmax(185px,215px) minmax(245px,330px) minmax(0,1fr);
    gap:12px;
  }
  .htss-header--commercial .htss-header-search--desktop{max-width:330px}
  .htss-header--commercial .htss-actions{justify-content:flex-end;gap:6px}
  .htss-header--commercial .htss-showroom-contact__copy>span{display:none}
  .htss-header--commercial .htss-showroom-contact__copy strong{font-size:11.5px}
  .htss-header--commercial .htss-showroom-contact__icon{width:28px;height:28px;flex-basis:28px}
}
@media (max-width:849px){
  .htss-showroom-contact{display:none!important}
}


/* === 1.2.26 · Editorial desktop header: compact search + Zalo Q&A === */
@media (min-width:850px){
  .htss-header--editorial .htss-mainbar__inner{
    min-height:68px!important;
    display:grid!important;
    grid-template-columns:minmax(300px,350px) minmax(360px,520px) auto!important;
    gap:18px!important;
    align-items:center!important;
    justify-content:start!important;
  }
  .htss-header--editorial .htss-brand-zone{
    min-width:0!important;
    gap:14px!important;
  }
  .htss-header--editorial .htss-header-search--desktop{
    width:100%!important;
    max-width:520px!important;
    justify-self:start!important;
    align-self:center!important;
    margin:0!important;
  }
  .htss-header--editorial .htss-search{
    min-height:44px!important;
    border-radius:11px!important;
    margin:0!important;
  }
  .htss-header--editorial .htss-search input[type="search"]{
    height:42px!important;
    font-size:13.2px!important;
  }
  .htss-header--editorial .htss-search button{
    min-width:88px!important;
    padding-inline:13px!important;
    font-size:12px!important;
  }
  .htss-header--editorial .htss-actions{
    display:flex!important;
    align-items:center!important;
    align-self:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    min-width:0!important;
    margin:0!important;
  }
  .htss-header--editorial .htss-zalo-contact--editorial{
    display:inline-flex!important;
    min-height:44px!important;
    padding:4px 8px 4px 4px!important;
    border:1px solid color-mix(in srgb,var(--htss-primary) 10%,#e3e9f1)!important;
    background:#fff!important;
  }
  .htss-header--editorial .htss-zalo-contact--editorial:hover{
    background:var(--htss-primary-soft)!important;
  }
  .htss-header--editorial .htss-zalo-contact--editorial .htss-zalo-contact__icon{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    background:var(--htss-primary)!important;
  }
  .htss-header--editorial .htss-zalo-contact--editorial .htss-zalo-contact__copy>span{
    color:#657487!important;
    font-size:10.8px!important;
    font-weight:720!important;
  }
  .htss-header--editorial .htss-zalo-contact--editorial .htss-zalo-contact__copy strong{
    color:var(--htss-accent)!important;
    font-size:13px!important;
    font-weight:830!important;
  }
  .htss-header--editorial .htss-menu-toggle,
  .htss-header--editorial .htss-mobile-quickcall{
    display:none!important;
  }
}
@media (min-width:850px) and (max-width:1120px){
  .htss-header--editorial .htss-mainbar__inner{
    grid-template-columns:minmax(260px,315px) minmax(300px,420px) auto!important;
    gap:12px!important;
  }
  .htss-header--editorial .htss-brand img{width:180px!important}
  .htss-header--editorial .htss-edition{min-width:96px!important;padding-left:10px!important}
  .htss-header--editorial .htss-header-search--desktop{max-width:420px!important}
  .htss-header--editorial .htss-zalo-contact--editorial .htss-zalo-contact__copy>span{font-size:10.2px!important}
  .htss-header--editorial .htss-zalo-contact--editorial .htss-zalo-contact__copy strong{font-size:12.3px!important}
}


/* === 1.2.26 · Editorial header baseline alignment fix === */
@media (min-width:850px){
  .htss-header--editorial .htss-brand-zone,
  .htss-header--editorial .htss-header-search--desktop,
  .htss-header--editorial .htss-actions{align-self:center!important}
  .htss-header--editorial form.htss-search{margin-top:0!important;margin-right:0!important;margin-bottom:0!important;margin-left:0!important}
  .htss-header--editorial .htss-zalo-contact--editorial{margin:0!important;align-self:center!important}
}

/* === 1.3.1 · Mobile commercial header + primary category tray === */
.htss-category-tray,
.htss-category-tray-overlay { display:none; }

@media (max-width:849px) {
  /* Header and bottom dock now have different jobs: header = site navigation; dock = product categories. */
  .htss-header--commercial .htss-mainbar__inner{
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding-block:5px!important;
  }
  .htss-header--commercial .htss-brand-zone{
    flex:1 1 auto!important;
    min-width:0!important;
    justify-content:flex-start!important;
  }
  .htss-header--commercial .htss-brand img{
    width:min(168px,52vw)!important;
    max-height:34px!important;
  }
  .htss-header--commercial .htss-actions{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:flex-end!important;
    margin-left:auto!important;
    gap:0!important;
  }
  .htss-header--commercial .htss-actions>.htss-zalo-button,
  .htss-header--commercial .htss-actions>.htzalo-button,
  .htss-header--commercial .htss-actions>.htss-phone,
  .htss-header--commercial .htss-mobile-quickcall,
  .htss-header--commercial .htss-showroom-contact,
  .htss-header--commercial .htss-zalo-contact{display:none!important}
  .htss-header--commercial .htss-menu-toggle{
    display:inline-flex!important;
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    border:1px solid color-mix(in srgb,var(--htss-primary) 16%,#dfe6ef)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:var(--htss-primary)!important;
    box-shadow:0 3px 10px color-mix(in srgb,var(--htss-primary) 7%,transparent)!important;
  }
  .htss-header--commercial .htss-mobile-search{
    padding:0 0 7px!important;
    border-top:0!important;
    border-bottom:1px solid #e8edf3!important;
  }
  .htss-header--commercial .htss-mobile-search .htss-search{
    min-height:42px!important;
    border-radius:12px!important;
  }
  .htss-header--commercial .htss-mobile-search .htss-search input[type="search"]{
    height:40px!important;
  }
  .htss-header--commercial .htss-mobile-search .htss-search button{
    min-width:58px!important;
    height:42px!important;
  }

  .htss-category-tray-overlay{
    position:fixed;
    inset:0 0 calc(68px + env(safe-area-inset-bottom,0px));
    z-index:9995;
    display:block;
    background:rgba(20,35,52,.18);
    opacity:0;
    transition:opacity .2s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .htss-category-tray-overlay[hidden]{display:none!important}
  .htss-category-tray{
    position:fixed;
    left:0;
    right:0;
    bottom:calc(68px + env(safe-area-inset-bottom,0px));
    z-index:9996;
    display:block;
    padding:10px 0 12px;
    border-top:1px solid color-mix(in srgb,var(--htss-primary) 10%,#e6ebf1);
    border-radius:18px 18px 0 0;
    background:rgba(255,255,255,.985);
    box-shadow:0 -16px 38px color-mix(in srgb,var(--htss-primary) 15%,transparent);
    transform:translateY(calc(100% + 18px));
    opacity:0;
    pointer-events:none;
    transition:transform .22s ease,opacity .18s ease;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .htss-category-tray__head{
    width:calc(100% - 24px);
    margin:0 auto 9px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  .htss-category-tray__head>div{display:flex;flex-direction:column;gap:1px;min-width:0}
  .htss-category-tray__head span{color:var(--htss-accent);font-size:9.5px;font-weight:850;letter-spacing:.08em}
  .htss-category-tray__head strong{color:var(--htss-text,#424242);font-size:13px;font-weight:800}
  .htss-category-tray__close{
    appearance:none;
    -webkit-appearance:none;
    width:32px;
    height:32px;
    flex:0 0 32px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid #e1e7ee;
    border-radius:50%;
    background:#f7f9fb;
    color:var(--htss-primary);
    font-size:21px;
    line-height:1;
  }
  .htss-category-tray__row{
    display:flex;
    gap:9px;
    width:100%;
    overflow-x:auto;
    padding:0 12px 3px;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .htss-category-tray__row::-webkit-scrollbar{display:none}
  .htss-category-chip{
    flex:0 0 104px;
    min-height:78px;
    scroll-snap-align:start;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:9px 7px;
    border:1px solid color-mix(in srgb,var(--htss-primary) 11%,#e5eaf0);
    border-radius:13px;
    background:#fff;
    color:var(--htss-primary);
    text-decoration:none!important;
    text-align:center;
    box-shadow:0 4px 13px color-mix(in srgb,var(--htss-primary) 5%,transparent);
  }
  .htss-category-chip__icon{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:10px;
    background:color-mix(in srgb,var(--htss-primary) 9%,#fff);
    color:var(--htss-primary);
  }
  .htss-category-chip__label{
    color:var(--htss-text,#424242);
    font-size:10.75px;
    font-weight:760;
    line-height:1.15;
  }
  .htss-category-chip.is-active{
    border-color:color-mix(in srgb,var(--htss-primary) 35%,#dbe4ed);
    background:color-mix(in srgb,var(--htss-primary) 4%,#fff);
  }
  .htss-category-chip:active{transform:scale(.98)}

  body.htss-categories-open{overflow:hidden}
  body.htss-categories-open .htss-category-tray-overlay{opacity:1}
  body.htss-categories-open .htss-category-tray{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  body.htss-categories-open .htss-mobile-dock__menu{
    background:color-mix(in srgb,var(--htss-primary) 7%,#fff);
    color:var(--htss-primary);
  }
}

@media (max-width:390px){
  .htss-category-tray{bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .htss-category-chip{flex-basis:98px;min-height:74px}
  .htss-category-chip__label{font-size:10.25px}
  .htss-header--commercial .htss-brand img{width:min(158px,50vw)!important}
}

@media (prefers-reduced-motion:reduce){
  .htss-category-tray,.htss-category-tray-overlay{transition:none!important}
}


/* ===== 1.3.3: About next to Home in commercial navigation (desktop + mobile). ===== */
/* The order applies to both automatic items and administrator-selected WP menus.
   The original WP menu and any additional custom links are preserved. */
.htss-header--commercial .htss-menu--desktop > li.htss-menu-home,
.htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-home { order: 10; }
.htss-header--commercial .htss-menu--desktop > li.htss-menu-about,
.htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-about { order: 15; }
.htss-header--commercial .htss-menu--desktop > li.htss-menu-bath,
.htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-bath { order: 20; }
.htss-header--commercial .htss-menu--desktop > li.htss-menu-kitchen,
.htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-kitchen { order: 30; }
.htss-header--commercial .htss-menu--desktop > li.htss-menu-tiles,
.htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-tiles { order: 40; }
.htss-header--commercial .htss-menu--desktop > li.htss-menu-feature,
.htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-feature { order: 50; }
.htss-header--commercial .htss-menu--desktop > li.htss-menu-construction,
.htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-construction { order: 60; }
.htss-header--commercial .htss-menu--desktop > li.htss-menu-knowledge,
.htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-knowledge { order: 80; }
.htss-header--commercial .htss-menu--desktop > li:not(.htss-menu-home):not(.htss-menu-bath):not(.htss-menu-kitchen):not(.htss-menu-tiles):not(.htss-menu-feature):not(.htss-menu-construction):not(.htss-menu-about):not(.htss-menu-knowledge),
.htss-mobile-panel--commercial .htss-menu--mobile > li:not(.htss-menu-home):not(.htss-menu-bath):not(.htss-menu-kitchen):not(.htss-menu-tiles):not(.htss-menu-feature):not(.htss-menu-construction):not(.htss-menu-about):not(.htss-menu-knowledge) { order: 90; }

@media (min-width: 850px) {
    .htss-header--commercial .htss-menu--desktop > li.htss-menu-about > a {
        color: var(--htss-primary-dark);
        font-weight: 755;
    }
    .htss-header--commercial .htss-menu--desktop > li.htss-menu-about.current-menu-item > a,
    .htss-header--commercial .htss-menu--desktop > li.htss-menu-about > a:hover {
        color: var(--htss-primary);
    }
    /* Fit all eight primary sections within the 1250px desktop container. */
    .htss-header--commercial .htss-navrow__inner { gap: 0; }
    .htss-header--commercial .htss-nav--desktop { min-width: 0; width: 100%; }
    .htss-header--commercial .htss-menu--desktop {
        width: 100%; gap: clamp(0px, .18vw, 3px);
        justify-content: space-between;
    }
    .htss-header--commercial .htss-menu--desktop > li { flex: 0 1 auto; }
    .htss-header--commercial .htss-menu--desktop > li > a {
        padding-inline: clamp(6px, .67vw, 10px);
        font-size: clamp(12px, 1vw, 13px);
    }
    /* At laptop widths, let the nav form two balanced rows instead of clipping
       its last items or forcing an invisible horizontal scrollbar. */
}
@media (min-width: 850px) and (max-width: 1090px) {
    .htss-header--commercial .htss-menu--desktop { flex-wrap: wrap; justify-content: center; column-gap: 6px; row-gap: 0; }
    .htss-header--commercial .htss-menu--desktop > li > a { margin-block: 3px; padding-inline: 8px; }
    .htss-header--commercial .htss-menu--desktop > li.htss-menu-feature { padding-top: 7px; }
}
@media (min-width: 850px) and (max-width: 960px) {
    /* Balanced 4 + 4 arrangement on small laptops; all links stay visible. */
    .htss-header--commercial .htss-menu--desktop::before {
        content: '';
        order: 35;
        flex-basis: 100%;
        height: 0;
    }
    .htss-header--commercial .htss-menu--desktop {
        column-gap: 15px;
        row-gap: 0;
        justify-content: center;
    }
}
@media (max-width: 849px) {
    .htss-mobile-panel--commercial .htss-menu--mobile {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-construction {
        margin-top: 17px;
        border-top: 0;
    }
    .htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-construction::before {
        content: 'KHÁM PHÁ HƯNG THỊNH';
        display: block;
        margin-bottom: 7px;
        padding-top: 13px;
        border-top: 1px solid #e4eaf1;
        color: #748397;
        font-size: 10px;
        font-weight: 850;
        line-height: 1.4;
        letter-spacing: .095em;
    }
    .htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-about > a {
        min-height: 49px;
        color: var(--htss-primary-dark);
        font-weight: 770;
    }
    .htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-about.current-menu-item > a {
        color: var(--htss-primary);
        background: #f2f7fc;
        border-radius: 9px;
        padding-left: 11px;
    }
}

/* 1.3.3: Show company introduction directly below Home on mobile. */
@media (max-width: 849px) {
    .htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-about {
        border-top: 0;
        border-bottom: 1px solid #dbe5ee;
        margin-bottom: 9px;
        padding-bottom: 8px;
    }
    .htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-about > a {
        padding: 12px 7px;
        min-height: 45px;
        border-radius: 10px;
        background: #f4f8fc;
        color: var(--htss-primary);
    }
    .htss-mobile-panel--commercial .htss-menu--mobile > li.htss-menu-construction::before {
        content: 'CÔNG TRÌNH & KIẾN THỨC';
    }
}