@font-face{font-family:"Be Vietnam Pro";src:url("../fonts/be-vietnam-pro/be-vietnam-pro-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("../fonts/be-vietnam-pro/be-vietnam-pro-700.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}

/*
 * Global brand layer.
 * All chromatic UI tokens inherit from Theme Options > Màu chủ đạo.
 */
html{font-synthesis:none}
body{color:var(--dq-text);font-family:var(--dq-font);font-synthesis-weight:none}
body.dq-global-chrome :where(h1,h2,h3,h4,h5,h6,p,a,span,strong,b,small,label,button,input,textarea,select,option,summary,blockquote,figcaption,li,td,th){font-family:var(--dq-font)!important}
::selection{background:var(--dq-primary-tint);color:var(--dq-primary-deep)}
:focus-visible{outline:3px solid var(--dq-primary-border);outline-offset:3px}
a:hover{color:var(--dq-primary-hover)}

/* Keep type within the supported range of common webfonts. */
h1,h2,h3,h4,h5,h6,strong,b,th,label,summary,button,input[type=submit],input[type=button],.button,.dq-btn{font-weight:700}
[style*="font-weight: 8"],[style*="font-weight:8"],[style*="font-weight: 9"],[style*="font-weight:9"]{font-weight:750!important}

/* Shared controls and navigation. */
.dq-btn,.dq-hotline,.dq-load-more:hover,.dqc-contact-form button,.search-submit{border-color:var(--dq-primary);background:var(--dq-primary);color:#fff}
.dq-btn:hover,.dq-hotline:hover,.dqc-contact-form button:hover,.search-submit:hover{border-color:var(--dq-primary-hover);background:var(--dq-primary-hover);color:#fff}
.dq-btn--outline,.dq-load-more{border-color:var(--dq-primary);background:transparent;color:var(--dq-primary)}
.dq-header-btn{background:var(--dq-primary-deep)}
.dq-footer{background:var(--dq-primary-deep)}
.dq-back-to-top,.dq-floating-contact a{background:var(--dq-primary)}

/*
 * One global header/footer on every route. These selectors intentionally
 * override legacy .home-only chrome rules from optional layout families.
 */
body.dq-global-chrome .dq-header{position:relative;inset:auto;top:auto;color:var(--dq-text);background:#fff;border-bottom:1px solid var(--dq-border);box-shadow:0 2px 10px rgba(15,23,42,.05);font-family:var(--dq-font);font-synthesis:none}
body.dq-global-chrome .dq-header--sticky{position:sticky;top:0;inset-inline:0;z-index:50}
body.admin-bar.dq-global-chrome .dq-header--sticky{top:32px}
body.dq-global-chrome .dq-header-main__grid{height:92px;min-height:92px}
body.dq-global-chrome .dq-menu{gap:26px}
body.dq-global-chrome .dq-menu a{color:var(--dq-text);font-size:18px;font-weight:700;line-height:1.5;letter-spacing:normal;white-space:nowrap}
body.dq-global-chrome .dq-menu .current-menu-item>a,body.dq-global-chrome .dq-menu .current-menu-ancestor>a{color:var(--dq-primary)}
body.dq-global-chrome .dq-menu>li{position:relative}
body.dq-global-chrome .dq-menu .sub-menu{position:absolute;z-index:20;top:calc(100% + 12px);left:-18px;width:230px;margin:0;padding:10px;list-style:none;border:1px solid var(--dq-border);border-radius:10px;background:#fff;text-align:left;box-shadow:0 14px 34px rgba(15,23,42,.14);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
body.dq-global-chrome .dq-menu .sub-menu:before{content:"";position:absolute;right:0;bottom:100%;left:0;height:12px}
body.dq-global-chrome .dq-menu .sub-menu li+li{border-top:1px solid var(--dq-border)}
body.dq-global-chrome .dq-menu .sub-menu a{display:block;padding:9px 10px;text-align:left;font-size:17px;line-height:1.35}
body.dq-global-chrome .dq-menu li:hover>.sub-menu,body.dq-global-chrome .dq-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
body.dq-global-chrome .dq-logo img{width:270px;height:90px;max-width:100%;max-height:90px;object-fit:contain;object-position:left center}
body.dq-global-chrome .dq-logo strong{display:inline;color:var(--dq-text);font-size:inherit;line-height:inherit;letter-spacing:normal}
body.dq-global-chrome .dq-logo strong:before,body.dq-global-chrome .dq-logo strong:after{content:none}
body.dq-global-chrome .dq-hotline,body.dq-global-chrome .dq-header-btn{position:relative;gap:9px;min-height:48px;padding:6px 18px;overflow:visible;border:1.5px solid var(--dq-primary);border-radius:14px;font-size:14px;font-weight:700;line-height:1.35;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 8px 20px rgba(15,23,42,.07);transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
body.dq-global-chrome .dq-hotline{background:#fff;color:var(--dq-primary-deep)}
body.dq-global-chrome .dq-hotline:before{content:"\260e";display:grid;width:28px;height:28px;flex:0 0 28px;border-radius:9px;place-items:center;background:var(--dq-primary-soft);color:var(--dq-primary);font-size:15px;line-height:1}
body.dq-global-chrome .dq-header-btn{padding-inline:20px;border-color:var(--dq-primary-deep);background:var(--dq-primary-deep);color:#fff}
body.dq-global-chrome .dq-header-btn:after{content:"\2192";font-size:17px;font-weight:400;line-height:1;transition:transform .2s ease}
body.dq-global-chrome .dq-hotline:hover,body.dq-global-chrome .dq-header-btn:hover{color:#fff;box-shadow:0 12px 26px var(--dq-primary-soft);transform:translateY(-2px)}
body.dq-global-chrome .dq-hotline:hover{border-color:var(--dq-primary);background:var(--dq-primary)}
body.dq-global-chrome .dq-hotline:hover:before{background:rgba(255,255,255,.18);color:#fff}
body.dq-global-chrome .dq-header-btn:hover{border-color:var(--dq-primary-hover);background:var(--dq-primary-hover)}
body.dq-global-chrome .dq-header-btn:hover:after{transform:translateX(3px)}
body.dq-global-chrome .dq-header-main--mobile{color:var(--dq-text);background:#fff}
body.dq-global-chrome .dq-menu-toggle,body.dq-global-chrome .dq-search-toggle{color:var(--dq-text);background:#fff;border:1px solid var(--dq-border)}

body.dq-global-chrome .dq-footer{padding-top:0;background:var(--dq-primary-deep);color:rgba(255,255,255,.78);font-family:var(--dq-font);font-size:15.5px;line-height:1.65;font-synthesis:none}
body.dq-global-chrome .dq-footer__grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:48px;padding-top:52px;padding-bottom:48px}
body.dq-global-chrome .dq-footer__grid--3{grid-template-columns:minmax(280px,1.35fr) repeat(2,minmax(170px,1fr))}
body.dq-global-chrome .dq-footer__grid--4{grid-template-columns:minmax(0,1.2fr) minmax(0,.75fr) minmax(0,.75fr) minmax(0,2.3fr)}
body.dq-global-chrome .dq-footer__grid--5{grid-template-columns:minmax(260px,1.35fr) repeat(4,minmax(130px,1fr))}
body.dq-global-chrome .dq-footer__col{min-width:0}
body.dq-global-chrome .dq-footer h3{position:relative;margin:0 0 24px;padding-bottom:12px;color:#fff;font-size:18px;line-height:1.3;letter-spacing:-.01em}
body.dq-global-chrome .dq-footer h3:after{content:"";position:absolute;bottom:0;left:0;width:48px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--dq-primary),rgba(255,255,255,.65))}
body.dq-global-chrome .dq-footer-logo{display:block;max-width:240px;max-height:86px;margin-inline:auto;border:0;border-radius:0;background:transparent;filter:drop-shadow(0 6px 14px rgba(0,0,0,.2));object-fit:contain}
body.dq-global-chrome .dq-footer .dq-richtext{max-width:330px}
body.dq-global-chrome .dq-footer .dq-richtext p{margin:16px 0 0}
body.dq-global-chrome .dq-footer-menu{columns:auto;list-style:none;margin:0;padding:0}
body.dq-global-chrome .dq-footer-menu li{position:relative;margin:0;padding:5px 0 5px 16px}
body.dq-global-chrome .dq-footer-menu li:before{content:"";position:absolute;top:15px;left:0;width:6px;height:6px;border-radius:50%;background:var(--dq-primary);box-shadow:0 0 0 5px rgba(255,255,255,.05)}
body.dq-global-chrome .dq-footer a{color:inherit;transition:color .2s ease,transform .2s ease}
body.dq-global-chrome .dq-footer-menu a{display:inline-block;color:inherit;font-size:inherit}
body.dq-global-chrome .dq-footer a:hover{color:#fff}
body.dq-global-chrome .dq-footer-menu a:hover{transform:translateX(3px)}
body.dq-global-chrome .dq-footer-contact{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:8px;margin:0 0 14px;font-size:14px}
body.dq-global-chrome .dq-footer-contact strong{display:inline;margin:0;color:#fff;font-size:inherit;letter-spacing:.01em}
body.dq-global-chrome .dq-footer-contact strong:after{content:":"}
body.dq-global-chrome .dq-footer-contact span,body.dq-global-chrome .dq-footer-contact a{display:inline;min-width:0}
body.dq-global-chrome .dq-copyright{margin-top:0;padding:18px 0;border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.1);color:rgba(255,255,255,.72);font-family:var(--dq-font);font-size:13px}
body.dq-global-chrome .dq-copyright__inner{display:flex;align-items:center;justify-content:space-between;gap:12px 28px}
body.dq-global-chrome .dq-copyright__text{flex:0 0 auto}
body.dq-global-chrome .dq-footer-legal{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 20px;text-align:right}
body.dq-global-chrome .dq-footer-legal span{position:relative}
body.dq-global-chrome .dq-footer-legal span+span:before{content:"";position:absolute;top:50%;left:-11px;width:3px;height:3px;border-radius:50%;background:var(--dq-primary);transform:translateY(-50%)}
body.dq-global-chrome .dq-footer-legal strong{color:rgba(255,255,255,.92)}

/* Common surfaces retain contrast while carrying the selected hue. */
.dq-content-hero,.dq-article-hero,.dq-error-page{background:linear-gradient(135deg,var(--dq-primary-soft),var(--dq-primary-tint))}
.dq-content-card__media,.dq-content-card__placeholder,.dq-empty-state__icon{background:var(--dq-primary-tint)}
.dq-content-card__placeholder span,.dq-content-kicker,.dq-content-card__meta span,.dq-content-card__link,.dq-breadcrumb a,.dq-text-link{color:var(--dq-primary)}
.dq-content-hero__copy h1,.dq-article-hero__copy h1,.dq-error-page__copy h1,.dq-section-heading h2,.dq-sidebar__section>h2,.dq-widget>h3,.dq-author-box h2,.dq-article-aside__box h2{color:var(--dq-primary-deep)}
.dq-content-card:hover,.dq-static-page,.dq-sidebar,.dq-article-aside__box,.dq-author-box{border-color:var(--dq-primary-border)}
.dq-article-aside__cta{background:linear-gradient(145deg,var(--dq-primary-deep),var(--dq-primary-hover))}
.dq-article-body blockquote,.dq-term-seo>.dq-richtext,.dq-author-box{background:var(--dq-primary-soft)}
.dq-toc summary{background:var(--dq-primary-soft);color:var(--dq-primary)}
.dq-toc,.dq-toc__list{border-color:var(--dq-primary-border)}

/* Reusable builder families share one brand tone. */
.dq-home-eyebrow,.dq-library-eyebrow,.dq-moving-eyebrow,.dq-wellness-eyebrow,.dq-data-eyebrow,.dq-service-eyebrow{color:var(--dq-primary)!important}
.dq-home-eyebrow:before,.dq-content-kicker:before{background:var(--dq-primary)!important}
.dq-home-btn,.dq-wellness-btn,.dq-data-btn,.dq-moving-btn{background:linear-gradient(135deg,var(--dq-primary),var(--dq-primary-hover));color:#fff}
.dq-home-btn.is-ghost,.dq-data-btn.is-ghost,.dq-moving-btn.is-ghost{border-color:var(--dq-primary);background:transparent;color:var(--dq-primary)}
.dq-home-buy,.dq-commerce-card__buy,.dq-service-action,.dq-data-action{background:linear-gradient(90deg,var(--dq-primary),var(--dq-primary-hover));color:#fff}

/* Native elements and plugin output. */
input:focus,textarea:focus,select:focus{border-color:var(--dq-primary);box-shadow:0 0 0 3px var(--dq-primary-soft);outline:0}
.page-numbers.current,.comment-form input[type=submit]{background:var(--dq-primary);color:#fff}
mark{background:var(--dq-primary-tint);color:var(--dq-primary-deep)}

@media(max-width:900px){
    body.dq-global-chrome .dq-footer__grid,body.dq-global-chrome .dq-footer__grid--3,body.dq-global-chrome .dq-footer__grid--4,body.dq-global-chrome .dq-footer__grid--5{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;padding-top:44px;padding-bottom:40px}
    body.dq-global-chrome .dq-footer__col:first-child,body.dq-global-chrome .dq-footer__col:last-child{grid-column:1/-1}
    body.dq-global-chrome .dq-logo img{max-width:190px!important;max-height:62px}
    body.dq-global-chrome .dq-menu a{font-size:18px}
    body.dq-global-chrome .dq-mobile-nav .dq-menu .menu-item-has-children{position:relative}
    body.dq-global-chrome .dq-mobile-nav .dq-menu .menu-item-has-children>a{display:block;padding-right:50px}
    body.dq-global-chrome .dq-mobile-nav .dq-menu .sub-menu{display:none;position:static;width:auto;margin:6px 0 0 14px;padding:0 0 0 12px;border:0;border-left:2px solid var(--dq-primary-border);border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none}
    body.dq-global-chrome .dq-mobile-nav .dq-menu .is-submenu-open>.sub-menu{display:block}
    body.dq-global-chrome .dq-mobile-nav .dq-submenu-toggle{position:absolute;top:5px;right:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--dq-text);cursor:pointer}
    body.dq-global-chrome .dq-mobile-nav .dq-submenu-toggle:before{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
    body.dq-global-chrome .dq-mobile-nav .dq-submenu-toggle[aria-expanded="true"]:before{transform:translateY(2px) rotate(225deg)}
    body.dq-global-chrome .dq-mobile-nav .dq-submenu-toggle:focus-visible{outline:2px solid var(--dq-primary);outline-offset:2px}
    body.dq-global-chrome .dq-menu .sub-menu:before{content:none}
    body.dq-global-chrome .dq-menu .sub-menu li+li{border-top:0}
    body.dq-global-chrome .dq-menu .sub-menu a{padding:8px 6px;font-size:17px}
    body.dq-global-chrome .dq-copyright__inner{align-items:flex-start;flex-direction:column}
    body.dq-global-chrome .dq-footer-legal{justify-content:flex-start;text-align:left}
}
@media(max-width:600px){
    body.dq-global-chrome .dq-footer{font-size:15px}
    body.dq-global-chrome .dq-footer__grid,body.dq-global-chrome .dq-footer__grid--3,body.dq-global-chrome .dq-footer__grid--4,body.dq-global-chrome .dq-footer__grid--5{grid-template-columns:1fr;gap:32px;padding-top:38px;padding-bottom:34px}
    body.dq-global-chrome .dq-footer__col:first-child,body.dq-global-chrome .dq-footer__col:last-child{grid-column:auto}
    body.dq-global-chrome .dq-footer h3{margin-bottom:18px}
    body.dq-global-chrome .dq-copyright{padding:16px 0}
    body.dq-global-chrome .dq-footer-legal{display:grid;gap:3px}
    body.dq-global-chrome .dq-footer-legal span+span:before{content:none}
}
@media(min-width:1600px){
    body.dq-global-chrome .dq-footer-contact{white-space:nowrap}
}
@media(max-width:782px){body.admin-bar.dq-global-chrome .dq-header--sticky{top:46px}}