/*
 * Global brand layer.
 * All chromatic UI tokens inherit from the primary and secondary brand colours.
 */
html{font-synthesis:none}
:root{--dq-brand-red:#ed1c24;--dq-type-body:16px;--dq-type-small:13px;--dq-type-h1:clamp(36px,4.5vw,58px);--dq-type-h2:clamp(28px,3vw,40px);--dq-type-h3:clamp(20px,2vw,26px);--dq-type-h4:18px;--dq-type-h5:16px;--dq-type-h6:14px}
body{color:var(--dq-text);font-family:var(--dq-font);font-size:var(--dq-type-body);font-synthesis-weight:none}
h1{font-size:var(--dq-type-h1);line-height:1.08}
h2{font-size:var(--dq-type-h2);line-height:1.18}
h3{font-size:var(--dq-type-h3);line-height:1.28}
h4{font-size:var(--dq-type-h4);line-height:1.38}
h5{font-size:var(--dq-type-h5);line-height:1.45}
h6,small{font-size:var(--dq-type-small);line-height:1.5}
p,li{line-height:1.65}
::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-top:3px solid var(--dq-brand-red);border-bottom:1px solid var(--dq-border);box-shadow:0 2px 10px rgba(5,38,80,.08);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{min-height:104px}
body.dq-global-chrome .dq-menu{gap:22px}
body.dq-global-chrome .dq-menu a{color:var(--dq-text);font-size:14px;font-weight:700;letter-spacing:normal}
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-logo img{width:auto;max-width:190px;max-height:98px;object-fit:contain}
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{border-color:var(--dq-primary);background:var(--dq-primary);color:#fff}
body.dq-global-chrome .dq-header-btn{border-radius:6px;background:var(--dq-primary-deep);color:#fff}
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:44px;background:var(--dq-primary-deep);color:#e5e7eb;font-family:var(--dq-font);font-synthesis:none}
body.dq-global-chrome .dq-footer__grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:28px;padding-top:0}
body.dq-global-chrome .dq-footer__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.dq-global-chrome .dq-footer__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
body.dq-global-chrome .dq-footer__grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
body.dq-global-chrome .dq-footer h3,body.dq-global-chrome .dq-footer-contact strong{color:#fff}
body.dq-global-chrome .dq-footer-menu{columns:auto}
body.dq-global-chrome .dq-footer-menu a{color:inherit;font-size:inherit}
body.dq-global-chrome .dq-footer-contact{margin-block:1em;font-size:inherit}
body.dq-global-chrome .dq-footer-logo{display:block;width:auto;max-width:min(230px,100%);height:auto;max-height:150px;margin:0 0 18px;padding:8px 12px;border-radius:12px;background:#fff;object-fit:contain}
body.dq-global-chrome .dq-copyright{margin-top:34px;padding:16px;border-top:1px solid rgba(255,255,255,.12);background:transparent;color:#cbd5e1;text-align:center}

/* 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)}

/* Football rebrand overrides for legacy editorial and catalogue surfaces. */
.dq-news-hero,.dq-news-featured,.dq-news-article .dq-article-hero{background:var(--dq-primary-deep)}
.dq-news-hero:before{background:radial-gradient(circle at 82% 20%,rgba(8,120,209,.42),transparent 30%),linear-gradient(120deg,transparent 45%,rgba(255,255,255,.06) 45% 46%,transparent 46% 54%,rgba(237,28,36,.08) 54% 55%,transparent 55%)}
.dq-news-hero:after{border-color:rgba(8,120,209,.2)}
.dq-news-kicker,.dq-news-featured__eyebrow,.dq-news-section-heading p,.dq-news-grid .dq-content-card__meta,.dq-news-grid .dq-content-card__link,.dq-news-article .dq-content-kicker,.dq-news-article .dq-article-meta,.dq-news-article .dq-author-box__label,.dq-news-article .dq-related .dq-content-kicker{color:var(--dq-primary)}
.dq-news-topics a:hover,.dq-news-topics a.is-active,.dq-news-badge,.dq-news-read span,.dq-news-seo__inner:before,.dq-news-article .dq-article-aside__cta .dq-btn,.dq-news-inline-cta .dq-btn{border-color:var(--dq-primary);background:var(--dq-primary)}
.dq-news-article .dq-article-body>p:first-of-type,.dq-news-article .dq-article-body blockquote{border-left-color:var(--dq-brand-red)}
.dq-news-article .dq-article-body h2:after{background:linear-gradient(90deg,var(--dq-brand-red) 0 35%,var(--dq-primary) 35%)}
.dq-news-article .dq-article-body a,.dq-news-article .dq-article-aside__latest a:hover strong{color:var(--dq-primary)}
.dq-news-article .dq-article-aside__cta,.dq-news-inline-cta{background:linear-gradient(145deg,var(--dq-primary-deep),#0b4e87)}
.dq-news-article .dq-article-hero__media{box-shadow:22px 26px 0 rgba(8,120,209,.18)}
.dq-product-archive-hero{border-color:var(--dq-primary-border);background:linear-gradient(115deg,var(--dq-primary-deep),var(--dq-primary));color:#fff}
.dq-product-archive-hero__eyebrow{color:#bce6ff}
.dq-product-archive-hero__children a:hover,.dq-product-archive-hero__children a:focus-visible{border-color:#fff;background:#fff;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:1fr}
    body.dq-global-chrome .dq-logo img{max-width:150px;max-height:88px}
}
@media(max-width:782px){body.admin-bar.dq-global-chrome .dq-header--sticky{top:46px}}

/* Áo Bóng Đá Đẹp global chrome — follows the three-tier reference header. */
body.dq-global-chrome .dq-topbar{background:#f5f6f8;border-bottom:1px solid #eceff3;color:#596273;font-size:11px}
body.dq-global-chrome .dq-topbar__inner{min-height:32px}
body.dq-global-chrome .dq-topbar__inner strong{color:#ee4338;font-size:11px}
body.dq-global-chrome .dq-topbar-menu{gap:16px}
body.dq-global-chrome .dq-topbar-menu a{font-weight:500;white-space:nowrap}
body.dq-global-chrome .dq-header-main__grid{grid-template-columns:minmax(180px,250px) minmax(400px,1fr) minmax(80px,150px);min-height:84px;gap:30px}
body.dq-global-chrome .dq-header-zone--center{justify-content:stretch}
body.dq-global-chrome .dq-header-zone--right{gap:10px}
body.dq-global-chrome .dq-logo img{width:auto;max-width:220px;max-height:67px}
@media(min-width:901px){
    body.dq-global-chrome .dq-header-main__grid{height:84px}
    body.dq-global-chrome .dq-logo{width:170px;height:84px;overflow:hidden;justify-content:center}
    body.dq-global-chrome .dq-logo img{width:170px;max-width:none!important;max-height:none;transform:translateY(2px)}
}
body.dq-global-chrome .dq-catalog-search{display:grid;grid-template-columns:150px minmax(220px,1fr);width:100%;min-height:42px;border:1px solid #dfe3e8;border-radius:3px;background:#fff}
body.dq-global-chrome .dq-header-category{min-width:0;padding:0 30px 0 13px;border:0;border-right:1px solid #e3e6ea;background:#fff;color:#5e6674;font:inherit;font-size:12px;box-shadow:none}
body.dq-global-chrome .dq-catalog-search .search-form{display:grid;grid-template-columns:minmax(0,1fr) 44px;margin:0}
body.dq-global-chrome .dq-catalog-search .search-form label{min-width:0}
body.dq-global-chrome .dq-catalog-search .search-field{width:100%;height:40px;padding:0 12px;border:0;background:transparent;box-shadow:none;font-size:12px}
body.dq-global-chrome .dq-catalog-search .search-submit{width:44px;min-width:44px;height:40px;padding:0;overflow:hidden;border:0;border-radius:0;background-color:var(--dq-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;color:transparent;font-size:0}
body.dq-global-chrome .dq-hotline{min-height:42px;padding:5px 12px;border:0;border-radius:3px;background:transparent;color:var(--dq-primary-deep);gap:8px;white-space:nowrap}
body.dq-global-chrome .dq-hotline>span:first-child{display:grid;width:34px;height:34px;border-radius:50%;place-items:center;background:var(--dq-primary);color:#fff;font-size:17px}
body.dq-global-chrome .dq-hotline__copy{display:flex;flex-direction:column;align-items:flex-start;font-size:13px;line-height:1.15}
body.dq-global-chrome .dq-hotline__copy small{color:#7a8290;font-size:10px;font-weight:500}
body.dq-global-chrome .dq-header-bottom{border:0;background:var(--dq-primary-deep);color:#fff}
body.dq-global-chrome .dq-header-bottom__inner{min-height:44px;justify-content:flex-start;overflow:hidden}
body.dq-global-chrome .dq-bottom-menu{display:flex;width:100%;gap:0;justify-content:space-between;align-items:stretch}
body.dq-global-chrome .dq-bottom-menu li{display:flex;align-items:stretch}
body.dq-global-chrome .dq-bottom-menu a{display:flex;align-items:center;padding:0 8px;color:#fff;font-size:13px;font-weight:700;line-height:44px;white-space:nowrap}
body.dq-global-chrome .dq-bottom-menu a:hover,body.dq-global-chrome .dq-bottom-menu .current-menu-item>a{background:rgba(255,255,255,.12);color:#fff}

body.dq-global-chrome .dq-footer{padding-top:48px;background:var(--dq-primary-deep);color:#cfd7e5;font-size:13px;line-height:1.7}
body.dq-global-chrome .dq-footer__grid{grid-template-columns:1.15fr .85fr 1fr .85fr;gap:34px}
body.dq-global-chrome .dq-footer__col:nth-child(n+5){grid-column:1/-1}
body.dq-global-chrome .dq-footer__col:nth-child(6){padding-top:20px;border-top:1px solid rgba(255,255,255,.12);text-align:center}
body.dq-global-chrome .dq-footer h3{margin:0 0 15px;font-size:13px;letter-spacing:.025em}
body.dq-global-chrome .dq-footer p{margin:0 0 8px}
body.dq-global-chrome .dq-footer a:hover{color:#fff}
body.dq-global-chrome .dq-sports-tag-cloud{display:flex;flex-wrap:wrap;gap:6px}
body.dq-global-chrome .dq-sports-tag-cloud span{padding:4px 8px;border:1px solid rgba(255,255,255,.2);border-radius:2px;color:#d7dfec;font-size:10px;line-height:1.25}
body.dq-global-chrome .dq-sports-footer-claim p:first-child{color:#fff;font-size:14px;font-weight:700}

@media(max-width:1100px){
    body.dq-global-chrome .dq-header-main__grid{grid-template-columns:190px minmax(300px,1fr) auto;gap:18px}
    body.dq-global-chrome .dq-bottom-menu{justify-content:flex-start;overflow-x:auto}
    body.dq-global-chrome .dq-bottom-menu a{padding-inline:13px}
}
@media(max-width:900px){
    body.dq-global-chrome .dq-header{box-shadow:0 2px 10px rgba(15,23,42,.08)}
    body.dq-global-chrome .dq-header-main--mobile{display:block}
    body.dq-global-chrome .dq-mobile-header__grid{min-height:68px}
    body.dq-global-chrome .dq-menu-toggle,body.dq-global-chrome .dq-search-toggle{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#f2f5f8;color:var(--dq-primary-deep);font-size:20px}
    body.dq-global-chrome .dq-menu-toggle{margin-left:-7px}
    body.dq-global-chrome .dq-mobile-nav{top:68px;max-height:calc(100vh - 68px);overflow:auto;border-top:3px solid var(--dq-primary);box-shadow:0 14px 28px rgba(7,17,29,.15)}
    body.dq-global-chrome .dq-mobile-nav .dq-menu a{display:block;padding:2px 0;color:var(--dq-primary-deep);font-size:13px}
    body.dq-global-chrome .dq-mobile-nav .menu-item-has-children{position:relative}
    body.dq-global-chrome .dq-mobile-nav .menu-item-has-children>a{padding-right:44px}
    body.dq-global-chrome .dq-mobile-nav .sub-menu{display:none;margin:9px 0 -10px;padding:0 0 0 14px;border-top:1px solid var(--dq-border);list-style:none}
    body.dq-global-chrome .dq-mobile-nav .is-submenu-open>.sub-menu{display:block}
    body.dq-global-chrome .dq-submenu-toggle{position:absolute;top:4px;right:0;display:grid;width:34px;height:34px;padding:0;place-items:center;border:0;border-radius:7px;background:#f2f5f8;color:var(--dq-primary-deep);font-size:20px;cursor:pointer}
    body.dq-global-chrome .dq-submenu-toggle span{transition:transform .2s ease}
    body.dq-global-chrome .is-submenu-open>.dq-submenu-toggle span{transform:rotate(180deg)}
    body.dq-global-chrome .dq-mobile-search .search-form{display:grid;grid-template-columns:1fr auto}
    body.dq-global-chrome .dq-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}
    body.dq-global-chrome .dq-footer__col:nth-child(n+5){grid-column:1/-1}
}
@media(max-width:560px){
    /* Crop the large blank canvas inside the source logo without increasing the 68px mobile header. */
    body.dq-global-chrome .dq-header-main--mobile .dq-mobile-header__center{display:flex;height:68px;align-items:center;justify-content:center}
    body.dq-global-chrome .dq-header-main--mobile .dq-logo{width:150px;height:68px;overflow:hidden;align-items:center;justify-content:center}
    body.dq-global-chrome .dq-header-main--mobile .dq-logo img{width:144px;max-width:none;max-height:none;transform:translateY(4px)}
    body.dq-global-chrome .dq-footer{padding-top:36px}
    body.dq-global-chrome .dq-footer__grid{grid-template-columns:1fr;gap:25px}
    body.dq-global-chrome .dq-footer__col:nth-child(n+5){grid-column:auto}
    body.dq-global-chrome .dq-copyright{padding:14px 18px;font-size:11px}
}