/* Branding, regional navigation and footer. Presentation only. */
:root{--qt-red:#C8102E;--qt-red-d:#9E0F17;--qt-red-dd:#6E0A10;--qt-gold:#F5B82E;--qt-gold-l:#FFE08A}

/* ---------- Header brand ---------- */
.top-info .logo{float:none;display:block}
.top-info .qt-brand{display:inline-flex;align-items:center;gap:10px;padding:4px 0;text-decoration:none;color:inherit;line-height:1}
.qt-brand__mark{display:block;width:56px;height:56px;flex:none}
.qt-brand__text{display:flex;flex-direction:column;gap:3px;font-family:Arial,Tahoma,Helvetica,sans-serif;text-align:left}
.qt-brand__text span{font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--qt-red-d)}
.qt-brand__text strong{font-size:27px;font-weight:800;letter-spacing:.05em;color:var(--qt-red);padding-bottom:3px;border-bottom:3px solid var(--qt-gold)}
@media (max-width:420px){.qt-brand__mark{width:46px;height:46px}.qt-brand__text span{font-size:12px}.qt-brand__text strong{font-size:21px}}

/* ---------- Regional strips ---------- */
.qt-regions{max-width:1024px;margin:14px auto 0;padding:0 5px;display:grid;gap:12px;box-sizing:border-box}
@media (min-width:1190px){.qt-regions{max-width:1190px}}
.qt-region{position:relative;border:1px solid var(--rc-bd);border-radius:12px;background:var(--rc-bg);padding:12px 14px 14px;box-sizing:border-box;overflow:hidden}
.qt-region::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--rc-btn)}
.qt-region__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px 6px}
.qt-region__title{margin:0;font-size:16px;font-weight:700;color:var(--rc-hd);line-height:1.3}
.qt-region__deco{display:flex;align-items:center;gap:6px;flex:none}
.qt-region__deco img{display:block;width:96px;height:64px}
.qt-ball{display:inline-block;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#fff 0 44%,var(--rc-btn) 46%);box-shadow:inset 0 0 0 2px var(--qt-gold);position:relative}
.qt-ball::before{content:attr(data-n);position:absolute;inset:0;display:grid;place-items:center;font:700 12px/1 Arial,sans-serif;color:var(--rc-btn)}
.qt-region__links{display:flex;flex-wrap:wrap;gap:8px;margin-left:6px}
.qt-btn{display:inline-block;padding:8px 12px;min-height:36px;box-sizing:border-box;border-radius:6px;background:var(--rc-btn);color:#fff;font-size:13px;font-weight:600;line-height:20px;text-decoration:none;transition:background-color .15s}
.qt-btn:hover,.qt-btn:focus-visible{background:var(--rc-btn-h);color:#fff}
.qt-btn:focus-visible{outline:2px solid var(--qt-gold);outline-offset:2px}
.qt-btn--hub{box-shadow:inset 0 0 0 2px var(--qt-gold)}
.qt-region--bac{--rc-bg:#FFF1EF;--rc-bd:#F3C6C0;--rc-btn:#C8102E;--rc-btn-h:#9E0F17;--rc-hd:#9E0F17}
.qt-region--trung{--rc-bg:#EAF3FF;--rc-bd:#BCD6F5;--rc-btn:#1F5FBF;--rc-btn-h:#17489A;--rc-hd:#123E85}
.qt-region--nam{--rc-bg:#EEF9F0;--rc-bd:#BFE3C6;--rc-btn:#187A35;--rc-btn-h:#125F29;--rc-hd:#145C2A}
@media (max-width:640px){
 .qt-regions{gap:10px;margin-top:12px}
 .qt-region{padding:10px 10px 12px}
 .qt-region__deco{display:none}
 .qt-region__head,.qt-region__links{margin-left:4px}
 .qt-region__title{font-size:15px}
 .qt-btn{padding:10px 11px;min-height:40px}
}

/* ---------- Footer ---------- */
.qt-footer{position:relative;margin-top:18px;color:#FFF4E5;background:linear-gradient(180deg,#A8111A 0,#7A0A12 100%);border-top:4px solid var(--qt-gold);overflow:hidden;font-family:Arial,Tahoma,Helvetica,sans-serif}
.qt-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 220px at 88% 0,rgba(245,184,46,.22),transparent 70%),radial-gradient(420px 200px at 4% 100%,rgba(245,184,46,.12),transparent 70%);pointer-events:none}
.qt-footer a{color:#FFF4E5}
.qt-footer__wrap{position:relative;max-width:1024px;margin:0 auto;padding:28px 12px 18px;box-sizing:border-box}
@media (min-width:1190px){.qt-footer__wrap{max-width:1190px}}
.qt-footer__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:28px 36px}
.qt-footer__brand{display:flex;gap:14px;align-items:flex-start}
.qt-footer__brand .qt-brand__mark{width:64px;height:64px}
.qt-footer__name{display:block;font-weight:800;letter-spacing:.05em;color:#fff;line-height:1.15;font-size:19px;text-decoration:none}
.qt-footer__name b{display:block;color:var(--qt-gold-l);font-size:24px}
.qt-footer__desc{margin:10px 0 0;font-size:14px;line-height:1.6;color:#FBE3D0;max-width:46ch}
.qt-footer__title{margin:0 0 10px;padding-bottom:8px;font-size:15px;font-weight:700;color:var(--qt-gold-l);border-bottom:1px solid rgba(245,184,46,.45);text-transform:uppercase;letter-spacing:.04em}
.qt-footer__list{list-style:none;margin:0;padding:0}
.qt-footer__list li{margin:0}
.qt-footer__list a{display:block;padding:7px 0;font-size:14px;text-decoration:none;color:#FFF4E5}
.qt-footer__list a:hover,.qt-footer__list a:focus-visible{color:var(--qt-gold-l);text-decoration:underline}
.qt-footer__coins{position:absolute;right:14px;bottom:84px;display:flex;gap:6px;align-items:flex-end;pointer-events:none}
.qt-footer__coins img{display:block;width:34px;height:34px;opacity:.9}
.qt-footer__coins img:nth-child(2){width:26px;height:26px}
.qt-footer__bar{position:relative;margin-top:22px;padding-top:14px;border-top:1px solid rgba(245,184,46,.35);display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;font-size:13px;line-height:1.55;color:#F7D9C4}
.qt-footer__bar p{margin:0}
.qt-footer__bar a{color:#fff;text-decoration:none;font-weight:700}
.qt-footer__disc{flex:1 1 420px;max-width:760px}
@media (max-width:860px){
 .qt-footer__grid{grid-template-columns:1fr 1fr}
 .qt-footer__brandcol{grid-column:1 / -1}
 .qt-footer__coins{display:none}
}
@media (max-width:520px){
 .qt-footer__wrap{padding:22px 14px 72px}
 .qt-footer__grid{grid-template-columns:1fr;gap:20px}
 .qt-footer__desc{max-width:none}
 .qt-footer__list a{padding:9px 0}
}
@media (max-width:360px){
 .qt-region__links{gap:6px}
 .qt-btn{padding:10px 8px;font-size:12.5px}
}