/* BassBet-HU varnish-21.css
   TYPO-05 / SPACE-03 / CONT-06 / BP-02 / GEO-03 / MOTION-05 / NAME-07
   Container 1360px. STICKY-01 fixed-top. HEAD-05 drawer-only. */

:root {
	/* Colors */
	--color-primary: #021c68;
	--color-accent: #20dbfe;
	--color-bg: #001e53;
	--color-accent-pressed: #00cff3;
	--color-gradient-light: #07ff5c;
	--color-gradient-mid: #02f6ff;
	--color-text: #ffffff;
	--color-text-muted: #bdbdbd;
	--color-border: rgba(255, 255, 255, 0.12);
	--color-surface: #062a6e;
	--color-surface-2: #093076;

	/* Typography TYPO-05 */
	--font-display: "Montserrat", Arial, sans-serif;
	--font-body: Arial, "Helvetica Neue", sans-serif;
	--fs-micro: 12px;
	--fs-small: 14px;
	--fs-body: 16px;
	--fs-h3: 20px;
	--fs-h2: 28px;
	--fs-h1: 40px;
	--fs-hero: 52px;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--lh-tight: 1.2;
	--lh-normal: 1.55;
	--lh-loose: 1.7;
	--ls-wide: 0.06em;

	/* Spacing SPACE-03 */
	--space-3xs: 4px;
	--space-2xs: 8px;
	--space-xs: 12px;
	--space-sm: 16px;
	--space-md: 24px;
	--space-lg: 36px;
	--space-xl: 56px;
	--space-2xl: 84px;
	--space-3xl: 120px;

	/* Container CONT-06 */
	--container-site: 1360px;
	--container-padding-desktop: 32px;
	--container-padding-mobile: 20px;

	/* Geometry GEO-03 */
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 16px;
	--radius-pill: 999px;

	/* Header height for STICKY-01 */
	--header-h: 64px;

	/* Motion */
	--transition-default: 0.25s ease;
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font-family: var(--font-body);
	font-size: var(--fs-body);
	line-height: var(--lh-normal);
	color: var(--color-text);
	background: var(--color-bg);
	padding-top: var(--header-h); /* STICKY-01 fixed-top */
}
img { display: block; max-width: 100%; height: auto; }
button { font-family: inherit; cursor: pointer; }
h1, h2, h3, h4 { font-family: var(--font-display); font-weight: var(--fw-bold); line-height: var(--lh-tight); margin: 0; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
a { color: var(--color-accent); text-decoration: none; transition: color var(--transition-default); }
a:hover { color: var(--color-accent-pressed); }

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: var(--color-text);
	color: var(--color-bg);
	padding: var(--space-sm);
	z-index: 1000;
}
.skip-link:focus { left: 0; color: var(--color-bg); }

.main { display: block; }

/* ============ HEADER HEAD-05 + STICKY-01 ============ */
.y25 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: var(--color-bg);
	border-bottom: 1px solid var(--color-border);
}
.y25-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
	height: var(--header-h);
}
.y25-logo { display: inline-flex; align-items: center; color: var(--color-text); }
.y25-logo:hover { color: var(--color-text); }
.y25-logo img { height: 40px; width: auto; }
.y25-menubtn {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2xs);
	padding: var(--space-2xs) var(--space-md);
	background: transparent;
	color: var(--color-text);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-pill);
	font-family: var(--font-body);
	font-size: var(--fs-small);
	font-weight: var(--fw-medium);
	letter-spacing: var(--ls-wide);
	text-transform: uppercase;
	transition: color var(--transition-default), background var(--transition-default), border-color var(--transition-default);
}
.y25-menubtn:hover {
	color: var(--color-bg);
	background: var(--color-accent);
	border-color: var(--color-accent);
}

/* Drawer (sibling of header — avoids A-15) */
.y25-drawer {
	position: fixed;
	top: 0;
	right: 0;
	width: 360px;
	height: 100dvh;
	background: var(--color-primary);
	color: var(--color-text);
	transform: translateX(100%);
	visibility: hidden;
	transition: transform var(--transition-default), visibility var(--transition-default);
	z-index: 200;
	overflow-y: auto;
}
.y25-drawer.is-open {
	transform: translateX(0);
	visibility: visible;
}
.y25-drawer-inner {
	display: flex;
	flex-direction: column;
	padding: var(--space-lg) var(--space-md);
	gap: var(--space-md);
}
.y25-close {
	align-self: flex-end;
	background: transparent;
	border: 0;
	color: var(--color-text);
	font-size: 32px;
	line-height: 1;
	padding: var(--space-2xs);
}
.y25-close:hover { color: var(--color-accent); }
.y25-nav { display: block; }
.y25-list {
	display: flex;
	flex-direction: column;
	gap: 0; /* A-19: border-only pattern */
}
.y25-list-item { display: block; }
.y25-link {
	display: block;
	padding: var(--space-md);
	color: var(--color-text);
	font-family: var(--font-display);
	font-size: var(--fs-h3);
	font-weight: var(--fw-medium);
	border-bottom: 1px solid var(--color-border);
}
.y25-list-item:last-child .y25-link { border-bottom: 0; }
.y25-link:hover { color: var(--color-accent); }
body[data-current="/"] .y25-link[data-nav="/"],
body[data-current="/bonusz/"] .y25-link[data-nav="/bonusz/"],
body[data-current="/letoltes/"] .y25-link[data-nav="/letoltes/"],
body[data-current="/withdrawals/"] .y25-link[data-nav="/withdrawals/"],
body[data-current="/bonuszkod/"] .y25-link[data-nav="/bonuszkod/"],
body[data-current="/login/"] .y25-link[data-nav="/login/"],
body[data-current="/bet/"] .y25-link[data-nav="/bet/"],
body[data-current="/reviewer/"] .y25-link[data-nav="/reviewer/"],
body[data-current="/support/"] .y25-link[data-nav="/support/"] {
	color: var(--color-accent);
}

@media (max-width: 600px) {
	.y25-drawer { width: 100vw; }
	.y25-inner { padding-inline: var(--container-padding-mobile); }
}

/* ============ BREADCRUMBS BREAD-02 ============ */
.c12 { padding-block: var(--space-md) 0; }
.c12-inner {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.c12-list { display: flex; flex-wrap: wrap; gap: var(--space-2xs); align-items: center; font-size: var(--fs-small); color: var(--color-text-muted); }
.c12-item { display: inline-flex; align-items: center; }
.c12-item + .c12-item::before { content: "›"; margin-right: var(--space-2xs); color: var(--color-text-muted); }
.c12-link { color: var(--color-text-muted); }
.c12-link:hover { color: var(--color-accent); }
.c12-item-current { color: var(--color-text); }

/* ============ HERO HERO-01 ============ */
.t67 {
	padding-block: var(--space-xl);
	background: linear-gradient(135deg, var(--color-bg) 0%, var(--color-primary) 100%);
}
.t67-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-xl);
	align-items: center;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.t67-content { display: flex; flex-direction: column; gap: var(--space-md); }
.t67-title {
	font-size: var(--fs-hero);
	color: var(--color-text);
}
.t67-subtitle {
	font-size: var(--fs-h3);
	color: var(--color-text-muted);
	max-width: 600px;
	line-height: var(--lh-loose);
}
.t67-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	padding: var(--space-sm) var(--space-lg);
	background: var(--color-accent);
	color: var(--color-bg);
	border-radius: var(--radius-pill);
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	font-size: var(--fs-body);
}
.t67-cta:hover { background: var(--color-accent-pressed); color: var(--color-bg); }
.t67-media { display: flex; justify-content: center; }
.t67-image {
	width: 100%;
	max-width: 560px;
	height: auto;
	border-radius: var(--radius-lg);
}

@media (max-width: 900px) {
	.t67 { padding-block: var(--space-xl) var(--space-lg); }
	.t67-inner { grid-template-columns: 1fr; }
	.t67-title { font-size: 38px; }
}

/* ============ PAGE HEADER PHEAD-02 ============ */
.w13 {
	padding-block: var(--space-xl);
	background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-bg) 100%);
	border-bottom: 1px solid var(--color-border);
}
.w13-inner {
	display: block;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.w13-title {
	font-size: var(--fs-h1);
	color: var(--color-text);
	margin-bottom: var(--space-md);
}
.w13-subtitle {
	font-size: var(--fs-h3);
	color: var(--color-text-muted);
	line-height: var(--lh-loose);
}

/* ============ ITEMS GRID GRID-03 ============ */
.k65 { padding-block: var(--space-lg); }
.k65-inner {
	display: block;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.k65-heading { font-size: var(--fs-h2); color: var(--color-text); margin-bottom: var(--space-lg); }
.k65-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: var(--space-md);
}
.k65-card {
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	padding: var(--space-md);
	display: flex;
	flex-direction: column;
	gap: var(--space-sm);
}
.k65-card-title { font-size: var(--fs-h3); color: var(--color-accent); }
.k65-card-text { color: var(--color-text-muted); line-height: var(--lh-loose); }

/* ============ FAQ FAQ-09 ============ */
.o45 { padding-block: var(--space-lg); }
.o45-inner {
	display: block;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.o45-heading { font-size: var(--fs-h2); color: var(--color-text); margin-bottom: var(--space-lg); }
.o45-list { display: flex; flex-direction: column; gap: var(--space-sm); }
.o45-item {
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	padding: var(--space-md);
}
.o45-question {
	cursor: pointer;
	font-family: var(--font-display);
	font-size: var(--fs-h3);
	font-weight: var(--fw-semibold);
	color: var(--color-text);
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--space-md);
}
.o45-question::-webkit-details-marker { display: none; }
.o45-question::after { content: "+"; color: var(--color-accent); font-size: 24px; }
.o45-item[open] .o45-question::after { content: "–"; }
.o45-answer {
	margin-top: var(--space-sm);
	color: var(--color-text-muted);
	line-height: var(--lh-loose);
}

/* ============ REVIEWS REV-02 ============ */
.m10 { padding-block: var(--space-lg); }
.m10-inner {
	display: block;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.m10-heading { font-size: var(--fs-h2); color: var(--color-text); margin-bottom: var(--space-lg); }
.m10-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: var(--space-md);
}
.m10-card {
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	padding: var(--space-md);
	display: flex;
	flex-direction: column;
	gap: var(--space-sm);
}
.m10-card-head { display: flex; justify-content: space-between; align-items: center; gap: var(--space-sm); }
.m10-author { font-weight: var(--fw-semibold); color: var(--color-text); }
.m10-rating { color: var(--color-accent); font-weight: var(--fw-semibold); }
.m10-text { color: var(--color-text-muted); line-height: var(--lh-loose); }

/* ============ CTA BLOCK CTA-07 ============ */
.i64 { padding-block: var(--space-lg); }
.i64-inner {
	display: block;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.i64-card {
	padding: var(--space-xl) var(--space-lg);
	background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-surface-2) 100%);
	border: 1px solid var(--color-accent);
	border-radius: var(--radius-lg);
	display: flex;
	flex-direction: column;
	gap: var(--space-md);
	align-items: flex-start;
}
.i64-title { font-size: var(--fs-h2); color: var(--color-text); }
.i64-text { color: var(--color-text-muted); line-height: var(--lh-loose); max-width: 720px; }
.i64-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--space-sm) var(--space-lg);
	background: var(--color-accent);
	color: var(--color-bg);
	border-radius: var(--radius-pill);
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
}
.i64-btn:hover { background: var(--color-accent-pressed); color: var(--color-bg); }

/* ============ PROSE PROSE-06 ============ */
.l53 { padding-block: var(--space-lg); }
.l53-inner {
	display: block;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.l53-body { color: var(--color-text-muted); line-height: var(--lh-loose); }
.l53-body h2 {
	font-size: var(--fs-h2);
	color: var(--color-text);
	margin-block: var(--space-xl) var(--space-md);
}
.l53-body h2:first-child { margin-block-start: 0; }
.l53-body h3 {
	font-size: var(--fs-h3);
	color: var(--color-text);
	margin-block: var(--space-lg) var(--space-sm);
}
.l53-body p { margin-block: var(--space-sm); }
.l53-body strong { color: var(--color-text); }
.l53-body a { color: var(--color-accent); border-bottom: 1px solid var(--color-accent); }
.l53-body a:hover { color: var(--color-accent-pressed); border-bottom-color: var(--color-accent-pressed); }

/* ============ DATA TABLE TABLE-06 ============ */
.v50 { padding-block: var(--space-lg); }
.v50-inner {
	display: block;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.v50-scroll { overflow-x: auto; border-radius: var(--radius-md); border: 1px solid var(--color-border); }
.v50-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--color-surface);
	color: var(--color-text);
}
.v50-table th, .v50-table td {
	padding: var(--space-sm) var(--space-md);
	text-align: left;
	border-bottom: 1px solid var(--color-border);
}
.v50-table th {
	background: var(--color-surface-2);
	color: var(--color-accent);
	font-weight: var(--fw-semibold);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
	font-size: var(--fs-small);
}
.v50-table tbody tr:last-child td { border-bottom: 0; }
.v50-table td { color: var(--color-text-muted); }

/* ============ LEGAL LEGAL-02 ============ */
.l15 { padding-block: var(--space-lg); }
.l15-inner {
	display: block;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.l15-body { display: flex; flex-direction: column; gap: var(--space-lg); }
.l15-section { display: flex; flex-direction: column; gap: var(--space-sm); }
.l15-section-heading { font-size: var(--fs-h2); color: var(--color-text); }
.l15-section p { color: var(--color-text-muted); line-height: var(--lh-loose); }
.l15-list { display: flex; flex-direction: column; gap: var(--space-2xs); }
.l15-list li { color: var(--color-text-muted); line-height: var(--lh-loose); }
.l15-disclaimer {
	padding: var(--space-md);
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-left: 3px solid var(--color-accent);
	border-radius: var(--radius-md);
	color: var(--color-text-muted);
	line-height: var(--lh-loose);
}

/* ============ CONTACT FORM FORM-02 ============ */
.x45 { padding-block: var(--space-lg); }
.x45-inner {
	display: block;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.x45-form { display: flex; flex-direction: column; gap: var(--space-md); max-width: 720px; }
.x45-field { display: flex; flex-direction: column; gap: var(--space-2xs); }
.x45-label { color: var(--color-text); font-weight: var(--fw-medium); }
.x45-input {
	padding: var(--space-sm);
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	color: var(--color-text);
	font-family: var(--font-body);
	font-size: var(--fs-body);
}
.x45-input:focus { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.x45-textarea { resize: vertical; min-height: 140px; }
.x45-submit {
	align-self: flex-start;
	padding: var(--space-sm) var(--space-lg);
	background: var(--color-accent);
	color: var(--color-bg);
	border: 0;
	border-radius: var(--radius-pill);
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
}
.x45-submit:hover { background: var(--color-accent-pressed); color: var(--color-bg); }
.x45-success {
	color: var(--color-gradient-light);
	font-weight: var(--fw-medium);
	display: none;
}
.x45-success.is-visible { display: block; }

/* ============ AUTHOR CARD AUTH-06 ============ */
.l26 { padding-block: var(--space-lg); }
.l26-inner {
	display: block;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.l26-card {
	padding: var(--space-xl) var(--space-lg);
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	display: grid;
	grid-template-columns: 160px 1fr;
	gap: var(--space-lg);
	align-items: start;
}
.l26-photo { width: 160px; height: 160px; border-radius: var(--radius-pill); object-fit: cover; border: 2px solid var(--color-accent); }
.l26-meta { display: flex; flex-direction: column; gap: var(--space-sm); }
.l26-name { font-family: var(--font-display); font-size: var(--fs-h2); font-weight: var(--fw-bold); color: var(--color-text); }
.l26-role { color: var(--color-accent); font-weight: var(--fw-medium); }
.l26-bio { color: var(--color-text-muted); line-height: var(--lh-loose); }
.l26-expertise { display: flex; flex-wrap: wrap; gap: var(--space-2xs); }
.l26-expertise-item {
	padding: var(--space-3xs) var(--space-sm);
	background: var(--color-primary);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-pill);
	font-size: var(--fs-small);
	color: var(--color-text);
}
@media (max-width: 720px) {
	.l26-card { grid-template-columns: 1fr; justify-items: center; text-align: center; }
}

/* ============ AUTHOR BYLINE BYLINE-01 ============ */
.s86 { padding-block: var(--space-lg); }
.s86-inner {
	display: block;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.s86-card {
	padding: var(--space-md) var(--space-lg);
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	display: grid;
	grid-template-columns: 80px 1fr;
	gap: var(--space-md);
	align-items: center;
}
.s86-photo { width: 80px; height: 80px; border-radius: var(--radius-pill); object-fit: cover; border: 2px solid var(--color-accent); }
.s86-meta { display: flex; flex-direction: column; gap: var(--space-3xs); }
.s86-label { color: var(--color-text-muted); font-size: var(--fs-small); text-transform: uppercase; letter-spacing: var(--ls-wide); }
.s86-name { font-family: var(--font-display); font-weight: var(--fw-bold); }
.s86-link { color: var(--color-text); }
.s86-link:hover { color: var(--color-accent); }
.s86-role { color: var(--color-accent); }
.s86-expertise { color: var(--color-text-muted); font-size: var(--fs-small); }

@media (max-width: 600px) {
	.s86-card { grid-template-columns: 64px 1fr; }
	.s86-photo { width: 64px; height: 64px; }
}

/* ============ COOKIE BANNER COOK-01 ============ */
.r96 {
	position: fixed;
	left: var(--space-md);
	right: var(--space-md);
	bottom: var(--space-md);
	background: var(--color-primary);
	border: 1px solid var(--color-accent);
	border-radius: var(--radius-md);
	z-index: 150;
	display: none;
}
.r96.is-visible { display: block; }
.r96-inner {
	padding: var(--space-md);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-md);
	align-items: center;
	justify-content: space-between;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
}
.r96-text { color: var(--color-text); flex: 1 1 320px; }
.r96-actions { display: flex; gap: var(--space-sm); }
.r96-btn {
	padding: var(--space-2xs) var(--space-md);
	border-radius: var(--radius-pill);
	border: 0;
	font-weight: var(--fw-semibold);
	font-family: inherit;
}
.r96-btn-accept { background: var(--color-accent); color: var(--color-bg); }
.r96-btn-accept:hover { background: var(--color-accent-pressed); color: var(--color-bg); }
.r96-btn-decline { background: transparent; color: var(--color-text); border: 1px solid var(--color-border); }
.r96-btn-decline:hover { color: var(--color-accent); border-color: var(--color-accent); }

/* ============ ERROR BLOCK ERR-06 (404) ============ */
.t03 { padding-block: var(--space-lg); }
.t03-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.t03-card {
	padding: var(--space-2xl) var(--space-xl);
	background: var(--color-surface);
	border: 1px solid var(--color-accent);
	border-radius: var(--radius-lg);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-md);
	text-align: center;
	max-width: 720px;
}
.t03-code {
	font-family: var(--font-display);
	font-size: 96px;
	font-weight: var(--fw-bold);
	color: var(--color-accent);
	line-height: 1;
}
.t03-title { font-size: var(--fs-h1); color: var(--color-text); }
.t03-text { color: var(--color-text-muted); line-height: var(--lh-loose); }
.t03-btn {
	padding: var(--space-sm) var(--space-lg);
	background: var(--color-accent);
	color: var(--color-bg);
	border-radius: var(--radius-pill);
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
}
.t03-btn:hover { background: var(--color-accent-pressed); color: var(--color-bg); }

/* ============ FOOTER FOOT-01 ============ */
.x07 {
	background: var(--color-primary);
	border-top: 1px solid var(--color-border);
	padding-block: var(--space-xl) var(--space-md);
	margin-top: var(--space-xl);
}
.x07-inner {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	gap: var(--space-xl);
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding-inline: var(--container-padding-desktop);
}
.x07-brand { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-sm); }
.x07-logo { height: 40px; width: auto; }
.x07-tag { color: var(--color-text-muted); font-size: var(--fs-small); }
.x07-col { display: flex; flex-direction: column; gap: var(--space-sm); }
.x07-heading {
	font-family: var(--font-display);
	font-size: var(--fs-body);
	color: var(--color-text);
	text-transform: uppercase;
	letter-spacing: var(--ls-wide);
}
.x07-link-list { display: flex; flex-direction: column; gap: var(--space-2xs); }
.x07-link-item { display: block; }
.x07-link { color: var(--color-text-muted); font-size: var(--fs-small); }
.x07-link:hover { color: var(--color-accent); }
.x07-bottom {
	max-width: calc(var(--container-site) + 2 * var(--container-padding-desktop));
	margin-inline: auto;
	padding: var(--space-md) var(--container-padding-desktop) 0;
	border-top: 1px solid var(--color-border);
	margin-top: var(--space-lg);
}
.x07-copy { color: var(--color-text-muted); font-size: var(--fs-small); text-align: center; }

@media (max-width: 720px) {
	.x07-inner { grid-template-columns: 1fr; gap: var(--space-lg); }
}