*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1;
	margin: 0;
	background: #F7F7F7;
	color: #3c3c3f;
	padding-top: 65px;
}

a {
	color: #4a4ae8;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
strong {
	font-weight: bold;
}
main{
    padding-top:42px !important;
}
.wrapper {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	position: relative;
	padding: 0 15px;
}
.header {
	background: #062733;
	padding: 15px 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}
.header .wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.btn {
	background: #189541;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	border: 1px solid #062733;
	cursor: pointer;
	transition: .3s;
	padding: 12px 20px;
}
.btn:hover {
	background: #faf14e;
}
.logo {
	margin-right: auto;
	width: 230px;
}
.header-link {
	margin: 0 0 0 20px;
	padding: 12px 20px;
}
.desktop-banner {
	margin: 20px 0 30px;
	position: relative;
}
.mobile-banner-img {
	display: none;
}
.banner-titles {
	position: absolute;
	top: 50%;
	left: 70px;
	color: #fff;
	transform: translateY(-50%);
}
.banner-titles .banner-podtitle {

	font-size: 35px;
	margin: 10px 0 0;
}
.banner-titles .banner-title {
	font-weight: 700;
	font-size: 70px;
	line-height: 90%;
}
.slots {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 -7px;
}
.slot-item,
.slot-item-mobile {
	text-decoration: none;
	border:1px solid #444;
	border-radius: 8px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 7px 14px;
	width: calc(20% - 14px);
}
.slot-image {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	transition: .3s;
}
.slot-image .overlay {
	transition: .3s;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	top: 0;
	left: 0;
	opacity: 0;
}
.slot-item .play-now {
	width: 90%;
	max-width: 130px;
	padding: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	opacity: 0;
}
.slot-item:hover .play-now {
	opacity: 1;
}
.slot-item:hover .slot-image picture,
.slot-item-mobile:hover .slot-image picture {
	filter: blur(5px);
}
.slot-item:hover .overlay,
.slot-item-mobile:hover .overlay {
	opacity: 1;
}
.slot-item-mobile .play-now {
	width: 90%;
	max-width: 130px;
	padding: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 150%);
	text-align: center;
}
.slot-item-mobile:hover .play-now {
	transform: translate(-50%, -50%);
}
.slot-title {
	padding: 8px 10px 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 13px;
	text-align: center;
}
.show-more-games {
	background: #3E3E3E;
	font-weight: 600;
	width: 100%;
	display: block;
	padding: 14px 10px;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
	transition: .3s;
	margin: 16px 0 0;
}
.show-more-games:hover {
	background: #189541;
	color: #191A1D;
}
.about-title {
	font-size: 31px;
	margin: 0;
}
section .description {
	font-weight: 300;
	line-height: 20px;
}
p {
    margin: 15px 0 20px;
    line-height: 20px;
    font-weight:300;

}
.about-btn {
	display: inline-block;
	padding: 14px 50px;
}
section {
	padding: 40px 0;
}
h2 {
	align-items: center;
	font-size: 24px;
	font-weight: 600;
	line-height: 108%;
	margin: 0 0 20px;
}
section h2 picture {
	margin: 0 14px 0 0;
	min-width: 36px;
}
.casinos {
	padding: 40px 0 60px;
}
.casinos .table-wrap {
	margin: 40px 0 0;
}
table {
	width: 100%;
	border-spacing: 0;
	border-collapse: initial !important;
}
table th,
table td {
	border:1px solid #444;
	padding: 10px;
	font-size: 14px;
	line-height: 135%;
	text-align: center;
}
table th {
	background: #000;
	font-weight: 400;
}
table th:first-child,
table td:first-child {
	text-align: left;
}
table th:first-child {
	border-radius: 10px 0 0 0;
}
table th:last-child {
	border-radius: 0 10px 0 0;
}
table tr:last-child td:first-child {
	border-radius: 0 0 0 10px;
}
table tr:last-child td:last-child {
	border-radius: 0 0 10px 0;
}
table td {
	background: #dddddd;
	border:1px dotted #189541
}
.casinos table a {
	font-weight: 600;
	padding: 8px;
	display: inline-block;
	background: #1DA029;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	border: none;
	cursor: pointer;
	margin: 0 auto;
	transition: .3s;
	min-width: 100px;
}
.casinos table a:hover {
	background: #00D100;
}
.bg-black {
	background: #0B0B0B;
}
.main-info-description {
	margin: 40px 0 0;
}
.main-info-description td {
	background: none;
	text-align: left;
	font-size: 16px;
}
.main-info-description td:first-child {
	border-left: none;
}
.main-info-description td:last-child {
	border-right: none;
}
.main-info-description tr:first-child td {
	border-top: none;
}
.main-info-description tr:last-child td {
	border-bottom: none;
}
.review {
	padding: 60px 0 0;
}
.review-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 60px;
	border-bottom: 1px solid #444;
}
.review-text {
	max-width: 600px;
	padding: 0 30px 0 0;
}
.review-image {
	max-width: 40%;
}
section ol, section ul {
	margin: 30px 0;
	padding: 0 0 0 10px;
	list-style: none;
	counter-reset: list;
}
section li {
	padding-left:  40px;
	font-weight: 300;
	line-height: 118%;
	margin-bottom: 12px;
	list-style: none;
	position: relative;
}
section li::before {
	counter-increment: list;
	content: counter(list);
	width: 26px;
	min-width: 26px;
	height: 26px;
	border: 2px solid #189541;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	margin: 0 10px 0 0;
	position: absolute;
	left: 0px;
	top:-3px;
}
section ul ul li::before {
	display: none;
}
section ul ul li {
	list-style-type: disc;
	padding-left: 0px;
}
.text-center {
	text-align: center;
}
.create {
	padding: 60px 0 0;
}
.create-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 60px;
	border-bottom: 1px solid #444;
}
.create-text {
	width: 70%;
	padding: 0 30px 0 0;
}
.wrapper-create-image {
	width: 30%;
}
.login-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.create .description a {
	display: inline-block;
	padding: 10px 50px;
	margin-top: 30px;
	background: #1DA029;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	border: none;
	cursor: pointer;
	transition: .3s;
}
.create .description a:hover {
	background: #32C740;
}
.bonuses-description table {
	margin: 40px 0;
}
.bonuses .bonus-item {
	background: #1f1f1f;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 15px;
}
.bonuses .bonus-item h3 {
	color: #189541;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 15px;
}
.bonuses .bonus-item p {
	font-weight: 300;
	line-height: 20px;
}
.bonuses .bonus-item a {
	background: #1DA029;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	border: none;
	display: inline-block;
	cursor: pointer;
	transition: .3s;
	margin: 22px 0 0;
	padding: 12px 30px;
}
.bonuses .bonus-item a:hover {
	background: #32C740;
}
.payments-description h3 {
	color: #189541;
	font-size: 18px;
	font-weight: 600;
	margin: 40px 0 15px;
}
.apps-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.apps-text {
	max-width: 700px;
	padding: 0 30px 0 0;
}
.items {
	padding-top: 0;
}
.items-item {
	padding: 40px 0;
	border-bottom: 1px solid #444;
}
.items-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.items .logos {
	margin: 40px -7px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.logos .logo {
	border:1px solid #444;
	border-radius: 5px;
	height: 60px;
	padding: 5px 20px;
	margin: 0 7px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(16.666% - 14px);
}
.logos .logo img {
	height: 100%;
}
.pros-cons-wrapper {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.pros,
.cons {
	border: 1px solid #444;
	border-radius: 10px;
	width: calc(50% - 30px);
	overflow: hidden;
}
.pros-cons-title {
	background: #444;
	padding: 10px 20px;
	color: #fff;
	font-weight: 600;
}
.pros-cons-inner {
	padding: 20px;
}
.pros li,
.cons li {
	align-items: flex-start;
}
.pros li::before,
.cons li::before {
	list-style: none;
	width: 16px;
	min-width: 16px;
	height: 16px;
	border: none;
	font-size: 21px;
	font-weight: 300;
	color: #0B0B0B;
}
.pros li::before {
	content: "+";
	background: #00CC6A;
}
.cons li::before {
	content: "-";
	background: #DD4200;
}
.faq-wrapper {
	margin-top: 45px;
}
.faq-question {
	padding: 14px 25px 14px 0;
	font-size: 18px;
	border-bottom: 1px solid #444;
	position: relative;
	cursor: pointer;
}
.faq-question::after {
	content: "+";
	color: #189541;
	font-weight: 300;
	font-size: 36px;
	line-height: 17px;
	position: absolute;
	top: 12px;
	right: 0;
}
.faq-question.active::after {
	content: "-";
}
.faq-answer {
	padding: 20px 0;
	border-bottom: 1px solid #444;
	display: none;
}
footer {
	padding: 60px 0;
	background: #062733;
	color:#F0EFF5;
}
.footer-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-top {
	padding-bottom: 40px;
	border-bottom: 1px solid #444;
}
.footer-bottom {
	padding-top: 40px;
}
.plus-18 {
	display: flex;
	align-items: center;
	margin: 0 20px 0 20px;
	padding-left: 20px;
	border-left: 1px solid #444;
}
.plus-18-description {
	padding-left: 14px;
	font-weight: 300;
	font-size: 14px;
	line-height: 105%;
	color: #A3A3A3;
	max-width: 340px;
}
.copyright {
	font-weight: 300;
	font-size: 12px;
	line-height: 105%;
	color: #A3A3A3;
	align-self: flex-end;
	margin-left: auto;
}
.footer-menu-new .menu {
	list-style: none;
	display: flex;
}
.footer-menu-new .menu li {
	margin-left: 70px;
}
.footer-menu-new .menu a {
	text-decoration: none;
	font-weight: 500;
}
.page-template {
	margin-top: 50px;
	margin-bottom: 50px;
}
.page-template h1, .page-template h2, .page-template h3, .page-template h4 {
	margin-bottom: 20px;
}
.page-contents {
	border: 1px solid #444;
	border-radius: 8px;
	padding: 16px 16px 0;
	background: #062733;
}
.page-contents-title {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding-bottom: 14px;
	color:#fff;
}
.page-contents-title.active {
	border-bottom: 1px solid #444;
}
.page-contents-menu {
	display: none;
	padding: 14px;
}
.page-contents-menu li {
	list-style: none;
	margin-bottom: 15px;
}
.page-contents-menu a {
	text-decoration: none;
	color:#F0EFF5;
}
.menu-arrow {
	margin-left: auto;
}
.menu-icon {
	margin-right: 8px;
}

div.description p,
div.main-info-description p, 
div.bonus-item p {
    margin-bottom: 20px;
}

div table {
    margin-bottom: 20px;
}

@media(max-width: 1000px) {
	.desktop-banner {
		margin: 30px 0;
	}
	.banner-titles .banner-podtitle {
		font-size: 30px;
	}
	.banner-titles .banner-title {
		font-size: 50px;
	}
	.slot-item,
	.slot-item-mobile {
		width: calc(25% - 14px);
	}
	.review-text,
	.create-text,
	.apps-text {
		max-width: 400px;
	}
	.create-text {
		width: 60%;
	}
	.wrapper-create-image {
		width: 40%;
	}
	.logos .logo {
		width: calc(25% - 14px);
	}
	.footer {
		padding: 30px 0;
	}
	.footer-wrapper {
		flex-direction: column;
	}
	.footer-menu-new {
		width: 100%;
	}
	.footer-menu-new .menu {
		justify-content: center;
		margin-top: 30px;
	}
	.footer-menu-new .menu li {
		margin: 0 15px;
	}
	.plus-18 {
		margin: 20px 0;
	}
	.copyright {
		margin: 0;
		align-self: center;
	}
}

@media(max-width: 768px) {
	.logo img {
		width: 155px;
	}
	section .description ol:last-child {
		margin-bottom: 0;
	}
	.review-wrapper,
	.create-wrapper,
	.login-wrapper,
	.apps-wrapper {
		flex-direction: column;
		padding-bottom: 40px;
	}
	.login-wrapper {
		padding-top: 40px;
	}
	.login-wrapper,
	.apps-wrapper {
		padding-bottom: 0;
	}
	.review-text,
	.create-text,
	.apps-text {
		max-width: 100%;
		padding: 0 0 50px;
	}
	.create-text {
		width: 100%;
	}
	.wrapper-create-image {
		width: 100%;
	}
	.about-btn,
	.create .description a,
	.bonuses .bonus-item a {
		display: block;
		text-align: center;
	}
	.about-title {
		font-size: 24px;
	}
	.review {
		padding: 40px 0 0;
	}
	section,
	.items-item {
		padding: 20px 0;
	}
	.header-link {
		margin: 0 0 0 10px;
	}
	.banner-titles {
		left: 25px;
	}
	.banner-titles .banner-podtitle {
		font-size: 14px;
	}
	.banner-titles .banner-title {
		font-size: 15px;
	}
	.slot-item,
	.slot-item-mobile {
		width: calc(33.333% - 14px);
	}
	.show-more-games {
		margin: 5px 0 0;
	}
	.logos .logo {
		width: calc(33.333% - 14px);
	}
	.pros-cons-wrapper {
		flex-direction: column;
	}
	.pros,
	.cons {
		width: 100%;
	}
	.pros {
		margin-bottom: 20px;
	}
	.footer-menu-new .menu {
		flex-direction: column;
	}
	.footer-menu-new .menu li {
		margin: 10px 0;
		text-align: center;
	}
	.plus-18 {
		padding: 0;
		border: none;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.plus-18-description {
		margin-top: 10px;
	}
	.table-wrap {
		overflow-x: auto;
	}
	.table-wrap table {
		width: 780px !important;
	}
}

@media(max-width: 500px) {
	.slot-item,
	.slot-item-mobile {
		width: calc(50% - 14px);
	}
	.logos .logo {
		width: calc(50% - 14px);
	}
	.review-image {
		max-width: 100%;
	}
	.table-wrap table.small {
		width: 100%!important;
	}
}


@media(max-width: 380px) {
	.header-link {
		padding: 12px 15px;
	}
}

.footer-logo img {
    width: 200px;
}

/* Avietor 2026 affiliate redesign */
:root {
	--ink: #111827;
	--muted: #667085;
	--surface: #ffffff;
	--soft: #f4f6f8;
	--line: #e4e7ec;
	--night: #07131d;
	--night-2: #102632;
	--red: #ed174c;
	--red-dark: #bd0d38;
	--lime: #dfff58;
	--gold: #ffce55;
	--green: #0b9b61;
	--radius: 18px;
	--shadow: 0 18px 50px rgba(16, 24, 40, .11);
}

html { scroll-behavior: smooth; }

body {
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.65;
	background: var(--soft);
	color: var(--ink);
	padding-top: 82px;
}

a { color: var(--red-dark); text-underline-offset: 3px; }
p { margin: 0 0 20px; line-height: 1.7; font-weight: 400; }
h1, h2, h3, h4 { color: var(--ink); letter-spacing: -.025em; }
h1 { font-size: clamp(40px, 6vw, 72px); line-height: .98; }
h2 { font-size: clamp(28px, 4vw, 42px); line-height: 1.08; font-weight: 800; }
h3 { line-height: 1.2; }
main { padding-top: 0 !important; }
.wrapper { max-width: 1240px; padding: 0 24px; }

.skip-link {
	position: fixed; left: 16px; top: -100px; z-index: 100;
	background: #fff; color: #111; padding: 12px 18px; border-radius: 8px;
}
.skip-link:focus { top: 12px; }

.header {
	height: 82px; padding: 0; display: flex; align-items: center;
	background: rgba(7, 19, 29, .96); border-bottom: 1px solid rgba(255,255,255,.08);
	backdrop-filter: blur(14px); box-shadow: 0 10px 30px rgba(0,0,0,.18);
}
.header-shell { display: flex; align-items: center; gap: 28px; height: 82px; }
.logo { width: 194px; display: flex; align-items: center; flex: 0 0 auto; }
.logo img { display: block; }
.primary-nav { margin: 0 auto; }
.primary-nav ul { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.primary-nav li { padding: 0; margin: 0; }
.primary-nav li::before { display: none; }
.primary-nav a {
	display: block; padding: 10px 11px; border-radius: 9px; color: #d7e1e7;
	font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap;
}
.primary-nav a:hover, .primary-nav a[aria-current="page"] { color: #fff; background: rgba(255,255,255,.08); }
.header-ctas { display: flex; gap: 10px; flex: 0 0 auto; }

.btn {
	display: inline-flex; align-items: center; justify-content: center; min-height: 46px;
	padding: 12px 20px; border: 1px solid var(--red); border-radius: 11px;
	background: var(--red); color: #fff; font-weight: 800; line-height: 1.1;
	text-decoration: none; box-shadow: 0 7px 18px rgba(237,23,76,.2);
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.btn:hover, .btn:focus-visible { background: var(--red-dark); color: #fff; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(237,23,76,.28); }
.btn-secondary { background: var(--lime); border-color: var(--lime); color: #17200a; box-shadow: none; }
.btn-secondary:hover, .btn-secondary:focus-visible { background: #c9ef36; color: #17200a; }
.btn-ghost { background: transparent; border-color: rgba(255,255,255,.32); color: #fff; box-shadow: none; }
.btn-ghost:hover { background: rgba(255,255,255,.09); }
.mobile-nav { display: none; }

.home-hero, .review-hero {
	position: relative; overflow: hidden; background:
		radial-gradient(circle at 80% 20%, rgba(237,23,76,.22), transparent 30%),
		radial-gradient(circle at 35% 100%, rgba(223,255,88,.12), transparent 34%),
		linear-gradient(135deg, var(--night) 0%, var(--night-2) 100%);
	color: #fff;
}
.home-hero::before, .review-hero::before {
	content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .22;
	background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
	background-size: 42px 42px; mask-image: linear-gradient(to bottom, black, transparent 82%);
}
.hero-grid { min-height: 640px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 64px; padding-top: 70px; padding-bottom: 70px; }
.hero-copy { position: relative; z-index: 1; }
.eyebrow, .section-kicker {
	display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px;
	font-size: 12px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase;
}
.eyebrow { color: var(--lime); }
.eyebrow::before, .section-kicker::before { content: ""; width: 28px; height: 3px; border-radius: 9px; background: currentColor; }
.home-hero h1, .review-hero h1 { color: #fff; max-width: 780px; }
.hero-lead { max-width: 680px; margin: 24px 0; color: #d4e1e7; font-size: clamp(18px, 2vw, 21px); line-height: 1.62; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 28px 0 16px; }
.text-cta { color: #fff; font-weight: 800; padding: 11px 4px; }
.affiliate-disclosure { max-width: 700px; color: #93a8b4; font-size: 12px; line-height: 1.55; }
.hero-facts { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.hero-facts span { padding: 8px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.055); color: #cbd9df; font-size: 13px; }
.hero-facts b { color: #fff; }
.game-preview { position: relative; z-index: 1; display: block; border: 1px solid rgba(255,255,255,.13); border-radius: 24px; overflow: hidden; background: #000; box-shadow: 0 35px 80px rgba(0,0,0,.45); transform: rotate(1.25deg); }
.game-preview::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); border-radius: inherit; }
.game-preview img { width: 100%; display: block; aspect-ratio: 1.63; object-fit: cover; }
.game-preview > span { position: absolute; left: 18px; right: 18px; bottom: 18px; display: flex; justify-content: space-between; padding: 13px 16px; border-radius: 12px; background: rgba(7,19,29,.84); color: #fff; font-weight: 800; backdrop-filter: blur(10px); }

.intro-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; padding: 88px 0 52px; }
.section-kicker { color: var(--red); }
.intro-section p { font-size: 18px; color: #475467; }

.casino-directory { padding: 58px 0 82px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 50px; margin-bottom: 30px; }
.section-heading > p { width: 48%; color: var(--muted); margin: 0; }
.casino-list { display: grid; gap: 13px; }
.casino-card {
	display: grid; grid-template-columns: 82px minmax(210px, .9fr) minmax(190px, .75fr) minmax(280px, 1.25fr) 150px;
	align-items: center; gap: 18px; padding: 18px; background: var(--surface); border: 1px solid var(--line);
	border-radius: 16px; box-shadow: 0 4px 16px rgba(16,24,40,.04); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.casino-card:hover { transform: translateY(-2px); border-color: #cfd4dc; box-shadow: var(--shadow); }
.casino-rank { text-align: center; border-right: 1px solid var(--line); }
.casino-rank span, .casino-rank small { display: block; color: var(--muted); font-size: 11px; text-transform: uppercase; font-weight: 800; }
.casino-rank strong { display: block; font-size: 23px; color: var(--ink); line-height: 1.2; }
.casino-brand { display: flex; align-items: center; gap: 13px; }
.casino-monogram { display: inline-flex; width: 50px; height: 50px; flex: 0 0 50px; align-items: center; justify-content: center; border-radius: 14px; background: linear-gradient(145deg, var(--night-2), var(--night)); color: var(--lime); font-size: 15px; font-weight: 900; letter-spacing: .03em; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.casino-monogram.large { width: 74px; height: 74px; flex-basis: 74px; border-radius: 20px; font-size: 22px; }
.casino-brand h3 { margin: 0 0 4px; font-size: 20px; }
.casino-brand h3 a { color: var(--ink); text-decoration: none; }
.casino-brand p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.4; }
.casino-offer span, .casino-offer small { display: block; color: var(--muted); font-size: 11px; line-height: 1.4; }
.casino-offer strong { display: block; margin: 3px 0; font-size: 15px; }
.casino-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 16px; color: #475467; font-size: 12px; line-height: 1.4; }
.casino-facts b { color: var(--ink); }
.casino-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.casino-actions .btn { min-height: 38px; padding: 9px 8px; font-size: 12px; border-radius: 8px; }
.casino-actions .review-link { grid-column: 1/-1; text-align: center; font-size: 12px; font-weight: 800; text-decoration: none; }
.ranking-note { margin: 18px 0 0; padding: 16px 19px; border: 1px solid #f0d58b; border-radius: 12px; background: #fffae9; color: #5f4a15; font-size: 13px; }

.how-panel { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; margin: 0 0 84px; padding: 48px; border-radius: 24px; background: var(--night); color: #dce6ea; }
.how-panel h2 { color: #fff; }
.play-steps { display: grid; gap: 12px; padding: 0 !important; margin: 0 !important; }
.play-steps li { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 18px !important; margin: 0 !important; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.055); }
.play-steps li::before { display: none !important; }
.play-steps li > span { display: flex; width: 52px; height: 52px; align-items: center; justify-content: center; border-radius: 13px; background: var(--lime); color: #18220d; font-size: 14px; font-weight: 900; }
.play-steps h3 { margin: 0 0 5px; color: #fff; font-size: 18px; }
.play-steps p { margin: 0; color: #aebfc7; font-size: 14px; line-height: 1.55; }
.play-steps.compact li { border-color: var(--line); background: #fff; }
.play-steps.compact h3 { color: var(--ink); }
.play-steps.compact p { color: var(--muted); }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; padding: 0 0 82px; }
.feature-grid article { padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 8px 30px rgba(16,24,40,.05); }
.feature-grid h2 { font-size: 25px; }
.feature-grid p { color: var(--muted); }
.feature-grid a { font-weight: 800; text-decoration: none; }
.feature-icon { display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; margin-bottom: 20px; border-radius: 14px; background: #ffe7ed; color: var(--red); font-size: 24px; font-weight: 900; }

.resources { padding: 70px 0; border-top: 1px solid var(--line); }
.resource-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.resource-grid a { position: relative; display: flex; min-height: 145px; flex-direction: column; padding: 22px; border: 1px solid var(--line); border-radius: 15px; background: #fff; color: var(--ink); text-decoration: none; transition: transform .2s ease, border .2s ease; }
.resource-grid a:hover { transform: translateY(-3px); border-color: var(--red); }
.resource-grid span { color: var(--red); font-size: 11px; font-weight: 900; }
.resource-grid strong { margin-top: auto; font-size: 18px; }
.resource-grid small { color: var(--muted); line-height: 1.45; }

.responsible-note { display: grid; grid-template-columns: .35fr 1.65fr; gap: 30px; margin: 0 0 80px; padding: 22px 26px; border-left: 5px solid var(--gold); border-radius: 12px; background: #fff8e2; color: #5f4a15; }
.responsible-note p { margin: 0; }

.site-footer { padding: 58px 0 100px; background: var(--night); color: #9eb0ba; }
.site-footer section { padding: 0; }
.footer-grid { display: grid; grid-template-columns: 1.4fr .65fr .65fr 1fr; gap: 50px; }
.footer-grid h2 { margin: 0 0 16px; color: #fff; font-size: 16px; }
.footer-grid a { display: block; margin: 8px 0; color: #cbd7dd; text-decoration: none; }
.footer-grid a:hover { color: var(--lime); }
.footer-logo { margin-bottom: 20px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 30px; margin-top: 42px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); font-size: 12px; }
.footer-bottom p { margin: 0; }
.mobile-affiliate-bar { display: none; }

/* Kenya payment-method cluster */
.payment-preview, .payment-directory { padding: 70px 0; }
.payment-preview { border-top: 1px solid var(--line); }
.payment-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.payment-card { display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 14px; min-height: 118px; padding: 19px; border: 1px solid var(--line); border-radius: 16px; background: #fff; color: var(--ink); text-decoration: none; box-shadow: 0 6px 24px rgba(16,24,40,.045); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.payment-card:hover { transform: translateY(-2px); border-color: var(--red); box-shadow: var(--shadow); }
.payment-mark { display: flex; width: 58px; height: 58px; align-items: center; justify-content: center; border-radius: 15px; background: linear-gradient(145deg, var(--night-2), var(--night)); color: var(--lime); font-size: 15px; font-weight: 900; }
.payment-card strong, .payment-card small, .payment-card .payment-type { display: block; }
.payment-card strong { margin-bottom: 5px; font-size: 17px; }
.payment-card small { color: var(--muted); line-height: 1.45; }
.payment-type { margin-bottom: 5px; color: var(--red); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.payment-card b { color: var(--red); font-size: 20px; }
.directory-cta { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 22px; padding: 22px 25px; border-radius: 16px; background: var(--night); color: #dce6ea; }
.directory-cta p { margin: 0; }
.payment-hero .review-score-card > strong { font-size: 42px; }
.payment-hub-content > section { padding: 62px 0; border-bottom: 1px solid var(--line); }
.account-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.account-pair article { padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 8px 30px rgba(16,24,40,.05); }
.account-pair h2 { font-size: 27px; }
.account-pair p { color: #475467; }
.account-pair a { font-weight: 850; text-decoration: none; }
.payment-casino-list { display: grid; gap: 11px; margin-top: 24px; }
.payment-casino-list article { display: grid; grid-template-columns: 68px 52px minmax(0,1fr) 180px; align-items: center; gap: 16px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
.payment-casino-list h3 { margin: 0 0 5px; font-size: 19px; }
.payment-casino-list h3 a { color: var(--ink); text-decoration: none; }
.payment-casino-list p, .payment-casino-list small { display: block; margin: 0; color: var(--muted); line-height: 1.45; }
.payment-casino-list p { font-size: 13px; }
.payment-casino-list small { font-size: 11px; }
.payment-casino-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.payment-casino-actions .btn { min-height: 38px; padding: 8px; font-size: 11px; }
.payment-casino-actions > a:last-child { grid-column: 1/-1; text-align: center; font-size: 11px; font-weight: 850; text-decoration: none; }
.payment-review-layout article > .review-factbar { margin-bottom: 24px; }
.account-cta { display: flex; align-items: center; gap: 18px; margin-top: 24px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); }
.account-cta > a:last-child { font-weight: 850; text-decoration: none; }
.login-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 22px; }
.login-checks span { padding: 12px 14px; border: 1px solid #bfe7d2; border-radius: 10px; background: #effaf4; color: #176642; font-size: 13px; font-weight: 800; }
.warning-list li::before { content: "!" !important; color: #9d6b00 !important; }

/* Casino review template */
.review-hero { padding: 72px 0; }
.review-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 280px; align-items: center; gap: 70px; }
.breadcrumb { display: inline-block; margin-bottom: 20px; color: #fff; font-size: 13px; font-weight: 800; }
.review-score-card { padding: 28px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; background: rgba(255,255,255,.07); text-align: center; backdrop-filter: blur(10px); }
.review-score-card .casino-monogram { margin: 0 auto 16px; }
.review-score-card p, .review-score-card > span { margin: 0; color: #a9bcc5; font-size: 12px; }
.review-score-card > strong { display: block; margin: 8px 0; color: #fff; font-size: 48px; line-height: 1; }
.review-score-card > strong small { font-size: 15px; color: #9eb1bb; }
.review-score-card a { display: block; margin-top: 16px; color: var(--lime); font-weight: 800; }
.review-layout { display: grid; grid-template-columns: minmax(0,1fr) 286px; gap: 42px; padding-top: 44px; padding-bottom: 70px; }
.review-layout article > section { padding: 52px 0; border-bottom: 1px solid var(--line); }
.review-layout article > section h2 { margin-bottom: 20px; }
.review-layout article > section p { color: #475467; font-size: 17px; }
.review-factbar { display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 24px; border: 1px solid var(--line); border-radius: 16px; background: #fff; overflow: hidden; }
.review-factbar div { padding: 17px; border-right: 1px solid var(--line); }
.review-factbar div:last-child { border-right: 0; }
.review-factbar span { display: block; color: var(--muted); font-size: 11px; text-transform: uppercase; font-weight: 800; }
.review-factbar strong { display: block; margin-top: 4px; font-size: 13px; }
.modern-toc { border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.modern-toc summary { display: flex; justify-content: space-between; padding: 16px 19px; font-weight: 900; cursor: pointer; }
.modern-toc nav { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px 20px; padding: 0 19px 18px; }
.modern-toc a { color: var(--muted); font-size: 13px; text-decoration: none; }
.modern-toc a:hover { color: var(--red); }
.pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 25px; }
.pros-cons > div { padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.pros-cons > div:first-child { border-top: 4px solid var(--green); }
.pros-cons > div:last-child { border-top: 4px solid var(--gold); }
.pros-cons h3 { margin-bottom: 15px; }
.pros-cons ul, .check-list { margin: 0 !important; padding: 0 !important; }
.pros-cons li, .check-list li { padding: 0 0 0 26px !important; margin: 9px 0 !important; line-height: 1.55; color: #475467; }
.pros-cons li::before, .check-list li::before { content: "✓" !important; counter-increment: none !important; display: block !important; width: auto !important; height: auto !important; border: 0 !important; color: var(--green); font-weight: 900; top: 0 !important; }
.pros-cons > div:last-child li::before { content: "!" !important; color: #9d6b00; }
.inline-cta { display: flex; justify-content: space-between; align-items: center; gap: 35px; margin: 32px 0 0; padding: 28px; border-radius: 18px; background: var(--night); color: #fff; }
.inline-cta span { color: var(--lime); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.inline-cta h2 { margin: 5px 0; color: #fff; font-size: 25px; }
.inline-cta p { margin: 0; color: #afc1ca; font-size: 13px; }
.inline-cta > div:last-child { display: flex; gap: 9px; flex: 0 0 auto; }
.data-table { margin-top: 25px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.data-table div { display: grid; grid-template-columns: .8fr 1.2fr; padding: 13px 17px; border-bottom: 1px solid var(--line); background: #fff; }
.data-table div:last-child { border-bottom: 0; }
.data-table span { color: var(--muted); }
.faq-list { display: grid; gap: 10px; }
.faq-list details { border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.faq-list summary { padding: 17px 19px; font-weight: 800; cursor: pointer; }
.faq-list details p { padding: 0 19px 18px; margin: 0; font-size: 15px !important; }
.related-casinos { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.related-casinos a { display: grid; grid-template-columns: 50px 1fr auto; gap: 10px; align-items: center; padding: 15px; border: 1px solid var(--line); border-radius: 13px; background: #fff; color: var(--ink); text-decoration: none; }
.related-casinos strong, .related-casinos small { grid-column: 2; }
.related-casinos small { color: var(--muted); }
.related-casinos b { grid-column: 3; grid-row: 1/3; color: var(--red); }
.back-directory { display: inline-block; margin-top: 18px; font-weight: 800; }
.review-sidebar { position: relative; }
.sticky-card { position: sticky; top: 104px; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); text-align: center; }
.sticky-card .casino-monogram { margin: 0 auto 14px; }
.sticky-card h2 { margin: 0; font-size: 25px; }
.sticky-card > p { color: var(--muted); font-size: 13px; }
.sticky-card dl { margin: 20px 0; border-top: 1px solid var(--line); }
.sticky-card dl div { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
.sticky-card dt { color: var(--muted); }
.sticky-card dd { margin: 0; font-weight: 800; }
.sticky-card .btn { width: 100%; margin-top: 8px; }
.sticky-card > small { display: block; margin-top: 12px; color: var(--muted); line-height: 1.4; }

@media (max-width: 1080px) {
	.primary-nav { display: none; }
	.header-ctas { margin-left: auto; }
	.mobile-nav { display: block; position: sticky; top: 82px; z-index: 8; overflow-x: auto; background: #0e202b; border-bottom: 1px solid rgba(255,255,255,.08); }
	.mobile-nav .primary-nav { display: block; }
	.mobile-nav .primary-nav ul { width: max-content; min-width: 100%; justify-content: center; padding: 7px 14px; }
	body { padding-top: 82px; }
	.hero-grid { min-height: auto; grid-template-columns: 1fr 1fr; gap: 35px; }
	.casino-card { grid-template-columns: 72px minmax(180px,.8fr) minmax(180px,.7fr) 1fr 140px; gap: 13px; }
	.casino-facts { grid-template-columns: 1fr; }
	.review-layout { grid-template-columns: 1fr; }
	.review-sidebar { display: none; }
}

@media (max-width: 820px) {
	.wrapper { padding-left: 18px; padding-right: 18px; }
	.hero-grid, .intro-section, .how-panel, .review-hero-grid { grid-template-columns: 1fr; }
	.hero-grid { padding-top: 55px; }
	.game-preview { max-width: 620px; transform: none; }
	.intro-section { gap: 24px; }
	.section-heading { align-items: start; flex-direction: column; gap: 12px; }
	.section-heading > p { width: auto; }
	.casino-card { grid-template-columns: 64px 1fr 150px; }
	.casino-rank { grid-row: 1/3; }
	.casino-offer { grid-column: 2; }
	.casino-facts { grid-column: 2; grid-template-columns: 1fr 1fr; }
	.casino-actions { grid-column: 3; grid-row: 1/3; }
	.feature-grid { grid-template-columns: 1fr; }
	.resource-grid { grid-template-columns: 1fr 1fr; }
	.footer-grid { grid-template-columns: 1fr 1fr; }
	.review-hero-grid { gap: 30px; }
	.review-score-card { display: grid; grid-template-columns: 74px 1fr; text-align: left; gap: 5px 16px; }
	.review-score-card .casino-monogram { grid-row: 1/5; margin: 0; }
	.review-score-card > strong { font-size: 38px; }
	.review-factbar { grid-template-columns: 1fr 1fr; }
	.review-factbar div:nth-child(2) { border-right: 0; }
	.review-factbar div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
	.payment-grid { grid-template-columns: 1fr 1fr; }
	.payment-casino-list article { grid-template-columns: 60px 50px 1fr; }
	.payment-casino-actions { grid-column: 2/4; }
}

@media (max-width: 620px) {
	body { padding-bottom: 78px; }
	.header { height: 68px; }
	.header-shell { height: 68px; }
	.logo { width: 150px; }
	.header-ctas .btn-ghost { display: none; }
	.header-ctas .btn { min-height: 38px; padding: 9px 12px; font-size: 12px; }
	.mobile-nav { top: 68px; }
	.mobile-nav .primary-nav ul { justify-content: start; }
	.mobile-nav .primary-nav a { font-size: 12px; padding: 8px 10px; }
	.home-hero h1, .review-hero h1 { font-size: 43px; }
	.hero-grid { padding-top: 42px; padding-bottom: 46px; }
	.hero-actions .btn { flex: 1; }
	.hero-facts { display: grid; grid-template-columns: 1fr 1fr; }
	.intro-section { padding-top: 56px; }
	.casino-directory { padding-top: 38px; }
	.casino-card { grid-template-columns: 54px 1fr; gap: 12px; padding: 15px; }
	.casino-rank { grid-row: auto; }
	.casino-brand { min-width: 0; }
	.casino-offer { grid-column: 1/-1; padding: 10px 12px; border-radius: 9px; background: var(--soft); }
	.casino-facts { grid-column: 1/-1; grid-template-columns: 1fr; }
	.casino-actions { grid-column: 1/-1; grid-row: auto; display: grid; grid-template-columns: 1fr 1fr; }
	.how-panel { margin-left: -18px; margin-right: -18px; padding: 34px 18px; border-radius: 0; gap: 32px; }
	.play-steps li { grid-template-columns: 42px 1fr; padding: 14px !important; }
	.play-steps li > span { width: 42px; height: 42px; }
	.resource-grid { grid-template-columns: 1fr; }
	.responsible-note { grid-template-columns: 1fr; gap: 6px; }
	.footer-grid { grid-template-columns: 1fr; gap: 30px; }
	.footer-bottom { flex-direction: column; gap: 5px; }
	.site-footer { padding-bottom: 45px; }
	.mobile-affiliate-bar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; padding: 9px 12px; background: rgba(7,19,29,.96); border-top: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(12px); }
	.mobile-affiliate-bar .btn { min-height: 42px; padding: 9px; font-size: 13px; }
	.review-hero { padding: 48px 0; }
	.review-score-card { grid-template-columns: 60px 1fr; }
	.review-score-card .casino-monogram { width: 60px; height: 60px; flex-basis: 60px; }
	.review-layout { padding-top: 24px; }
	.review-factbar { grid-template-columns: 1fr; }
	.review-factbar div { border-right: 0; border-bottom: 1px solid var(--line); }
	.review-factbar div:last-child { border-bottom: 0; }
	.modern-toc nav { grid-template-columns: 1fr; }
	.pros-cons { grid-template-columns: 1fr; }
	.inline-cta { flex-direction: column; align-items: stretch; }
	.inline-cta > div:last-child { display: grid; grid-template-columns: 1fr 1fr; }
	.data-table div { grid-template-columns: 1fr; gap: 3px; }
	.related-casinos { grid-template-columns: 1fr; }
	.payment-grid, .account-pair, .login-checks { grid-template-columns: 1fr; }
	.payment-preview, .payment-directory { padding: 48px 0; }
	.directory-cta { align-items: stretch; flex-direction: column; }
	.payment-casino-list article { grid-template-columns: 48px 1fr; padding: 14px; }
	.payment-casino-list .casino-rank { grid-row: auto; }
	.payment-casino-list .casino-monogram { width: 46px; height: 46px; flex-basis: 46px; }
	.payment-casino-list article > div:nth-child(3) { grid-column: 1/-1; }
	.payment-casino-actions { grid-column: 1/-1; }
	.account-cta { align-items: stretch; flex-direction: column; }
}