/* =============================================================================
   MẪU G122 — geminetwork.com (GEMI NETWORK — mạng lưới YouTube, WordPress Flatsome 3.19; WEB CỦA ANH) — CSS chép giống hệt, 14/11/2026
   (lô 4). Áp dưới lớp .gd-bo-mau-geminetwork (bọc đầu trang + <main> + chân trang trong app/(marketing)/layout.tsx). Tiền tố: gm-.
   Bảng màu web gốc: vàng #fdd301 (màu chính Flatsome: nút, tiêu đề khu, thẻ "CONTENT CREATION" #fad101) · xanh lơ #15bef0 (tiêu đề phụ,
   chữ nhấn, thẻ "CHANNEL GROWTH") · đỏ #ee3c24 (thẻ số liệu, "AUDIENCE ENGAGEMENT") · xanh lá #73be43 / #66a23b · xanh rêu #395234 (vạch chân
   trang) · nâu #493c39 (thẻ email) · chữ trên nền tối #f1f1f1 · nền html xám #5b5b5b (lộ ra dưới chân trang) · liên kết #334862.
   Phông: Montserrat 400 / 700 (Google — ĐÚNG phông gốc, có dấu tiếng Việt) — dùng bản tự chứa của lõi var(--font-montserrat), không nạp thêm.
   Khung Flatsome: hàng tối đa 1290px, cột đệm 0 15px 30px (hàng "small" 1282,5px đệm 0 9,8px 19,6px; hàng "collapse" 1260px không đệm).
   Mốc Flatsome: < 550px điện thoại (cột xếp dọc, chữ băng rôn 11px), < 850px đầu trang điện thoại + video nền ẩn ("hide-for-medium").
   Vàng + xanh lơ đọc token của bộ (--mau-chinh, --mau-nhan) nên quản trị đổi màu được.
   ============================================================================= */
.gd-bo-mau-geminetwork {
  --gm-vang: var(--mau-chinh, #fdd301);
  --gm-xanh: var(--mau-nhan, #15bef0);
  --gm-do: #ee3c24; --gm-reu: #395234; --gm-nau: #493c39; --gm-chu-toi: #f1f1f1; --gm-xam-html: #5b5b5b; --gm-lien-ket: #334862;
  --gm-phong: var(--font-montserrat), "Montserrat", ui-sans-serif, system-ui, sans-serif;
}
.gd-bo-mau-geminetwork :is(header.gm-dau-trang, main, footer.gm-chan-trang) { font-family: var(--gm-phong); font-size: 16px; line-height: 1.6; color: #000; }
.gd-bo-mau-geminetwork main { background: #fff; }
.gd-bo-mau-geminetwork :is(h1, h2, h3, h4, .font-display) { font-family: var(--gm-phong); text-transform: none; }
/* globals.css đặt text-wrap balance/pretty + giãn chữ âm cho tiêu đề → trả về mặc định để ngắt dòng đúng như web gốc (chỉ phần của mẫu) */
.gd-bo-mau-geminetwork :is(.gm-dau-trang, .gm-khu, .gm-chan-trang) :is(h1, h2, h3, h4, p, li) { text-wrap: wrap; letter-spacing: normal; }
.gd-bo-mau-geminetwork .gm-khu { position: relative; padding: 0; color: var(--gm-chu-toi); }
.gd-bo-mau-geminetwork .gm-khu :is(h1, h2, h3, h4) { margin: 0 0 12.8px; font-size: 25.6px; font-weight: 700; line-height: 1.3; color: #fff; }
.gd-bo-mau-geminetwork .gm-khu p { margin: 0 0 1.3em; }
.gd-bo-mau-geminetwork .gm-khu img { max-width: 100%; height: auto; }
.gd-bo-mau-geminetwork .gm-giua { text-align: center; }
.gd-bo-mau-geminetwork .gm-khu :is(h2, span, p).gm-xanh, .gd-bo-mau-geminetwork .gm-xanh { color: var(--gm-xanh); }
.gd-bo-mau-geminetwork .gm-khu :is(h2, span).gm-vang, .gd-bo-mau-geminetwork .gm-vang { color: var(--gm-vang); }
.gd-bo-mau-geminetwork .gm-khu h2.gm-td-vang { color: var(--gm-vang); }
.gd-bo-mau-geminetwork .gm-khu h2.gm-td-140 { font-size: 35.84px; }
.gd-bo-mau-geminetwork .gm-khu h2.gm-td-130 { font-size: 33.28px; }

/* ─── lưới Flatsome ─── */
.gd-bo-mau-geminetwork .gm-hang { display: flex; flex-wrap: wrap; width: 100%; max-width: 1290px; margin-inline: auto; }
.gd-bo-mau-geminetwork .gm-cot { position: relative; flex: 0 0 100%; max-width: 100%; padding: 0 15px 30px; }
.gd-bo-mau-geminetwork .gm-hang-nho { max-width: 1282.5px; }
.gd-bo-mau-geminetwork .gm-hang-nho > .gm-cot { padding: 0 9.8px 19.6px; }
.gd-bo-mau-geminetwork .gm-hang-sat { max-width: 1260px; }
.gd-bo-mau-geminetwork .gm-hang-sat > .gm-cot { padding: 0; }
.gd-bo-mau-geminetwork .gm-cot-dt-6 { flex-basis: 50%; max-width: 50%; }
@media (min-width: 550px) {
  .gd-bo-mau-geminetwork .gm-cot-3 { flex-basis: 25%; max-width: 25%; }
  .gd-bo-mau-geminetwork .gm-cot-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
}

/* ─── nút Flatsome "primary" (vàng, viên thuốc) ─── */
.gd-bo-mau-geminetwork .gm-nut { display: inline-block; min-height: 2.5em; margin: 0 0 1em; padding: 0 1.2em; font-size: 0.97em; font-weight: 700; line-height: 2.4em; letter-spacing: 0.03em; text-transform: uppercase; text-align: center; white-space: nowrap; color: #fff; background: var(--gm-vang); border-radius: 99px; transition: box-shadow 0.3s, opacity 0.3s; }
.gd-bo-mau-geminetwork .gm-nut:hover { color: #fff; box-shadow: inset 0 0 0 100px rgb(0 0 0 / 0.2); }

/* ─── dải đổi lần lượt (Flickity tự chạy của web gốc) — xếp chồng, mỗi mục hiện một lượt; mục đang ẩn cao 0 nên khối cao theo mục đang
   hiện (Flickity "adaptiveHeight") ─── */
.gd-bo-mau-geminetwork .gm-xoay { display: grid; }
.gd-bo-mau-geminetwork .gm-xoay-muc { grid-area: 1 / 1; overflow: hidden; max-height: 0; visibility: hidden; animation-duration: calc(var(--gm-xoay-n) * var(--gm-xoay-t)); animation-delay: calc(var(--gm-xoay-i) * var(--gm-xoay-t)); animation-iteration-count: infinite; animation-timing-function: linear; }
.gd-bo-mau-geminetwork .gm-xoay-1 { max-height: none; visibility: visible; }
.gd-bo-mau-geminetwork .gm-xoay-2 { animation-name: gm-xoay-2; }
.gd-bo-mau-geminetwork .gm-xoay-3 { animation-name: gm-xoay-3; }
.gd-bo-mau-geminetwork .gm-xoay-4 { animation-name: gm-xoay-4; }
.gd-bo-mau-geminetwork .gm-xoay-5 { animation-name: gm-xoay-5; }
.gd-bo-mau-geminetwork .gm-xoay-6 { animation-name: gm-xoay-6; }
@keyframes gm-xoay-2 { 0%, 49.9% { max-height: 3000px; visibility: visible; } 50%, 100% { max-height: 0; visibility: hidden; } }
@keyframes gm-xoay-3 { 0%, 33.2% { max-height: 3000px; visibility: visible; } 33.34%, 100% { max-height: 0; visibility: hidden; } }
@keyframes gm-xoay-4 { 0%, 24.9% { max-height: 3000px; visibility: visible; } 25%, 100% { max-height: 0; visibility: hidden; } }
@keyframes gm-xoay-5 { 0%, 19.9% { max-height: 3000px; visibility: visible; } 20%, 100% { max-height: 0; visibility: hidden; } }
@keyframes gm-xoay-6 { 0%, 16.6% { max-height: 3000px; visibility: visible; } 16.67%, 100% { max-height: 0; visibility: hidden; } }
@media (prefers-reduced-motion: reduce) {
  .gd-bo-mau-geminetwork .gm-xoay-muc { animation: none; }
  .gd-bo-mau-geminetwork .gm-xoay-muc:first-child { max-height: none; visibility: visible; }
}

/* ─── ĐẦU TRANG ───
   Cao 114px; dính trên cùng với top -44px → khi cuộn chỉ còn 70px dưới cùng hiện ra (như "stuck" 70px của Flatsome), không xô nội dung.
   Trang chủ: trong suốt, đè lên băng rôn (margin âm). Trang con: nền trắng + lớp đen 45% (= xám như web gốc). */
.gd-bo-mau-geminetwork .gm-dau-trang { position: sticky; top: -44px; z-index: 50; height: 114px; background: #fff; }
.gd-bo-mau-geminetwork .gm-dau-trang.gm-dau-trong { margin-bottom: -114px; background: transparent; pointer-events: none; }
.gd-bo-mau-geminetwork .gm-dau-trang.gm-dau-cuon { background: transparent; }
.gd-bo-mau-geminetwork .gm-dau-thanh { height: 100%; pointer-events: auto; background: rgb(0 0 0 / 0.45); }
.gd-bo-mau-geminetwork .gm-dau-trong .gm-dau-thanh { background: transparent; }
.gd-bo-mau-geminetwork .gm-dau-hang { position: relative; display: flex; align-items: center; height: 100%; padding: 0 15px; }
.gd-bo-mau-geminetwork .gm-dau-cuon .gm-dau-hang { padding-top: 44px; }
.gd-bo-mau-geminetwork .gm-logo { display: flex; align-self: flex-start; align-items: center; flex: none; width: 287px; height: 114px; margin-right: 30px; }
.gd-bo-mau-geminetwork .gm-logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 114px; }
.gd-bo-mau-geminetwork .gm-dau-cuon .gm-logo { height: 70px; }
.gd-bo-mau-geminetwork .gm-dau-cuon .gm-logo img { max-height: 70px; }
/* Trang chủ: luật riêng của web gốc ".transparent #logo img { max-height: 156px !important }" — logo tràn xuống dưới thanh */
.gd-bo-mau-geminetwork .gm-dau-trong .gm-logo { align-items: flex-start; }
.gd-bo-mau-geminetwork .gm-dau-trong .gm-logo img, .gd-bo-mau-geminetwork .gm-dau-trong.gm-dau-cuon .gm-logo img { max-height: 156px; }
.gd-bo-mau-geminetwork .gm-logo-chu { font-size: 20px; font-weight: 700; line-height: 1.1; text-transform: uppercase; color: var(--gm-vang); }
.gd-bo-mau-geminetwork .gm-menu { display: flex; align-items: center; margin-left: auto; }
.gd-bo-mau-geminetwork .gm-menu > a { margin: 0 13px; padding: 10px 0; font-size: 14.4px; font-weight: 700; line-height: 16px; letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; color: rgb(255 255 255 / 0.8); transition: color 0.2s; }
.gd-bo-mau-geminetwork .gm-menu > a.gm-menu-dang, .gd-bo-mau-geminetwork .gm-menu > a:hover { color: #fff; }
.gd-bo-mau-geminetwork .gm-co { display: inline-flex; gap: 6px; margin: 0 2px 0 15px; }
.gd-bo-mau-geminetwork .gm-co img { display: block; width: 24px; height: 18px; }
.gd-bo-mau-geminetwork .gm-menu .gd-mau-ngon-ngu { margin: 0 0 0 13px; color: #fff; }
.gd-bo-mau-geminetwork .gm-ba-gach { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; margin-left: -8px; color: #fff; background: none; border: 0; }
@media (max-width: 849px) {
  .gd-bo-mau-geminetwork .gm-menu { display: none; }
  .gd-bo-mau-geminetwork .gm-ba-gach { display: inline-flex; position: relative; z-index: 1; }
  .gd-bo-mau-geminetwork .gm-logo { position: absolute; left: 50%; top: 0; width: auto; margin: 0; transform: translateX(-50%); }
  .gd-bo-mau-geminetwork .gm-dau-cuon .gm-logo { top: 44px; }
}
@media (max-width: 549px) {
  .gd-bo-mau-geminetwork .gm-dau-trang { top: 0; height: 70px; }
  .gd-bo-mau-geminetwork .gm-dau-trang.gm-dau-trong { margin-bottom: -70px; }
  .gd-bo-mau-geminetwork .gm-dau-cuon .gm-dau-hang { padding-top: 0; }
  .gd-bo-mau-geminetwork .gm-logo, .gd-bo-mau-geminetwork .gm-dau-cuon .gm-logo { top: 0; height: 70px; }
  .gd-bo-mau-geminetwork .gm-logo img { max-height: 70px; }
}
/* Menu trượt điện thoại (Flatsome off-canvas trái 300px, nền trắng ngà, chữ xám đậm in hoa) */
.gd-bo-mau-geminetwork .gm-menu-dt-lop { position: fixed; inset: 0; z-index: 70; pointer-events: auto; background: rgb(11 11 11 / 0.6); }
.gd-bo-mau-geminetwork .gm-menu-dt-dong { position: absolute; top: 6px; right: 6px; display: flex; padding: 6px; color: #fff; background: none; border: 0; opacity: 0.85; }
.gd-bo-mau-geminetwork .gm-menu-dt { position: absolute; top: 0; bottom: 0; left: 0; width: 300px; max-width: 85vw; overflow-y: auto; padding-top: 30px; font-family: var(--gm-phong); background: rgb(255 255 255 / 0.95); }
.gd-bo-mau-geminetwork .gm-tim { display: flex; margin: 20px 20px; }
.gd-bo-mau-geminetwork .gm-tim input { flex: 1; min-width: 0; height: 40px; padding: 0 12px; font-size: 16px; color: #333; background: #fff; border: 1px solid #ddd; border-right: 0; border-radius: 0; box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.1); }
.gd-bo-mau-geminetwork .gm-tim button { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: #fff; background: #d26e4b; border: 0; }
.gd-bo-mau-geminetwork .gm-menu-dt-muc { display: flex; align-items: center; gap: 8px; padding: 15px 20px; font-size: 14.4px; font-weight: 700; line-height: 22px; letter-spacing: 0.02em; text-transform: uppercase; color: rgb(102 102 102 / 0.85); border-top: 1px solid #ececec; }
.gd-bo-mau-geminetwork .gm-menu-dt-muc:hover { color: #111; }
.gd-bo-mau-geminetwork .gm-menu-dt-thu svg { width: 16px; height: 16px; }
.gd-bo-mau-geminetwork .gm-menu-dt-mxh { display: flex; gap: 12px; padding: 18px 26px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.gd-bo-mau-geminetwork .gm-menu-dt-mxh a { display: flex; color: #999; }
.gd-bo-mau-geminetwork .gm-menu-dt-mxh svg { width: 17px; height: 17px; }
.gd-bo-mau-geminetwork .gm-menu-dt-nn { display: flex; align-items: center; padding: 22px 20px; }
.gd-bo-mau-geminetwork .gm-menu-dt-nn .gm-co { margin: 0; gap: 6px; }
.gd-bo-mau-geminetwork .gm-menu-dt-nn .gd-mau-ngon-ngu { color: #555; }

/* ─── TRANG CHỦ 1. Băng rôn video (cao 1/2 bề rộng; chữ Flatsome "res-text": 16px máy tính, 11px điện thoại) ─── */
.gd-bo-mau-geminetwork .gm-hero { display: flex; align-items: safe center; justify-content: center; overflow: hidden; aspect-ratio: 2 / 1; width: 100%; background: var(--gm-vang); }
.gd-bo-mau-geminetwork .gm-hero-nen { position: absolute; inset: 0; background: var(--gm-hero-anh, none) center / cover no-repeat; }
.gd-bo-mau-geminetwork .gm-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gd-bo-mau-geminetwork .gm-hero-hop { position: relative; z-index: 1; width: calc(min(100%, 1290px) * 0.75); font-size: 16px; text-align: center; }
.gd-bo-mau-geminetwork .gm-khu .gm-hero-h1 { margin: 0.2em 0; font-size: 3.5em; line-height: 1; color: #fff; }
.gd-bo-mau-geminetwork .gm-hero-xoay { margin-top: 44px; }
/* Máy tính: khối chữ đặt cố định từ trên xuống (đo web gốc: chữ tiêu đề bắt đầu ở 25% chiều cao) — không nhảy theo dòng chữ đang đổi */
@media (min-width: 850px) { .gd-bo-mau-geminetwork .gm-hero { align-items: flex-start; } .gd-bo-mau-geminetwork .gm-hero-hop { padding-top: 9.8vw; } }
.gd-bo-mau-geminetwork .gm-khu .gm-hero-h2 { margin: 0.2em 0; font-size: 2.9em; line-height: 1; color: #fff; }
.gd-bo-mau-geminetwork .gm-hero-h2 > span { font-size: 170%; }
.gd-bo-mau-geminetwork .gm-hero-gach { width: 100%; max-width: 150px; height: 4px; margin: 0.1em auto; }
@media (max-width: 849px) {
  /* web gốc: video nền "hide-for-medium" → điện thoại / máy tính bảng chỉ thấy nền vàng */
  .gd-bo-mau-geminetwork .gm-hero :is(.gm-hero-nen, .gm-hero-video) { display: none; }
  .gd-bo-mau-geminetwork .gm-hero-hop { font-size: max(11px, 1.8vw); }
}
@media (max-width: 549px) { .gd-bo-mau-geminetwork .gm-hero-hop { width: 75%; font-size: 11px; } }

/* ─── TRANG CHỦ 2. Khu nội dung lớn (một nền gradient chung) ─── */
.gd-bo-mau-geminetwork .gm-nd { padding: 30px 0; background: #2f3a3d var(--gm-nd-anh, none) center / cover no-repeat; }
.gd-bo-mau-geminetwork .gm-nd h2 { line-height: 1.3; }
.gd-bo-mau-geminetwork .gm-nd-doan1 { margin: 44px 0 12.8px !important; font-size: 19.2px; line-height: 1.65; text-align: center; }
.gd-bo-mau-geminetwork .gm-nd-dau > .gm-cot { padding-bottom: 30px; }
.gd-bo-mau-geminetwork .gm-the-mau { height: 100%; padding: 60px 0 50px; text-align: center; color: #fff; background: var(--gm-xanh); border-radius: 10px; }
.gd-bo-mau-geminetwork .gm-the-mau-anh { margin: 0 auto; }
.gd-bo-mau-geminetwork .gm-the-mau-anh img { display: block; width: 100%; }
.gd-bo-mau-geminetwork .gm-khu .gm-the-mau-ten { margin: 30px 0 0; padding: 0 12px; font-size: 25.92px; line-height: 1.6; text-transform: none; }
/* web gốc: thẻ đầu chữ 190%, ba thẻ sau 180% */
.gd-bo-mau-geminetwork .gm-nd-the > .gm-cot:first-child .gm-the-mau-ten { font-size: 27.36px; }
.gd-bo-mau-geminetwork .gm-nd-td2 > .gm-cot { padding-top: 130px; }
.gd-bo-mau-geminetwork .gm-o-video { position: relative; overflow: hidden; padding-top: 60%; border-radius: 30px; }
.gd-bo-mau-geminetwork .gm-o-video > :is(img, video) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gd-bo-mau-geminetwork .gm-o-chu { display: flex; margin-top: 10px; }
.gd-bo-mau-geminetwork .gm-o-bt { position: relative; flex: none; width: 60px; }
.gd-bo-mau-geminetwork .gm-o-bt img { position: absolute; left: 4px; top: 4px; width: 100%; aspect-ratio: 1; object-fit: cover; background: #fdfdfd; border: 2px solid #fdfdfd; border-radius: 100%; }
.gd-bo-mau-geminetwork .gm-khu .gm-o-chu p { flex: 1; min-width: 0; margin: 0; padding-left: 15px; font-size: 16px; line-height: 1.6; color: var(--gm-chu-toi); }
.gd-bo-mau-geminetwork .gm-o-ten { font-size: 19.2px; color: #fff; }
.gd-bo-mau-geminetwork .gm-o-mo-ta { font-size: 13.6px; }
.gd-bo-mau-geminetwork .gm-nd-nut-hang { padding-top: 100px; text-align: center; }
.gd-bo-mau-geminetwork .gm-nd-nut { min-height: 0; padding: 5px 40px; }
.gd-bo-mau-geminetwork .gm-nd-td3 > .gm-cot { padding-top: 100px; }
.gd-bo-mau-geminetwork .gm-khu .gm-nd-doan3 { margin: 63px 0 20.8px; font-size: 19.2px; line-height: 1.65; }
.gd-bo-mau-geminetwork .gm-the-so { height: 100%; padding: 40px 10px 40px; text-align: center; color: #fff; background: var(--gm-do); border-radius: 10px; }
.gd-bo-mau-geminetwork .gm-the-so-anh { width: 63%; margin: 0 auto; }
.gd-bo-mau-geminetwork .gm-the-so-anh img { display: block; width: 100%; }
.gd-bo-mau-geminetwork .gm-khu .gm-the-so-so { margin: 25px 0 0; font-size: 64.8px; line-height: 0.85; color: #fff; }
.gd-bo-mau-geminetwork .gm-the-so-so strong::after { content: "+"; padding-left: 5px; }
.gd-bo-mau-geminetwork .gm-khu .gm-the-so-nhan { margin: 10px 0 0; font-size: 20.16px; line-height: 1.6; color: #fff; }
@media (max-width: 849px) {
  .gd-bo-mau-geminetwork .gm-nd-dau { padding-top: 100px; }
  /* web gốc: 6 ô video "hide-for-medium" → điện thoại chỉ còn khung trống */
  .gd-bo-mau-geminetwork .gm-o-video > :is(img, video) { display: none; }
}
@media (max-width: 549px) {
  /* Flatsome điện thoại: h2 = 1.2em (19,2px) → tiêu đề 140% = 26,9px, 130% = 25px */
  .gd-bo-mau-geminetwork .gm-khu :is(h1, h2, h3) { font-size: 19.2px; }
  .gd-bo-mau-geminetwork .gm-khu h2.gm-td-140 { font-size: 26.88px; }
  .gd-bo-mau-geminetwork .gm-khu h2.gm-td-130 { font-size: 24.96px; }
  .gd-bo-mau-geminetwork .gm-nd-td2 > .gm-cot { padding-top: 30px; }
  .gd-bo-mau-geminetwork .gm-nd-nut-hang { padding-top: 10px; }
}

/* ─── TRANG CHỦ 3. UNLOCKING THE POTENTIAL OF HARVEST CONTENT ─── */
.gd-bo-mau-geminetwork .gm-th { padding: 90px 0 30px; background: #2b2b2b var(--gm-th-anh, none) center / cover no-repeat; }
.gd-bo-mau-geminetwork .gm-khu .gm-th-h2 { text-align: left; }
.gd-bo-mau-geminetwork .gm-th-chu p { font-size: 16px; line-height: 1.6; }
.gd-bo-mau-geminetwork .gm-th-video { padding: 0 30px 0 10px !important; }
.gd-bo-mau-geminetwork .gm-th-khung { position: relative; overflow: hidden; padding-top: 56.25%; border-radius: 30px; }
.gd-bo-mau-geminetwork .gm-th-khung > :is(img, video) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 550px) {
  .gd-bo-mau-geminetwork .gm-th-chu { flex-basis: 58.3333%; max-width: 58.3333%; margin-left: 25%; }
  .gd-bo-mau-geminetwork .gm-th-video { flex-basis: 75%; max-width: 75%; margin-left: 16.6667%; }
}

/* ─── TRANG CHỦ 4. Hai dải logo chạy (8 ô mỗi màn hình máy tính; 120px/giây như web gốc) ─── */
.gd-bo-mau-geminetwork .gm-dt { padding: 60px 0 30px; background: #fff; }
.gd-bo-mau-geminetwork .gm-dt-dai { overflow: hidden; }
.gd-bo-mau-geminetwork .gm-dt-ray { display: flex; width: max-content; animation: gm-chay calc(var(--gm-dt-n, 9) * 1.5s) linear infinite; }
.gd-bo-mau-geminetwork .gm-dt-dai:hover .gm-dt-ray { animation-play-state: paused; }
.gd-bo-mau-geminetwork .gm-dt-o { display: flex; justify-content: center; align-items: flex-start; flex: none; width: 12.5vw; padding: 0 15px 30px; }
.gd-bo-mau-geminetwork .gm-dt-o img { display: block; width: 100%; height: auto; }
.gd-bo-mau-geminetwork .gm-dt-khoang { height: 50px; }
@keyframes gm-chay { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (max-width: 849px) { .gd-bo-mau-geminetwork .gm-dt-o { width: 25vw; } }
@media (max-width: 549px) { .gd-bo-mau-geminetwork .gm-dt-o { width: 50vw; } }
@media (prefers-reduced-motion: reduce) { .gd-bo-mau-geminetwork .gm-dt-ray { animation: none; } }

/* ─── GIỚI THIỆU 1. Băng rôn ảnh (cao 40% bề rộng) ─── */
.gd-bo-mau-geminetwork .gm-gt-br { overflow: hidden; aspect-ratio: 5 / 2; width: 100%; background: var(--gm-vang) var(--gm-gt-br-anh, none) center / cover no-repeat; }
.gd-bo-mau-geminetwork .gm-gt-br-hop { position: absolute; left: 50%; top: 50%; width: calc(min(100%, 1290px) * 0.78); font-size: 16px; text-align: center; transform: translate(-50%, -59%); }
.gd-bo-mau-geminetwork .gm-khu :is(.gm-gt-br-h2, .gm-gt-br-mo-ta) { margin: 0.2em 0; font-size: 2.9em; line-height: 1; color: #fff; }
.gd-bo-mau-geminetwork .gm-gt-br-mo-ta > span { font-size: 75%; }
@media (max-width: 849px) { .gd-bo-mau-geminetwork .gm-gt-br-hop { font-size: max(11px, 1.8vw); } }
@media (max-width: 549px) { .gd-bo-mau-geminetwork .gm-gt-br-hop { width: 78%; font-size: 11px; transform: translate(-50%, -50%); } }

/* ─── GIỚI THIỆU 2. GEMI NETWORK + OUR STORY (đáy cong lõm xuống giữa, cao 150px) ─── */
.gd-bo-mau-geminetwork .gm-gt-cc { padding: 30px 0; background: #2c2c2c var(--gm-gt-cc-anh, none) center / cover no-repeat; }
.gd-bo-mau-geminetwork .gm-gt-cc-hop { position: relative; z-index: 1; width: 100%; max-width: 840px; margin: 0 auto; padding: 50px 0 50px; }
.gd-bo-mau-geminetwork .gm-gt-cc-hop h2 { margin-bottom: 62.8px; }
.gd-bo-mau-geminetwork .gm-khu .gm-gt-cc-doan { margin: 0 0 32.24px; font-size: 24.8px; line-height: 1.6; text-align: center; }
.gd-bo-mau-geminetwork .gm-gt-cc-doan + h2 { margin-top: 67.76px; }
.gd-bo-mau-geminetwork .gm-gt-cc-cong { position: absolute; left: 0; right: 0; bottom: -1px; height: 150px; pointer-events: none; }
.gd-bo-mau-geminetwork .gm-gt-cc-cong svg { display: block; width: 100%; height: 100%; fill: #fff; }

/* ─── GIỚI THIỆU 3. Lưới 6 ảnh (kéo lên 120px đè đáy cong) ─── */
.gd-bo-mau-geminetwork .gm-gt-anh { padding: 0 0 13px; background: #fff; }
.gd-bo-mau-geminetwork .gm-gt-anh-luoi { position: relative; z-index: 2; display: flex; flex-wrap: wrap; max-width: 1064.6px; margin: -90px auto 0; }
.gd-bo-mau-geminetwork .gm-gt-anh-cot { flex: 0 0 100%; max-width: 100%; padding: 0 9.8px 19.6px; }
.gd-bo-mau-geminetwork .gm-gt-anh-o { margin: 0 auto 17px; }
.gd-bo-mau-geminetwork .gm-gt-anh-o img { display: block; width: 100%; }
.gd-bo-mau-geminetwork .gm-gt-anh-o.gm-r88 { width: 88%; }
.gd-bo-mau-geminetwork .gm-gt-anh-o.gm-bo img { border-radius: 30px; }
.gd-bo-mau-geminetwork .gm-gt-anh-o:is(.gm-vuong, .gm-doc-130) img { object-fit: cover; }
.gd-bo-mau-geminetwork .gm-gt-anh-o.gm-vuong img { aspect-ratio: 1; }
.gd-bo-mau-geminetwork .gm-gt-anh-o.gm-doc-130 img { aspect-ratio: 1 / 1.3; }
@media (min-width: 550px) { .gd-bo-mau-geminetwork .gm-gt-anh-cot { flex-basis: 33.3333%; max-width: 33.3333%; } }
@media (max-width: 549px) { .gd-bo-mau-geminetwork .gm-gt-anh-luoi { padding-inline: 15px; } }

/* ─── LIÊN HỆ. GET IN TOUCH WITH US ─── */
.gd-bo-mau-geminetwork .gm-lh { padding: 30px 0 66px; background: #262626 var(--gm-lh-anh, none) center / cover no-repeat; }
.gd-bo-mau-geminetwork .gm-khu .gm-lh-tt { font-size: 20.8px; line-height: 1.6; color: var(--gm-xanh); }
.gd-bo-mau-geminetwork .gm-lh-email { padding: 75px 0 65px; text-align: center; background: var(--gm-nau); border-radius: 10px; }
.gd-bo-mau-geminetwork .gm-khu .gm-lh-email p { font-size: 19.2px; line-height: 1.6; }
.gd-bo-mau-geminetwork .gm-lh-email a { color: var(--gm-chu-toi); }
.gd-bo-mau-geminetwork .gm-lh-ban-do { display: block; width: 100%; height: 220px; border: 0; border-radius: 10px; }
.gd-bo-mau-geminetwork .gm-khu .gm-lh-h4 { margin: 16px 0 0.5em; font-size: 18px; letter-spacing: 0.05em; text-transform: uppercase; text-align: left; }
.gd-bo-mau-geminetwork .gm-lh-tab { display: flex; flex-wrap: wrap; }
.gd-bo-mau-geminetwork .gm-lh-tab button { padding: 0 0.75em; font-family: var(--gm-phong); font-size: 12.8px; font-weight: 700; line-height: 2.5em; color: rgb(255 255 255 / 0.8); background: none; border: 0; border-radius: 99px; cursor: pointer; transition: color 0.2s, background-color 0.2s; }
.gd-bo-mau-geminetwork .gm-lh-tab button:hover { color: #fff; }
.gd-bo-mau-geminetwork .gm-lh-tab button.gm-lh-tab-chon { color: #fff; background: var(--gm-vang); }
.gd-bo-mau-geminetwork .gm-lh-panel { padding-top: 1em; }
.gd-bo-mau-geminetwork .gm-khu .gm-lh-panel > p { font-size: 17.6px; line-height: 1.6; }
/* Biểu mẫu "form-flat" của Contact Form 7 trên nền tối: ô bo tròn nền trắng mờ 20%, chỉ có chữ gợi ý */
.gd-bo-mau-geminetwork .gm-form { position: relative; }
.gd-bo-mau-geminetwork .gm-form label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.gd-bo-mau-geminetwork .gm-form > div { margin-bottom: 15px; }
.gd-bo-mau-geminetwork .gm-form-hang > div + div { margin-top: 15px; }
.gd-bo-mau-geminetwork .gm-form :is(input, textarea) { display: block; width: 100%; height: 40px; padding: 0 0.75em; font-family: var(--gm-phong); font-size: 15.52px; color: #fff; background: rgb(255 255 255 / 0.2); border: 1px solid rgb(255 255 255 / 0.09); border-radius: 99px; box-shadow: none; outline: none; transition: border-color 0.3s, background-color 0.3s; }
.gd-bo-mau-geminetwork .gm-form textarea { height: 120px; min-height: 120px; padding-top: 0.7em; border-radius: 10px; resize: vertical; }
.gd-bo-mau-geminetwork .gm-form :is(input, textarea):focus { border-color: rgb(255 255 255 / 0.4); }
.gd-bo-mau-geminetwork .gm-form input::placeholder { color: #fff; opacity: 1; }
.gd-bo-mau-geminetwork .gm-form textarea::placeholder { color: rgb(255 255 255 / 0.45); opacity: 1; }
/* API khách hàng tiềm năng bắt buộc số điện thoại mà web gốc không có ô này → ẩn, bấm gửi lần đầu (báo thiếu) hoặc đã gõ thì hiện; ô chủ đề luôn ẩn */
.gd-bo-mau-geminetwork .gm-form .gm-form-hang > div:nth-child(2) { display: none; }
.gd-bo-mau-geminetwork .gm-form:is(:has([aria-invalid="true"]), :has(input[name="dienThoai"]:not(:placeholder-shown))) .gm-form-hang > div:nth-child(2) { display: block; }
.gd-bo-mau-geminetwork .gm-form > div:has(> input[name="chuDe"]) { display: none; }
.gd-bo-mau-geminetwork .gm-form-gui { display: inline-block; min-height: 2.5em; padding: 0 1.2em; font-family: var(--gm-phong); font-size: 15.52px; font-weight: 700; line-height: 2.4em; letter-spacing: 0.03em; text-transform: uppercase; color: #fff; background: var(--gm-vang); border: 0; border-radius: 99px; cursor: pointer; }
.gd-bo-mau-geminetwork .gm-form-gui:hover { box-shadow: inset 0 0 0 100px rgb(0 0 0 / 0.2); }
.gd-bo-mau-geminetwork .gm-form-gui:disabled { opacity: 0.7; cursor: wait; }
.gd-bo-mau-geminetwork .gm-form-loi { margin: 6px 0 0 12px; font-size: 13px; color: #ffb4a8; }
.gd-bo-mau-geminetwork .gm-form-xong { padding: 14px 18px; font-size: 16px; color: #fff; background: rgb(255 255 255 / 0.12); border-radius: 10px; }

/* ─── CHÂN TRANG: vạch xanh rêu + băng rôn ảnh + 3 câu kêu gọi đổi lần lượt ─── */
.gd-bo-mau-geminetwork .gm-chan-trang { color: #fff; background: var(--gm-xam-html); }
.gd-bo-mau-geminetwork .gm-ct-vach { height: 60px; background: var(--gm-reu); }
.gd-bo-mau-geminetwork .gm-ct-bang { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: safe center; min-height: 50vw; }
.gd-bo-mau-geminetwork .gm-ct-nen { position: absolute; left: 0; right: 0; top: 0; height: 50vw; background: #000 var(--gm-ct-anh, none) center / cover no-repeat; }
.gd-bo-mau-geminetwork .gm-ct-nen::after { content: ""; position: absolute; inset: 0; background: rgb(0 0 0 / 0.5); }
.gd-bo-mau-geminetwork .gm-ct-hop { position: relative; z-index: 1; width: calc(min(100%, 1290px) * 0.89); font-size: 17.44px; line-height: 1.6; text-align: center; }
.gd-bo-mau-geminetwork .gm-ct-logo { display: block; width: 35%; height: auto; margin: 0 auto; }
.gd-bo-mau-geminetwork .gm-ct-truot { margin-top: 68px; }
.gd-bo-mau-geminetwork .gm-chan-trang .gm-ct-h { margin: 0.2em 0; font-size: 2.9em; font-weight: 700; line-height: 1; color: #fff; }
.gd-bo-mau-geminetwork .gm-ct-h > span { font-size: 200%; }
.gd-bo-mau-geminetwork .gm-chan-trang .gm-ct-p { margin: 21px 0 33.6px; line-height: 1.3; color: var(--gm-xanh); }
.gd-bo-mau-geminetwork .gm-ct-p > span { font-size: 300%; }
.gd-bo-mau-geminetwork .gm-ct-nut { margin-bottom: 0; }
.gd-bo-mau-geminetwork .gm-ct-ban-quyen { padding: 10px 15px; font-size: 14.4px; text-align: center; color: rgb(255 255 255 / 0.5); background: var(--gm-xam-html); }
.gd-bo-mau-geminetwork .gm-ct-ban-quyen strong { color: rgb(255 255 255 / 0.7); }
/* web gốc: ".absolute-footer.dark { display: none }" → bản mẫu giữ đúng (ẩn); web thật hiện dòng bản quyền theo tên web */
.gd-bo-mau-geminetwork .gm-ct-ban-quyen-an { display: none; }
@media (max-width: 849px) { .gd-bo-mau-geminetwork .gm-ct-hop { font-size: max(12px, 1.96vw); } }
@media (max-width: 549px) {
  /* web gốc trên điện thoại: ảnh cao 1/2 bề rộng, chỉ thấy logo — dải chữ bị cắt mất */
  .gd-bo-mau-geminetwork .gm-ct-bang { justify-content: flex-start; height: 50vw; min-height: 0; overflow: hidden; }
  .gd-bo-mau-geminetwork .gm-ct-hop { font-size: 12px; }
  .gd-bo-mau-geminetwork .gm-ct-truot { display: none; }
}

/* ─── TRANG CON: tin tức + bài viết (trang chưa xếp khối) — áo Flatsome của web gốc ─────────────────────────────────────────────
   Web gốc: chuyên mục "CATEGORY ARCHIVES: NEWS" tiêu đề 18,4px in hoa đậm giữa, lưới 2 cột thẻ ảnh (tỉ lệ 56%) + tên bài giữa 16,5px
   đậm + trích đoạn 14,4px, huy hiệu ngày viền vàng; trang bài viết: chuyên mục 11,2px in hoa màu liên kết #334862, tiêu đề 27,2px đậm đen
   giữa, gạch ngắn, dòng "POSTED ON … BY ADMIN" 11,2px in hoa, thân 16px đen dòng 1,6, tiêu đề phụ 20px đậm, liên kết #334862.
   Không sửa mã lõi — chỉ phủ kiểu. */
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main { color: #000; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main .bg-hero-soft { border-bottom: 0; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main .bg-hero-soft :is(.ct-luoi, .ct-quang) { display: none; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main section.bg-hero-soft > div[aria-hidden="true"] { display: none; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main section.bg-hero-soft > .khung.relative { padding-block: 30px 14px; text-align: center; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main section.bg-hero-soft .eyebrow { display: none; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main section.bg-hero-soft.bg-hero-soft h1 { max-width: none; margin: 0; font-size: 18.4px; font-weight: 700; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; color: #000; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main section.bg-hero-soft.bg-hero-soft h1 + p { max-width: 760px; margin: 8px auto 0; font-size: 14.4px; color: #555; }
/* Thẻ bài trong danh sách: ảnh không bo, tên bài giữa đậm, trích đoạn nhỏ */
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main a.group > div:first-child { border-radius: 0; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main a.group h3 { font-size: 16.56px; font-weight: 700; line-height: 1.3; text-align: center; color: #000; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main a.group:hover h3 { color: var(--gm-lien-ket); }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main a.group h3 + p { font-size: 14.4px; text-align: center; color: #555; }
/* Trang bài viết: khu đầu trắng, chuyên mục nhỏ in hoa, tiêu đề 27,2px, gạch ngắn, dòng ngày tháng nhỏ in hoa */
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main div.bg-hero-soft > .khung { padding-top: 30px; padding-bottom: 6px; text-align: center; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main div.bg-hero-soft .rounded-full { padding: 0; font-size: 11.2px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--gm-lien-ket); background: none; box-shadow: none; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main div.bg-hero-soft.bg-hero-soft h1 { max-width: none; margin-top: 6px; font-size: 27.2px; font-weight: 700; line-height: 1.3; letter-spacing: normal; text-transform: none; color: #000; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main div.bg-hero-soft.bg-hero-soft h1::after { content: ""; display: block; width: 30px; height: 3px; margin: 16px auto 0; background: rgb(0 0 0 / 0.1); }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main div.bg-hero-soft.bg-hero-soft h1 + p { font-size: 16px; color: #333; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main div.bg-hero-soft .text-sm { font-size: 11.2px; letter-spacing: 0.05em; text-transform: uppercase; color: #333; }
/* Thân bài */
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main .prose {
  --tw-prose-body: #000; --tw-prose-headings: #000; --tw-prose-bold: #000; --tw-prose-links: var(--gm-lien-ket); --tw-prose-bullets: #000; --tw-prose-counters: #000;
  --tw-prose-invert-body: #000; --tw-prose-invert-headings: #000; --tw-prose-invert-bold: #000; --tw-prose-invert-links: var(--gm-lien-ket); --tw-prose-invert-bullets: #000; --tw-prose-invert-counters: #000;
  font-size: 16px; line-height: 1.6; color: #000;
}
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main .prose :is(p, li) { color: #000; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main .prose :is(h2, h3) { margin: 1.2em 0 0.5em; font-size: 20px; font-weight: 700; line-height: 1.3; text-transform: none; color: #000; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main .prose h4 { margin: 1em 0 0.5em; font-size: 18px; font-weight: 700; color: #000; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main .prose :is(strong, b) { color: #000; }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main .prose a { color: var(--gm-lien-ket); }
.gd-bo-mau-geminetwork.gd-tc:not(:has(.gd-tc-xep)) main .prose a:hover { color: #111; }