/*!
 * GameDeck — main stylesheet
 * Dark-mode-first, neon-gold/electric-blue accents, bento grids,
 * glassmorphism cards, responsive comparison table, mobile thumb nav.
 */

/* ===================== Design tokens ===================== */
:root {
	--acc-gold: #EF4444;
	--acc-gold-bright: #F87171;
	--acc-blue: #2563EB;
	--acc-blue-bright: #38BDF8;
	--acc-telegram: #229ED9;
	--acc-badge: #FBBF24;

	--bg-deep: #04080F;
	--bg-surface: #0A1220;
	--bg-surface-2: #101B2D;
	--border-glass: rgba(120, 170, 255, 0.14);
	--card-glass: rgba(18, 32, 54, 0.55);

	--text-primary: #EAF1FB;
	--text-secondary: #9DB0CC;
	--text-muted: #6C7F9C;

	--gold-text: #7DD3FC;
	--blue-text: #60A5FA;

	--radius-md: 12px;
	--radius-lg: 16px;
	--shadow-glass: 0 10px 34px rgba(0, 0, 0, 0.5);

	--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--container-w: 1180px;
}

:root[data-theme-mode="light"],
html[data-theme-mode="light"] {
	/* ── Backgrounds ── */
	--bg-deep: #F3F6F4;
	--bg-surface: #FFFFFF;
	--bg-surface-2: #E8EFEA;
	/* ── Borders & glass ── */
	--border-glass: rgba(22, 101, 52, 0.10);
	--card-glass: #FFFFFF;
	/* ── Text ── */
	--text-primary: #0D1F13;
	--text-secondary: #33473B;
	--text-muted: #63786B;
	/* ── Accent colours mapped to deeper rich green ── */
	--acc-gold: #15803D;
	--acc-gold-bright: #16A34A;
	--acc-blue: #166534;
	--acc-blue-bright: #22C55E;
	--acc-badge: #15803D;
	/* ── Text accent ── */
	--gold-text: #14532D;
	--blue-text: #15803D;
	/* ── Shadow ── */
	--shadow-glass: 0 6px 24px rgba(21, 71, 37, 0.08);
}

@media (prefers-color-scheme: light) {
	:root:not([data-theme-mode="dark"]) {
		/* ── Backgrounds ── */
		--bg-deep: #F3F6F4;
		--bg-surface: #FFFFFF;
		--bg-surface-2: #E8EFEA;
		/* ── Borders & glass ── */
		--border-glass: rgba(22, 101, 52, 0.10);
		--card-glass: #FFFFFF;
		/* ── Text ── */
		--text-primary: #0D1F13;
		--text-secondary: #33473B;
		--text-muted: #63786B;
		/* ── Accent colours mapped to deeper rich green ── */
		--acc-gold: #15803D;
		--acc-gold-bright: #16A34A;
		--acc-blue: #166534;
		--acc-blue-bright: #22C55E;
		--acc-badge: #15803D;
		/* ── Text accent ── */
		--gold-text: #14532D;
		--blue-text: #15803D;
		/* ── Shadow ── */
		--shadow-glass: 0 6px 24px rgba(21, 71, 37, 0.08);
	}
}

/* =====================================================================
   LIGHT MODE OVERRIDES  (scoped so dark mode is untouched)
   ===================================================================== */

/* ---- Header ---- */
:root[data-theme-mode="light"] .gd-header,
:root:not([data-theme-mode="dark"]) .gd-header {
	background: linear-gradient(135deg, #166534 0%, #0F4725 100%);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	margin-top: 0 !important;
	border-top: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 3px 18px rgba(15, 71, 37, 0.20);
}

/* Site title & nav links — white on deep green */
:root[data-theme-mode="light"] .gd-site-title,
:root:not([data-theme-mode="dark"]) .gd-site-title {
	color: #FFFFFF;
}

:root[data-theme-mode="light"] .gd-primary-menu a,
:root:not([data-theme-mode="dark"]) .gd-primary-menu a {
	color: rgba(255, 255, 255, 0.95);
}

:root[data-theme-mode="light"] .gd-primary-menu a:hover,
:root:not([data-theme-mode="dark"]) .gd-primary-menu a:hover {
	color: #A7F3D0;
}

/* Toggle & menu buttons on deep green header */
:root[data-theme-mode="light"] .gd-theme-toggle,
:root[data-theme-mode="light"] .gd-menu-toggle,
:root:not([data-theme-mode="dark"]) .gd-theme-toggle,
:root:not([data-theme-mode="dark"]) .gd-menu-toggle {
	background: rgba(255, 255, 255, 0.16);
	border-color: rgba(255, 255, 255, 0.28);
	color: #FFFFFF;
}

:root[data-theme-mode="light"] .gd-theme-toggle:hover,
:root[data-theme-mode="light"] .gd-menu-toggle:hover,
:root:not([data-theme-mode="dark"]) .gd-theme-toggle:hover,
:root:not([data-theme-mode="dark"]) .gd-menu-toggle:hover {
	background: rgba(255, 255, 255, 0.26);
}

/* Header CTA button — clean white pill on deep green */
:root[data-theme-mode="light"] .gd-header-cta,
:root:not([data-theme-mode="dark"]) .gd-header-cta {
	background: #FFFFFF;
	color: #166534;
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.15);
	border-radius: 999px;
	font-weight: 800;
}

:root[data-theme-mode="light"] .gd-header-cta:hover,
:root:not([data-theme-mode="dark"]) .gd-header-cta:hover {
	background: #F0FDF4;
	color: #14532D;
}

/* ---- Buttons ---- */
:root[data-theme-mode="light"] .gd-btn-gold,
:root:not([data-theme-mode="dark"]) .gd-btn-gold {
	background: linear-gradient(135deg, #15803D, #166534);
	color: #FFFFFF;
	box-shadow: 0 4px 18px rgba(21, 128, 61, 0.28);
}

:root[data-theme-mode="light"] .gd-btn-gold:hover,
:root:not([data-theme-mode="dark"]) .gd-btn-gold:hover {
	filter: brightness(1.08);
}

:root[data-theme-mode="light"] .gd-btn-blue,
:root:not([data-theme-mode="dark"]) .gd-btn-blue {
	background: linear-gradient(135deg, #0D9488, #0F766E);
	color: #FFFFFF;
	box-shadow: 0 4px 16px rgba(13, 148, 136, 0.25);
}

:root[data-theme-mode="light"] .gd-btn-blue:hover,
:root:not([data-theme-mode="dark"]) .gd-btn-blue:hover {
	background: linear-gradient(135deg, #14B8A6, #0D9488);
	color: #FFFFFF;
}

:root[data-theme-mode="light"] .gd-btn-outline,
:root:not([data-theme-mode="dark"]) .gd-btn-outline {
	background: transparent;
	border: 1.5px solid #166534;
	color: #166534;
}

:root[data-theme-mode="light"] .gd-btn-outline:hover,
:root:not([data-theme-mode="dark"]) .gd-btn-outline:hover {
	background: rgba(22, 101, 52, 0.08);
	border-color: #14532D;
	color: #14532D;
}

/* Tab active pill */
:root[data-theme-mode="light"] .gd-tab-trigger.is-active,
:root:not([data-theme-mode="dark"]) .gd-tab-trigger.is-active {
	background: linear-gradient(135deg, #15803D, #166534);
	color: #FFFFFF;
	border-color: transparent;
}

/* Mobile search panel submit */
:root[data-theme-mode="light"] .gd-mobile-search-panel button,
:root:not([data-theme-mode="dark"]) .gd-mobile-search-panel button {
	background: linear-gradient(135deg, #15803D, #166534);
	color: #FFFFFF;
}

/* Pagination active */
:root[data-theme-mode="light"] .gd-pagination .page-numbers.current,
:root:not([data-theme-mode="dark"]) .gd-pagination .page-numbers.current {
	background: linear-gradient(135deg, #15803D, #166534);
	color: #FFFFFF;
}

/* Rank badge */
:root[data-theme-mode="light"] .gd-rank-badge,
:root:not([data-theme-mode="dark"]) .gd-rank-badge {
	background: linear-gradient(135deg, #16A34A, #15803D);
	color: #FFFFFF;
}

/* ---- Cards ---- */
:root[data-theme-mode="light"] .glass-card,
:root[data-theme-mode="light"] .gd-card,
:root:not([data-theme-mode="dark"]) .glass-card,
:root:not([data-theme-mode="dark"]) .gd-card {
	background: #FFFFFF;
	border: 1px solid rgba(22, 101, 52, 0.10);
	box-shadow: 0 4px 18px rgba(21, 71, 37, 0.06);
}

:root[data-theme-mode="light"] .gd-card:hover,
:root:not([data-theme-mode="dark"]) .gd-card:hover {
	border-color: rgba(22, 101, 52, 0.28);
	box-shadow: 0 8px 24px rgba(21, 71, 37, 0.12);
	transform: translateY(-2px);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

/* Featured card accent */
:root[data-theme-mode="light"] .gd-featured-card,
:root:not([data-theme-mode="dark"]) .gd-featured-card {
	border-color: rgba(22, 101, 52, 0.25);
	box-shadow: 0 0 0 1px rgba(22, 101, 52, 0.08), 0 10px 30px rgba(21, 71, 37, 0.08);
}

:root[data-theme-mode="light"] .gd-featured-card::before,
:root:not([data-theme-mode="dark"]) .gd-featured-card::before {
	background: radial-gradient(120% 160% at 0% 0%, rgba(22, 101, 52, 0.08), transparent 60%);
}

/* Featured ribbon */
:root[data-theme-mode="light"] .gd-featured-ribbon,
:root:not([data-theme-mode="dark"]) .gd-featured-ribbon {
	background: linear-gradient(135deg, #15803D, #166534);
	color: #FFFFFF;
}

/* ---- Section title accent bar ---- */
:root[data-theme-mode="light"] .gd-section-title::before,
:root:not([data-theme-mode="dark"]) .gd-section-title::before {
	background: linear-gradient(180deg, #16A34A, #166534);
}

/* ---- Hero gradient ---- */
:root[data-theme-mode="light"] .gd-hero,
:root:not([data-theme-mode="dark"]) .gd-hero {
	background: radial-gradient(ellipse at top, rgba(22, 101, 52, 0.07), transparent 60%), #FFFFFF;
}

:root[data-theme-mode="light"] .gd-hero-headline,
:root:not([data-theme-mode="dark"]) .gd-hero-headline {
	background: linear-gradient(135deg, #166534, #15803D);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* Hero badge */
:root[data-theme-mode="light"] .gd-hero-badge,
:root:not([data-theme-mode="dark"]) .gd-hero-badge {
	background: rgba(22, 101, 52, 0.07);
	border-color: rgba(22, 101, 52, 0.24);
	color: #166534;
}

/* ---- Search box ---- */
:root[data-theme-mode="light"] .gd-search-box,
:root:not([data-theme-mode="dark"]) .gd-search-box {
	background: #FFFFFF;
	border-color: rgba(22, 101, 52, 0.18);
	box-shadow: 0 4px 16px rgba(21, 71, 37, 0.06);
}

:root[data-theme-mode="light"] .gd-search-box .gd-btn-blue,
:root:not([data-theme-mode="dark"]) .gd-search-box .gd-btn-blue {
	background: linear-gradient(135deg, #0D9488, #0F766E);
	color: #FFFFFF;
	border-radius: 999px;
}

/* ---- Quicklinks ---- */
:root[data-theme-mode="light"] .gd-quicklink-title,
:root:not([data-theme-mode="dark"]) .gd-quicklink-title {
	color: #166534;
}

/* ---- Social icons hover ---- */
:root[data-theme-mode="light"] .gd-social-icon:hover,
:root:not([data-theme-mode="dark"]) .gd-social-icon:hover {
	color: #166534;
	border-color: rgba(22, 101, 52, 0.36);
	background: rgba(22, 101, 52, 0.06);
}

/* ---- Sticky / bottom nav ---- */
/* disabled */
.gd-sticky-bar-unused {
	background: rgba(255, 255, 255, 0.95);
	border-top-color: rgba(22, 163, 74, 0.15);
}

:root[data-theme-mode="light"] .gd-bottom-nav,
:root:not([data-theme-mode="dark"]) .gd-bottom-nav {
	background: rgba(255, 255, 255, 0.97);
	border-top-color: rgba(22, 163, 74, 0.12);
}

/* ---- Accordion icon & silo active link ---- */
:root[data-theme-mode="light"] .gd-accordion-icon,
:root:not([data-theme-mode="dark"]) .gd-accordion-icon {
	color: #16A34A;
}

:root[data-theme-mode="light"] .gd-silo-active a,
:root:not([data-theme-mode="dark"]) .gd-silo-active a {
	color: #16A34A;
}

/* ---- Stat box & listing stat value ---- */
:root[data-theme-mode="light"] .gd-stat-box,
:root:not([data-theme-mode="dark"]) .gd-stat-box {
	background: #F0FAF4;
	border: 1px solid rgba(22, 163, 74, 0.10);
}

:root[data-theme-mode="light"] .gd-hero-stat-value,
:root:not([data-theme-mode="dark"]) .gd-hero-stat-value {
	color: #16A34A;
}

/* ---- Trust badge ---- */
:root[data-theme-mode="light"] .gd-trust-badge,
:root:not([data-theme-mode="dark"]) .gd-trust-badge {
	color: #16A34A;
}

/* ---- Body grid backdrop tint → green tint in light ---- */
@media (prefers-color-scheme: light) {
	:root:not([data-theme-mode="dark"]) body {
		background-image:
			linear-gradient(rgba(22, 163, 74, 0.04) 1px, transparent 1px),
			linear-gradient(90deg, rgba(22, 163, 74, 0.04) 1px, transparent 1px);
	}
}

:root[data-theme-mode="light"] body {
	background-image:
		linear-gradient(rgba(22, 163, 74, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(22, 163, 74, 0.04) 1px, transparent 1px);
}

/* ===================== Reset ===================== */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--bg-deep);
	color: var(--text-primary);
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	/* Final safety net for stray wide content pasted into posts (embeds,
	   wide tables). `clip` rather than `hidden` on purpose: `hidden`
	   turns the body into a scroll container, which breaks the sticky
	   header. Every layout below is sized so this never has to fire. */
	overflow-x: clip;
}

/* Grid and flex items default to min-width:auto, which means an item
   refuses to shrink below its content's min-content width and instead
   bursts out of its track — the classic cause of a card whose right
   edge is cut off on a narrow phone. Opting every layout item down to
   min-width:0 lets the track govern the width, and the wrapping rules
   further below handle the content. */
.gd-single-main,
.gd-single-sidebar,
.gd-stat-box,
.gd-listing-heading,
.gd-bento-item,
.gd-card,
.gd-ct-row>*,
.gd-ct-head>*,
.gd-listing-ctas>*,
.gd-header-inner>*,
.gd-topic-card,
.gd-footer-col {
	min-width: 0;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Never let a single long unbroken token (a raw affiliate URL pasted as
   plain text, a long product/keyword string, etc. — common in post
   content) force the page wider than the viewport on mobile. Content text
   wraps normally; only a token with no natural break point is forced to
   break, so ordinary sentences are unaffected. */
p,
li,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
.gd-article-body,
.gd-article-body *,
.gd-howto-panel,
.gd-accordion-panel,
.gd-listing-subtitle,
.gd-card-excerpt {
	overflow-wrap: break-word;
	word-break: break-word;
}

pre,
code {
	max-width: 100%;
}

pre {
	overflow-x: auto;
}

.gd-article-body table {
	max-width: 100%;
}

iframe,
embed,
video,
object {
	max-width: 100%;
}

a {
	color: var(--blue-text);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Reset applies to the theme's own UI lists (menus, breadcrumbs, card
   lists). Lists inside post content get their markers restored below —
   without that, bullet and numbered lists written by the editor (or the
   Content Assistant plugin) would render unstyled and unindented. */
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1,
h2,
h3,
h4 {
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin: 0 0 0.5em;
	color: var(--text-primary);
}

p {
	margin: 0 0 1em;
	color: var(--text-secondary);
}

button {
	font-family: inherit;
	cursor: pointer;
}

.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.gd-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 9999;
	background: var(--bg-surface);
	color: var(--text-primary);
	padding: 12px 20px;
	border-radius: 0 0 8px 0;
}

.gd-skip-link:focus {
	left: 0;
}

.gd-container {
	max-width: var(--container-w);
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
}

.gd-container>*:first-child {
	margin-top: 0;
}

@media (max-width: 480px) {
	.gd-container {
		padding: 0 16px;
	}
}

.gd-site-main {
	display: block;
	overflow-x: hidden;
}

.gd-section-title {
	font-size: clamp(1.3rem, 2vw + 1rem, 1.9rem);
	margin: 2.5em 0 1em;
}

.gd-front-page>.gd-container:first-of-type .gd-section-title:first-child {
	margin-top: 1em;
}

/* ===================== Glass cards ===================== */
.glass-card,
.gd-card {
	background: var(--card-glass);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid var(--border-glass);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-glass);
}

/* ===================== Buttons ===================== */
.gd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 12px 22px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 0.95rem;
	border: none;
	cursor: pointer;
	white-space: nowrap;
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
	text-decoration: none;
}

.gd-btn:hover {
	transform: translateY(-1px);
	text-decoration: none;
	filter: brightness(1.06);
}

.gd-btn-gold {
	background: linear-gradient(135deg, var(--acc-gold-bright), var(--acc-gold));
	color: #1a1400;
	box-shadow: 0 4px 18px rgba(212, 175, 55, 0.35);
}

.gd-btn-blue {
	background: linear-gradient(135deg, var(--acc-blue-bright), var(--acc-blue));
	color: #04121f;
}

.gd-btn-telegram {
	background: var(--acc-telegram);
	color: #fff;
}

.gd-btn-outline {
	background: transparent;
	color: var(--text-primary);
	border: 1.5px solid var(--border-glass);
}

.gd-btn-outline:hover {
	border-color: var(--acc-gold);
	color: var(--gold-text);
}

.gd-btn-lg {
	padding: 15px 30px;
	font-size: 1.05rem;
}

.gd-btn-sm {
	padding: 8px 16px;
	font-size: 0.85rem;
}

/* ===================== Header ===================== */
.gd-header {
	position: sticky;
	top: 0;
	z-index: 500;
	background: rgba(11, 14, 20, 0.75);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--border-glass);
}

:root[data-theme-mode="light"] .gd-header,
html[data-theme-mode="light"] .gd-header {
	background: linear-gradient(135deg, #166534 0%, #0F4725 100%);
	margin-top: 0 !important;
	border-top: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 3px 18px rgba(15, 71, 37, 0.20);
}

.gd-header-inner {
	max-width: var(--container-w);
	margin: 0 auto;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.gd-branding {
	flex-shrink: 0;
}

.gd-site-title {
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--text-primary);
}

.gd-branding img {
	max-height: 42px;
	width: auto;
}

.gd-primary-nav {
	flex: 1;
	min-width: 0;
}

.gd-primary-menu {
	display: flex;
	gap: 22px;
	flex-wrap: wrap;
}

.gd-primary-menu a {
	color: var(--menu-color, var(--text-secondary));
	font-size: var(--menu-font-size, 15px);
	font-weight: var(--menu-font-weight, 500);
	text-transform: var(--menu-text-transform, none);
}

.gd-primary-menu a:hover {
	color: var(--gold-text);
	text-decoration: none;
}

.gd-primary-menu ul {
	display: none;
}

.gd-header-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.gd-theme-toggle,
.gd-menu-toggle {
	background: var(--card-glass);
	border: 1px solid var(--border-glass);
	color: var(--text-primary);
	border-radius: 999px;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gd-menu-toggle {
	display: none;
}

.gd-header-cta {
	display: inline-flex;
}

@media (max-width: 900px) {
	.gd-primary-nav {
		display: none;
	}

	.gd-menu-toggle {
		display: flex;
	}

	.gd-header-cta {
		display: none;
	}
}

/* Mobile drawer */
.gd-mobile-drawer {
	position: fixed;
	inset: 0;
	z-index: 900;
	background: rgba(0, 0, 0, 0.55);
}

.gd-mobile-drawer[hidden] {
	display: none;
}

.gd-mobile-drawer-inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(320px, 85vw);
	background: var(--bg-surface);
	border-left: 1px solid var(--border-glass);
	padding: 24px 20px;
	overflow-y: auto;
}

.gd-drawer-close {
	background: none;
	border: none;
	color: var(--text-primary);
	font-size: 1.8rem;
	line-height: 1;
	margin-bottom: 20px;
}

.gd-drawer-menu li {
	margin-bottom: 14px;
}

.gd-drawer-menu a {
	color: var(--text-primary);
	font-size: 1.05rem;
	font-weight: 600;
}

.gd-drawer-menu ul {
	padding-left: 14px;
	margin-top: 8px;
}

.gd-drawer-cta-wrap {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--border-glass);
}

.gd-drawer-download-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	padding: 12px 20px !important;
	border-radius: 10px !important;
	font-weight: 800 !important;
	font-size: 0.95rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	text-decoration: none !important;
	box-shadow: 0 4px 16px rgba(21, 128, 61, 0.28) !important;
}

/* ===================== Hero ===================== */
.gd-hero {
	background: radial-gradient(ellipse at top, rgba(212, 175, 55, 0.12), transparent 60%), var(--bg-surface);
	padding: 64px 20px;
	border-bottom: 1px solid var(--border-glass);
}

.gd-hero-inner {
	max-width: var(--container-w);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 40px;
	align-items: center;
}

.gd-hero-caption-mode {
	padding: 32px 20px;
}

.gd-hero-caption-mode .gd-hero-inner {
	grid-template-columns: 1fr;
	text-align: center;
}

.gd-hero-headline {
	font-size: clamp(2rem, 4vw + 1rem, 3.4rem);
	background: linear-gradient(135deg, var(--gold-text), var(--acc-gold-bright));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.gd-hero-subtext {
	font-size: 1.1rem;
	max-width: 46ch;
}

.gd-hero-caption-mode .gd-hero-subtext {
	margin-left: auto;
	margin-right: auto;
}

.gd-hero-ctas {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.gd-hero-caption-mode .gd-hero-ctas {
	justify-content: center;
}

.gd-hero-media img {
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-glass);
}

@media (max-width: 800px) {
	.gd-hero-inner {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.gd-hero-ctas {
		justify-content: center;
	}
}

/* ===================== Search box ===================== */
.gd-search-box-wrap {
	margin: 52px 0 32px;
}

.gd-front-page .gd-search-box-wrap {
	margin: 52px auto 34px;
}

@media (max-width: 600px) {

	.gd-search-box-wrap,
	.gd-front-page .gd-search-box-wrap {
		margin: 38px auto 24px;
	}
}

.gd-search-box {
	display: flex;
	gap: 8px;
	background: var(--card-glass);
	border: 1px solid var(--border-glass);
	border-radius: 999px;
	padding: 6px;
	backdrop-filter: blur(12px);
	max-width: 640px;
	margin: 0 auto;
}

.gd-search-box input {
	/* flex-basis 0 + min-width 0 so the field yields to the button instead
	   of holding its default ~170px intrinsic width and pushing the whole
	   box past the screen edge on a narrow phone. */
	flex: 1 1 0;
	min-width: 0;
	background: transparent;
	border: none;
	color: var(--text-primary);
	padding: 10px 16px;
	font-size: 1rem;
	outline: none;
}

.gd-search-box .gd-btn {
	flex-shrink: 0;
}

@media (max-width: 400px) {
	.gd-search-box {
		padding: 5px;
		gap: 6px;
	}

	.gd-search-box input {
		padding: 9px 12px;
		font-size: 0.92rem;
	}

	.gd-search-box .gd-btn {
		padding: 9px 16px;
		font-size: 0.82rem;
	}
}

/* ===================== Quicklinks ===================== */
.gd-quicklinks-row {
	display: flex;
	gap: 14px;
	overflow-x: auto;
	padding: 6px 2px 16px;
}

.gd-quicklink {
	flex: 0 0 auto;
	min-width: 200px;
	padding: 16px 18px;
	color: var(--text-primary);
}

.gd-quicklink-title {
	display: block;
	font-weight: 700;
	margin-bottom: 4px;
}

.gd-quicklink-desc {
	display: block;
	font-size: 0.85rem;
	color: var(--text-muted);
}

/* ===================== Featured bonuses (hero + row) =====================
   A full-width "top pick" hero card followed by an even auto-fit row.
   Both parts flow independently, so the block never leaves an empty grid
   slot regardless of how many listings are returned. */
.gd-bento-section {
	margin: 8px 0 34px;
}

.gd-featured-card {
	display: flex;
	align-items: center;
	gap: 22px;
	padding: 22px 24px;
	position: relative;
	overflow: hidden;
	margin-bottom: 18px;
	border-color: rgba(212, 175, 55, 0.32);
	box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.12), var(--shadow-glass);
}

/* Warm wash behind the hero so it reads as the promoted slot. */
.gd-featured-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(120% 160% at 0% 0%, rgba(212, 175, 55, 0.13), transparent 60%);
	pointer-events: none;
}

.gd-featured-ribbon {
	position: absolute;
	top: 0;
	right: 0;
	background: linear-gradient(135deg, var(--acc-gold-bright), var(--acc-gold));
	color: #1a1400;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 6px 14px;
	border-radius: 0 var(--radius-md) 0 12px;
	z-index: 1;
}

.gd-featured-link {
	display: flex;
	align-items: center;
	gap: 20px;
	flex: 1 1 auto;
	min-width: 0;
	color: inherit;
	position: relative;
}

.gd-featured-link:hover {
	text-decoration: none;
}

.gd-featured-link:hover .gd-featured-name {
	color: var(--gold-text);
}

.gd-featured-logo {
	flex: 0 0 88px;
	width: 88px;
	height: 88px;
	border-radius: 20px;
	overflow: hidden;
	background: var(--bg-surface-2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.gd-featured-logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gd-featured-body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.gd-featured-name {
	font-size: 1.45rem;
	font-weight: 800;
	line-height: 1.2;
}

.gd-featured-rating {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--acc-gold-bright);
}

.gd-featured-rating-num {
	color: var(--text-secondary);
	font-size: 0.9rem;
	font-weight: 700;
}

.gd-featured-bonus {
	color: var(--acc-badge);
	font-weight: 700;
	font-size: 1.05rem;
}

.gd-featured-desc {
	color: var(--text-muted);
	font-size: 0.88rem;
}

.gd-featured-cta {
	flex: 0 0 auto;
	position: relative;
	padding: 15px 32px;
	font-size: 1rem;
}

.gd-featured-rest {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

@media (min-width: 768px) {
	.gd-featured-rest .gd-listing-card {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 18px 24px;
		gap: 20px;
	}

	.gd-featured-rest .gd-listing-card .gd-card-link {
		flex: 1;
		flex-direction: row;
		align-items: center;
		gap: 22px;
		min-width: 0;
	}

	.gd-featured-rest .gd-listing-card .gd-card-head {
		flex-shrink: 0;
		min-width: 200px;
	}

	.gd-featured-rest .gd-listing-card .gd-card-bonus {
		flex-shrink: 0;
		margin: 0;
		font-size: 0.95rem;
		font-weight: 700;
	}

	.gd-featured-rest .gd-listing-card .gd-card-desc {
		flex: 1;
		margin: 0;
		font-size: 0.88rem;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.gd-featured-rest .gd-listing-card .gd-card-cta {
		width: auto;
		flex-shrink: 0;
		margin-top: 0;
		padding: 12px 28px;
		font-size: 0.95rem;
	}
}

@media (max-width: 700px) {
	.gd-featured-card {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		padding: 18px;
	}

	/* Top-align once the text runs to several lines, otherwise the logo
	   floats oddly in the vertical middle of the block. */
	.gd-featured-link {
		gap: 14px;
		align-items: flex-start;
	}

	.gd-featured-ribbon {
		font-size: 0.62rem;
		padding: 5px 11px;
	}

	.gd-featured-logo {
		flex: 0 0 64px;
		width: 64px;
		height: 64px;
		border-radius: 16px;
	}

	.gd-featured-name {
		font-size: 1.2rem;
	}

	.gd-featured-cta {
		width: 100%;
	}
}

/* ===================== Listing / article cards ===================== */
.gd-listing-grid,
.gd-article-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 18px;
	margin: 16px 0;
}

.gd-card {
	padding: 18px;
	position: relative;
	overflow: hidden;
}

.gd-card-link {
	color: inherit;
	display: block;
}

.gd-card-link:hover {
	text-decoration: none;
}

.gd-card-logo {
	width: 56px;
	height: 56px;
	margin-bottom: 12px;
	border-radius: 14px;
	overflow: hidden;
	background: var(--bg-surface-2);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

/* Listing card: logo beside the heading block, details below, CTA pinned to
   the bottom so buttons line up across a row of cards of differing height. */
.gd-listing-card {
	display: flex;
	flex-direction: column;
}

.gd-listing-card .gd-card-link {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.gd-card-head {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.gd-card-head .gd-card-logo {
	margin-bottom: 0;
}

.gd-card-headings {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.gd-card-headings .gd-card-title,
.gd-card-headings .gd-card-rating {
	margin-bottom: 0;
}

.gd-card-players {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 0.76rem;
	color: var(--text-muted);
}

.gd-card-desc {
	font-size: 0.85rem;
	color: var(--text-muted);
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.gd-listing-card .gd-card-bonus {
	margin-bottom: 0;
}

.gd-listing-card .gd-card-cta {
	margin-top: auto;
}

.gd-card-logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gd-logo-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-weight: 800;
	font-size: 1.3rem;
	color: var(--gold-text);
	background: var(--bg-surface-2);
}

.gd-logo-placeholder-lg {
	width: 96px;
	height: 96px;
	font-size: 2rem;
	border-radius: 18px;
}

.gd-card-title {
	font-size: 1.05rem;
	margin-bottom: 6px;
}

.gd-card-rating {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--acc-gold-bright);
	font-size: 0.9rem;
	margin-bottom: 6px;
}

.gd-card-bonus {
	color: var(--acc-badge);
	font-weight: 600;
	font-size: 0.9rem;
	margin-bottom: 10px;
}

.gd-card-excerpt {
	font-size: 0.9rem;
}

.gd-card-cta {
	width: 100%;
	margin-top: 10px;
}

.gd-article-thumb {
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 12px;
	aspect-ratio: 16/10;
}

.gd-article-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gd-stars {
	color: var(--acc-gold-bright);
	display: inline-flex;
	gap: 2px;
}

/* Sticky-CTA treatment for individual cards (optional, JS-driven via IntersectionObserver) */
.gd-listing-card.gd-sticky-cta .gd-card-cta {
	position: sticky;
	bottom: 8px;
}

/* ===================== Comparison table ===================== */
.gd-comparison-table {
	margin: 20px 0 40px;
}

.gd-ct-head,
.gd-ct-row {
	display: grid;
	grid-template-columns: 52px 48px minmax(0, 2fr) minmax(0, 1.1fr) minmax(0, 1.3fr) auto;
	gap: 12px;
	align-items: center;
}

.gd-ct-head {
	padding: 0 20px 10px;
	color: var(--text-muted);
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.gd-ct-row {
	padding: 14px 20px;
	margin-bottom: 12px;
}

.gd-ct-col-name {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.gd-ct-players {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 0.78rem;
	color: var(--text-muted);
}

.gd-rank-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--acc-gold-bright), var(--acc-gold));
	color: #1a1400;
	font-weight: 800;
	font-size: 0.85rem;
}

.gd-ct-logo-link {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	overflow: hidden;
	background: var(--bg-surface-2);
}

.gd-ct-logo-link img {
	width: 100%;
	height: 100%;
	border-radius: 12px;
	object-fit: cover;
}

.gd-ct-name {
	font-weight: 700;
	color: var(--text-primary);
	line-height: 1.3;
}

.gd-ct-name:hover {
	color: var(--gold-text);
	text-decoration: none;
}

.gd-ct-rating-num {
	margin-left: 4px;
	color: var(--text-secondary);
	font-size: 0.85rem;
}

.gd-ct-unrated {
	color: var(--text-muted);
}

.gd-ct-col-bonus {
	color: var(--acc-badge);
	font-weight: 600;
	font-size: 0.9rem;
}

.gd-ct-col-cta {
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 760px) {
	.gd-ct-head {
		display: none;
	}

	/* Compact one-row-per-site layout: logo on the left, details stacked
	   in the middle with generous breathing room, CTA pinned right. */
	.gd-ct-row {
		position: relative;
		grid-template-columns: 52px minmax(0, 1fr) auto;
		grid-template-areas:
			"logo name   cta"
			"logo rating cta"
			"logo bonus  cta";
		gap: 3px 14px;
		padding: 12px 14px;
		align-items: center;
	}

	.gd-ct-col-logo {
		grid-area: logo;
		align-self: center;
		width: 52px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.gd-ct-logo-link,
	.gd-ct-logo-link img {
		width: 52px;
		height: 52px;
		border-radius: 10px;
		object-fit: cover;
		display: block;
		flex-shrink: 0;
	}

	.gd-ct-col-name {
		grid-area: name;
		min-width: 0;
		padding-right: 4px;
	}

	.gd-ct-name {
		font-size: 0.92rem;
		font-weight: 700;
		line-height: 1.25;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.gd-ct-players {
		font-size: 0.72rem;
		color: var(--text-muted);
		margin-top: 2px;
	}

	.gd-ct-col-rating {
		grid-area: rating;
		display: flex;
		align-items: center;
		gap: 4px;
		line-height: 1;
		margin: 2px 0;
	}

	.gd-ct-col-rating .gd-star-rating {
		display: inline-flex;
		align-items: center;
		gap: 1px;
	}

	.gd-ct-col-rating .gd-star-rating svg {
		width: 12px;
		height: 12px;
	}

	.gd-ct-col-rating .gd-ct-rating-num {
		font-size: 0.76rem;
		font-weight: 600;
		margin-left: 2px;
	}

	.gd-ct-col-bonus {
		grid-area: bonus;
		font-size: 0.78rem;
		line-height: 1.2;
		font-weight: 600;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.gd-ct-col-cta {
		grid-area: cta;
		align-self: center;
		justify-content: flex-end;
		display: flex;
		flex-shrink: 0;
		margin-top: 0;
	}

	.gd-ct-col-cta .gd-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 6px 12px;
		font-size: 0.72rem;
		font-weight: 700;
		letter-spacing: 0.02em;
		border-radius: 6px;
		white-space: nowrap;
		min-height: 28px;
		line-height: 1.1;
		text-align: center;
	}

	/* Rank chip overlapping the logo corner. */
	.gd-ct-col-rank {
		position: absolute;
		top: 6px;
		left: 6px;
		z-index: 2;
	}

	.gd-ct-col-rank .gd-rank-badge {
		width: 19px;
		height: 19px;
		font-size: 0.58rem;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	}

	/* Labels are redundant in the compact row */
	.gd-ct-col-rating::before,
	.gd-ct-col-bonus::before {
		content: none;
	}
}

/* ===================== Tabs ===================== */
.gd-tabs {
	display: flex;
	gap: 10px;
	margin: 20px 0;
	flex-wrap: wrap;
}

.gd-tab-trigger {
	background: var(--card-glass);
	border: 1px solid var(--border-glass);
	color: var(--text-secondary);
	padding: 10px 20px;
	border-radius: 999px;
	font-weight: 700;
}

.gd-tab-trigger.is-active {
	background: linear-gradient(135deg, var(--acc-gold-bright), var(--acc-gold));
	color: #1a1400;
	border-color: transparent;
}

.gd-tab-panel {
	display: none;
}

.gd-tab-panel.is-active {
	display: block;
}

/* ===================== Pros/Cons ===================== */
.gd-proscons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin: 20px 0;
}

.gd-proscons-col {
	background: var(--card-glass);
	border: 1px solid var(--border-glass);
	border-radius: var(--radius-md);
	padding: 18px;
}

.gd-proscons-col li {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 10px;
	color: var(--text-secondary);
}

.gd-pc-icon {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	font-weight: 800;
}

.gd-pc-check {
	background: rgba(76, 201, 240, 0.18);
	color: var(--blue-text);
}

.gd-pc-x {
	background: rgba(255, 90, 90, 0.15);
	color: #ff8080;
}

@media (max-width: 600px) {
	.gd-proscons {
		grid-template-columns: 1fr;
	}
}

/* ===================== FAQ accordion ===================== */
.gd-accordion-item {
	border-bottom: 1px solid var(--border-glass);
}

.gd-accordion-trigger {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: none;
	border: none;
	color: var(--text-primary);
	font-weight: 700;
	font-size: 1rem;
	padding: 16px 4px;
	text-align: left;
}

.gd-accordion-icon {
	transition: transform 0.2s ease;
	color: var(--gold-text);
	font-size: 1.3rem;
}

.gd-accordion-trigger[aria-expanded="true"] .gd-accordion-icon {
	transform: rotate(45deg);
}

.gd-accordion-panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s ease;
}

.gd-accordion-panel p {
	padding-bottom: 14px;
}

.gd-howto-panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s ease;
	padding: 0 4px;
}

.gd-howto-panel p {
	padding-top: 10px;
}

/* ===================== Listing single ===================== */
.gd-single-layout {
	display: block;
	max-width: 980px;
	margin: 16px auto 36px;
}

.gd-single-sidebar {
	display: flex;
	flex-direction: column;
	gap: 18px;
	position: sticky;
	top: 90px;
}

@media (max-width: 960px) {
	.gd-single-layout {
		grid-template-columns: 1fr;
	}

	.gd-single-sidebar {
		position: static;
	}
}

.gd-listing-hero {
	padding: 26px;
	margin-bottom: 20px;
}

.gd-listing-hero-top {
	display: flex;
	gap: 18px;
	align-items: center;
	margin-bottom: 20px;
}

.gd-listing-icon {
	width: 80px;
	height: 80px;
	border-radius: 18px;
	overflow: hidden;
	flex-shrink: 0;
	background: var(--bg-surface-2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.gd-listing-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gd-listing-title {
	font-size: 1.6rem;
	margin-bottom: 4px;
}

.gd-listing-subtitle {
	color: var(--text-muted);
	margin: 0;
}

.gd-listing-version {
	margin-left: 8px;
	color: var(--gold-text);
	font-weight: 700;
}

/* min(120px, 100%) keeps the track minimum from ever exceeding the
   available width on a narrow phone — a bare 120px minimum would force
   the track (and the card around it) wider than the screen. */
.gd-listing-stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%), 1fr));
	gap: 14px;
	margin-bottom: 18px;
}

.gd-stat-box {
	background: var(--bg-surface-2);
	border-radius: 10px;
	padding: 12px;
	text-align: center;
}

.gd-stat-label {
	display: block;
	font-size: 0.72rem;
	text-transform: uppercase;
	color: var(--text-muted);
	margin-bottom: 4px;
}

/* Flex + wrap so the star row and the numeric rating can fall onto two
   lines on a narrow box instead of forcing the box wider. */
.gd-stat-value {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-weight: 700;
}

.gd-stars {
	flex-shrink: 0;
}

.gd-listing-bonus-callout {
	background: linear-gradient(135deg, rgba(255, 184, 0, 0.15), rgba(212, 175, 55, 0.08));
	border: 1px solid rgba(255, 184, 0, 0.3);
	color: var(--acc-badge);
	font-weight: 700;
	padding: 12px 16px;
	border-radius: 10px;
	margin-bottom: 18px;
}

/* Buttons share the row and each may shrink; on a narrow phone they go
   full-width one per line rather than spilling past the card edge. */
.gd-listing-ctas {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.gd-listing-ctas>.gd-btn {
	flex: 1 1 auto;
	white-space: normal;
	overflow-wrap: anywhere;
	text-align: center;
}

@media (max-width: 480px) {
	.gd-listing-ctas>.gd-btn {
		flex: 1 1 100%;
	}

	.gd-btn-lg {
		padding: 14px 18px;
		font-size: 1rem;
	}
}

.gd-listing-description,
.gd-howto {
	padding: 20px;
	margin-bottom: 20px;
}

/* Mobile: tighten the card gutters so text sits closer to the card edge
   (and the card to the screen edge), which also frees real width for the
   stats grid and CTA row on small screens. */
@media (max-width: 600px) {
	.gd-listing-hero {
		padding: 16px;
	}

	.gd-listing-description,
	.gd-howto {
		padding: 16px;
	}

	.gd-listing-hero-top {
		gap: 12px;
	}

	.gd-listing-icon {
		width: 64px;
		height: 64px;
		border-radius: 14px;
	}

	.gd-logo-placeholder-lg {
		width: 64px;
		height: 64px;
		font-size: 1.5rem;
		border-radius: 14px;
	}

	.gd-listing-title {
		font-size: 1.35rem;
	}

	.gd-listing-stats-grid {
		gap: 10px;
	}

	.gd-stat-box {
		padding: 10px 8px;
	}

	/* The grid is two columns at this width, so an odd number of filled
	   stats would otherwise leave a visible empty cell. Letting the last
	   box span the full row keeps the block solid no matter which fields
	   the editor filled in. */
	.gd-listing-stats-grid>.gd-stat-box:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}

	.gd-card {
		padding: 14px;
	}
}

.gd-howto-trigger {
	padding: 0;
}

.gd-last-updated {
	color: var(--text-muted);
	font-size: 0.85rem;
	margin: 18px 0;
}

.gd-inline-app-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 18px;
	margin: 18px 0;
}

/* ===================== Article body ===================== */
.gd-article-body :is(h2, h3, h4) {
	margin-top: 1.6em;
}

.gd-article-body p {
	color: var(--text-secondary);
}

.gd-article-body img {
	border-radius: 12px;
}

.gd-article-body a {
	color: var(--blue-text);
}

/* Restore real list rendering inside editor/plugin-written content. */
.gd-article-body ul {
	list-style: disc;
	padding-left: 1.35em;
	margin: 1em 0;
}

.gd-article-body ol {
	list-style: decimal;
	padding-left: 1.35em;
	margin: 1em 0;
}

.gd-article-body li {
	color: var(--text-secondary);
	margin: 0.4em 0;
}

.gd-article-body ul ul,
.gd-article-body ol ol {
	margin: 0.4em 0;
}

.gd-article-body blockquote {
	margin: 1.2em 0;
	padding: 12px 16px;
	border-left: 3px solid var(--acc-gold);
	background: var(--card-glass);
	border-radius: 0 10px 10px 0;
	color: var(--text-secondary);
}

.gd-page-title {
	font-size: clamp(1.6rem, 3vw, 2.4rem);
	margin: 20px 0;
}

.gd-article-meta {
	color: var(--text-muted);
	font-size: 0.9rem;
}

.gd-article-thumb-large {
	border-radius: var(--radius-lg);
	overflow: hidden;
	margin: 16px 0;
}

/* ===================== Silo / breadcrumbs / topic index ===================== */
.gd-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	font-size: 0.85rem;
	color: var(--text-muted);
	margin: 18px 0;
	list-style: none;
	padding: 0;
}

.gd-breadcrumbs li {
	display: inline-flex;
	align-items: center;
}

.gd-breadcrumbs li:not(:last-child)::after {
	content: "/";
	margin-left: 6px;
	color: var(--text-muted);
	opacity: 0.6;
}

.gd-breadcrumbs a {
	color: var(--text-muted);
}

.gd-subtopic-nav ul {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin: 12px 0 20px;
}

.gd-subtopic-nav a {
	background: var(--card-glass);
	border: 1px solid var(--border-glass);
	padding: 8px 16px;
	border-radius: 999px;
	color: var(--text-primary);
}

.gd-silo-list li {
	padding: 6px 0;
}

.gd-silo-active a {
	color: var(--gold-text);
	font-weight: 700;
}

.gd-silo-chain {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin: 30px 0;
	flex-wrap: wrap;
}

.gd-silo-chain a {
	background: var(--card-glass);
	border: 1px solid var(--border-glass);
	padding: 10px 16px;
	border-radius: 10px;
	color: var(--text-primary);
}

/* ===================== SEO Review & Rating Card ===================== */
.gd-seo-review-section {
	margin: 36px 0 20px;
}

.gd-seo-review-card {
	padding: 28px 32px;
	border-radius: var(--border-radius, 16px);
	border: 1px solid var(--border-glass);
	background: var(--card-glass);
	position: relative;
	overflow: hidden;
}

:root[data-theme-mode="light"] .gd-seo-review-card,
html[data-theme-mode="light"] .gd-seo-review-card {
	background: #FFFFFF;
	border-color: rgba(22, 101, 52, 0.16);
	box-shadow: 0 4px 20px rgba(21, 71, 37, 0.05);
}

.gd-seo-review-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--border-glass);
}

.gd-seo-review-title-col {
	flex: 1;
	min-width: 280px;
}

.gd-seo-review-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(22, 163, 74, 0.12);
	color: #16A34A;
	margin-bottom: 8px;
}

:root[data-theme-mode="light"] .gd-seo-review-badge,
html[data-theme-mode="light"] .gd-seo-review-badge {
	background: rgba(22, 101, 52, 0.10);
	color: #166534;
}

.gd-seo-review-heading {
	font-size: 1.35rem;
	font-weight: 800;
	margin: 0;
	line-height: 1.35;
	color: var(--text-primary);
}

:root[data-theme-mode="light"] .gd-seo-review-heading,
html[data-theme-mode="light"] .gd-seo-review-heading {
	color: #0F4725;
}

.gd-seo-rating-box {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
	flex-shrink: 0;
}

.gd-seo-score-wrap {
	display: flex;
	align-items: baseline;
	gap: 3px;
	line-height: 1;
}

.gd-seo-score {
	font-size: 2.2rem;
	font-weight: 900;
	color: var(--text-primary);
	line-height: 1;
}

:root[data-theme-mode="light"] .gd-seo-score,
html[data-theme-mode="light"] .gd-seo-score {
	color: #166534;
}

.gd-seo-score-max {
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--text-muted);
}

.gd-seo-stars {
	display: flex;
	gap: 3px;
	margin: 5px 0 4px;
}

.gd-seo-rating-meta {
	font-size: 0.76rem;
	color: var(--text-secondary);
	font-weight: 600;
}

.gd-seo-review-content {
	padding: 18px 0 20px;
	font-size: 0.92rem;
	line-height: 1.65;
	color: var(--text-secondary);
}

.gd-seo-review-content p {
	margin: 0;
}

.gd-seo-review-content strong {
	color: var(--text-primary);
}

.gd-seo-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin-bottom: 22px;
	padding: 16px 20px;
	border-radius: 12px;
	background: var(--bg-surface-2);
	border: 1px solid var(--border-glass);
}

:root[data-theme-mode="light"] .gd-seo-stats-grid,
html[data-theme-mode="light"] .gd-seo-stats-grid {
	background: #F7FAF8;
	border-color: rgba(22, 101, 52, 0.10);
}

.gd-seo-stat-item {
	text-align: center;
}

.gd-seo-stat-num {
	font-size: 1.25rem;
	font-weight: 800;
	color: #16A34A;
	line-height: 1.2;
}

:root[data-theme-mode="light"] .gd-seo-stat-num,
html[data-theme-mode="light"] .gd-seo-stat-num {
	color: #166534;
}

.gd-seo-stat-lbl {
	font-size: 0.74rem;
	font-weight: 600;
	color: var(--text-muted);
	margin-top: 3px;
	line-height: 1.3;
}

.gd-seo-testimonials-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.gd-seo-testimonial-item {
	padding: 16px 18px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--border-glass);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

:root[data-theme-mode="light"] .gd-seo-testimonial-item,
html[data-theme-mode="light"] .gd-seo-testimonial-item {
	background: #FFFFFF;
	border-color: rgba(22, 101, 52, 0.12);
	box-shadow: 0 2px 10px rgba(21, 71, 37, 0.03);
}

.gd-seo-testi-stars {
	color: #F59E0B;
	font-size: 0.85rem;
	letter-spacing: 2px;
	margin-bottom: 8px;
}

.gd-seo-testi-text {
	font-size: 0.82rem;
	font-style: italic;
	color: var(--text-secondary);
	line-height: 1.5;
	margin: 0 0 12px;
	flex-grow: 1;
}

.gd-seo-testi-author {
	display: flex;
	align-items: center;
	gap: 10px;
}

.gd-testi-avatar {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: linear-gradient(135deg, #15803D, #166534);
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.78rem;
	font-weight: 700;
	flex-shrink: 0;
}

.gd-testi-meta {
	display: flex;
	flex-direction: column;
	line-height: 1.25;
}

.gd-testi-meta strong {
	font-size: 0.80rem;
	color: var(--text-primary);
}

.gd-testi-meta small {
	font-size: 0.70rem;
	color: var(--text-muted);
}

@media (max-width: 860px) {
	.gd-seo-review-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.gd-seo-rating-box {
		align-items: flex-start;
		text-align: left;
	}

	.gd-seo-stats-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.gd-seo-testimonials-grid {
		grid-template-columns: 1fr;
	}
}

/* ===================== Topic Index (1 Column Clean) ===================== */
.gd-topic-index {
	margin: 28px 0 36px;
}

.gd-topic-single-wrapper {
	margin-top: 14px;
}

.gd-topic-card-single {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 10px;
	padding: 20px 24px;
	border-radius: var(--border-radius, 14px);
	text-decoration: none;
	color: inherit;
	transition: all 0.2s ease;
	border: 1px solid var(--border-glass);
}

.gd-topic-card-single:hover {
	transform: translateY(-2px);
	border-color: rgba(22, 101, 52, 0.35);
	box-shadow: 0 8px 24px rgba(22, 101, 52, 0.08);
}

:root[data-theme-mode="dark"] .gd-topic-card-single:hover {
	border-color: rgba(74, 222, 128, 0.35);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.gd-topic-card-content {
	display: flex;
	align-items: center;
	gap: 18px;
	flex: 1;
	min-width: 0;
}

.gd-topic-card-icon {
	width: 50px;
	height: 50px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: rgba(22, 163, 74, 0.12);
	color: #16A34A;
}

:root[data-theme-mode="light"] .gd-topic-card-icon,
html[data-theme-mode="light"] .gd-topic-card-icon {
	background: rgba(22, 101, 52, 0.10);
	color: #166534;
}

.gd-topic-card-body {
	flex: 1;
	min-width: 0;
}

.gd-topic-card-title-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 4px;
	flex-wrap: wrap;
}

.gd-topic-title {
	font-size: 1.18rem;
	font-weight: 800;
	margin: 0;
	color: var(--text-primary);
	line-height: 1.3;
}

.gd-topic-card-single:hover .gd-topic-title {
	color: #16A34A;
}

:root[data-theme-mode="light"] .gd-topic-card-single:hover .gd-topic-title,
html[data-theme-mode="light"] .gd-topic-card-single:hover .gd-topic-title {
	color: #166534;
}

.gd-topic-badge {
	font-size: 0.70rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 2px 8px;
	border-radius: 999px;
	background: rgba(22, 163, 74, 0.14);
	color: #16A34A;
	display: inline-block;
}

:root[data-theme-mode="light"] .gd-topic-badge,
html[data-theme-mode="light"] .gd-topic-badge {
	background: rgba(22, 101, 52, 0.10);
	color: #166534;
}

.gd-topic-desc {
	margin: 0;
	font-size: 0.88rem;
	color: var(--text-secondary);
	line-height: 1.5;
}

.gd-topic-arrow-cta {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: rgba(22, 163, 74, 0.08);
	color: #16A34A;
	transition: all 0.2s ease;
}

:root[data-theme-mode="light"] .gd-topic-arrow-cta,
html[data-theme-mode="light"] .gd-topic-arrow-cta {
	background: rgba(22, 101, 52, 0.08);
	color: #166534;
}

.gd-topic-card-single:hover .gd-topic-arrow-cta {
	background: #166534;
	color: #FFFFFF;
	transform: translateX(4px);
}

@media (max-width: 640px) {
	.gd-topic-card-single {
		padding: 16px;
		gap: 12px;
	}

	.gd-topic-card-icon {
		width: 42px;
		height: 42px;
	}

	.gd-topic-arrow-cta {
		display: none;
	}
}

/* ===================== Banners ===================== */
.gd-banner {
	text-align: center;
	margin: 20px auto;
	max-width: var(--container-w);
}

.gd-banner img {
	margin: 0 auto;
	border-radius: 12px;
}

/* ===================== Modern Trust & Verification Bar (Seamless 1-Row) ===================== */
.gd-trust-bar-wrap {
	margin: 28px auto 32px;
	width: 100%;
}

.gd-trust-bar {
	position: relative;
	background: transparent;
	border-top: 1px solid var(--border-glass);
	border-bottom: 1px solid var(--border-glass);
	border-left: none;
	border-right: none;
	border-radius: 0;
	padding: 16px 0;
	box-shadow: none;
	overflow: visible;
}

.gd-trust-bar::before {
	display: none;
}

.gd-trust-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 12px;
	width: 100%;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: 2px 0;
}

.gd-trust-inner::-webkit-scrollbar {
	display: none;
}

.gd-trust-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 4px 6px;
	background: transparent;
	border: none;
	color: var(--text-secondary);
	font-size: 0.84rem;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	flex-shrink: 0;
	transition: color 0.18s ease, transform 0.18s ease;
	line-height: 1.3;
}

.gd-trust-item:hover {
	color: var(--text-primary);
	transform: translateY(-1px);
	text-decoration: none;
}

.gd-trust-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 6px;
	background: rgba(56, 189, 248, 0.12);
	color: #38BDF8;
	flex-shrink: 0;
	transition: transform 0.18s ease, color 0.18s ease;
}

.gd-trust-item:hover .gd-trust-icon {
	transform: scale(1.08);
	color: #60A5FA;
}

.gd-trust-icon svg {
	width: 15px;
	height: 15px;
	display: block;
}

.gd-trust-label {
	white-space: nowrap;
}

.gd-trust-item.gd-trust-badge {
	color: var(--acc-badge, #FBBF24);
}

.gd-trust-item.gd-trust-badge .gd-trust-icon {
	background: rgba(251, 191, 36, 0.12);
	color: #FBBF24;
}

.gd-trust-item.gd-trust-badge:hover {
	color: #FDE047;
}

/* Light Mode */
:root[data-theme-mode="light"] .gd-trust-bar,
html[data-theme-mode="light"] .gd-trust-bar {
	background: transparent;
	border-top-color: rgba(22, 101, 52, 0.12);
	border-bottom-color: rgba(22, 101, 52, 0.12);
	box-shadow: none;
}

:root[data-theme-mode="light"] .gd-trust-item,
html[data-theme-mode="light"] .gd-trust-item {
	background: transparent;
	border: none;
	color: #33473B;
}

:root[data-theme-mode="light"] .gd-trust-item:hover,
html[data-theme-mode="light"] .gd-trust-item:hover {
	color: #14532D;
}

:root[data-theme-mode="light"] .gd-trust-icon,
html[data-theme-mode="light"] .gd-trust-icon {
	background: rgba(22, 101, 52, 0.10);
	color: #15803D;
}

:root[data-theme-mode="light"] .gd-trust-item:hover .gd-trust-icon,
html[data-theme-mode="light"] .gd-trust-item:hover .gd-trust-icon {
	background: rgba(22, 101, 52, 0.18);
	color: #166534;
}

:root[data-theme-mode="light"] .gd-trust-item.gd-trust-badge,
html[data-theme-mode="light"] .gd-trust-item.gd-trust-badge {
	color: #A16207;
}

:root[data-theme-mode="light"] .gd-trust-item.gd-trust-badge .gd-trust-icon,
html[data-theme-mode="light"] .gd-trust-item.gd-trust-badge .gd-trust-icon {
	background: rgba(202, 138, 4, 0.12);
	color: #A16207;
}

@media (max-width: 640px) {
	.gd-trust-bar-wrap {
		margin: 20px auto;
	}

	.gd-trust-bar {
		padding: 12px 0;
	}

	.gd-trust-inner {
		gap: 16px;
		padding: 2px 4px;
	}

	.gd-trust-item {
		font-size: 0.78rem;
		gap: 6px;
		padding: 2px 4px;
	}

	.gd-trust-icon {
		width: 20px;
		height: 20px;
		border-radius: 5px;
	}

	.gd-trust-icon svg {
		width: 13px;
		height: 13px;
	}
}

.gd-notice-box {
	background: rgba(47, 128, 237, 0.1);
	border: 1px solid rgba(47, 128, 237, 0.25);
	border-radius: 12px;
	padding: 16px 20px;
	margin: 20px 0;
	font-size: 0.9rem;
}

.gd-share-bar {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 24px 0;
}

.gd-share-label {
	color: var(--text-muted);
	font-size: 0.85rem;
}

.gd-share-btn {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--card-glass);
	border: 1px solid var(--border-glass);
	color: var(--text-primary);
	font-size: 0.7rem;
	font-weight: 800;
}

/* ===================== SEO keywords ===================== */
.gd-seo-keywords {
	color: var(--text-muted);
	font-size: 0.8rem;
	margin: 20px 0;
	line-height: 1.7;
}

/* ===================== Footer ===================== */
.gd-footer {
	background: var(--bg-surface);
	border-top: 1px solid var(--border-glass);
	margin-top: 50px;
}

.gd-footer-inner {
	max-width: var(--container-w);
	margin: 0 auto;
	padding: 50px 20px 20px;
}

.gd-footer-columns {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr 1.2fr;
	gap: 30px;
}

.gd-footer-col h3 {
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--text-muted);
	margin-bottom: 14px;
}

.gd-footer-col ul li {
	margin-bottom: 8px;
}

.gd-footer-col a {
	color: var(--text-secondary);
}

.gd-footer-brand-name {
	font-size: 1.3rem;
	font-weight: 800;
	display: block;
	margin-bottom: 10px;
}

/* Social icon row — circular buttons, one per configured profile. */
.gd-social-row {
	display: flex;
	gap: 10px;
	margin-top: 14px;
	flex-wrap: wrap;
}

.gd-social-icon {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--card-glass);
	border: 1px solid var(--border-glass);
	color: var(--text-secondary);
	transition: color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, background 0.15s ease;
}

.gd-social-icon:hover {
	color: var(--acc-gold-bright);
	border-color: rgba(212, 175, 55, 0.45);
	background: rgba(212, 175, 55, 0.08);
	transform: translateY(-2px);
	text-decoration: none;
}

.gd-social-icon:focus-visible {
	outline: 2px solid var(--acc-gold-bright);
	outline-offset: 2px;
}

.gd-badge-18plus {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: linear-gradient(135deg, #ff5a5a, #c62828);
	color: #fff;
	font-weight: 800;
	margin-top: 10px;
	font-size: 0.9rem;
}

@media (max-width: 960px) {
	.gd-footer-columns {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 560px) {
	.gd-footer-columns {
		grid-template-columns: 1fr;
	}
}

.gd-compliance-band {
	background: var(--bg-surface-2);
	border-top: 1px solid var(--border-glass);
	padding: 20px;
	margin-top: 10px;
}

.gd-compliance-inner {
	max-width: var(--container-w);
	margin: 0 auto;
	text-align: center;
}

.gd-compliance-text {
	font-size: 0.8rem;
	color: var(--text-muted);
	margin-bottom: 12px;
	max-width: 78ch;
	margin-left: auto;
	margin-right: auto;
}

.gd-compliance-text p {
	margin: 0 0 8px;
}

.gd-compliance-text p:last-child {
	margin-bottom: 0;
}

.gd-compliance-badges {
	display: flex;
	gap: 14px;
	justify-content: center;
	flex-wrap: wrap;
}

.gd-compliance-badge {
	background: var(--card-glass);
	border: 1px solid var(--border-glass);
	padding: 6px 14px;
	border-radius: 8px;
	font-size: 0.78rem;
	color: var(--text-secondary);
}

.gd-footer-bottom {
	text-align: center;
	padding: 16px 20px;
	font-size: 0.8rem;
	color: var(--text-muted);
}

/* ===================== Sticky bar (global CTA) ===================== */
.gd-sticky-bar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0 !important;
	z-index: 900;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
	background: #060B14 !important;
	border-radius: 22px 22px 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.6);
	transition: transform 0.25s ease;
}

.gd-sticky-bar[data-state="hidden"] {
	transform: translateY(100%);
}

/* Download CTA pill */
.gd-sticky-download-btn {
	flex: 1;
	height: 48px;
	border-radius: 999px;
	background: linear-gradient(135deg, #15803D, #166534) !important;
	color: #ffffff !important;
	font-weight: 700;
	font-size: 0.95rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none !important;
	transition: filter 0.2s, transform 0.15s;
	border: none;
}

.gd-sticky-download-btn:hover {
	filter: brightness(1.1);
	transform: translateY(-1px);
}

.gd-sticky-dl-icon {
	flex-shrink: 0;
	display: block;
}

/* Telegram circular button */
.gd-sticky-tg-btn {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(135deg, #15803D, #166534) !important;
	box-shadow: 0 4px 14px rgba(6, 199, 6, 0.45);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	text-decoration: none !important;
	transition: filter 0.2s, transform 0.15s;
	border: none;
}

.gd-sticky-tg-btn:hover {
	filter: brightness(1.1);
	transform: translateY(-1px);
}



.gd-sticky-tg-circle svg {
	display: block;
	transform: translate(-1px, 0);
}

/* Hide on desktop */
@media (min-width: 781px) {
	.gd-sticky-bar {
		display: none !important;
	}
}

/* Hide bottom nav on mobile - screenshot only shows the download dock */
.gd-bottom-nav {
	display: none !important;
}

@media (max-width: 780px) {
	body {
		padding-bottom: 80px;
	}
}

.gd-mobile-search-panel {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 58px;
	z-index: 601;
	background: var(--bg-surface);
	border-top: 1px solid var(--border-glass);
	padding: 14px;
}

.gd-mobile-search-panel[hidden] {
	display: none;
}

.gd-mobile-search-panel form {
	display: flex;
	gap: 8px;
}

.gd-mobile-search-panel input {
	flex: 1;
	padding: 10px 14px;
	border-radius: 999px;
	border: 1px solid var(--border-glass);
	background: var(--card-glass);
	color: var(--text-primary);
}

.gd-mobile-search-panel button {
	padding: 10px 18px;
	border-radius: 999px;
	border: none;
	background: var(--acc-gold);
	color: #1a1400;
	font-weight: 700;
}

/* ===================== Pagination ===================== */
.gd-pagination {
	margin: 30px 0;
	display: flex;
	justify-content: center;
	gap: 8px;
}

.gd-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	border-radius: 8px;
	background: var(--card-glass);
	border: 1px solid var(--border-glass);
	color: var(--text-secondary);
	padding: 0 10px;
}

.gd-pagination .page-numbers.current {
	background: var(--acc-gold);
	color: #1a1400;
	font-weight: 700;
}

/* ===================== Comments (basic) ===================== */
.comment-list {
	margin: 20px 0;
}

.comment-form input,
.comment-form textarea {
	width: 100%;
	padding: 10px 14px;
	margin-bottom: 12px;
	background: var(--card-glass);
	border: 1px solid var(--border-glass);
	border-radius: 8px;
	color: var(--text-primary);
}

/* ===================== Widgets ===================== */
.widget {
	padding: 18px;
	margin-bottom: 18px;
}

.widget-title {
	font-size: 1rem;
	margin-bottom: 12px;
}

/* ---- Sidebar mini list (Latest Games / Latest News) ---- */
.gd-mini-list {
	display: flex;
	flex-direction: column;
}

.gd-mini-item+.gd-mini-item {
	border-top: 1px solid var(--border-glass);
}

.gd-mini-link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 0;
	color: var(--text-primary);
	min-width: 0;
}

.gd-mini-link:hover {
	text-decoration: none;
}

.gd-mini-link:hover .gd-mini-title {
	color: var(--gold-text);
}

.gd-mini-thumb {
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--bg-surface-2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.gd-mini-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gd-mini-body {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.gd-mini-title {
	font-size: 0.88rem;
	font-weight: 600;
	line-height: 1.35;
	/* Cap each row at two lines so long titles can't stretch the sidebar. */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.gd-mini-meta {
	font-size: 0.75rem;
	color: var(--text-muted);
}

.gd-mini-bonus {
	color: var(--acc-badge);
	font-weight: 600;
}

/* Fallback tile shown when a post has no image of its own. */
.gd-thumb-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: var(--bg-surface-2);
	color: var(--text-muted);
}

.gd-thumb-placeholder-lg svg {
	width: 34px;
	height: 34px;
}

/* ===================== 404 ===================== */
.gd-404 {
	text-align: center;
	padding: 60px 0;
}

.gd-404 .gd-search-box-wrap {
	margin: 24px auto;
}

/* =====================================================================
   DIRECTORY INTERFACE
   =====================================================================
   App-directory look: deep blue ground, electric blue + cyan accents, a
   red action button, uppercase condensed headings, and listings shown as
   two columns of horizontal cards.

   Everything below is presentation only. Templates, post meta, taxonomy
   and queries are shared with the default skin — switching skins never
   touches content. Selectors are scoped to body so the default
   skin is unaffected.
   ===================================================================== */


/* Faint grid backdrop, like a technical blueprint. */
body {
	background-image:
		linear-gradient(rgba(120, 170, 255, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(120, 170, 255, 0.045) 1px, transparent 1px);
	background-size: 64px 64px;
	background-attachment: fixed;
}

/* ---- Typography: squarer, tighter, uppercase for structural text ---- */
.gd-hero-headline,
.gd-section-title,
.gd-page-title,
.gd-listing-title {
	text-transform: none;
	letter-spacing: -0.02em;
	font-weight: 800;
}

.gd-primary-menu a,
.gd-btn,
.gd-tab-trigger,
.gd-hero-badge,
.gd-hero-stat-label,
.widget-title {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 700;
}

.gd-primary-menu a {
	font-size: 0.82rem;
}

/* ---- Header ---- */
/* Dark mode only — light mode header is overridden to green above */
:root[data-theme-mode="dark"] .gd-header,
:root:not([data-theme-mode="light"]):not([data-theme-mode="auto"]) .gd-header {
	background: rgba(4, 8, 15, 0.88);
}

.gd-header-inner {
	padding: 14px 20px;
}

/* Scoped to desktop on purpose: an unscoped `.gd-primary-nav`
   outranks the base `.gd-primary-nav { display:none }` mobile rule on
   specificity, which would drag the desktop menu into the mobile header. */
@media (min-width: 901px) {
	.gd-primary-nav {
		display: flex;
		justify-content: center;
	}

	.gd-primary-menu {
		gap: 30px;
	}
}

.gd-theme-toggle,
.gd-menu-toggle {
	border-radius: 10px;
}

/* ---- Buttons ---- */
.gd-btn {
	border-radius: 10px;
	font-size: 0.85rem;
}

.gd-btn-gold {
	background: linear-gradient(135deg, #3B82F6, #1D4ED8);
	color: #fff;
	box-shadow: 0 6px 22px rgba(37, 99, 235, 0.35);
}

.gd-btn-outline {
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid var(--border-glass);
	color: var(--text-primary);
}

.gd-btn-outline:hover {
	border-color: var(--acc-blue-bright);
	color: var(--acc-blue-bright);
}

.gd-btn-telegram {
	background: #229ED9;
}

/* Header CTA is the one loud red button on the page. Declared after the
   button colours above so it wins on source order, not specificity tricks. */
.gd-header-cta {
	background: linear-gradient(135deg, #F05252, #DC2626);
	color: #fff;
	box-shadow: 0 4px 16px rgba(220, 38, 38, 0.32);
	border-radius: 10px;
	padding: 11px 20px;
}

/* Ratings stay amber — the red accent is reserved for actions, so stars
   tinted red would read as a warning rather than a score. */
.gd-stars,
.gd-card-rating,
.gd-featured-rating {
	color: var(--acc-badge);
}

/* ---- Hero ---- */
.gd-hero {
	padding: 54px 0 30px;
}

.gd-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 15px;
	border-radius: 999px;
	background: rgba(56, 189, 248, 0.09);
	border: 1px solid rgba(56, 189, 248, 0.28);
	color: var(--gold-text);
	font-size: 0.68rem;
	margin-bottom: 20px;
}

.gd-hero-badge::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #22C55E;
	box-shadow: 0 0 8px #22C55E;
}

.gd-hero-headline {
	font-size: clamp(2.1rem, 4.4vw, 3.6rem);
	line-height: 1.08;
}

/* Let the editor accent the closing line by wrapping it in <em>. */
.gd-hero-headline em {
	font-style: normal;
	color: var(--acc-blue-bright);
}

.gd-hero-subtext {
	max-width: 52ch;
}

.gd-hero-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin-top: 34px;
}

.gd-hero-stat {
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding: 0 26px;
	border-left: 1px solid var(--border-glass);
}

.gd-hero-stat:first-child {
	padding-left: 0;
	border-left: 0;
}

.gd-hero-stat-value {
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--acc-badge);
	letter-spacing: -0.01em;
}

.gd-hero-stat-label {
	font-size: 0.68rem;
	color: var(--text-muted);
}

/* Hero copy centres on mobile in the base layout, so the stat row follows. */
@media (max-width: 900px) {
	.gd-hero-stats {
		justify-content: center;
	}
}

.gd-hero-media {
	border: 1px solid var(--border-glass);
	border-radius: var(--radius-lg);
	padding: 12px;
	background: var(--card-glass);
}

.gd-hero-media img {
	border-radius: 10px;
}

/* ---- Search ---- */
.gd-search-box {
	background: var(--bg-surface);
	border: 1px solid var(--border-glass);
	border-radius: 999px;
	padding: 6px 6px 6px 20px;
}

.gd-search-box .gd-btn-blue {
	background: linear-gradient(135deg, #3B82F6, #2563EB);
	color: #fff;
	border-radius: 999px;
}

/* ---- Section titles: left accent bar ---- */
.gd-section-title {
	position: relative;
	padding-left: 15px;
	font-size: clamp(1.25rem, 1.6vw + 0.9rem, 1.7rem);
}

.gd-section-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.16em;
	bottom: 0.16em;
	width: 4px;
	border-radius: 3px;
	background: linear-gradient(180deg, var(--acc-blue-bright), var(--acc-blue));
}

/* ---- Tabs as filter pills ---- */
.gd-tab-trigger {
	border-radius: 999px;
	padding: 9px 20px;
	font-size: 0.72rem;
	background: var(--bg-surface);
	border: 1px solid var(--border-glass);
	color: var(--text-secondary);
}

.gd-tab-trigger.is-active {
	background: linear-gradient(135deg, #F05252, #DC2626);
	border-color: transparent;
	color: #fff;
}

/* ---- Listings as single column of horizontal cards ----
   Same comparison-table markup as the default skin; only the grid
   assignment differs, so ratings/bonus/player data stay available. */
@media (min-width: 761px) {
	.gd-comparison-table {
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.gd-ct-head {
		display: none;
	}

	.gd-ct-row {
		grid-template-columns: 72px minmax(0, 1fr) auto;
		grid-template-areas:
			"logo name   cta"
			"logo rating cta"
			"logo bonus  cta";
		gap: 4px 16px;
		align-items: center;
		padding: 16px 20px;
		margin-bottom: 0;
		position: relative;
	}

	.gd-ct-col-logo {
		grid-area: logo;
		align-self: center;
	}

	.gd-ct-col-name {
		grid-area: name;
	}

	.gd-ct-col-rating {
		grid-area: rating;
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.gd-ct-col-bonus {
		grid-area: bonus;
	}

	.gd-ct-col-cta {
		grid-area: cta;
		align-self: center;
		justify-content: flex-end;
		margin-top: 0;
	}

	.gd-ct-col-rank {
		position: absolute;
		top: 8px;
		right: 14px;
	}

	.gd-ct-col-rating::before,
	.gd-ct-col-bonus::before {
		content: none;
	}

	.gd-ct-logo-link,
	.gd-ct-logo-link img {
		width: 72px;
		height: 72px;
		border-radius: 14px;
	}

	.gd-ct-name {
		font-size: 1.05rem;
	}
}

.gd-ct-infeed-banner {
	grid-column: 1 / -1;
}

/* CTA on a listing row: modern button */
.gd-ct-col-cta .gd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 9px 20px;
	border-radius: 8px;
	font-size: 0.84rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background: linear-gradient(135deg, #3B82F6, #1D4ED8);
	color: #fff;
	box-shadow: 0 3px 12px rgba(37, 99, 235, 0.32);
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
	text-decoration: none;
	white-space: nowrap;
}

.gd-ct-col-cta .gd-btn::after {
	content: "";
}

.gd-ct-col-cta .gd-btn:hover {
	transform: translateY(-1px);
	filter: brightness(1.08);
	box-shadow: 0 5px 16px rgba(37, 99, 235, 0.42);
	color: #fff;
	text-decoration: none;
}

@media (max-width: 760px) {
	.gd-ct-col-cta .gd-btn {
		padding: 6px 12px;
		font-size: 0.72rem;
		font-weight: 700;
		letter-spacing: 0.02em;
		border-radius: 6px;
		min-height: 28px;
		line-height: 1.1;
		white-space: nowrap;
	}
}

/* ---- Cards ---- */
.glass-card,
.gd-card {
	background: var(--card-glass);
	border-radius: var(--radius-md);
}

.gd-card:hover {
	border-color: rgba(56, 189, 248, 0.3);
}

.gd-featured-card {
	border-color: rgba(56, 189, 248, 0.3);
	box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.1), var(--shadow-glass);
}

.gd-featured-card::before {
	background: radial-gradient(120% 160% at 0% 0%, rgba(56, 189, 248, 0.12), transparent 60%);
}

.gd-featured-ribbon {
	background: linear-gradient(135deg, #F05252, #DC2626);
	color: #fff;
}

.gd-card-bonus,
.gd-featured-bonus,
.gd-mini-bonus {
	color: var(--acc-badge);
}

/* ---- Quicklinks as feature cards ---- */
.gd-quicklinks-row {
	overflow: visible;
	flex-wrap: wrap;
}

.gd-quicklink {
	flex: 1 1 260px;
	border-radius: var(--radius-md);
	padding: 22px;
}

.gd-quicklink-title {
	color: var(--acc-blue-bright);
}

/* ---- Sticky bar / bottom nav ---- */
.gd-sticky-bar {
	background: rgba(4, 8, 15, 0.92);
}

.gd-bottom-nav {
	background: rgba(4, 8, 15, 0.95);
}

/* ---- Footer ---- */
.gd-footer {
	background: #030610;
}

.gd-badge-18plus {
	background: rgba(239, 68, 68, 0.12);
	border-color: rgba(239, 68, 68, 0.4);
	color: #FCA5A5;
}

/* =====================================================================
   LIGHT MODE — DIRECTORY-SECTION OVERRIDES
   Re-override the hardcoded dark values above so light mode looks right.
   Higher specificity via :root[data-theme-mode="light"] wins the cascade.
   ===================================================================== */

/* Header: keep the deep green gradient declared in the light-overrides block above. */
:root[data-theme-mode="light"] .gd-header,
html[data-theme-mode="light"] .gd-header {
	background: linear-gradient(135deg, #166534 0%, #0F4725 100%) !important;
	margin-top: 0 !important;
	border-top: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
	box-shadow: 0 3px 18px rgba(15, 71, 37, 0.20) !important;
}

:root[data-theme-mode="light"] .gd-site-title,
html[data-theme-mode="light"] .gd-site-title {
	color: #FFFFFF !important;
}

:root[data-theme-mode="light"] .gd-primary-menu a,
html[data-theme-mode="light"] .gd-primary-menu a {
	color: rgba(255, 255, 255, 0.95) !important;
}

:root[data-theme-mode="light"] .gd-primary-menu a:hover,
html[data-theme-mode="light"] .gd-primary-menu a:hover {
	color: #A7F3D0 !important;
}

:root[data-theme-mode="light"] .gd-theme-toggle,
:root[data-theme-mode="light"] .gd-menu-toggle,
html[data-theme-mode="light"] .gd-theme-toggle,
html[data-theme-mode="light"] .gd-menu-toggle {
	background: rgba(255, 255, 255, 0.16) !important;
	border: 1px solid rgba(255, 255, 255, 0.28) !important;
	color: #FFFFFF !important;
}

/* Buttons inside DIRECTORY section */
:root[data-theme-mode="light"] .gd-btn-gold,
html[data-theme-mode="light"] .gd-btn-gold {
	background: linear-gradient(135deg, #15803D, #166534) !important;
	color: #fff !important;
	box-shadow: 0 4px 18px rgba(21, 128, 61, 0.28) !important;
}

:root[data-theme-mode="light"] .gd-header-cta,
html[data-theme-mode="light"] .gd-header-cta {
	background: #FFFFFF !important;
	color: #166534 !important;
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.15) !important;
	font-weight: 800 !important;
}

:root[data-theme-mode="light"] .gd-header-cta:hover,
html[data-theme-mode="light"] .gd-header-cta:hover {
	background: #F0FDF4 !important;
	color: #14532D !important;
}

:root[data-theme-mode="light"] .gd-tab-trigger.is-active,
html[data-theme-mode="light"] .gd-tab-trigger.is-active {
	background: linear-gradient(135deg, #15803D, #166534) !important;
	color: #fff !important;
}

:root[data-theme-mode="light"] .gd-search-box .gd-btn-blue,
html[data-theme-mode="light"] .gd-search-box .gd-btn-blue {
	background: linear-gradient(135deg, #0D9488, #0F766E) !important;
	color: #fff !important;
	box-shadow: 0 4px 14px rgba(13, 148, 136, 0.25) !important;
}

:root[data-theme-mode="light"] .gd-search-box .gd-btn-blue:hover,
html[data-theme-mode="light"] .gd-search-box .gd-btn-blue:hover {
	background: linear-gradient(135deg, #14B8A6, #0D9488) !important;
}

:root[data-theme-mode="light"] .gd-ct-col-cta .gd-btn,
html[data-theme-mode="light"] .gd-ct-col-cta .gd-btn {
	background: linear-gradient(135deg, #15803D 0%, #166534 100%) !important;
	color: #FFFFFF !important;
	box-shadow: 0 3px 12px rgba(21, 128, 61, 0.28) !important;
	border: none !important;
}

:root[data-theme-mode="light"] .gd-ct-col-cta .gd-btn:hover,
html[data-theme-mode="light"] .gd-ct-col-cta .gd-btn:hover {
	background: linear-gradient(135deg, #16A34A 0%, #15803D 100%) !important;
	color: #FFFFFF !important;
	box-shadow: 0 5px 16px rgba(21, 128, 61, 0.38) !important;
}

:root[data-theme-mode="light"] .gd-btn-telegram,
html[data-theme-mode="light"] .gd-btn-telegram,
:root[data-theme-mode="light"] .gd-sticky-telegram,
html[data-theme-mode="light"] .gd-sticky-telegram {
	background: linear-gradient(135deg, #0D9488, #0F766E) !important;
	color: #FFFFFF !important;
	box-shadow: 0 4px 14px rgba(13, 148, 136, 0.28) !important;
	border: none !important;
}

:root[data-theme-mode="light"] .gd-btn-telegram:hover,
html[data-theme-mode="light"] .gd-btn-telegram:hover,
:root[data-theme-mode="light"] .gd-sticky-telegram:hover,
html[data-theme-mode="light"] .gd-sticky-telegram:hover {
	background: linear-gradient(135deg, #14B8A6, #0D9488) !important;
	color: #FFFFFF !important;
}

/* Cards hover in DIRECTORY skin */
:root[data-theme-mode="light"] .gd-card:hover,
html[data-theme-mode="light"] .gd-card:hover {
	border-color: rgba(22, 101, 52, 0.28) !important;
}

:root[data-theme-mode="light"] .gd-featured-card,
html[data-theme-mode="light"] .gd-featured-card {
	border-color: rgba(22, 101, 52, 0.25) !important;
	box-shadow: 0 0 0 1px rgba(22, 101, 52, 0.08), 0 10px 30px rgba(21, 71, 37, 0.08) !important;
}

:root[data-theme-mode="light"] .gd-featured-ribbon,
html[data-theme-mode="light"] .gd-featured-ribbon {
	background: linear-gradient(135deg, #15803D, #166534) !important;
	color: #FFFFFF !important;
}

/* Quicklink title */
:root[data-theme-mode="light"] .gd-quicklink-title,
html[data-theme-mode="light"] .gd-quicklink-title {
	color: #166534 !important;
}

/* Sticky / bottom nav */
:root[data-theme-mode="light"] .gd-sticky-bar,
html[data-theme-mode="light"] .gd-sticky-bar {
	background: rgba(255, 255, 255, 0.95) !important;
}

:root[data-theme-mode="light"] .gd-bottom-nav,
html[data-theme-mode="light"] .gd-bottom-nav {
	background: rgba(255, 255, 255, 0.97) !important;
}

/* Footer */
:root[data-theme-mode="light"] .gd-footer,
html[data-theme-mode="light"] .gd-footer {
	background: #1A3A26 !important;
	border-top-color: rgba(22, 101, 52, 0.30) !important;
}

:root[data-theme-mode="light"] .gd-footer-brand-name,
html[data-theme-mode="light"] .gd-footer-brand-name {
	color: #FFFFFF !important;
}

:root[data-theme-mode="light"] .gd-footer-col a,
html[data-theme-mode="light"] .gd-footer-col a {
	color: rgba(255, 255, 255, 0.80) !important;
}

:root[data-theme-mode="light"] .gd-footer-col a:hover,
html[data-theme-mode="light"] .gd-footer-col a:hover {
	color: #4ADE80 !important;
}

:root[data-theme-mode="light"] .gd-footer-col h3,
html[data-theme-mode="light"] .gd-footer-col h3 {
	color: rgba(255, 255, 255, 0.60) !important;
}

:root[data-theme-mode="light"] .gd-footer-col p,
html[data-theme-mode="light"] .gd-footer-col p {
	color: rgba(255, 255, 255, 0.65) !important;
}

:root[data-theme-mode="light"] .gd-compliance-band,
html[data-theme-mode="light"] .gd-compliance-band {
	background: #142E1E !important;
	border-top-color: rgba(255, 255, 255, 0.08) !important;
}

:root[data-theme-mode="light"] .gd-compliance-text,
html[data-theme-mode="light"] .gd-compliance-text {
	color: rgba(255, 255, 255, 0.65) !important;
}

:root[data-theme-mode="light"] .gd-compliance-badge,
html[data-theme-mode="light"] .gd-compliance-badge {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(255, 255, 255, 0.15) !important;
	color: rgba(255, 255, 255, 0.85) !important;
}

:root[data-theme-mode="light"] .gd-footer-bottom,
html[data-theme-mode="light"] .gd-footer-bottom {
	color: rgba(255, 255, 255, 0.50) !important;
}

:root[data-theme-mode="light"] .gd-social-icon,
html[data-theme-mode="light"] .gd-social-icon {
	background: rgba(255, 255, 255, 0.12) !important;
	color: #FFFFFF !important;
}

/* Section title accent bar */
:root[data-theme-mode="light"] .gd-section-title::before,
html[data-theme-mode="light"] .gd-section-title::before {
	background: linear-gradient(180deg, #16A34A, #166534) !important;
}

/* Rank badge */
:root[data-theme-mode="light"] .gd-rank-badge,
html[data-theme-mode="light"] .gd-rank-badge {
	background: linear-gradient(135deg, #16A34A, #15803D) !important;
	color: #FFFFFF !important;
}

/* Search box in DIRECTORY */
:root[data-theme-mode="light"] .gd-search-box,
html[data-theme-mode="light"] .gd-search-box {
	background: #FFFFFF !important;
	border-color: rgba(22, 163, 74, 0.20) !important;
}

/* ===================== Category & App-Tab Page 1-Column Modern Trend ===================== */

/* ---- Category Hero Header ---- */
.gd-cat-header {
	position: relative;
	margin: 16px 0 28px;
	padding: 24px 28px;
	border-radius: 20px;
	border: 1px solid var(--border-glass);
	background: var(--card-glass);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

.gd-cat-header::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #16A34A 0%, #22C55E 50%, #4ADE80 100%);
	border-radius: 20px 20px 0 0;
}

.gd-cat-header-top {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.gd-cat-header-icon {
	width: 54px;
	height: 54px;
	border-radius: 16px;
	background: linear-gradient(135deg, rgba(22, 163, 74, 0.16) 0%, rgba(34, 197, 94, 0.06) 100%);
	border: 1px solid rgba(22, 163, 74, 0.28);
	color: #16A34A;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-shadow: 0 4px 14px rgba(22, 163, 74, 0.12);
}

.gd-cat-header-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 14px;
}

.gd-cat-header-main {
	flex: 1;
	min-width: 0;
}

.gd-cat-title-row {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.gd-cat-title {
	font-size: clamp(1.6rem, 3.2vw, 2.25rem);
	font-weight: 800;
	color: var(--text-primary);
	letter-spacing: -0.025em;
	line-height: 1.2;
	margin: 0;
}

.gd-cat-count {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 12px;
	border-radius: 999px;
	background: rgba(22, 163, 74, 0.12);
	border: 1px solid rgba(22, 163, 74, 0.24);
	color: #16A34A;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.gd-cat-desc {
	margin: 10px 0 0;
	font-size: 0.94rem;
	line-height: 1.6;
	color: var(--text-secondary);
	max-width: 780px;
}

.gd-cat-desc p:last-child {
	margin-bottom: 0;
}

@media (max-width: 640px) {
	.gd-cat-header {
		padding: 18px 20px;
		margin-bottom: 22px;
		border-radius: 16px;
	}

	.gd-cat-header-top {
		gap: 14px;
	}

	.gd-cat-header-icon {
		width: 44px;
		height: 44px;
		border-radius: 12px;
	}

	.gd-cat-header-icon svg {
		width: 22px;
		height: 22px;
	}

	.gd-cat-title {
		font-size: 1.45rem;
	}
}

/* ---- 1-Column Category List ---- */
.gd-category-list.gd-category-1col,
.gd-category-1col,
.category .gd-article-grid,
.archive.category .gd-article-grid,
.tax-app_tab .gd-article-grid,
.tax-app-tab .gd-article-grid,
.tag .gd-article-grid {
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
	margin: 20px 0 36px !important;
}

/* ---- Elegant 1-Column Listing Card ---- */
.gd-category-1col .gd-listing-card,
.category .gd-listing-card,
.tax-app_tab .gd-listing-card,
.tax-app-tab .gd-listing-card,
.tag .gd-listing-card {
	display: flex !important;
	flex-direction: column !important;
	padding: 18px 20px !important;
	border-radius: 18px !important;
	border: 1px solid var(--border-glass) !important;
	background: var(--card-glass) !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06) !important;
	transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s ease, border-color 0.22s ease !important;
	position: relative !important;
	overflow: hidden !important;
}

.gd-category-1col .gd-listing-card:hover,
.category .gd-listing-card:hover {
	transform: translateY(-2px) !important;
	border-color: rgba(22, 163, 74, 0.38) !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
}

/* Card Title: Elegant Typography */
.gd-category-1col .gd-listing-card .gd-card-title,
.category .gd-listing-card .gd-card-title {
	font-size: 1.14rem !important;
	font-weight: 800 !important;
	color: var(--text-primary) !important;
	letter-spacing: -0.018em !important;
	line-height: 1.3 !important;
	margin: 0 !important;
	transition: color 0.18s ease !important;
}

.gd-category-1col .gd-listing-card:hover .gd-card-title,
.category .gd-listing-card:hover .gd-card-title {
	color: #16A34A !important;
}

:root[data-theme-mode="light"] .gd-category-1col .gd-listing-card:hover .gd-card-title,
html[data-theme-mode="light"] .gd-category-1col .gd-listing-card:hover .gd-card-title {
	color: #15803D !important;
}

/* Card Logo / Thumbnail */
.gd-category-1col .gd-listing-card .gd-card-logo,
.category .gd-listing-card .gd-card-logo {
	width: 58px !important;
	height: 58px !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
	background: var(--bg-surface-2) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.gd-category-1col .gd-listing-card .gd-card-logo img,
.category .gd-listing-card .gd-card-logo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transition: transform 0.25s ease !important;
}

.gd-category-1col .gd-listing-card:hover .gd-card-logo img,
.category .gd-listing-card:hover .gd-card-logo img {
	transform: scale(1.05) !important;
}

/* Rating */
.gd-category-1col .gd-listing-card .gd-card-rating,
.category .gd-listing-card .gd-card-rating {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	color: var(--text-primary) !important;
}

/* Bonus Badge: Elegant gold/amber highlight */
.gd-category-1col .gd-listing-card .gd-card-bonus,
.category .gd-listing-card .gd-card-bonus {
	display: inline-flex !important;
	align-items: center !important;
	padding: 5px 13px !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, rgba(245, 158, 11, 0.14) 0%, rgba(217, 119, 6, 0.06) 100%) !important;
	border: 1px solid rgba(245, 158, 11, 0.32) !important;
	color: #D97706 !important;
	font-weight: 800 !important;
	font-size: 0.88rem !important;
	white-space: nowrap !important;
}

:root[data-theme-mode="dark"] .gd-category-1col .gd-listing-card .gd-card-bonus,
html[data-theme-mode="dark"] .gd-category-1col .gd-listing-card .gd-card-bonus {
	color: #FBBF24 !important;
}

/* Description */
.gd-category-1col .gd-listing-card .gd-card-desc,
.category .gd-listing-card .gd-card-desc {
	font-size: 0.88rem !important;
	line-height: 1.52 !important;
	color: var(--text-secondary) !important;
	margin: 0 !important;
}

/* CTA Button: Sleek pill */
.gd-category-1col .gd-listing-card .gd-card-cta,
.category .gd-listing-card .gd-card-cta {
	border-radius: 999px !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em !important;
	transition: all 0.2s ease !important;
}

@media (min-width: 768px) {

	.gd-category-1col .gd-listing-card,
	.category .gd-listing-card {
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 16px 24px !important;
		gap: 20px !important;
	}

	.gd-category-1col .gd-listing-card .gd-card-link,
	.category .gd-listing-card .gd-card-link {
		flex: 1 !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 22px !important;
		min-width: 0 !important;
		text-decoration: none !important;
	}

	.gd-category-1col .gd-listing-card .gd-card-head,
	.category .gd-listing-card .gd-card-head {
		flex: 0 0 auto !important;
		min-width: 220px !important;
		max-width: 320px !important;
		display: flex !important;
		align-items: center !important;
		gap: 15px !important;
	}

	.gd-category-1col .gd-listing-card .gd-card-bonus,
	.category .gd-listing-card .gd-card-bonus {
		flex-shrink: 0 !important;
		margin: 0 !important;
	}

	.gd-category-1col .gd-listing-card .gd-card-desc,
	.category .gd-listing-card .gd-card-desc {
		flex: 1 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}

	.gd-category-1col .gd-listing-card .gd-card-cta,
	.category .gd-listing-card .gd-card-cta {
		width: auto !important;
		flex-shrink: 0 !important;
		margin-top: 0 !important;
		padding: 11px 26px !important;
		font-size: 0.90rem !important;
	}
}

@media (max-width: 767px) {

	.gd-category-1col .gd-listing-card,
	.category .gd-listing-card {
		gap: 14px !important;
		padding: 16px !important;
	}

	.gd-category-1col .gd-listing-card .gd-card-link,
	.category .gd-listing-card .gd-card-link {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
	}

	.gd-category-1col .gd-listing-card .gd-card-head,
	.category .gd-listing-card .gd-card-head {
		display: flex !important;
		align-items: center !important;
		gap: 14px !important;
	}

	.gd-category-1col .gd-listing-card .gd-card-cta,
	.category .gd-listing-card .gd-card-cta {
		width: 100% !important;
		justify-content: center !important;
		text-align: center !important;
		height: 44px !important;
		display: flex !important;
		align-items: center !important;
	}
}

/* 2. Standard Article Card in Category / App-Tab (1 Column Horizontal Modern) */
.gd-category-1col .gd-article-card,
.category .gd-article-card,
.tax-app_tab .gd-article-card,
.tax-app-tab .gd-article-card,
.tag .gd-article-card {
	display: block !important;
	padding: 16px !important;
	border-radius: var(--border-radius, 14px) !important;
	transition: all 0.2s ease !important;
}

.gd-category-1col .gd-article-card:hover,
.category .gd-article-card:hover {
	transform: translateY(-2px) !important;
}

.gd-category-1col .gd-article-card .gd-card-link,
.category .gd-article-card .gd-card-link {
	display: flex !important;
	flex-direction: column !important;
	text-decoration: none !important;
	color: inherit !important;
	gap: 16px !important;
}

.gd-category-1col .gd-article-card .gd-article-thumb,
.category .gd-article-card .gd-article-thumb {
	position: relative !important;
	width: 100% !important;
	height: 180px !important;
	aspect-ratio: 16 / 10 !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
	background: rgba(0, 0, 0, 0.05) !important;
}

.gd-category-1col .gd-article-card .gd-article-thumb img,
.category .gd-article-card .gd-article-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.3s ease !important;
}

.gd-category-1col .gd-article-card:hover .gd-article-thumb img,
.category .gd-article-card:hover .gd-article-thumb img {
	transform: scale(1.04) !important;
}

.gd-category-1col .gd-article-content,
.category .gd-article-content {
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 8px !important;
	flex: 1 !important;
	min-width: 0 !important;
}

.gd-article-meta-top {
	font-size: 0.76rem !important;
	font-weight: 600 !important;
	color: var(--text-muted) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
}

.gd-category-1col .gd-article-card .gd-card-title,
.category .gd-article-card .gd-card-title {
	font-size: 1.18rem !important;
	font-weight: 800 !important;
	margin: 0 !important;
	color: var(--text-primary) !important;
	line-height: 1.35 !important;
	transition: color 0.15s ease !important;
}

.gd-category-1col .gd-article-card:hover .gd-card-title,
.category .gd-article-card:hover .gd-card-title {
	color: #16A34A !important;
}

:root[data-theme-mode="light"] .gd-category-1col .gd-article-card:hover .gd-card-title,
html[data-theme-mode="light"] .gd-category-1col .gd-article-card:hover .gd-card-title {
	color: #166534 !important;
}

.gd-category-1col .gd-article-card .gd-card-excerpt,
.category .gd-article-card .gd-card-excerpt {
	margin: 0 !important;
	font-size: 0.88rem !important;
	color: var(--text-secondary) !important;
	line-height: 1.55 !important;
}

.gd-article-read-more {
	font-size: 0.84rem !important;
	font-weight: 700 !important;
	color: #16A34A !important;
	margin-top: 4px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	transition: transform 0.15s ease !important;
}

:root[data-theme-mode="light"] .gd-article-read-more,
html[data-theme-mode="light"] .gd-article-read-more {
	color: #166534 !important;
}

.gd-category-1col .gd-article-card:hover .gd-article-read-more,
.category .gd-article-card:hover .gd-article-read-more {
	transform: translateX(4px) !important;
}

@media (min-width: 768px) {

	.gd-category-1col .gd-article-card,
	.category .gd-article-card {
		padding: 18px 24px !important;
	}

	.gd-category-1col .gd-article-card .gd-card-link,
	.category .gd-article-card .gd-card-link {
		flex-direction: row !important;
		align-items: center !important;
		gap: 24px !important;
	}

	.gd-category-1col .gd-article-card .gd-article-thumb,
	.category .gd-article-card .gd-article-thumb {
		width: 240px !important;
		height: 150px !important;
		min-height: 150px !important;
		flex-shrink: 0 !important;
		margin: 0 !important;
	}

	.gd-category-1col .gd-article-content,
	.category .gd-article-content {
		padding: 0 !important;
		justify-content: center !important;
	}
}

/* ===================== Simple Footer ===================== */
.gd-footer.gd-footer-simple {
	margin-top: 40px !important;
	padding: 0 !important;
}

.gd-footer.gd-footer-simple .gd-footer-inner {
	padding: 24px 20px !important;
	text-align: center !important;
}

.gd-footer.gd-footer-simple p {
	margin: 0 !important;
	font-size: 0.88rem !important;
	line-height: 1.5 !important;
	color: rgba(255, 255, 255, 0.70) !important;
}

.gd-footer.gd-footer-simple strong,
.gd-footer.gd-footer-simple .gd-footer-brand-name {
	color: #FFFFFF !important;
	font-weight: 700 !important;
	display: inline !important;
}

:root[data-theme-mode="light"] .gd-footer.gd-footer-simple p,
html[data-theme-mode="light"] .gd-footer.gd-footer-simple p {
	color: rgba(255, 255, 255, 0.78) !important;
}

:root[data-theme-mode="light"] .gd-footer.gd-footer-simple strong,
html[data-theme-mode="light"] .gd-footer.gd-footer-simple strong {
	color: #FFFFFF !important;
}

/* ===================== Shortcodes: Games & Articles ===================== */
.gd-games-shortcode-wrap {
	margin: 20px 0 36px;
}

.gd-game-filter-tabs {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 24px;
	padding-bottom: 4px;
}

.gd-game-filter-tab {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	border-radius: 999px;
	font-size: 0.84rem;
	font-weight: 700;
	padding: 8px 18px;
	border: 1px solid var(--border-glass);
	background: var(--bg-surface);
	color: var(--text-secondary);
	transition: all 0.2s ease;
}

.gd-game-filter-tab:hover {
	border-color: #166534;
	color: #166534;
}

.gd-game-filter-tab.is-active {
	background: linear-gradient(135deg, #15803D, #166534) !important;
	border-color: transparent !important;
	color: #FFFFFF !important;
	box-shadow: 0 4px 14px rgba(21, 128, 61, 0.25) !important;
}

.gd-tab-count {
	font-size: 0.72rem;
	opacity: 0.85;
	background: rgba(255, 255, 255, 0.25);
	padding: 1px 7px;
	border-radius: 999px;
}

.gd-game-item {
	width: 100%;
}

.gd-shortcode-articles {
	margin: 20px 0 36px;
}

/* ===================== Floating Promo Widget (Centered Vertically) ===================== */
.gd-promo-widget {
	position: fixed;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: linear-gradient(90deg, #0e4b2d 0%, #07311d 100%);
	border: 1px solid rgba(52, 211, 153, 0.45);
	border-radius: 999px;
	padding: 5px 8px 5px 5px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55), 0 0 16px rgba(16, 185, 129, 0.35);
	animation: gdPromoWidgetIn 0.4s ease-out both;
	transition: opacity 0.25s, transform 0.25s;
}

.gd-promo-widget.is-hidden {
	opacity: 0 !important;
	pointer-events: none !important;
	transform: translateY(-50%) scale(0.85) !important;
	visibility: hidden !important;
}

@keyframes gdPromoWidgetIn {
	from {
		opacity: 0;
		transform: translateY(-50%) translateX(24px);
	}

	to {
		opacity: 1;
		transform: translateY(-50%) translateX(0);
	}
}

/* Red notification badge on top right */
.gd-promo-widget-badge {
	position: absolute;
	top: -6px;
	right: -4px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #EF4444;
	color: #ffffff;
	font-size: 10px;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 6px rgba(239, 68, 68, 0.65);
	border: 2px solid #07311d;
	z-index: 10001;
	line-height: 1;
}

/* Minimize/close button on left (-) */
.gd-promo-widget-close {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #062013;
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #86efac;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	flex-shrink: 0;
	transition: background 0.15s, color 0.15s, border-color 0.15s;
	z-index: 10000;
}

.gd-promo-widget-close:hover {
	background: #EF4444;
	border-color: #EF4444;
	color: #ffffff;
}

.gd-promo-widget-close svg {
	display: block;
	pointer-events: none;
}

/* Link wrapper */
.gd-promo-widget-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none !important;
	color: inherit;
}

/* Gold gift circle + sparkle */
.gd-promo-widget-gift {
	position: relative;
	flex-shrink: 0;
}

.gd-promo-widget-sparkle {
	position: absolute;
	top: -5px;
	right: -2px;
	font-size: 10px;
	color: #FEF08A;
	text-shadow: 0 0 4px #FBBF24;
	pointer-events: none;
	animation: gdSparklePulse 1.8s ease-in-out infinite;
}

@keyframes gdSparklePulse {

	0%,
	100% {
		transform: scale(0.9);
		opacity: 0.85;
	}

	50% {
		transform: scale(1.2);
		opacity: 1;
	}
}

.gd-promo-widget-gift-circle {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: linear-gradient(135deg, #FDE047 0%, #D97706 100%);
	color: #78350F;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(217, 119, 6, 0.45);
}

.gd-promo-widget-gift-circle svg {
	display: block;
}

/* Text block */
.gd-promo-widget-text {
	display: flex;
	flex-direction: column;
	text-align: left;
	line-height: 1.15;
	padding-right: 2px;
}

.gd-promo-widget-title {
	font-size: 0.78rem;
	font-weight: 800;
	color: #ffffff;
	letter-spacing: 0.04em;
	white-space: nowrap;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.gd-promo-widget-action {
	font-size: 0.66rem;
	font-weight: 800;
	color: #34D399;
	letter-spacing: 0.05em;
	display: inline-flex;
	align-items: center;
	gap: 2px;
	white-space: nowrap;
}

.gd-promo-widget-action svg {
	display: inline-block;
	transform: translateY(0.5px);
}

/* Grip dots (::) */
.gd-promo-widget-grip {
	display: grid;
	grid-template-columns: repeat(2, 3px);
	gap: 3px;
	padding-left: 2px;
	padding-right: 4px;
	opacity: 0.45;
	flex-shrink: 0;
}

.gd-promo-widget-grip span {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #ffffff;
}

/* Mobile responsive adjustments for widget */
@media (max-width: 480px) {
	.gd-promo-widget {
		right: 8px;
		padding: 4px 6px 4px 4px;
		gap: 5px;
	}

	.gd-promo-widget-gift-circle {
		width: 28px;
		height: 28px;
	}

	.gd-promo-widget-gift-circle svg {
		width: 14px;
		height: 14px;
	}

	.gd-promo-widget-title {
		font-size: 0.72rem;
	}

	.gd-promo-widget-action {
		font-size: 0.62rem;
	}
}


/* ==========================================================================
   Single Page Modern & Trendy Redesign (App & Article)
   ========================================================================== */

/* ---------- Article Body Tables ---------- */
.gd-table-responsive {
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch;
	margin: 28px 0 !important;
	border-radius: 14px !important;
	border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.12)) !important;
	background: var(--card-glass, rgba(255, 255, 255, 0.025)) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
}

.gd-table-responsive::-webkit-scrollbar {
	height: 6px;
}

.gd-table-responsive::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
	border-radius: 999px;
}

.gd-table-responsive::-webkit-scrollbar-thumb {
	background: rgba(22, 163, 74, 0.5);
	border-radius: 999px;
}

.gd-article-body table {
	display: table !important;
	width: 100% !important;
	min-width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	margin: 0 !important;
	font-size: 0.94rem;
	text-align: left;
	border: none !important;
	background: transparent !important;
}

/* Standalone fallback if table is not inside .gd-table-responsive */
.gd-article-body table:not(.gd-table-responsive table) {
	border-radius: 14px !important;
	overflow: hidden !important;
	border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.12)) !important;
	background: var(--card-glass, rgba(255, 255, 255, 0.03)) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
	margin: 28px 0 !important;
}

/* Table Headers (th, or thead td) */
.gd-article-body table th,
.gd-article-body table thead td {
	background: linear-gradient(135deg, rgba(22, 163, 74, 0.25) 0%, rgba(22, 163, 74, 0.10) 100%) !important;
	color: #34D399 !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-size: 0.84rem !important;
	padding: 16px 20px !important;
	border-bottom: 2px solid #16A34A !important;
	border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
}

.gd-article-body table th:last-child,
.gd-article-body table thead td:last-child {
	border-right: none !important;
}

/* Table Cells (td) */
.gd-article-body table td {
	padding: 14px 20px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
	color: var(--text-secondary, #cbd5e1) !important;
	line-height: 1.6 !important;
	vertical-align: middle !important;
}

.gd-article-body table td:last-child {
	border-right: none !important;
}

.gd-article-body table tr:last-child td {
	border-bottom: none !important;
}

/* First column prominence */
.gd-article-body table tbody td:first-child,
.gd-article-body table tr td:first-child {
	font-weight: 600 !important;
	color: #FFFFFF !important;
}

.gd-article-body table tbody tr,
.gd-article-body table tr {
	transition: background-color 0.18s ease;
}

.gd-article-body table tbody tr:nth-child(even),
.gd-article-body table tr:nth-child(even) {
	background: rgba(255, 255, 255, 0.022);
}

.gd-article-body table tbody tr:hover,
.gd-article-body table tr:hover {
	background: rgba(22, 163, 74, 0.09) !important;
}

/* On narrow mobile: ensure readable min-width so text does not squish */
@media (max-width: 600px) {
	.gd-article-body table {
		min-width: 440px !important;
	}

	.gd-article-body table th,
	.gd-article-body table td {
		padding: 12px 14px !important;
		font-size: 0.88rem !important;
	}
}

/* Light mode table styles */
:root[data-theme-mode="light"] .gd-table-responsive,
:root:not([data-theme-mode="dark"]) .gd-table-responsive,
:root[data-theme-mode="light"] .gd-article-body table:not(.gd-table-responsive table),
:root:not([data-theme-mode="dark"]) .gd-article-body table:not(.gd-table-responsive table) {
	border-color: #CBD5E1 !important;
	background: #FFFFFF !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}

:root[data-theme-mode="light"] .gd-article-body table th,
:root[data-theme-mode="light"] .gd-article-body table thead td,
:root:not([data-theme-mode="dark"]) .gd-article-body table th,
:root:not([data-theme-mode="dark"]) .gd-article-body table thead td {
	background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%) !important;
	color: #15803D !important;
	border-bottom: 2px solid #16A34A !important;
	border-right-color: #E2E8F0 !important;
}

:root[data-theme-mode="light"] .gd-article-body table td,
:root:not([data-theme-mode="dark"]) .gd-article-body table td {
	border-bottom-color: #E2E8F0 !important;
	border-right-color: #F1F5F9 !important;
	color: #475569 !important;
}

:root[data-theme-mode="light"] .gd-article-body table tbody td:first-child,
:root[data-theme-mode="light"] .gd-article-body table tr td:first-child,
:root:not([data-theme-mode="dark"]) .gd-article-body table tbody td:first-child,
:root:not([data-theme-mode="dark"]) .gd-article-body table tr td:first-child {
	color: #0F172A !important;
}

:root[data-theme-mode="light"] .gd-article-body table tbody tr:nth-child(even),
:root[data-theme-mode="light"] .gd-article-body table tr:nth-child(even),
:root:not([data-theme-mode="dark"]) .gd-article-body table tbody tr:nth-child(even),
:root:not([data-theme-mode="dark"]) .gd-article-body table tr:nth-child(even) {
	background: #F8FAFC !important;
}

:root[data-theme-mode="light"] .gd-article-body table tbody tr:hover,
:root[data-theme-mode="light"] .gd-article-body table tr:hover,
:root:not([data-theme-mode="dark"]) .gd-article-body table tbody tr:hover,
:root:not([data-theme-mode="dark"]) .gd-article-body table tr:hover {
	background: #F0FDF4 !important;
}

/* ---------- FAQ Accordions ---------- */
.gd-faq {
	margin: 36px 0 28px;
}

.gd-faq-title {
	font-size: 1.35rem;
	font-weight: 700;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.gd-accordion {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.gd-accordion-item {
	background: var(--card-glass, rgba(255, 255, 255, 0.03));
	border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.08));
	border-radius: 14px;
	overflow: hidden;
	transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.gd-accordion-item:hover {
	border-color: rgba(22, 163, 74, 0.35);
	background: var(--card-glass, rgba(255, 255, 255, 0.045));
}

.gd-accordion-item.is-open,
.gd-accordion-item:has(.gd-accordion-trigger[aria-expanded="true"]) {
	border-color: rgba(22, 163, 74, 0.55);
	background: rgba(22, 163, 74, 0.04);
	box-shadow: 0 6px 20px rgba(22, 163, 74, 0.09);
}

.gd-accordion-trigger {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: transparent;
	border: none;
	color: var(--text-primary, #ffffff);
	font-weight: 600;
	font-size: 0.98rem;
	line-height: 1.45;
	padding: 16px 20px;
	text-align: left;
	cursor: pointer;
	gap: 14px;
	transition: color 0.18s ease;
}

.gd-accordion-trigger:hover .gd-faq-q-text {
	color: #34D399;
}

.gd-accordion-trigger[aria-expanded="true"] .gd-faq-q-text {
	color: #34D399;
	font-weight: 700;
}

.gd-faq-q-text {
	flex: 1;
	transition: color 0.18s ease;
}

.gd-accordion-icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.07);
	color: var(--text-muted, #94a3b8);
	flex-shrink: 0;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.gd-accordion-trigger:hover .gd-accordion-icon {
	background: rgba(22, 163, 74, 0.2);
	color: #34D399;
}

.gd-accordion-trigger[aria-expanded="true"] .gd-accordion-icon {
	background: #16A34A;
	color: #FFFFFF;
	transform: rotate(45deg);
	box-shadow: 0 2px 10px rgba(22, 163, 74, 0.45);
}

.gd-accordion-panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.gd-accordion-inner {
	padding: 0 20px 18px 20px;
	color: var(--text-secondary, #cbd5e1);
	font-size: 0.94rem;
	line-height: 1.65;
	border-top: 1px dashed rgba(255, 255, 255, 0.07);
	margin-top: 2px;
	padding-top: 14px;
}

.gd-accordion-inner p:last-child {
	margin-bottom: 0;
}

/* Light mode FAQ */
:root[data-theme-mode="light"] .gd-accordion-item,
:root:not([data-theme-mode="dark"]) .gd-accordion-item {
	background: #FFFFFF;
	border-color: #E2E8F0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

:root[data-theme-mode="light"] .gd-accordion-item:hover,
:root:not([data-theme-mode="dark"]) .gd-accordion-item:hover {
	border-color: #86EFAC;
	background: #FAFAFA;
}

:root[data-theme-mode="light"] .gd-accordion-item.is-open,
:root[data-theme-mode="light"] .gd-accordion-item:has(.gd-accordion-trigger[aria-expanded="true"]),
:root:not([data-theme-mode="dark"]) .gd-accordion-item.is-open,
:root:not([data-theme-mode="dark"]) .gd-accordion-item:has(.gd-accordion-trigger[aria-expanded="true"]) {
	border-color: #16A34A;
	background: #F0FDF4;
	box-shadow: 0 4px 14px rgba(22, 163, 74, 0.1);
}

:root[data-theme-mode="light"] .gd-accordion-trigger,
:root:not([data-theme-mode="dark"]) .gd-accordion-trigger {
	color: #0F172A;
}

:root[data-theme-mode="light"] .gd-accordion-trigger:hover .gd-faq-q-text,
:root[data-theme-mode="light"] .gd-accordion-trigger[aria-expanded="true"] .gd-faq-q-text,
:root:not([data-theme-mode="dark"]) .gd-accordion-trigger:hover .gd-faq-q-text,
:root:not([data-theme-mode="dark"]) .gd-accordion-trigger[aria-expanded="true"] .gd-faq-q-text {
	color: #15803D;
}

:root[data-theme-mode="light"] .gd-accordion-icon,
:root:not([data-theme-mode="dark"]) .gd-accordion-icon {
	background: #F1F5F9;
	color: #64748B;
}

:root[data-theme-mode="light"] .gd-accordion-trigger[aria-expanded="true"] .gd-accordion-icon,
:root:not([data-theme-mode="dark"]) .gd-accordion-trigger[aria-expanded="true"] .gd-accordion-icon {
	background: #16A34A;
	color: #FFFFFF;
}

:root[data-theme-mode="light"] .gd-accordion-inner,
:root:not([data-theme-mode="dark"]) .gd-accordion-inner {
	color: #475569;
	border-top-color: #E2E8F0;
}

/* ---------- How to Claim Accordion ---------- */
.gd-howto {
	border-radius: 14px;
	padding: 0;
	margin: 22px 0;
	overflow: hidden;
	border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.08));
	background: var(--card-glass, rgba(255, 255, 255, 0.03));
	transition: border-color 0.2s ease;
}

.gd-howto.is-open,
.gd-howto:has(.gd-accordion-trigger[aria-expanded="true"]) {
	border-color: rgba(22, 163, 74, 0.5);
	background: rgba(22, 163, 74, 0.03);
}

.gd-howto-trigger {
	padding: 16px 20px;
	font-weight: 700;
	font-size: 1rem;
}

.gd-howto-title-wrap {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.gd-howto-title-wrap svg {
	color: #10B981;
	flex-shrink: 0;
}

/* ---------- App / Game Hero Redesign ---------- */
.gd-listing-hero {
	padding: 24px;
	border-radius: 18px;
	background: var(--card-glass, rgba(255, 255, 255, 0.03));
	border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.09));
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	backdrop-filter: blur(12px);
	margin-bottom: 24px;
}

.gd-listing-hero-top {
	display: flex;
	gap: 20px;
	align-items: center;
	margin-bottom: 22px;
}

.gd-listing-icon {
	width: 86px;
	height: 86px;
	border-radius: 20px;
	overflow: hidden;
	flex-shrink: 0;
	background: var(--bg-surface-2, rgba(255, 255, 255, 0.06));
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
	display: flex;
	align-items: center;
	justify-content: center;
}

.gd-listing-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gd-listing-badge-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
}

.gd-badge-verified {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(22, 163, 74, 0.18);
	color: #34D399;
	border: 1px solid rgba(22, 163, 74, 0.35);
}

.gd-listing-title {
	font-size: 1.7rem;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: var(--text-primary, #ffffff);
	margin: 0 0 4px 0;
	line-height: 1.25;
}

.gd-listing-subtitle {
	color: var(--text-muted, #94a3b8);
	font-size: 0.95rem;
	margin: 0;
}

.gd-listing-version {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 700;
	padding: 2px 7px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.08);
	color: var(--gold-text, #F59E0B);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Stats Grid & Box */
.gd-listing-stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(125px, 100%), 1fr));
	gap: 12px;
	margin-bottom: 20px;
}

.gd-stat-box {
	background: var(--bg-surface-2, rgba(255, 255, 255, 0.035));
	border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.07));
	border-radius: 12px;
	padding: 12px 10px;
	text-align: center;
	transition: all 0.2s ease;
}

.gd-stat-box:hover {
	transform: translateY(-2px);
	border-color: rgba(22, 163, 74, 0.35);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.gd-stat-label {
	display: block;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--text-muted, #94a3b8);
	margin-bottom: 5px;
}

.gd-stat-value {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-size: 0.98rem;
	font-weight: 700;
	color: var(--text-primary, #ffffff);
}

/* Bonus Callout */
.gd-listing-bonus-callout {
	display: flex;
	align-items: center;
	gap: 12px;
	background: linear-gradient(135deg, rgba(245, 158, 11, 0.14) 0%, rgba(22, 163, 74, 0.1) 100%);
	border: 1px solid rgba(245, 158, 11, 0.32);
	border-radius: 12px;
	padding: 14px 18px;
	margin-bottom: 20px;
	color: #FBBF24;
	font-size: 0.95rem;
}

.gd-bonus-icon {
	font-size: 1.4rem;
	flex-shrink: 0;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.gd-bonus-text strong {
	color: #FDE68A;
	margin-right: 4px;
}

.gd-bonus-text span {
	color: var(--text-primary, #ffffff);
}

/* Hero CTAs */
.gd-listing-ctas {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.gd-hero-cta {
	flex: 1 1 200px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 24px;
	border-radius: 999px;
	font-size: 1.02rem;
	font-weight: 700;
	background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #3b82f6 100%);
	color: #FFFFFF !important;
	box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
	transition: all 0.22s ease;
	text-decoration: none;
}

.gd-hero-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(37, 99, 235, 0.5);
	background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 50%, #2563eb 100%);
}

.gd-hero-tg {
	flex: 0 1 180px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 22px;
	border-radius: 999px;
	font-size: 1rem;
	font-weight: 700;
	background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%);
	color: #FFFFFF !important;
	box-shadow: 0 4px 16px rgba(14, 165, 233, 0.3);
	transition: all 0.22s ease;
	text-decoration: none;
}

.gd-hero-tg:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(14, 165, 233, 0.45);
}

/* About Description Card */
.gd-listing-description {
	padding: 20px 22px;
	border-radius: 14px;
	margin-bottom: 20px;
	border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.08));
	background: var(--card-glass, rgba(255, 255, 255, 0.03));
}

.gd-card-badge-title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--text-primary, #ffffff);
	margin-bottom: 10px;
}

.gd-card-badge-title svg {
	color: #10B981;
}

.gd-listing-description p {
	color: var(--text-secondary, #cbd5e1);
	line-height: 1.6;
	margin: 0;
}

/* Last updated badge */
.gd-last-updated-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.82rem;
	color: var(--text-muted, #94a3b8);
	background: var(--bg-surface-2, rgba(255, 255, 255, 0.04));
	border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.07));
	padding: 5px 12px;
	border-radius: 999px;
	margin: 18px 0;
}

.gd-last-updated-badge svg {
	color: #10B981;
}

/* ---------- Standard Article Layout Redesign ---------- */
.gd-article-hero {
	margin-bottom: 24px;
}

.gd-article-cats {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.gd-cat-badge {
	display: inline-block;
	font-size: 0.76rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 4px 12px;
	border-radius: 999px;
	background: rgba(22, 163, 74, 0.15);
	color: #34D399;
	border: 1px solid rgba(22, 163, 74, 0.3);
	text-decoration: none;
	transition: all 0.18s ease;
}

.gd-cat-badge:hover {
	background: #16A34A;
	color: #FFFFFF;
}

.gd-page-title {
	font-size: clamp(1.7rem, 3.5vw, 2.5rem);
	font-weight: 800;
	line-height: 1.25;
	color: var(--text-primary, #ffffff);
	margin: 10px 0 16px;
	letter-spacing: -0.015em;
}

.gd-article-meta-bar {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	color: var(--text-muted, #94a3b8);
	font-size: 0.88rem;
	margin-bottom: 20px;
}

.gd-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.gd-meta-item svg {
	color: #10B981;
}

.gd-meta-sep {
	opacity: 0.4;
}

.gd-article-thumb-large {
	border-radius: 16px;
	overflow: hidden;
	margin: 20px 0;
	border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.08));
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.gd-article-thumb-large img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.gd-inline-app-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 20px;
	margin: 22px 0;
	border-radius: 14px;
	border: 1px solid rgba(22, 163, 74, 0.35);
	background: linear-gradient(135deg, rgba(22, 163, 74, 0.12) 0%, rgba(22, 163, 74, 0.03) 100%);
}

.gd-inline-app-info {
	display: flex;
	align-items: center;
	gap: 12px;
}

.gd-inline-gift-icon {
	font-size: 1.8rem;
	flex-shrink: 0;
}

.gd-inline-title {
	font-weight: 700;
	color: var(--text-primary, #ffffff);
	font-size: 0.98rem;
}

.gd-inline-sub {
	font-size: 0.82rem;
	color: var(--text-secondary, #cbd5e1);
	margin-top: 2px;
}

/* ---------- Article Body Typography & Accents ---------- */
.gd-article-body h2 {
	font-size: 1.45rem;
	font-weight: 800;
	color: var(--text-primary, #ffffff);
	margin-top: 2.2em;
	margin-bottom: 0.8em;
	position: relative;
	padding-left: 16px;
	line-height: 1.35;
}

.gd-article-body h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12%;
	bottom: 12%;
	width: 4px;
	border-radius: 4px;
	background: linear-gradient(180deg, #16A34A 0%, #10B981 100%);
}

.gd-article-body h3 {
	font-size: 1.22rem;
	font-weight: 700;
	color: var(--text-primary, #ffffff);
	margin-top: 1.8em;
	margin-bottom: 0.6em;
	line-height: 1.4;
}

.gd-article-body p {
	color: var(--text-secondary, #cbd5e1);
	line-height: 1.75;
	font-size: 1rem;
	margin-bottom: 1.4em;
}

.gd-article-body blockquote {
	margin: 24px 0;
	padding: 16px 20px;
	border-left: 4px solid #16A34A;
	background: rgba(22, 163, 74, 0.05);
	border-radius: 0 12px 12px 0;
	color: var(--text-secondary, #cbd5e1);
	font-style: italic;
}

.gd-article-body ul,
.gd-article-body ol {
	padding-left: 1.4em;
	margin: 1.2em 0;
}

.gd-article-body li {
	color: var(--text-secondary, #cbd5e1);
	line-height: 1.65;
	margin: 0.45em 0;
}

.gd-article-body a {
	color: #38BDF8;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color 0.18s ease;
}

.gd-article-body a:hover {
	color: #7DD3FC;
}

/* Light mode overrides for single content */
:root[data-theme-mode="light"] .gd-listing-hero,
:root:not([data-theme-mode="dark"]) .gd-listing-hero {
	background: #FFFFFF;
	border-color: #E2E8F0;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05);
}

:root[data-theme-mode="light"] .gd-listing-icon,
:root:not([data-theme-mode="dark"]) .gd-listing-icon {
	background: #F8FAFC;
	border-color: #E2E8F0;
}

:root[data-theme-mode="light"] .gd-listing-title,
:root:not([data-theme-mode="dark"]) .gd-listing-title,
:root[data-theme-mode="light"] .gd-page-title,
:root:not([data-theme-mode="dark"]) .gd-page-title,
:root[data-theme-mode="light"] .gd-article-body h2,
:root:not([data-theme-mode="dark"]) .gd-article-body h2,
:root[data-theme-mode="light"] .gd-article-body h3,
:root:not([data-theme-mode="dark"]) .gd-article-body h3 {
	color: #0F172A;
}

:root[data-theme-mode="light"] .gd-stat-box,
:root:not([data-theme-mode="dark"]) .gd-stat-box {
	background: #F8FAFC;
	border-color: #E2E8F0;
}

:root[data-theme-mode="light"] .gd-stat-box:hover,
:root:not([data-theme-mode="dark"]) .gd-stat-box:hover {
	border-color: #86EFAC;
	background: #F0FDF4;
}

:root[data-theme-mode="light"] .gd-stat-value,
:root:not([data-theme-mode="dark"]) .gd-stat-value {
	color: #0F172A;
}

:root[data-theme-mode="light"] .gd-listing-bonus-callout,
:root:not([data-theme-mode="dark"]) .gd-listing-bonus-callout {
	background: #FFFBEB;
	border-color: #FCD34D;
	color: #B45309;
}

:root[data-theme-mode="light"] .gd-bonus-text span,
:root:not([data-theme-mode="dark"]) .gd-bonus-text span {
	color: #1E293B;
}

:root[data-theme-mode="light"] .gd-listing-description,
:root:not([data-theme-mode="dark"]) .gd-listing-description,
:root[data-theme-mode="light"] .gd-howto,
:root:not([data-theme-mode="dark"]) .gd-howto {
	background: #FFFFFF;
	border-color: #E2E8F0;
}

:root[data-theme-mode="light"] .gd-card-badge-title,
:root:not([data-theme-mode="dark"]) .gd-card-badge-title {
	color: #0F172A;
}

:root[data-theme-mode="light"] .gd-listing-description p,
:root:not([data-theme-mode="dark"]) .gd-listing-description p,
:root[data-theme-mode="light"] .gd-article-body p,
:root:not([data-theme-mode="dark"]) .gd-article-body p,
:root[data-theme-mode="light"] .gd-article-body li,
:root:not([data-theme-mode="dark"]) .gd-article-body li {
	color: #334155;
}

:root[data-theme-mode="light"] .gd-article-body blockquote,
:root:not([data-theme-mode="dark"]) .gd-article-body blockquote {
	background: #F0FDF4;
	border-left-color: #16A34A;
	color: #334155;
}

:root[data-theme-mode="light"] .gd-article-body a,
:root:not([data-theme-mode="dark"]) .gd-article-body a {
	color: #0284C7;
}

:root[data-theme-mode="light"] .gd-inline-app-header,
:root:not([data-theme-mode="dark"]) .gd-inline-app-header {
	background: #F0FDF4;
	border-color: #86EFAC;
}

:root[data-theme-mode="light"] .gd-inline-title,
:root:not([data-theme-mode="dark"]) .gd-inline-title {
	color: #0F172A;
}

:root[data-theme-mode="light"] .gd-inline-sub,
:root:not([data-theme-mode="dark"]) .gd-inline-sub {
	color: #475569;
}

:root[data-theme-mode="light"] .gd-last-updated-badge,
:root:not([data-theme-mode="dark"]) .gd-last-updated-badge {
	background: #F1F5F9;
	border-color: #E2E8F0;
	color: #64748B;
}

/* ---------- Mobile Responsive Refinements ---------- */
@media (max-width: 600px) {
	.gd-listing-hero {
		padding: 16px;
	}

	.gd-listing-hero-top {
		gap: 14px;
	}

	.gd-listing-icon {
		width: 64px;
		height: 64px;
		border-radius: 14px;
	}

	.gd-listing-title {
		font-size: 1.35rem;
	}

	.gd-listing-stats-grid {
		gap: 8px;
	}

	.gd-stat-box {
		padding: 8px 6px;
	}

	.gd-stat-label {
		font-size: 0.68rem;
	}

	.gd-stat-value {
		font-size: 0.88rem;
	}

	.gd-listing-ctas>.gd-btn {
		flex: 1 1 100%;
	}

	.gd-inline-app-header {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.gd-inline-app-header .gd-btn {
		text-align: center;
	}
}

/* ---------- Trendy Article Lists (ol, ul, dl) ---------- */
.gd-article-body ol {
	counter-reset: gd-ol-count;
	list-style: none !important;
	padding-left: 0 !important;
	margin: 22px 0 !important;
}

.gd-article-body ol>li {
	counter-increment: gd-ol-count;
	position: relative;
	padding-left: 44px !important;
	margin: 14px 0 !important;
	line-height: 1.7;
	color: var(--text-secondary, #cbd5e1);
}

.gd-article-body ol>li::before {
	content: counter(gd-ol-count);
	position: absolute;
	left: 0;
	top: 2px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: linear-gradient(135deg, #16A34A 0%, #10B981 100%);
	color: #FFFFFF;
	font-size: 0.78rem;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(22, 163, 74, 0.4);
	flex-shrink: 0;
}

.gd-article-body ul {
	list-style: none !important;
	padding-left: 0 !important;
	margin: 20px 0 !important;
}

.gd-article-body ul>li {
	position: relative;
	padding-left: 28px !important;
	margin: 12px 0 !important;
	line-height: 1.7;
	color: var(--text-secondary, #cbd5e1);
}

.gd-article-body ul>li::before {
	content: "";
	position: absolute;
	left: 6px;
	top: 10px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #10B981;
	box-shadow: 0 0 10px rgba(16, 185, 129, 0.7);
}

/* Nested lists */
.gd-article-body ol ol,
.gd-article-body ul ul,
.gd-article-body ol ul,
.gd-article-body ul ol {
	margin: 10px 0 10px 10px !important;
	padding-left: 0 !important;
}

/* Definition Lists (dl, dt, dd) */
.gd-article-body dl {
	margin: 24px 0 !important;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.gd-article-body dt {
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--text-primary, #ffffff);
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 8px;
}

.gd-article-body dt::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 2px;
	background: #16A34A;
	transform: rotate(45deg);
	flex-shrink: 0;
}

.gd-article-body dd {
	margin: 0 !important;
	padding: 14px 18px !important;
	background: var(--card-glass, rgba(255, 255, 255, 0.03)) !important;
	border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.07)) !important;
	border-left: 3px solid #16A34A !important;
	border-radius: 0 12px 12px 0;
	color: var(--text-secondary, #cbd5e1);
	line-height: 1.65;
}

/* Light mode lists */
:root[data-theme-mode="light"] .gd-article-body ol>li,
:root[data-theme-mode="light"] .gd-article-body ul>li,
:root:not([data-theme-mode="dark"]) .gd-article-body ol>li,
:root:not([data-theme-mode="dark"]) .gd-article-body ul>li {
	color: #334155;
}

:root[data-theme-mode="light"] .gd-article-body dt,
:root:not([data-theme-mode="dark"]) .gd-article-body dt {
	color: #0F172A;
}

:root[data-theme-mode="light"] .gd-article-body dd,
:root:not([data-theme-mode="dark"]) .gd-article-body dd {
	background: #F8FAFC !important;
	border-color: #E2E8F0 !important;
	border-left-color: #16A34A !important;
	color: #334155;
}

/* ---------- Category Card Under FAQ (.gd-silo-box) ---------- */
.gd-silo-box {
	margin: 36px 0 28px !important;
	padding: 24px !important;
	border-radius: 18px !important;
	border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.09)) !important;
	background: var(--card-glass, rgba(255, 255, 255, 0.03)) !important;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12) !important;
}

.gd-silo-header {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 20px;
}

.gd-silo-header-icon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: linear-gradient(135deg, rgba(22, 163, 74, 0.25) 0%, rgba(22, 163, 74, 0.1) 100%);
	border: 1px solid rgba(22, 163, 74, 0.35);
	color: #34D399;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.gd-silo-title {
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: var(--text-primary, #ffffff) !important;
	margin: 0 0 3px 0 !important;
}

.gd-silo-desc {
	font-size: 0.85rem !important;
	color: var(--text-muted, #94a3b8) !important;
	margin: 0 !important;
}

.gd-silo-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr));
	gap: 12px;
}

.gd-silo-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 18px;
	border-radius: 12px;
	background: var(--bg-surface-2, rgba(255, 255, 255, 0.035));
	border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.07));
	color: var(--text-primary, #ffffff);
	text-decoration: none !important;
	font-size: 0.92rem;
	font-weight: 600;
	transition: all 0.22s ease;
	gap: 10px;
}

.gd-silo-card:hover {
	transform: translateY(-2px);
	background: rgba(22, 163, 74, 0.08);
	border-color: rgba(22, 163, 74, 0.45);
	color: #34D399;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.gd-silo-card:hover .gd-silo-arrow {
	transform: translateX(4px);
	color: #34D399;
}

.gd-silo-card.is-active {
	background: linear-gradient(135deg, rgba(22, 163, 74, 0.25) 0%, rgba(22, 163, 74, 0.12) 100%);
	border-color: #16A34A;
	color: #FFFFFF;
	box-shadow: 0 4px 14px rgba(22, 163, 74, 0.25);
}

.gd-silo-name {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gd-silo-count {
	font-size: 0.72rem;
	font-weight: 700;
	padding: 2px 7px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: var(--text-muted, #94a3b8);
}

.gd-silo-card.is-active .gd-silo-count {
	background: #16A34A;
	color: #FFFFFF;
}

.gd-silo-arrow {
	font-size: 1rem;
	color: var(--text-muted, #94a3b8);
	transition: transform 0.18s ease, color 0.18s ease;
}

/* Light mode category card */
:root[data-theme-mode="light"] .gd-silo-box,
:root:not([data-theme-mode="dark"]) .gd-silo-box {
	background: #FFFFFF !important;
	border-color: #E2E8F0 !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04) !important;
}

:root[data-theme-mode="light"] .gd-silo-header-icon,
:root:not([data-theme-mode="dark"]) .gd-silo-header-icon {
	background: #F0FDF4;
	border-color: #86EFAC;
	color: #16A34A;
}

:root[data-theme-mode="light"] .gd-silo-title,
:root:not([data-theme-mode="dark"]) .gd-silo-title {
	color: #0F172A !important;
}

:root[data-theme-mode="light"] .gd-silo-desc,
:root:not([data-theme-mode="dark"]) .gd-silo-desc {
	color: #64748B !important;
}

:root[data-theme-mode="light"] .gd-silo-card,
:root:not([data-theme-mode="dark"]) .gd-silo-card {
	background: #F8FAFC;
	border-color: #E2E8F0;
	color: #1E293B;
}

:root[data-theme-mode="light"] .gd-silo-card:hover,
:root:not([data-theme-mode="dark"]) .gd-silo-card:hover {
	background: #F0FDF4;
	border-color: #16A34A;
	color: #15803D;
	box-shadow: 0 4px 14px rgba(22, 163, 74, 0.1);
}

:root[data-theme-mode="light"] .gd-silo-card.is-active,
:root:not([data-theme-mode="dark"]) .gd-silo-card.is-active {
	background: #16A34A;
	border-color: #16A34A;
	color: #FFFFFF;
}

:root[data-theme-mode="light"] .gd-silo-card.is-active .gd-silo-arrow,
:root:not([data-theme-mode="dark"]) .gd-silo-card.is-active .gd-silo-arrow {
	color: #FFFFFF;
}

/* ==========================================================================
   Modern App Hero & Similar Applications (Full Width Layout)
   ========================================================================== */

.gd-single-layout {
	display: block !important;
	max-width: 980px !important;
	margin: 16px auto 36px !important;
}

.gd-single-main {
	width: 100% !important;
}

.gd-single-sidebar {
	display: none !important;
}

/* Breadcrumbs compact spacing */
.gd-breadcrumbs ol {
	margin: 8px 0 16px !important;
}

/* Badges HOT / NEW / Verified */
.gd-pill-badge {
	font-size: 0.65rem;
	font-weight: 800;
	padding: 2px 7px;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	line-height: 1.2;
}

.gd-badge-hot {
	background: #EF4444;
	color: #FFFFFF;
}

.gd-badge-new {
	background: #10B981;
	color: #FFFFFF;
}

.gd-badge-verified {
	color: #34D399 !important;
	font-size: 0.74rem !important;
	font-weight: 700 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

/* Single-row Stats Bar (1 line on mobile & desktop) */
.gd-hero-stats-bar {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	align-items: center !important;
	text-align: center !important;
	padding: 16px 8px !important;
	margin: 20px 0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	gap: 6px !important;
}

.gd-hero-stat-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.gd-hero-stat-val {
	font-size: 1.08rem;
	font-weight: 800;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	line-height: 1.2;
}

.gd-stat-star {
	color: #F59E0B;
	font-size: 0.95rem;
}

.gd-stat-cat-pill {
	background: rgba(59, 130, 246, 0.18);
	color: #60A5FA;
	border: 1px solid rgba(59, 130, 246, 0.35);
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 0.74rem;
	font-weight: 700;
	white-space: nowrap;
	max-width: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gd-hero-stat-lbl {
	font-size: 0.68rem;
	font-weight: 700;
	color: var(--text-muted, #94a3b8);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* CTAs in Hero */
.gd-hero-cta {
	flex: 1 1 200px;
	background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
	color: #FFFFFF !important;
	border-radius: 999px;
	font-size: 1.05rem;
	font-weight: 800;
	padding: 14px 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-shadow: 0 4px 18px rgba(16, 185, 129, 0.35);
	text-decoration: none;
	transition: all 0.22s ease;
}

.gd-hero-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 26px rgba(16, 185, 129, 0.5);
	background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
}

.gd-hero-tg {
	flex: 0 1 auto;
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	color: #FFFFFF !important;
	border-radius: 999px;
	font-size: 0.95rem;
	font-weight: 700;
	padding: 14px 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	text-decoration: none;
	transition: all 0.22s ease;
}

.gd-hero-tg:hover {
	transform: translateY(-2px);
	background: rgba(14, 165, 233, 0.25) !important;
	border-color: rgba(14, 165, 233, 0.5) !important;
	box-shadow: 0 4px 16px rgba(14, 165, 233, 0.3);
}

/* Similar Applications Section */
.gd-similar-section {
	margin: 28px 0 !important;
	padding: 22px !important;
	border-radius: 18px !important;
	border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.09)) !important;
	background: var(--card-glass, rgba(255, 255, 255, 0.03)) !important;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12) !important;
}

.gd-similar-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.gd-similar-title-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

.gd-similar-title {
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: #FFFFFF !important;
	margin: 0 !important;
}

.gd-similar-cat-pill {
	font-size: 0.74rem;
	font-weight: 700;
	background: rgba(59, 130, 246, 0.2);
	color: #60A5FA;
	padding: 3px 10px;
	border-radius: 999px;
	border: 1px solid rgba(59, 130, 246, 0.3);
}

.gd-similar-view-all {
	font-size: 0.82rem;
	font-weight: 700;
	color: #E2E8F0;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	padding: 6px 14px;
	border-radius: 999px;
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.2s ease;
}

.gd-similar-view-all:hover {
	background: rgba(22, 163, 74, 0.2);
	color: #34D399;
	border-color: rgba(22, 163, 74, 0.4);
}

/* 8 columns grid on desktop, responsive down to 4 on mobile */
.gd-similar-grid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 14px;
}

@media (max-width: 900px) {
	.gd-similar-grid {
		grid-template-columns: repeat(6, 1fr);
		gap: 12px;
	}
}

@media (max-width: 600px) {
	.gd-similar-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 10px;
	}
}

.gd-similar-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-decoration: none !important;
	transition: transform 0.2s ease;
}

.gd-similar-card:hover {
	transform: translateY(-4px);
}

.gd-similar-icon-box {
	width: 72px;
	height: 72px;
	border-radius: 18px;
	overflow: hidden;
	position: relative;
	background: #0f172a;
	border: 2px solid rgba(22, 163, 74, 0.35);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 600px) {
	.gd-similar-icon-box {
		width: 62px;
		height: 62px;
		border-radius: 14px;
	}
}

.gd-similar-icon-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gd-similar-badge {
	position: absolute;
	top: 2px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0.54rem;
	font-weight: 800;
	padding: 1px 5px;
	border-radius: 3px;
	text-transform: uppercase;
	z-index: 2;
	line-height: 1.2;
}

.gd-similar-badge.gd-badge-hot {
	background: #EF4444;
	color: #FFFFFF;
}

.gd-similar-badge.gd-badge-new {
	background: #10B981;
	color: #FFFFFF;
}

.gd-similar-name {
	margin-top: 6px;
	font-size: 0.72rem;
	font-weight: 700;
	color: #E2E8F0;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.25;
}

.gd-similar-card:hover .gd-similar-name {
	color: #34D399;
}

/* Light mode adjustments */
:root[data-theme-mode="light"] .gd-hero-stats-bar,
:root:not([data-theme-mode="dark"]) .gd-hero-stats-bar {
	border-color: #E2E8F0 !important;
}

:root[data-theme-mode="light"] .gd-hero-stat-val,
:root:not([data-theme-mode="dark"]) .gd-hero-stat-val,
:root[data-theme-mode="light"] .gd-similar-title,
:root:not([data-theme-mode="dark"]) .gd-similar-title {
	color: #0F172A !important;
}

:root[data-theme-mode="light"] .gd-similar-section,
:root:not([data-theme-mode="dark"]) .gd-similar-section {
	background: #FFFFFF !important;
	border-color: #E2E8F0 !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
}

:root[data-theme-mode="light"] .gd-similar-view-all,
:root:not([data-theme-mode="dark"]) .gd-similar-view-all {
	background: #F1F5F9;
	color: #334155;
	border-color: #E2E8F0;
}

:root[data-theme-mode="light"] .gd-similar-name,
:root:not([data-theme-mode="dark"]) .gd-similar-name {
	color: #334155;
}

:root[data-theme-mode="light"] .gd-similar-icon-box,
:root:not([data-theme-mode="dark"]) .gd-similar-icon-box {
	background: #F8FAFC;
	border-color: #86EFAC;
}

:root[data-theme-mode="light"] .gd-hero-tg,
:root:not([data-theme-mode="dark"]) .gd-hero-tg {
	background: #F1F5F9 !important;
	border-color: #CBD5E1 !important;
	color: #0F172A !important;
}


/* ==========================================================================
   Header Position & Spacing Fixes
   ========================================================================== */

/* Fix WordPress admin bar: override html margin-top injected by WP */
html.admin-bar {
	margin-top: 0 !important;
}

html {
	margin-top: 0 !important;
}

html body,
body.admin-bar,
body {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

#wpadminbar {
	position: fixed !important;
}

/* Old gd-header is hidden - new gd-navbar is used */
.gd-header {
	display: none !important;
}

.gd-skip-link:not(:focus) {
	display: none !important;
}

noscript {
	display: none !important;
}

/* Fix Single Page Hero Header not pushed down */
.gd-single-layout {
	margin-top: 10px !important;
}

.gd-single-listing .gd-listing-hero {
	margin-top: 0 !important;
}

.gd-listing-hero-top {
	flex-wrap: nowrap !important;
	align-items: center !important;
}

.gd-listing-heading {
	flex: 1 !important;
	min-width: 0 !important;
}


/* ==========================================================================
   Brand New Modern Header (.gd-navbar)
   ========================================================================== */

.gd-navbar {
	position: sticky !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border-top: none !important;
	z-index: 9999 !important;
	background: rgba(11, 14, 20, 0.85);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

:root[data-theme-mode="light"] .gd-navbar,
html[data-theme-mode="light"] .gd-navbar,
:root:not([data-theme-mode="dark"]) .gd-navbar {
	background: linear-gradient(135deg, #15803D 0%, #0F5128 100%) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
	box-shadow: 0 4px 22px rgba(15, 81, 40, 0.22) !important;
}

body.admin-bar .gd-navbar,
html body.admin-bar .gd-navbar {
	top: 0 !important;
	margin-top: 0 !important;
}

@media screen and (max-width: 782px) {

	body.admin-bar .gd-navbar,
	html body.admin-bar .gd-navbar {
		top: 0 !important;
		margin-top: 0 !important;
	}
}

.gd-navbar-container {
	max-width: var(--container-w, 1200px);
	margin: 0 auto;
	padding: 10px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.gd-navbar-brand {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.gd-navbar-brand a {
	display: inline-flex;
	align-items: center;
	text-decoration: none !important;
}

.gd-navbar-brand img {
	max-height: 42px;
	width: auto;
	object-fit: contain;
	transition: transform 0.2s ease;
}

.gd-navbar-brand:hover img {
	transform: scale(1.03);
}

.gd-navbar-title {
	font-size: 1.35rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #FFFFFF !important;
}

.gd-navbar-nav {
	display: flex;
	align-items: center;
	flex: 1;
	justify-content: center;
}

@media (max-width: 860px) {
	.gd-navbar-nav {
		display: none !important;
	}
}

.gd-nav-menu {
	display: flex;
	align-items: center;
	gap: 6px;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.gd-nav-menu li {
	margin: 0 !important;
	padding: 0 !important;
}

.gd-nav-menu li a {
	display: inline-flex;
	align-items: center;
	padding: 7px 16px;
	border-radius: 999px;
	font-size: 0.88rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: rgba(255, 255, 255, 0.92) !important;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.gd-nav-menu li a:hover,
.gd-nav-menu li.current-menu-item a {
	color: #FFFFFF !important;
	background: rgba(255, 255, 255, 0.18);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.gd-navbar-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.gd-nav-toggle-btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.22);
	color: #FFFFFF;
	cursor: pointer;
	transition: all 0.2s ease;
}

.gd-nav-toggle-btn:hover {
	background: rgba(255, 255, 255, 0.25);
	transform: rotate(20deg) scale(1.05);
}

.gd-nav-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 9px 20px;
	border-radius: 999px;
	font-size: 0.86rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #0F5128 !important;
	background: #FFFFFF !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.gd-nav-cta-btn:hover {
	background: #F0FDF4 !important;
	color: #0A381B !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22) !important;
}

.gd-nav-cta-btn svg {
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.gd-nav-cta-btn:hover svg {
	transform: translateY(2px);
}

:root[data-theme-mode="dark"] .gd-nav-cta-btn,
:root:not([data-theme-mode="light"]):not([data-theme-mode="auto"]) .gd-nav-cta-btn {
	background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
	color: #FFFFFF !important;
	box-shadow: 0 4px 16px rgba(16, 185, 129, 0.35) !important;
}

:root[data-theme-mode="dark"] .gd-nav-cta-btn:hover {
	filter: brightness(1.1);
	box-shadow: 0 6px 22px rgba(16, 185, 129, 0.5) !important;
}

.gd-nav-menu-btn {
	display: none;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.22);
	color: #FFFFFF;
	cursor: pointer;
	transition: all 0.2s ease;
}

@media (max-width: 860px) {
	.gd-nav-menu-btn {
		display: inline-flex !important;
	}
}

.gd-nav-menu-btn:hover {
	background: rgba(255, 255, 255, 0.25);
}

.gd-header {
	display: none !important;
}


/* ==========================================================================
   Brand New Modern Header (.gd-navbar)
   ========================================================================== */

.gd-navbar {
	position: sticky !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border-top: none !important;
	z-index: 9999 !important;
	background: rgba(11, 14, 20, 0.85);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

:root[data-theme-mode="light"] .gd-navbar,
html[data-theme-mode="light"] .gd-navbar,
:root:not([data-theme-mode="dark"]) .gd-navbar {
	background: linear-gradient(135deg, #15803D 0%, #0F5128 100%) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
	box-shadow: 0 4px 22px rgba(15, 81, 40, 0.22) !important;
}

body.admin-bar .gd-navbar,
html body.admin-bar .gd-navbar {
	top: 0 !important;
	margin-top: 0 !important;
}

@media screen and (max-width: 782px) {

	body.admin-bar .gd-navbar,
	html body.admin-bar .gd-navbar {
		top: 0 !important;
		margin-top: 0 !important;
	}
}

.gd-navbar-container {
	max-width: var(--container-w, 1200px);
	margin: 0 auto;
	padding: 10px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.gd-navbar-brand {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.gd-navbar-brand a {
	display: inline-flex;
	align-items: center;
	text-decoration: none !important;
}

.gd-navbar-brand img {
	max-height: 42px;
	width: auto;
	object-fit: contain;
	transition: transform 0.2s ease;
}

.gd-navbar-brand:hover img {
	transform: scale(1.03);
}

.gd-navbar-title {
	font-size: 1.35rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #FFFFFF !important;
}

.gd-navbar-nav {
	display: flex;
	align-items: center;
	flex: 1;
	justify-content: center;
}

@media (max-width: 860px) {
	.gd-navbar-nav {
		display: none !important;
	}
}

.gd-nav-menu {
	display: flex;
	align-items: center;
	gap: 6px;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.gd-nav-menu li {
	margin: 0 !important;
	padding: 0 !important;
}

.gd-nav-menu li a {
	display: inline-flex;
	align-items: center;
	padding: 7px 16px;
	border-radius: 999px;
	font-size: 0.88rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: rgba(255, 255, 255, 0.92) !important;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.gd-nav-menu li a:hover,
.gd-nav-menu li.current-menu-item a {
	color: #FFFFFF !important;
	background: rgba(255, 255, 255, 0.18);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.gd-navbar-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.gd-nav-toggle-btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.22);
	color: #FFFFFF;
	cursor: pointer;
	transition: all 0.2s ease;
}

.gd-nav-toggle-btn:hover {
	background: rgba(255, 255, 255, 0.25);
	transform: rotate(20deg) scale(1.05);
}

.gd-nav-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 9px 20px;
	border-radius: 999px;
	font-size: 0.86rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #0F5128 !important;
	background: #FFFFFF !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.gd-nav-cta-btn:hover {
	background: #F0FDF4 !important;
	color: #0A381B !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22) !important;
}

.gd-nav-cta-btn svg {
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.gd-nav-cta-btn:hover svg {
	transform: translateY(2px);
}

:root[data-theme-mode="dark"] .gd-nav-cta-btn,
:root:not([data-theme-mode="light"]):not([data-theme-mode="auto"]) .gd-nav-cta-btn {
	background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
	color: #FFFFFF !important;
	box-shadow: 0 4px 16px rgba(16, 185, 129, 0.35) !important;
}

:root[data-theme-mode="dark"] .gd-nav-cta-btn:hover {
	filter: brightness(1.1);
	box-shadow: 0 6px 22px rgba(16, 185, 129, 0.5) !important;
}

.gd-nav-menu-btn {
	display: none;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.22);
	color: #FFFFFF;
	cursor: pointer;
	transition: all 0.2s ease;
}

@media (max-width: 860px) {
	.gd-nav-menu-btn {
		display: inline-flex !important;
	}
}

.gd-nav-menu-btn:hover {
	background: rgba(255, 255, 255, 0.25);
}

.gd-header {
	display: none !important;
}


/* Navbar True Center & Menu Items Center-Aligned */
@media (min-width: 861px) {
	.gd-navbar-container {
		display: grid !important;
		grid-template-columns: minmax(auto, 1fr) auto minmax(auto, 1fr) !important;
		align-items: center !important;
		gap: 16px !important;
	}

	.gd-navbar-brand {
		justify-self: start !important;
	}

	.gd-navbar-nav {
		justify-self: center !important;
		text-align: center !important;
		width: 100% !important;
	}

	.gd-navbar-actions {
		justify-self: end !important;
	}
}

.gd-nav-menu {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	text-align: center !important;
}

.gd-nav-menu li {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}

.gd-nav-menu li a {
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	line-height: 1.25 !important;
}