/* ═══════════════════════════════════════════════════════════════
   DỰ ĐOÁN THẦN TÀI — "Crimson Fortune" UI v2.0
   Design: Dark mahogany sidebar · Warm cream main · Gold accents
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');

/* ── Design Tokens ──────────────────────────────────────────── */
:root {
  --cf-dark:          #1a0a07;
  --cf-dark2:         #2d1208;
  --cf-dark3:         #3d1610;
  --cf-crimson:       #9c1f1a;
  --cf-crimson-rich:  #b5251a;
  --cf-crimson-light: #c0392b;
  --cf-gold:          #c8920c;
  --cf-gold-light:    #f0a800;
  --cf-gold-bright:   #f5c842;
  --cf-gold-pale:     #fef3c7;
  --cf-gold-tint:     #fdf4dc;
  --cf-cream:         #fdf8f2;
  --cf-cream2:        #faf3ea;
  --cf-card:          #ffffff;
  --cf-border:        #f0e8df;
  --cf-border2:       #e8ddd2;
  --cf-text:          #1c0a07;
  --cf-text-muted:    #8a6857;
  --cf-text-sidebar:  #e2c8b0;
  --cf-text-sidebar2: #b89880;
  --cf-shadow-sm:     0 1px 6px rgba(26,10,7,.07);
  --cf-shadow:        0 3px 16px rgba(26,10,7,.10);
  --cf-shadow-md:     0 6px 28px rgba(26,10,7,.14);
  --cf-shadow-gold:   0 4px 20px rgba(200,146,12,.18);
  --cf-radius:        12px;
  --cf-radius-sm:     8px;
  --cf-font:          'Be Vietnam Pro', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ════════════════════════════════════════════════════════════════
   1. BASE TYPOGRAPHY
   ════════════════════════════════════════════════════════════════ */
body {
  font-family: var(--cf-font) !important;
  background: var(--cf-cream) !important;
  color: var(--cf-text) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased;
}
a {
  color: var(--cf-crimson) !important;
  transition: color .15s !important;
}
a:hover {
  color: var(--cf-gold) !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--cf-font) !important;
  font-weight: 800 !important;
}

/* ════════════════════════════════════════════════════════════════
   2. HEADER
   ════════════════════════════════════════════════════════════════ */
body > header {
  background: linear-gradient(150deg, #1a0a07 0%, #3d1208 45%, #6b1b12 100%) !important;
  box-shadow: 0 2px 20px rgba(26,10,7,.5), 0 1px 0 rgba(200,146,12,.25) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 200 !important;
  border-bottom: 2px solid rgba(200,146,12,.35) !important;
}

body.admin-bar > header {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar > header {
    top: 0 !important;
  }
}

/* Header inner wrapper */
body > header .top-info {
  padding: 10px 0 !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

/* ── Logo ────────────────────────────────────── */
.logo a.txtlogo {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 246px !important;
  text-decoration: none !important;
}
.logo img { display: none !important; }

.logo a.txtlogo::before {
  content: "TT";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-right: 0;
  border: 1px solid rgba(255, 226, 129, .76);
  border-radius: 14px;
  background:
    radial-gradient(circle at 35% 28%, rgba(255,255,255,.78) 0 9%, transparent 10%),
    radial-gradient(circle at 62% 68%, rgba(120, 54, 0, .18) 0 18%, transparent 19%),
    linear-gradient(145deg, #ffd95f 0%, #f2ad00 46%, #bd7600 100%);
  color: #5a2107 !important;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .4px;
  flex-shrink: 0;
  box-shadow:
    0 0 0 4px rgba(255, 210, 79, .08),
    0 8px 22px rgba(200,146,12,.34),
    inset 0 1px 0 rgba(255,255,255,.62);
  font-family: var(--cf-font);
  text-shadow: 0 1px 0 rgba(255,255,255,.38);
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease;
}
.logo a.txtlogo:hover::before {
  transform: translateY(-1px);
  box-shadow:
    0 0 0 4px rgba(255, 210, 79, .12),
    0 10px 26px rgba(200,146,12,.42),
    inset 0 1px 0 rgba(255,255,255,.7);
}
.logo-brand-text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  line-height: 1.12 !important;
  position: relative !important;
  padding-left: 10px !important;
}
.logo-brand-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffd95f 0%, rgba(255,217,95,.18) 100%);
}
.logo-brand-text strong {
  display: block !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #fff !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.3) !important;
  white-space: nowrap !important;
}
.logo-brand-text small {
  display: block !important;
  margin-top: 3px !important;
  font-size: 11px !important;
  color: #f5c842 !important;
  font-weight: 700 !important;
  letter-spacing: .25px !important;
  white-space: nowrap !important;
  opacity: .92 !important;
}

/* ── Header search ───────────────────────────── */
.header-search {
  flex: 0 0 172px !important;
  width: 172px !important;
  margin-left: 4px !important;
}
.header-search form {
  display: flex !important;
  width: 100% !important;
}
.header-search-input {
  width: 138px !important;
  min-width: 0 !important;
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 22px 0 0 22px !important;
  color: #fff !important;
  font-family: var(--cf-font) !important;
  font-size: 13px !important;
  padding: 6px 11px !important;
}
.header-search-input::placeholder { color: rgba(255,255,255,.45) !important; }
.header-search-input:focus { background: rgba(255,255,255,.17) !important; outline: none !important; }
.header-search-input:focus { width: 138px !important; }
.header-search-btn {
  flex: 0 0 34px !important;
  width: 34px !important;
  background: rgba(200,146,12,.7) !important;
  border: 1px solid rgba(200,146,12,.6) !important;
  border-left: none !important;
  border-radius: 0 22px 22px 0 !important;
  color: #fff !important;
}
.header-search-btn:hover {
  background: var(--cf-gold-light) !important;
}

/* ── Hamburger button ────────────────────────── */
.navbar-toggle {
  border-color: rgba(255,255,255,.4) !important;
  border-radius: 8px !important;
}

/* ════════════════════════════════════════════════════════════════
   3. NAVIGATION
   ════════════════════════════════════════════════════════════════ */
nav#nav {
  background: transparent !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Desktop nav links */
#nav-horizontal-list > li > a,
#nav-horizontal-list > li > span.arr-d {
  color: rgba(255,255,255,.88) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
  padding: 8px 8px !important;
  border-radius: 6px !important;
  transition: background .15s, color .15s !important;
  font-family: var(--cf-font) !important;
}
#nav-horizontal-list > li:hover > a,
#nav-horizontal-list > li.current-menu-item > a {
  background: rgba(200,146,12,.85) !important;
  color: #fff !important;
}
#nav-horizontal-list > li.current-menu-item > a {
  background: var(--cf-gold) !important;
  border-bottom: 2px solid rgba(255,255,255,.7) !important;
  border-radius: 6px 6px 4px 4px !important;
}

/* Dropdown */
#nav-horizontal-list ul.menu-c2 {
  background: var(--cf-dark2) !important;
  border: 1px solid rgba(200,146,12,.25) !important;
  border-top: 2px solid var(--cf-gold) !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: 0 8px 24px rgba(26,10,7,.45) !important;
}
#nav-horizontal-list ul.menu-c2 li a {
  color: var(--cf-text-sidebar) !important;
  font-size: 12.5px !important;
  padding: 9px 16px !important;
  border-bottom-color: rgba(255,255,255,.05) !important;
  font-family: var(--cf-font) !important;
}
#nav-horizontal-list ul.menu-c2 li a:hover {
  background: rgba(200,146,12,.15) !important;
  color: var(--cf-gold-bright) !important;
}

/* Mobile nav */
@media (max-width: 660px) {
  nav#nav {
    background: var(--cf-dark2) !important;
    box-shadow: 0 8px 24px rgba(26,10,7,.5) !important;
  }
  nav#nav .nav-mobile li {
    border-bottom-color: rgba(255,255,255,.06) !important;
  }
  nav#nav .nav-mobile li a {
    color: var(--cf-text-sidebar) !important;
    font-family: var(--cf-font) !important;
  }
  nav#nav .nav-mobile li a:hover {
    color: var(--cf-gold-bright) !important;
    background: rgba(255,255,255,.05) !important;
  }
}

/* ════════════════════════════════════════════════════════════════
   4. LAYOUT
   Main grid: col-l (main content) | col-sidebar (sidebar wrapper)
   Inside col-sidebar:
     .sidebar-top  → col-center + col-right side by side
     .sb-week-full → full-width weekly schedule
   ════════════════════════════════════════════════════════════════ */
.content.main {
  grid-template-columns: 1fr 455px !important;
  grid-template-rows: unset !important;
  gap: 14px !important;
  margin: 14px auto !important;
  align-items: start !important;
}

/* Sidebar wrapper occupies the right column */
.col-sidebar {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-width: 0 !important;
}

/* Top row: 2 sub-columns side by side */
.sidebar-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
  align-items: start !important;
}

/* col-center and col-right are now inside sidebar-top */
.col-center, .col-right {
  min-width: 0 !important;
  align-self: start !important;
}

/* sb-week-full takes full sidebar width */
.sb-week-full {
  width: 100% !important;
}

/* ════════════════════════════════════════════════════════════════
   5. CARD / BOX — Main area (col-l)
   ════════════════════════════════════════════════════════════════ */
.col-l .box,
.col-l .box.tr-hover {
  background: var(--cf-card) !important;
  border-radius: var(--cf-radius) !important;
  border: 1px solid var(--cf-border) !important;
  box-shadow: var(--cf-shadow) !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
  transition: box-shadow .2s !important;
}
.col-l .box:hover {
  box-shadow: var(--cf-shadow-md) !important;
}

/* ── Section title bars (regional-title, tit-mien) in main area ── */
.col-l h2.regional-title,
.col-l .tit-mien,
.col-l .box > .regional-title,
.col-l .box > .tit-mien,
.col-l h3.regional-title {
  background: linear-gradient(135deg, var(--cf-dark) 0%, var(--cf-dark3) 100%) !important;
  color: #fff !important;
  padding: 11px 16px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
  border-radius: var(--cf-radius) var(--cf-radius) 0 0 !important;
  border-bottom: 2px solid var(--cf-gold) !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--cf-font) !important;
}
/* Gold dot accent before title */
.col-l .regional-title::before,
.col-l .tit-mien::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background: linear-gradient(135deg, var(--cf-gold-bright), var(--cf-gold));
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 6px rgba(200,146,12,.5);
}

/* Links inside title bars */
.col-l .tit-mien a,
.col-l .regional-title a,
.col-l .regional-title a.title-a {
  color: #fff !important;
}

/* Inline mo-thuong title (no background) */
.mo-thuong-ngay .regional-title {
  background: none !important;
  color: var(--cf-crimson) !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  padding: 0 0 8px 0 !important;
}
.mo-thuong-ngay .regional-title::before { display: none !important; }

/* ════════════════════════════════════════════════════════════════
   6. SIDEBAR — Dark Mahogany Panel
   ════════════════════════════════════════════════════════════════ */

/* Sidebar columns as dark panels */
.col-center, .col-right, .sb-week-full {
  position: relative;
}

/* Both sidebar columns sit at top with natural height — no stretch */
.col-center, .col-right {
  align-self: start !important;
}

.col-center .box,
.col-right .box,
.sb-week-full .box {
  background: #231008 !important;
  border: 1px solid rgba(200,146,12,.15) !important;
  border-radius: var(--cf-radius) !important;
  box-shadow: 0 3px 16px rgba(26,10,7,.25) !important;
  margin-bottom: 12px !important;
  color: var(--cf-text-sidebar) !important;
  overflow: hidden !important;
}

/* Sidebar section titles */
.col-center .tit-mien,
.col-right .tit-mien,
.sb-week-full .tit-mien,
.col-center .box > .tit-mien,
.col-right .box > .tit-mien,
.sb-week-full .box > .tit-mien,
.col-center .regional-title,
.col-right .regional-title {
  background: linear-gradient(135deg, #0f0503 0%, #1a0a07 100%) !important;
  color: var(--cf-gold-bright) !important;
  border-bottom: 1px solid rgba(200,146,12,.3) !important;
  padding: 10px 14px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  border-radius: var(--cf-radius) var(--cf-radius) 0 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-family: var(--cf-font) !important;
}
.col-center .tit-mien::before,
.col-right .tit-mien::before,
.sb-week-full .tit-mien::before,
.col-center .regional-title::before,
.col-right .regional-title::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--cf-gold);
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 5px rgba(200,146,12,.6);
}
.col-center .tit-mien a,
.col-right .tit-mien a,
.sb-week-full .tit-mien a {
  color: var(--cf-gold-bright) !important;
}

/* All text in sidebar */
.col-center, .col-right, .sb-week-full,
.col-center .box *, .col-right .box *, .sb-week-full .box * {
  color: var(--cf-text-sidebar);
}

/* Sidebar links */
.col-center a, .col-right a, .sb-week-full a,
.col-center .box a, .col-right .box a, .sb-week-full .box a {
  color: var(--cf-text-sidebar) !important;
}
.col-center a:hover, .col-right a:hover, .sb-week-full a:hover,
.col-center .box a:hover, .col-right .box a:hover, .sb-week-full .box a:hover {
  color: var(--cf-gold-bright) !important;
}

/* Today label */
.sb-today-label {
  color: var(--cf-gold-bright) !important;
  background: rgba(255,255,255,.04) !important;
  border-bottom: 1px solid rgba(200,146,12,.2) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 7px 14px !important;
}

/* Region tag pills */
.sb-region-tag {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 12px;
  letter-spacing: .3px;
  margin: 6px 14px 4px;
}
.sb-region-tag.sb-mb {
  background: rgba(156,31,26,.4) !important;
  color: #ffb3ae !important;
  border: 1px solid rgba(156,31,26,.5) !important;
}
.sb-region-tag.sb-mn {
  background: rgba(41,128,185,.3) !important;
  color: #a8d4f0 !important;
  border: 1px solid rgba(41,128,185,.4) !important;
}
.sb-region-tag.sb-mt {
  background: rgba(39,174,96,.25) !important;
  color: #a2e4b8 !important;
  border: 1px solid rgba(39,174,96,.35) !important;
}

/* Province list in sidebar */
.sb-province-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 4px 14px 10px !important;
  font-size: 12.5px !important;
  color: var(--cf-text-sidebar2) !important;
  line-height: 1.8 !important;
}
.sb-province-link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 3px 9px !important;
  border: 1px solid rgba(200,146,12,.22) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.035) !important;
  color: var(--cf-text-sidebar) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  transition: background .15s, border-color .15s, color .15s !important;
}
.sb-province-link:hover {
  background: rgba(200,146,12,.16) !important;
  border-color: rgba(200,146,12,.5) !important;
  color: var(--cf-gold-bright) !important;
}
.sb-mini-region {
  display: grid !important;
  grid-template-columns: 34px 1fr !important;
  align-items: start !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}
.sb-mini-region:last-child {
  border-bottom: 0 !important;
}
.sb-mini-region > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  border-radius: 999px !important;
  background: rgba(200,146,12,.15) !important;
  color: var(--cf-gold-bright) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
}
.sb-mini-region .sb-province-list {
  padding: 0 !important;
}
.sb-week-links .sb-province-list {
  padding: 0 !important;
  gap: 4px !important;
}
.sb-week-links .sb-province-link {
  min-height: 22px !important;
  padding: 2px 7px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
}
.sb-week-table .sb-col-mb .sb-province-list {
  justify-content: center !important;
}
.sb-week-table .sb-col-mb .sb-province-link {
  min-width: max-content !important;
  white-space: nowrap !important;
}

/* Week schedule table — wider col-center layout */
.sb-week-table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  font-size: 13px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.sb-week-table .sb-col-day {
  width: 19% !important;
}
.sb-week-table .sb-col-mb {
  width: 21% !important;
}
.sb-week-table .sb-col-mt {
  width: 29% !important;
}
.sb-week-table .sb-col-mn {
  width: 31% !important;
}
.sb-week-table th {
  background: rgba(200,146,12,.12) !important;
  color: var(--cf-gold-bright) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  padding: 9px 14px !important;
  border-bottom: 1px solid rgba(200,146,12,.2) !important;
  border-right: 1px solid rgba(255, 224, 151, .32) !important;
  text-align: left !important;
}
.sb-week-table th:last-child {
  border-right: 0 !important;
}
.sb-week-table td {
  padding: 8px 14px !important;
  color: var(--cf-text-sidebar2) !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  border-right: 1px solid rgba(255, 224, 151, .3) !important;
  font-size: 13px !important;
  vertical-align: middle !important;
}
.sb-week-table td:last-child {
  border-right: 0 !important;
}
/* Day column slightly wider and more prominent */
.sb-week-table .sb-day {
  min-width: 72px !important;
}
.sb-week-table tbody tr:nth-child(odd) td {
  background: #2a0d06 !important;
  color: #f4dbc2 !important;
}
.sb-week-table tbody tr:nth-child(even) td,
.sb-week-table tbody tr.sb-today-row:nth-child(even) td,
.sb-week-table tbody tr.sb-today-row:nth-child(odd) td {
  background: #fff1c8 !important;
  color: #4b160e !important;
}
.sb-week-table .sb-day {
  color: var(--cf-text-sidebar) !important;
  font-weight: 600 !important;
}
.sb-week-table tbody tr:nth-child(odd) .sb-day {
  color: #f7e2ca !important;
}
.sb-week-table tbody tr:nth-child(even) .sb-day,
.sb-week-table tbody tr.sb-today-row .sb-day {
  color: #5b1b12 !important;
}
.sb-week-table tbody tr:nth-child(odd) .sb-province-link {
  background: rgba(255, 214, 106, .08) !important;
  border-color: rgba(255, 199, 76, .38) !important;
  color: #f2d9bf !important;
}
.sb-week-table tbody tr:nth-child(even) .sb-province-link,
.sb-week-table tbody tr.sb-today-row .sb-province-link {
  background: #fffdf8 !important;
  border-color: #d79d13 !important;
  color: #6b1b12 !important;
  box-shadow: 0 2px 8px rgba(107,27,18,.12) !important;
}
.sb-week-table tbody tr .sb-province-link:hover {
  background: #a51e19 !important;
  border-color: #ffd76a !important;
  color: #fff8e6 !important;
}

/* Quicklinks */
.sb-quicklinks {
  padding: 6px 0 4px !important;
  list-style: none !important;
  margin: 0 !important;
}
.sb-quicklinks li a {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 14px !important;
  color: var(--cf-text-sidebar) !important;
  font-size: 12.5px !important;
  border-bottom: 1px solid rgba(255,255,255,.04) !important;
  transition: background .15s, color .15s !important;
  font-family: var(--cf-font) !important;
}
.sb-quicklinks li a:hover {
  background: rgba(200,146,12,.1) !important;
  color: var(--cf-gold-bright) !important;
  border-left: 2px solid var(--cf-gold) !important;
  padding-left: 12px !important;
}
.sb-quicklinks li a::before {
  content: "›" !important;
  color: var(--cf-gold) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}
.sb-quicklinks li .sb-province {
  color: var(--cf-text-sidebar2) !important;
  font-size: 12px !important;
}

/* ════════════════════════════════════════════════════════════════
   7. LOTTERY RESULT TABLES — Warm redesign
   ════════════════════════════════════════════════════════════════ */

/* Alternating rows — warm tints */
table.kqmb tr:nth-child(odd) { background: #fff !important; }
table.kqmb tr:nth-child(even) { background: #fffbf5 !important; }
table.kqmb tr:hover,
table.kqmn tr:hover,
table.kqmt tr:hover,
table.kqmn2 tr:hover {
  background: var(--cf-gold-tint) !important;
}
table.kqmb tr,
table.kqmn tr,
table.kqmt tr,
table.kqmn2 tr {
  border-bottom: 1px solid var(--cf-border) !important;
}

/* Prize name cell */
td.txt-giai {
  background: var(--cf-cream) !important;
  color: var(--cf-text-muted) !important;
  border-right: 2px solid var(--cf-border2) !important;
  font-family: var(--cf-font) !important;
  font-size: 11.5px !important;
}
tr.db td.txt-giai {
  color: var(--cf-crimson) !important;
  background: #fff8f5 !important;
  font-size: 12px !important;
}
tr.g1 td.txt-giai { color: #555 !important; }

/* Jackpot prize number — warmer red */
tr.db td.v-giai.number span,
td.v-giai.number span.v-gdb {
  color: var(--cf-crimson) !important;
  text-shadow: 0 2px 6px rgba(156,31,26,.15) !important;
  font-weight: 900 !important;
}
tr.db { background: #fff8f5 !important; }

/* Giải 1 */
tr.g1 td.v-giai.number span {
  color: var(--cf-crimson-rich) !important;
  font-weight: 800 !important;
}

/* Giải 7 */
tr.g7 td.v-giai.number span {
  color: #1a5fa8 !important;
  font-weight: 800 !important;
}

/* Loto highlight */
td.v-giai.number span[class^="lotpos"] {
  background: var(--cf-gold-pale) !important;
  color: var(--cf-gold) !important;
  border-radius: 4px !important;
  padding: 1px 3px !important;
  font-weight: 800 !important;
}

/* Number cells */
td.v-giai.number > span {
  font-size: 16px !important;
  color: #2c1a10 !important;
  font-weight: 700 !important;
  font-family: var(--cf-font) !important;
}

/* Alert bar */
.alert {
  background: var(--cf-gold-tint) !important;
  border-left-color: var(--cf-gold) !important;
  color: #5a3d10 !important;
}
.alert a { color: var(--cf-crimson) !important; }

/* Province table */
table.table-fixed a { color: var(--cf-crimson) !important; }
table.table-fixed a:hover { color: var(--cf-gold) !important; }
table.table-fixed td { border-color: var(--cf-border) !important; }

/* Multi-city table headers */
table.coltwocity tr.gr-yellow th,
table.colthreecity tr.gr-yellow th,
table.colfourcity tr.gr-yellow th {
  background: linear-gradient(135deg, var(--cf-dark), var(--cf-dark3)) !important;
  color: rgba(255,255,255,.9) !important;
}
table.coltwocity tr.gr-yellow th.first,
table.colthreecity tr.gr-yellow th.first,
table.colfourcity tr.gr-yellow th.first {
  background: var(--cf-dark) !important;
}
table.coltwocity tr.gr-yellow th a:hover,
table.colthreecity tr.gr-yellow th a:hover,
table.colfourcity tr.gr-yellow th a:hover {
  color: var(--cf-gold-bright) !important;
}

/* Multi-city hover */
table.coltwocity tr:not(.gr-yellow):hover,
table.colthreecity tr:not(.gr-yellow):hover,
table.colfourcity tr:not(.gr-yellow):hover {
  background: var(--cf-gold-tint) !important;
}
table.mag0 tr:hover td,
table.tbl50 tr:hover td,
table.with-border tr:hover td,
table.bang-cau tr:hover td,
table.colgiai tr:hover td,
.box.tr-hover > div > table tr:hover td,
.box table tr:hover td,
table.box tr:hover td {
  background: var(--cf-gold-tint) !important;
}
.sb-week-full .box table.sb-week-table tbody tr:nth-child(odd):hover td {
  background: #2a0d06 !important;
  color: #f4dbc2 !important;
}
.sb-week-full .box table.sb-week-table tbody tr:nth-child(even):hover td,
.sb-week-full .box table.sb-week-table tbody tr.sb-today-row:hover td {
  background: #fff1c8 !important;
  color: #4b160e !important;
}
.sb-week-full .box table.sb-week-table tbody tr:nth-child(odd):hover .sb-day {
  color: #f7e2ca !important;
}
.sb-week-full .box table.sb-week-table tbody tr:nth-child(even):hover .sb-day,
.sb-week-full .box table.sb-week-table tbody tr.sb-today-row:hover .sb-day {
  color: #5b1b12 !important;
}
.sb-week-full .box table.sb-week-table tbody tr:nth-child(odd):hover .sb-province-link {
  background: rgba(255, 214, 106, .08) !important;
  border-color: rgba(255, 199, 76, .38) !important;
  color: #f2d9bf !important;
}
.sb-week-full .box table.sb-week-table tbody tr:nth-child(even):hover .sb-province-link,
.sb-week-full .box table.sb-week-table tbody tr.sb-today-row:hover .sb-province-link {
  background: #fffdf8 !important;
  border-color: #d79d13 !important;
  color: #6b1b12 !important;
}
.sb-week-full .box table.sb-week-table tbody tr .sb-province-link:hover {
  background: #a51e19 !important;
  border-color: #ffd76a !important;
  color: #fff8e6 !important;
}

/* Province result pages imported from Minh Ngoc */
.xoso-province-page .box_kqxs {
  background: var(--cf-card) !important;
  border: 1px solid var(--cf-border) !important;
  border-radius: var(--cf-radius) !important;
  box-shadow: var(--cf-shadow) !important;
  color: var(--cf-text) !important;
  font-family: var(--cf-font) !important;
  font-size: 13px !important;
  margin: 0 0 14px !important;
  overflow: hidden !important;
}
.xoso-province-page .box_kqxs .top .bkl,
.xoso-province-page .box_kqxs .top .bkr,
.xoso-province-page .box_kqxs .top .bkm {
  background: linear-gradient(135deg, var(--cf-dark) 0%, var(--cf-dark3) 100%) !important;
  border-bottom: 2px solid var(--cf-gold) !important;
  color: #fff !important;
  display: block !important;
  font-family: var(--cf-font) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  padding: 11px 16px !important;
  text-transform: uppercase !important;
}
.xoso-province-page .box_kqxs .top .title a,
.xoso-province-page .box_kqxs .top .title a:visited {
  color: #fff !important;
  text-decoration: none !important;
}
.xoso-province-page .box_kqxs .top .title::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--cf-gold-bright), var(--cf-gold));
  box-shadow: 0 0 6px rgba(200,146,12,.55);
}
.xoso-province-page .box_kqxs .content {
  padding: 12px !important;
}
.xoso-province-page .bkqtinhmienbac,
.xoso-province-page .bkqtinhmiennam,
.xoso-province-page .bkqtinhmientrung,
.xoso-province-page .box_kqxs_content {
  border-collapse: collapse !important;
  width: 100% !important;
}
.xoso-province-page .bkqtinhmienbac > tbody > tr > td,
.xoso-province-page .bkqtinhmiennam > tbody > tr > td,
.xoso-province-page .bkqtinhmientrung > tbody > tr > td {
  border: 0 !important;
  padding: 0 !important;
}
.xoso-province-page .loai_ves,
.xoso-province-page .bkqtinhmienbac > tbody > tr:nth-child(2) > td:not(:first-child),
.xoso-province-page .bkqtinhmiennam > tbody > tr:nth-child(2) > td:not(:first-child),
.xoso-province-page .bkqtinhmientrung > tbody > tr:nth-child(2) > td:not(:first-child),
.xoso-province-page .bkqtinhmienbac > tbody > tr:nth-child(n+3),
.xoso-province-page .bkqtinhmiennam > tbody > tr:nth-child(n+3),
.xoso-province-page .bkqtinhmientrung > tbody > tr:nth-child(n+3) {
  display: none !important;
}
.xoso-province-page .box_kqxs .thu,
.xoso-province-page .box_kqxs .ngay,
.xoso-province-page .box_kqxs .loaive {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  margin: 0 6px 10px 0 !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  background: var(--cf-gold-tint) !important;
  border: 1px solid rgba(200,146,12,.25) !important;
  color: #6b3d08 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.xoso-province-page .box_kqxs .ngay {
  background: #fff8f5 !important;
  border-color: rgba(156,31,26,.16) !important;
  color: var(--cf-crimson) !important;
}
.xoso-province-page .box_kqxs .loaive {
  background: rgba(26,10,7,.08) !important;
  border-color: rgba(26,10,7,.1) !important;
  color: var(--cf-dark3) !important;
}
.xoso-province-page .box_kqxs a {
  color: inherit !important;
  text-decoration: none !important;
}
.xoso-province-page .box_kqxs_content td {
  border: 1px solid var(--cf-border) !important;
  padding: 8px 10px !important;
  vertical-align: middle !important;
}
.xoso-province-page .giaidbl,
.xoso-province-page .giai1l,
.xoso-province-page .giai2l,
.xoso-province-page .giai3l,
.xoso-province-page .giai4l,
.xoso-province-page .giai5l,
.xoso-province-page .giai6l,
.xoso-province-page .giai7l,
.xoso-province-page .giai8l {
  width: 112px !important;
  background: var(--cf-cream) !important;
  color: var(--cf-text-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: center !important;
  white-space: nowrap !important;
}
.xoso-province-page .giaidb,
.xoso-province-page .giai1,
.xoso-province-page .giai2,
.xoso-province-page .giai3,
.xoso-province-page .giai4,
.xoso-province-page .giai5,
.xoso-province-page .giai6,
.xoso-province-page .giai7,
.xoso-province-page .giai8 {
  color: #2c1a10 !important;
  font-family: var(--cf-font) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.75 !important;
  text-align: center !important;
}
.xoso-province-page .giaidb {
  background: #fff8f5 !important;
  color: var(--cf-crimson) !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  letter-spacing: 3px !important;
  line-height: 1.35 !important;
}
.xoso-province-page .giaidb div,
.xoso-province-page .giai1 div,
.xoso-province-page .giai2 div,
.xoso-province-page .giai3 div,
.xoso-province-page .giai4 div,
.xoso-province-page .giai5 div,
.xoso-province-page .giai6 div,
.xoso-province-page .giai7 div,
.xoso-province-page .giai8 div {
  display: inline-block !important;
  min-width: 74px !important;
  margin: 1px 6px !important;
}
.xoso-province-page .giai7 div {
  color: var(--cf-crimson-rich) !important;
  font-size: 18px !important;
}

/* ════════════════════════════════════════════════════════════════
   8. TAB PILLS — Modern pill style
   ════════════════════════════════════════════════════════════════ */
ul.tab-panel {
  padding: 10px 12px 8px !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
ul.tab-panel li a {
  color: var(--cf-crimson) !important;
  background: var(--cf-cream) !important;
  border: 1.5px solid var(--cf-border2) !important;
  border-radius: 20px !important;
  padding: 5px 14px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  transition: all .15s !important;
  font-family: var(--cf-font) !important;
}
ul.tab-panel li.active a,
ul.tab-panel li a:hover {
  background: var(--cf-crimson) !important;
  color: #fff !important;
  border-color: var(--cf-crimson) !important;
  box-shadow: 0 2px 8px rgba(156,31,26,.3) !important;
}
ul.tab-panel li.active a *,
ul.tab-panel li a:hover * {
  color: #fff !important;
}
ul.tab-panel li span,
.is-disabled-link {
  color: var(--cf-crimson) !important;
  background: var(--cf-cream) !important;
  border: 1.5px solid var(--cf-border2) !important;
  border-radius: 20px !important;
  padding: 5px 14px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  font-family: var(--cf-font) !important;
  display: inline-flex !important;
  align-items: center !important;
  cursor: default !important;
}

/* Inline stat tabs */
.tab-thong-ke-inline > div > a {
  color: var(--cf-crimson) !important;
  background: var(--cf-cream) !important;
  border-color: var(--cf-border2) !important;
  border-radius: 16px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: var(--cf-font) !important;
}
.tab-thong-ke-inline > div > a:hover {
  background: var(--cf-crimson) !important;
  color: #fff !important;
  border-color: var(--cf-crimson) !important;
}

/* City name active tab */
.one-city .city-name.active,
.one-city .tabkq.active {
  background: var(--cf-crimson) !important;
  color: #fff !important;
}

/* ════════════════════════════════════════════════════════════════
   9. ITEM SUBLINKS & BUTTONS
   ════════════════════════════════════════════════════════════════ */
a.item_sublink, .item_sublink {
  color: var(--cf-crimson) !important;
  background: var(--cf-cream) !important;
  border: 1.5px solid var(--cf-border2) !important;
  border-radius: 16px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  transition: all .15s !important;
}
a.item_sublink:hover {
  background: var(--cf-crimson) !important;
  color: #fff !important;
  border-color: var(--cf-crimson) !important;
}
.col-l a.item_sublink:hover,
.col-l .box a.item_sublink:hover,
.col-l .box .bottom-html a.item_sublink:hover,
.col-l .item_sublink:hover,
.col-l a.item_sublink:hover *,
.col-l .box a.item_sublink:hover *,
.col-l .box .bottom-html a.item_sublink:hover *,
.col-l .item_sublink:hover * {
  color: #fff !important;
}

.btn-see-more, #result-see-more {
  color: var(--cf-crimson) !important;
  background: var(--cf-cream) !important;
  border: 1.5px solid var(--cf-border2) !important;
  border-radius: 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: all .15s !important;
  font-family: var(--cf-font) !important;
}
.btn-see-more:hover, #result-see-more:hover {
  background: var(--cf-crimson) !important;
  color: #fff !important;
  border-color: var(--cf-crimson) !important;
}
.btn-see-more:hover *,
#result-see-more:hover * {
  color: #fff !important;
}

/* Stats form button */
#statistic-form .btn-danger {
  background: var(--cf-crimson) !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-family: var(--cf-font) !important;
  font-weight: 700 !important;
}
#statistic-form .btn-danger:hover {
  background: var(--cf-dark3) !important;
}

/* ════════════════════════════════════════════════════════════════
   10. PAGINATION
   ════════════════════════════════════════════════════════════════ */
.paging a {
  border-radius: 8px !important;
  font-family: var(--cf-font) !important;
  transition: all .15s !important;
}
.paging a:hover, .paging .current, .paging span.current {
  background: var(--cf-crimson) !important;
  border-color: var(--cf-crimson) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(156,31,26,.3) !important;
}

/* ════════════════════════════════════════════════════════════════
   11. CONTENT LINKS
   ════════════════════════════════════════════════════════════════ */
.content-right a { color: var(--cf-crimson) !important; }
.content-right a:hover { color: var(--cf-gold) !important; }
.box .bottom-html a { color: var(--cf-crimson) !important; }

/* ════════════════════════════════════════════════════════════════
   12. NEWS / BLOG CARDS
   ════════════════════════════════════════════════════════════════ */
.box.cate-news li a.bold { color: var(--cf-crimson) !important; }
.box.cate-news li a.bold:hover { color: var(--cf-gold) !important; }
.cate-news ul li h3 a { color: var(--cf-crimson) !important; font-family: var(--cf-font) !important; }
.cate-news ul li h3 a:hover { color: var(--cf-gold) !important; }

/* ════════════════════════════════════════════════════════════════
   13. SINGLE POST / PAGE CONTENT
   ════════════════════════════════════════════════════════════════ */
.box-detail h1, .box-detail h2, .box-detail h3 {
  color: var(--cf-crimson) !important;
  font-family: var(--cf-font) !important;
}

/* ════════════════════════════════════════════════════════════════
   14. DISCLAIMER NOTICE
   ════════════════════════════════════════════════════════════════ */
.disclaimer-notice {
  background: var(--cf-gold-tint) !important;
  border-left-color: var(--cf-gold) !important;
  color: #78350f !important;
}

/* ════════════════════════════════════════════════════════════════
   15. SEARCH PAGE
   ════════════════════════════════════════════════════════════════ */
.search-form input[type=search] {
  border: 2px solid var(--cf-border2);
  border-radius: 8px 0 0 8px;
  font-family: var(--cf-font);
}
.search-form input[type=search]:focus { border-color: var(--cf-crimson); }
.search-form button, .search-form input[type=submit] {
  background: var(--cf-crimson);
  border-radius: 0 8px 8px 0;
  font-family: var(--cf-font);
  font-weight: 700;
}
.search-form button:hover { background: var(--cf-dark3); }

/* ════════════════════════════════════════════════════════════════
   16. BANNER + BACKDROP
   ════════════════════════════════════════════════════════════════ */
#banner-top { border-radius: var(--cf-radius-sm); overflow: hidden; }
#menu-mobile-backdrop {
  background: rgba(26,10,7,.6) !important;
  backdrop-filter: blur(2px) !important;
}

/* ════════════════════════════════════════════════════════════════
   17. VIETLOTT BALL NUMBERS
   ════════════════════════════════════════════════════════════════ */
table.data tr:first-child td {
  background: linear-gradient(135deg, var(--cf-crimson-light), var(--cf-crimson)) !important;
  box-shadow: 0 3px 10px rgba(156,31,26,.35) !important;
}

/* ════════════════════════════════════════════════════════════════
   18. 404 PAGE — Brand redesign
   ════════════════════════════════════════════════════════════════ */
.col-l .box.txt-center {
  text-align: center;
  padding: 50px 30px !important;
  background: var(--cf-card) !important;
}
.error404-wrap h1 { color: var(--cf-crimson) !important; font-family: var(--cf-font) !important; }
.error404-wrap a { color: var(--cf-crimson) !important; }
.error404-wrap a:hover { color: var(--cf-gold) !important; }

/* Custom 404 box enhancement */
.box.txt-center img {
  filter: hue-rotate(-20deg) saturate(1.2) !important;
  max-width: 340px !important;
  margin: 0 auto !important;
}
.box.txt-center p {
  font-size: 15px !important;
  font-family: var(--cf-font) !important;
  color: var(--cf-text-muted) !important;
  margin-top: 18px !important;
}
.box.txt-center p a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--cf-crimson) !important;
  color: #fff !important;
  padding: 10px 24px !important;
  border-radius: 24px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  box-shadow: 0 3px 12px rgba(156,31,26,.3) !important;
  transition: background .15s, box-shadow .15s !important;
  margin-top: 8px !important;
  font-family: var(--cf-font) !important;
}
.box.txt-center p a:hover {
  background: var(--cf-dark3) !important;
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(156,31,26,.35) !important;
}

/* ════════════════════════════════════════════════════════════════
   19. GLOSSARY
   ════════════════════════════════════════════════════════════════ */
.glossary-disclaimer {
  background: var(--cf-gold-tint) !important;
  border-left-color: var(--cf-gold) !important;
  color: #78350f !important;
}
.glossary-search-input:focus {
  border-color: var(--cf-gold) !important;
  box-shadow: 0 0 0 3px rgba(200,146,12,.12) !important;
}
.glossary-count-badge {
  background: var(--cf-gold-pale) !important;
  color: var(--cf-crimson) !important;
}
.glossary-card { box-shadow: 0 2px 8px rgba(156,31,26,.08) !important; }
.glossary-card:hover { box-shadow: 0 6px 20px rgba(156,31,26,.15) !important; }
.glossary-card dt,
dl.xoso-glossary dt {
  background: linear-gradient(135deg, var(--cf-crimson), var(--cf-dark3)) !important;
  color: #fff !important;
}
.glossary-card dd a,
dl.xoso-glossary dd a { color: var(--cf-gold) !important; }

/* ════════════════════════════════════════════════════════════════
   20. SITE FOOTER
   ════════════════════════════════════════════════════════════════ */
.site-footer {
  background: linear-gradient(180deg, var(--cf-dark2) 0%, var(--cf-dark) 100%) !important;
  color: var(--cf-text-sidebar2) !important;
  border-top: 3px solid var(--cf-gold) !important;
  margin-top: 24px !important;
}
a.footer-logo { color: #fff !important; }
a.footer-logo:hover { color: var(--cf-gold-bright) !important; }
.footer-tagline { color: var(--cf-text-sidebar2) !important; }
.footer-disclaimer-inline { border-left-color: rgba(200,146,12,.45) !important; }
.footer-col h4 {
  color: var(--cf-gold-bright) !important;
  border-bottom-color: rgba(200,146,12,.2) !important;
}
.footer-col ul li a { color: var(--cf-text-sidebar2) !important; }
.footer-col ul li a::before { color: var(--cf-gold-bright) !important; }
.footer-col ul li a:hover { color: #fff !important; }
.footer-bottom { background: rgba(0,0,0,.3) !important; }
.footer-bottom-inner p { color: #6b5040 !important; }
.footer-bottom-inner p a { color: var(--cf-gold-bright) !important; }
nav.footer-legal-nav a { color: #6b5040 !important; }
nav.footer-legal-nav a:hover { color: var(--cf-gold-bright) !important; }

/* ════════════════════════════════════════════════════════════════
   21. PREDICTION CARDS (homepage hero + DDT-specific elements)
   ════════════════════════════════════════════════════════════════ */
.ddt-predict-card {
  background: linear-gradient(135deg, #fff8e8 0%, var(--cf-card) 100%) !important;
  border: 2px solid rgba(200,146,12,.35) !important;
  border-radius: var(--cf-radius) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
  box-shadow: var(--cf-shadow-gold) !important;
}
.ddt-lucky-num {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--cf-gold-light), var(--cf-gold)) !important;
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 3px 10px rgba(200,146,12,.4) !important;
  font-family: var(--cf-font) !important;
}
.ddt-lucky-num.highlight {
  background: linear-gradient(135deg, var(--cf-crimson-rich), var(--cf-crimson)) !important;
  box-shadow: 0 3px 10px rgba(156,31,26,.4) !important;
}
.ddt-hero-cta {
  transform: translateY(0);
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease, border-color .16s ease !important;
}
.ddt-hero-cta-light {
  background: #fff !important;
  color: #9f1512 !important;
}
.ddt-hero-cta-gold {
  background: linear-gradient(135deg, #ffe36c, #f3b300) !important;
  color: #3b1208 !important;
}
.ddt-hero-cta:hover,
.ddt-hero-cta:focus {
  transform: translateY(-2px);
  text-decoration: none !important;
}
.ddt-hero-cta-light:hover,
.ddt-hero-cta-light:focus {
  background: #b51f1a !important;
  border-color: #ffdf8a !important;
  color: #fff8e6 !important;
  box-shadow: 0 10px 22px rgba(181,31,26,.34), 0 0 0 2px rgba(255,223,138,.22) !important;
}
.ddt-hero-cta-gold:hover,
.ddt-hero-cta-gold:focus {
  background: linear-gradient(135deg, #fff2a6, #ffbf18) !important;
  border-color: #fff5bf !important;
  color: #260a04 !important;
  box-shadow: 0 11px 26px rgba(255,191,24,.45), 0 0 0 2px rgba(255,245,191,.26) !important;
}
.ddt-hero-cta:hover span,
.ddt-hero-cta:focus span {
  opacity: 1 !important;
}

/* ════════════════════════════════════════════════════════════════
   22. UTILITY
   ════════════════════════════════════════════════════════════════ */
.cl-text-primary { color: var(--cf-crimson) !important; }

/* ════════════════════════════════════════════════════════════════
   23. RESPONSIVE
   ════════════════════════════════════════════════════════════════ */
@media (max-width: 960px) {
  .content.main {
    grid-template-columns: 1fr 430px !important;
  }
  .sidebar-top {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
}

@media (max-width: 760px) {
  .content.main {
    grid-template-columns: 1fr 280px !important;
  }
  .col-right { display: none !important; }
  .sidebar-top {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 660px) {
  .content.main {
    grid-template-columns: 1fr !important;
    padding: 0 8px !important;
    gap: 10px !important;
  }
  .col-sidebar { display: none !important; }
  html,
  body {
    overflow-x: hidden !important;
  }
  .col-l,
  .col-l .box {
    max-width: 100% !important;
  }
  .col-l .box:has(table.coltwocity),
  .col-l .box:has(table.colthreecity),
  .col-l .box:has(table.colfourcity) {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .col-l table.coltwocity,
  .col-l table.colthreecity,
  .col-l table.colfourcity {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }
  .col-l table.coltwocity {
    min-width: 0 !important;
  }
  .col-l table.colthreecity {
    min-width: 0 !important;
  }
  .col-l table.colfourcity {
    min-width: 0 !important;
  }
  .col-l table.coltwocity th:first-child,
  .col-l table.coltwocity td:first-child,
  .col-l table.colthreecity th:first-child,
  .col-l table.colthreecity td:first-child,
  .col-l table.colfourcity th:first-child,
  .col-l table.colfourcity td:first-child {
    width: 42px !important;
    min-width: 42px !important;
  }
  .col-l table.coltwocity th:not(:first-child),
  .col-l table.coltwocity td:not(:first-child) {
    width: calc((100% - 42px) / 2) !important;
    min-width: 0 !important;
  }
  .col-l table.colthreecity th:not(:first-child),
  .col-l table.colthreecity td:not(:first-child) {
    width: calc((100% - 42px) / 3) !important;
    min-width: 0 !important;
  }
  .col-l table.colfourcity th:not(:first-child),
  .col-l table.colfourcity td:not(:first-child) {
    width: calc((100% - 42px) / 4) !important;
    min-width: 0 !important;
  }
  .col-l table.coltwocity tr.gdb td:not(:first-child),
  .col-l table.colthreecity tr.gdb td:not(:first-child),
  .col-l table.colfourcity tr.gdb td:not(:first-child),
  .col-l table.coltwocity tr.gdb td:not(:first-child) div,
  .col-l table.colthreecity tr.gdb td:not(:first-child) div,
  .col-l table.colfourcity tr.gdb td:not(:first-child) div {
    font-size: clamp(18px, 5.4vw, 22px) !important;
    letter-spacing: 0 !important;
  }
  .xoso-province-page .box_kqxs {
    border-radius: 10px !important;
    margin-bottom: 12px !important;
  }
  .xoso-province-page .box_kqxs .top .bkl,
  .xoso-province-page .box_kqxs .top .bkr,
  .xoso-province-page .box_kqxs .top .bkm {
    font-size: 12px !important;
    line-height: 1.45 !important;
    padding: 10px 12px !important;
  }
  .xoso-province-page .box_kqxs .content {
    overflow-x: auto !important;
    padding: 10px !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .xoso-province-page .box_kqxs_content {
    min-width: 355px !important;
  }
  .xoso-province-page .giaidbl,
  .xoso-province-page .giai1l,
  .xoso-province-page .giai2l,
  .xoso-province-page .giai3l,
  .xoso-province-page .giai4l,
  .xoso-province-page .giai5l,
  .xoso-province-page .giai6l,
  .xoso-province-page .giai7l,
  .xoso-province-page .giai8l {
    width: 76px !important;
    font-size: 11px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .xoso-province-page .giaidb {
    font-size: 24px !important;
    letter-spacing: 1.5px !important;
  }
  .xoso-province-page .giai1,
  .xoso-province-page .giai2,
  .xoso-province-page .giai3,
  .xoso-province-page .giai4,
  .xoso-province-page .giai5,
  .xoso-province-page .giai6,
  .xoso-province-page .giai7,
  .xoso-province-page .giai8 {
    font-size: 15px !important;
  }
  .xoso-province-page .giaidb div,
  .xoso-province-page .giai1 div,
  .xoso-province-page .giai2 div,
  .xoso-province-page .giai3 div,
  .xoso-province-page .giai4 div,
  .xoso-province-page .giai5 div,
  .xoso-province-page .giai6 div,
  .xoso-province-page .giai7 div,
  .xoso-province-page .giai8 div {
    min-width: 58px !important;
    margin: 1px 3px !important;
  }

  body > header {
    position: sticky !important;
    top: 0 !important;
  }
  .logo-brand-text strong { font-size: 15px !important; }
  .logo a.txtlogo {
    min-width: 200px !important;
    gap: 9px !important;
  }
  .logo a.txtlogo::before {
    width: 36px !important;
    height: 36px !important;
    font-size: 10px !important;
  }
  .logo-brand-text {
    padding-left: 8px !important;
  }
  .logo-brand-text small { font-size: 9px !important; }
  .header-search { display: none !important; }
}

/* ════════════════════════════════════════════════════════════════
   24. MICRO-ANIMATIONS
   ════════════════════════════════════════════════════════════════ */
.col-l .box {
  transition: box-shadow .2s ease, transform .15s ease !important;
}
.col-l .box:hover {
  transform: translateY(-1px) !important;
}

ul.tab-panel li a,
a.item_sublink,
.btn-see-more, #result-see-more,
.paging a {
  transition: all .15s ease !important;
}

/* Gold shimmer on section titles on hover */
.col-l .regional-title:hover,
.col-l .tit-mien:hover {
  border-bottom-color: var(--cf-gold-bright) !important;
}

/* Quay thử 3 miền */
.xoso-simulator-page .col-l {
  min-width: 0;
}
.xoso-sim-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 18px;
  padding: 26px 28px;
  border: 1px solid rgba(255, 190, 68, .28);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(45, 9, 4, .96), rgba(126, 26, 13, .95)), #3b1008;
  box-shadow: 0 12px 28px rgba(45, 18, 8, .18);
  color: #fff;
}
.xoso-sim-kicker {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 10px;
  border: 1px solid rgba(255, 207, 84, .45);
  border-radius: 999px;
  color: #ffd866;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.xoso-sim-hero h1 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 30px;
  line-height: 1.2;
}
.xoso-sim-hero p {
  max-width: 650px;
  margin: 0;
  color: rgba(255, 245, 232, .86);
  font-size: 15px;
  line-height: 1.6;
}
.xoso-sim-primary {
  flex: 0 0 auto;
  min-width: 150px;
  height: 46px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffd452, #e6a900);
  color: #5d160d;
  cursor: pointer;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(230, 169, 0, .26);
}
.xoso-sim-primary:hover {
  background: linear-gradient(180deg, #ffe27a, #f0b70b);
  color: #3b0d07;
}
.xoso-sim-primary:disabled {
  cursor: wait;
  opacity: .82;
}
.xoso-sim-panel {
  overflow: hidden;
  border: 1px solid #eadfd0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(51, 24, 12, .08);
}
.xoso-sim-toolbar {
  display: grid;
  grid-template-columns: 1fr 230px;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid #efe4d6;
  background: #fffaf2;
}
.xoso-sim-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.xoso-sim-tabs button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #e2cbb6;
  border-radius: 999px;
  background: #fff;
  color: #a51e19;
  cursor: pointer;
  font-weight: 800;
}
.xoso-sim-tabs button:hover,
.xoso-sim-tabs button.is-active {
  border-color: #a51e19;
  background: #a51e19;
  color: #fff;
}
.xoso-sim-select {
  display: grid;
  gap: 6px;
  color: #6f5145;
  font-size: 13px;
  font-weight: 800;
}
.xoso-sim-select select {
  width: 100%;
  height: 38px;
  border: 1px solid #e2cbb6;
  border-radius: 8px;
  background: #fff;
  color: #31120b;
  font-weight: 700;
}
.xoso-sim-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 18px;
  background: #2d0c06;
  color: #fff;
}
.xoso-sim-status span {
  display: block;
  color: #f6c95b;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.xoso-sim-status strong {
  display: block;
  margin-top: 2px;
  font-size: 18px;
}
.xoso-sim-date {
  color: #f5d6a6;
  font-weight: 800;
  white-space: nowrap;
}
.xoso-sim-table-wrap {
  overflow-x: auto;
}
.xoso-sim-table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  background: #fff;
}
.xoso-sim-table th,
.xoso-sim-table td {
  border-bottom: 1px solid #f0e4d7;
  padding: 13px 14px;
}
.xoso-sim-table th {
  width: 120px;
  background: #fff7ef;
  color: #8a5b47;
  font-size: 14px;
  text-align: center;
}
.xoso-sim-table td {
  text-align: center;
}
.xoso-sim-table td span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  margin: 4px 8px;
  color: #171717;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.15;
}
.xoso-sim-table td span.is-hot {
  color: #c91d1d;
  font-size: 30px;
}
.xoso-sim-table td span.is-waiting {
  color: #c9b5a4;
  letter-spacing: 2px;
}
.xoso-sim-table td span.is-spinning {
  border-radius: 8px;
  background: #fff3d4;
  color: #8f241a;
  box-shadow: inset 0 0 0 1px rgba(230, 169, 0, .24);
  animation: xosoSpinPulse .22s linear infinite;
}
.xoso-sim-table td span.is-final {
  animation: xosoFinalPop .24s ease-out both;
}
.xoso-sim-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(240px, .85fr);
  gap: 16px;
  padding: 16px;
  background: #fff;
}
.xoso-sim-loto,
.xoso-sim-note {
  border: 1px solid #efe4d6;
  border-radius: 8px;
  background: #fffaf4;
}
.xoso-sim-loto h2,
.xoso-sim-note h2 {
  margin: 0;
  padding: 12px 14px;
  border-bottom: 1px solid #efe4d6;
  color: #35140c;
  font-size: 16px;
}
.xoso-sim-loto [data-sim-loto] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xoso-sim-loto [data-sim-loto] div {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  min-height: 38px;
  padding: 8px 12px;
  border-right: 1px solid #f0e4d7;
  border-bottom: 1px solid #f0e4d7;
  color: #4b2a1e;
  font-weight: 700;
}
.xoso-sim-loto [data-sim-loto] strong {
  color: #bd1f1f;
  text-align: center;
}
.xoso-sim-note p {
  margin: 0;
  padding: 13px 14px 16px;
  color: #6d5a50;
  line-height: 1.65;
}
@keyframes xosoSpinPulse {
  0% { transform: translateY(0); opacity: .75; }
  50% { transform: translateY(-1px); opacity: 1; }
  100% { transform: translateY(0); opacity: .75; }
}
@keyframes xosoFinalPop {
  0% { transform: scale(.92); }
  70% { transform: scale(1.06); }
  100% { transform: scale(1); }
}
@media (max-width: 900px) {
  .xoso-sim-hero,
  .xoso-sim-status {
    align-items: flex-start;
    flex-direction: column;
  }
  .xoso-sim-toolbar,
  .xoso-sim-bottom {
    grid-template-columns: 1fr;
  }
  .xoso-sim-date {
    white-space: normal;
  }
}
@media (max-width: 560px) {
  .xoso-sim-hero {
    padding: 20px 18px;
  }
  .xoso-sim-hero h1 {
    font-size: 24px;
  }
  .xoso-sim-primary {
    width: 100%;
  }
  .xoso-sim-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  .xoso-sim-tabs button {
    min-width: 0;
    padding: 0 8px;
    font-size: 13px;
  }
  .xoso-sim-table {
    min-width: 520px;
  }
  .xoso-sim-table td span {
    min-width: 64px;
    margin: 4px;
    font-size: 20px;
  }
  .xoso-sim-table td span.is-hot {
    font-size: 25px;
  }
.xoso-sim-loto [data-sim-loto] {
    grid-template-columns: 1fr;
  }
}

/* Công cụ dự đoán */
.xoso-predict-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 18px;
  padding: 26px 28px;
  border: 1px solid rgba(255, 190, 68, .28);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(45, 9, 4, .96), rgba(126, 26, 13, .95)), #3b1008;
  color: #fff;
  box-shadow: 0 12px 28px rgba(45, 18, 8, .18);
}
.xoso-predict-kicker {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 10px;
  border: 1px solid rgba(255, 207, 84, .45);
  border-radius: 999px;
  color: #ffd866;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.xoso-predict-hero h1 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 28px;
  line-height: 1.25;
}
.xoso-predict-hero p {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 245, 232, .86);
  line-height: 1.6;
}
.xoso-predict-primary {
  flex: 0 0 auto;
  min-width: 150px;
  height: 46px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffd452, #e6a900);
  color: #5d160d;
  cursor: pointer;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(230, 169, 0, .26);
}
.xoso-predict-panel {
  overflow: hidden;
  border: 1px solid #eadfd0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(51, 24, 12, .08);
}
.xoso-predict-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px 170px;
  gap: 14px;
  padding: 16px;
  border-bottom: 1px solid #efe4d6;
  background: #fffaf2;
}
.xoso-predict-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.xoso-predict-tabs button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #e2cbb6;
  border-radius: 999px;
  background: #fff;
  color: #a51e19;
  cursor: pointer;
  font-weight: 800;
}
.xoso-predict-tabs button:hover,
.xoso-predict-tabs button.is-active {
  border-color: #a51e19;
  background: #a51e19;
  color: #fff;
}
.xoso-predict-controls label {
  display: grid;
  gap: 6px;
  color: #6f5145;
  font-size: 13px;
  font-weight: 800;
}
.xoso-predict-controls select {
  width: 100%;
  height: 38px;
  border: 1px solid #e2cbb6;
  border-radius: 8px;
  background: #fff;
  color: #31120b;
  font-weight: 700;
}
.xoso-predict-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 18px;
  background: #2d0c06;
  color: #fff;
}
.xoso-predict-summary span {
  display: block;
  color: #f6c95b;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.xoso-predict-summary strong {
  display: block;
  margin-top: 2px;
  font-size: 18px;
}
.xoso-predict-date {
  color: #f5d6a6;
  font-weight: 800;
  white-space: nowrap;
}
.xoso-predict-results {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  padding: 16px;
}
.xoso-predict-empty {
  grid-column: 1 / -1;
  padding: 24px;
  border: 1px dashed #e2cbb6;
  border-radius: 8px;
  background: #fffaf4;
  color: #806252;
  text-align: center;
  font-weight: 700;
}
.xoso-predict-card {
  position: relative;
  padding: 14px 12px;
  border: 1px solid #efe0d0;
  border-radius: 8px;
  background: #fffdf9;
  text-align: center;
}
.xoso-predict-card .rank {
  position: absolute;
  top: 8px;
  left: 8px;
  color: #b28a68;
  font-size: 11px;
  font-weight: 900;
}
.xoso-predict-card strong {
  display: block;
  color: #c91d1d;
  font-size: 30px;
  line-height: 1.1;
}
.xoso-predict-card .score {
  overflow: hidden;
  height: 7px;
  margin: 12px 0 9px;
  border-radius: 999px;
  background: #f1e1cf;
}
.xoso-predict-card .score i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #a51e19, #e6a900);
}
.xoso-predict-card p {
  margin: 0;
  color: #72594c;
  font-size: 12px;
  line-height: 1.45;
}
.xoso-predict-card .xoso-predict-formula {
  margin-top: 6px;
  color: #9f1512;
  font-weight: 800;
}
.xoso-predict-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .8fr);
  gap: 16px;
  padding: 0 16px 16px;
}
.xoso-predict-box {
  border: 1px solid #efe4d6;
  border-radius: 8px;
  background: #fffaf4;
}
.xoso-predict-box h2 {
  margin: 0;
  padding: 12px 14px;
  border-bottom: 1px solid #efe4d6;
  color: #35140c;
  font-size: 16px;
}
.xoso-predict-box ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 14px;
  list-style: none;
}
.xoso-predict-box li {
  position: relative;
  overflow: hidden;
  min-height: 32px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #fff;
  color: #5e463a;
  font-weight: 700;
}
.xoso-predict-box li span {
  position: absolute;
  inset: 0 auto 0 0;
  width: 18px;
  background: rgba(230, 169, 0, .18);
}
.xoso-predict-box li b {
  float: right;
  color: #a51e19;
}
.xoso-predict-headtail {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xoso-predict-headtail div {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  min-height: 38px;
  padding: 8px 12px;
  border-right: 1px solid #f0e4d7;
  border-bottom: 1px solid #f0e4d7;
  color: #4b2a1e;
  font-weight: 700;
}
.xoso-predict-headtail strong {
  color: #bd1f1f;
  text-align: center;
}
@media (max-width: 900px) {
  .xoso-predict-hero,
  .xoso-predict-summary {
    align-items: flex-start;
    flex-direction: column;
  }
  .xoso-predict-controls,
  .xoso-predict-grid {
    grid-template-columns: 1fr;
  }
  .xoso-predict-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .xoso-predict-hero {
    padding: 20px 18px;
  }
  .xoso-predict-primary {
    width: 100%;
  }
  .xoso-predict-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  .xoso-predict-tabs button {
    min-width: 0;
    padding: 0 8px;
    font-size: 13px;
  }
  .xoso-predict-results {
    grid-template-columns: 1fr;
  }
.xoso-predict-headtail {
    grid-template-columns: 1fr;
  }
}

/* Trang xổ số theo thứ */
.xoso-weekday-box {
  overflow: hidden;
  border: 1px solid #eadfd0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(51, 24, 12, .08);
}
.xoso-weekday-intro {
  margin: 0;
  padding: 16px 18px;
  border-bottom: 1px solid #efe4d6;
  color: #6d5a50;
  line-height: 1.65;
}
.xoso-weekday-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 16px;
}
.xoso-weekday-region {
  border: 1px solid #efe4d6;
  border-radius: 8px;
  background: #fffaf4;
}
.xoso-weekday-region h2 {
  margin: 0;
  padding: 12px 14px;
  border-bottom: 1px solid #efe4d6;
  color: #35140c;
  font-size: 16px;
}
.xoso-weekday-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px;
}
.xoso-weekday-links a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 4px 11px;
  border: 1px solid #d79d13;
  border-radius: 999px;
  background: #fffdf8;
  color: #6b1b12 !important;
  font-weight: 800;
}
.xoso-weekday-links a:hover {
  background: #a51e19;
  border-color: #ffd76a;
  color: #fff8e6 !important;
}
@media (max-width: 760px) {
  .xoso-weekday-grid {
    grid-template-columns: 1fr;
  }
}

/* Category archive */
.ddt-category-hero {
  margin-bottom: 18px;
  padding: 28px 28px 30px;
  border-radius: 8px;
  background: linear-gradient(135deg, #2b0905 0%, #6f1b0d 100%);
  color: #fff;
  box-shadow: 0 10px 28px rgba(58, 18, 8, .18);
}
.ddt-category-hero span {
  display: inline-block;
  margin-bottom: 8px;
  color: #ffd34f;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}
.ddt-category-hero h1 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 28px;
  line-height: 1.22;
}
.ddt-category-hero p {
  max-width: 760px;
  margin: 0;
  color: #f8d8c8;
  font-size: 15px;
  line-height: 1.65;
}
.ddt-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.ddt-category-card {
  margin: 0;
  border: 1px solid #ead8c8;
  border-radius: 8px;
  background: #fffdf9;
  box-shadow: 0 4px 16px rgba(58, 18, 8, .08);
}
.ddt-category-card a {
  display: block;
  min-height: 190px;
  padding: 18px;
  color: inherit;
  text-decoration: none;
}
.ddt-category-card h2 {
  margin: 0 0 10px;
  color: #9f1512;
  font-size: 20px;
  line-height: 1.35;
}
.ddt-category-card p {
  margin: 0 0 16px;
  color: #6f5a4d;
  font-size: 14px;
  line-height: 1.62;
}
.ddt-category-card span {
  display: inline-flex;
  align-items: center;
  color: #b27b00;
  font-size: 13px;
  font-weight: 900;
}
.ddt-category-card:hover {
  border-color: #d8a321;
  box-shadow: 0 10px 26px rgba(58, 18, 8, .14);
}
.ddt-category-card:hover h2 {
  color: #6f1b0d;
}
.ddt-category-pagination {
  margin-top: 20px;
  text-align: center;
}
.ddt-category-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  margin: 0 3px;
  border: 1px solid #ead8c8;
  border-radius: 8px;
  background: #fff;
  color: #9f1512;
  font-weight: 800;
  text-decoration: none;
}
.ddt-category-pagination .current,
.ddt-category-pagination a:hover {
  background: #9f1512;
  border-color: #9f1512;
  color: #fff;
}
@media (max-width: 680px) {
  .ddt-category-grid {
    grid-template-columns: 1fr;
  }
  .ddt-category-hero {
    padding: 22px 18px;
  }
  .ddt-category-hero h1 {
    font-size: 24px;
  }
}

/* Single article */
body.single-post .qst-article-page {
  margin-top: 18px;
  margin-bottom: 48px;
  color: #2b150e;
}
body.single-post .qst-article {
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow: visible;
}
body.single-post .qst-article-hero {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
  margin-bottom: 0;
  padding: 30px 34px;
  border-radius: 8px;
  background: linear-gradient(135deg, #2b0905 0%, #6f1b0d 100%);
  box-shadow: 0 10px 28px rgba(58, 18, 8, .18);
}
body.single-post .qst-article-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin-bottom: 12px;
  padding: 0 11px;
  border: 1px solid rgba(255, 211, 79, .48);
  border-radius: 999px;
  background: rgba(255, 211, 79, .12);
  color: #ffd34f;
  font-size: 13px;
  font-weight: 900;
}
body.single-post .qst-article-hero h1 {
  max-width: 980px;
  margin: 0;
  color: #fff;
  font-size: 34px;
  line-height: 1.22;
  letter-spacing: 0;
}
body.single-post .qst-article-lead {
  max-width: 900px;
  margin: 14px 0 0;
  color: #f8d8c8;
  font-size: 16px;
  line-height: 1.7;
}
body.single-post .qst-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 18px;
}
body.single-post .qst-article-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  color: #ffe7d8;
  font-size: 13px;
  font-weight: 800;
}
body.single-post .qst-article-content {
  position: relative;
  z-index: 1;
  clear: both;
  min-width: 0;
  padding: 30px 38px;
  border: 1px solid #ead8c8;
  border-radius: 8px;
  background: #fffdf9;
  box-shadow: 0 8px 24px rgba(58, 18, 8, .08);
  color: #2b150e;
  font-size: 17px;
  line-height: 1.82;
}
body.single-post .qst-article-content > h1:first-of-type {
  display: none;
}
body.single-post .qst-article-content h2 {
  margin: 30px 0 10px;
  color: #6f1b0d;
  font-size: 25px;
  line-height: 1.32;
  letter-spacing: 0;
}
body.single-post .qst-article-content h3 {
  margin: 22px 0 9px;
  color: #9f1512;
  font-size: 20px;
  line-height: 1.38;
  letter-spacing: 0;
}
body.single-post .qst-article-content p {
  margin: 0 0 16px;
  color: #3f3029;
}
body.single-post .qst-article-content ul,
body.single-post .qst-article-content ol {
  margin: 0 0 18px 22px;
  color: #3f3029;
}
body.single-post .qst-article-content li {
  margin-bottom: 7px;
}
body.single-post .qst-article-content a {
  color: #9f1512;
  font-weight: 900;
  text-decoration: underline;
  text-decoration-color: rgba(159, 21, 18, .25);
  text-underline-offset: 3px;
}
body.single-post .qst-article-content a:hover {
  color: #b27b00;
}
body.single-post .qst-article-note {
  margin: 0 0 22px;
  padding: 14px 16px;
  border-left: 4px solid #d8a321;
  border-radius: 0 8px 8px 0;
  background: #fff6d8;
  color: #6f1b0d;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 750;
}
body.single-post .qst-article-side {
  position: sticky;
  top: 92px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body.single-post .qst-side-box {
  padding: 18px;
  border: 1px solid #ead8c8;
  border-radius: 8px;
  background: #fffdf9;
  box-shadow: 0 8px 24px rgba(58, 18, 8, .08);
}
body.single-post .qst-side-box--dark {
  background: #2b0905;
  border-color: #6f1b0d;
}
body.single-post .qst-side-box h2 {
  margin: 0 0 12px;
  color: #6f1b0d;
  font-size: 16px;
  line-height: 1.3;
}
body.single-post .qst-side-box--dark h2 {
  color: #ffd34f;
}
body.single-post .qst-side-box a,
body.single-post .qst-side-tags a {
  display: flex;
  align-items: center;
  min-height: 36px;
  margin-top: 8px;
  padding: 0 11px;
  border: 1px solid #ead8c8;
  border-radius: 999px;
  background: #fff8e8;
  color: #7a1d13;
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
}
body.single-post .qst-side-box--dark a {
  border-color: rgba(255, 211, 79, .24);
  background: rgba(255, 211, 79, .08);
  color: #ffe7b3;
}
body.single-post .qst-side-box a:hover,
body.single-post .qst-side-tags a:hover {
  background: #9f1512;
  border-color: #9f1512;
  color: #fff;
}
body.single-post .qst-related-posts {
  margin-top: 22px;
}
body.single-post .qst-related-posts h2 {
  margin: 0 0 14px;
  color: #2b0905;
  font-size: 22px;
}
body.single-post .qst-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
body.single-post .qst-related-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 116px;
  padding: 16px;
  border: 1px solid #ead8c8;
  border-radius: 8px;
  background: #fffdf9;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(58, 18, 8, .07);
}
body.single-post .qst-related-card span {
  color: #b27b00;
  font-size: 12px;
  font-weight: 850;
}
body.single-post .qst-related-card strong {
  color: #6f1b0d;
  font-size: 16px;
  line-height: 1.42;
}
body.single-post .qst-related-card:hover {
  border-color: #d8a321;
  box-shadow: 0 10px 24px rgba(58, 18, 8, .12);
}
@media (max-width: 980px) {
  body.single-post .qst-article-side {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  body.single-post .qst-article-page {
    margin-top: 16px;
  }
  body.single-post .qst-article-hero {
    padding: 22px 18px;
  }
  body.single-post .qst-article-hero h1 {
    font-size: 26px;
  }
  body.single-post .qst-article-content {
    padding: 22px 18px;
    font-size: 16px;
    line-height: 1.76;
  }
  body.single-post .qst-article-content h2 {
    font-size: 22px;
  }
  body.single-post .qst-article-side,
  body.single-post .qst-related-grid {
    grid-template-columns: 1fr;
  }
}

/* Mobile fixes: Vietlott/result tables must not lose columns or numbers */
@media (max-width: 660px) {
  .col-l .box-kq,
  .col-l .mega645,
  .col-l .power655,
  .col-l .box:has(table.data),
  .col-l .box:has(table.data2) {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .col-l table.coltwocity th,
  .col-l table.coltwocity td,
  .col-l table.colthreecity th,
  .col-l table.colthreecity td,
  .col-l table.colfourcity th,
  .col-l table.colfourcity td {
    padding-left: 4px !important;
    padding-right: 4px !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .col-l table.coltwocity,
  .col-l table.colthreecity,
  .col-l table.colfourcity {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }

  .col-l table.coltwocity th:first-child,
  .col-l table.coltwocity td:first-child,
  .col-l table.colthreecity th:first-child,
  .col-l table.colthreecity td:first-child,
  .col-l table.colfourcity th:first-child,
  .col-l table.colfourcity td:first-child {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
  }

  .col-l table.coltwocity th:not(:first-child),
  .col-l table.coltwocity td:not(:first-child) {
    width: calc((100% - 38px) / 2) !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .col-l table.colthreecity th:not(:first-child),
  .col-l table.colthreecity td:not(:first-child) {
    width: calc((100% - 38px) / 3) !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .col-l table.colfourcity th:not(:first-child),
  .col-l table.colfourcity td:not(:first-child) {
    width: calc((100% - 38px) / 4) !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .col-l table.coltwocity td div,
  .col-l table.colthreecity td div,
  .col-l table.colfourcity td div {
    min-width: 0 !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    white-space: normal !important;
  }

  .col-l .box:has(table.with-border),
  .col-l .box:has(table.mag0),
  .col-l .box:has(table.tbl50),
  .col-l .box:has(table.colgiai) {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .col-l table.with-border,
  .col-l table.mag0,
  .col-l table.tbl50,
  .col-l table.colgiai {
    min-width: 480px !important;
  }

  .col-l .mo-thuong-ngay,
  .col-l .box:has(.mo-thuong-ngay),
  .col-l .box:has(table.table-fixed) {
    overflow: hidden !important;
  }

  .col-l table.table-fixed {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  .col-l table.table-fixed td {
    width: 33.333% !important;
    padding: 8px 6px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .col-l .mega645 .regional-title,
  .col-l .power655 .regional-title,
  .col-l .box:has(table.data) .regional-title {
    min-height: 48px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  .col-l .mega645 ul.results,
  .col-l .power655 ul.results,
  .col-l .mega645 ul.results > li,
  .col-l .power655 ul.results > li {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .col-l table.data {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    margin: 0 !important;
  }

  .col-l table.data,
  .col-l table.data > tbody {
    display: block !important;
  }

  .col-l .mega645 table.data > tbody > tr:first-child,
  .col-l .power655 table.data > tbody > tr:first-child,
  .col-l .clearfix > table.data > tbody > tr:first-child,
  .col-l ul.results table.data > tbody > tr:first-child {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 14px 10px 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .col-l .mega645 table.data > tbody > tr:first-child td,
  .col-l .power655 table.data > tbody > tr:first-child td,
  .col-l .clearfix > table.data > tbody > tr:first-child td,
  .col-l ul.results table.data > tbody > tr:first-child td {
    width: clamp(38px, 11vw, 44px) !important;
    min-width: clamp(38px, 11vw, 44px) !important;
    height: clamp(38px, 11vw, 44px) !important;
    flex: 0 0 clamp(38px, 11vw, 44px) !important;
    font-size: clamp(16px, 4.5vw, 20px) !important;
    line-height: 1 !important;
  }

  .col-l table.data tr:not(:first-child) td {
    display: block !important;
    width: 100% !important;
    padding: 9px 8px !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }

  .col-l table.data2 {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    margin: 8px 0 0 !important;
    font-size: 12px !important;
  }

  .col-l table.data2 th,
  .col-l table.data2 td {
    padding: 8px 6px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .col-l table.data2 td:first-child {
    width: 26% !important;
    color: #c62828 !important;
    font-weight: 900 !important;
  }

  .col-l table.data2 td:nth-child(2) {
    width: 18% !important;
    text-align: center !important;
  }

  .col-l table.data2 td:nth-child(3) {
    width: 22% !important;
    text-align: center !important;
  }

  .col-l table.data2 td:nth-child(4) {
    width: 34% !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
  }
}

@media (max-width: 380px) {
  .col-l .mega645 table.data > tbody > tr:first-child,
  .col-l .power655 table.data > tbody > tr:first-child,
  .col-l .clearfix > table.data > tbody > tr:first-child,
  .col-l ul.results table.data > tbody > tr:first-child {
    gap: 6px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .col-l .mega645 table.data > tbody > tr:first-child td,
  .col-l .power655 table.data > tbody > tr:first-child td,
  .col-l .clearfix > table.data > tbody > tr:first-child td,
  .col-l ul.results table.data > tbody > tr:first-child td {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
    font-size: 16px !important;
  }

  .col-l table.data2 {
    font-size: 11.5px !important;
  }

  .col-l table.data2 th,
  .col-l table.data2 td {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

@media (max-width: 660px) {
  .col-l table.coltwocity,
  .col-l table.colthreecity,
  .col-l table.colfourcity {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }

  .col-l table.coltwocity th:first-child,
  .col-l table.coltwocity td:first-child,
  .col-l table.colthreecity th:first-child,
  .col-l table.colthreecity td:first-child,
  .col-l table.colfourcity th:first-child,
  .col-l table.colfourcity td:first-child {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
  }

  .col-l table.coltwocity th:not(:first-child),
  .col-l table.coltwocity td:not(:first-child),
  .col-l table.colthreecity th:not(:first-child),
  .col-l table.colthreecity td:not(:first-child),
  .col-l table.colfourcity th:not(:first-child),
  .col-l table.colfourcity td:not(:first-child) {
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .col-l table.coltwocity th:not(:first-child),
  .col-l table.coltwocity td:not(:first-child) {
    width: calc((100% - 36px) / 2) !important;
  }

  .col-l table.colthreecity th:not(:first-child),
  .col-l table.colthreecity td:not(:first-child) {
    width: calc((100% - 36px) / 3) !important;
  }

  .col-l table.colfourcity th:not(:first-child),
  .col-l table.colfourcity td:not(:first-child) {
    width: calc((100% - 36px) / 4) !important;
  }

  .col-l table.coltwocity td div,
  .col-l table.colthreecity td div,
  .col-l table.colfourcity td div {
    font-size: clamp(13px, 4vw, 16px) !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
  }

  .col-l table.data,
  .col-l table.data > tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .col-l table.data > tbody > tr:first-child {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .col-l table.data > tbody > tr:first-child td {
    display: inline-flex !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
  }
}
/* dudoan8 source lottery table repair */
.content .box table.bkqmiennam,
.content .box table.bkqmienbac,
.content .box table.bkqmiennam table,
.content .box table.bkqmienbac table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.content .box table.bkqmiennam td,
.content .box table.bkqmienbac td {
  vertical-align: middle;
  text-align: center;
  border-color: rgba(126, 71, 37, .14);
}
.content .box .leftcl td,
.content .box .rightcl td {
  min-height: 28px;
  padding: 5px 6px;
  line-height: 1.35;
  font-size: 14px;
  border-bottom: 1px solid rgba(126, 71, 37, .10);
}
.content .box .leftcl .thu,
.content .box .rightcl .tinh {
  background: linear-gradient(135deg, #4a120b, #240806);
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
}
.content .box .leftcl .ngay,
.content .box .rightcl .matinh {
  background: #fff6dd;
  color: #7a2116;
  font-size: 12px;
  font-weight: 700;
}
.content .box .leftcl .giai8,
.content .box .leftcl .giai7,
.content .box .leftcl .giai6,
.content .box .leftcl .giai5,
.content .box .leftcl .giai4,
.content .box .leftcl .giai3,
.content .box .leftcl .giai2,
.content .box .leftcl .giai1 {
  color: #4b4039;
  font-weight: 700;
}
.content .box .rightcl .giai8,
.content .box .rightcl .giai7,
.content .box .rightcl .giai6,
.content .box .rightcl .giai5,
.content .box .rightcl .giai4,
.content .box .rightcl .giai3,
.content .box .rightcl .giai2,
.content .box .rightcl .giai1 {
  color: #111;
  font-weight: 700;
}
.content .box .rightcl .giai4 div,
.content .box .rightcl .giai6 div,
.content .box .rightcl .giai3 div {
  display: inline-block;
  min-width: 54px;
  margin: 1px 5px;
}
.content .box .leftcl .giaidb,
.content .box .rightcl .giaidb {
  color: #c90000;
  font-weight: 900;
  font-size: 22px;
  line-height: 1.25;
}
.content .box .rightcl .giaidb div {
  color: #d40000;
  font-size: 25px;
  letter-spacing: .5px;
}
.content .box .Menutools,
.content .box .boxdauduoimien,
.content .box .boxdauduoimien_online {
  margin-top: 12px;
  overflow-x: auto;
}
.content .box .boxdauduoimien_online h4 {
  margin: 0;
  padding: 8px 10px;
  background: #fff6dd;
  color: #3b1208;
  font-size: 15px;
  font-weight: 900;
}
.content .box .boxdauduoimien table.border {
  border-collapse: collapse;
  width: 100%;
}
.content .box .boxdauduoimien table.border td {
  padding: 4px 6px;
  border: 1px solid rgba(126, 71, 37, .10);
  font-size: 13px;
  line-height: 1.35;
}
.content .box .somien {
  color: #111;
  font-weight: 900;
  text-align: center;
}
.content .box .numberHightlight_log {
  display: inline-block;
  margin-left: 1px;
  color: #c90000;
  font-size: 10px;
  transform: translateY(-5px);
}
.content .box img[src^="/images/"],
.content .box img[src^="/template/2016/"],
.content .box img[src^="/style/images/"] {
  display: none !important;
}
.content .box .sodudoan,
.content .box .menuSound {
  display: none !important;
}
@media (max-width: 760px) {
  .content .box .leftcl td,
  .content .box .rightcl td { font-size: 12px; padding: 4px 3px; }
  .content .box .rightcl .giai4 div,
  .content .box .rightcl .giai6 div,
  .content .box .rightcl .giai3 div { min-width: 40px; margin: 1px 2px; }
  .content .box .leftcl .giaidb,
  .content .box .rightcl .giaidb { font-size: 18px; }
  .content .box .rightcl .giaidb div { font-size: 20px; }
}
/* dudoan8 hard override old lottery source tables */
.box_kqxs {
  border: 1px solid rgba(126, 71, 37, .16) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fffaf2 !important;
  box-shadow: 0 6px 22px rgba(50, 18, 8, .08) !important;
}
.box_kqxs .top .bkl,
.box_kqxs .top .bkr,
.box_kqxs .top .bkm {
  padding: 0 !important;
  background: #c91f25 !important;
}
.box_kqxs .top .title {
  padding: 14px 18px !important;
  color: #fff !important;
  font-family: 'Be Vietnam Pro', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .2px !important;
}
.box_kqxs > .content {
  padding: 0 !important;
  overflow-x: auto !important;
  background: #fffaf2 !important;
}
.box_kqxs table.bkqmiennam,
.box_kqxs table.bkqmienbac {
  width: 100% !important;
  min-width: 760px !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  background: #fffaf2 !important;
}
.box_kqxs table.bkqmiennam > tbody > tr > td:first-child,
.box_kqxs table.bkqmienbac > tbody > tr > td:first-child {
  width: 112px !important;
  background: #fff4df !important;
  border-right: 1px solid rgba(126, 71, 37, .16) !important;
}
.box_kqxs .leftcl,
.box_kqxs .rightcl,
.box_kqxs .leftcl tbody,
.box_kqxs .rightcl tbody {
  width: 100% !important;
  border-collapse: collapse !important;
}
.box_kqxs .leftcl tr,
.box_kqxs .rightcl tr {
  display: table-row !important;
}
.box_kqxs .leftcl td,
.box_kqxs .rightcl td,
.box_kqxs .thu,
.box_kqxs .ngay,
.box_kqxs .loaive {
  display: table-cell !important;
  margin: 0 !important;
  padding: 5px 6px !important;
  text-align: center !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(126, 71, 37, .10) !important;
  font-family: 'Be Vietnam Pro', Arial, sans-serif !important;
  line-height: 1.25 !important;
}
.box_kqxs .leftcl .thu,
.box_kqxs .rightcl .tinh {
  height: 34px !important;
  background: #fff4df !important;
  color: #3b1208 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}
.box_kqxs .leftcl .ngay,
.box_kqxs .rightcl .matinh {
  height: 28px !important;
  background: #fff9ed !important;
  color: #7a2116 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.box_kqxs .leftcl .giai8, .box_kqxs .rightcl .giai8,
.box_kqxs .leftcl .giai7, .box_kqxs .rightcl .giai7,
.box_kqxs .leftcl .giai5, .box_kqxs .rightcl .giai5 {
  height: 30px !important;
}
.box_kqxs .leftcl .giai6, .box_kqxs .rightcl .giai6 {
  height: 36px !important;
}
.box_kqxs .leftcl .giai4, .box_kqxs .rightcl .giai4 {
  height: 58px !important;
}
.box_kqxs .leftcl .giai3, .box_kqxs .rightcl .giai3,
.box_kqxs .leftcl .giai2, .box_kqxs .rightcl .giai2,
.box_kqxs .leftcl .giai1, .box_kqxs .rightcl .giai1 {
  height: 34px !important;
}
.box_kqxs .leftcl .giai8,
.box_kqxs .leftcl .giai7,
.box_kqxs .leftcl .giai6,
.box_kqxs .leftcl .giai5,
.box_kqxs .leftcl .giai4,
.box_kqxs .leftcl .giai3,
.box_kqxs .leftcl .giai2,
.box_kqxs .leftcl .giai1 {
  color: #4b4039 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
.box_kqxs .rightcl .giai8,
.box_kqxs .rightcl .giai7,
.box_kqxs .rightcl .giai6,
.box_kqxs .rightcl .giai5,
.box_kqxs .rightcl .giai4,
.box_kqxs .rightcl .giai3 {
  color: #141414 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.box_kqxs .rightcl .giai1,
.box_kqxs .rightcl .giai2 {
  color: #050505 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}
.box_kqxs .rightcl .giai3 div,
.box_kqxs .rightcl .giai4 div,
.box_kqxs .rightcl .giai6 div,
.box_kqxs .rightcl .giai8 div,
.box_kqxs .rightcl .giai7 div,
.box_kqxs .rightcl .giai5 div {
  display: inline-block !important;
  min-width: 42px !important;
  margin: 1px 4px !important;
}
.box_kqxs .leftcl .giaidb,
.box_kqxs .rightcl .giaidb {
  height: 58px !important;
  color: #d40000 !important;
  font-weight: 900 !important;
  border-bottom: 0 !important;
}
.box_kqxs .leftcl .giaidb span {
  display: inline !important;
  white-space: normal !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
}
.box_kqxs .rightcl .giaidb div {
  display: inline-block !important;
  margin: 0 3px !important;
  color: #d40000 !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  letter-spacing: .4px !important;
}
.box_kqxs .get_value_load_first_loading,
.box_kqxs img[src^="/images/"],
.box_kqxs img[src^="/template/2016/"],
.box_kqxs img[src^="/style/images/"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}
.box_kqxs .boxBottom,
.box_kqxs .daysoThongkes {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #fff9ed !important;
}
.box_kqxs .boxBottom td {
  padding: 5px 7px !important;
  border-top: 1px solid rgba(126, 71, 37, .10) !important;
  font-size: 12px !important;
}
.box_kqxs .sodudoan,
.box_kqxs .menuSound {
  display: none !important;
}
.box_kqxs .boxdauduoimien_online h4 {
  margin: 0 !important;
  padding: 10px 12px !important;
  background: #fff4df !important;
  color: #3b1208 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}
.box_kqxs .boxdauduoimien table.border {
  border-collapse: collapse !important;
  width: 100% !important;
  table-layout: fixed !important;
}
.box_kqxs .boxdauduoimien table.border td {
  padding: 5px 7px !important;
  border: 1px solid rgba(126, 71, 37, .10) !important;
  vertical-align: top !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
.box_kqxs .somien {
  width: 24px !important;
  text-align: center !important;
  font-weight: 900 !important;
}
@media (max-width: 760px) {
  .box_kqxs table.bkqmiennam,
  .box_kqxs table.bkqmienbac { min-width: 680px !important; }
  .box_kqxs table.bkqmiennam > tbody > tr > td:first-child,
  .box_kqxs table.bkqmienbac > tbody > tr > td:first-child { width: 92px !important; }
  .box_kqxs .rightcl .giai1,
  .box_kqxs .rightcl .giai2 { font-size: 15px !important; }
  .box_kqxs .rightcl .giaidb div { font-size: 20px !important; }
}
/* dudoan8 hide empty Vietlott result sections */
body.home .content .box.mega645,
body.home .content .box.power655,
body.home .content div.box.mega645,
body.home .content div.power655.box,
body.home .col-l .box.mega645,
body.home .col-l .box.power655,
body.home div[class~="mega645"],
body.home div[class~="power655"],
body.home div[class~="max3d"],
body.home div[class~="max3dpro"],
body.home div[class*="max-3d"],
body.home div:has(> h2 a[href*="xs-mega-6-45"]),
body.home div:has(> h2 a[href*="xs-power-6-55"]),
body.home div:has(> h2 a[href*="xs-max-3d"]),
body.home div:has(> h2 a[href*="xo-so-max3d-pro"]),
body.home .box:has(a[title="Xổ số Mega"]),
body.home .box:has(a[title="Xổ số Power"]),
body.home .box:has(a[title*="Max 3D"]) {
  display: none !important;
}