/*
Theme Name:   Bricks Child (Xuong web XDGK)
Description:  Theme con cua Bricks. Ma tuy bien (CSS/JS/PHP) cua du an dat o day, quan ly bang git trong thu muc theme-con/ cua du an.
Template:     bricks
Version:      1.0.0
Text Domain:  bricks
*/

/* Quy uoc xuong web:
   - Mau, chu, khoang cach: dung bien CSS (Bricks > Bien toan cuc, nap tu he-thong-goc.json) va lop toan cuc. Khong viet cung ma mau.
   - Chi them CSS o day khi Bricks khong lam duoc bang giao dien. Moi khoi CSS ghi 1 dong chu thich: dung cho dau, vi sao. */

/* Font nen cua ca web. Dat o day vi Bricks boc ngoac kep quanh var() trong o font-family (lam hong CSS).
   Tu host font: dat .woff2 (co bo chu tieng Viet) vao assets/fonts/ va khai bao @font-face ngay duoi. */
body {
	font-family: var(--font-than, system-ui, -apple-system, "Segoe UI", sans-serif);
	color: var(--mau-chu, #16181d);
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, .brxe-heading {
	font-family: var(--font-tieu-de, var(--font-than, system-ui, -apple-system, "Segoe UI", sans-serif));
}

/* Trang soạn bằng trình soạn WordPress thường, KHÔNG dựng Bricks (vd trang chính sách dài): Bricks mặc định khung
   1100px (content-default.css nạp SAU tệp này, nên phải có ".brx-body" để thắng), không có khoảng trên/dưới
   -> lệch với đầu/chân trang của xưởng. Đưa về đúng khung xưởng (rong-noi-dung) và cỡ chữ của hệ thống. */
.brx-body #brx-content.wordpress {
	width: 100%;
	max-width: calc(var(--rong-noi-dung, 1200px) + 2 * var(--kc-5, 24px));
	margin-inline: auto;
	padding: var(--kc-7, 48px) var(--kc-5, 24px) var(--kc-8, 64px);
	font-size: var(--co-chu-than, 16px);
	line-height: 1.7;
}
.brx-body #brx-content.wordpress > h1 { font-size: var(--co-chu-h2, 40px); line-height: 1.2; margin-bottom: var(--kc-5, 24px); }
.brx-body #brx-content.wordpress h2 { font-size: var(--co-chu-h3, 24px); line-height: 1.3; margin-top: var(--kc-6, 32px); margin-bottom: var(--kc-3, 12px); }
.brx-body #brx-content.wordpress h3 { font-size: var(--co-chu-lon, 20px); line-height: 1.4; margin-top: var(--kc-5, 24px); margin-bottom: var(--kc-2, 8px); }
.brx-body #brx-content.wordpress :is(p, ul, ol) { max-width: 75ch; margin-bottom: var(--kc-4, 16px); }
.brx-body #brx-content.wordpress :is(ul, ol) { padding-left: 1.25em; }
.brx-body #brx-content.wordpress a { color: var(--mau-chinh); text-decoration: underline; }

/* Font tu host (OFL): tieu de Playfair Display, than bai Be Vietnam Pro, du dau tieng Viet. */
@font-face { font-family: 'Playfair Display'; font-weight: 600; font-display: swap; src: url(assets/fonts/playfair-display-vietnamese-600-normal.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Playfair Display'; font-weight: 600; font-display: swap; src: url(assets/fonts/playfair-display-latin-ext-600-normal.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0; }
@font-face { font-family: 'Playfair Display'; font-weight: 600; font-display: swap; src: url(assets/fonts/playfair-display-latin-600-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: 'Be Vietnam Pro'; font-weight: 400; font-display: swap; src: url(assets/fonts/be-vietnam-pro-vietnamese-400-normal.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Be Vietnam Pro'; font-weight: 400; font-display: swap; src: url(assets/fonts/be-vietnam-pro-latin-ext-400-normal.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0; }
@font-face { font-family: 'Be Vietnam Pro'; font-weight: 400; font-display: swap; src: url(assets/fonts/be-vietnam-pro-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: 'Be Vietnam Pro'; font-weight: 600; font-display: swap; src: url(assets/fonts/be-vietnam-pro-vietnamese-600-normal.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Be Vietnam Pro'; font-weight: 600; font-display: swap; src: url(assets/fonts/be-vietnam-pro-latin-ext-600-normal.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0; }
@font-face { font-family: 'Be Vietnam Pro'; font-weight: 600; font-display: swap; src: url(assets/fonts/be-vietnam-pro-latin-600-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; }

body { background: var(--mau-nen); }

/* Hero: 2 anh nen doi nhe bang keyframes (Bricks khong co san). Ton trong nguoi dung tat chuyen dong. */
.gx-hero { position: relative; overflow: hidden; min-height: min(92vh, 860px); display: flex; align-items: center; background: var(--mau-chinh-dam); }
.gx-hero .gx-anh { position: absolute; inset: 0; width: 100%; height: 100%; }
.gx-hero img.gx-anh, .gx-hero .gx-anh img { width: 100%; height: 100%; object-fit: cover; }
.gx-hero .gx-anh-2, .gx-hero .gx-anh-3 { opacity: 0; animation: gx-doi 21s ease-in-out infinite; }
.gx-hero .gx-anh-3 { animation-delay: 7s; }
@keyframes gx-doi { 0%, 28% { opacity: 0; } 33%, 62% { opacity: 1; } 67%, 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .gx-hero .gx-anh-2, .gx-hero .gx-anh-3 { animation: none; } }
.gx-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(7, 59, 33, .82) 0%, rgba(7, 59, 33, .5) 45%, rgba(7, 59, 33, 0) 72%); }
.gx-hero > .brxe-container { position: relative; z-index: 3 !important; }
.gx-hero h1, .gx-hero .gx-lead { color: var(--mau-nen) !important; }
/* Duong cong cuoi dai, nhac lai nhip luon song cua anh mau. */
.gx-cong { position: relative; }
.gx-cong::after { content: ""; position: absolute; z-index: 2; left: -5%; right: -5%; bottom: -1px; height: clamp(36px, 7vw, 96px); background: var(--mau-nen); border-radius: 50% 50% 0 0 / 100% 100% 0 0; }

/* Nut vang tren nen toi */
.gx-nut-vang { background: var(--mau-nhan) !important; color: var(--mau-chu) !important; }
.gx-nut-vang:hover { filter: brightness(1.06); }
.gx-nut-sang { color: var(--mau-nen) !important; border-color: rgba(250, 248, 242, .6) !important; }
.gx-nut-sang:hover { border-color: var(--mau-nen) !important; }

/* Anh vien huu co, nhu la cay */
img.gx-anh-la, .gx-anh-la img { width: 100%; aspect-ratio: 5/4; object-fit: cover; border-radius: 40% 12px 40% 12px; }

/* The thuong hieu */
.gx-the-th { background: #fff; border-radius: var(--bo-goc); overflow: hidden; box-shadow: var(--bong); transition: transform .25s ease; }
.gx-the-th:hover { transform: translateY(-4px); }
.gx-the-th img.gx-the-anh, .gx-the-th .gx-the-anh img { width: 100%; aspect-ratio: 4/3; object-fit: cover; object-position: 85% center; display: block; }
.gx-the-th img.gx-the-logo, .gx-the-th .gx-the-logo img { height: 56px; width: auto; }
.gx-logo-chu { font-family: var(--font-tieu-de); font-size: 36px; line-height: 56px; color: var(--mau-chinh); }

/* O trai cay */
.gx-o { position: relative; border-radius: var(--bo-goc); overflow: hidden; }
.gx-o img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; transition: transform .4s ease; }
.gx-o:hover img { transform: scale(1.05); }
.gx-o .gx-o-ten { position: absolute; left: 0; right: 0; bottom: 0; padding: 32px 12px 12px; color: #fff; font-weight: 600; background: linear-gradient(transparent, rgba(7, 59, 33, .82)); }

/* So thu tu thay bieu tuong cho toi khi co bo icon rieng */
.gx-so { flex: 0 0 auto; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: var(--mau-nhan); color: var(--mau-chu); font-weight: 600; }

/* Dau trang dinh, chuyen ngon ngu gon */
/* Ca khoi #brx-header dinh tren cung khi cuon (dinh .gx-dau ben trong khong co tac dung) */
#brx-header { position: sticky; top: 0; z-index: 90; }
html { scroll-padding-top: calc(var(--gx-cao-dau, 72px) + 12px); }
.gx-dau .gx-logo img, .gx-dau img.gx-logo, .gx-dau a.gx-logo img { height: 52px !important; width: auto !important; max-width: none; }
.gx-dau .bricks-nav-menu { gap: 18px; flex-wrap: nowrap; }
.gx-dau .brxe-nav-menu a { font-weight: 600; font-size: 14px; white-space: nowrap; color: var(--mau-chu); }
.gx-dau .gx-bao-gia { white-space: nowrap; padding: 11px 16px !important; font-size: 14px; }
.gx-dau .brxe-nav-menu a:hover { color: var(--mau-chinh); }
.gx-dau .gx-pll a { font-size: 14px; font-weight: 600; color: var(--mau-chu); }
@media (max-width: 767px) {
	.gx-dau .gx-logo img, .gx-dau img.gx-logo { height: 30px !important; }
	.gx-dau .gx-bao-gia { padding: 8px 10px !important; font-size: 12px; }
	.gx-dau .brxe-container { column-gap: 8px !important; }
}
/* Chan trang nen toi */
.gx-chan, .gx-chan a { color: #E6EFE3; }
.gx-chan a:hover { color: var(--mau-nhan); }
.gx-chan ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.gx-chan img.gx-logo-nen, .gx-chan .gx-logo-nen img { background: var(--mau-nen); padding: 10px 14px; border-radius: 12px; height: 84px; width: auto; }

/* Dien thoai: phu toi deu de chu doc duoc, canh anh ve phia trai cay */
@media (max-width: 767px) {
	.gx-hero::before { background: linear-gradient(180deg, rgba(7, 59, 33, .82) 0%, rgba(7, 59, 33, .55) 55%, rgba(7, 59, 33, .1) 100%); }
	.gx-hero img.gx-anh, .gx-hero .gx-anh img { object-position: 80% center; }
}
/* Xanh tuoi va cam khong du tuong phan lam chu nho: chi dung cho chi tiet trang tri */
.brxe-text-basic.chu-dan::before, .chu-dan::before { content: ""; display: inline-block; width: 28px; height: 2px; margin-right: 10px; vertical-align: middle; background: var(--mau-xanh-tuoi); }
.gx-so { box-shadow: 0 0 0 2px var(--mau-cam); }
.gx-the-th { border-top: 3px solid var(--mau-xanh-tuoi); }

/* Trang con: hero thap hon trang chu */
.gx-hero-nho { min-height: min(56vh, 520px); }
.gx-hero-nho::before { background: linear-gradient(90deg, rgba(7, 59, 33, .86) 0%, rgba(7, 59, 33, .62) 55%, rgba(7, 59, 33, .2) 100%); }
/* The san pham trong luoi */
.gx-the-sp { font-size: 17px; line-height: 1.35; font-weight: 600; }
.gx-the-sp a, a.gx-the-sp { color: var(--mau-chu); text-decoration: none; }
.gx-the-sp a:hover, a.gx-the-sp:hover { color: var(--mau-xanh-tuoi); }
/* Noi dung trang san pham */
.gx-sp-nd { line-height: 1.7; color: var(--mau-chu-phu); }
.gx-sp-nd h2 { font-size: var(--co-chu-h3); line-height: 1.3; margin: var(--kc-6) 0 var(--kc-3); color: var(--mau-chu); }
.gx-sp-nd h2:first-child { margin-top: 0; }
.gx-sp-nd p, .gx-sp-nd ul { margin-bottom: var(--kc-4); }
.gx-sp-nd ul { padding-left: 1.25em; }
.gx-sp-nd li { margin-bottom: var(--kc-2); }
.gx-sp-nd a { color: var(--mau-chinh); text-decoration: underline; }
.gx-sp-nd table { width: 100%; border-collapse: collapse; }
.gx-sp-nd th, .gx-sp-nd td { padding: 10px 12px; border-bottom: 1px solid var(--mau-vien); text-align: left; vertical-align: top; }
.gx-sp-nd th { width: 34%; color: var(--mau-chu); font-weight: 600; }
/* Bieu mau */
.gx-form input:not([type=checkbox]), .gx-form textarea { background: #fff; border: 1px solid var(--mau-vien); border-radius: var(--bo-goc-nho); min-height: 44px; }
.gx-form textarea { min-height: 140px; }
.gx-form label { font-weight: 600; color: var(--mau-chu); font-size: 14px; }
.gx-form button[type=submit] { background: var(--mau-chinh); color: var(--mau-nen); border-radius: var(--bo-goc-nho); min-height: 44px; padding: 0 28px; }

/* Man hinh 992-1199px: menu tieng Viet dai, thu gon de khong tran ngang */
@media (min-width: 992px) and (max-width: 1199px) {
	.gx-dau .bricks-nav-menu { gap: 8px; }
	.gx-dau .brxe-nav-menu a { font-size: 12.5px; }
	.gx-dau .gx-logo img, .gx-dau img.gx-logo { height: 32px !important; }
	.gx-dau .gx-bao-gia { padding: 9px 10px !important; font-size: 13px; }
	.gx-dau .brxe-container { column-gap: 10px !important; }
}

/* Menu dien thoai mo ra: nen xanh den, chu kem, nut dong sang */
.gx-dau .bricks-mobile-menu-wrapper { background: var(--mau-chinh-dam) !important; }
.gx-dau .bricks-mobile-menu-wrapper a, .gx-dau .brxe-nav-menu .bricks-mobile-menu a { color: var(--mau-nen) !important; font-size: 17px; }
.gx-dau .bricks-mobile-menu-wrapper a:hover { color: var(--mau-nhan) !important; }
.gx-dau .bricks-mobile-menu, .gx-dau .bricks-mobile-menu-wrapper::before { background: var(--mau-chinh-dam) !important; }


/* Bieu tuong net manh: dung mask de doi mau bang bien CSS, khong can tai tep */
.gx-ic { flex: 0 0 auto; width: 44px; height: 44px; background: var(--mau-chu); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.gx-ic-mau { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M24 6C13 6 5 14 5 24s8 18 18 18c3 0 4-2 4-4 0-3-2-4-2-6 0-2 2-4 5-4h5c5 0 8-3 8-7C43 12 34 6 24 6Z%22/%3E%3Ccircle cx=%2215%22 cy=%2220%22 r=%222%22/%3E%3Ccircle cx=%2223%22 cy=%2214%22 r=%222%22/%3E%3Ccircle cx=%2232%22 cy=%2217%22 r=%222%22/%3E%3Ccircle cx=%2215%22 cy=%2229%22 r=%222%22/%3E%3C/svg%3E"); }
.gx-ic-huong { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14 42c-6-7 6-11 0-18s4-11 0-18%22/%3E%3Cpath d=%22M24 42c-6-7 6-11 0-18s4-11 0-18%22/%3E%3Cpath d=%22M34 42c-6-7 6-11 0-18s4-11 0-18%22/%3E%3C/svg%3E"); }
.gx-ic-la { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M41 7C20 7 8 17 8 31c0 3 1 6 2 8 17 3 31-9 31-32Z%22/%3E%3Cpath d=%22M6 43C13 32 21 24 31 18%22/%3E%3C/svg%3E"); }
.gx-ic-khoi { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M24 5 34 11v11l-10 6-10-6V11Z%22/%3E%3Cpath d=%22M14 22 4 28v11l10 6 10-6%22/%3E%3Cpath d=%22M34 22l10 6v11l-10 6-10-6V28%22/%3E%3Cpath d=%22M14 11l10 6 10-6M24 17v11%22/%3E%3C/svg%3E"); }
.gx-ic-khien { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M24 4 41 10v13c0 10-7 17-17 21C14 40 7 33 7 23V10Z%22/%3E%3Cpath d=%22m16 24 6 6 11-12%22/%3E%3C/svg%3E"); }
.gx-ic-co { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2224%22 cy=%2224%22 r=%227%22/%3E%3Cpath d=%22M24 5v7M24 36v7M5 24h7M36 24h7M10.6 10.6l5 5M32.4 32.4l5 5M37.4 10.6l-5 5M15.6 32.4l-5 5%22/%3E%3C/svg%3E"); }
.gx-ic-huy { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2224%22 cy=%2218%22 r=%2213%22/%3E%3Cpath d=%22m16 29-4 15 12-6 12 6-4-15%22/%3E%3Cpath d=%22m18 18 4 4 8-8%22/%3E%3C/svg%3E"); }
.gx-ic-bieu-do { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 42h32%22/%3E%3Cpath d=%22M12 42V28h6v14M21 42V20h6v22M30 42V10h6v32%22/%3E%3C/svg%3E"); }
.gx-ic-nguoi { --ic: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2224%22 cy=%2215%22 r=%228%22/%3E%3Cpath d=%22M8 43c1-10 8-16 16-16s15 6 16 16Z%22/%3E%3C/svg%3E"); }
/* Bieu tuong co vong tron (dai ben vung) */
.gx-ic-vong { position: relative; width: 56px; height: 56px; background: none; -webkit-mask: none; mask: none; border: 1.5px solid var(--mau-chu); border-radius: 50%; }
.gx-ic-vong::after { content: ""; position: absolute; inset: 12px; background: var(--mau-chu); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
/* La trang tri mo o goc dai nen kem */
.gx-la-nen { position: relative; overflow: hidden; }
.gx-la-nen::before { content: ""; position: absolute; left: -24px; top: 24px; width: 180px; height: 180px; opacity: .07; transform: rotate(-20deg); background: var(--mau-chu); -webkit-mask: var(--ic-la) center / contain no-repeat; mask: var(--ic-la) center / contain no-repeat; pointer-events: none; }
.gx-la-nen::after { content: ""; position: absolute; right: -24px; bottom: 24px; width: 150px; height: 150px; opacity: .07; transform: rotate(150deg); background: var(--mau-chu); -webkit-mask: var(--ic-la) center / contain no-repeat; mask: var(--ic-la) center / contain no-repeat; pointer-events: none; }
:root { --ic-la: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22 fill=%22none%22 stroke=%22%23123D2B%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M41 7C20 7 8 17 8 31c0 3 1 6 2 8 17 3 31-9 31-32Z%22/%3E%3Cpath d=%22M6 43C13 32 21 24 31 18%22/%3E%3Cpath d=%22M18 29l1-9M24 24l1-9M18 29l9 1M24 24l9 1%22/%3E%3C/svg%3E"); }
.gx-la-nen > .brxe-container { position: relative; z-index: 1; }
/* Dai trai cay: chu + anh cong, luoi qua, cot bieu tuong */
.gx-tc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 190px; gap: 24px 32px; align-items: center; }
.gx-tc-chu { grid-column: 1; }
img.gx-tc-anh { grid-column: 2; width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 45% 12px 12px 55% / 60% 12px 12px 40%; }
.gx-tc-qua { grid-column: 1 / 3; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.gx-tc-ic { grid-column: 3; grid-row: 1 / 3; }
.gx-tc .gx-o .gx-o-ten { text-align: center; padding: 28px 6px 8px; font-size: 15px; }
/* Dai cong thuc: anh nen toi, the trang ben phai */
.gx-ct { min-height: 0; }
.gx-ct::before { background: linear-gradient(90deg, rgba(7, 59, 33, .86) 0%, rgba(7, 59, 33, .6) 55%, rgba(7, 59, 33, .35) 100%); }
.gx-ct-the { position: relative; flex-direction: row; align-items: center; gap: 16px; background: #fff; border-radius: 12px; padding: 8px 16px 8px 8px; transition: transform .2s ease; }
.gx-ct-the:hover { transform: translateX(4px); }
.gx-ct-the img { width: 110px; height: 78px; object-fit: cover; border-radius: 8px; }
.gx-ct-the .gx-the-sp { flex: 1; margin: 0; }
.gx-ct-the .gx-the-sp a::before { content: ""; position: absolute; inset: 0; }
.gx-ct-the::after { content: "\2192"; color: var(--mau-chu); font-size: 20px; }
/* Dai ben vung: anh cong, chu, cot bieu tuong */
.gx-bv { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr) 200px; gap: 40px; align-items: center; }
img.gx-bv-anh { width: 100%; aspect-ratio: 5/4; object-fit: cover; border-radius: 16px 55% 45% 16px / 16px 40% 60% 16px; }
.gx-bv .brxe-block > .brxe-block { min-width: 0; }
@media (max-width: 991px) {
	.gx-tc, .gx-bv { grid-template-columns: minmax(0, 1fr); }
	.gx-tc-chu, img.gx-tc-anh, .gx-tc-qua, .gx-tc-ic { grid-column: 1; grid-row: auto; }
	.gx-tc-qua { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.gx-tc-ic { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (max-width: 478px) { .gx-tc-qua { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Dien thoai: an la trang tri de khong de len chu */
@media (max-width: 767px) { .gx-la-nen::before, .gx-la-nen::after { display: none; } }

/* Dai video nen: chu tren lop phu, co ghi nguon theo CC BY-SA */
.gx-video { position: relative; overflow: hidden; display: flex; align-items: center; min-height: clamp(280px, 42vw, 520px); padding: 48px 24px; background: var(--mau-chinh-dam); }
.gx-video .brxe-video { position: absolute !important; inset: 0; width: 100%; height: 100%; padding: 0; aspect-ratio: auto; }
.gx-video video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gx-video::before { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(7, 59, 33, .55); }
.gx-video > .brxe-container { position: relative; z-index: 2; }
.gx-video-nguon { position: absolute !important; z-index: 2; right: 12px; bottom: 8px; font-size: 11px; }
.gx-video-nguon a { color: rgba(250, 248, 242, .85); }

/* Hieu ung: anh hero phong rat cham */
.gx-hero img.gx-anh, .gx-hero .gx-anh img { animation: gx-zoom 24s ease-out infinite alternate; }
@keyframes gx-zoom { from { transform: scale(1); } to { transform: scale(1.08); } }
/* Chu hero hien dan khi vao trang */
.gx-js .gx-hero h1, .gx-js .gx-hero .gx-lead, .gx-js .gx-hero .brxe-button { animation: gx-len .9s ease both; }
.gx-js .gx-hero .gx-lead { animation-delay: .15s; }
.gx-js .gx-hero .brxe-button { animation-delay: .3s; }
@keyframes gx-len { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
/* Hien dan khi cuon: chi an khi JS da chay, khong co JS thi van thay het */
.gx-js .gx-hien { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease; transition-delay: var(--tre, 0s); }
.gx-js .gx-hien.gx-da-hien { opacity: 1; transform: none; }
/* Dau trang co bong khi cuon */
.gx-dau { transition: box-shadow .25s ease; }
.gx-dau.gx-cuon { box-shadow: 0 6px 20px rgba(7, 59, 33, .1); }
/* Nut va the phan hoi khi re chuot */
.brxe-button { transition: transform .2s ease, background-color .2s ease, filter .2s ease; }
.brxe-button:hover { transform: translateY(-2px); }
.gx-the-th img { transition: transform .5s ease; }
.gx-the-th:hover img { transform: scale(1.04); }
.gx-ic, .gx-ic-vong { transition: transform .25s ease; }
.brxe-block:hover > .gx-ic { transform: scale(1.08); }
@media (prefers-reduced-motion: reduce) {
	.gx-hero img.gx-anh, .gx-hero .gx-anh img, .gx-js .gx-hero h1, .gx-js .gx-hero .gx-lead, .gx-js .gx-hero .brxe-button { animation: none; }
	.gx-js .gx-hien { opacity: 1; transform: none; transition: none; }
	.brxe-button:hover, .gx-the-th:hover, .gx-the-th:hover img { transform: none; }
}
/* Can giua chu trong dai video */
.gx-video { justify-content: center; }
.gx-video > .brxe-container { margin-block: auto; }

/* Anh san pham: nen sang, giu nguyen ca hu, chai, tui (khong cat) */
img.gx-sp-lon, .gx-sp-lon img { width: 100%; max-width: 520px; aspect-ratio: 1/1; object-fit: contain; background: #fff; border-radius: var(--bo-goc); justify-self: center; }
.gx-the-spham { transition: transform .2s ease, box-shadow .2s ease; }
.gx-the-spham:hover { transform: translateY(-3px); }
.gx-the-spham img, img.gx-sp-nho { width: 100%; aspect-ratio: 1/1; object-fit: contain; background: #fff; border-radius: var(--bo-goc-nho); }

/* Can giua: khoi chu mot cot, bieu mau, noi dung bai. Khung da giua nhung khoi con dang don trai. */
.gx-giua { align-items: center; text-align: center; }
.gx-giua .chu-mo-dau { margin-inline: auto; max-width: 760px; }
.gx-giua .luoi-3 { text-align: left; }
.gx-giua .gx-hang { width: fit-content; max-width: 100%; margin-inline: auto; text-align: left; }
.doan > .khung > .brxe-heading { width: 100%; text-align: center; }
.doan > .khung > .nhom-nut { width: 100%; justify-content: center; }
.gx-form-giua { margin-inline: auto; }
.gx-sp-nd { width: 100%; margin-inline: auto; }
.brx-body #brx-content.wordpress { max-width: calc(800px + 2 * var(--kc-5, 24px)); }
.brx-body #brx-content.wordpress :is(p, ul, ol) { max-width: none; }
/* Doan ngay sau duong cong hero: bot khoang trong thua */
.gx-cong + .doan { padding-top: var(--kc-7) !important; }
/* Dai chat luong: 3 cam ket dan deu mot hang duoi phan chu */
.gx-cl-ds { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--kc-5); width: 100%; margin-top: var(--kc-5); }
.gx-cl-ds > .brxe-block { justify-content: center; }
@media (max-width: 767px) { .gx-cl-ds { grid-template-columns: minmax(0, 1fr); } .gx-cl-ds > .brxe-block { justify-content: flex-start; width: fit-content; margin-inline: auto; } }
/* Bieu mau: cac o canh nhau co khoang ho */
.gx-form { width: calc(100% + 12px) !important; margin-inline: -6px; }
.gx-form .form-group { padding-inline: 6px; }

/* Nut doi ngon ngu: 2 quoc ky trong vien noi bat, ngon ngu dang xem to nen xanh */
.gx-pll { display: flex; flex: 0 0 auto; gap: 2px; margin: 0; padding: 3px; list-style: none; background: #fff; border: 1.5px solid var(--mau-nhan); border-radius: 999px; }
.gx-pll li { margin: 0; list-style: none; }
.gx-dau .gx-pll a { display: flex; align-items: center; gap: 7px; min-height: 34px; padding: 4px 11px 4px 7px; border-radius: 999px; font-size: 13.5px; font-weight: 600; line-height: 1; color: var(--mau-chu); transition: background-color .2s ease; }
.gx-pll a::before { content: ""; flex: 0 0 auto; width: 24px; height: 16px; border-radius: 3px; background: center / cover no-repeat; box-shadow: 0 0 0 1px rgba(7, 59, 33, .18); }
.gx-pll .lang-item-en a::before { background-image: url(assets/co-gb.svg); }
.gx-pll .lang-item-vi a::before { background-image: url(assets/co-vn.svg); }
.gx-dau .gx-pll a:hover { background: var(--mau-nen-phu); color: var(--mau-chu); }
.gx-dau .gx-pll .current-lang a, .gx-dau .gx-pll .current-lang a:hover { background: var(--mau-chinh); color: var(--mau-nen); }
@media (min-width: 992px) and (max-width: 1199px) { .gx-dau .gx-pll a { padding: 4px 8px 4px 5px; gap: 5px; font-size: 12.5px; } .gx-pll a::before { width: 20px; height: 14px; } }
@media (max-width: 767px) { .gx-dau .gx-pll a { padding: 5px; min-height: 30px; } .gx-pll .pll-switcher-label { display: none; } .gx-pll a::before { width: 26px; height: 18px; } }
/* Dau trang man hinh nho: logo thu dung cach, nut co chi con quoc ky de khong tran ngang */
@media (min-width: 992px) and (max-width: 1199px) {
	.gx-dau a.gx-logo img { height: 34px !important; }
	.gx-pll .pll-switcher-label { display: none; }
	.gx-dau .gx-pll a { padding: 4px 5px; }
}
@media (max-width: 991px) { .gx-dau a.gx-logo img { height: 40px !important; } }
@media (max-width: 767px) {
	.gx-dau { padding-inline: 12px !important; }
	.gx-dau a.gx-logo img { height: 28px !important; }
}
@media (max-width: 400px) {
	.gx-dau .gx-pll a { padding: 3px; min-height: 26px; }
	.gx-pll a::before { width: 22px; height: 15px; }
	.gx-dau .gx-bao-gia { padding: 7px 8px !important; font-size: 11.5px; }
}
/* Man hinh 992-1329px: menu dai + nut co, thu gon them de vua mot hang */
@media (min-width: 992px) and (max-width: 1329px) {
	.gx-dau { padding-inline: 12px !important; }
	.gx-dau .bricks-nav-menu { gap: 4px; }
	.gx-dau .brxe-nav-menu a { font-size: 12.5px; }
	.gx-dau a.gx-logo img { height: 30px !important; }
	.gx-dau .gx-bao-gia { padding: 9px 10px !important; font-size: 12.5px; }
	.gx-dau .brxe-container { column-gap: 8px !important; }
	.gx-pll .pll-switcher-label { display: none; }
	.gx-dau .gx-pll a { padding: 4px 5px; }
	.gx-pll a::before { width: 20px; height: 14px; }
}
/* Tieu de muc trong khoi can giua: tach ro voi muc tren */
.gx-giua > .brxe-heading:not(:first-child) { margin-top: var(--kc-5); }
/* Chan trang: dong ban quyen trai het chieu ngang, duong ke khong bi ngan */
.gx-chan .khung > .brxe-text { width: 100%; text-align: center; }

/* Tieu de hero: ngat dong can doi, doan dan khong dai theo tieu de */
.gx-hero .brxe-heading { text-wrap: balance; }
.gx-hero .gx-lead { max-width: 660px; }
/* O trai cay la lien ket toi san pham */
a.gx-o, a.gx-o:hover { color: inherit; text-decoration: none; }
a.gx-o img { transition: transform .3s ease; }
a.gx-o:hover img { transform: scale(1.05); }
/* Dien thoai: bieu tuong dai trai cay luon nam ngang voi chu */
@media (max-width: 991px) {
	.gx-tc-ic > .brxe-block { flex-wrap: nowrap !important; }
	.gx-tc-ic .gx-ic { flex: 0 0 auto; }
	.gx-tc-ic .brxe-text-basic { min-width: 0; }
}
/* Nut menu nho: mo rong vung bam toi 44px, khong doi hinh ve */
.gx-dau .bricks-mobile-menu-toggle { position: relative; }
.gx-dau .bricks-mobile-menu-toggle::after { content: ""; position: absolute; inset: -14px -12px; }
@media (max-width: 400px) {
	.gx-dau a.gx-logo img { height: 24px !important; }
	.gx-dau .gx-bao-gia { font-size: 12px; padding: 7px 7px !important; }
	.gx-dau .brxe-container { column-gap: 8px !important; }
}
/* Ban Viet menu dai hon: thu khoang cach de nut bao gia khong lo khoi luoi */
/* San pham lien quan dang the anh */
.gx-sp-nd ul.gx-lq { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.gx-sp-nd ul.gx-lq li { margin: 0; }
.gx-lq a { display: block; height: 100%; padding: 12px; background: var(--mau-trang, #fff); border: 1px solid var(--mau-vien); border-radius: 16px; color: var(--mau-chu); text-decoration: none; }
.gx-lq a:hover { color: var(--mau-xanh-tuoi); }
.gx-lq img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 10px; }
.gx-lq span { display: block; margin-top: 10px; font-family: var(--font-tieu-de); font-size: 16px; font-weight: 600; line-height: 1.35; }
@media (max-width: 478px) { .gx-lq a { padding: 6px; } .gx-lq span { font-size: 13px; } .gx-sp-nd ul.gx-lq { gap: 8px; } }
/* Lien he: khoi dia chi thang hang voi bieu mau; lien ket ban do nhin ra la lien ket */
.gx-lh-tt { align-self: start; justify-content: flex-start; }
.gx-lk { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.gx-lk::after { content: " \2192"; }
/* Trang lien he da co du dia chi: chan trang khong lap lai cot nay */
.page-id-29 .gx-chan .luoi-3 > :nth-child(3), .page-id-30 .gx-chan .luoi-3 > :nth-child(3) { display: none; }
@media (min-width: 768px) { .page-id-29 .gx-chan .luoi-3, .page-id-30 .gx-chan .luoi-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Khuon bai dung chung: bai cong thuc hien nut ve Cong thuc */
.gx-nut-ct { display: none !important; }
.gx-bai-ct .gx-nut-ct { display: inline-flex !important; }
.gx-bai-ct .gx-nut-tin { display: none !important; }
/* Trang 404 */
.gx-404 { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; min-height: 56vh; padding: 64px 24px; text-align: center; }
.gx-404 h1 { margin: 0; font-family: var(--font-tieu-de); font-size: clamp(30px, 4vw, 44px); color: var(--mau-chinh); }
.gx-404 p { margin: 0; max-width: 560px; color: var(--mau-chu-phu); }
.gx-404 .nut-vien { padding: 14px 28px; border: 1px solid var(--mau-vien); border-radius: 10px; }
.gx-404-nut { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
/* Dien thoai: bo ngat dong co dinh de tieu de hero tu can doi */
@media (max-width: 767px) { .gx-hero .brxe-heading br { display: none; } }

/* Hang danh so va hang bieu tuong: giu 1 kieu tren moi co man hinh, chu khong rot xuong duoi so */
.gx-hang > .brxe-block, .gx-cl-ds > .brxe-block, .gx-bv .brxe-block > .brxe-block { flex-wrap: nowrap !important; }
.gx-hang > .brxe-block > .brxe-text-basic:not(.gx-so) { flex: 1 1 auto; min-width: 0; }
@media (max-width: 767px) {
	.gx-so { width: 36px; height: 36px; font-size: 15px; }
	.gx-giua .gx-hang { width: 100%; }
}

/* Danh sach san pham */
.gx-the-spham { position: relative; }
.gx-the-spham a.gx-the-sp::after, .gx-the-spham .gx-the-sp a::after { content: ""; position: absolute; inset: 0; }
.gx-the-spham[hidden], section[hidden], .gx-loc-rong[hidden] { display: none !important; }
.gx-xem-them { display: none; }
@media (max-width: 767px) {
	.gx-luoi-sp { gap: 10px !important; }
	.gx-luoi-sp.gx-gon > :nth-child(n+7) { display: none; }
	.gx-dang-tim .gx-luoi-sp.gx-gon > :nth-child(n+7):not([hidden]) { display: flex; }
	.gx-dang-tim .gx-xem-them { display: none !important; }
	.gx-xem-them { display: block; width: 100%; margin-top: 4px; padding: 13px 16px; background: #fff; border: 1px solid var(--mau-chinh); border-radius: 10px; color: var(--mau-chinh); font: inherit; font-weight: 600; }
	.gx-the-spham { padding: 8px 8px 12px !important; row-gap: 4px; }
	.gx-the-spham .gx-the-sp { font-size: 14px; }
	.gx-the-spham .brxe-text-basic { font-size: 12px !important; }
	.gx-loc-doan ~ section:has(.gx-luoi-sp) { padding-block: 36px !important; }
}
@media (max-width: 478px) { .gx-the-spham > .brxe-text-basic:last-child { display: none; } }
/* Thanh loc dinh khi cuon */
.gx-loc-doan { position: sticky; top: var(--gx-cao-dau, 0px); z-index: 30; width: 100%; padding: 12px 24px; background: var(--mau-nen); border-bottom: 1px solid var(--mau-vien); }
.gx-loc { display: flex; flex-direction: row; align-items: center; gap: 12px 16px; flex-wrap: wrap; }
.gx-loc input { flex: 1 1 260px; min-width: 0; height: 44px; padding: 0 14px; background: #fff; border: 1px solid var(--mau-vien); border-radius: 10px; font: inherit; color: var(--mau-chu); }
.gx-loc-the { display: flex; gap: 8px; flex: 0 1 auto; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.gx-loc-the::-webkit-scrollbar { display: none; }
.gx-loc-the button { flex: 0 0 auto; min-height: 40px; padding: 0 14px; background: #fff; border: 1px solid var(--mau-vien); border-radius: 999px; color: var(--mau-chu); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.gx-loc-the button.gx-chon { background: var(--mau-chinh); border-color: var(--mau-chinh); color: var(--mau-nen); }
.gx-loc-rong { padding: 48px 24px; text-align: center; color: var(--mau-chu-phu); }
@media (max-width: 767px) {
	.gx-loc-doan { padding: 8px 12px; }
	.gx-loc { gap: 8px; }
	.gx-loc input { flex-basis: 100%; height: 40px; }
	.gx-loc-the button { min-height: 36px; padding: 0 11px; font-size: 13px; }
}

/* Nut tim kiem dau trang */
.gx-tim { flex: 0 0 auto; }
.gx-tim .toggle { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; background: none; border: 0; color: var(--mau-chu); font-size: 18px; cursor: pointer; }
.gx-tim .bricks-search-overlay { background: rgba(7, 59, 33, .97); color: var(--mau-nen); }
.gx-tim .bricks-search-overlay .close { color: var(--mau-nen); }
.gx-tim .bricks-search-overlay .close:hover { color: var(--mau-nhan); }
.gx-tim .bricks-search-overlay .bricks-search-form { width: min(640px, calc(100vw - 48px)); }
.gx-tim .bricks-search-overlay input { color: var(--mau-nen); }
.gx-dau .bricks-nav-menu > li { margin-left: 24px; }
.gx-dau .bricks-nav-menu > li:first-child { margin-left: 0; }
html[lang="vi"] .gx-dau .bricks-nav-menu > li { margin-left: 18px; }
html[lang="vi"] .gx-dau .bricks-nav-menu > li:first-child { margin-left: 0; }
@media (max-width: 1329px) { .gx-dau .bricks-nav-menu > li, html[lang="vi"] .gx-dau .bricks-nav-menu > li { margin-left: 10px; } }
@media (max-width: 991px) { .gx-dau .brxe-container { column-gap: 8px !important; } .gx-tim { margin-left: auto; } }
/* Dien thoai: nut bao gia rut gon de du cho nut tim kiem */
@media (max-width: 480px) {
	.gx-dau .gx-bao-gia { font-size: 0 !important; letter-spacing: 0 !important; padding: 7px 10px !important; }
	.gx-dau .gx-bao-gia::after { content: "Quote"; font-size: 12.5px; }
	html[lang="vi"] .gx-dau .gx-bao-gia::after { content: "Báo giá"; }
	.gx-tim .toggle { width: 30px; }
}

/* Trang ket qua tim kiem */
.gx-kq { width: min(1200px, 100%); margin: 0 auto; padding: 56px 24px 72px; }
.gx-kq h1 { margin: 0 0 20px; font-family: var(--font-tieu-de); font-size: clamp(26px, 3.4vw, 38px); color: var(--mau-chinh); }
.gx-kq-form { display: flex; gap: 8px; max-width: 640px; margin-bottom: 32px; }
.gx-kq-form input { flex: 1 1 auto; min-width: 0; height: 46px; padding: 0 14px; background: #fff; border: 1px solid var(--mau-vien); border-radius: 10px; font: inherit; }
.gx-kq-luoi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.gx-kq-the { display: block; padding: 10px 10px 14px; background: #fff; border: 1px solid var(--mau-vien); border-radius: 14px; color: var(--mau-chu); text-decoration: none; }
.gx-kq-the img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 10px; }
.gx-kq-the h2 { margin: 10px 0 4px; font-family: var(--font-tieu-de); font-size: 16px; line-height: 1.35; }
.gx-kq-the p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--mau-chu-phu); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gx-kq-trang { margin-top: 28px; text-align: center; }
@media (max-width: 991px) { .gx-kq-luoi { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .gx-kq { padding-top: 32px; } .gx-kq-luoi { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .gx-kq-the p { display: none; } .gx-kq-the h2 { font-size: 14px; } }
/* Man hinh rat hep: bo nut bao gia tren dau trang, trang van con nut o noi dung */
@media (max-width: 340px) { .gx-dau .gx-bao-gia { display: none; } }
/* Dien thoai hep: an so dem de du 4 nut loc tren 1 hang */
@media (max-width: 480px) { .gx-loc-the { justify-content: space-between; } .gx-loc-the span { display: none; } .gx-loc-the button { padding: 0 13px; } }

/* Mang xa hoi o chan trang */
.gx-mxh-t { margin: 0 0 10px; font-weight: 600; color: var(--mau-nhan); font-size: var(--co-chu-nho); }
.gx-chan .gx-mxh ul { display: flex; flex-wrap: wrap; gap: 10px; }
.gx-chan .gx-mxh a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .28); color: #E6EFE3; font-size: 17px; transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; --gx-zalo-chu: var(--mau-chinh-dam); }
.gx-chan .gx-mxh a:hover { background: var(--mau-nhan); border-color: var(--mau-nhan); color: var(--mau-chinh-dam); transform: translateY(-2px); --gx-zalo-chu: var(--mau-nhan); }
.gx-chan .gx-mxh a.gx-chua-link { cursor: default; }
.gx-zalo { width: 1.45em; height: 1.45em; display: block; }

/* Nut lien he noi goc phai duoi: vong sang nhap nhay bao quanh, mo ra Goi, Zalo, Email */
.gx-lh { position: fixed; right: 22px; bottom: 22px; z-index: 95; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; }
.gx-lh::before { content: ""; position: fixed; inset: 0; z-index: -1; background: rgba(20, 24, 22, .78); opacity: 0; pointer-events: none; transition: opacity .25s ease; }
.gx-lh.gx-mo::before { opacity: 1; pointer-events: auto; }
.gx-lh-nut { position: relative; width: 64px; height: 64px; border: 0; border-radius: 50%; cursor: pointer; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, var(--mau-xanh-tuoi), var(--mau-chinh)); box-shadow: 0 0 0 8px rgba(24, 162, 68, .16), 0 8px 22px rgba(7, 59, 33, .35); transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
.gx-lh-nut::before, .gx-lh-nut::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 3px solid var(--mau-xanh-tuoi); opacity: 0; pointer-events: none; animation: gx-lh-song 2.2s ease-out infinite; }
.gx-lh-nut::after { border-color: var(--mau-cam); animation-delay: 1.1s; }
.gx-lh-nut:hover { transform: scale(1.06); }
.gx-lh-nut:focus-visible, .gx-lh-ds a:focus-visible { outline: 3px solid var(--mau-cam); outline-offset: 4px; }
.gx-lh-mo, .gx-lh-dong { grid-area: 1 / 1; transition: opacity .2s ease, transform .25s ease; }
.gx-lh-mo { position: relative; width: 38px; height: 34px; animation: gx-lh-lac 3s ease-in-out infinite; }
.gx-lh-mo i { position: absolute; line-height: 1; }
.gx-lh-mo .fa-comment-dots { left: 0; bottom: 2px; font-size: 19px; }
.gx-lh-mo .fa-phone { right: 2px; top: 0; font-size: 14px; }
.gx-lh-mo .fa-location-dot { right: 3px; bottom: 0; font-size: 14px; }
.gx-lh-dong { font-size: 30px; opacity: 0; transform: rotate(-90deg) scale(.6); }
.gx-lh.gx-mo .gx-lh-nut { background: #C62828; box-shadow: 0 8px 22px rgba(0, 0, 0, .35); }
.gx-lh.gx-mo .gx-lh-nut::before, .gx-lh.gx-mo .gx-lh-nut::after { animation: none; opacity: 0; }
.gx-lh.gx-mo .gx-lh-mo { opacity: 0; transform: rotate(90deg) scale(.6); animation: none; }
.gx-lh.gx-mo .gx-lh-dong { opacity: 1; transform: none; }
.gx-lh-ds { list-style: none; margin: 0; padding: 0 4px 0 0; display: flex; flex-direction: column; align-items: flex-end; gap: 16px; }
.gx-lh-ds li { opacity: 0; visibility: hidden; transform: translateY(14px) scale(.85); transition: opacity .2s ease, transform .25s ease, visibility 0s linear .25s; }
.gx-lh.gx-mo .gx-lh-ds li { opacity: 1; visibility: visible; transform: none; transition: opacity .2s ease, transform .25s ease; }
.gx-lh.gx-mo .gx-lh-ds li:nth-child(1) { transition-delay: .08s; }
.gx-lh.gx-mo .gx-lh-ds li:nth-child(2) { transition-delay: .04s; }
.gx-lh-ds a { display: flex; align-items: center; gap: 14px; text-decoration: none; }
.gx-lh-ten { color: #fff; font-size: 16px; font-weight: 700; white-space: nowrap; text-shadow: 0 1px 6px rgba(0, 0, 0, .5); }
.gx-lh-icon { width: 54px; height: 54px; flex: 0 0 54px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-size: 22px; box-shadow: 0 6px 16px rgba(0, 0, 0, .3); transition: transform .2s ease; }
.gx-lh-ds a:hover .gx-lh-icon { transform: scale(1.08); }
.gx-lh-goi .gx-lh-icon { background: #F5B73B; }
.gx-lh-zalo .gx-lh-icon { background: #0068FF; font-size: 28px; }
.gx-lh-mail .gx-lh-icon { background: var(--mau-xanh-tuoi); }
.gx-lh-ds a.gx-chua-link { cursor: default; }
.gx-lh-ds a.gx-chua-link .gx-lh-ten::after { content: " (sắp có)"; font-weight: 400; font-size: 13px; opacity: .8; }
html[lang^="en"] .gx-lh-ds a.gx-chua-link .gx-lh-ten::after { content: " (coming soon)"; }
@keyframes gx-lh-song { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(1.75); opacity: 0; } }
@keyframes gx-lh-lac { 0%, 70%, 100% { transform: rotate(0); } 75% { transform: rotate(-12deg); } 80% { transform: rotate(10deg); } 85% { transform: rotate(-8deg); } 90% { transform: rotate(5deg); } }
@media (max-width: 767px) {
	.gx-lh { right: 16px; bottom: 16px; }
	.gx-lh-nut { width: 58px; height: 58px; }
	.gx-lh-icon { width: 50px; height: 50px; flex-basis: 50px; }
	.gx-lh-ten { font-size: 15px; }
	.gx-chan { padding-bottom: 104px !important; }
}
@media (prefers-reduced-motion: reduce) { .gx-lh-nut::before, .gx-lh-nut::after, .gx-lh-mo { animation: none; } }

/* Logo Galaxy International (gan vuong, 1,7:1): can cao hon logo cu de doc duoc chu */
#brx-header .gx-dau a.gx-logo img { height: 60px !important; }
@media (max-width: 1199px) { #brx-header .gx-dau a.gx-logo img { height: 52px !important; } }
@media (max-width: 767px) { #brx-header .gx-dau a.gx-logo img { height: 42px !important; } }
@media (max-width: 360px) { #brx-header .gx-dau a.gx-logo img { height: 36px !important; } }
#brx-header .gx-dau { padding-block: 6px !important; }
.gx-chan img.gx-logo-nen, .gx-chan .gx-logo-nen img { height: 96px; }

/* Insight: thanh loc chuyen muc, nhan chuyen muc tren the bai */
.gx-loc-bai .gx-loc-the { flex-wrap: wrap; justify-content: center; overflow: visible; }
.gx-the-meta .gx-the-dm { color: var(--mau-chinh); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; font-size: 12px; }

/* Trang chu: dai chu chay ngang (2 ray giong nhau noi tiep, chay -50%) */
.gx-chay { overflow: hidden; padding: 22px 0; background: var(--mau-chinh-dam); border-bottom: 1px solid rgba(255, 255, 255, .08); }
.gx-chay-khung { display: flex; width: max-content; animation: gx-chay 38s linear infinite; }
.gx-chay:hover .gx-chay-khung { animation-play-state: paused; }
.gx-chay-ray { display: flex; align-items: center; flex: 0 0 auto; }
.gx-chay-ray span { padding: 0 34px; font-family: var(--font-tieu-de); font-size: clamp(30px, 4.6vw, 64px); font-weight: 600; line-height: 1.1; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; color: rgba(250, 248, 242, .5); }
.gx-chay-ray i { flex: 0 0 auto; width: 12px; height: 12px; border-radius: 50%; background: var(--mau-cam); }
@keyframes gx-chay { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .gx-chay-khung { animation: none; } }

/* Trang chu: so lieu tren nen video, lop xanh mo dam ben trai de chu noi */
.gx-video.gx-so-lieu { display: block; min-height: 0; padding: var(--kc-8) 24px; }
.gx-video.gx-so-lieu::before { background: linear-gradient(90deg, rgba(7, 59, 33, .92) 0%, rgba(7, 59, 33, .78) 45%, rgba(7, 59, 33, .5) 100%); }
.gx-sl-chu { max-width: 760px; }
.gx-so-lieu h2.gx-sl-h { color: #fff; margin: 0; font-size: clamp(34px, 4.4vw, 58px); line-height: 1.12; text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }
.gx-sl-p { margin: 0; max-width: 640px; font-size: var(--co-chu-lon); line-height: 1.7; color: rgba(255, 255, 255, .9); }
.gx-sl-hang-ngang { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: var(--kc-7); width: 100%; }
.gx-sl-o { padding: 4px 24px 4px 28px; border-left: 1px solid rgba(255, 255, 255, .3); row-gap: 8px; }
.gx-sl-so-nho { font-family: var(--font-tieu-de); font-size: clamp(40px, 5vw, 72px); line-height: 1; font-weight: 600; color: #fff; }
.gx-sl-o:nth-child(2) .gx-sl-so-nho::after { content: "+"; color: var(--mau-cam); }
.gx-sl-ten { font-size: 15px; color: rgba(255, 255, 255, .82); }
@media (max-width: 767px) {
	.gx-chay { padding: 14px 0; }
	.gx-chay-ray span { padding: 0 20px; }
	.gx-chay-ray i { width: 8px; height: 8px; }
	.gx-sl-hang-ngang { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; margin-top: var(--kc-6); }
	.gx-sl-o { padding: 2px 12px 2px 16px; }
	.gx-sl-ten { font-size: 13.5px; }
}
/* Dau khoi san pham: Bricks mac dinh block rong 100% */
.gx-nb .brxe-container { row-gap: var(--kc-5); }
.gx-nb-dau > .brxe-block { width: auto; }
.gx-so-lieu .gx-sl-dan { color: var(--mau-cam) !important; }
.gx-so-lieu .gx-sl-dan::before { background: var(--mau-cam) !important; }
.gx-nb-dau { gap: 20px 24px !important; }

/* Trang chu: Vi sao chon Galaxy, luoi so le (the anh lon 7 phan, khoi chu 5 phan) */
.gx-vs .brxe-container { row-gap: var(--kc-6); }
.gx-vs-luoi { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 32px; width: 100%; }
.gx-vs-lon { grid-column: span 7; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 24px; padding: 40px; border-radius: 24px; background: linear-gradient(160deg, #fff 0%, var(--mau-nen-phu) 100%); box-shadow: 0 1px 2px rgba(7, 59, 33, .05); }
.gx-vs-chu-the, .gx-vs-chu { grid-column: span 5; }
.gx-vs-luoi > .gx-vs-chu { padding-top: 32px; border-top: 1.5px solid var(--mau-chu); align-self: start; }
.gx-vs-lon .gx-vs-chu { grid-column: auto; }
.gx-vs-luoi > :nth-child(3) { margin-top: 8px; }
.gx-vs-luoi > :nth-child(4) { margin-top: 8px; }
.gx-vs-anh { display: flex !important; flex-direction: row !important; justify-content: center; align-items: center; gap: 8px; }
.gx-vs-anh img { width: 100%; max-width: 260px; aspect-ratio: 1/1; object-fit: contain; mix-blend-mode: multiply; transition: transform .4s ease; }
.gx-vs-anh img + img { max-width: 190px; }
.gx-vs-lon:hover .gx-vs-anh img { transform: scale(1.04); }
.gx-lk { font-weight: 600; color: var(--mau-chinh); text-decoration: none; }
.gx-lk::after { content: " →"; transition: margin .2s ease; }
.gx-lk:hover::after { margin-left: 4px; }
@media (max-width: 991px) {
	.gx-vs-lon { grid-column: span 12; }
	.gx-vs-luoi > .gx-vs-chu { grid-column: span 12; }
}
@media (max-width: 767px) {
	.gx-vs-luoi { gap: 24px; }
	.gx-vs-lon { grid-template-columns: 1fr; padding: 28px 24px; }
	.gx-vs-lon .gx-vs-anh { order: -1; }
	.gx-vs-anh img { max-width: 200px; }
	.gx-vs-anh img + img { max-width: 150px; }
	.gx-vs-luoi > .gx-vs-chu { padding-top: 24px; }
}
/* Sua khoi Vi sao chon Galaxy: anh la o vuong bo goc, 2 anh chia doi, khong tran the */
.gx-vs-lon { overflow: hidden; }
.gx-vs-anh { min-width: 0; flex-wrap: nowrap !important; }
.gx-vs-anh img, .gx-vs-anh img + img { flex: 1 1 0; min-width: 0; max-width: 260px; mix-blend-mode: normal; border-radius: 16px; box-shadow: 0 10px 24px rgba(7, 59, 33, .10); }
.gx-vs-anh img + img { margin-top: 36px; }
@media (max-width: 767px) {
	.gx-vs-anh img, .gx-vs-anh img + img { max-width: 180px; }
	.gx-vs-anh img + img { margin-top: 24px; }
}
/* Hieu ung phong anh hero lam lo 3px ngang o mot so co man hinh; clip khong lam hong dau trang dinh */
html, body { overflow-x: clip; }
@media (min-width: 768px) and (max-width: 991px) { .gx-vs-luoi > .gx-vs-chu { grid-column: span 6; } }

/* Trang chu: day san pham kieu trung bay. --k = khoang cach toi giua (0 o giua); anh nen kem trung mau nen web nen hoa vao */
.gx-day { position: relative; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center; align-items: center; width: 100%; padding: 44px 0 72px; } /* chua cho tren de san pham noi len khong cham tieu de */
.gx-day-sp { --rong: 17%; position: relative; flex: 0 0 calc(var(--rong) * (1 - var(--k) * .12)); margin-inline: -1.6%; z-index: calc(10 - var(--k)); display: block !important; text-decoration: none; outline: none; }
.gx-day-sp img { display: block; width: 100%; height: auto; aspect-ratio: 1/1; object-fit: contain; mix-blend-mode: multiply; -webkit-mask-image: radial-gradient(closest-side, #000 72%, transparent 100%); mask-image: radial-gradient(closest-side, #000 72%, transparent 100%); -webkit-box-reflect: below -14% linear-gradient(transparent 72%, rgba(255, 255, 255, .22)); transition: transform .35s cubic-bezier(.2, .8, .2, 1); }
/* Re chuot qua tung san pham: san pham do noi cao, 2 ben nhich theo, cac san pham khac mo di (kieu dock). Dua len tren cung de nhan ten khong bi che */
.gx-day-sp img { transition: transform .45s cubic-bezier(.2, .8, .2, 1), opacity .3s ease; }
.gx-day-sp:hover, .gx-day-sp:focus-visible { z-index: 40; }
.gx-day-sp:hover img, .gx-day-sp:focus-visible img { transform: translateY(-34px) scale(1.16); }
.gx-day-sp:hover + .gx-day-sp img, .gx-day-sp:has(+ .gx-day-sp:hover) img { transform: translateY(-12px) scale(1.05); }
.gx-day:has(.gx-day-sp:hover) .gx-day-sp:not(:hover) img { opacity: .6; }
.gx-day:has(.gx-day-sp:hover) .gx-day-sp:hover + .gx-day-sp img, .gx-day:has(.gx-day-sp:hover) .gx-day-sp:has(+ .gx-day-sp:hover) img { opacity: .85; }
.gx-day-sp::after { content: ""; position: absolute; left: 22%; right: 22%; bottom: 6%; height: 14px; border-radius: 50%; background: radial-gradient(closest-side, rgba(7, 59, 33, .28), transparent); opacity: 0; transform: scale(.6); transition: opacity .35s ease, transform .45s ease; pointer-events: none; }
.gx-day-sp:hover::after, .gx-day-sp:focus-visible::after { opacity: 1; transform: none; }
.gx-day-ten { position: absolute; left: 50%; top: 96%; width: max-content; max-width: 260px; transform: translate(-50%, 6px); padding: 7px 12px; border-radius: 6px; background: rgba(15, 58, 34, .92); color: #fff; font-size: 14px; font-weight: 600; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; z-index: 20; }
.gx-day-sp:hover .gx-day-ten, .gx-day-sp:focus-visible .gx-day-ten { opacity: 1; transform: translate(-50%, 0); }
/* Noi len khi cuon toi: tu giua lan ra hai ben */
.gx-js .gx-day-sp { opacity: 0; transform: translateY(70px); transition: opacity .6s ease, transform .8s cubic-bezier(.2, .8, .2, 1); transition-delay: calc(var(--k) * 90ms); }
.gx-js .gx-day.gx-hien .gx-day-sp { opacity: 1; transform: none; }
@media (max-width: 1199px) { .gx-day-sp { --rong: 20%; } .gx-day-sp[style*="--k:5"], .gx-day-sp[style*="--k:4"] { display: none !important; } }
@media (max-width: 767px) {
	.gx-day { padding-bottom: 40px; }
	.gx-day { overflow-x: clip; -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
	.gx-day-sp { --rong: 36%; margin-inline: -3%; }
	.gx-day-sp[style*="--k:3"] { display: none !important; }
	.gx-day-ten { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .gx-js .gx-day-sp { opacity: 1; transform: none; transition: none; } }