/*
Theme Name: Betano HU
Description: Hungarian sports and casino information theme.
Version: 1.0.0
Text Domain: hu-portal
*/

:root {
	--hu-coral: #fe450b;
	--hu-coral-deep: #fe440a;
	--hu-coral-text: #cb3c0a;
	--hu-glow: #fe5b26;
	--hu-glow-soft: #fe7b47;
	--hu-green: #117b21;
	--hu-green-button: #3aa761;
	--hu-green-hover: #3cae67;
	--hu-ink: #171b26;
	--hu-layer: #2e374e;
	--hu-layer-mid: #23283a;
	--hu-line: rgba(253, 252, 255, .135);
	--hu-line-mid: #cdd9f0;
	--hu-line-soft: #dae3f5;
	--hu-mist: #f0f3fa;
	--hu-page: #eff2fa;
	--hu-paper: #fcfdff;
	--hu-paper-mid: #f5f7fe;
	--hu-paper-warm: #fef3ef;
	--hu-shadow-card: 0 10px 22px rgba(8, 9, 18, .335);
	--hu-shadow-lift: 0 16px 34px rgba(254, 69, 11, .195);
	--hu-shadow-soft: 0 12px 28px rgba(7, 8, 17, .255);
	--hu-site-header-offset: 46px;
	--hu-text-clear: #12151e;
	--hu-text-deep: #12161f;
	--hu-text-mid: #515c72;
	--hu-text-muted: #abb3c6;
	--hu-text-soft: #dce1ee;
	--hu-white: #fdfdff;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

* {
	box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

a {
	text-decoration: none;
}

body {
	background: var(--hu-ink);
	color: var(--hu-white);
	font-family: "Arial Narrow", "Segoe UI", Arial, sans-serif;
	letter-spacing: 0.054em;
	line-height: 1.94;
}

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

:where(a, button, input, select, summary, textarea):focus-visible {
	outline: 2px solid var(--hu-coral);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: .01ms;
		animation-iteration-count: 1;
		transition-duration: .01ms;
	}
}

h1 {
	display: block;
	font-size: 2.46em;
	font-weight: 700;
	letter-spacing: 0.059em;
	line-height: 1.467;
	margin: 0 0 1.21rem;
}

h2 {
	display: block;
	font-size: 1.8em;
	font-weight: 700;
	letter-spacing: 0.056em;
	line-height: 1.541;
	margin: 0 0 1.123rem;
}

h3 {
	display: block;
	font-size: 1.42em;
	font-weight: 600;
	letter-spacing: 0.054em;
	line-height: 1.592;
}

h4 {
	display: block;
	font-weight: 600;
}

ol {
	list-style-position: inside;
	list-style-type: decimal;
}

ol ol,
ul ol {
	list-style-position: inside;
	list-style-type: lower-latin;
	margin-left: 18.36px;
}

p {
	font-size: 17.6px;
	margin: 0 0 1.166rem;
}

ul {
	list-style-position: inside;
	list-style-type: disc;
}

ul ul,
ol ul {
	list-style-position: inside;
	list-style-type: circle;
	margin-left: 18.36px;
}

.hu-layout-wrap {
	margin: 0 auto;
	max-width: 1280px;
	padding: 0 24.516px;
	width: 100%;
}

.hu-site-header {
	background: var(--hu-coral);
	box-shadow: 0 9.4px 25px rgba(18, 20, 30, .22);
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.hu-header__layout {
	align-items: center;
	display: flex;
	gap: 27.972px;
	height: 83.246px;
	justify-content: space-between;
}

.hu-site-identity {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
}

.hu-identity__anchor {
	align-items: center;
	display: flex;
	text-decoration: none;
}

.hu-identity__logo {
	display: block;
	filter: brightness(1.04) contrast(1.04) saturate(1.08);
	height: 39.269px;
	max-width: 184.896px;
	object-fit: contain;
	width: auto;
}

.hu-primary-nav {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	min-width: 0;
}

.hu-primary-nav .menu {
	width: 100%;
}

.hu-primary-nav ul,
.hu-menu-track {
	align-items: center;
	display: flex;
	gap: 20.952px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.hu-primary-nav li,
.hu-menu-track li {
	display: inline-flex;
	position: relative;
}

.hu-primary-nav li + li {
	margin-left: 20.952px;
}

.hu-primary-nav ul {
	gap: 20.952px;
}

.hu-primary-nav ul > li + li {
	margin-left: 0;
}

.hu-primary-nav li a,
.hu-menu-track li a {
	border: 0;
	color: #fff;
	display: block;
	font-size: 15.5px;
	font-weight: 700;
	letter-spacing: 0.079em;
	line-height: 1.555;
	padding: 31.536px 0;
	text-decoration: none;
	transition: color 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
	white-space: nowrap;
}

.hu-primary-nav li a:hover,
.hu-menu-track li a:hover {
	color: #fff;
	opacity: .78;
	transform: translateY(-1px);
}

.hu-primary-nav .current-menu-item > a,
.hu-primary-nav .current_page_item > a,
.hu-menu-track .current-menu-item > a,
.hu-menu-track .current_page_item > a {
	color: #fff;
	opacity: 1;
}

.hu-primary-nav .current_page_item > a::after,
.hu-primary-nav .current-menu-item > a::after,
.hu-menu-track .current_page_item > a::after,
.hu-menu-track .current-menu-item > a::after {
	display: none;
}

.hu-header-actions {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	gap: 16.956px;
}

.hu-header-actions .hu-action {
	font-size: 11px;
	min-height: 36px;
}

.hu-action {
	align-items: center;
	background: rgba(1, 0, 1, 0);
	border: 0;
	border-radius: 11.021px;
	color: var(--hu-white);
	cursor: pointer;
	display: inline-flex;
	font-size: 14.5px;
	font-weight: 780;
	justify-content: center;
	letter-spacing: 0.099em;
	line-height: 1.243;
	min-height: 39.269px;
	padding: 8.856px 14.688px;
	text-transform: uppercase;
	transition: background-color 0.62s cubic-bezier(.33, .02, .21, 1), border-color 0.62s cubic-bezier(.33, .02, .21, 1), color 0.62s cubic-bezier(.33, .02, .21, 1), transform 0.54s cubic-bezier(.18, .76, .24, 1), box-shadow 0.62s cubic-bezier(.33, .02, .21, 1);
	white-space: nowrap;
}

.hu-action:hover {
	transform: translateY(-2px);
}

.hu-action--bordered {
	border: 2.2px solid var(--hu-white);
}

.hu-action--bordered:hover {
	background: var(--hu-white);
	color: var(--hu-text-deep);
}

.hu-action--highlight {
	background: #3aa761;
	box-shadow: 0 8.2px 20.6px rgba(18, 20, 30, .20);
}

.hu-action--highlight:hover {
	background: #3cae67;
	box-shadow: 0 10.5px 27.3px rgba(18, 20, 30, .26);
	color: var(--hu-white);
}

.hu-route-control {
	cursor: pointer;
}

.hu-page-main {
	background: var(--hu-ink);
	padding: var(--hu-site-header-offset) 0 0;
}

.hu-feature-banner {
	align-items: center;
	background: radial-gradient(circle at 18% 24%, rgba(254, 89, 37, .255), rgba(1, 0, 1, 0) 28%),
		radial-gradient(circle at 78% 18%, rgba(17, 122, 33, .215), rgba(1, 0, 1, 0) 26%),
		linear-gradient(135deg, #171b26 0%, #22293b 46%, #131823 100%);
	border-bottom: 2.2px solid rgba(254, 69, 11, .56);
	display: flex;
	justify-content: center;
	overflow: hidden;
	padding: 60.48px 20.952px 19.44px;
	position: relative;
}

.hu-feature-banner::before {
	background-image: linear-gradient(rgba(253, 252, 255, .07) 1px, rgba(1, 0, 1, 0) 1px),
		linear-gradient(90deg, rgba(253, 252, 255, .07) 1px, rgba(1, 0, 1, 0) 1px);
	background-size: 42px 42px;
	content: "";
	inset: 0;
	mask-image: linear-gradient(180deg, rgba(2, 0, 2, .66), rgba(1, 0, 1, 0) 82%);
	position: absolute;
}

.hu-feature-banner::after {
	background: linear-gradient(180deg, rgba(1, 0, 1, 0) 0%, rgba(23, 26, 38, .88) 100%);
	bottom: 0;
	content: "";
	height: 42%;
	left: 0;
	position: absolute;
	right: 0;
}

.hu-banner-layout {
	align-items: center;
	display: flex;
	gap: 27.972px;
	margin: 0 auto;
	max-width: 1280px;
	padding: 0 20.952px;
	position: relative;
	width: 100%;
	z-index: 1;
}

.hu-banner--compact .hu-banner-layout {
	justify-content: center;
	max-width: 878.256px;
}

.hu-banner--compact {
	background: radial-gradient(circle at 20% 22%, rgba(254, 67, 10, .175), rgba(1, 0, 1, 0) 28%),
		radial-gradient(circle at 82% 14%, rgba(254, 122, 71, .115), rgba(1, 0, 1, 0) 24%),
		linear-gradient(135deg, #151924 0%, #191e2b 52%, #12161f 100%);
	border-bottom-color: rgba(254, 67, 10, .355);
}

.hu-banner--compact::after {
	background: linear-gradient(180deg, rgba(1, 0, 1, 0) 0%, rgba(21, 24, 36, .94) 100%);
}

.hu-banner--compact .hu-banner-panel {
	flex-basis: 652.3px;
	margin-left: auto;
	margin-right: auto;
}

.hu-banner--compact .hu-banner-cta {
	flex: 0 1 260px;
}

.hu-banner-panel {
	align-items: center;
	background-color: rgba(18, 21, 31, .86);
	border: 1.7px solid rgba(254, 89, 37, .48);
	border-radius: 20.758px;
	box-shadow: var(--hu-shadow-soft);
	display: flex;
	flex: 0 1 520px;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	max-width: 697.961px;
	opacity: .96;
	padding: 31.536px;
	position: relative;
	text-align: center;
}

.hu-banner-panel::after {
	background: radial-gradient(circle, rgba(254, 90, 37, .195), rgba(1, 0, 1, 0) 62%);
	border-radius: 1154.423px;
	content: "";
	height: 106.358px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 106.358px;
}

.hu-banner-panel > * {
	position: relative;
	z-index: 1;
}

.hu-banner-panel h1 {
	font-size: 35.4px;
	font-weight: 700;
	letter-spacing: 0.089em;
	line-height: 1.366;
	margin-bottom: 19.44px;
	text-transform: uppercase;
}

.hu-banner-panel p {
	color: var(--hu-text-soft);
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 18.8px;
	font-weight: 460;
	line-height: 1.84;
	text-align: center;
}

.hu-banner-deal {
	align-items: center;
	background: linear-gradient(135deg, #fef8f5 0%, #f7fafe 100%);
	border: 1.2px solid rgba(254, 89, 37, .255);
	border-radius: 12.198px;
	box-shadow: 0 11.6px 25px rgba(36, 47, 77, .14);
	color: var(--hu-text-deep);
	display: flex;
	gap: 16.956px;
	justify-content: space-between;
	margin: 5.292px 0 19.332px;
	padding: 14.688px 19.332px;
	width: 100%;
}

.hu-banner-deal__caption {
	color: #5c677c;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.099em;
	text-align: left;
	text-transform: uppercase;
}

.hu-banner-deal__amount {
	color: #cb3c0a;
	font-size: 23.4px;
	font-weight: 840;
	letter-spacing: 0.064em;
	line-height: 1.392;
	text-align: right;
}

.hu-banner-actions {
	align-items: center;
	display: flex;
	gap: 20.952px;
	justify-content: center;
	width: 100%;
}

.hu-action--filled {
	background: var(--hu-coral);
	box-shadow: 0 10.5px 22.8px rgba(254, 69, 11, .28);
}

.hu-action--filled:hover {
	background: var(--hu-glow);
	color: var(--hu-white);
}

.hu-banner-cta {
	flex: 1 1 210px;
	height: 49.648px;
	min-width: 0;
}

.hu-banner-cta--muted {
	border: 1.2px solid rgba(253, 252, 255, .295);
	color: var(--hu-text-soft);
	flex: 0 1 132px;
	height: 49.648px;
}

.hu-banner-cta--muted:hover {
	background: rgba(253, 252, 255, .115);
	color: var(--hu-white);
}

.hu-banner-promos {
	display: grid;
	flex: 1 1 620px;
	gap: 12.312px;
	grid-auto-rows: 146.9px;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	max-width: 785.808px;
	width: 100%;
}

.hu-promo-card {
	background: linear-gradient(180deg, rgba(254, 69, 11, .195) 0 24%, rgba(1, 0, 1, 0) 24%),
		radial-gradient(circle at 78% 18%, rgba(254, 254, 254, .135), rgba(1, 0, 1, 0) 28%),
		linear-gradient(145deg, #181c33 0%, #0c101e 68%);
	border: 1.4px solid rgba(255, 112, 67, .62);
	border-radius: 16.799px;
	box-shadow: 0 14px 28px rgba(7, 8, 17, .24), inset 0 0 0 1px rgba(255, 255, 255, .08);
	color: var(--hu-white);
	display: flex;
	flex-direction: column;
	grid-column: span 2;
	height: 157.183px;
	min-height: 0;
	overflow: hidden;
	padding: 12.312px;
	position: relative;
	text-align: left;
	transition: transform 0.54s cubic-bezier(.18, .76, .24, 1), box-shadow 0.62s cubic-bezier(.33, .02, .21, 1), border-color 0.62s cubic-bezier(.33, .02, .21, 1);
}

.hu-promo-card:nth-child(1),
.hu-promo-card:nth-child(4) {
	grid-column: span 3;
}

.hu-promo-card:nth-child(2) {
	background: linear-gradient(135deg, rgba(27, 142, 187, .48), rgba(1, 0, 1, 0) 44%),
		linear-gradient(145deg, #14192d 0%, #0a0e1a 68%);
}

.hu-promo-card:nth-child(3) {
	background: radial-gradient(circle at 54% 22%, rgba(110, 92, 233, .455), rgba(1, 0, 1, 0) 34%),
		linear-gradient(145deg, #1f1c58 0%, #0c101e 72%);
}

.hu-promo-card:nth-child(4),
.hu-promo-card:nth-child(5) {
	background: linear-gradient(180deg, rgba(17, 122, 33, .6) 0 28%, rgba(1, 0, 1, 0) 28%),
		radial-gradient(circle at 80% 20%, rgba(254, 232, 87, .195), rgba(1, 0, 1, 0) 24%),
		linear-gradient(145deg, #0b2917 0%, #09111d 72%);
}

.hu-promo-card:hover {
	border-color: rgba(255, 139, 96, .92);
	box-shadow: 0 20px 36px rgba(254, 69, 11, .24), inset 0 0 0 1px rgba(255, 255, 255, .14);
	transform: translateY(-3px);
}

.hu-promo-card--original-style {
	border: 1.2px solid rgba(253, 252, 255, .095);
	box-shadow: 0 16.1px 31.8px rgba(7, 8, 17, .30);
}

.hu-promo-card--original-style:hover {
	border-color: rgba(254, 89, 37, .56);
	box-shadow: 0 20.6px 38.5px rgba(254, 69, 11, .22);
}

.hu-promo-card__emblem {
	align-items: center;
	background: rgba(253, 252, 255, .93);
	border: 2.2px solid var(--hu-coral);
	border-radius: 50%;
	color: var(--hu-text-deep);
	display: inline-flex;
	font-size: 15px;
	font-weight: 840;
	height: 30.067px;
	justify-content: center;
	left: 11.4px;
	position: absolute;
	top: 10.3px;
	width: 30.067px;
	z-index: 1;
}

.hu-promo-card__visual {
	align-items: center;
	align-self: flex-end;
	background: linear-gradient(135deg, rgba(253, 252, 255, .195), rgba(253, 252, 255, .055)),
		repeating-linear-gradient(45deg, rgba(253, 252, 255, .095) 0 8px, rgba(1, 0, 1, 0) 8px 16px);
	border: 1.2px dashed rgba(253, 252, 255, .275);
	border-radius: 12.198px;
	color: rgba(253, 252, 255, .66);
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 700;
	height: 64.735px;
	justify-content: center;
	line-height: 1.429;
	margin-bottom: auto;
	padding: 7.668px;
	text-align: center;
	text-transform: uppercase;
	width: 45%;
}

.hu-promo-card__visual img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.hu-promo-card__visual--image {
	background: none;
	border: 0;
	border-radius: inherit;
	height: 100%;
	inset: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.hu-promo-card--visual::after {
	background: linear-gradient(90deg, rgba(12, 15, 30, .88) 0 44%, rgba(12, 15, 30, .465) 100%);
	content: "";
	inset: 0;
	position: absolute;
	z-index: 0;
}

.hu-promo-card--visual {
	justify-content: center;
	padding-top: 4.32px;
}

.hu-promo-card--embedded-copy {
	justify-content: flex-end;
}

.hu-promo-card--embedded-copy::after {
	background: linear-gradient(180deg, rgba(12, 15, 30, .08) 35%, rgba(12, 15, 30, .92) 100%);
}

.hu-promo-card--embedded-copy .hu-promo-card__detail {
	margin-top: 0;
}

.hu-promo-card--visual .hu-promo-card__emblem {
	display: none;
}

.hu-promo-card--visual .hu-promo-card__detail {
	margin-top: 4.32px;
}

.hu-promo-card--visual .hu-promo-card__amount {
	margin-top: 0;
}

.hu-promo-card--visual .hu-promo-card__heading {
	margin-bottom: 2.16px;
}

.hu-promo-card--visual .hu-promo-card__amount,
.hu-promo-card--visual .hu-promo-card__heading,
.hu-promo-card--visual .hu-promo-card__detail {
	position: relative;
	z-index: 1;
}

.hu-promo-card__amount {
	color: var(--hu-glow);
	display: block;
	font-size: 34px;
	font-weight: 880;
	letter-spacing: 0;
	line-height: 1.08;
	margin: 5px 0 7px;
	text-shadow: 0 2px 0 rgba(254, 69, 11, .28);
	white-space: nowrap;
}

.hu-promo-card__heading {
	display: block;
	font-size: 15.6px;
	font-weight: 700;
	line-height: 1.343;
	margin: 0 0 7.668px;
	overflow-wrap: break-word;
	word-break: normal;
}

.hu-promo-card__detail {
	color: var(--hu-text-soft);
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.443;
	margin-top: auto;
}

.hu-sports-section {
	background: #fefdff;
	padding: 45.468px 0 20.952px;
}

.hu-sports-carousel {
	display: flex;
	gap: 12.312px;
	justify-content: flex-start;
	overflow-x: auto;
	overflow-y: visible;
	padding: 7.668px 0 25.92px;
	scrollbar-width: none;
}

.hu-sports-carousel::-webkit-scrollbar {
	display: none;
}

.hu-sport-choice {
	align-items: center;
	background: #fafcfe;
	border: 1.2px solid #cad8f1;
	border-radius: 16.799px;
	box-shadow: 0 9.4px 20.6px rgba(36, 47, 77, .12);
	color: var(--hu-text-deep);
	display: flex;
	flex: 0 0 auto;
	gap: 9.936px;
	margin-bottom: 0;
	min-height: 71.69px;
	min-width: 208.008px;
	outline: none;
	padding: 12.312px 16.956px 12.312px 12.312px;
	text-align: left;
	transition: border-color 0.51s cubic-bezier(.4, 0, .2, 1), box-shadow 0.51s cubic-bezier(.4, 0, .2, 1), transform 0.51s cubic-bezier(.4, 0, .2, 1);
}

.hu-sport-choice:nth-child(2) {
	border-color: var(--hu-glow);
	box-shadow: 0 11.6px 25px rgba(254, 90, 38, .18);
}

.hu-sport-choice:hover {
	border-color: var(--hu-glow);
	box-shadow: 0 11.6px 25px rgba(254, 90, 38, .20);
	transform: translateY(-2px);
}

.hu-sport-symbol {
	align-items: center;
	background: linear-gradient(180deg, #fefefe, #f3f6fd);
	border: 1.2px solid #dde6f5;
	border-radius: 12.198px;
	box-shadow: 0 3.8px 10.5px rgba(36, 47, 77, .14);
	display: flex;
	flex: 0 0 auto;
	height: 46.224px;
	justify-content: center;
	transition: border-color 0.51s cubic-bezier(.4, 0, .2, 1), transform 0.51s cubic-bezier(.4, 0, .2, 1);
	width: 46.224px;
}

.hu-sport-label {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.429;
	text-align: left;
	white-space: nowrap;
}

.hu-editor-section {
	background-color: var(--hu-ink);
	padding: 0 0 39.636px;
}

.hu-document-title {
	color: var(--hu-white);
	font-size: 26.4px;
	font-weight: 600;
	letter-spacing: 0.074em;
	line-height: 1.516;
	margin: 0 0 239.112px;
	text-transform: uppercase;
}

.hu-feature-media img {
	display: block;
	filter: brightness(1.03) contrast(1.04) saturate(1.1);
	margin: 0 0 20.952px;
	object-fit: cover;
	width: 100%;
}

.hu-formatted-copy a,
.hu-formatted-copy p {
	font-size: 17.6px;
	font-weight: 560;
	line-height: 1.84;
}

.hu-formatted-copy a {
	color: var(--hu-glow);
}

.hu-formatted-copy a:hover {
	color: var(--hu-coral);
}


@keyframes hu-response-reveal {
	from {
	opacity: 0;
	transform: translateY(-4px);
}

	to {
	opacity: 1;
	transform: translateY(0);
}
}

.hu-action:focus {
	border-radius: 11.021px;
	outline: 2px solid rgba(254, 89, 37, .76);
	outline-offset: 2px;
}

.hu-content-frame {
	display: block;
}

.hu-breadcrumbs {
	background: linear-gradient(90deg, var(--hu-paper-warm) 0%, #fefefe 68%, rgba(254, 254, 254, .7) 100%);
	border: 1.2px solid var(--hu-line-soft);
	border-radius: 12.198px;
	box-shadow: 0 11.6px 27.3px rgba(36, 47, 77, .11);
	color: var(--hu-text-mid);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.803;
	margin: 20.952px auto 0;
	max-width: 1363.608px;
	overflow: hidden;
	padding: 14.688px 20.952px;
	position: relative;
	width: 100%;
}

.hu-breadcrumbs a {
	border-bottom: 1.2px solid rgba(1, 0, 1, 0);
	color: var(--hu-text-clear);
	font-weight: 600;
	text-decoration: none;
	transition: border-color 0.54s cubic-bezier(.4, 0, .2, 1), color 0.54s cubic-bezier(.4, 0, .2, 1);
}

.hu-breadcrumbs a:hover {
	border-bottom-color: var(--hu-coral-deep);
	color: var(--hu-coral-deep);
}

@keyframes hu-surface-pulse {
	0% {
	opacity: .72;
	transform: scale(.985);
}

	100% {
	opacity: 1;
	transform: scale(1.018);
}
}

@media (min-width: 767px) {
	p {
	font-size: 22.4px;
	line-height: 1.94;
}
}

@media (max-width: 1140px) {
	.hu-banner-layout {
	align-items: stretch;
	flex-direction: column;
	gap: 19.332px;
}

	.hu-banner-panel {
	flex: none;
	margin: 0 auto 10.8px;
	order: 2;
	width: min(100%, 697.961px);
}

	.hu-banner-promos {
	display: flex;
	flex: none;
	gap: 12.312px;
	margin: 0 auto;
	max-width: 100%;
	order: 1;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0 3.024px 9.936px;
	scrollbar-width: thin;
	scroll-snap-type: x proximity;
}

	.hu-promo-card,
	.hu-promo-card:nth-child(1),
	.hu-promo-card:nth-child(4) {
	flex: 0 0 220px;
	grid-column: auto;
	height: 152.582px;
	scroll-snap-align: start;
}

	.hu-promo-card__amount {
	font-size: 32px;
}

}

@media (max-width: 980px) {
	.hu-header__layout {
	gap: 20.952px;
}

	.hu-primary-nav ul,
	.hu-menu-track {
	gap: 16.956px;
}

	.hu-primary-nav li + li {
	margin-left: 16.956px;
}

	.hu-primary-nav ul > li + li {
	margin-left: 0;
}

	.hu-primary-nav li a,
	.hu-menu-track li a {
	font-size: 14.5px;
	letter-spacing: 0.069em;
}
}

@media (max-width: 780px) {
	:root {
	--hu-site-header-offset: 64px;
}

	.hu-header__layout {
	flex-wrap: wrap;
	height: auto;
	min-height: 80.892px;
	padding: 12.312px 0;
	row-gap: 17.712px;
}

	.hu-site-identity {
	flex: 1 1 auto;
	order: 1;
}

	.hu-header-actions {
	gap: 12.312px;
	margin-left: auto;
	order: 2;
}

	.hu-primary-nav {
	background: rgba(23, 26, 38, .165);
	border-radius: 14.552px;
	flex: 0 0 100%;
	justify-content: flex-start;
	-ms-overflow-style: none;
	order: 3;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 3.024px 0 4.104px;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

	.hu-primary-nav ul,
	.hu-menu-track {
	flex-wrap: nowrap;
	gap: 25.704px;
	justify-content: center;
	min-width: 100%;
	padding: 0 3.024px;
	width: max-content;
}

	.hu-primary-nav li + li {
	margin-left: 25.704px;
}

	.hu-primary-nav ul > li + li {
	margin-left: 0;
}

	.hu-primary-nav ul::-webkit-scrollbar,
	.hu-primary-nav::-webkit-scrollbar,
	.hu-menu-track::-webkit-scrollbar {
	display: none;
}

	.hu-primary-nav li,
	.hu-menu-track li {
	flex: 0 0 auto;
}

	.hu-primary-nav li a,
	.hu-menu-track li a {
	font-size: 14px;
	padding: 11.124px 0;
}

	.hu-primary-nav .current_page_item > a::after,
	.hu-menu-track .current-menu-item > a::after {
	bottom: 2.8px;
}

	.hu-feature-banner {
	padding-top: 82.944px;
}

}

@media (max-width: 768px) {
	.hu-breadcrumbs {
		border-radius: 9.844px;
		font-size: 15px;
		margin-top: 15.12px;
		padding: 12.312px 16.956px 12.312px 20.952px;
		width: calc(100% - 34.668px);
	}
}

@media (max-width: 680px) {
	.hu-feature-banner {
	padding: 82.944px 0 12.96px;
}

	.hu-banner-layout {
	gap: 12.312px;
	padding: 0 18.144px;
}

	.hu-banner-panel {
	flex: none;
	margin: 0 auto;
	order: 2;
}

	.hu-banner-promos {
	flex: none;
	gap: 12.312px;
	margin: 0 auto;
	order: 1;
	padding-bottom: 4.32px;
}

	.hu-promo-card {
	flex-basis: 198.7px;
	height: 136.318px;
	padding: 11.124px;
}

	.hu-promo-card__visual {
	font-size: 12px;
	height: 53.179px;
	width: 48%;
}

	.hu-promo-card__visual--image {
	height: 100%;
	width: 100%;
}

	.hu-promo-card__amount {
		font-size: 28px;
	margin-bottom: 5.4px;
}

	.hu-promo-card__heading {
	font-size: 14.5px;
}

	.hu-promo-card__detail {
	font-size: 13px;
}

	.hu-sport-choice {
	flex: 0 0 auto;
	min-width: 201.053px;
}

}

@media (max-width: 520px) {
	.hu-layout-wrap {
	padding: 0 18.144px;
}

	.hu-identity__logo {
	height: 34.668px;
	max-width: 152.582px;
}

	.hu-action {
	border-radius: 9.844px;
	font-size: 13.5px;
	min-height: 37.022px;
	padding: 7.668px 12.312px;
}

	.hu-action--bordered {
	display: none;
}

}

@media (max-width: 360px) {
	.hu-layout-wrap {
	padding: 0 10.8px;
}

	.hu-header__layout {
	gap: 8.64px;
	row-gap: 14.04px;
}

	.hu-site-identity {
	flex: 0 0 auto;
}

	.hu-identity__logo {
	height: 31.03px;
	max-width: 102.72px;
}

	.hu-header-actions {
	gap: 8.64px;
}

	.hu-action {
	font-size: 12.5px;
	min-height: 36.38px;
	padding: 7.56px 10.8px;
}

	.hu-primary-nav {
	scroll-padding-left: 0;
}

	.hu-primary-nav ul,
	.hu-menu-track {
	gap: 19.44px;
	justify-content: flex-start;
	min-width: max-content;
	padding: 0 10.8px;
	width: max-content;
}

	.hu-primary-nav li + li {
	margin-left: 19.44px;
}

	.hu-primary-nav li a,
	.hu-menu-track li a {
	font-size: 13px;
}

}

@media (max-width: 460px) {
	.hu-feature-banner {
	min-height: 70dvh;
}

	.hu-banner-layout {
	padding: 0;
}
}


body {
	background: var(--hu-page);
	color: var(--hu-text-clear);
}

body,
.hu-page-main,
.hu-sports-section,
.hu-editor-section {
	background: var(--hu-page);
	color: var(--hu-text-clear);
}

.hu-feature-banner {
	background: radial-gradient(circle at 16% 20%, rgba(254, 67, 10, .195), rgba(1, 0, 1, 0) 29%),
		radial-gradient(circle at 82% 16%, rgba(17, 122, 33, .175), rgba(1, 0, 1, 0) 27%),
		linear-gradient(135deg, #f9fafe 0%, var(--hu-page) 46%, #e7ecf7 100%);
	border-bottom: 1.2px solid var(--hu-line-soft);
}

.hu-feature-banner::before {
	background-image: linear-gradient(rgba(36, 47, 77, .07) 1px, rgba(1, 0, 1, 0) 1px),
		linear-gradient(90deg, rgba(36, 47, 77, .07) 1px, rgba(1, 0, 1, 0) 1px);
}

.hu-feature-banner::after {
	background: linear-gradient(180deg, rgba(1, 0, 1, 0) 0%, rgba(239, 241, 250, .9) 100%);
}

.hu-banner-panel {
	background: rgba(252, 252, 255, .92);
	border: 1.2px solid var(--hu-line-soft);
	box-shadow: 0 13.8px 31.8px rgba(36, 47, 77, .18);
	color: var(--hu-text-clear);
}

.hu-banner-panel h1,
.hu-banner-panel p,
.hu-sport-label,
.hu-document-title,
.hu-formatted-copy p,
.hu-formatted-copy a {
	color: var(--hu-text-clear);
}

.hu-banner-cta--muted {
	border-color: var(--hu-line-mid);
	color: var(--hu-text-clear);
}

.hu-banner-cta--muted:hover {
	background: var(--hu-paper-mid);
	border-color: var(--hu-coral-deep);
	color: var(--hu-text-clear);
}

.hu-sport-choice {
	color: var(--hu-text-clear);
}

.hu-sport-symbol {
	background: var(--hu-paper);
	border: 1.2px solid var(--hu-line-mid);
	box-shadow: 0 9.4px 20.6px rgba(36, 47, 77, .14);
	color: var(--hu-text-clear);
}

.hu-formatted-copy a {
	color: var(--hu-green);
}

.hu-formatted-copy a:hover {
	border-bottom-color: var(--hu-coral-deep);
	color: var(--hu-coral-deep);
}

.hu-editor-section {
	border-top: 1.2px solid var(--hu-line-soft);
}

.hu-banner-deal,
.hu-sport-choice {
	background: var(--hu-paper);
	border-color: var(--hu-line-soft);
	color: var(--hu-text-clear);
}

.hu-banner-deal__caption,
.hu-sport-label {
	color: var(--hu-text-clear);
}

.hu-banner-deal__amount {
	color: var(--hu-coral-text);
}

.hu-sport-choice:hover {
	border-color: var(--hu-glow);
	box-shadow: 0 11.6px 25px rgba(254, 90, 38, .20);
}

@media (max-width: 560px) {
	.hu-feature-banner {
	min-height: 0;
}

	.hu-banner-layout {
	padding: 0 14.688px;
}

	.hu-banner-panel {
	margin: 0;
	padding: 20.952px 18.144px;
}

	.hu-banner-panel h1 {
	font-size: 28.4px;
	line-height: 1.322;
	margin-bottom: 10.8px;
}

	.hu-banner-panel p {
	font-size: 17px;
	line-height: 1.716;
	margin-bottom: 12.96px;
}

	.hu-banner-deal {
	align-items: flex-start;
	flex-direction: column;
	gap: 6.48px;
	margin-bottom: 12.96px;
	padding: 12.312px 14.688px;
}

	.hu-banner-deal__amount {
	font-size: 21px;
	text-align: left;
}

	.hu-banner-actions {
	gap: 12.312px;
}

	.hu-banner-cta,
	.hu-banner-cta--muted {
	flex: 1 1 100%;
	width: 100%;
}

}

.hu-footer--expanded {
	background: #151924;
	border-top: 1.2px solid rgba(218, 226, 245, .095);
	color: #eaeef9;
	padding: 39.636px 0 20.952px;
}

.hu-feature-banner.hu-banner--compact {
	background: radial-gradient(circle at 18% 22%, rgba(254, 67, 10, .175), rgba(1, 0, 1, 0) 28%),
		radial-gradient(circle at 82% 16%, rgba(254, 122, 71, .115), rgba(1, 0, 1, 0) 24%),
		linear-gradient(135deg, #151924 0%, #191e2b 52%, #12161f 100%);
	border-bottom-color: rgba(254, 67, 10, .355);
}

.hu-feature-banner.hu-banner--compact::before {
	background-image: linear-gradient(rgba(253, 252, 255, .06) 1px, rgba(1, 0, 1, 0) 1px),
		linear-gradient(90deg, rgba(253, 252, 255, .06) 1px, rgba(1, 0, 1, 0) 1px);
}

.hu-feature-banner.hu-banner--compact::after {
	background: linear-gradient(180deg, rgba(1, 0, 1, 0) 0%, rgba(21, 24, 36, .94) 100%);
}

.hu-feature-banner.hu-banner--compact .hu-banner-panel {
	background: rgba(252, 252, 255, .94);
	flex-basis: auto;
}

.hu-footer--expanded .hu-layout-wrap {
	max-width: 1280px;
}

.hu-footer-grid {
	display: grid;
	gap: 38.88px;
	grid-template-columns: minmax(320px, .95fr) minmax(420px, 1.45fr) minmax(260px, .85fr);
	padding-bottom: 45.36px;
}

.hu-footer-pane {
	min-width: 0;
}

.hu-footer-pane--profile {
	max-width: 599.2px;
}

.hu-footer-pane--navigation {
	justify-self: center;
	max-width: 663.4px;
	width: 100%;
}

.hu-footer-pane--downloads {
	justify-self: end;
	max-width: 385.2px;
}

.hu-footer-heading {
	color: #fefeff;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.555;
	margin: 0 0 20.952px;
}

.hu-footer-menu {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 9.936px 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.hu-footer-menu li {
	align-items: center;
	display: inline-flex;
}

.hu-footer-menu li:not(:last-child)::after {
	background: rgba(222, 231, 247, .34);
	content: "";
	display: inline-block;
	height: 14.98px;
	margin: 0 15.12px;
	width: 1.07px;
}

.hu-footer-anchor,
.hu-footer-menu a {
	background: rgba(1, 0, 1, 0);
	border: 0;
	color: #dee7f7;
	cursor: pointer;
	display: inline;
	font-size: 16px;
	font-weight: 450;
	line-height: 1.516;
	padding: 0;
	text-align: left;
	text-decoration: none;
	transition: color 0.5s cubic-bezier(.4, 0, .2, 1);
}

.hu-footer-anchor:hover,
.hu-footer-anchor:focus,
.hu-footer-menu a:hover,
.hu-footer-menu a:focus {
	color: #fe7b47;
}

.hu-footer-pane--profile p,
.hu-footer-pane--downloads p {
	color: #dee7f7;
	font-size: 16px;
	font-weight: 450;
	line-height: 1.964;
	margin: 0 0 20.952px;
}

.hu-footer-pane--profile p:last-child,
.hu-footer-pane--downloads p:last-child {
	margin-bottom: 0;
}

.hu-download-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10.8px;
	margin-top: 19.44px;
	width: 100%;
}

.hu-store-button {
	align-items: center;
	background: rgba(1, 0, 1, 0);
	border: 0;
	border-radius: 0;
	cursor: pointer;
	display: inline-flex;
	flex: 1 1 0;
	height: 57.78px;
	justify-content: center;
	line-height: 0;
	min-width: 166.92px;
	overflow: hidden;
	padding: 0;
	transition: opacity 0.5s cubic-bezier(.4, 0, .2, 1), transform 0.5s cubic-bezier(.4, 0, .2, 1);
	width: 100%;
}

.hu-store-button:hover,
.hu-store-button:focus {
	opacity: .88;
	transform: translateY(-1px);
}

.hu-store-button img {
	display: block;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

.hu-assurance-row {
	align-items: center;
	border-bottom: 1.2px solid rgba(218, 226, 245, .115);
	border-top: 1.2px solid rgba(218, 226, 245, .115);
	display: flex;
	flex-wrap: wrap;
	gap: 49.032px;
	justify-content: center;
	padding: 27.972px 0;
}

.hu-assurance-mark {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-height: 50.825px;
}

.hu-assurance-mark img {
	display: block;
	filter: grayscale(.15) brightness(1.2) contrast(1.05);
	max-height: 46.224px;
	max-width: 167.562px;
	width: auto;
}

.hu-footer-disclaimer {
	color: #dee7f7;
	margin: 0 auto;
	max-width: 1063.152px;
	padding-top: 25.92px;
	text-align: center;
}

.hu-footer-disclaimer p {
	color: #dee7f7;
	font-size: 16px;
	font-weight: 450;
	line-height: 1.84;
	margin: 0;
}

.hu-footer-disclaimer .hu-copyright-line {
	color: #919caf;
	margin-top: 10.8px;
}

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

	.hu-footer-pane--profile {
		grid-column: 1 / -1;
		max-width: none;
}

	.hu-footer-pane--navigation,
	.hu-footer-pane--downloads {
		justify-self: start;
	}
}

@media (max-width: 640px) {
	.hu-footer--expanded {
	padding-top: 30.24px;
}

	.hu-footer-grid {
	gap: 34.992px;
	grid-template-columns: 1fr;
	padding-bottom: 32.4px;
}

	.hu-footer-pane--profile {
		grid-column: auto;
		order: 0;
}

	.hu-footer-pane--navigation,
	.hu-footer-pane--downloads {
		justify-self: stretch;
		max-width: none;
}

	.hu-footer-heading {
	font-size: 18px;
	margin-bottom: 15.12px;
}

	.hu-footer-anchor,
	.hu-footer-pane--profile p,
	.hu-footer-pane--downloads p,
	.hu-footer-disclaimer p {
	font-size: 15.5px;
}

	.hu-assurance-row {
	gap: 25.704px;
	justify-content: flex-start;
	padding: 23.328px 0;
}

	.hu-assurance-mark img {
	max-height: 37.022px;
	max-width: 129.47px;
}
}

@media (max-width: 560px) {
	.hu-feature-banner.hu-banner--compact {
	min-height: 0;
	padding: 82.944px 14.688px 15.12px;
}

	.hu-feature-banner.hu-banner--compact .hu-banner-layout {
	padding: 0;
}

	.hu-feature-banner.hu-banner--compact .hu-banner-panel {
	flex: 0 1 auto;
	margin: 0 auto;
	min-height: 0;
	padding: 23.328px 19.332px;
}

	.hu-feature-banner.hu-banner--compact .hu-banner-actions {
	margin-top: 4.32px;
}

	.hu-feature-banner.hu-banner--compact .hu-banner-cta {
	flex: 1 1 auto;
	width: 100%;
}
}




.hu-action:hover,
.hu-promo-card:hover,
.hu-sport-choice:hover {
	filter: brightness(1.012) saturate(1.006);
}

/*
 * Keep the redesigned desktop lobby at the same visual density as the
 * previous version. The mobile layout already has its own compact rules.
 */
@media (min-width: 981px) {
	:root {
		--hu-site-header-offset: 64px;
	}

	.hu-header__layout {
		gap: 18px;
		height: 64px;
	}

	.hu-identity__logo {
		height: 30px;
		max-width: 140px;
	}

	.hu-primary-nav ul,
	.hu-menu-track {
		gap: 18px;
	}

	.hu-primary-nav li + li {
		margin-left: 18px;
	}

	.hu-primary-nav ul > li + li {
		margin-left: 0;
	}

	.hu-primary-nav li a,
	.hu-menu-track li a {
		color: #fff;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .02em;
		padding: 19px 0;
	}

	.hu-header-actions {
		gap: 9px;
	}

	.hu-action {
		border-radius: 8px;
		font-size: 12px;
		min-height: 32px;
		padding: 5px 10px;
	}

	.hu-feature-banner {
		padding: 36px 0 18px;
	}

	.hu-banner-layout {
		gap: 24px;
		padding: 0 24.516px;
	}

	.hu-banner-panel {
		border-radius: 17px;
		flex-basis: 470px;
		max-width: 600px;
		padding: 24px;
	}

	.hu-banner-panel h1 {
		font-size: 30px;
		margin-bottom: 12px;
	}

	.hu-banner-panel p {
		font-size: 16px;
		line-height: 1.65;
	}

	.hu-banner-deal {
		gap: 14px;
		margin: 4px 0 14px;
		padding: 11px 15px;
	}

	.hu-banner-deal__caption {
		font-size: 13px;
	}

	.hu-banner-deal__amount {
		font-size: 20px;
	}

	.hu-banner-actions {
		gap: 14px;
	}

	.hu-banner-cta,
	.hu-banner-cta--muted {
		height: 44px;
	}

	.hu-banner-promos {
		gap: 10px;
		grid-auto-rows: 130px;
		max-width: 700px;
	}

	.hu-promo-card {
		border-radius: 14px;
		height: 130px;
		padding: 10px;
	}

	.hu-promo-card__amount {
		font-size: 29px;
		margin: 5px 0;
	}

	.hu-promo-card__heading {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.hu-promo-card__detail {
		font-size: 12.5px;
	}

	.hu-sports-section {
		padding: 50px 0 12px;
	}

	.hu-sports-carousel {
		gap: 10px;
		padding: 6px 0 20px;
	}

	.hu-sport-choice {
		border-radius: 14px;
		gap: 8px;
		min-height: 62px;
		min-width: 180px;
		padding: 9px 14px 9px 10px;
	}

	.hu-sport-symbol {
		border-radius: 10px;
		height: 40px;
		width: 40px;
	}

	.hu-sport-label {
		font-size: 16px;
	}

	.hu-footer--expanded {
		padding: 24px 0 12px;
	}

	.hu-footer--expanded .hu-layout-wrap {
		max-width: 1280px;
	}

	.hu-footer-grid {
		gap: 38px;
		grid-template-columns: minmax(320px, .95fr) minmax(420px, 1.45fr) minmax(260px, .85fr);
		padding-bottom: 38px;
	}

	.hu-footer-heading {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.hu-footer-anchor,
	.hu-footer-menu a,
	.hu-footer-pane--profile p,
	.hu-footer-pane--downloads p,
	.hu-footer-disclaimer p {
		font-size: 13px;
	}

	.hu-footer-pane--profile p,
	.hu-footer-pane--downloads p {
		line-height: 1.75;
	}

	.hu-download-actions {
		gap: 9px;
		margin-top: 14px;
	}

	.hu-store-button {
		height: 42px;
		min-width: 138px;
	}

	.hu-assurance-row {
		gap: 34px;
		padding: 20px 0;
	}

	.hu-assurance-mark {
		min-height: 43px;
	}

	.hu-assurance-mark img {
		max-height: 40px;
		max-width: 145px;
	}

	.hu-footer-disclaimer {
		max-width: 900px;
		padding-top: 18px;
	}
}

@media (min-width: 1141px) {
	.hu-banner-panel,
	.hu-banner-promos {
		flex: 0 0 calc((100% - 24px) / 2);
		max-width: calc((100% - 24px) / 2);
		width: calc((100% - 24px) / 2);
	}
}

/* Branded hero panel aligned with the sports guide cards. */
.hu-banner-panel {
	align-items: flex-start;
	background: #fff;
	border: 1px solid #d7e0ed;
	border-radius: 8px;
	box-shadow: none;
	opacity: 1;
	overflow: hidden;
	padding: 0;
	text-align: left;
}

.hu-banner-panel::after {
	display: none;
}

.hu-banner-titlebar {
	align-items: stretch;
	background: #f1f4fa;
	border-bottom: 1px solid #d7e0ed;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	min-height: 46px;
	width: 100%;
}

.hu-banner-titlebar h1 {
	align-items: center;
	color: #202a3e;
	display: flex;
	font-size: 22px;
	font-weight: 720;
	letter-spacing: .02em;
	line-height: 1.25;
	margin: 0;
	padding: 11px 16px;
	text-transform: uppercase;
}

.hu-banner-titlebar__tag {
	align-items: center;
	background: var(--hu-coral);
	clip-path: polygon(16px 0, 100% 0, 100% 100%, 0 100%);
	color: #fff;
	display: flex;
	font-size: 11px;
	font-weight: 800;
	justify-content: center;
	letter-spacing: .055em;
	min-width: 116px;
	padding: 9px 14px 9px 28px;
	text-transform: uppercase;
}

.hu-banner-titlebar__tag img {
	display: block;
	height: auto;
	width: 68px;
}

.hu-banner-panel__body {
	padding: 20px;
	width: 100%;
}

.hu-banner-panel p {
	color: #4d5970;
	font-size: 14.5px;
	font-weight: 450;
	line-height: 1.7;
	margin: 0 0 20px;
	text-align: left;
}

.hu-banner-deal {
	background: #f7f9fc;
	border: 1px solid #d7e0ed;
	border-radius: 6px;
	box-shadow: none;
	gap: 14px;
	margin: 0 0 12px;
	padding: 12px 14px;
}

.hu-banner-deal__caption {
	color: #3d485d;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .045em;
}

.hu-banner-deal__amount {
	color: var(--hu-coral-text);
	font-size: 19px;
	font-weight: 780;
	letter-spacing: .025em;
}

.hu-banner-actions {
	gap: 10px;
	justify-content: flex-start;
}

.hu-banner-panel .hu-action {
	border-radius: 6px;
	box-shadow: none;
}

.hu-banner-panel .hu-banner-cta--muted {
	background: #fff;
	border-color: #cbd7e8;
	color: #283247;
}

.hu-banner-panel .hu-banner-cta--muted:hover {
	background: #f4f7fb;
	border-color: var(--hu-coral);
	color: #161d2c;
}

@media (max-width: 1140px) {
	.hu-banner-layout {
		align-items: center;
	}

	.hu-banner-panel {
		flex: 0 0 auto;
		margin: 0 auto;
		max-width: 700px;
		order: 1;
		width: 100%;
	}

	.hu-banner-promos {
		margin: 0 auto;
		max-width: 700px;
		order: 2;
		width: 100%;
	}
}

@media (max-width: 560px) {
	.hu-banner-panel {
		border-radius: 6px;
		padding: 0;
	}

	.hu-banner-titlebar h1 {
		font-size: 18px;
		line-height: 1.24;
		padding: 10px 13px;
	}

	.hu-banner-titlebar__tag {
		clip-path: polygon(13px 0, 100% 0, 100% 100%, 0 100%);
		font-size: 10px;
		min-width: 92px;
		padding: 8px 10px 8px 23px;
	}

	.hu-banner-titlebar__tag img {
		width: 54px;
	}

	.hu-banner-panel__body {
		padding: 18px;
	}

	.hu-banner-panel p {
		font-size: 14px;
		line-height: 1.65;
	}

	.hu-banner-panel .hu-banner-cta {
		flex: 1 1 100%;
		width: 100%;
	}

	.hu-banner-panel .hu-banner-cta--muted {
		display: none;
	}
}

/* Refined flat footer; icon slots can be extended later. */
.hu-footer--expanded {
	background: #171d2a;
	border-top: 3px solid var(--hu-coral);
	color: #d7deeb;
	padding: 44px 0 18px;
}

.hu-footer-grid {
	align-items: start;
	display: grid;
	gap: 54px;
	grid-template-columns: minmax(210px, .65fr) minmax(260px, 1fr) minmax(280px, 1fr);
	padding-bottom: 34px;
}

.hu-footer-pane--profile,
.hu-footer-pane--navigation,
.hu-footer-pane--downloads {
	justify-self: start;
	max-width: none;
	width: 100%;
}

.hu-footer-brand {
	align-items: center;
	display: flex;
	gap: 13px;
	margin-bottom: 24px;
}

.hu-footer-brand img {
	display: block;
	height: auto;
	width: 120px;
}

.hu-footer-brand span {
	border-left: 1px solid #3a4559;
	color: #aeb8ca;
	font-size: 12px;
	font-weight: 650;
	letter-spacing: .045em;
	padding-left: 13px;
	text-transform: uppercase;
}

.hu-footer-heading {
	color: #fff;
	font-size: 14px;
	font-weight: 750;
	letter-spacing: .055em;
	margin: 0 0 14px;
	padding-bottom: 10px;
	position: relative;
	text-transform: uppercase;
}

.hu-footer-heading::after {
	background: var(--hu-coral);
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 34px;
}

.hu-footer-pane--profile p,
.hu-footer-pane--downloads p {
	color: #aeb8ca;
	font-size: 13.5px;
	line-height: 1.72;
	margin: 0;
}

.hu-footer-menu {
	display: grid;
	gap: 0 24px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
	padding: 0;
}

.hu-footer-menu li {
	border-bottom: 1px solid #2c3547;
	display: block;
}

.hu-footer-menu li:last-child,
.hu-footer-menu li:nth-last-child(2):nth-child(odd) {
	border-bottom: 0;
}

.hu-footer-menu li:not(:last-child)::after {
	display: none;
}

.hu-footer-anchor,
.hu-footer-menu a {
	align-items: center;
	color: #c9d1df;
	display: flex;
	font-size: 13px;
	line-height: 1.35;
	min-height: 39px;
	padding: 7px 0;
}

.hu-download-actions {
	gap: 9px;
	justify-content: space-between;
	margin-top: 17px;
}

.hu-store-button {
	border-radius: 6px;
	height: 42px;
	min-width: 136px;
	overflow: hidden;
}

.hu-assurance-row {
	border-bottom: 1px solid #2d3749;
	border-top: 1px solid #2d3749;
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	padding: 17px 0;
}

.hu-assurance-mark {
	min-height: 40px;
	padding: 4px;
}

.hu-assurance-mark img {
	filter: none;
	max-height: 32px;
	max-width: 112px;
	opacity: .96;
}

.hu-assurance-mark--age {
	background: #f7f9fc;
	border-radius: 6px;
	justify-self: center;
	padding: 5px;
	width: 44px;
}

.hu-assurance-mark--age img {
	max-height: 28px;
	max-width: 28px;
}

.hu-footer-disclaimer {
	align-items: flex-start;
	display: flex;
	gap: 32px;
	justify-content: space-between;
	margin: 0;
	max-width: none;
	padding-top: 19px;
	text-align: left;
}

.hu-footer-disclaimer p {
	color: #929eb2;
	font-size: 12.5px;
	line-height: 1.65;
	margin: 0;
	max-width: 760px;
}

.hu-footer-disclaimer .hu-copyright-line {
	color: #bcc5d4;
	white-space: nowrap;
}

@media (max-width: 980px) {
	.hu-footer-grid {
		gap: 36px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hu-footer-pane--profile {
		grid-column: 1 / -1;
	}
}

@media (max-width: 640px) {
	.hu-footer--expanded {
		padding: 36px 0 16px;
	}

	.hu-footer-grid {
		gap: 28px;
		grid-template-columns: 1fr;
		padding-bottom: 28px;
	}

	.hu-footer-pane--profile {
		grid-column: auto;
	}

	.hu-footer-brand {
		margin-bottom: 20px;
	}

	.hu-footer-menu {
		grid-template-columns: 1fr;
	}

	.hu-footer-menu li:nth-last-child(2):nth-child(odd) {
		border-bottom: 1px solid #2c3547;
	}

	.hu-footer-menu li:last-child {
		border-bottom: 0;
	}

	.hu-assurance-row {
		gap: 14px;
		grid-template-columns: repeat(3, minmax(70px, 1fr));
	}

	.hu-footer-disclaimer {
		flex-direction: column;
		gap: 10px;
	}
}

/* Compact single-line sports navigation. */
.hu-sports-section {
	background: #f1f4fa;
	padding: 27px 0 22px;
}

.hu-sports-section__title {
	color: var(--hu-text-deep);
	font-size: 14px;
	font-weight: 650;
	letter-spacing: .025em;
	line-height: 1.2;
	margin: 0 0 14px;
	text-transform: uppercase;
}

.hu-sports-toolbar {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: flex-start;
	margin-bottom: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	white-space: nowrap;
}

.hu-sports-toolbar::-webkit-scrollbar {
	display: none;
}

.hu-sports-modes {
	display: flex;
	flex: 0 0 auto;
	gap: 7px;
	margin-left: auto;
}

.hu-sports-mode {
	align-items: center;
	background: rgba(255, 255, 255, .56);
	border: 1px solid #8fa5c8;
	border-radius: 8px;
	color: var(--hu-text-deep);
	display: inline-flex;
	font-size: 13px;
	font-weight: 650;
	gap: 5px;
	line-height: 1;
	min-height: 34px;
	padding: 7px 10px;
	white-space: nowrap;
}

.hu-sports-mode svg {
	fill: none;
	height: 16px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 16px;
}

.hu-sports-mode:first-child svg {
	fill: currentColor;
	stroke: none;
}

.hu-sports-mode:hover,
.hu-sports-mode:focus-visible {
	background: #fff;
	border-color: var(--hu-coral);
	color: var(--hu-coral-text);
}

.hu-sports-section .hu-sports-carousel {
	display: flex;
	flex-wrap: nowrap;
	flex: 0 0 auto;
	gap: 20px;
	justify-content: flex-start;
	overflow: visible;
	padding: 0;
	scrollbar-width: none;
	white-space: nowrap;
}

.hu-sports-section .hu-sport-choice,
.hu-sports-section .hu-sport-choice:nth-child(2) {
	align-items: center;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 999px;
	box-shadow: none;
	color: var(--hu-text-deep);
	display: inline-flex;
	flex: 0 0 auto;
	gap: 7px;
	margin: 0;
	min-height: 36px;
	min-width: max-content;
	padding: 6px 10px;
	transform: none;
	white-space: nowrap;
}

.hu-sports-section .hu-sport-choice--active {
	background: #fff;
	border-color: #b6c6df;
	box-shadow: 0 4px 12px rgba(36, 47, 77, .08);
	padding-left: 12px;
	padding-right: 12px;
}

.hu-sports-section .hu-sport-choice:hover,
.hu-sports-section .hu-sport-choice:focus-visible {
	border-color: rgba(254, 69, 11, .62);
	box-shadow: none;
	color: var(--hu-coral-text);
	transform: none;
}

.hu-sports-section .hu-sport-symbol {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	display: inline-flex;
	flex: 0 0 22px;
	height: 22px;
	justify-content: center;
	width: 22px;
}

.hu-sport-inline-icon,
.hu-popular-icon {
	display: block;
	filter: none;
	height: 21px;
	object-fit: contain;
	width: 21px;
}

.hu-sport-inline-icon {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.65;
}

.hu-popular-icon {
	fill: currentColor;
}

.hu-sports-section .hu-sport-label {
	font-size: 13px;
	font-weight: 620;
	letter-spacing: 0;
	line-height: 1;
	white-space: nowrap;
}

@media (max-width: 640px) {
	.hu-sports-section {
		padding: 20px 0 17px;
	}

	.hu-sports-section__title {
		font-size: 13px;
		margin-bottom: 12px;
	}

	.hu-sports-toolbar {
		gap: 20px;
		margin-bottom: 11px;
	}

	.hu-sports-section .hu-sports-carousel {
		gap: 18px;
	}
}

/* Evergreen betting information cards: no dates, teams, or changing odds. */
.hu-betting-guides {
	background: linear-gradient(180deg, #e9eef7 0, #f1f4fa 18px);
	border-top: 1px solid #cbd7e8;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78);
	color: var(--hu-text-deep);
	padding: 26px 0 48px;
}

.hu-betting-guides__title {
	color: var(--hu-text-deep);
	font-size: 16px;
	font-weight: 650;
	letter-spacing: .01em;
	line-height: 1.2;
	margin: 0 0 18px;
	text-transform: uppercase;
}

.hu-betting-guides__grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hu-guide-card {
	background: #fff;
	border: 1px solid #c9d5e8;
	border-radius: 15px;
	box-shadow: 0 10px 24px rgba(36, 47, 77, .08);
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
}

.hu-guide-card__header {
	align-items: center;
	background: #2e374e;
	color: #fff;
	display: flex;
	justify-content: space-between;
	min-height: 47px;
	padding: 0 0 0 17px;
}

.hu-guide-card__title {
	font-size: 15px;
	font-weight: 780;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0;
	white-space: nowrap;
}

.hu-guide-card__header > span {
	align-items: center;
	align-self: stretch;
	background: linear-gradient(135deg, var(--hu-coral) 0%, #ff1f68 100%);
	clip-path: polygon(18px 0, 100% 0, 100% 100%, 0 100%);
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	justify-content: center;
	min-width: 94px;
	padding: 0 14px 0 26px;
	text-transform: uppercase;
	white-space: nowrap;
}

.hu-guide-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 4px 13px 0;
}

.hu-guide-item {
	align-items: center;
	border-bottom: 1px dashed #d8e1f0;
	display: grid;
	gap: 10px;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	min-height: 77px;
	padding: 10px 0;
}

.hu-guide-item:last-child {
	border-bottom: 0;
}

.hu-guide-item__symbol {
	align-items: center;
	background: #f5f8fd;
	border: 1px solid #c9d7eb;
	border-radius: 50%;
	color: #24314a;
	display: inline-flex;
	font-size: 9px;
	font-weight: 850;
	height: 32px;
	justify-content: center;
	letter-spacing: -.03em;
	width: 32px;
}

.hu-guide-item__copy {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.hu-guide-item__copy strong {
	color: #141b29;
	font-size: 13px;
	font-weight: 760;
	letter-spacing: 0;
	line-height: 1.25;
}

.hu-guide-item__copy small {
	color: #536078;
	font-size: 11.5px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.35;
}

.hu-guide-item__tag {
	background: #f6f9fd;
	border: 1px solid #d5e0f0;
	border-radius: 9px;
	color: #28782e;
	font-size: 11px;
	font-weight: 780;
	line-height: 1;
	min-width: 102px;
	padding: 10px 9px;
	text-align: center;
	white-space: nowrap;
}

.hu-guide-card__footer {
	margin-top: auto;
	padding: 10px 13px 13px;
}

.hu-guide-card__button {
	align-items: center;
	background: #f7f9fd;
	border: 1px solid #d4dfef;
	border-radius: 9px;
	color: #121927;
	display: flex;
	font-size: 11px;
	font-weight: 800;
	gap: 5px;
	justify-content: center;
	letter-spacing: .015em;
	min-height: 38px;
	padding: 8px 12px;
	text-transform: uppercase;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease;
	width: 100%;
}

.hu-guide-card__arrow {
	fill: none;
	flex: 0 0 14px;
	height: 14px;
	stroke: var(--hu-coral);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	width: 14px;
}

.hu-guide-card__button:hover,
.hu-guide-card__button:focus-visible {
	background: var(--hu-coral);
	border-color: var(--hu-coral);
	color: #fff;
}

.hu-guide-card__button:hover .hu-guide-card__arrow,
.hu-guide-card__button:focus-visible .hu-guide-card__arrow {
	stroke: #fff;
}

@media (max-width: 1080px) {
	.hu-betting-guides__grid {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x proximity;
		scrollbar-width: thin;
	}

	.hu-guide-card {
		flex: 0 0 min(420px, 86vw);
		scroll-snap-align: start;
	}
}

@media (max-width: 640px) {
	.hu-betting-guides {
		padding: 21px 0 38px;
	}

	.hu-betting-guides__title {
		font-size: 15px;
		margin-bottom: 14px;
	}

	.hu-guide-item {
		grid-template-columns: 32px minmax(0, 1fr) auto;
		min-height: 72px;
	}

	.hu-guide-item__tag {
		min-width: 102px;
		padding-left: 7px;
		padding-right: 7px;
	}
}

/* Long-form Hungarian homepage content. */
.hu-main-content-section {
	background: #f1f4fa;
	border-top: 1px solid #cbd7e8;
	color: var(--hu-text-clear);
	padding: 58px 0 28px;
}

.hu-content-article {
	background: #fff;
	border-radius: 8px;
	font-family: "Segoe UI", Arial, sans-serif;
	letter-spacing: 0;
	margin: 0 auto;
	max-width: none;
	padding: 44px 50px 50px;
	width: 100%;
}

.hu-content-article :where(h2, h3) {
	color: #161d2c;
	font-family: "Arial Narrow", "Segoe UI", Arial, sans-serif;
	letter-spacing: .015em;
	scroll-margin-top: 92px;
}

.hu-content-article p {
	color: #4d5970;
	font-size: 15.5px;
	font-weight: 450;
	letter-spacing: 0;
	line-height: 1.72;
	margin: 0 0 16px;
}

.hu-content-visual {
	background: #eef2f8;
	border: 1px solid #d7e0ed;
	border-radius: 6px;
	margin: 24px auto 28px;
	max-width: 900px;
	overflow: hidden;
	width: 100%;
}

.hu-content-visual img {
	display: block;
	height: auto;
	width: 100%;
}

.hu-content-intro {
	background: transparent;
	border: 0;
	border-bottom: 1px solid #cbd6e6;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: 0 0 38px;
}

.hu-content-intro p:last-child,
.hu-content-block > p:last-child,
.hu-content-subsection > p:last-child,
.hu-regulatory-note p:last-child,
.hu-faq-item__answer p:last-child {
	margin-bottom: 0;
}

.hu-content-block {
	background: transparent;
	border: 0;
	border-bottom: 1px solid #cbd6e6;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: 42px 0 44px;
}

.hu-content-block:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.hu-content-article .hu-content-block > h2 {
	font-size: clamp(21px, 2vw, 25px);
	font-weight: 720;
	line-height: 1.28;
	margin: 0 0 21px;
	padding: 0 0 13px;
	position: relative;
}

.hu-content-article .hu-content-block > h2::after {
	background: var(--hu-coral);
	border-radius: 999px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	bottom: 0;
	width: 72px;
}

.hu-content-subsection {
	border-top: 1px solid #e1e7f1;
	margin-top: 30px;
	padding-top: 28px;
}

.hu-content-article .hu-content-subsection h3 {
	color: #222c41;
	font-size: 18.5px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 16px;
	padding-bottom: 10px;
	position: relative;
}

.hu-content-article .hu-content-subsection h3::after {
	background: var(--hu-coral);
	border-radius: 999px;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 110px;
}

.hu-content-list {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 20px 0 24px;
	padding: 0;
}

.hu-content-list li {
	background: transparent;
	border: 0;
	border-bottom: 1px solid #d7e0ed;
	border-radius: 0;
	color: #37445b;
	font-size: 15px;
	line-height: 1.55;
	padding: 12px 14px 12px 42px;
	position: relative;
}

.hu-content-list li::before {
	background: var(--hu-coral);
	border: 0;
	border-radius: 50%;
	content: "";
	height: 8px;
	left: 10px;
	position: absolute;
	top: 19px;
	width: 8px;
}

.hu-content-list--licenses {
	column-gap: 30px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hu-content-list--licenses li {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.hu-content-list--licenses strong {
	color: #202a3e;
	font-size: 15px;
}

.hu-content-list--licenses span {
	color: #566278;
	font-size: 14px;
}

.hu-content-list--compact {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hu-content-list--chips {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.hu-content-list--chips li {
	background: transparent;
	border-color: #ffd4c6;
	border: 1px solid #e0ad9d;
	border-radius: 3px;
	color: #5c3326;
	font-size: 13.5px;
	font-weight: 650;
	padding: 8px 13px;
}

.hu-content-list--chips li::before {
	display: none;
}

.hu-content-list--warnings li::before {
	background: var(--hu-coral);
}

.hu-regulatory-note {
	background: #fff2ed;
	border: 1px solid #ffc6b3;
	border-radius: 3px;
	margin: 26px 0 0;
	padding: 21px 23px;
}

.hu-regulatory-note strong {
	color: #6f2d18;
	font-weight: 750;
}

.hu-regulatory-note p {
	color: #6c4639;
	font-size: 14.5px;
	line-height: 1.65;
}

.hu-content-table-wrap {
	border: 1px solid #d7e0ed;
	border-radius: 6px;
	box-shadow: none;
	margin: 25px 0 30px;
	overflow-x: auto;
}

.hu-content-table-wrap:focus-visible {
	outline: 2px solid var(--hu-coral);
	outline-offset: 3px;
}

.hu-content-table {
	background: #fff;
	border-collapse: collapse;
	min-width: 680px;
	width: 100%;
}

.hu-content-table th,
.hu-content-table td {
	border-bottom: 1px solid #e0e6f0;
	color: #46536a;
	font-size: 14px;
	line-height: 1.5;
	padding: 13px 16px;
	text-align: left;
	vertical-align: top;
}

.hu-content-table thead th {
	background: #29334a;
	color: #fff;
	font-size: 13px;
	font-weight: 750;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.hu-content-table tbody th {
	color: #202a3f;
	font-weight: 700;
	width: 28%;
}

.hu-content-table tbody tr:nth-child(even) {
	background: #f8fafd;
}

.hu-content-table tbody tr:hover {
	background: #fff2ed;
}

.hu-content-table tbody tr:last-child > * {
	border-bottom: 0;
}

.hu-faq-section {
	margin-bottom: 0;
}

.hu-faq-list {
	display: grid;
	gap: 11px;
}

.hu-faq-item {
	background: transparent;
	border: 1px solid #d8e1ee;
	border-radius: 3px;
	overflow: hidden;
}

.hu-faq-item summary {
	align-items: center;
	color: #202a3e;
	cursor: pointer;
	display: flex;
	font-size: 16px;
	font-weight: 700;
	justify-content: space-between;
	line-height: 1.4;
	list-style: none;
	padding: 17px 19px;
}

.hu-faq-item summary::-webkit-details-marker {
	display: none;
}

.hu-faq-item summary::after {
	align-items: center;
	background: #fff0ea;
	border: 1px solid #ffd0c0;
	border-radius: 2px;
	color: var(--hu-coral);
	content: "+";
	display: flex;
	flex: 0 0 28px;
	font-size: 20px;
	font-weight: 500;
	height: 28px;
	justify-content: center;
	margin-left: 16px;
}

.hu-faq-item[open] summary {
	background: #fff;
	border-bottom: 1px solid #e0e6ef;
}

.hu-faq-item[open] summary::after {
	background: var(--hu-coral);
	color: #fff;
	content: "−";
}

.hu-faq-item__answer {
	background: #fff;
	padding: 17px 19px 19px;
}

.hu-faq-item__answer p {
	font-size: 15px;
	line-height: 1.7;
}

@media (max-width: 900px) {
	.hu-main-content-section {
		padding-top: 44px;
	}

	.hu-content-article {
		padding: 36px 30px 42px;
	}

	.hu-content-list--licenses {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.hu-main-content-section {
		padding: 34px 0 24px;
	}

	.hu-content-article {
		border-radius: 6px;
		padding: 28px 20px 34px;
	}

	.hu-content-intro {
		border-radius: 0;
		padding-bottom: 30px;
	}

	.hu-content-article p {
		font-size: 15px;
		line-height: 1.68;
	}

	.hu-content-block {
		border-radius: 0;
		padding-bottom: 34px;
		padding-top: 34px;
	}

	.hu-content-article .hu-content-block > h2 {
		font-size: 21px;
		padding-left: 0;
	}

	.hu-content-article .hu-content-subsection h3 {
		font-size: 18px;
	}

	.hu-content-list--compact {
		grid-template-columns: 1fr;
	}

	.hu-regulatory-note {
		padding: 18px 16px;
	}

	.hu-faq-item summary {
		font-size: 15px;
		padding: 15px;
	}

	.hu-faq-item__answer {
		padding: 15px;
	}
}

/* Hungarian 404 page. */
.hu-404-page {
	background: #f1f4fa;
	color: #161d2c;
}

.hu-not-found-section {
	align-items: center;
	display: flex;
	min-height: 560px;
	padding: 72px 0 44px;
}

.hu-not-found-panel {
	background: #fff;
	border: 1px solid #d7e0ed;
	border-radius: 8px;
	display: grid;
	grid-template-columns: minmax(230px, .72fr) minmax(0, 1.4fr);
	margin: 0 auto;
	max-width: 940px;
	overflow: hidden;
	width: 100%;
}

.hu-not-found-code {
	align-items: center;
	background: #2e374e;
	border-bottom: 5px solid var(--hu-coral);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 340px;
	padding: 34px 24px;
}

.hu-not-found-code span {
	font-size: clamp(78px, 9vw, 116px);
	font-weight: 820;
	letter-spacing: -.045em;
	line-height: .95;
}

.hu-not-found-code small {
	color: #dce3ef;
	font-size: 13px;
	font-weight: 750;
	letter-spacing: .16em;
	margin-top: 16px;
	text-transform: uppercase;
}

.hu-not-found-body {
	align-self: center;
	padding: 46px 48px;
}

.hu-not-found-label {
	color: var(--hu-coral-text);
	font-size: 12px;
	font-weight: 750;
	letter-spacing: .08em;
	margin-bottom: 11px;
	text-transform: uppercase;
}

.hu-not-found-body h1 {
	color: #161d2c;
	font-size: clamp(27px, 3vw, 36px);
	font-weight: 750;
	letter-spacing: .01em;
	line-height: 1.2;
	margin: 0 0 17px;
	text-transform: none;
}

.hu-not-found-body p {
	color: #4d5970;
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 15px;
	font-weight: 450;
	letter-spacing: 0;
	line-height: 1.7;
	margin: 0;
	max-width: 560px;
}

.hu-not-found-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 25px;
}

.hu-not-found-action {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 6px;
	display: inline-flex;
	font-size: 12px;
	font-weight: 780;
	justify-content: center;
	letter-spacing: .025em;
	min-height: 44px;
	padding: 10px 18px;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.hu-not-found-action--primary {
	background: var(--hu-coral);
	color: #fff;
}

.hu-not-found-action--primary:hover,
.hu-not-found-action--primary:focus-visible {
	background: var(--hu-glow);
	color: #fff;
}

.hu-not-found-action--secondary {
	background: #fff;
	border-color: #cbd7e8;
	color: #283247;
}

.hu-not-found-action--secondary:hover,
.hu-not-found-action--secondary:focus-visible {
	background: #f4f7fb;
	border-color: var(--hu-coral);
	color: #161d2c;
}

.hu-not-found-action:focus-visible {
	outline: 2px solid var(--hu-coral);
	outline-offset: 3px;
}

@media (max-width: 700px) {
	.hu-not-found-section {
		min-height: 0;
		padding: 42px 0 28px;
	}

	.hu-not-found-panel {
		grid-template-columns: 1fr;
	}

	.hu-not-found-code {
		min-height: 150px;
		padding: 26px 20px;
	}

	.hu-not-found-code span {
		font-size: 70px;
	}

	.hu-not-found-code small {
		margin-top: 10px;
	}

	.hu-not-found-body {
		padding: 30px 24px;
	}

	.hu-not-found-body h1 {
		font-size: 27px;
	}

	.hu-not-found-actions {
		flex-direction: column;
	}

	.hu-not-found-action {
		width: 100%;
	}
}

/* Shared semantic content pages selected through WordPress page templates. */
.hu-inner-page-section {
	padding-top: 20px;
}

.hu-content-page .hu-breadcrumbs {
	border-radius: 8px;
	box-shadow: 0 5px 14px rgba(36, 47, 77, .07);
	font-size: 13px;
	line-height: 1.45;
	margin: 0 0 14px;
	padding: 9px 14px;
	width: 100%;
}

.hu-page-article {
	border: 1px solid #d7e0ed;
	overflow: hidden;
	padding: 0;
}

.hu-page-titlebar {
	align-items: stretch;
	background: #fff;
	border-bottom: 1px solid #d7e0ed;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	min-height: 58px;
}

.hu-page-titlebar h1 {
	align-items: center;
	color: #202a3e;
	display: flex;
	font-size: clamp(24px, 2.5vw, 31px);
	font-weight: 740;
	letter-spacing: .015em;
	line-height: 1.22;
	margin: 0;
	padding: 14px 24px;
	text-transform: none;
}

.hu-page-titlebar__type {
	align-items: center;
	background: var(--hu-coral);
	clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%);
	color: #fff;
	display: flex;
	justify-content: center;
	min-width: 116px;
	padding: 12px 16px 12px 34px;
}

.hu-page-titlebar__type img {
	display: block;
	height: auto;
	width: 68px;
}

.hu-page-content-body {
	padding: 42px 50px 48px;
}

.hu-document-meta {
	background: #f7f9fc;
	border: 1px solid #d7e0ed;
	border-radius: 6px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 28px;
	overflow: hidden;
}

.hu-document-meta > div {
	align-items: center;
	display: flex;
	gap: 9px;
	padding: 11px 15px;
}

.hu-document-meta > div + div {
	border-left: 1px solid #d7e0ed;
}

.hu-document-meta dt {
	color: #637087;
	font-size: 12px;
	font-weight: 650;
}

.hu-document-meta dd {
	color: #263147;
	font-size: 12.5px;
	font-weight: 750;
	margin: 0;
}

.hu-page-content-body > :first-child {
	margin-top: 0;
}

.hu-page-content-body > :last-child {
	margin-bottom: 0;
}

.hu-page-content-body :where(h2, h3, h4) {
	color: #202a3e;
	font-family: "Arial Narrow", "Segoe UI", Arial, sans-serif;
	letter-spacing: .01em;
	text-transform: none;
}

.hu-page-content-body h2 {
	font-size: clamp(21px, 2vw, 26px);
	font-weight: 730;
	line-height: 1.28;
	margin: 42px 0 20px;
	padding-bottom: 12px;
	position: relative;
}

.hu-page-content-body h2::after {
	background: var(--hu-coral);
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 68px;
}

.hu-page-content-body h3 {
	border-top: 1px solid #e1e7f1;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.32;
	margin: 32px 0 16px;
	padding-top: 24px;
}

.hu-page-content-body h4 {
	font-size: 16.5px;
	font-weight: 720;
	line-height: 1.4;
	margin: 26px 0 13px;
}

.hu-page-content-body p {
	margin-bottom: 16px;
}

.hu-page-content-body a:not(.wp-block-button__link) {
	color: var(--hu-green);
	font-weight: 650;
	text-decoration: underline;
	text-decoration-color: rgba(17, 123, 33, .3);
	text-underline-offset: 3px;
}

.hu-page-content-body a:not(.wp-block-button__link):hover,
.hu-page-content-body a:not(.wp-block-button__link):focus-visible {
	color: var(--hu-coral-text);
	text-decoration-color: currentColor;
}

.hu-page-content-body :where(ul, ol) {
	display: grid;
	gap: 0;
	list-style: none;
	margin: 20px 0 26px;
	padding: 0;
}

.hu-page-content-body ol {
	counter-reset: hu-content-item;
}

.hu-page-content-body :where(ul, ol) > li {
	border-bottom: 1px solid #dce4ef;
	color: #37445b;
	font-size: 15px;
	line-height: 1.58;
	padding: 12px 12px 12px 40px;
	position: relative;
}

.hu-page-content-body ul > li::before {
	background: var(--hu-coral);
	border-radius: 50%;
	content: "";
	height: 7px;
	left: 12px;
	position: absolute;
	top: 20px;
	width: 7px;
}

.hu-page-content-body ol > li {
	counter-increment: hu-content-item;
}

.hu-page-content-body ol > li::before {
	color: var(--hu-coral-text);
	content: counter(hu-content-item) ".";
	font-size: 13px;
	font-weight: 800;
	left: 10px;
	position: absolute;
	top: 13px;
}

.hu-page-content-body :where(ul, ol) :where(ul, ol) {
	margin: 10px 0 0;
}

.hu-page-content-body blockquote {
	background: #fff2ed;
	border: 1px solid #ffc6b3;
	border-radius: 4px;
	color: #6c4639;
	margin: 26px 0;
	padding: 20px 22px;
}

.hu-page-content-body blockquote p {
	color: inherit;
	font-size: 14.5px;
	line-height: 1.68;
}

.hu-page-content-body :where(figure, .wp-block-image) {
	margin: 26px 0;
}

.hu-page-content-body img {
	border-radius: 6px;
	height: auto;
	max-width: 100%;
}

.hu-page-content-body figcaption {
	color: #667187;
	font-size: 12.5px;
	line-height: 1.5;
	margin-top: 8px;
	text-align: center;
}

.hu-page-content-body .wp-block-table {
	border: 1px solid #d7e0ed;
	border-radius: 6px;
	margin: 26px 0 30px;
	overflow-x: auto;
}

.hu-page-content-body > table {
	border: 1px solid #d7e0ed;
	border-radius: 6px;
	display: block;
	margin: 26px 0 30px;
	overflow-x: auto;
}

.hu-page-content-body table {
	background: #fff;
	border-collapse: collapse;
	min-width: 680px;
	width: 100%;
}

.hu-page-content-body :where(th, td) {
	border-bottom: 1px solid #e0e6f0;
	color: #46536a;
	font-size: 14px;
	line-height: 1.5;
	padding: 13px 16px;
	text-align: left;
	vertical-align: top;
}

.hu-page-content-body thead th {
	background: #29334a;
	color: #fff;
	font-size: 13px;
	font-weight: 750;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.hu-page-content-body tbody th {
	color: #202a3f;
	font-weight: 700;
}

.hu-page-content-body tbody tr:nth-child(even) {
	background: #f8fafd;
}

.hu-page-content-body tbody tr:last-child > * {
	border-bottom: 0;
}

.hu-page-content-body details {
	border: 1px solid #d8e1ee;
	border-radius: 4px;
	margin-bottom: 10px;
	overflow: hidden;
}

.hu-page-content-body details summary {
	color: #202a3e;
	cursor: pointer;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
	padding: 15px 18px;
}

.hu-page-content-body details[open] summary {
	background: #f7f9fc;
	border-bottom: 1px solid #e0e6ef;
}

.hu-page-content-body details > :not(summary) {
	margin-left: 18px;
	margin-right: 18px;
}

.hu-page-content-body details > :last-child {
	margin-bottom: 18px;
}

.hu-page-content-body .wp-block-button__link {
	background: var(--hu-coral);
	border-radius: 6px;
	color: #fff;
	font-size: 12px;
	font-weight: 780;
	padding: 12px 18px;
	text-transform: uppercase;
}

.hu-content-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 28px;
}

.hu-support-contact-form {
	background: #f7f9fc;
	border: 1px solid #d7e0ed;
	border-radius: 6px;
	margin: 28px 0 32px;
	padding: 24px;
}

.hu-page-content-body .hu-support-contact-form__intro h3 {
	border-top: 0;
	margin: 0 0 8px;
	padding-top: 0;
}

.hu-support-contact-form__intro p {
	color: #5d6980;
	font-size: 13.5px;
	line-height: 1.55;
	margin: 0 0 22px;
}

.hu-support-contact-form__grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hu-support-contact-form__field {
	display: grid;
	gap: 7px;
	margin-bottom: 16px;
}

.hu-support-contact-form__field > span {
	color: #2c3850;
	font-size: 12.5px;
	font-weight: 720;
}

.hu-support-contact-form__field :where(input, select, textarea) {
	background: #fff;
	border: 1px solid #ccd6e5;
	border-radius: 5px;
	color: #263147;
	font: inherit;
	font-size: 14px;
	line-height: 1.45;
	min-width: 0;
	outline: none;
	padding: 11px 12px;
	transition: border-color .2s ease, box-shadow .2s ease;
	width: 100%;
}

.hu-support-contact-form__field :where(input, select) {
	min-height: 44px;
}

.hu-support-contact-form__field textarea {
	min-height: 132px;
	resize: vertical;
}

.hu-support-contact-form__field :where(input, select, textarea):focus {
	border-color: var(--hu-coral);
	box-shadow: 0 0 0 3px rgba(254, 68, 11, .12);
}

.hu-support-contact-form__actions {
	border-top: 1px solid #dbe3ee;
	display: flex;
	justify-content: flex-end;
	margin-top: 6px;
	padding-top: 18px;
}

.hu-support-contact-form__button {
	background: var(--hu-coral);
	border: 0;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: 780;
	letter-spacing: .045em;
	min-height: 44px;
	padding: 11px 18px;
	text-transform: uppercase;
	transition: background-color .2s ease, transform .2s ease;
}

.hu-support-contact-form__button:hover,
.hu-support-contact-form__button:focus-visible {
	background: var(--hu-glow);
	transform: translateY(-1px);
}

.hu-content-page--casino .hu-page-article,
.hu-content-page--bonus .hu-page-article,
.hu-content-page--app .hu-page-article {
	background: transparent;
	border: 0;
	border-radius: 0;
	overflow: visible;
}

.hu-content-page--casino .hu-page-titlebar,
.hu-content-page--bonus .hu-page-titlebar,
.hu-content-page--app .hu-page-titlebar {
	border: 1px solid #d7e0ed;
	border-radius: 8px;
	margin-bottom: 16px;
	overflow: hidden;
}

.hu-content-page--casino .hu-page-content-body,
.hu-content-page--bonus .hu-page-content-body,
.hu-content-page--app .hu-page-content-body {
	padding: 0;
}

.hu-casino-panel,
.hu-bonus-panel,
.hu-app-panel {
	background: #fff;
	border: 1px solid #d7e0ed;
	border-radius: 8px;
	margin-bottom: 16px;
	padding: 30px 34px;
}

.hu-bonus-promotion-visual {
	background: #fff;
	border: 1px solid #d7e0ed;
	border-radius: 8px;
	margin: 24px auto 28px;
	max-width: 1080px;
	overflow: hidden;
}

.hu-bonus-promotion-visual:focus-visible {
	outline: 2px solid var(--hu-coral);
	outline-offset: 2px;
}

.hu-bonus-promotion-visual img {
	display: block;
	height: auto;
	width: 100%;
}

.hu-app-device-visual {
	margin: 22px auto 26px;
}

.hu-app-device-visual--tablet {
	max-width: 680px;
}

.hu-app-device-visual--phone {
	max-width: 280px;
}

.hu-app-device-visual img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}

.hu-casino-panel > :first-child,
.hu-bonus-panel > :first-child,
.hu-app-panel > :first-child {
	margin-top: 0;
}

.hu-casino-panel > :last-child,
.hu-bonus-panel > :last-child,
.hu-app-panel > :last-child {
	margin-bottom: 0;
}

.hu-casino-catalog > .hu-casino-panel:last-child,
.hu-bonus-group > .hu-bonus-panel:last-child,
.hu-app-group > .hu-app-panel:last-child {
	margin-bottom: 16px;
}

.hu-page-content-body .hu-casino-subsection h3,
.hu-page-content-body .hu-bonus-subsection h3,
.hu-page-content-body .hu-app-subsection h3 {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

.hu-casino-slot-grid:empty {
	display: none;
}

.hu-casino-slot-grid:not(:empty) {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin: 20px 0 24px;
}

.hu-casino-slot-card {
	background: #f7f9fc;
	border: 1px solid #d4ddea;
	border-radius: 6px;
	color: #202a3e;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	padding: 0;
	text-align: left;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.hu-casino-slot-card__visual {
	aspect-ratio: 4 / 3;
	background: #182135;
	display: block;
	overflow: hidden;
}

.hu-casino-slot-grid[data-slot-group="top-10"] .hu-casino-slot-card__visual {
	aspect-ratio: 3 / 4;
}

.hu-page-content-body .hu-casino-slot-name-list {
	column-gap: 22px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hu-casino-slot-card__visual img {
	border-radius: 0;
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform .25s ease;
	width: 100%;
}

.hu-casino-slot-card__content {
	display: grid;
	gap: 7px;
	padding: 11px 12px 12px;
}

.hu-casino-slot-card__content strong {
	font-size: 13px;
	font-weight: 750;
	line-height: 1.35;
}

.hu-casino-slot-card:hover,
.hu-casino-slot-card:focus-visible {
	border-color: var(--hu-coral);
	box-shadow: 0 8px 18px rgba(36, 47, 77, .12);
	outline: 0;
	transform: translateY(-2px);
}

.hu-casino-slot-card:hover .hu-casino-slot-card__visual img,
.hu-casino-slot-card:focus-visible .hu-casino-slot-card__visual img {
	transform: scale(1.035);
}

@media (max-width: 1180px) {
	.hu-casino-slot-grid:not(:empty) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 960px) {
	.hu-casino-slot-grid:not(:empty) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.hu-inner-page-section {
		padding-top: 30px;
	}

	.hu-page-titlebar {
		min-height: 50px;
	}

	.hu-page-titlebar h1 {
		font-size: 22px;
		padding: 12px 16px;
	}

	.hu-page-titlebar__type {
		display: none;
	}

	.hu-page-content-body {
		padding: 28px 20px 34px;
	}

	.hu-document-meta {
		display: grid;
		grid-template-columns: 1fr;
	}

	.hu-document-meta > div {
		justify-content: space-between;
	}

	.hu-document-meta > div + div {
		border-left: 0;
		border-top: 1px solid #d7e0ed;
	}

	.hu-page-content-body h2 {
		font-size: 21px;
		margin-top: 34px;
	}

	.hu-page-content-body h3 {
		font-size: 18px;
	}

	.hu-page-content-body :where(ul, ol) > li {
		font-size: 14.5px;
	}

	.hu-page-content-body blockquote {
		padding: 17px 16px;
	}

	.hu-support-contact-form {
		padding: 18px 16px;
	}

	.hu-support-contact-form__grid {
		grid-template-columns: 1fr;
	}

	.hu-support-contact-form__button {
		width: 100%;
	}

	.hu-content-page--casino .hu-page-titlebar,
	.hu-content-page--bonus .hu-page-titlebar,
	.hu-content-page--app .hu-page-titlebar {
		border-radius: 6px;
		margin-bottom: 12px;
	}

	.hu-casino-panel,
	.hu-bonus-panel,
	.hu-app-panel {
		border-radius: 6px;
		margin-bottom: 12px;
		padding: 24px 20px;
	}

	.hu-bonus-promotion-visual {
		border-radius: 6px;
		margin: 20px auto 24px;
		overflow-x: auto;
	}

	.hu-bonus-promotion-visual img {
		min-width: 680px;
	}

	.hu-app-device-visual {
		margin: 18px auto 22px;
	}

	.hu-casino-slot-grid:not(:empty) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hu-page-content-body .hu-casino-slot-name-list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 400px) {
	.hu-casino-slot-grid:not(:empty) {
		grid-template-columns: 1fr;
	}
}
