.is-gia-vang-page .primary-menu li:nth-child(2) > a {
	color: var(--gold-dark);
	border-bottom-color: var(--gold);
}

/* Advanced data-dashboard additions. */
.gv-data-summary {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
}

.gv-kpi {
	padding: 15px 16px;
	border-radius: 12px;
}

.gv-kpi span,
.gv-kpi small {
	display: block;
	color: var(--muted);
	font-size: 11px;
	font-weight: 750;
}

.gv-kpi strong {
	display: block;
	margin: 6px 0 3px;
	color: var(--navy);
	font-size: 22px;
	line-height: 1.05;
	font-weight: 900;
	font-variant-numeric: tabular-nums;
}

.gv-table-toolbar {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding: 12px 18px 0;
}

.gv-table-toolbar button {
	min-height: 32px;
	padding: 0 12px;
	border: 1px solid #e5e7eb;
	border-radius: 7px;
	background: #fff;
	color: #334155;
	font-size: 12px;
	font-weight: 850;
	cursor: pointer;
}

.gv-table-toolbar button:hover {
	border-color: var(--gold);
	color: var(--gold-dark);
}

.gv-price-panel.is-compact .gv-price-table td {
	height: 42px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.gv-watch-button {
	width: 28px;
	height: 28px;
	margin-right: 6px;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	background: #fff;
	color: var(--gold);
	font-size: 17px;
	line-height: 1;
	cursor: pointer;
	vertical-align: middle;
}

.gv-watch-button.is-active {
	background: var(--gold-light);
	border-color: var(--gold);
	color: var(--gold-dark);
}

.gv-spread-panel {
	margin: 12px 18px 0;
	padding: 14px;
	border: 1px solid var(--border);
	border-radius: 10px;
	background: #fff;
}

.gv-spread-panel h3 {
	margin: 0 0 10px;
	font-size: 14px;
	color: var(--navy);
}

.gv-spread-list {
	display: grid;
	gap: 8px;
}

.gv-spread-row {
	display: grid;
	grid-template-columns: 160px 1fr 90px;
	gap: 10px;
	align-items: center;
	font-size: 12px;
}

.gv-spread-bar {
	height: 8px;
	border-radius: 999px;
	background: #f1f5f9;
	overflow: hidden;
}

.gv-spread-bar span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #16a34a, #d99a00);
}

.gv-watchlist-items {
	display: grid;
	gap: 8px;
}

.gv-watchlist-items p {
	margin: 0;
}

.gv-watch-item {
	display: grid;
	gap: 2px;
	padding: 9px 10px;
	border: 1px solid #eef1f5;
	border-radius: 8px;
	background: #fffaf0;
	font-size: 12px;
}

.gv-watch-item strong {
	color: var(--navy);
}

.gv-watch-item span {
	color: var(--muted);
}

.gv-market-notes ul {
	margin: 0;
	padding-left: 18px;
	color: #334155;
	font-size: 12px;
	line-height: 1.55;
}

.gv-market-notes li + li {
	margin-top: 7px;
}

@media (max-width: 1180px) {
	.gv-data-summary {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 760px) {
	.gv-data-summary,
	.gv-spread-row {
		grid-template-columns: 1fr;
	}

	.gv-table-toolbar {
		display: grid;
		grid-template-columns: 1fr;
	}
}

.gia-vang-page {
	background: #f8fafc;
	padding: 22px 0 46px;
}

.gv-page-head {
	margin-bottom: 16px;
}

.gv-breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	font-size: 13px;
	font-weight: 700;
	color: var(--muted);
}

.gv-breadcrumb a {
	color: var(--gold-dark);
}

.gv-breadcrumb span::before {
	content: ">";
	margin-right: 8px;
	color: #cbd5e1;
}

.gv-title-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	padding-bottom: 4px;
}

.gv-title-row h1 {
	margin: 0;
	font-size: 34px;
	line-height: 1.15;
	font-weight: 900;
	color: var(--navy);
	letter-spacing: 0;
}

.gv-title-row p {
	margin: 7px 0 0;
	color: #475569;
	font-size: 14px;
}

.gv-market-meta {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: flex-end;
	font-size: 13px;
	color: #334155;
}

.gv-market-meta em {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 12px;
	border-radius: 999px;
	background: #dcfce7;
	color: var(--green);
	font-style: normal;
	font-weight: 850;
}

.gv-filter-panel {
	padding: 18px;
	margin-bottom: 22px;
}

.gv-filter-grid {
	display: grid;
	grid-template-columns: 1.35fr 1fr 1fr .9fr .75fr 1fr;
	gap: 12px;
	align-items: end;
}

.gv-filter-grid label,
.gv-widget label {
	display: grid;
	gap: 6px;
	font-size: 12px;
	font-weight: 750;
	color: #334155;
}

.gv-filter-grid input,
.gv-filter-grid select,
.gv-widget input,
.gv-widget select {
	min-height: 40px;
	border-radius: 8px;
	border: 1px solid #e5e7eb;
	background: #fff;
	font-size: 13px;
}

.gv-filter-actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 14px;
}

.gv-filter-actions .gvt-button {
	min-height: 38px;
	font-size: 12px;
}

.gv-api-state {
	margin: 14px 0 0;
	padding: 10px 12px;
	border: 1px solid var(--border);
	border-radius: 12px;
	background: #fff;
	color: var(--muted);
	font-weight: 750;
}

.gv-api-state.is-loading {
	background: #fff4d6;
	color: #92400e;
}

.gv-api-state.is-success {
	background: #dcfce7;
	border-color: #bbf7d0;
	color: #166534;
}

.gv-api-state.is-error {
	background: #fee2e2;
	border-color: #fecaca;
	color: #991b1b;
}

#gv-refresh-api.is-loading {
	opacity: .72;
	cursor: wait;
}

.gv-dashboard-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 350px;
	gap: 22px;
	align-items: start;
}

.gv-data-column {
	display: grid;
	gap: 20px;
	min-width: 0;
}

.gv-sidebar {
	display: grid;
	gap: 16px;
	position: sticky;
	top: 142px;
}

.gv-price-panel {
	overflow: hidden;
}

.gv-panel-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 18px 10px;
	border-bottom: 1px solid #eef1f5;
}

.gv-panel-heading h2,
.gv-chart-card h2,
.gv-compare-card h2,
.gv-world-card h2,
.gv-faq-card h2,
.gv-widget h2 {
	margin: 0;
	font-size: 18px;
	line-height: 1.25;
	font-weight: 900;
	text-transform: uppercase;
	color: var(--navy);
}

.gv-panel-heading p {
	margin: 6px 0 0;
	font-size: 12px;
	color: var(--muted);
}

.gv-table-legend {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.gv-table-legend span {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 0 9px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 850;
}

.legend-high {
	background: #dcfce7;
	color: var(--green);
}

.legend-low {
	background: #fee2e2;
	color: var(--red);
}

.gv-brand-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	padding: 14px 18px;
	border-bottom: 1px solid #eef1f5;
}

.gv-brand-chips button {
	min-height: 32px;
	padding: 0 14px;
	border: 1px solid #e5e7eb;
	border-radius: 7px;
	background: #fff;
	color: #334155;
	font-size: 12px;
	font-weight: 850;
	cursor: pointer;
}

.gv-brand-chips button.is-active {
	background: linear-gradient(135deg, #e7a90a, #c98200);
	color: #fff;
	border-color: transparent;
}

.gv-table-wrap {
	max-height: 690px;
	overflow: auto;
	background: #fff;
	-webkit-overflow-scrolling: touch;
}

.gv-price-table {
	width: 100%;
	min-width: 1060px;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 12.5px;
	line-height: 1.35;
}

.gv-price-table thead th {
	position: sticky;
	top: 0;
	z-index: 4;
	background: #fffaf0;
	box-shadow: inset 0 -1px 0 #ead7ae;
}

.gv-price-table th {
	padding: 13px 13px;
	text-align: left;
	font-size: 10.5px;
	font-weight: 900;
	text-transform: uppercase;
	color: #334155;
	white-space: nowrap;
}

.gv-price-table td {
	height: 54px;
	padding: 12px 13px;
	border-bottom: 1px solid #eef1f5;
	font-weight: 750;
	color: #111827;
	vertical-align: middle;
	background: #fff;
}

.gv-price-table tr:hover td {
	background: #fffaf0;
}

.gv-price-table td[data-label="Loại vàng"] strong {
	font-weight: 850;
}

.price-buy,
.price-sell {
	font-weight: 900 !important;
	font-variant-numeric: tabular-nums;
}

.gv-price-table td.is-high {
	background: #ecfdf3;
	color: var(--green);
}

.gv-price-table td.is-low {
	background: #fff1f2;
	color: var(--red);
}

.gv-detail-button {
	min-height: 28px;
	padding: 0 10px;
	border: 1px solid var(--gold);
	border-radius: 6px;
	background: #fff;
	color: var(--gold-dark);
	font-size: 11px;
	font-weight: 850;
	cursor: pointer;
}

.gv-row-detail {
	margin: 12px 18px 0;
	padding: 12px 14px;
	border: 1px solid var(--border);
	border-radius: 10px;
	background: #fffaf0;
	font-size: 13px;
	color: #334155;
}

.gv-row-detail strong {
	display: block;
	margin-bottom: 4px;
	color: var(--navy);
}

.gv-empty-message {
	margin: 14px 18px 0;
	padding: 14px 16px;
	border: 1px dashed var(--border);
	border-radius: 10px;
	background: #fffaf0;
	color: #92400e;
	font-size: 13px;
	font-weight: 750;
	text-align: center;
}

.gv-secondary-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(310px, .9fr);
	gap: 18px;
}

.gv-chart-card,
.gv-compare-card,
.gv-world-card,
.gv-faq-card,
.gv-widget {
	padding: 18px;
}

.gv-chart-card h2,
.gv-compare-card h2,
.gv-world-card h2,
.gv-faq-card h2,
.gv-widget h2 {
	margin-bottom: 14px;
	font-size: 16px;
}

.gv-chart-canvas {
	position: relative;
	width: 100%;
	height: 310px;
	min-height: 310px;
}

.gv-chart-canvas canvas,
#gia-vang-chart {
	display: block;
	width: 100%;
	height: 310px !important;
	max-height: 310px;
}

.gv-compare-controls {
	display: grid;
	grid-template-columns: 1fr repeat(4, auto);
	gap: 10px;
	align-items: center;
	margin-bottom: 12px;
}

.gv-compare-controls label {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	font-size: 12px;
	font-weight: 750;
}

.gv-compare-result {
	display: grid;
	gap: 8px;
}

.gv-compare-result .compare-row {
	display: grid;
	grid-template-columns: 70px 1fr 1fr 1fr;
	gap: 8px;
	padding: 9px 10px;
	border-radius: 8px;
	background: #fffaf0;
	font-size: 12px;
}

.gv-widget {
	border-radius: 14px;
}

.gv-widget form,
.calculator-form {
	display: grid;
	gap: 11px;
}

.gv-widget .calculator-result {
	margin-top: 0;
}

.gv-widget .button-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 9px;
}

.gv-widget .gvt-button {
	min-height: 38px;
	font-size: 12px;
}

.gv-widget p {
	margin: 8px 0 0;
	font-size: 12px;
	color: var(--muted);
}

.gv-quick-news {
	display: grid;
	gap: 10px;
}

.gv-quick-news a {
	display: grid;
	gap: 3px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eef1f5;
}

.gv-quick-news strong {
	font-size: 12.5px;
	line-height: 1.35;
}

.gv-quick-news span {
	font-size: 11px;
	color: var(--muted);
}

@media (min-width: 1180px) {
	.is-gia-vang-page .gvt-container {
		width: min(1458px, calc(100% - 78px));
	}
}

@media (max-width: 1180px) {
	.gv-filter-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.gv-dashboard-layout,
	.gv-secondary-grid {
		grid-template-columns: 1fr;
	}

	.gv-sidebar {
		position: static;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 760px) {
	.gia-vang-page {
		padding-top: 16px;
	}

	.gv-title-row {
		display: grid;
		align-items: start;
	}

	.gv-title-row h1 {
		font-size: 29px;
	}

	.gv-market-meta {
		justify-content: flex-start;
	}

	.gv-filter-grid,
	.gv-sidebar {
		grid-template-columns: 1fr;
	}

	.gv-filter-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.gv-panel-heading {
		display: grid;
	}

	.gv-table-wrap {
		max-height: none;
		overflow: visible;
	}

	.gv-price-table,
	.gv-price-table thead,
	.gv-price-table tbody,
	.gv-price-table tr,
	.gv-price-table th,
	.gv-price-table td {
		display: block;
		min-width: 0;
	}

	.gv-price-table thead {
		display: none;
	}

	.gv-price-table tr {
		margin: 12px;
		border: 1px solid var(--border);
		border-radius: 12px;
		overflow: hidden;
		background: #fff;
		box-shadow: 0 8px 20px rgba(7, 26, 47, .05);
	}

	.gv-price-table td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		height: auto;
		padding: 11px 13px;
		text-align: right;
	}

	.gv-price-table td::before {
		content: attr(data-label);
		color: var(--muted);
		font-weight: 850;
		text-align: left;
	}

	.gv-price-table td[data-label="Loại vàng"] {
		display: block;
		text-align: left;
		background: #fffaf0;
	}

	.gv-price-table td[data-label="Loại vàng"]::before {
		display: block;
		margin-bottom: 4px;
	}

	.gv-compare-controls,
	.gv-compare-result .compare-row {
		grid-template-columns: 1fr;
	}

	.gv-chart-canvas,
	.gv-chart-canvas canvas,
	#gia-vang-chart {
		height: 260px !important;
		min-height: 260px;
		max-height: 260px;
	}
}

/* Premium gold price table redesign - v4 */
.gv-price-panel {
	overflow: hidden;
}

.gv-price-panel .gv-table-wrap {
	max-height: 720px;
	overflow: auto;
	background: #fff;
	border-top: 1px solid #f1e3c2;
	scrollbar-color: rgba(7, 26, 47, .28) transparent;
	scrollbar-width: thin;
}

.gv-price-panel .gv-table-wrap::-webkit-scrollbar {
	height: 8px;
	width: 8px;
}

.gv-price-panel .gv-table-wrap::-webkit-scrollbar-thumb {
	background: rgba(7, 26, 47, .22);
	border-radius: 999px;
}

.gv-price-table {
	width: 100%;
	min-width: 920px;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	font-size: 14px;
	line-height: 1.4;
}

.gv-price-table th:nth-child(1),
.gv-price-table td:nth-child(1) { width: 26%; }
.gv-price-table th:nth-child(2),
.gv-price-table td:nth-child(2) { width: 12%; }
.gv-price-table th:nth-child(3),
.gv-price-table td:nth-child(3),
.gv-price-table th:nth-child(4),
.gv-price-table td:nth-child(4) { width: 14%; }
.gv-price-table th:nth-child(5),
.gv-price-table td:nth-child(5) { width: 12%; }
.gv-price-table th:nth-child(6),
.gv-price-table td:nth-child(6) { width: 10%; }
.gv-price-table th:nth-child(7),
.gv-price-table td:nth-child(7) { width: 8%; }
.gv-price-table th:nth-child(8),
.gv-price-table td:nth-child(8) { width: 10%; }

.gv-price-table thead th {
	position: sticky;
	top: 0;
	z-index: 5;
	padding: 15px 18px;
	background: rgba(255, 250, 240, .98);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid #eadfca;
	box-shadow: 0 1px 0 rgba(234, 223, 202, .75);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #64748b;
	white-space: nowrap;
	text-align: left;
}

.gv-price-table tbody tr {
	transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.gv-price-table tbody tr:nth-child(even) td {
	background: #fffdf8;
}

.gv-price-table tbody tr:hover td {
	background: #fff8e8;
	box-shadow: inset 0 1px 0 #f4e8ca, inset 0 -1px 0 #f4e8ca;
}

.gv-price-table td {
	height: 76px;
	padding: 16px 18px;
	border-bottom: 1px solid #edf1f5;
	vertical-align: middle;
	background: #fff;
	color: #111827;
	font-weight: 600;
}

.gv-name-cell strong,
.gv-price-table td[data-label="Loại vàng"] strong {
	display: block;
	max-width: 100%;
	font-size: 14.5px;
	line-height: 1.25;
	font-weight: 850;
	color: #0f172a;
	white-space: normal;
}

.gv-name-cell small,
.gv-price-table td[data-label="Loại vàng"] small,
.price-buy small,
.price-sell small {
	display: block;
	margin-top: 4px;
	font-size: 11px;
	line-height: 1.2;
	font-weight: 700;
	color: #94a3b8;
}

.brand-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	padding: 7px 10px 7px 8px;
	border-radius: 999px;
	background: #fff8e5;
	border: 1px solid #f5dfaa;
	font-size: 12.5px;
	font-weight: 850;
	color: #0f172a;
	white-space: nowrap;
}

.brand-badge::before {
	content: '';
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: radial-gradient(circle at 30% 30%, #fff8d0 0 12%, #f8c53a 13% 44%, #c88400 45% 100%);
	box-shadow: inset -4px -5px 10px rgba(93, 57, 0, .18);
	flex: 0 0 auto;
}

.price-buy,
.price-sell,
.price-spread {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.price-buy {
	font-size: 15px;
	font-weight: 850 !important;
	color: #0f172a !important;
}

.price-sell {
	font-size: 15px;
	font-weight: 900 !important;
	color: #b87900 !important;
}

.price-spread {
	font-size: 14px;
	font-weight: 800 !important;
	color: #334155 !important;
}

.price-buy.is-low,
.price-sell.is-high {
	position: relative;
	border-radius: 10px;
	box-shadow: inset 0 0 0 1px rgba(217, 154, 0, .18);
}

.price-sell.is-high {
	background: #ecfdf3 !important;
	color: #047857 !important;
}

.price-buy.is-low {
	background: #fff7ed !important;
	color: #b45309 !important;
}

.trend-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 76px;
	min-height: 30px;
	padding: 6px 11px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 850;
	white-space: nowrap;
}

.trend-pill::before {
	font-size: 11px;
	line-height: 1;
}

.trend-up {
	background: #dcfce7;
	color: #15803d;
}
.trend-up::before { content: '▲'; }

.trend-down {
	background: #fee2e2;
	color: #dc2626;
}
.trend-down::before { content: '▼'; }

.trend-neutral {
	background: #fef3c7;
	color: #b45309;
}
.trend-neutral::before { content: '•'; }

.gv-updated-cell {
	font-size: 12px;
	line-height: 1.35;
	font-weight: 800 !important;
	color: #64748b !important;
	white-space: normal;
}

.gv-action-cell {
	white-space: nowrap;
}

.gv-action-cell,
.gv-price-table td[data-label="Thao tác"] {
	display: table-cell;
}

.gv-watch-button,
.gv-detail-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	border-radius: 10px;
	font-weight: 850;
	cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}

.gv-watch-button {
	width: 34px;
	height: 34px;
	margin-right: 6px;
	border: 1px solid #e5e7eb;
	background: #fff;
	color: #d99a00;
	font-size: 17px;
}

.gv-watch-button:hover,
.gv-watch-button.is-active {
	background: #fff4d6;
	border-color: #d99a00;
	box-shadow: 0 8px 18px rgba(217, 154, 0, .16);
	transform: translateY(-1px);
}

.gv-detail-button {
	min-width: 54px;
	height: 34px;
	padding: 0 12px;
	border: 1px solid #d99a00;
	background: linear-gradient(135deg, #fffaf0, #fff);
	color: #9a6700;
	font-size: 12px;
}

.gv-detail-button:hover {
	background: linear-gradient(135deg, #e7a90a, #c98200);
	color: #fff;
	box-shadow: 0 8px 18px rgba(217, 154, 0, .18);
	transform: translateY(-1px);
}

.gv-price-panel.is-compact .gv-price-table td {
	height: 58px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.gv-price-panel.is-compact .gv-name-cell small,
.gv-price-panel.is-compact .price-buy small,
.gv-price-panel.is-compact .price-sell small {
	display: none;
}

@media (max-width: 1024px) {
	.gv-price-table {
		min-width: 840px;
		font-size: 13px;
	}
	.gv-price-table th,
	.gv-price-table td {
		padding-left: 12px;
		padding-right: 12px;
	}
}

@media (max-width: 720px) {
	.gv-price-panel .gv-table-wrap {
		max-height: none;
		overflow: visible;
		background: transparent;
		border-top: 0;
	}

	.gv-price-table,
	.gv-price-table thead,
	.gv-price-table tbody,
	.gv-price-table tr,
	.gv-price-table th,
	.gv-price-table td {
		display: block;
		width: 100% !important;
		min-width: 0 !important;
	}

	.gv-price-table thead {
		display: none;
	}

	.gv-price-table tbody tr {
		position: relative;
		margin: 12px 0;
		padding: 14px;
		border: 1px solid #eadfca;
		border-radius: 18px;
		background: #fff;
		box-shadow: 0 12px 30px rgba(7, 26, 47, .06);
		overflow: hidden;
	}

	.gv-price-table tbody tr:nth-child(even) td,
	.gv-price-table tbody tr:hover td,
	.gv-price-table td {
		background: transparent !important;
		box-shadow: none;
	}

	.gv-price-table td {
		height: auto;
		padding: 9px 0;
		border-bottom: 1px solid #f1f5f9;
		font-size: 13px;
	}

	.gv-price-table td:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}

	.gv-price-table td::before {
		content: attr(data-label);
		display: block;
		margin-bottom: 4px;
		font-size: 11px;
		font-weight: 850;
		letter-spacing: .04em;
		text-transform: uppercase;
		color: #94a3b8;
	}

	.gv-name-cell,
	.gv-price-table td[data-label="Loại vàng"] {
		padding-top: 0;
	}

	.gv-name-cell::before,
	.gv-price-table td[data-label="Loại vàng"]::before {
		display: none;
	}

	.gv-name-cell strong,
	.gv-price-table td[data-label="Loại vàng"] strong {
		padding-right: 86px;
		font-size: 16px;
	}

	.gv-price-table td[data-label="Thương hiệu"] {
		position: absolute;
		top: 13px;
		right: 14px;
		width: auto !important;
		padding: 0;
		border: 0;
	}

	.gv-price-table td[data-label="Thương hiệu"]::before {
		display: none;
	}

	.brand-badge {
		padding: 6px 9px 6px 7px;
		font-size: 11px;
	}

	.brand-badge::before {
		width: 15px;
		height: 15px;
	}

	.price-buy,
	.price-sell {
		font-size: 18px;
	}

	.price-spread {
		font-size: 15px;
	}

	.gv-updated-cell {
		font-size: 13px;
	}

	.gv-action-cell,
	.gv-price-table td[data-label="Thao tác"] {
		display: flex;
		gap: 8px;
		align-items: center;
	}

	.gv-watch-button,
	.gv-detail-button {
		flex: 1;
		min-width: 0;
	}
}

/* Gia vang page redesign v6: clean, detailed, theme-aligned. */
.gia-vang-page {
	background:
		radial-gradient(circle at 14% 0%, rgba(217,154,0,.10), transparent 34%),
		linear-gradient(180deg, #fff 0%, #f8fafc 260px, #f8fafc 100%);
}

.gia-vang-page .gvt-card {
	border: 1px solid rgba(234, 223, 202, .95);
	box-shadow: 0 12px 30px rgba(15, 23, 42, .045);
}

.gv-page-head {
	padding-top: 4px;
}

.gv-title-row {
	align-items: center;
	padding: 22px 0 14px;
	border-bottom: 1px solid rgba(234, 223, 202, .65);
}

.gv-title-row h1 {
	font-size: clamp(28px, 3vw, 42px);
	letter-spacing: -.035em;
}

.gv-title-row p {
	max-width: 680px;
	font-size: 15px;
	line-height: 1.65;
}

.gv-market-meta {
	padding: 14px;
	border: 1px solid rgba(234, 223, 202, .9);
	border-radius: 18px;
	background: rgba(255,255,255,.72);
	box-shadow: 0 12px 26px rgba(15, 23, 42, .045);
	backdrop-filter: blur(10px);
}

.gv-market-meta span {
	padding-right: 10px;
	border-right: 1px solid #e5e7eb;
}

.gv-market-meta span:last-of-type {
	border-right: 0;
}

.gv-filter-panel {
	border-radius: 20px;
	background: rgba(255,255,255,.92);
}

.gv-filter-grid {
	grid-template-columns: minmax(230px, 1.4fr) repeat(3, minmax(150px, 1fr)) minmax(130px, .85fr) minmax(170px, 1.05fr);
}

.gv-filter-grid label,
.gv-widget label {
	text-transform: none;
	letter-spacing: 0;
}

.gv-filter-grid input,
.gv-filter-grid select,
.gv-widget input,
.gv-widget select {
	width: 100%;
	padding: 0 12px;
	border-color: #e2e8f0;
	border-radius: 12px;
	color: #0f172a;
	font-weight: 750;
	outline: none;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.gv-filter-grid input:focus,
.gv-filter-grid select:focus,
.gv-widget input:focus,
.gv-widget select:focus {
	border-color: var(--gold);
	box-shadow: 0 0 0 4px rgba(217, 154, 0, .13);
}

.gv-filter-actions {
	align-items: center;
	flex-wrap: wrap;
}

.gv-filter-actions .gvt-button,
.gv-table-toolbar button,
.gv-detail-button,
.gv-watch-button,
.gv-brand-chips button,
.unit-buttons button {
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.gv-filter-actions .gvt-button:hover,
.gv-table-toolbar button:hover,
.gv-detail-button:hover,
.gv-watch-button:hover,
.gv-brand-chips button:hover,
.unit-buttons button:hover {
	transform: translateY(-1px);
}

.gv-dashboard-layout {
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 24px;
}

.gv-data-summary {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.gv-kpi {
	position: relative;
	overflow: hidden;
	min-height: 118px;
	padding: 18px;
	border-radius: 18px;
	background: linear-gradient(145deg, #fff 0%, #fffaf0 100%);
}

.gv-kpi::after {
	content: "";
	position: absolute;
	right: -24px;
	top: -24px;
	width: 74px;
	height: 74px;
	border-radius: 50%;
	background: rgba(217,154,0,.10);
}

.gv-kpi span {
	font-size: 12px;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.gv-kpi strong {
	margin-top: 10px;
	font-size: clamp(22px, 2vw, 29px);
	letter-spacing: -.025em;
}

.gv-kpi small {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gv-price-panel {
	border-radius: 20px;
	background: #fff;
}

.gv-panel-heading {
	padding: 22px 22px 14px;
	background: linear-gradient(180deg, #fffaf0 0%, #fff 100%);
}

.gv-panel-heading h2 {
	font-size: 20px;
	letter-spacing: -.02em;
}

.gv-table-toolbar {
	justify-content: space-between;
	padding: 14px 22px 0;
}

.gv-table-toolbar button {
	min-height: 38px;
	padding: 0 14px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 6px 16px rgba(15,23,42,.035);
}

.gv-table-toolbar button:first-child {
	border-color: rgba(217,154,0,.45);
	color: var(--gold-dark);
}

.gv-brand-chips {
	padding: 16px 22px;
	gap: 10px;
}

.gv-brand-chips button {
	min-height: 36px;
	padding: 0 15px;
	border-radius: 999px;
	background: #f8fafc;
}

.gv-brand-chips button.is-active {
	box-shadow: 0 8px 20px rgba(217,154,0,.20);
}

.gv-table-wrap {
	max-height: none;
	overflow-x: auto;
	overflow-y: visible;
	border-top: 1px solid #f1f5f9;
}

.gv-table-wrap::-webkit-scrollbar {
	height: 10px;
}

.gv-table-wrap::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: #d6dee9;
	border: 3px solid #fff;
}

.gv-price-table {
	min-width: 920px;
	font-size: 13px;
}

.gv-price-table th {
	padding: 13px 18px;
	font-size: 11px;
	letter-spacing: .04em;
	color: #64748b;
}

.gv-price-table th span {
	display: block;
	margin-top: 2px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
	color: #94a3b8;
}

.gv-price-table td {
	height: 68px;
	padding: 15px 18px;
	font-weight: 760;
	border-bottom: 1px solid #edf2f7;
}

.gv-price-table tbody tr {
	transition: transform .16s ease, box-shadow .16s ease;
}

.gv-price-table tbody tr:hover td {
	background: #fffaf0;
}

.gv-name-cell strong {
	display: block;
	max-width: 230px;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 900;
	color: var(--navy);
}

.gv-name-cell small {
	display: inline-flex;
	align-items: center;
	margin-top: 5px;
	padding: 3px 8px;
	border-radius: 999px;
	background: #f8fafc;
	color: #64748b;
	font-size: 11px;
	font-weight: 800;
}

.brand-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 900;
	color: #0f172a;
}

.brand-badge::before {
	content: "";
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: radial-gradient(circle at 30% 30%, #fff7cc 0 16%, #d99a00 17% 60%, #a16207 61% 100%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
}

.price-main,
.price-buy,
.price-sell,
.price-spread {
	font-variant-numeric: tabular-nums;
}

.price-main {
	display: inline-block;
	font-size: 16px;
	font-weight: 950;
	letter-spacing: -.015em;
	white-space: nowrap;
}

.price-buy .price-main,
.price-buy {
	color: #0f172a;
}

.price-sell .price-main,
.price-sell {
	color: var(--gold-dark);
}

.price-buy small,
.price-sell small,
.price-main small {
	display: none !important;
}

.price-spread {
	color: #334155;
	font-weight: 900;
	white-space: nowrap;
}

.gv-price-table td.is-high,
.gv-price-table td.is-low {
	position: relative;
	box-shadow: inset 3px 0 0 currentColor;
}

.gv-price-table td.is-high {
	background: #f0fdf4 !important;
	color: #15803d;
}

.gv-price-table td.is-low {
	background: #fff7ed !important;
	color: #c2410c;
}

.trend-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 76px;
	height: 30px;
	padding: 0 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	white-space: nowrap;
}

.trend-up {
	background: #dcfce7;
	color: #15803d;
}

.trend-up::before {
	content: "▲";
	margin-right: 5px;
	font-size: 9px;
}

.trend-down {
	background: #fee2e2;
	color: #b91c1c;
}

.trend-down::before {
	content: "▼";
	margin-right: 5px;
	font-size: 9px;
}

.trend-neutral {
	background: #fef3c7;
	color: #92400e;
}

.trend-neutral::before {
	content: "●";
	margin-right: 5px;
	font-size: 8px;
}

.gv-updated-cell {
	color: #64748b;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
	white-space: nowrap;
}

.gv-action-cell {
	white-space: nowrap;
}

.gv-watch-button,
.gv-detail-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
}

.gv-watch-button {
	width: 36px;
	height: 36px;
	margin-right: 8px;
	border-radius: 12px;
	border: 1px solid #e2e8f0;
	background: #fff;
	color: #94a3b8;
	font-size: 18px;
	box-shadow: 0 6px 16px rgba(15,23,42,.04);
}

.gv-watch-button:hover,
.gv-watch-button.is-active {
	border-color: rgba(217,154,0,.55);
	background: #fff7ed;
	color: var(--gold-dark);
	box-shadow: 0 10px 20px rgba(217,154,0,.14);
}

.gv-detail-button {
	height: 36px;
	padding: 0 14px;
	border-radius: 12px;
	border: 1px solid rgba(217,154,0,.45);
	background: linear-gradient(180deg, #fff 0%, #fffaf0 100%);
	color: var(--gold-dark);
	font-size: 12px;
	font-weight: 950;
	box-shadow: 0 6px 16px rgba(15,23,42,.04);
}

.gv-detail-button:hover {
	background: linear-gradient(135deg, #e7a90a, #c98200);
	color: #fff;
	border-color: transparent;
}

.table-note {
	margin: 14px 22px 20px;
	padding: 12px 14px;
	border-radius: 14px;
	background: #f8fafc;
	color: #64748b;
	font-size: 12px;
}

.gv-row-detail,
.gv-spread-panel {
	margin: 14px 22px 0;
	border-radius: 16px;
	box-shadow: 0 10px 24px rgba(15,23,42,.04);
}

.gv-secondary-grid {
	grid-template-columns: minmax(0, 1fr) minmax(300px, .88fr);
}

.gv-chart-card,
.gv-compare-card,
.gv-world-card,
.gv-faq-card,
.gv-widget {
	border-radius: 18px;
}

.gv-widget h2,
.gv-chart-card h2,
.gv-compare-card h2,
.gv-world-card h2,
.gv-faq-card h2 {
	letter-spacing: -.01em;
}

.gv-sidebar {
	top: 126px;
}

.gv-widget {
	background: #fff;
}

.calculator-result {
	margin-top: 12px;
	padding: 16px;
	border-radius: 16px;
	background: linear-gradient(135deg, #fff7ed, #fff);
	border: 1px solid rgba(234,223,202,.9);
}

.calculator-result span {
	display: block;
	color: #64748b;
	font-size: 12px;
	font-weight: 800;
}

.calculator-result strong {
	display: block;
	margin-top: 4px;
	font-size: 22px;
	color: var(--navy);
	font-weight: 950;
}

.unit-buttons {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
}

.unit-buttons button {
	min-height: 36px;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #fff;
	font-weight: 850;
	cursor: pointer;
}

.unit-buttons button.is-active {
	background: linear-gradient(135deg, #e7a90a, #c98200);
	border-color: transparent;
	color: #fff;
}

.gv-quick-news a {
	display: grid;
	gap: 3px;
	padding: 10px 0;
	border-bottom: 1px solid #edf2f7;
	color: var(--navy);
}

.gv-quick-news a:last-child {
	border-bottom: 0;
}

.gv-quick-news span {
	color: #94a3b8;
	font-size: 12px;
}

@media (max-width: 1180px) {
	.gv-dashboard-layout {
		grid-template-columns: 1fr;
	}

	.gv-sidebar {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.gv-filter-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	.gv-title-row,
	.gv-panel-heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.gv-market-meta {
		justify-content: flex-start;
	}

	.gv-filter-grid,
	.gv-data-summary,
	.gv-secondary-grid,
	.gv-sidebar {
		grid-template-columns: 1fr;
	}

	.gv-filter-actions {
		justify-content: stretch;
	}

	.gv-filter-actions .gvt-button {
		flex: 1 1 150px;
	}

	.gv-price-table,
	.gv-price-table thead,
	.gv-price-table tbody,
	.gv-price-table tr,
	.gv-price-table th,
	.gv-price-table td {
		display: block;
	}

	.gv-price-table {
		min-width: 0;
		border-collapse: separate;
	}

	.gv-price-table thead {
		display: none;
	}

	.gv-price-table tbody {
		display: grid;
		gap: 12px;
		padding: 14px;
		background: #f8fafc;
	}

	.gv-price-table tr {
		padding: 14px;
		border: 1px solid #eadfca;
		border-radius: 18px;
		background: #fff;
		box-shadow: 0 8px 22px rgba(15,23,42,.04);
	}

	.gv-price-table td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 18px;
		height: auto;
		padding: 10px 0;
		border-bottom: 1px dashed #e2e8f0;
		background: transparent !important;
		text-align: right;
	}

	.gv-price-table td:last-child {
		border-bottom: 0;
	}

	.gv-price-table td::before {
		content: attr(data-label);
		flex: 0 0 auto;
		text-align: left;
		color: #64748b;
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
	}

	.gv-name-cell {
		display: grid !important;
		text-align: left !important;
	}

	.gv-name-cell::before {
		display: none;
	}

	.gv-name-cell strong {
		max-width: none;
		font-size: 17px;
	}

	.gv-action-cell {
		justify-content: flex-end !important;
	}
}

@media (max-width: 520px) {
	.gia-vang-page {
		padding-top: 12px;
	}

	.gv-filter-panel,
	.gv-chart-card,
	.gv-compare-card,
	.gv-world-card,
	.gv-faq-card,
	.gv-widget {
		padding: 14px;
	}

	.gv-panel-heading,
	.gv-brand-chips,
	.gv-table-toolbar {
		padding-left: 14px;
		padding-right: 14px;
	}

	.gv-table-toolbar {
		display: grid;
		grid-template-columns: 1fr;
	}

	.gv-kpi {
		min-height: 104px;
	}

	.gv-kpi strong {
		font-size: 24px;
	}

	.gv-watch-button,
	.gv-detail-button {
		height: 38px;
	}

	.gv-detail-button {
		padding: 0 16px;
	}
}


/* === Premium gold price table v7: clean fintech redesign === */
.gv-price-panel {
  --gv-row-border: #edf1f5;
  --gv-soft-bg: #f8fafc;
  --gv-price-gold: #b87900;
  --gv-price-navy: #071a2f;
  overflow: hidden;
}

.gv-price-panel .gv-panel-heading {
  align-items: flex-start;
  gap: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gv-row-border);
}

.gv-price-panel .gv-panel-heading h2 {
  margin: 0 0 5px;
  font-size: 22px;
  letter-spacing: -0.02em;
}

.gv-price-panel .gv-panel-heading p {
  color: #64748b;
  font-size: 14px;
}

.gv-unit-note {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 14px 0 10px;
  padding: 10px 14px;
  border: 1px solid #f1dfb8;
  border-radius: 14px;
  background: linear-gradient(135deg, #fffaf0, #ffffff);
  color: #64748b;
  font-size: 13px;
}
.gv-unit-note::before {
  content: "₫";
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #fff1c7;
  color: #b87900;
  font-weight: 800;
}
.gv-unit-note strong { color: #071a2f; }

.gv-price-panel .gv-table-wrap {
  width: 100%;
  overflow: visible;
  border: 1px solid var(--gv-row-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.055);
}
.gv-price-panel .gv-table-wrap::-webkit-scrollbar { height: 0; }

.gv-price-table {
  width: 100%;
  min-width: 0 !important;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
}
.gv-price-table th:nth-child(1),
.gv-price-table td:nth-child(1) { width: 25%; }
.gv-price-table th:nth-child(2),
.gv-price-table td:nth-child(2) { width: 12%; }
.gv-price-table th:nth-child(3),
.gv-price-table td:nth-child(3),
.gv-price-table th:nth-child(4),
.gv-price-table td:nth-child(4) { width: 14%; }
.gv-price-table th:nth-child(5),
.gv-price-table td:nth-child(5) { width: 11%; }
.gv-price-table th:nth-child(6),
.gv-price-table td:nth-child(6) { width: 10%; }
.gv-price-table th:nth-child(7),
.gv-price-table td:nth-child(7) { width: 8%; }
.gv-price-table th:nth-child(8),
.gv-price-table td:nth-child(8) { width: 10%; }

.gv-price-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 15px 16px;
  background: #fbfcfe;
  color: #64748b;
  border-bottom: 1px solid var(--gv-row-border);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.gv-price-table thead th span {
  display: block;
  margin-top: 3px;
  color: #b87900;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}
.gv-price-table tbody tr {
  background: #fff;
}
.gv-price-table tbody tr:nth-child(even) td {
  background: #fff;
}
.gv-price-table tbody tr:hover td {
  background: #fbfdff;
}
.gv-price-table td {
  padding: 16px;
  border-bottom: 1px solid var(--gv-row-border);
  color: #0f172a;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
  vertical-align: middle;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.gv-price-table tbody tr:last-child td { border-bottom: 0; }
.gv-price-table tbody tr:hover td:first-child { box-shadow: inset 3px 0 0 #d99a00; }

.gv-name-cell strong,
.gv-price-table td[data-label="Loại vàng"] strong {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #071a2f;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gv-name-cell small,
.gv-price-table td[data-label="Loại vàng"] small {
  display: block;
  margin-top: 5px;
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.gv-brand-cell { color: #0f172a; }
.brand-badge {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #071a2f !important;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}
.brand-badge::before { content: none !important; }
.brand-mark {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 999px;
  border: 1px solid rgba(217, 154, 0, .28);
  background:
    radial-gradient(circle at 35% 30%, #fff6c9 0 16%, transparent 18%),
    linear-gradient(135deg, #f8c74a, #c88700 62%, #fff6dc 63% 100%);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.7), 0 4px 10px rgba(184,121,0,.16);
}
.brand-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.price-buy,
.price-sell,
.price-spread {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.price-buy,
.price-buy .price-main {
  color: var(--gv-price-navy) !important;
  font-size: 16px;
  font-weight: 850 !important;
  letter-spacing: -0.02em;
}
.price-sell,
.price-sell .price-main {
  color: var(--gv-price-gold) !important;
  font-size: 16px;
  font-weight: 850 !important;
  letter-spacing: -0.02em;
}
.price-spread {
  color: #334155;
  font-weight: 750;
}
.gv-price-table td.is-high,
.gv-price-table td.is-low,
.price-buy.is-low,
.price-sell.is-high {
  background: transparent !important;
  border-color: var(--gv-row-border) !important;
  box-shadow: none !important;
}
.price-sell.is-high .price-main,
.price-sell.is-high {
  color: #087f5b !important;
}
.price-buy.is-low .price-main,
.price-buy.is-low {
  color: #b45309 !important;
}

.trend-pill {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  padding: 7px 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap;
}
.trend-pill::before {
  margin-right: 5px;
  font-size: 10px;
  line-height: 1;
}
.trend-up {
  background: #dcfce7 !important;
  color: #12823b !important;
}
.trend-up::before { content: "▲"; }
.trend-down {
  background: #fee2e2 !important;
  color: #dc2626 !important;
}
.trend-down::before { content: "▼"; }
.trend-neutral {
  background: #fef3c7 !important;
  color: #b87900 !important;
}
.trend-neutral::before { content: "•"; font-size: 15px; }

.gv-updated-cell {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  white-space: nowrap;
}
.gv-action-cell,
.gv-price-table td[data-label="Thao tác"] {
  display: table-cell;
  white-space: nowrap;
}
.gv-action-cell {
  text-align: right;
}
.gv-watch-button,
.gv-detail-button {
  appearance: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.gv-watch-button {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin-right: 8px;
  border: 1px solid #f1d9a2 !important;
  border-radius: 999px;
  background: #fffaf0 !important;
  color: #b87900 !important;
  font-size: 19px;
  font-weight: 800;
  vertical-align: middle;
}
.gv-watch-button:hover,
.gv-watch-button.is-active {
  background: #d99a00 !important;
  border-color: #d99a00 !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(217,154,0,.22);
}
.gv-detail-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 92px;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: #071a2f !important;
  color: #fff !important;
  font-size: 12px;
  font-weight: 800;
  vertical-align: middle;
  box-shadow: 0 8px 20px rgba(7,26,47,.16);
}
.gv-detail-button:hover {
  background: #0d2744 !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(7,26,47,.22);
}

.gv-price-panel .table-note {
  margin: 12px 2px 0;
  color: #64748b;
  font-size: 12px;
}

.gv-price-panel.is-compact .gv-price-table td { padding-top: 11px; padding-bottom: 11px; }
.gv-price-panel.is-compact .gv-name-cell small { display: none; }
.gv-price-panel.is-compact .trend-pill { padding: 6px 10px !important; }

@media (max-width: 1180px) {
  .gv-price-table th:nth-child(5),
  .gv-price-table td:nth-child(5) { display: none; }
  .gv-price-table th:nth-child(1),
  .gv-price-table td:nth-child(1) { width: 28%; }
  .gv-price-table th:nth-child(3),
  .gv-price-table td:nth-child(3),
  .gv-price-table th:nth-child(4),
  .gv-price-table td:nth-child(4) { width: 16%; }
}

@media (max-width: 900px) {
  .gv-price-panel .gv-table-wrap {
    border: 0;
    box-shadow: none;
    background: transparent;
    overflow: visible;
  }
  .gv-price-table,
  .gv-price-table thead,
  .gv-price-table tbody,
  .gv-price-table tr,
  .gv-price-table th,
  .gv-price-table td {
    display: block;
    width: 100% !important;
  }
  .gv-price-table thead { display: none; }
  .gv-price-table tbody {
    display: grid;
    gap: 14px;
  }
  .gv-price-table tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 14px;
    padding: 16px;
    border: 1px solid var(--gv-row-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
  }
  .gv-price-table td,
  .gv-price-table tbody tr:nth-child(even) td,
  .gv-price-table tbody tr:hover td {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .gv-price-table td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 5px;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .gv-price-table td[data-label="Loại vàng"] {
    grid-column: 1 / -1;
  }
  .gv-price-table td[data-label="Loại vàng"]::before,
  .gv-price-table td[data-label="Thương hiệu"]::before,
  .gv-price-table td[data-label="Thao tác"]::before { display: none; }
  .gv-brand-cell { align-self: center; }
  .gv-action-cell,
  .gv-price-table td[data-label="Thao tác"] {
    grid-column: 1 / -1;
    display: flex !important;
    justify-content: flex-end;
    gap: 8px;
  }
  .gv-watch-button { margin-right: 0; }
  .gv-detail-button { flex: 1; max-width: 180px; }
  .gv-updated-cell { white-space: normal; }
}

@media (max-width: 520px) {
  .gv-price-table tbody tr { grid-template-columns: 1fr; }
  .price-buy .price-main,
  .price-buy,
  .price-sell .price-main,
  .price-sell { font-size: 20px !important; }
  .gv-action-cell,
  .gv-price-table td[data-label="Thao tác"] { justify-content: stretch; }
  .gv-detail-button { max-width: none; }
  .gv-watch-button { width: 42px; height: 42px; }
}


/* === GVT v8 final clean table + world market override === */
.gv-price-panel {
  --gv-navy: #071a2f;
  --gv-gold: #b87900;
  --gv-line: #edf1f5;
  --gv-muted: #64748b;
}
.gv-price-panel .gv-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  border: 1px solid #e8edf3 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .055) !important;
}
.gv-price-panel .gv-table-wrap::-webkit-scrollbar { display: none !important; }
.gv-price-panel .gv-table-wrap { scrollbar-width: none !important; }
.gv-price-table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.gv-price-table th,
.gv-price-table td { box-sizing: border-box !important; }
.gv-price-table th:nth-child(1), .gv-price-table td:nth-child(1) { width: 23% !important; }
.gv-price-table th:nth-child(2), .gv-price-table td:nth-child(2) { width: 10% !important; }
.gv-price-table th:nth-child(3), .gv-price-table td:nth-child(3) { width: 13% !important; }
.gv-price-table th:nth-child(4), .gv-price-table td:nth-child(4) { width: 13% !important; }
.gv-price-table th:nth-child(5), .gv-price-table td:nth-child(5) { width: 10% !important; }
.gv-price-table th:nth-child(6), .gv-price-table td:nth-child(6) { width: 10% !important; }
.gv-price-table th:nth-child(7), .gv-price-table td:nth-child(7) { width: 8% !important; }
.gv-price-table th:nth-child(8), .gv-price-table td:nth-child(8) { width: 13% !important; }
.gv-price-table thead th {
  padding: 13px 14px !important;
  background: #fbfcfe !important;
  color: #64748b !important;
  border-bottom: 1px solid #e7edf4 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
.gv-price-table thead th span {
  display: block !important;
  margin-top: 2px !important;
  color: #b87900 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.gv-price-table td {
  padding: 14px 14px !important;
  border-bottom: 1px solid #edf1f5 !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.32 !important;
  vertical-align: middle !important;
}
.gv-price-table tbody tr:last-child td { border-bottom: 0 !important; }
.gv-price-table tbody tr:nth-child(even) td { background: #fffdf8 !important; }
.gv-price-table tbody tr:hover td { background: #fbfdff !important; }
.gv-price-table tbody tr:hover td:first-child { box-shadow: inset 3px 0 0 #d99a00 !important; }
.gv-price-table td.is-high,
.gv-price-table td.is-low,
.price-buy.is-low,
.price-sell.is-high { background: inherit !important; box-shadow: none !important; }
.gv-name-cell strong,
.gv-price-table td[data-label="Loại vàng"] strong {
  display: block !important;
  overflow: hidden !important;
  color: #071a2f !important;
  font-size: 14.5px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.gv-name-cell small,
.gv-price-table td[data-label="Loại vàng"] small {
  display: block !important;
  margin-top: 5px !important;
  overflow: hidden !important;
  color: #7b8aa0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.brand-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #071a2f !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  max-width: 100% !important;
}
.brand-badge::before { content: none !important; }
.brand-mark {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(217,154,0,.28) !important;
  background: radial-gradient(circle at 35% 30%, #fff7c7 0 14%, transparent 15%), linear-gradient(135deg,#f8c74a,#c88700 63%,#fff7df 64%) !important;
}
.brand-text { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.price-buy,
.price-sell,
.price-spread { white-space: nowrap !important; font-variant-numeric: tabular-nums !important; }
.price-buy,
.price-buy .price-main { color: #071a2f !important; font-size: 16px !important; font-weight: 850 !important; letter-spacing: -.02em !important; }
.price-sell,
.price-sell .price-main { color: #b87900 !important; font-size: 16px !important; font-weight: 850 !important; letter-spacing: -.02em !important; }
.price-sell.is-high,
.price-sell.is-high .price-main { color: #008060 !important; }
.price-buy.is-low,
.price-buy.is-low .price-main { color: #b45309 !important; }
.price-spread { color: #334155 !important; font-size: 13px !important; font-weight: 750 !important; }
.trend-pill {
  min-width: 72px !important;
  padding: 6px 9px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}
.gv-updated-cell {
  color: #64748b !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}
.gv-action-cell,
.gv-price-table td[data-label="Thao tác"] {
  display: table-cell !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
.gv-watch-button {
  display: inline-grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  margin-right: 5px !important;
  border: 1px solid #f1d9a2 !important;
  border-radius: 999px !important;
  background: #fffaf0 !important;
  color: #b87900 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
.gv-detail-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 72px !important;
  height: 30px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: #071a2f !important;
  color: #fff !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  box-shadow: 0 7px 16px rgba(7,26,47,.15) !important;
}
.gv-watch-button:hover,
.gv-watch-button.is-active { background: #d99a00 !important; color: #fff !important; transform: translateY(-1px); }
.gv-detail-button:hover { background: #0d2744 !important; transform: translateY(-1px); }
@media (max-width: 1180px) {
  .gv-price-table th:nth-child(5), .gv-price-table td:nth-child(5) { display: none !important; }
  .gv-price-table th:nth-child(1), .gv-price-table td:nth-child(1) { width: 25% !important; }
  .gv-price-table th:nth-child(3), .gv-price-table td:nth-child(3),
  .gv-price-table th:nth-child(4), .gv-price-table td:nth-child(4) { width: 14% !important; }
  .gv-price-table th:nth-child(8), .gv-price-table td:nth-child(8) { width: 15% !important; }
}
@media (max-width: 980px) {
  .gv-price-table th:nth-child(7), .gv-price-table td:nth-child(7) { display: none !important; }
  .gv-price-table th:nth-child(1), .gv-price-table td:nth-child(1) { width: 29% !important; }
  .gv-price-table th:nth-child(8), .gv-price-table td:nth-child(8) { width: 16% !important; }
}
@media (max-width: 900px) {
  .gv-price-panel .gv-table-wrap { overflow: visible !important; border: 0 !important; box-shadow: none !important; background: transparent !important; }
  .gv-price-table, .gv-price-table thead, .gv-price-table tbody, .gv-price-table tr, .gv-price-table th, .gv-price-table td { display: block !important; width: 100% !important; }
  .gv-price-table thead { display: none !important; }
  .gv-price-table tbody { display: grid !important; gap: 14px !important; }
  .gv-price-table tr { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; padding: 16px !important; border: 1px solid #e8edf3 !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 12px 28px rgba(15,23,42,.06) !important; }
  .gv-price-table td { display: block !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  .gv-price-table td::before { content: attr(data-label); display: block; margin-bottom: 5px; color: #94a3b8; font-size: 10px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
  .gv-price-table td[data-label="Loại vàng"] { grid-column: 1 / -1 !important; }
  .gv-price-table td[data-label="Loại vàng"]::before,
  .gv-price-table td[data-label="Thương hiệu"]::before,
  .gv-price-table td[data-label="Thao tác"]::before { display: none !important; }
  .gv-action-cell, .gv-price-table td[data-label="Thao tác"] { grid-column: 1 / -1 !important; text-align: left !important; }
}

/* Clean world market card */
.gv-world-card {
  overflow: hidden !important;
  border: 1px solid #e8edf3 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.055) !important;
}
.gv-world-card h2 {
  margin: 0 0 16px !important;
  color: #071a2f !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  letter-spacing: -.02em !important;
}
.gv-world-card .sparkline { display: none !important; }
.gv-world-card .world-row,
.gv-world-card .gv-world-item {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid #edf1f5 !important;
  background: transparent !important;
}
.gv-world-card .world-row:last-child,
.gv-world-card .gv-world-item:last-child { border-bottom: 0 !important; }
.gv-world-card .world-row > span,
.gv-world-meta strong,
.gv-world-card .world-row > strong {
  display: block !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.gv-world-meta small {
  display: block !important;
  margin-top: 3px !important;
  color: #94a3b8 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.gv-world-card .world-row > strong,
.gv-world-price span {
  color: #071a2f !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
  text-align: right !important;
}
.gv-world-card .world-row > strong small {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.gv-world-price { text-align: right !important; }
.gv-world-card .world-row > em,
.gv-world-price em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin-top: 5px !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 850 !important;
}
.gv-world-card .trend-up,
.gv-world-card .trend-up::before,
.gv-world-card .trend-up::after { color: #16a34a !important; background: transparent !important; }
.gv-world-card .trend-down,
.gv-world-card .trend-down::before,
.gv-world-card .trend-down::after { color: #dc2626 !important; background: transparent !important; }
.gv-world-card .trend-neutral { color: #b87900 !important; background: transparent !important; }

/* === GVT v9: clean synchronized gold table + world card === */
.gv-price-panel .gv-table-wrap {
  overflow: hidden !important;
  border: 1px solid #e8edf3 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .06) !important;
}
.gv-price-table,
.gv-price-table thead,
.gv-price-table tbody {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
}
.gv-price-table thead tr,
.gv-price-table tbody tr {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: minmax(210px, 2.15fr) minmax(112px, 1fr) minmax(112px, 1fr) minmax(88px, .82fr) minmax(88px, .78fr) minmax(72px, .72fr) minmax(112px, .95fr) !important;
  column-gap: 14px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
.gv-price-table thead th,
.gv-price-table tbody td {
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  align-items: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.gv-price-table th:nth-child(2),
.gv-price-table td:nth-child(2) {
  display: none !important;
}
.gv-price-table thead tr {
  padding: 0 18px !important;
  min-height: 54px !important;
  border-bottom: 1px solid #e8edf3 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
}
.gv-price-table thead th {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #718096 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
.gv-price-table thead th span {
  margin-left: 0 !important;
  color: #b87900 !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.gv-price-table tbody tr {
  position: relative !important;
  min-height: 74px !important;
  padding: 0 18px !important;
  border-bottom: 1px solid #edf1f5 !important;
  background: #fff !important;
  transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
.gv-price-table tbody tr:nth-child(even) { background: #fffdf8 !important; }
.gv-price-table tbody tr:hover {
  background: #fbfdff !important;
  box-shadow: inset 3px 0 0 #d99a00 !important;
}
.gv-price-table tbody tr:last-child { border-bottom: 0 !important; }
.gv-price-table td {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #0f172a !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}
.gv-name-cell,
.gv-price-table td[data-label="Loại vàng"] {
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
.gv-name-cell strong,
.gv-price-table td[data-label="Loại vàng"] strong {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  color: #071a2f !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
  line-height: 1.22 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.gv-name-cell small,
.gv-price-table td[data-label="Loại vàng"] small {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  margin-top: 6px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: #f3f6f9 !important;
  color: #718096 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.price-buy,
.price-sell,
.price-spread {
  justify-content: flex-start !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}
.price-buy,
.price-buy .price-main {
  color: #071a2f !important;
  font-size: 16.5px !important;
  font-weight: 900 !important;
  letter-spacing: -.025em !important;
}
.price-sell,
.price-sell .price-main {
  color: #b87900 !important;
  font-size: 16.5px !important;
  font-weight: 900 !important;
  letter-spacing: -.025em !important;
}
.price-buy.is-low,
.price-buy.is-low .price-main,
.price-sell.is-high,
.price-sell.is-high .price-main {
  background: transparent !important;
  box-shadow: none !important;
}
.price-sell.is-high,
.price-sell.is-high .price-main { color: #008060 !important; }
.price-buy.is-low,
.price-buy.is-low .price-main { color: #b45309 !important; }
.price-spread {
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.trend-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 76px !important;
  height: 30px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 0 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.trend-pill.trend-up { background: #dcfce7 !important; color: #15803d !important; }
.trend-pill.trend-down { background: #ffe4e6 !important; color: #dc2626 !important; }
.trend-pill.trend-neutral { background: #fef3c7 !important; color: #b87900 !important; }
.gv-updated-cell {
  color: #64748b !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}
.gv-action-cell,
.gv-price-table td[data-label="Thao tác"] {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  overflow: visible !important;
  white-space: nowrap !important;
}
.gv-watch-button,
.gv-detail-button {
  appearance: none !important;
  border: 0 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease !important;
}
.gv-watch-button {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  border: 1px solid #f0d99f !important;
  border-radius: 999px !important;
  background: #fffaf0 !important;
  color: #b87900 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
.gv-detail-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 86px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #071a2f !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  box-shadow: 0 9px 18px rgba(7, 26, 47, .16) !important;
}
.gv-watch-button:hover,
.gv-watch-button.is-active {
  background: #d99a00 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}
.gv-detail-button:hover {
  background: #0d2744 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 22px rgba(7, 26, 47, .22) !important;
}
@media (max-width: 1120px) {
  .gv-price-table thead tr,
  .gv-price-table tbody tr {
    grid-template-columns: minmax(205px, 2.2fr) minmax(108px, 1fr) minmax(108px, 1fr) minmax(82px, .8fr) minmax(76px, .72fr) minmax(104px, .9fr) !important;
  }
  .gv-price-table th:nth-child(7),
  .gv-price-table td:nth-child(7) { display: none !important; }
}
@media (max-width: 860px) {
  .gv-price-table thead { display: none !important; }
  .gv-price-table tbody {
    display: grid !important;
    gap: 14px !important;
    padding: 0 !important;
    background: transparent !important;
  }
  .gv-price-panel .gv-table-wrap {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .gv-price-table tbody tr {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px 16px !important;
    min-height: 0 !important;
    padding: 16px !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06) !important;
  }
  .gv-price-table tbody tr:nth-child(even) { background: #fff !important; }
  .gv-price-table tbody td {
    display: flex !important;
    padding: 0 !important;
    width: auto !important;
  }
  .gv-price-table tbody td::before {
    content: attr(data-label) !important;
    display: block !important;
    margin-bottom: 5px !important;
    color: #94a3b8 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
  }
  .gv-price-table td[data-label="Loại vàng"] {
    grid-column: 1 / -1 !important;
    display: block !important;
  }
  .gv-price-table td[data-label="Loại vàng"]::before,
  .gv-price-table td[data-label="Thương hiệu"]::before,
  .gv-price-table td[data-label="Thao tác"]::before { display: none !important; }
  .gv-price-table td:nth-child(2) { display: none !important; }
  .price-buy, .price-sell, .price-spread, .gv-updated-cell {
    display: block !important;
  }
  .gv-action-cell,
  .gv-price-table td[data-label="Thao tác"] {
    grid-column: 1 / -1 !important;
    justify-content: flex-end !important;
  }
}
@media (max-width: 520px) {
  .gv-price-table tbody tr { grid-template-columns: 1fr !important; }
  .gv-action-cell,
  .gv-price-table td[data-label="Thao tác"] { justify-content: stretch !important; }
  .gv-detail-button { flex: 1 1 auto !important; min-width: 0 !important; }
}

/* World market card v9 */
.gv-world-card {
  padding: 22px !important;
  overflow: hidden !important;
  border: 1px solid #e8edf3 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .06) !important;
}
.gv-world-card h2 {
  margin: 0 0 16px !important;
  color: #071a2f !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
}
.gv-world-card .world-row,
.gv-world-card .gv-world-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "label value" "change value" !important;
  align-items: center !important;
  gap: 6px 14px !important;
  margin: 0 0 12px !important;
  padding: 15px 16px !important;
  border: 1px solid #edf1f5 !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
}
.gv-world-card .world-row:last-child,
.gv-world-card .gv-world-item:last-child { margin-bottom: 0 !important; }
.gv-world-card .world-row > span {
  grid-area: label !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.gv-world-card .world-row > span::before {
  content: "" !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: #d99a00 !important;
  box-shadow: 0 0 0 4px rgba(217, 154, 0, .12) !important;
}
.gv-world-card .world-row > strong {
  grid-area: value !important;
  display: block !important;
  min-width: 136px !important;
  color: #071a2f !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  line-height: 1.1 !important;
  text-align: right !important;
}
.gv-world-card .world-row > strong small {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}
.gv-world-card .world-row > em {
  grid-area: change !important;
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}
.gv-world-card .trend-up { background: #dcfce7 !important; color: #15803d !important; }
.gv-world-card .trend-down { background: #ffe4e6 !important; color: #dc2626 !important; }
.gv-world-card .trend-neutral { background: #fef3c7 !important; color: #b87900 !important; }
@media (max-width: 520px) {
  .gv-world-card .world-row { grid-template-columns: 1fr !important; grid-template-areas: "label" "value" "change" !important; }
  .gv-world-card .world-row > strong { text-align: left !important; min-width: 0 !important; }
}

/* === GVT v10: full redesign for gold price list and world market card === */
.gv-price-panel .gv-unit-note {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 4px 0 14px !important;
  padding: 8px 12px !important;
  border: 1px solid #e8edf3 !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
.gv-price-panel .gv-unit-note strong { color: #b87900 !important; }
.gv-price-panel .gv-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border: 1px solid #e6edf5 !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .055) !important;
}
.gv-price-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #fff !important;
}
.gv-price-table thead,
.gv-price-table tbody,
.gv-price-table tr { display: table-row-group !important; }
.gv-price-table thead { display: table-header-group !important; }
.gv-price-table tbody { display: table-row-group !important; }
.gv-price-table tr { display: table-row !important; }
.gv-price-table th,
.gv-price-table td {
  display: table-cell !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-bottom: 1px solid #edf2f7 !important;
  vertical-align: middle !important;
  overflow: hidden !important;
}
.gv-price-table th {
  padding: 15px 14px !important;
  background: #fbfcfe !important;
  color: #738096 !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  text-align: left !important;
  white-space: nowrap !important;
}
.gv-price-table th:nth-child(1) { width: 25% !important; }
.gv-price-table th:nth-child(2) { width: 14% !important; }
.gv-price-table th:nth-child(3) { width: 14% !important; }
.gv-price-table th:nth-child(4) { width: 13% !important; }
.gv-price-table th:nth-child(5) { width: 12% !important; }
.gv-price-table th:nth-child(6) { width: 10% !important; }
.gv-price-table th:nth-child(7) { width: 12% !important; }
.gv-price-table td {
  padding: 17px 14px !important;
  background: #fff !important;
  color: #071a2f !important;
  font-size: 14px !important;
  font-weight: 780 !important;
}
.gv-price-table tbody tr:hover td { background: #fffdf7 !important; }
.gv-name-cell strong {
  display: block !important;
  color: #071a2f !important;
  font-size: 15px !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
  letter-spacing: -.015em !important;
  white-space: normal !important;
  word-break: normal !important;
}
.gv-name-cell small {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  margin-top: 6px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
.brand-dot {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  display: inline-block !important;
  margin-right: 6px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #f8c85a, #bd7b00) !important;
  box-shadow: 0 0 0 3px rgba(217, 154, 0, .12) !important;
}
.price-buy .price-main,
.price-sell .price-main,
.price-spread {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  color: #071a2f !important;
  font-size: clamp(15px, 1.1vw, 18px) !important;
  line-height: 1 !important;
  font-weight: 940 !important;
  letter-spacing: -.03em !important;
  white-space: nowrap !important;
}
.price-sell .price-main { color: #b87900 !important; }
.price-spread { color: #334155 !important; font-size: 14px !important; font-weight: 850 !important; }
.trend-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 78px !important;
  height: 30px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.trend-up { background: #dcfce7 !important; color: #15803d !important; }
.trend-up::before { content: "▲" !important; margin-right: 5px !important; font-size: 10px !important; }
.trend-down { background: #fee2e2 !important; color: #dc2626 !important; }
.trend-down::before { content: "▼" !important; margin-right: 5px !important; font-size: 10px !important; }
.trend-neutral { background: #fef3c7 !important; color: #b87900 !important; }
.trend-neutral::before { content: "•" !important; margin-right: 6px !important; font-size: 15px !important; line-height: 0 !important; }
.gv-updated-cell {
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  white-space: normal !important;
}
.gv-action-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.gv-watch-button,
.gv-detail-button {
  appearance: none !important;
  border: 0 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease !important;
}
.gv-watch-button {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #f1c76a !important;
  border-radius: 999px !important;
  background: #fffaf0 !important;
  color: #b87900 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}
.gv-detail-button {
  height: 36px !important;
  min-width: 82px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #061a2f !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 22px rgba(6, 26, 47, .16) !important;
}
.gv-watch-button:hover,
.gv-detail-button:hover { transform: translateY(-1px) !important; }
.gv-watch-button:hover { background: #fff3d1 !important; box-shadow: 0 8px 18px rgba(217,154,0,.16) !important; }
.gv-detail-button:hover { background: #0d2744 !important; box-shadow: 0 14px 26px rgba(6,26,47,.22) !important; }
.table-note { margin-top: 10px !important; color: #64748b !important; font-size: 12px !important; line-height: 1.55 !important; }

/* World market v10 */
.gv-world-card {
  padding: 22px !important;
  border: 1px solid #e6edf5 !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .055) !important;
}
.gv-world-card h2 {
  margin: 0 0 16px !important;
  color: #071a2f !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
}
.gv-world-card .world-row,
.gv-world-card .gv-world-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "name price" "change price" !important;
  gap: 7px 14px !important;
  align-items: center !important;
  margin: 0 0 10px !important;
  padding: 14px !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 16px !important;
  background: #fbfcfe !important;
}
.gv-world-card .world-row:last-child,
.gv-world-card .gv-world-item:last-child { margin-bottom: 0 !important; }
.gv-world-card .world-row > span,
.gv-world-card .gv-world-meta strong {
  grid-area: name !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}
.gv-world-card .world-row > span::before,
.gv-world-card .gv-world-meta strong::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f8c85a, #bd7b00) !important;
  box-shadow: 0 0 0 3px rgba(217,154,0,.12) !important;
}
.gv-world-card .world-row > strong,
.gv-world-card .gv-world-price span {
  grid-area: price !important;
  display: block !important;
  min-width: 118px !important;
  color: #071a2f !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  text-align: right !important;
  white-space: nowrap !important;
}
.gv-world-card .world-row > strong small {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.gv-world-card .world-row > em,
.gv-world-card .gv-world-price em {
  grid-area: change !important;
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 25px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 900 !important;
}
.gv-world-card .trend-up,
.gv-world-card .is-up em { background: #dcfce7 !important; color: #15803d !important; }
.gv-world-card .trend-down,
.gv-world-card .is-down em { background: #fee2e2 !important; color: #dc2626 !important; }
.gv-world-card .trend-neutral,
.gv-world-card .is-neutral em { background: #fef3c7 !important; color: #b87900 !important; }
.gv-world-card .gv-world-meta small { display: none !important; }
.gv-world-card .gv-world-price { display: contents !important; }
.gv-world-card .sparkline { display: none !important; }

@media (max-width: 1180px) {
  .gv-price-table th:nth-child(6),
  .gv-price-table td:nth-child(6) { display: none !important; }
  .gv-price-table th:nth-child(1) { width: 30% !important; }
  .gv-price-table th:nth-child(2), .gv-price-table th:nth-child(3) { width: 16% !important; }
  .gv-price-table th:nth-child(4) { width: 14% !important; }
  .gv-price-table th:nth-child(5) { width: 12% !important; }
  .gv-price-table th:nth-child(7) { width: 12% !important; }
}
@media (max-width: 900px) {
  .gv-price-panel .gv-table-wrap { border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }
  .gv-price-table,
  .gv-price-table thead,
  .gv-price-table tbody,
  .gv-price-table tr,
  .gv-price-table th,
  .gv-price-table td { display: block !important; width: 100% !important; }
  .gv-price-table thead { display: none !important; }
  .gv-price-table tbody { display: grid !important; gap: 14px !important; }
  .gv-price-table tr {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    padding: 16px !important;
    border: 1px solid #e6edf5 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, .055) !important;
  }
  .gv-price-table td { padding: 0 !important; border: 0 !important; background: transparent !important; }
  .gv-price-table td::before {
    content: attr(data-label) !important;
    display: block !important;
    margin-bottom: 6px !important;
    color: #94a3b8 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
  }
  .gv-price-table td[data-label="Loại vàng"],
  .gv-action-cell { grid-column: 1 / -1 !important; }
  .gv-price-table td[data-label="Loại vàng"]::before,
  .gv-action-cell::before { display: none !important; }
  .gv-name-cell small { white-space: normal !important; }
  .gv-action-cell { justify-content: flex-end !important; }
}
@media (max-width: 520px) {
  .gv-price-table tr { grid-template-columns: 1fr !important; }
  .gv-action-cell { justify-content: stretch !important; }
  .gv-detail-button { flex: 1 1 auto !important; }
  .gv-world-card .world-row,
  .gv-world-card .gv-world-item { grid-template-columns: 1fr !important; grid-template-areas: "name" "price" "change" !important; }
  .gv-world-card .world-row > strong,
  .gv-world-card .gv-world-price span { text-align: left !important; min-width: 0 !important; }
}

/* === GVT v11: stable premium table reset - no horizontal scroll, no cropped columns === */
.gv-price-panel {
  overflow: hidden !important;
  border: 1px solid #eadfca !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 18px 50px rgba(7, 26, 47, .06) !important;
}

.gv-price-panel .gv-table-wrap {
  width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  border-top: 1px solid #eef2f6 !important;
  background: #fff !important;
}

.gv-price-table {
  display: table !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  font-size: 14px !important;
}

.gv-price-table thead,
.gv-price-table tbody { display: table-row-group !important; }
.gv-price-table thead { display: table-header-group !important; }
.gv-price-table tr { display: table-row !important; }
.gv-price-table th,
.gv-price-table td { display: table-cell !important; }

.gv-price-table th:nth-child(1),
.gv-price-table td:nth-child(1) { width: 25% !important; }
.gv-price-table th:nth-child(2),
.gv-price-table td:nth-child(2) { width: 14% !important; }
.gv-price-table th:nth-child(3),
.gv-price-table td:nth-child(3) { width: 14% !important; }
.gv-price-table th:nth-child(4),
.gv-price-table td:nth-child(4) { width: 12% !important; }
.gv-price-table th:nth-child(5),
.gv-price-table td:nth-child(5) { width: 11% !important; }
.gv-price-table th:nth-child(6),
.gv-price-table td:nth-child(6) { width: 10% !important; }
.gv-price-table th:nth-child(7),
.gv-price-table td:nth-child(7) { width: 14% !important; }

.gv-price-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  height: 54px !important;
  padding: 12px 14px !important;
  background: #fffaf0 !important;
  border-bottom: 1px solid #eadfca !important;
  box-shadow: none !important;
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-align: left !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.gv-price-table thead th small {
  display: block !important;
  margin-top: 2px !important;
  color: #c47a00 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.gv-price-table tbody tr {
  border-bottom: 1px solid #edf2f7 !important;
  transition: background .16s ease, box-shadow .16s ease !important;
}

.gv-price-table tbody tr:nth-child(even) td { background: #fffdf8 !important; }
.gv-price-table tbody tr:hover td { background: #fff8e8 !important; box-shadow: none !important; }

.gv-price-table td {
  height: 68px !important;
  padding: 13px 14px !important;
  border-bottom: 1px solid #edf2f7 !important;
  background: #fff !important;
  vertical-align: middle !important;
  overflow: visible !important;
  color: #0f172a !important;
  line-height: 1.25 !important;
}

.gv-name-cell strong,
.gv-price-table td[data-label="Loại vàng"] strong {
  display: block !important;
  color: #061a2f !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

.gv-name-cell small,
.gv-price-table td[data-label="Loại vàng"] small {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 5px !important;
  padding: 3px 8px !important;
  max-width: 100% !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.gv-name-cell .brand-dot,
.gv-price-table .brand-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f7c94b, #b87900) !important;
  flex: 0 0 7px !important;
}

.price-buy,
.price-sell,
.price-spread {
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
  text-align: left !important;
}

.price-buy .price-main,
.price-sell .price-main,
.price-buy,
.price-sell {
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

.price-buy,
.price-buy .price-main { color: #061a2f !important; }
.price-sell,
.price-sell .price-main { color: #b87900 !important; }
.price-spread { color: #334155 !important; font-size: 14px !important; font-weight: 800 !important; }

.price-buy.is-low,
.price-sell.is-high,
.gv-price-table td.is-high,
.gv-price-table td.is-low {
  background: inherit !important;
  box-shadow: none !important;
}

.trend-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-width: 72px !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.trend-up { background: #dcfce7 !important; color: #15803d !important; }
.trend-down { background: #fee2e2 !important; color: #dc2626 !important; }
.trend-neutral { background: #fef3c7 !important; color: #b87900 !important; }

.gv-updated-cell {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

.gv-action-cell,
.gv-price-table td[data-label="Thao tác"] {
  white-space: nowrap !important;
  text-align: right !important;
}

.gv-watch-button,
.gv-detail-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease, color .16s ease !important;
}

.gv-watch-button {
  width: 34px !important;
  height: 34px !important;
  margin: 0 7px 0 0 !important;
  border: 1px solid #f0c76d !important;
  border-radius: 999px !important;
  background: #fffaf0 !important;
  color: #d99a00 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

.gv-watch-button:hover,
.gv-watch-button.is-active {
  background: #d99a00 !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(217,154,0,.18) !important;
  transform: translateY(-1px) !important;
}

.gv-detail-button {
  min-width: 78px !important;
  height: 34px !important;
  padding: 0 13px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #061a2f !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  box-shadow: 0 10px 20px rgba(6,26,47,.14) !important;
}

.gv-detail-button:hover {
  background: linear-gradient(135deg, #d99a00, #b87900) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 24px rgba(217,154,0,.22) !important;
}

.gv-price-panel.is-compact .gv-price-table td {
  height: 56px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.gv-price-panel.is-compact .gv-name-cell small,
.gv-price-panel.is-compact .gv-price-table td[data-label="Loại vàng"] small { display: none !important; }

/* World market card v11 */
.gv-world-card {
  padding: 20px !important;
  border: 1px solid #eadfca !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 18px 50px rgba(7,26,47,.06) !important;
}

.gv-world-card h2 {
  margin: 0 0 16px !important;
  color: #061a2f !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

.gv-world-card .world-row,
.gv-world-card .gv-world-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 10px !important;
  padding: 14px 16px !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 16px !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

.gv-world-card .world-row:last-child,
.gv-world-card .gv-world-item:last-child { margin-bottom: 0 !important; }

.gv-world-card .world-row > span,
.gv-world-card .gv-world-meta strong {
  display: block !important;
  min-width: 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

.gv-world-card .gv-world-meta small { display: none !important; }
.gv-world-card .gv-world-price { display: contents !important; }

.gv-world-card .world-row > strong,
.gv-world-card .gv-world-price span {
  color: #061a2f !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
  white-space: nowrap !important;
}

.gv-world-card .world-row > strong small {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.gv-world-card .world-row > em,
.gv-world-card .gv-world-price em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 78px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.gv-world-card .trend-up,
.gv-world-card .is-up em { background: #dcfce7 !important; color: #15803d !important; }
.gv-world-card .trend-down,
.gv-world-card .is-down em { background: #fee2e2 !important; color: #dc2626 !important; }
.gv-world-card .trend-neutral,
.gv-world-card .is-neutral em { background: #fef3c7 !important; color: #b87900 !important; }
.gv-world-card .sparkline { display: none !important; }

@media (max-width: 900px) {
  .gv-price-panel .gv-table-wrap { overflow: visible !important; }
  .gv-price-table,
  .gv-price-table thead,
  .gv-price-table tbody,
  .gv-price-table tr,
  .gv-price-table th,
  .gv-price-table td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .gv-price-table thead { display: none !important; }
  .gv-price-table tbody tr {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px 14px !important;
    margin: 12px 0 !important;
    padding: 16px !important;
    border: 1px solid #eadfca !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(7,26,47,.06) !important;
  }
  .gv-price-table tbody tr:nth-child(even) td,
  .gv-price-table tbody tr:hover td,
  .gv-price-table td {
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .gv-price-table td::before {
    content: attr(data-label) !important;
    display: block !important;
    margin-bottom: 4px !important;
    color: #94a3b8 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
  }
  .gv-price-table td[data-label="Loại vàng"] {
    grid-column: 1 / -1 !important;
  }
  .gv-price-table td[data-label="Loại vàng"]::before { display: none !important; }
  .gv-price-table td[data-label="Thao tác"] {
    grid-column: 1 / -1 !important;
    text-align: left !important;
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
  }
  .gv-watch-button { margin-right: 0 !important; }
  .gv-detail-button { min-width: 110px !important; }
  .gv-world-card .world-row,
  .gv-world-card .gv-world-item {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .gv-world-card .world-row > em,
  .gv-world-card .gv-world-price em { width: max-content !important; }
}