/*
Theme Name: 33WIN (SEO2 child)
Template: flatsome
Version: 6.0
Description: 33WIN. Bo cuc dung bang KHOI FLATSOME (keo tha trong UX Builder); TOAN BO tao hinh nam o day.
*/

/* ===========================================================================
   Leader 20/09 chot: "phai lam keo tha roi code bang CSS", "chi duoc phep CSS truc tiep".
   Vi vay tep nay nham vao DUNG LOP MA FLATSOME SINH RA:
     [section]       -> section.section > .section-content
     [row]           -> .row > .col > .col-inner
     [ux_image]      -> .img > .img-inner > img
     [ux_image_box]  -> .box > .box-image + .box-text > .box-text-inner
     [title]         -> .section-title-container > .section-title > .section-title-main + .section-title-link
     [button]        -> a.button > span
   Khong sua HTML cua Flatsome — chi to mau, xep cho, chinh co.
   =========================================================================== */

:root {
  --w33-do: #e01e2d;
  --w33-do-dam: #c4111f;
  --w33-vang: #f5c518;
  --w33-nen: #0b0b10;
  --w33-chu: #e9e9ef;
  --w33-mo: #9a9aa6;
  --w33-vien: #2a1017;
  --w33-font: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}

body, .page-wrapper { background: var(--w33-nen) !important; color: var(--w33-chu); font-family: var(--w33-font); }
h1, h2, h3, h4, h5, h6, button, input, select, textarea, .button { font-family: var(--w33-font); }
.footer-wrapper, #top-bar { display: none !important; }
#main, .page-wrapper, #content { padding-top: 0 !important; margin-top: 0 !important; }
.w33-svg { display: inline-block; vertical-align: middle; flex: none; }
.w33-wrap { max-width: 1180px; margin: 0 auto; padding: 0 16px; }

/* Section cua Flatsome mac dinh co padding doc — bo di, minh tu dat */
.w33-s-hero, .w33-s-tb, .w33-s-dm, .w33-s-game, .w33-s-km { padding: 0 !important; }
.w33-s-hero .section-content, .w33-s-tb .section-content,
.w33-s-dm .section-content, .w33-s-game .section-content, .w33-s-km .section-content { padding: 0; }

/* [section] CUA FLATSOME TU DAT NEN TRANG.
   Do that 20/09: diem anh tai muc "GAME NOI BAT" ra #FFFFFF, nen chu trang thanh vo hinh.
   Phai go nen o CA the <section> LAN lop .section-bg ben trong. Quy tac nay dat TRUOC
   quy tac hero de hero van giu duoc nen chuyen mau rieng. */
/* Mau trang "Page - Full Width" (page-blank.php) boc noi dung trong <main> va mot <div>
   KHONG CO LOP, ca hai to trang. Do that 20/09: body dung mau toi #0b0b10 nhung <main> va
   <div> cha cua no deu rgb(255,255,255) -> chu trang thanh vo hinh. Phai go ca hai. */
/* CHI nham #wrapper (do that: khoi boc cua page-blank.php co id="wrapper").
   Ban truoc viet "body > div" nen quet trung ca <div id="wpadminbar"> — thanh quan tri mat nen,
   Leader bat: "mac dinh mau den sao em doi mau khi anh chua cho phep". Khong duoc dung bo chon rong. */
#wrapper, #wrapper > main, main, #main, #content, .page-wrapper, .entry-content {
  background-color: transparent !important;
}
.w33-s-hero, .w33-s-tb, .w33-s-dm, .w33-s-game, .w33-s-km, .w33-s-trang { background-color: transparent !important; }
.w33-s-hero > .section-bg, .w33-s-tb > .section-bg, .w33-s-dm > .section-bg,
.w33-s-game > .section-bg, .w33-s-km > .section-bg, .w33-s-trang > .section-bg {
  background-color: transparent !important; background-image: none !important; opacity: 1 !important;
}

/* ─────────────────────────── DAU TRANG = HEADER BUILDER CUA FLATSOME ───────────────────────────
   Leader 20/09: "Chuyen dau trang sang Header Builder cua Flatsome". Cau truc do Flatsome phat
   (Giao dien > Header, nhan vien sua duoc); o day CHI to mau, co chu, khoang cach. Lop nham vao doc tu
   template-parts/header/header-main.php, partials/element-button-1.php, overlays/overlay-menu.php. */
#header, .header-wrapper, .header-bg-color, #masthead.header-main { background: linear-gradient(90deg, #1a0508, #2c0a12) !important; }
#header { border-bottom: 2px solid var(--w33-do); }
#header .top-divider { display: none; }
#masthead .header-inner { padding-left: 16px; padding-right: 16px; }
#logo { max-width: 130px; margin-right: 14px; }
#logo a { display: flex; align-items: center; }
#logo img { max-height: 32px; width: auto; height: auto; }
/* menu chinh */
.header-nav-main > li > a {
  color: #dcdce4 !important; font-size: 12px; font-weight: 600; letter-spacing: .04em;
  text-transform: uppercase; padding: 0 10px;
}
.header-nav-main > li > a:hover,
.header-nav-main > li.current-menu-item > a,
.header-nav-main > li.current_page_item > a { color: var(--w33-vang) !important; }
.header-nav-main > li > a::before, .header-nav-main > li > a::after { display: none !important; }  /* bo gach chan nav-line */
/* 2 nut (render qua [button] cua Flatsome) */
.header-button-1 .button, .header-button-2 .button {
  margin: 0; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  border-radius: 5px !important; padding: 0 15px; line-height: 30px; min-height: 30px; box-shadow: none !important;
  white-space: nowrap;
}
/* khi CHUA co logo anh, Flatsome in ten site bang chu — giu nho de khong de nat menu */
#logo a { font-size: 18px; font-weight: 900; color: #fff; white-space: nowrap; }
.header-button-1 .button { border: 1px solid #7a7a86 !important; color: #fff !important; background: transparent !important; }
.header-button-1 .button:hover { border-color: var(--w33-vang) !important; color: var(--w33-vang) !important; }
.header-button-2 .button { background-color: var(--w33-do) !important; border-color: var(--w33-do) !important; color: #fff !important; }
.header-button-2 .button:hover { background-color: var(--w33-do-dam) !important; border-color: var(--w33-do-dam) !important; }
.header-nav > li.header-button-1 { margin-right: 2px; }
/* nut ☰ cua Flatsome */
.nav-icon > a, .nav-icon .icon-menu, .header-nav .nav-icon a i { color: #fff !important; font-size: 24px; }
/* OFF-CANVAS (#main-menu) cua Flatsome */
#main-menu.mobile-sidebar { background: #140407 !important; }
#main-menu .sidebar-menu { padding: 8px 0; }
.nav-sidebar > li > a {
  color: #e9e9ef !important; font-size: 13px; font-weight: 600; letter-spacing: .04em;
  padding: 13px 18px !important; border-bottom: 1px solid #1d0a0f;
}
.nav-sidebar > li.current-menu-item > a, .nav-sidebar > li > a:hover { color: var(--w33-vang) !important; background: #1d070c; }
.nav-sidebar > li.header-button-1, .nav-sidebar > li.header-button-2 { padding: 8px 16px !important; border: 0; }
.nav-sidebar > li.header-button-1 .header-button, .nav-sidebar > li.header-button-2 .header-button,
.nav-sidebar > li.header-button-1 .button, .nav-sidebar > li.header-button-2 .button { width: 100%; text-align: center; display: block; }
.mfp-bg.main-menu-overlay { background: rgba(0, 0, 0, .62); }
.mobile-sidebar .mfp-close, .mfp-close { color: #fff !important; }

/* ─────────────────────────── HERO (section + row + col + ux_image + button) ─────────────────────────── */
.w33-s-hero { background: transparent !important; overflow: visible; }
/* mockup: hero la BANG RON bo goc nam trong khung, co le tren; nen do sam voi vung sang o giua-phai */
.w33-s-hero .section-content {
  max-width: 1180px; margin: 10px auto 0; border-radius: 10px; overflow: hidden; position: relative;
  background:
    radial-gradient(60% 120% at 62% 50%, #6a1020 0%, rgba(58, 10, 18, .6) 45%, rgba(30, 5, 9, 0) 75%),
    linear-gradient(90deg, #22050a 0%, #3a0a12 45%, #2a060c 100%);
  border: 1px solid #3a1219;
}
.w33-r-hero { min-height: 250px; padding: 0 30px; }
/* Hai mui ten ‹ › hai ben hero nhu mockup — ve bang CSS, khong them the */
.w33-s-hero { position: relative; }
.w33-s-hero::before, .w33-s-hero::after {
  content: '‹'; position: absolute; top: 50%; left: max(14px, calc(50% - 578px)); z-index: 5; transform: translateY(-50%);
  width: 34px; height: 34px; border-radius: 50%; background: rgba(255, 255, 255, .14);
  color: #fff; font-size: 26px; line-height: 32px; text-align: center; font-family: Georgia, serif;
  pointer-events: none;
}
.w33-s-hero::after { content: '›'; left: auto; right: max(14px, calc(50% - 578px)); }
/* dong chu tay ben phai co gai */
.w33-c-herotag .col-inner { display: flex; align-items: center; justify-content: center; height: 100%; }
.w33-hero-tag {
  margin: 0; text-align: center; color: #ffe9a8; font-style: italic; font-weight: 500;
  font-size: 15px; line-height: 1.35; letter-spacing: .01em; transform: rotate(-6deg);
  text-shadow: 0 2px 10px rgba(0, 0, 0, .5);
}
.w33-hero-tag b { display: block; margin-top: 2px; font-style: italic; font-weight: 900; font-size: 22px;
  background: linear-gradient(180deg, #fff1bd 8%, #f0c65c 46%, #c98f27 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent; }
.w33-c-herochu .col-inner { color: #fff; }
.w33-c-herochu p { margin: 0; }
.w33-hero-tren { color: #fff; font-size: 19px; font-weight: 600; letter-spacing: .12em; margin-bottom: 2px !important; }
.w33-wm { margin: 0 !important; line-height: .94; font-size: 64px; font-weight: 900; letter-spacing: -.02em; }
.w33-wm-a { color: var(--w33-do); }
.w33-wm-b {
  background: linear-gradient(180deg, #fff1bd 8%, #f0c65c 46%, #c98f27 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.w33-hero-duoi { color: #f0e3c8; font-size: 13px; font-weight: 600; letter-spacing: .1em; line-height: 1.55; margin-top: 8px !important; }
/* [button] cua Flatsome */
.button.w33-cta, a.button.w33-cta {
  margin: 15px 0 0; background-color: var(--w33-do) !important; border-color: var(--w33-do) !important;
  color: #fff !important; padding: 0 26px; height: 42px; line-height: 42px; min-height: 42px;
  font-size: 13px; font-weight: 800; letter-spacing: .06em; border-radius: 5px;
  box-shadow: 0 6px 18px rgba(224, 30, 45, .35);
}
.button.w33-cta:hover { background-color: var(--w33-do-dam) !important; border-color: var(--w33-do-dam) !important; }
.w33-c-heroanh .col-inner { display: flex; align-items: flex-end; height: 100%; }
.w33-i-hero, .w33-i-hero .img-inner { width: 100%; }
.w33-i-hero img { width: 100%; height: auto; display: block; }

/* ─────────────────────────── THANH THONG BAO ─────────────────────────── */
.w33-s-tb { background: transparent !important; }
.w33-s-tb .section-content { max-width: 1180px; margin: 8px auto 0; }
.w33-tb-in { background: #150609; border: 1px solid var(--w33-vien); border-radius: 6px; padding: 0 12px; }
.w33-tb-in { display: flex; align-items: center; gap: 10px; height: 32px; font-size: 11px; }
.w33-tb-nhan { color: var(--w33-do); font-weight: 700; white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; }
.w33-tb-nhan .w33-svg { width: 15px; height: 15px; }
/* CHU CHAY (Leader 20/09: "chu khong chay kia") — marquee thuan CSS, khong JS; tat khi nguoi dung
   chon giam chuyen dong; dung khi re chuot vao de doc */
.w33-tb-chu { color: #c9c9d2; flex: 1; overflow: hidden; white-space: nowrap; display: block; min-width: 0; }
.w33-tb-chay { display: inline-block; padding-left: 100%; will-change: transform; animation: w33-chay 26s linear infinite; }
.w33-tb-chu:hover .w33-tb-chay { animation-play-state: paused; }
@keyframes w33-chay { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) { .w33-tb-chay { animation: none; padding-left: 0; } }
.w33-tb-ngay { color: #7f7f8a; white-space: nowrap; }
.w33-c-tb .col-inner > p { margin: 0; }

/* ─────────────────────────── TIEU DE MUC ([title] cua Flatsome) ─────────────────────────── */
.w33-tieu { margin: 18px 0 11px !important; padding: 0 !important; max-width: none !important; }
.w33-tieu .section-title { margin: 0; border: 0; justify-content: space-between; align-items: center; }
.w33-tieu .section-title b { display: none !important; }
.w33-tieu .section-title-main {
  color: #fff !important; font-size: 17px !important; font-weight: 800; letter-spacing: .03em;
  margin: 0; padding: 0; border: 0; text-transform: none;
}
/* icon dat truoc chu bang ::before — khoi phai chen the vao HTML cua Flatsome */
.w33-tieu .section-title-main::before {
  content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 8px;
  vertical-align: -4px; background-repeat: no-repeat; background-size: contain;
}
.w33-tieu-lua .section-title-main::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 10.941c2.333 -3.308 .167 -7.823 -1 -8.941c0 3.395 -2.235 5.299 -3.667 6.706c-1.43 1.408 -2.333 3.294 -2.333 5.588c0 3.704 3.134 6.706 7 6.706c3.866 0 7 -3.002 7 -6.706c0 -1.712 -1.232 -4.403 -2.333 -5.588c-2.084 3.353 -3.257 3.353 -4.667 2.235' /%3E%3C/svg%3E"); }
.w33-tieu-km .section-title-main::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5c518' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1l0 -2' /%3E %3Cpath d='M12 8l0 13' /%3E %3Cpath d='M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7' /%3E %3Cpath d='M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5' /%3E%3C/svg%3E"); }
/* Flatsome cho .section-title a co co chu rieng — phai ep manh, neu khong "Xem tat ca" to bang tieu de */
.w33-tieu .section-title a,
.w33-tieu a.section-title-link {
  color: var(--w33-mo) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap;
  border: 0 !important; padding: 0 !important; margin: 0 !important; line-height: 1 !important;
}
.w33-tieu .section-title a:hover { color: var(--w33-vang) !important; }
.w33-tieu .section-title a i, .w33-tieu .section-title a .icon-angle-right { display: none !important; }  /* tranh 2 mui ten */

/* ─────────────────────────── 5 THE DANH MUC ([ux_image_box]) ───────────────────────────
   5 o ma luoi Flatsome chia 12 -> khong chia het. Ep 20% bang CSS, khoi phai sua cau truc. */
.w33-r-dm { padding: 15px 0; }
.w33-r-dm > .col { flex-basis: 20%; max-width: 20%; padding-bottom: 0; }
/* Mockup: tranh CAO HET THE, ap sat mep trai; chu ben phai can giua */
.w33-dm.box {
  display: flex; flex-direction: row; align-items: stretch; gap: 12px;
  padding: 0 12px 0 0; min-height: 76px; border-radius: 9px; overflow: hidden;
  background: linear-gradient(135deg, #25080e, #170509); border: 1px solid var(--w33-vien);
  transition: transform .15s, border-color .15s;
}
.w33-dm.box:hover { transform: translateY(-2px); border-color: var(--w33-do); }
/* mockup: the 2 (THE THAO) va the 4 (BAN CA) nen xanh navy, con lai do sam */
.w33-r-dm > .col:nth-child(2) .w33-dm.box, .w33-r-dm > .col:nth-child(4) .w33-dm.box {
  background: linear-gradient(135deg, #0d1a3a, #0a1128); border-color: #1c2d5a;
}
.w33-r-dm > .col:nth-child(2) .w33-dm.box:hover, .w33-r-dm > .col:nth-child(4) .w33-dm.box:hover { border-color: #3b63c9; }
.w33-dm .box-image { width: 84px !important; flex: none; margin: 0; padding: 0; align-self: stretch; }
.w33-dm .box-image .image-cover { padding-top: 0 !important; height: 100% !important; }
.w33-dm .box-image img { width: 100%; height: 100%; min-height: 76px; object-fit: cover; display: block; position: static !important; }
.w33-dm .box-text { display: flex; flex-direction: column; justify-content: center; }
.w33-dm .box-text { padding: 0 !important; text-align: left; min-width: 0; }
/* Flatsome boc noi dung vao <p> va chen <br> — phai don, neu khong chu roi xuong lech (loi ban 05:2x) */
.w33-dm .box-text p { margin: 0 !important; line-height: 1.15; }
.w33-dm .box-text br { display: none; }
.w33-dm strong { display: block; color: #fff; font-size: 13px; font-weight: 800; letter-spacing: .03em; line-height: 1.15; }
/* phu de XUONG DONG, khong cat cut (loi ban cu: "Trai nghiem d…") */
.w33-dm em {
  display: -webkit-box; margin-top: 3px; color: var(--w33-mo); font-size: 10px; font-style: normal;
  line-height: 1.3; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* ─────────────────────────── 6 THE GAME ([ux_image_box]) ─────────────────────────── */
.w33-r-game > .col { padding-bottom: 0; }
.w33-game.box {
  border-radius: 9px; overflow: hidden; border: 1px solid var(--w33-vien); background: #160509;
  transition: transform .15s, border-color .15s;
}
.w33-game.box:hover { transform: translateY(-2px); border-color: var(--w33-do); }
.w33-game .box-image { width: 100% !important; margin: 0; }
.w33-game .box-image .image-cover { padding-top: 0 !important; height: auto !important; }
.w33-game .box-image img { width: 100%; height: auto; display: block; aspect-ratio: 154 / 75; object-fit: cover; position: static !important; }
.w33-game.box { display: flex; flex-direction: column; }
.w33-game .box-image { flex: none; }
.w33-game .box-text { flex: none; padding: 7px 6px !important; margin: 0 !important; min-height: 0 !important; background: #1d070c; }
.w33-game .box-text-inner { padding: 0 !important; margin: 0 !important; }
.w33-game .box-text p, .w33-game .box-text br { margin: 0 !important; display: block; }
.w33-game .box-text br { display: none; }
.w33-game-t { display: block; text-align: center; color: #fff; font-size: 11px; font-weight: 600; line-height: 1.2; }

/* ─────────────────────────── 3 BANG RON ([ux_image_box]) ───────────────────────────
   Flatsome dat anh truoc chu; minh muon CHU TRAI, TRANH PHAI -> dao chieu bang CSS. */
.w33-r-km { padding-bottom: 22px; }
.w33-r-km > .col { padding-bottom: 0; }
.w33-km.box {
  display: flex; flex-direction: row-reverse; align-items: stretch; gap: 0;
  padding: 0 0 0 18px; min-height: 96px; border-radius: 9px; overflow: hidden; border: 1px solid var(--w33-vien);
  background: linear-gradient(100deg, #3d0a12 0%, #5e0f1a 58%, #7a1420 100%); transition: transform .15s;
}
.w33-km.box:hover { transform: translateY(-2px); }
/* tranh AP SAT mep phai va cao het the — giong mockup, khong de ho khoang trong */
.w33-km .box-image { width: 45% !important; flex: none; margin: 0; align-self: stretch; }
.w33-km .box-image .image-cover { padding-top: 0 !important; height: 100% !important; }
.w33-km .box-image img { width: 100%; height: 100%; min-height: 96px; object-fit: cover; display: block; position: static !important; }
.w33-km .box-text {
  padding: 0 !important; text-align: left; flex: 1; min-width: 0;
  display: flex; flex-direction: column; justify-content: center;
}
.w33-km .box-text p { margin: 0 !important; }
.w33-km .box-text br { display: none; }
.w33-km em { display: block; color: #ffdfa4; font-size: 11px; font-weight: 600; font-style: normal; letter-spacing: .05em; }
.w33-km strong {
  display: block; margin: 2px 0; font-size: 34px; font-weight: 900; line-height: 1;
  background: linear-gradient(180deg, #fff3c6 10%, #f2cb64 52%, #cf9a2c 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.w33-km i { display: block; color: #fff; font-size: 10px; font-weight: 600; font-style: normal; letter-spacing: .03em; }

/* ─────────────────────────── CHAN TRANG + THANH DAY (do theme phat) ─────────────────────────── */
.w33-ft { background: #070204; border-top: 1px solid var(--w33-vien); padding: 24px 0 0; }
.w33-ft-in { display: grid; grid-template-columns: 1.3fr repeat(4, 1fr); gap: 18px; padding-bottom: 18px; }
.w33-ft-logo img { height: 32px; width: auto; display: block; }
.w33-ft-logo p { margin: 7px 0 0; color: #78788a; font-size: 9px; font-weight: 500; letter-spacing: .06em; }
.w33-ft-cot h3 { color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .04em; margin: 0 0 9px; }
.w33-ft-cot ul { list-style: none; margin: 0; padding: 0; }
.w33-ft-cot li { margin: 0; }
.w33-ft-cot a { display: block; color: #8e8e9c; font-size: 11px; line-height: 1.95; text-decoration: none; }
.w33-ft-cot a:hover { color: var(--w33-vang); }
/* phuong thuc thanh toan: nhan thuong hieu (mockup co logo ZaloPay/MoMo/Vietcombank/ACB) */
.w33-pay { display: flex; flex-wrap: wrap; gap: 7px; }
.w33-pay a {
  display: inline-block; padding: 4px 9px; border-radius: 5px; background: #fff; color: #111 !important;
  font-size: 10.5px; font-weight: 800; letter-spacing: .01em; text-decoration: none; line-height: 1.3;
}
.w33-pay-zalopay { color: #0068ff !important; }
.w33-pay-momo { background: #a50064 !important; color: #fff !important; }
.w33-pay-vcb { color: #0a6b3d !important; }
.w33-pay-acb { color: #0f5fbd !important; }
/* mang xa hoi: 3 vong tron */
.w33-xh { display: flex; gap: 8px; margin-bottom: 10px; }
.w33-xh a {
  display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px;
  border-radius: 50%; color: #fff !important; text-decoration: none; transition: transform .15s;
}
.w33-xh a:hover { transform: translateY(-2px); }
.w33-xh-facebook { background: #1877f2; }
.w33-xh-youtube { background: #ff0000; }
.w33-xh-telegram { background: #229ed9; }
.w33-18 { display: flex; align-items: center; gap: 8px; margin: 0; color: #8e8e9c; font-size: 9.5px; line-height: 1.35; }
.w33-18 b {
  flex: none; width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--w33-do);
  color: #fff; font-size: 9px; font-weight: 900; display: inline-flex; align-items: center; justify-content: center;
}
/* dong cuoi: trai ©, phai khau hieu — nhu mockup */
.w33-ft-cuoi { border-top: 1px solid #190709; padding: 11px 0; color: #63636e; font-size: 10px; }
.w33-ft-cuoi .w33-wrap { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.w33-day { display: none; }

/* ─────────────────────────── Khoi Hoi dap la PLUGIN SEO2: giu chuc nang, chi nhuom ─────────────────────────── */
.rcc-comments {
  background: #070204 !important; border: 1px solid var(--w33-vien) !important; border-radius: 0 !important;
  box-shadow: none !important; color: #c9c9d2 !important; margin: 0 !important; padding: 24px 16px !important;
}
.rcc-comments * { color: inherit !important; background-color: transparent !important; border-color: var(--w33-vien) !important; }
.rcc-comments h1, .rcc-comments h2, .rcc-comments h3, .rcc-comments__title { color: #fff !important; }
.rcc-comments a { color: var(--w33-vang) !important; }
.rcc-comments input, .rcc-comments textarea, .rcc-comments select { background: #140407 !important; border: 1px solid #33121a !important; color: #fff !important; }
.rcc-comments button, .rcc-comments .button { background: var(--w33-do) !important; color: #fff !important; border: 0 !important; }

/* ─────────────────────────── trang con + trang chuyen muc ─────────────────────────── */
.w33-s-trang h1 { color: #fff; font-size: 27px; font-weight: 800; margin: 0 0 10px; }
.w33-s-trang p { color: var(--w33-mo); font-size: 14px; line-height: 1.75; margin: 0 0 10px; }
.archive .page-title, .archive h1, .archive h2 a, .blog h1, .blog h2 a { color: #fff !important; }
.archive .entry-content, .archive p, .blog p { color: var(--w33-mo) !important; }

/* ─────────────────────────── CANH MEP 3 HANG THE THEO KHUNG ───────────────────────────
   Do that 20/09 (Leader: "do lai may cai vien nay, thay hoi lech"): hero/thong bao/tieu de/chan trang
   370→1550, nhung 3 hang the 379.8→1540.2 — [row style=small] dem moi cot 9.8px ma hang custom_width=1180
   khong bu am. Bu bang cach: cot dem 6px (khe 12px nhu mockup) + hang rong 1180+12 = 1192 de the DAU/CUOI
   cham dung mep khung. Chi ap tu 850px; dien thoai giu nguyen. */
@media (min-width: 850px) {
  .w33-r-dm, .w33-r-game, .w33-r-km { max-width: 1192px !important; }
  .w33-r-dm > .col, .w33-r-game > .col, .w33-r-km > .col { padding-left: 6px !important; padding-right: 6px !important; }
}

/* ─────────────────────────── may tinh bang ─────────────────────────── */
@media (max-width: 849px) {
  .w33-wm { font-size: 52px; }
  .w33-r-dm > .col { flex-basis: 33.3333%; max-width: 33.3333%; }
  .w33-km strong { font-size: 30px; }
}

/* ─────────────────────────── dien thoai ─────────────────────────── */
@media (max-width: 640px) {
  /* header Flatsome tren dien thoai (mockup: ☰ · logo · [DANG NHAP] [DANG KY]) */
  #masthead .header-inner { padding-left: 10px; padding-right: 10px; }
  #logo { max-width: 100px; margin-right: 6px; }
  #logo img { max-height: 26px; }
  #logo a { font-size: 14px; }
  .mobile-nav .header-button-1 .button, .mobile-nav .header-button-2 .button { white-space: nowrap; }
  .header-button-1 .button, .header-button-2 .button { padding: 0 9px; line-height: 26px; min-height: 26px; font-size: 10px; letter-spacing: .02em; }
  .mobile-nav > li { margin: 0 3px; }
  .w33-ft-logo img { height: 26px; }
  .w33-c-herotag { display: none !important; } /* dong chu tay khong co cho tren dien thoai */
  .w33-s-hero::before { display: none; }
  /* cham chi bao (● ○ ○ ○) duoi hero nhu mockup — ve bang CSS */
  .w33-s-hero::after {
    content: ''; display: block; top: auto; right: auto; bottom: 7px; left: 50%; transform: translateX(-50%);
    width: 6px; height: 6px; border-radius: 50%; background: var(--w33-do);
    box-shadow: 12px 0 0 #6b3a3f, 24px 0 0 #6b3a3f, 36px 0 0 #6b3a3f; font-size: 0; line-height: 0;
  }
  /* HERO tren dien thoai: chu TRAI, co gai PHAI — dung nhu anh mockup, khong xep chong */
  .w33-s-hero .section-content { margin: 8px 12px 0; border-radius: 10px; }
  .w33-s-tb .section-content { margin: 8px 12px 0; }
  .w33-r-hero { flex-wrap: nowrap !important; min-height: 196px; align-items: stretch; padding: 0 12px; }
  .w33-r-hero > .col { padding-bottom: 0 !important; }
  .w33-c-herochu { flex-basis: 55% !important; max-width: 55% !important; padding: 16px 0 22px 0 !important; align-self: center; }
  /* co gai DAY HET chieu cao hero (mockup), khong de trong nua duoi */
  .w33-c-heroanh { flex-basis: 45% !important; max-width: 45% !important; }
  .w33-c-heroanh .col-inner, .w33-i-hero, .w33-i-hero .img-inner { height: 100%; }
  .w33-i-hero img { height: 100% !important; object-fit: cover; object-position: top center; }
  .w33-hero-tren { font-size: 12px; letter-spacing: .08em; }
  .w33-wm { font-size: 38px; }
  .w33-hero-duoi { font-size: 9px; letter-spacing: .04em; margin-top: 5px !important; }
  .button.w33-cta, a.button.w33-cta {
    margin-top: 10px; padding: 0 16px; height: 32px; line-height: 32px; min-height: 32px; font-size: 11px;
  }

  /* 5 THE DANH MUC: mot hang 5 o vuong, tranh tren — nhan duoi (dung nhu anh mockup) */
  .w33-r-dm { padding: 8px 0; }
  .w33-r-dm > .col { flex-basis: 20% !important; max-width: 20% !important; padding-bottom: 0 !important; }
  .w33-dm.box { flex-direction: column; align-items: center; gap: 5px; padding: 7px 2px 6px; min-height: 0; border-radius: 8px; }
  /* mockup dien thoai: 5 o vuong nen toi vien do, ICON o giua (bai, bong, 777, ca, qua), nhan duoi.
     Anh chi de cho PC; o dien thoai an anh, ve icon bang ::before (CSS thuan) */
  .w33-dm .box-image { display: none !important; }
  .w33-dm.box { background: #16050a !important; border: 1px solid #4a141d !important; padding: 9px 2px 7px; gap: 6px; }
  .w33-dm.box::before {
    content: ''; display: block; width: 30px; height: 30px; margin: 0 auto;
    background-repeat: no-repeat; background-size: contain; background-position: center;
  }
  .w33-r-dm > .col:nth-child(1) .w33-dm.box::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.604 7.197l7.138 -3.109a.96 .96 0 0 1 1.27 .527l4.924 11.902a1 1 0 0 1 -.514 1.304l-7.137 3.109a.96 .96 0 0 1 -1.271 -.527l-4.924 -11.903a1 1 0 0 1 .514 -1.304l0 .001' /%3E %3Cpath d='M15 4h1a1 1 0 0 1 1 1v3.5' /%3E %3Cpath d='M20 6c.264 .112 .52 .217 .768 .315a1 1 0 0 1 .53 1.311l-2.298 5.374' /%3E%3C/svg%3E"); }
  .w33-r-dm > .col:nth-child(2) .w33-dm.box::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' /%3E %3Cpath d='M12 7l4.76 3.45l-1.76 5.55h-6l-1.76 -5.55l4.76 -3.45' /%3E %3Cpath d='M12 7v-4m3 13l2.5 3m-.74 -8.55l3.74 -1.45m-11.44 7.05l-2.56 2.95m.74 -8.55l-3.74 -1.45' /%3E%3C/svg%3E"); }
  .w33-r-dm > .col:nth-child(3) .w33-dm.box::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5c518' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0' /%3E %3Cpath d='M14 18a3 3 0 1 0 6 0a3 3 0 1 0 -6 0' /%3E %3Cpath d='M9 13c.366 -2 1.866 -3.873 4.5 -5.6' /%3E %3Cpath d='M17 15c-1.333 -2.333 -2.333 -5.333 -1 -9' /%3E %3Cpath d='M5 6c3.667 -2.667 7.333 -2.667 11 0c-3.667 2.667 -7.333 2.667 -11 0' /%3E%3C/svg%3E"); }
  .w33-r-dm > .col:nth-child(4) .w33-dm.box::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232aa7e0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.69 7.44a6.973 6.973 0 0 0 -1.69 4.56c0 1.747 .64 3.345 1.699 4.571' /%3E %3Cpath d='M2 9.504c7.715 8.647 14.75 10.265 20 2.498c-5.25 -7.761 -12.285 -6.142 -20 2.504' /%3E %3Cpath d='M18 11v.01' /%3E %3Cpath d='M11.5 10.5c-.667 1 -.667 2 0 3' /%3E%3C/svg%3E"); }
  .w33-r-dm > .col:nth-child(5) .w33-dm.box::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e01e2d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1l0 -2' /%3E %3Cpath d='M12 8l0 13' /%3E %3Cpath d='M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7' /%3E %3Cpath d='M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5' /%3E%3C/svg%3E"); }
  /* the game thap nhu mockup, nhan sat anh */
  .w33-game .box-image img { aspect-ratio: 16 / 9; }
  .w33-game .box-text { padding: 5px 4px !important; }
  .w33-game-t { font-size: 10.5px; }
  .w33-r-game > .col, .w33-r-km > .col { padding-bottom: 8px !important; }
  .w33-tieu { margin: 12px 0 8px !important; }
  .w33-tieu .section-title-main { font-size: 15px !important; }
  .w33-tb-in { height: 28px; font-size: 10.5px; }
  .w33-dm .box-text { text-align: center; width: 100%; }
  .w33-dm strong { font-size: 8.5px; letter-spacing: 0; line-height: 1.1; }
  .w33-dm em { display: none; }   /* mockup dien thoai khong co phu de */

  .w33-km.box { min-height: 86px; padding-left: 14px; }
  .w33-km .box-image img { min-height: 86px; }
  .w33-km strong { font-size: 30px; }
  .w33-ft-in { grid-template-columns: 1fr 1fr; }
  .w33-day {
    display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0;
    z-index: 99; background: #120407; border-top: 1px solid var(--w33-vien); padding: 5px 0 4px;
  }
  .w33-tab { display: flex; flex-direction: column; align-items: center; gap: 2px; text-decoration: none; color: #8e8e9c; }
  .w33-tab i { font-size: 9px; font-weight: 500; font-style: normal; }
  .w33-tab .w33-svg { width: 22px; height: 22px; stroke-width: 1.9; }
  .w33-tab-on { color: var(--w33-do); }
  body { padding-bottom: 56px; }
}