/*
Brand Skin for BetWinner
This file controls the visual color identity for the BetWinner India market brand website.
Prefer changing CSS variables here instead of rewriting core layout CSS.
*/

:root {
	--brand-skin-loaded: 1;
	--bb-primary: #174EA6;
	--bb-secondary: #D72638;
	--bb-accent: #F6C445;
	--bb-dark: #07162E;
	--bb-light: #F7FAFF;
	--bb-hero-bg: #07162E;
	--bb-footer-bg: #050E1F;
	--bb-button-bg: #D72638;
	--bb-card-border: rgba(246, 196, 69, 0.36);
	--color-page: var(--bb-dark);
	--color-page-alt: var(--bb-primary);
	--color-header: #050E1F;
	--color-panel: #07162E;
	--color-panel-2: #103B7A;
	--color-panel-3: #142A4D;
	--color-yellow: var(--bb-accent);
	--color-green: var(--bb-secondary);
	--color-purple: var(--bb-primary);
	--color-text: var(--bb-light);
	--color-muted: rgba(247, 250, 255, 0.82);
}

/* Homepage compact visual pass after manual review: keep images as anchors, not page-dominating blocks. */
.home-redesign .site-section {
	margin-top: 64px;
}

.home-redesign .hero-card--visual {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
	gap: 28px;
	padding: 32px;
	min-height: auto;
}

.home-redesign .hero-copy h1 {
	max-width: 720px;
	font-size: clamp(2.15rem, 4.6vw, 4.35rem);
	line-height: 1.02;
}

.home-redesign .hero-copy p:not(.eyebrow) {
	max-width: 560px;
	font-size: 17px;
	line-height: 1.62;
}

.home-redesign .hero-visual--mockup {
	min-height: 0;
	height: clamp(220px, 30vw, 315px);
	border-radius: 22px;
}

.home-redesign .hero-main-img {
	height: 100%;
	object-position: center;
}

.home-redesign .hero-visual__chips {
	right: 12px;
	bottom: 12px;
	left: 12px;
	gap: 8px;
}

.home-redesign .hero-visual__chips span,
.home-redesign .hero-trust-chips span {
	min-height: 30px;
	padding: 6px 10px;
	font-size: 12px;
}

.home-redesign .brand-summary {
	padding: 28px;
	gap: 24px;
}

.home-redesign .quick-card {
	min-height: 126px;
	padding: 16px;
}

.home-redesign .feature-card,
.home-redesign .timeline-step {
	padding: 20px;
}

.home-redesign .entry-card-grid {
	gap: 18px;
}

.home-redesign .entry-action-card {
	display: grid;
	grid-template-columns: 132px minmax(0, 1fr);
	align-items: stretch;
	min-height: 178px;
}

.home-redesign .entry-action-card__media {
	height: auto;
	min-height: 100%;
}

.home-redesign .entry-action-card__body {
	padding: 18px;
}

.home-redesign .entry-action-card h2 {
	font-size: 1.18rem;
}

.home-redesign .entry-action-card p {
	font-size: 14px;
	line-height: 1.52;
}

.home-redesign .game-visual-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.home-redesign .game-visual-card {
	display: grid;
	grid-template-columns: 104px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 14px;
	align-items: center;
	padding: 10px;
	border-radius: 16px;
}

.home-redesign .game-visual-card .visual-image {
	grid-row: 1 / 3;
	width: 104px;
	height: 78px;
	aspect-ratio: auto;
	border-radius: 12px;
}

.home-redesign .game-visual-card span,
.home-redesign .game-visual-card p {
	padding: 0;
}

.home-redesign .game-visual-card span {
	font-size: 15px;
	line-height: 1.2;
}

.home-redesign .game-visual-card p {
	margin-top: 5px;
	padding-bottom: 0;
	font-size: 13px;
	line-height: 1.38;
}

.home-redesign .featured-games-table {
	margin-top: 18px;
}

.home-redesign .bonus-preview-panel,
.home-redesign .payment-preview-panel,
.home-redesign .responsible-highlight {
	padding: 28px;
}

.home-redesign .bonus-rule-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.home-redesign .bonus-rule-card,
.home-redesign .payment-check-card {
	padding: 16px;
}

.home-redesign .full-guide-shell {
	grid-template-columns: minmax(230px, 0.3fr) minmax(0, 0.7fr);
	gap: 24px;
	padding: 28px;
}

.home-redesign .full-guide-aside h2 {
	font-size: clamp(1.45rem, 2.2vw, 2.1rem);
}

.home-redesign .full-guide-aside p:not(.eyebrow) {
	font-size: 14px;
	line-height: 1.58;
}

.home-redesign .full-guide-visual {
	max-height: 145px;
	margin: 16px 0 0;
	border-radius: 16px;
}

.home-redesign .full-guide-img {
	height: 145px;
	aspect-ratio: auto;
}

.home-redesign .full-guide-chapter {
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 14px;
	padding: 22px;
}

.home-redesign .full-guide-chapter__number {
	width: 40px;
	height: 40px;
	border-radius: 13px;
}

.home-redesign .full-guide-chapter h3 {
	font-size: 1.18rem;
}

.home-redesign .full-guide-chapter p {
	font-size: 15px;
	line-height: 1.68;
}

.home-redesign .full-guide-note {
	margin: 0 22px 22px 80px;
}

@media (max-width: 980px) {
	.home-redesign .hero-card--visual,
	.home-redesign .full-guide-shell {
		grid-template-columns: 1fr;
	}

	.home-redesign .entry-action-card {
		grid-template-columns: 120px minmax(0, 1fr);
	}
}

/* Subpage card color variety pass: keep contrast, but stop every section from sharing one flat card color. */
.inner-page--redesign {
	--sub-card-blue: #f4f8ff;
	--sub-card-gold: #fff9ea;
	--sub-card-red: #fff4f6;
	--sub-card-green: #f1fbf7;
	--sub-card-violet: #f7f4ff;
	--sub-card-cyan: #effbff;
	--sub-card-ink: #07162e;
	--sub-card-text: #26384f;
}

.inner-page--redesign .page-intro-card,
.inner-page--redesign .page-section-card,
.inner-page--redesign .page-feature-card,
.inner-page--redesign .faq-category-card,
.inner-page--redesign .faq-item,
.inner-page--redesign .inner-notice {
	color: var(--sub-card-text);
	background: linear-gradient(180deg, #ffffff, var(--sub-card-blue));
}

.inner-page--redesign .page-intro-card:nth-child(6n+1),
.inner-page--redesign .page-section-card:nth-of-type(6n+1),
.inner-page--redesign .page-feature-card:nth-child(6n+1),
.inner-page--redesign .faq-category-card:nth-child(6n+1),
.inner-page--redesign .faq-item:nth-child(6n+1) {
	border-color: rgba(23, 78, 166, 0.24);
	background: linear-gradient(145deg, #ffffff, var(--sub-card-blue));
}

.inner-page--redesign .page-intro-card:nth-child(6n+2),
.inner-page--redesign .page-section-card:nth-of-type(6n+2),
.inner-page--redesign .page-feature-card:nth-child(6n+2),
.inner-page--redesign .faq-category-card:nth-child(6n+2),
.inner-page--redesign .faq-item:nth-child(6n+2) {
	border-color: rgba(246, 196, 69, 0.34);
	background: linear-gradient(145deg, #ffffff, var(--sub-card-gold));
}

.inner-page--redesign .page-intro-card:nth-child(6n+3),
.inner-page--redesign .page-section-card:nth-of-type(6n+3),
.inner-page--redesign .page-feature-card:nth-child(6n+3),
.inner-page--redesign .faq-category-card:nth-child(6n+3),
.inner-page--redesign .faq-item:nth-child(6n+3) {
	border-color: rgba(215, 38, 56, 0.22);
	background: linear-gradient(145deg, #ffffff, var(--sub-card-red));
}

.inner-page--redesign .page-intro-card:nth-child(6n+4),
.inner-page--redesign .page-section-card:nth-of-type(6n+4),
.inner-page--redesign .page-feature-card:nth-child(6n+4),
.inner-page--redesign .faq-category-card:nth-child(6n+4),
.inner-page--redesign .faq-item:nth-child(6n+4) {
	border-color: rgba(13, 107, 113, 0.24);
	background: linear-gradient(145deg, #ffffff, var(--sub-card-green));
}

.inner-page--redesign .page-intro-card:nth-child(6n+5),
.inner-page--redesign .page-section-card:nth-of-type(6n+5),
.inner-page--redesign .page-feature-card:nth-child(6n+5),
.inner-page--redesign .faq-category-card:nth-child(6n+5),
.inner-page--redesign .faq-item:nth-child(6n+5) {
	border-color: rgba(91, 71, 168, 0.22);
	background: linear-gradient(145deg, #ffffff, var(--sub-card-violet));
}

.inner-page--redesign .page-intro-card:nth-child(6n),
.inner-page--redesign .page-section-card:nth-of-type(6n),
.inner-page--redesign .page-feature-card:nth-child(6n),
.inner-page--redesign .faq-category-card:nth-child(6n),
.inner-page--redesign .faq-item:nth-child(6n) {
	border-color: rgba(12, 126, 158, 0.22);
	background: linear-gradient(145deg, #ffffff, var(--sub-card-cyan));
}

.inner-page--redesign .page-intro-card {
	border-top-width: 5px;
	border-top-style: solid;
}

.inner-page--redesign .page-section-card {
	position: relative;
	overflow: hidden;
}

.inner-page--redesign .page-section-card::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 6px;
	background: #174ea6;
}

.inner-page--redesign .page-section-card:nth-of-type(6n+2)::before,
.inner-page--redesign .page-intro-card:nth-child(6n+2) {
	border-top-color: #f6c445;
}

.inner-page--redesign .page-section-card:nth-of-type(6n+2)::before {
	background: #f6c445;
}

.inner-page--redesign .page-section-card:nth-of-type(6n+3)::before,
.inner-page--redesign .page-intro-card:nth-child(6n+3) {
	border-top-color: #d72638;
}

.inner-page--redesign .page-section-card:nth-of-type(6n+3)::before {
	background: #d72638;
}

.inner-page--redesign .page-section-card:nth-of-type(6n+4)::before,
.inner-page--redesign .page-intro-card:nth-child(6n+4) {
	border-top-color: #0d6b71;
}

.inner-page--redesign .page-section-card:nth-of-type(6n+4)::before {
	background: #0d6b71;
}

.inner-page--redesign .page-section-card:nth-of-type(6n+5)::before,
.inner-page--redesign .page-intro-card:nth-child(6n+5) {
	border-top-color: #5b47a8;
}

.inner-page--redesign .page-section-card:nth-of-type(6n+5)::before {
	background: #5b47a8;
}

.inner-page--redesign .page-section-card:nth-of-type(6n)::before,
.inner-page--redesign .page-intro-card:nth-child(6n) {
	border-top-color: #0c7e9e;
}

.inner-page--redesign .page-section-card:nth-of-type(6n)::before {
	background: #0c7e9e;
}

.inner-page--redesign .page-section-card > * {
	position: relative;
	z-index: 1;
}

.inner-page--redesign .page-feature-card span,
.inner-page--redesign .page-intro-card span {
	background: #ffffff;
	color: #123f91;
	box-shadow: 0 8px 20px rgba(7, 22, 46, 0.08);
}

.inner-page--redesign .page-feature-card:nth-child(6n+2) span,
.inner-page--redesign .page-intro-card:nth-child(6n+2) span {
	color: #80600a;
}

.inner-page--redesign .page-feature-card:nth-child(6n+3) span,
.inner-page--redesign .page-intro-card:nth-child(6n+3) span {
	color: #9f1b2a;
}

.inner-page--redesign .page-feature-card:nth-child(6n+4) span,
.inner-page--redesign .page-intro-card:nth-child(6n+4) span {
	color: #0d6b71;
}

.inner-page--redesign .page-feature-card:nth-child(6n+5) span,
.inner-page--redesign .page-intro-card:nth-child(6n+5) span {
	color: #5b47a8;
}

.inner-page--redesign .page-section-card--warning-box,
.inner-page--redesign .page-section-card--warning-grid,
.inner-page--redesign .page-section-card--login-warning,
.inner-page--redesign .page-section-card--credential-warning,
.inner-page--redesign .page-section-card--private-data,
.inner-page--redesign .warning-box {
	border-color: rgba(215, 38, 56, 0.28);
	background: linear-gradient(145deg, #ffffff, #fff0f2);
}

.inner-page--redesign .page-section-card--notice-strip,
.inner-page--redesign .inner-notice {
	border-color: rgba(246, 196, 69, 0.32);
	background: linear-gradient(145deg, #ffffff, #fff8e2);
}

.inner-page--redesign .page-section-card--comparison-table {
	border-color: rgba(13, 107, 113, 0.22);
	background: linear-gradient(145deg, #ffffff, #effbf8);
}

.inner-page--redesign .page-section-card--timeline {
	border-color: rgba(91, 71, 168, 0.22);
	background: linear-gradient(145deg, #ffffff, #f7f4ff);
}

.inner-page--redesign .page-section-card--split-media {
	border-color: rgba(23, 78, 166, 0.22);
	background: linear-gradient(145deg, #ffffff, #f3f7ff);
}

.inner-page--redesign .page-section-card--reverse {
	border-color: rgba(12, 126, 158, 0.22);
	background: linear-gradient(145deg, #ffffff, #effbff);
}

.archive .guide-card:nth-child(5n+1),
.blog .guide-card:nth-child(5n+1),
.single .related-guide-card:nth-child(5n+1) {
	background: linear-gradient(145deg, #ffffff, #f4f8ff);
}

.archive .guide-card:nth-child(5n+2),
.blog .guide-card:nth-child(5n+2),
.single .related-guide-card:nth-child(5n+2) {
	background: linear-gradient(145deg, #ffffff, #fff9ea);
}

.archive .guide-card:nth-child(5n+3),
.blog .guide-card:nth-child(5n+3),
.single .related-guide-card:nth-child(5n+3) {
	background: linear-gradient(145deg, #ffffff, #f1fbf7);
}

.archive .guide-card:nth-child(5n+4),
.blog .guide-card:nth-child(5n+4),
.single .related-guide-card:nth-child(5n+4) {
	background: linear-gradient(145deg, #ffffff, #fff4f6);
}

.archive .guide-card:nth-child(5n),
.blog .guide-card:nth-child(5n),
.single .related-guide-card:nth-child(5n) {
	background: linear-gradient(145deg, #ffffff, #f7f4ff);
}

/* Subpage differentiation pass: each core page gets a distinct visual rhythm. */
.inner-page--login .page-hero {
	background:
		radial-gradient(circle at 8% 12%, rgba(246, 196, 69, 0.2), transparent 24%),
		linear-gradient(135deg, #07162e, #123f91 58%, #07162e);
}

.inner-page--login .page-intro-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inner-page--login .page-intro-card {
	border-left: 5px solid #174ea6;
}

.inner-page--login .page-section-flow .site-container {
	grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
}

.inner-page--login .page-section-card--login-warning,
.inner-page--login .page-section-card--login-problem-matrix,
.inner-page--login .page-section-card--support-boundary,
.inner-page--login .page-section-card--login-before-action {
	grid-column: 1 / -1;
}

.inner-page--login .page-section-card--login-warning {
	border-left: 7px solid #d72638;
	background: linear-gradient(135deg, #fff4f5, #ffffff);
}

.inner-page--login .page-section-card--recovery-flow .page-timeline-list li {
	grid-template-columns: 52px minmax(0, 1fr);
}

.inner-page--register .page-hero {
	background:
		radial-gradient(circle at 78% 14%, rgba(246, 196, 69, 0.28), transparent 25%),
		linear-gradient(135deg, #09224b, #174ea6 52%, #7e121e);
}

.inner-page--register .page-intro-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inner-page--register .page-intro-card {
	border-top: 5px solid #f6c445;
}

.inner-page--register .page-section-card--onboarding-timeline {
	background: linear-gradient(135deg, #fffdf7, #f4f8ff);
}

.inner-page--register .page-section-card--onboarding-timeline .page-timeline-list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inner-page--register .page-section-card--onboarding-timeline .page-timeline-list li {
	display: block;
	min-height: 118px;
	padding: 20px;
}

.inner-page--register .page-section-card--onboarding-timeline .page-timeline-list li::before {
	margin-bottom: 12px;
}

.inner-page--register .page-section-card--otp-shield {
	border-color: rgba(215, 38, 56, 0.3);
	background: linear-gradient(135deg, #fff4f5, #ffffff);
}

.inner-page--games .page-hero {
	background:
		linear-gradient(135deg, rgba(7, 22, 46, 0.96), rgba(23, 78, 166, 0.78)),
		url("../img/games-cricket-sports.webp") center / cover;
}

.inner-page--games .page-intro-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inner-page--games .page-intro-card {
	background: #ffffff;
	border-bottom: 5px solid #174ea6;
}

.inner-page--games .page-card-grid--visual-hub {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.inner-page--games .page-card-grid--visual-hub .page-feature-card {
	padding: 14px;
}

.inner-page--games .page-card-grid--visual-hub .page-feature-img {
	margin: 0 0 12px;
	aspect-ratio: 1.38;
}

.inner-page--games .page-card-grid--visual-hub .page-feature-card h3 {
	font-size: 1rem;
}

.inner-page--games .page-card-grid--visual-hub .page-feature-card p {
	font-size: 14.5px;
}

.inner-page--games .page-section-card--speed-risk-matrix,
.inner-page--games .page-section-card--featured-categories {
	background: #ffffff;
}

.inner-page--bonus .page-hero {
	background:
		radial-gradient(circle at 86% 20%, rgba(246, 196, 69, 0.32), transparent 25%),
		linear-gradient(135deg, #07162e, #7e121e 58%, #102c8c);
}

.inner-page--bonus .page-intro-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inner-page--bonus .page-intro-card {
	border-left: 5px solid #f6c445;
	background: #fffdf7;
}

.inner-page--bonus .page-card-grid--stagger {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inner-page--bonus .page-card-grid--stagger .page-feature-card:nth-child(2n) {
	transform: translateY(14px);
}

.inner-page--bonus .page-section-card--terms-table {
	border-color: rgba(246, 196, 69, 0.32);
	background: #fffdf7;
}

.inner-page--bonus .page-section-card--claim-flow .page-timeline-list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inner-page--bonus .page-section-card--claim-flow .page-timeline-list li {
	display: block;
}

.inner-page--bonus .page-section-card--claim-flow .page-timeline-list li::before {
	margin-bottom: 12px;
}

.inner-page--payment .page-hero {
	background:
		radial-gradient(circle at 12% 18%, rgba(246, 196, 69, 0.2), transparent 25%),
		linear-gradient(135deg, #07162e, #174ea6 56%, #0d6b71);
}

.inner-page--payment .page-intro-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inner-page--payment .page-intro-card {
	border-top: 5px solid #0d6b71;
}

.inner-page--payment .page-section-flow .site-container {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inner-page--payment .page-section-card--method-cloud,
.inner-page--payment .page-section-card--payment-issues,
.inner-page--payment .page-section-card--credential-warning,
.inner-page--payment .page-section-card--payment-boundaries {
	grid-column: 1 / -1;
}

.inner-page--payment .page-card-grid--method-cloud {
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 12px;
}

.inner-page--payment .page-card-grid--method-cloud .page-feature-card {
	padding: 16px;
	text-align: center;
}

.inner-page--payment .page-card-grid--method-cloud .page-feature-card p {
	font-size: 14px;
}

.inner-page--payment .page-section-card--credential-warning {
	border-left: 7px solid #d72638;
	background: linear-gradient(135deg, #fff4f5, #ffffff);
}

.inner-page--faq .page-hero {
	background:
		radial-gradient(circle at 84% 10%, rgba(246, 196, 69, 0.24), transparent 25%),
		linear-gradient(135deg, #07162e, #174ea6);
}

.inner-page--faq .page-intro-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inner-page--faq .page-section-card--faq-center {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.inner-page--faq .faq-category-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inner-page--faq .faq-category-card {
	border-top: 5px solid #174ea6;
}

.inner-page--about .page-hero {
	background:
		radial-gradient(circle at 12% 14%, rgba(246, 196, 69, 0.2), transparent 24%),
		linear-gradient(135deg, #07162e, #1b315b 52%, #174ea6);
}

.inner-page--about .page-intro-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inner-page--about .page-section-flow .site-container {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.inner-page--about .page-section-card--mission-panel,
.inner-page--about .page-section-card--india-context,
.inner-page--about .page-section-card--page-ownership,
.inner-page--about .page-section-card--responsible-position {
	grid-column: 1 / -1;
}

.inner-page--about .page-section-card--info-map,
.inner-page--about .page-section-card--editorial-method,
.inner-page--about .page-section-card--update-policy {
	background: #f6f9ff;
}

.inner-page--contact .page-hero {
	background:
		radial-gradient(circle at 86% 20%, rgba(246, 196, 69, 0.22), transparent 25%),
		linear-gradient(135deg, #07162e, #0d6b71 58%, #174ea6);
}

.inner-page--contact .page-intro-cards {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inner-page--contact .page-intro-card {
	border-top: 5px solid #0d6b71;
}

.inner-page--contact .page-section-flow .site-container {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.inner-page--contact .page-section-card--contact-purpose,
.inner-page--contact .page-section-card--private-data,
.inner-page--contact .page-section-card--responsible-contact,
.inner-page--contact .page-section-card--response-boundary {
	grid-column: 1 / -1;
}

.inner-page--contact .page-section-card--payment-message-table,
.inner-page--contact .page-section-card--account-message-table {
	background: #ffffff;
}

.inner-page--responsible .page-hero {
	background:
		radial-gradient(circle at 84% 18%, rgba(246, 196, 69, 0.24), transparent 25%),
		linear-gradient(135deg, #3d0810, #07162e 58%, #174ea6);
}

.inner-page--responsible .page-intro-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inner-page--responsible .page-intro-card {
	border-left: 5px solid #d72638;
}

.inner-page--responsible .page-section-flow .site-container {
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
}

.inner-page--responsible .page-section-card--age-gate,
.inner-page--responsible .page-section-card--question-board,
.inner-page--responsible .page-section-card--warning-signs,
.inner-page--responsible .page-section-card--support-direction,
.inner-page--responsible .page-section-card--law-boundary,
.inner-page--responsible .page-section-card--safer-session {
	grid-column: 1 / -1;
}

.inner-page--responsible .page-section-card--question-board .check-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inner-page--responsible .page-card-grid--warning-signs {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inner-page--responsible .page-section-card--stop-plan .page-timeline-list li {
	background: #fff6f6;
}

@media (max-width: 1100px) {
	.inner-page--games .page-card-grid--visual-hub,
	.inner-page--payment .page-card-grid--method-cloud {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.inner-page--faq .faq-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 980px) {
	.inner-page--login .page-section-flow .site-container,
	.inner-page--payment .page-section-flow .site-container,
	.inner-page--about .page-section-flow .site-container,
	.inner-page--contact .page-section-flow .site-container,
	.inner-page--responsible .page-section-flow .site-container {
		grid-template-columns: 1fr;
	}

	.inner-page--register .page-section-card--onboarding-timeline .page-timeline-list,
	.inner-page--bonus .page-section-card--claim-flow .page-timeline-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.inner-page--login .page-intro-cards,
	.inner-page--register .page-intro-cards,
	.inner-page--games .page-intro-cards,
	.inner-page--bonus .page-intro-cards,
	.inner-page--payment .page-intro-cards,
	.inner-page--faq .page-intro-cards,
	.inner-page--about .page-intro-cards,
	.inner-page--contact .page-intro-cards,
	.inner-page--responsible .page-intro-cards,
	.inner-page--games .page-card-grid--visual-hub,
	.inner-page--payment .page-card-grid--method-cloud,
	.inner-page--faq .faq-category-grid,
	.inner-page--responsible .page-section-card--question-board .check-list,
	.inner-page--responsible .page-card-grid--warning-signs,
	.inner-page--register .page-section-card--onboarding-timeline .page-timeline-list,
	.inner-page--bonus .page-section-card--claim-flow .page-timeline-list {
		grid-template-columns: 1fr;
	}

	.inner-page--bonus .page-card-grid--stagger .page-feature-card:nth-child(2n) {
		transform: none;
	}
}

@media (max-width: 768px) {
	.home-redesign .site-section {
		margin-top: 46px;
	}

	.home-redesign .hero-card--visual {
		padding: 22px;
		gap: 20px;
	}

	.home-redesign .hero-visual--mockup {
		height: 210px;
	}

	.home-redesign .entry-action-card,
	.home-redesign .game-visual-card {
		grid-template-columns: 96px minmax(0, 1fr);
	}

	.home-redesign .entry-action-card__media,
	.home-redesign .game-visual-card .visual-image {
		width: 96px;
		height: 76px;
		min-height: 76px;
		border-radius: 12px;
	}

	.home-redesign .entry-action-card {
		min-height: 0;
	}

	.home-redesign .entry-action-card__body {
		padding: 14px;
	}

	.home-redesign .game-visual-grid,
	.home-redesign .bonus-rule-grid,
	.home-redesign .payment-split {
		grid-template-columns: 1fr;
	}

	.home-redesign .full-guide-visual {
		display: none;
	}

	.home-redesign .full-guide-chapter,
	.home-redesign .full-guide-note {
		margin-left: 0;
	}
}

/* BetWinner layout redesign: homepage, inner pages, archive, and articles. */
.home-redesign .hero-card--visual,
.page-hero__grid,
.article-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
	gap: 36px;
	align-items: center;
}

.home-redesign .hero-card--visual {
	padding: 42px;
	border: 1px solid rgba(246, 196, 69, 0.28);
	border-radius: 30px;
	background:
		radial-gradient(circle at 88% 16%, rgba(246, 196, 69, 0.22), transparent 30%),
		linear-gradient(135deg, rgba(7, 22, 46, 0.98), rgba(23, 78, 166, 0.86));
}

.hero-visual--mockup {
	position: relative;
	overflow: hidden;
	border-radius: 28px;
	min-height: 380px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: var(--shadow-soft);
}

.hero-main-img,
.page-hero-img,
.article-hero-img,
.entry-action-img,
.game-visual-img,
.section-img,
.archive-featured-img,
.guide-card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.hero-visual__chips,
.hero-trust-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.hero-visual__chips {
	position: absolute;
	right: 18px;
	bottom: 18px;
	left: 18px;
}

.hero-visual__chips span,
.hero-trust-chips span {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.13);
	color: var(--bb-light);
	font-size: 13px;
	font-weight: 900;
}

.hero-trust-chips {
	margin-top: 18px;
}

.quick-grid--eight {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.quick-grid--eight .quick-card {
	min-height: 148px;
	background: rgba(255, 255, 255, 0.06);
}

.brand-summary--facts {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
		rgba(7, 22, 46, 0.9);
}

.cricket-focus-panel--banner {
	background:
		linear-gradient(135deg, rgba(215, 38, 56, 0.16), rgba(246, 196, 69, 0.08)),
		rgba(255, 255, 255, 0.96);
}

.feature-grid--staggered {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.feature-grid--staggered .feature-card:nth-child(1),
.feature-grid--staggered .feature-card:nth-child(2) {
	grid-column: span 2;
}

.feature-grid--staggered .feature-card:nth-child(3) {
	grid-column: span 1;
}

.feature-grid--staggered .feature-card:nth-child(n+4) {
	grid-column: span 2;
}

.start-timeline--journey {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.entry-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.entry-action-card {
	overflow: hidden;
	border: 1px solid rgba(246, 196, 69, 0.2);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.07);
	box-shadow: var(--shadow-soft);
}

.entry-action-card__media {
	height: 210px;
}

.entry-action-card__body {
	padding: 24px;
}

.entry-action-card__body span,
.page-feature-card span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 34px;
	margin-bottom: 12px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(246, 196, 69, 0.16);
	color: var(--bb-accent);
	font-weight: 900;
	font-size: 13px;
}

.entry-action-card h2 {
	margin: 0 0 10px;
	color: var(--color-heading);
}

.entry-action-card p {
	color: var(--color-muted);
	line-height: 1.62;
}

.game-visual-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.game-visual-card {
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.06);
	color: var(--bb-light);
}

.game-visual-card .visual-image {
	aspect-ratio: 1.45;
}

.game-visual-card span,
.game-visual-card p {
	display: block;
	padding: 0 16px;
}

.game-visual-card span {
	padding-top: 16px;
	font-weight: 900;
}

.game-visual-card p {
	padding-bottom: 18px;
	color: var(--color-muted);
	font-size: 14px;
	line-height: 1.5;
}

.bonus-preview-panel,
.payment-preview-panel,
.responsible-highlight,
.archive-description-card,
.archive-featured-card,
.key-takeaways,
.practical-checklist,
.warning-box,
.responsible-article-box {
	border: 1px solid rgba(246, 196, 69, 0.2);
	border-radius: 24px;
	box-shadow: var(--shadow-soft);
}

.bonus-preview-panel,
.payment-preview-panel {
	padding: 34px;
	background: rgba(255, 255, 255, 0.07);
}

.bonus-rule-grid,
.payment-split {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin: 22px 0;
}

.payment-split {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bonus-rule-card,
.payment-check-card {
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.06);
}

.responsible-highlight {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(300px, 1fr);
	gap: 28px;
	padding: 34px;
	background:
		linear-gradient(135deg, rgba(215, 38, 56, 0.2), rgba(7, 22, 46, 0.96)),
		var(--bb-dark);
}

.responsible-pill-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.responsible-pill-list li,
.check-list li {
	padding: 12px 14px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.08);
	color: var(--color-muted);
	line-height: 1.55;
}

.check-list {
	display: grid;
	gap: 10px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.page-hero {
	padding: 64px 0 38px;
	background:
		radial-gradient(circle at 86% 12%, rgba(246, 196, 69, 0.16), transparent 26%),
		linear-gradient(135deg, rgba(7, 22, 46, 0.98), rgba(16, 59, 122, 0.9));
}

.page-hero__copy p:not(.eyebrow) {
	max-width: 650px;
	color: var(--color-muted);
}

.page-hero__media {
	overflow: hidden;
	min-height: 320px;
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, 0.15);
}

.page-intro-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.inner-page--games .page-intro-cards,
.inner-page--responsible .page-intro-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.page-intro-card,
.page-section-card,
.faq-category-card,
.guide-card,
.related-guide-card {
	border: 1px solid rgba(23, 78, 166, 0.14);
	border-radius: 22px;
	background: #fff;
	box-shadow: var(--bb-shadow-soft);
}

.page-intro-card {
	padding: 24px;
}

.page-intro-card h2,
.page-section-card h2,
.archive-description-card h2,
.article-content h2 {
	margin: 0 0 12px;
	color: var(--color-heading);
	line-height: 1.2;
}

.page-intro-card p,
.page-section-card p,
.archive-description-card p,
.guide-card p,
.article-content p {
	color: var(--color-muted);
	line-height: 1.7;
}

.page-intro-card span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 34px;
	margin-bottom: 12px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(23, 78, 166, 0.1);
	color: var(--bb-secondary);
	font-weight: 900;
}

.page-section-flow .site-container {
	display: grid;
	gap: 24px;
}

.page-section-card {
	padding: 30px;
}

.page-section-card--warning-box {
	border-color: rgba(215, 38, 56, 0.26);
	background: linear-gradient(135deg, rgba(215, 38, 56, 0.1), #fff);
}

.page-section-card--notice-strip {
	background: linear-gradient(135deg, rgba(7, 22, 46, 0.95), rgba(23, 78, 166, 0.82));
}

.page-section-card--notice-strip h2,
.page-section-card--notice-strip li,
.page-section-card--warning-box h2 {
	color: var(--color-heading);
}

.page-split-media {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr);
	gap: 26px;
	align-items: center;
}

.page-section-card--split-media-reverse .page-split-media,
.page-section-card--split-media.reverse .page-split-media {
	grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1fr);
}

.page-section-card--split-media-reverse .page-split-media__image,
.page-section-card--split-media.reverse .page-split-media__image {
	order: -1;
}

.page-split-media__image {
	overflow: hidden;
	min-height: 260px;
	border-radius: 20px;
}

.page-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 20px;
}

.page-card-grid--game-category-grid,
.page-card-grid--warning-grid,
.page-card-grid--payment-method-cards {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-feature-card {
	padding: 20px;
	border: 1px solid rgba(23, 78, 166, 0.12);
	border-radius: 18px;
	background: rgba(247, 250, 255, 0.92);
}

.page-feature-img {
	aspect-ratio: 1.5;
	margin: -4px 0 16px;
	border-radius: 14px;
}

.page-feature-card em {
	display: block;
	margin-top: 10px;
	color: var(--bb-secondary);
	font-style: normal;
	font-weight: 800;
}

.page-timeline-list {
	counter-reset: step;
	display: grid;
	gap: 12px;
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.page-timeline-list li {
	counter-increment: step;
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	padding: 14px;
	border-radius: 16px;
	background: rgba(23, 78, 166, 0.08);
	color: var(--color-muted);
}

.page-timeline-list li::before {
	content: counter(step);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 999px;
	background: var(--bb-secondary);
	color: #fff;
	font-weight: 900;
}

.faq-category-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

.faq-category-card {
	padding: 24px;
}

.archive-description-card,
.archive-featured-card {
	padding: 30px;
	background: #fff;
}

.archive-featured-card {
	display: grid;
	grid-template-columns: minmax(0, 0.88fr) minmax(0, 1fr);
	gap: 28px;
	align-items: center;
}

.archive-featured-card__media {
	overflow: hidden;
	min-height: 300px;
	border-radius: 20px;
}

.guide-filter-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 24px;
}

.guide-filter-chips span {
	padding: 8px 13px;
	border-radius: 999px;
	background: rgba(23, 78, 166, 0.1);
	color: var(--color-heading);
	font-weight: 800;
	font-size: 13px;
}

.category-guide-grid,
.related-guide-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.guide-card {
	overflow: hidden;
}

.guide-card__media {
	height: 190px;
}

.guide-card__body {
	padding: 20px;
}

.guide-card__label {
	display: inline-flex;
	margin-bottom: 10px;
	color: var(--bb-secondary);
	font-weight: 900;
	font-size: 13px;
}

.guide-card small {
	display: block;
	margin-top: 14px;
	color: var(--color-muted);
}

.article-hero {
	padding: 66px 0 42px;
	background: linear-gradient(135deg, rgba(7, 22, 46, 0.98), rgba(23, 78, 166, 0.88));
}

.article-meta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.article-meta-row span {
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
	color: var(--bb-light);
	font-size: 13px;
	font-weight: 800;
}

.single-layout--article {
	display: grid;
	grid-template-columns: minmax(260px, 0.32fr) minmax(0, 0.68fr);
	gap: 28px;
	align-items: start;
}

.article-sidebar {
	position: sticky;
	top: calc(var(--header-height) + 20px);
	display: grid;
	gap: 18px;
}

.toc-box,
.responsible-mini-box,
.article-content > section {
	padding: 24px;
	border: 1px solid rgba(23, 78, 166, 0.14);
	border-radius: 22px;
	background: #fff;
	box-shadow: var(--bb-shadow-soft);
}

.toc-box {
	display: grid;
	gap: 10px;
}

.toc-box a,
.related-guide-card {
	color: var(--color-heading);
	font-weight: 800;
}

.article-content {
	display: grid;
	gap: 22px;
}

.article-main-content {
	font-size: 17px;
	line-height: 1.78;
}

.related-guide-card {
	display: grid;
	gap: 8px;
	padding: 18px;
}

@media (max-width: 980px) {
	.home-redesign .hero-card--visual,
	.page-hero__grid,
	.article-hero__grid,
	.responsible-highlight,
	.archive-featured-card,
	.single-layout--article,
	.page-split-media,
	.page-section-card--split-media-reverse .page-split-media,
	.page-section-card--split-media.reverse .page-split-media {
		grid-template-columns: 1fr;
	}

	.page-section-card--split-media-reverse .page-split-media__image,
	.page-section-card--split-media.reverse .page-split-media__image {
		order: 0;
	}

	.quick-grid--eight,
	.feature-grid--staggered,
	.start-timeline--journey,
	.game-visual-grid,
	.bonus-rule-grid,
	.category-guide-grid,
	.related-guide-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.feature-grid--staggered .feature-card {
		grid-column: auto !important;
	}

	.article-sidebar {
		position: static;
	}
}

@media (max-width: 768px) {
	.home-redesign .hero-card--visual,
	.bonus-preview-panel,
	.payment-preview-panel,
	.responsible-highlight,
	.page-section-card,
	.archive-description-card,
	.archive-featured-card {
		padding: 22px;
		border-radius: 18px;
	}

	.quick-grid--eight,
	.entry-card-grid,
	.game-visual-grid,
	.bonus-rule-grid,
	.payment-split,
	.responsible-pill-list,
	.page-intro-cards,
	.inner-page--games .page-intro-cards,
	.inner-page--responsible .page-intro-cards,
	.page-card-grid,
	.page-card-grid--game-category-grid,
	.page-card-grid--warning-grid,
	.page-card-grid--payment-method-cards,
	.faq-category-grid,
	.category-guide-grid,
	.related-guide-grid {
		grid-template-columns: 1fr;
	}

	.hero-visual--mockup,
	.page-hero__media,
	.article-hero__media {
		min-height: 240px;
	}

	.entry-action-card__media,
	.guide-card__media {
		height: 180px;
	}
}

.site-topbar {
	background: rgba(5, 14, 31, 0.96);
}

.site-header__inner {
	grid-template-columns: auto minmax(0, 1fr) auto;
}

.site-header__actions {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
}

.header-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 14px;
	border-radius: var(--radius-sm);
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
}

.header-action--register {
	background: var(--bb-button-bg);
	color: #ffffff;
}

.header-action--login {
	border: 1px solid rgba(246, 196, 69, 0.55);
	color: var(--bb-accent);
}

.home-flow .site-section {
	margin-top: 86px;
}

.hero-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: 18px;
}

.hero-copy p:not(.eyebrow) {
	max-width: 660px;
}

.section-heading-row--compact {
	grid-template-columns: minmax(0, 0.82fr) minmax(280px, 0.62fr);
	align-items: start;
	margin-bottom: 22px;
}

.quick-grid,
.feature-grid,
.featured-games-table,
.full-guide-layout {
	margin-top: 26px;
}

.quick-grid,
.feature-grid {
	display: grid;
	gap: 18px;
}

.quick-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

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

.quick-card,
.feature-card,
.full-guide-panel {
	border: 1px solid var(--bb-card-border);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.07);
	box-shadow: var(--shadow-soft);
}

.quick-card {
	min-height: 164px;
	padding: 18px;
}

.quick-card span,
.feature-card span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin-bottom: 12px;
	border-radius: 999px;
	background: rgba(246, 196, 69, 0.18);
	color: var(--bb-accent);
	font-weight: 800;
}

.quick-card h3,
.feature-card h3 {
	margin: 0 0 8px;
	color: var(--color-heading);
	font-size: 1.05rem;
}

.quick-card p,
.feature-card p,
.full-guide-panel p {
	color: var(--color-muted);
	font-size: 14px;
	line-height: 1.58;
}

.feature-card,
.full-guide-panel {
	padding: 24px;
}

.brand-summary {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.82fr);
	align-items: start;
	gap: 34px;
	padding: 34px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 24px;
	background:
		radial-gradient(circle at 12% 20%, rgba(246, 196, 69, 0.11), transparent 30%),
		linear-gradient(135deg, rgba(16, 59, 122, 0.78), rgba(7, 22, 46, 0.92));
	box-shadow: var(--shadow-soft);
}

.brand-summary h2 {
	margin-bottom: 16px;
}

.brand-summary p {
	max-width: 720px;
	color: var(--color-muted);
}

.brand-summary .info-table {
	min-width: 0;
}

.category-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 26px;
}

.category-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 9px 14px;
	border: 1px solid rgba(246, 196, 69, 0.26);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: var(--bb-light);
	font-size: 14px;
	font-weight: 800;
}

.category-pill span {
	line-height: 1;
}

.featured-games-table th {
	color: var(--color-heading);
}

.featured-games-table {
	margin-top: 24px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.05);
}

.featured-games-table td,
.featured-games-table th {
	vertical-align: top;
}

.deal-payment-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
	gap: 24px;
}

.deal-panel,
.payment-panel {
	padding: 32px;
	border: 1px solid rgba(246, 196, 69, 0.22);
	border-radius: 24px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)),
		rgba(7, 22, 46, 0.72);
	box-shadow: var(--shadow-soft);
}

.deal-panel h2,
.payment-panel h2 {
	margin-bottom: 14px;
}

.deal-panel p:not(.eyebrow),
.payment-panel p:not(.eyebrow) {
	color: var(--color-muted);
}

.method-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 20px 0 10px;
}

.method-strip span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(246, 196, 69, 0.14);
	color: var(--bb-accent);
	font-size: 13px;
	font-weight: 900;
}

.start-timeline {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-top: 24px;
}

.timeline-step {
	position: relative;
	min-height: 176px;
	padding: 24px;
	border-top: 3px solid var(--bb-accent);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.07);
}

.timeline-step span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin-bottom: 12px;
	border-radius: 50%;
	background: var(--bb-secondary);
	color: #fff;
	font-weight: 900;
}

.timeline-step h3 {
	margin: 0 0 8px;
	color: var(--color-heading);
	font-size: 1.05rem;
}

.timeline-step p {
	color: var(--color-muted);
	font-size: 14px;
	line-height: 1.58;
}

.full-guide-shell {
	display: grid;
	grid-template-columns: minmax(270px, 0.42fr) minmax(0, 0.78fr);
	align-items: start;
	gap: 34px;
	max-width: 1180px;
	padding: 34px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 28px;
	background:
		radial-gradient(circle at 8% 10%, rgba(246, 196, 69, 0.14), transparent 26%),
		radial-gradient(circle at 88% 4%, rgba(23, 78, 166, 0.24), transparent 30%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
	box-shadow: var(--shadow-soft);
}

.full-guide-aside__inner {
	position: sticky;
	top: calc(var(--header-height) + 24px);
}

.full-guide-aside h2 {
	margin-bottom: 14px;
	font-size: clamp(2rem, 3.3vw, 3.1rem);
	line-height: 1.05;
}

.full-guide-aside p:not(.eyebrow) {
	color: var(--color-muted);
	line-height: 1.7;
}

.full-guide-visual {
	position: relative;
	overflow: hidden;
	margin: 24px 0;
	border: 1px solid rgba(246, 196, 69, 0.22);
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.07);
}

.full-guide-img,
.full-guide-visual .image-fallback {
	width: 100%;
	aspect-ratio: 1.55;
	object-fit: cover;
}

.full-guide-nav {
	display: grid;
	gap: 8px;
	max-height: 420px;
	overflow: auto;
	padding-right: 4px;
}

.full-guide-nav a {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-height: 42px;
	padding: 7px 10px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.055);
	color: var(--bb-light);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.25;
}

.full-guide-nav a span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 28px;
	border-radius: 999px;
	background: rgba(246, 196, 69, 0.16);
	color: var(--bb-accent);
	font-size: 12px;
}

.full-guide-article {
	display: grid;
	gap: 0;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 24px;
	background: rgba(5, 14, 31, 0.38);
}

.full-guide-chapter {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 18px;
	padding: 28px;
	border-top: 1px solid rgba(255, 255, 255, 0.11);
	scroll-margin-top: calc(var(--header-height) + 22px);
}

.full-guide-chapter:first-child {
	border-top: 0;
}

.full-guide-chapter__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 16px;
	background: var(--bb-secondary);
	color: #fff;
	font-weight: 900;
}

.full-guide-chapter h3 {
	margin: 0 0 10px;
	color: var(--color-heading);
	font-size: clamp(1.2rem, 1.8vw, 1.55rem);
	line-height: 1.24;
}

.full-guide-chapter p {
	max-width: 760px;
	color: var(--color-muted);
	font-size: 16px;
	line-height: 1.75;
}

.full-guide-note {
	margin: 0 28px 28px 104px;
	padding: 18px 20px;
	border: 1px solid rgba(246, 196, 69, 0.24);
	border-radius: 16px;
	background: rgba(246, 196, 69, 0.1);
	color: var(--color-muted);
	line-height: 1.65;
}

.full-guide-note strong {
	color: var(--bb-accent);
}

.home-flow .faq-item.is-open .faq-answer {
	max-height: 360px;
}

.cricket-focus-panel {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
	gap: 28px;
	align-items: center;
	padding: 34px;
	border: 1px solid rgba(23, 78, 166, 0.18);
	border-radius: 22px;
	background:
		linear-gradient(135deg, rgba(23, 78, 166, 0.1), rgba(215, 38, 56, 0.06)),
		#fff;
	box-shadow: var(--bb-shadow-soft);
}

.cricket-focus-panel h2,
.payment-safety-table h2,
.inner-rich-block h2 {
	margin: 0 0 12px;
	color: var(--color-heading);
	line-height: 1.18;
}

.cricket-focus-panel p,
.payment-safety-table p,
.inner-rich-block p {
	color: var(--color-muted);
	line-height: 1.72;
}

.cricket-focus-list {
	display: grid;
	gap: 12px;
}

.cricket-focus-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.cricket-focus-list span,
.cricket-focus-list li {
	display: block;
	padding: 14px 16px;
	border: 1px solid rgba(23, 78, 166, 0.14);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.74);
	color: var(--color-heading);
	font-weight: 800;
	line-height: 1.45;
}

.payment-safety-table {
	margin-top: 30px;
	padding: 30px;
	border: 1px solid rgba(246, 196, 69, 0.26);
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: var(--bb-shadow-soft);
}

.inner-rich-stack {
	display: grid;
	gap: 24px;
}

.inner-rich-block {
	padding: 30px;
	border: 1px solid rgba(23, 78, 166, 0.14);
	border-radius: 22px;
	background: #fff;
	box-shadow: var(--bb-shadow-soft);
}

.inner-rich-intro {
	max-width: 880px;
}

.inner-rich-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 20px;
}

.inner-rich-card {
	padding: 20px;
	border: 1px solid rgba(23, 78, 166, 0.12);
	border-radius: 16px;
	background: rgba(247, 250, 255, 0.88);
}

.inner-rich-card h3 {
	margin: 0 0 8px;
	color: var(--color-heading);
	font-size: 1rem;
	line-height: 1.25;
}

.inner-rich-card p {
	font-size: 15px;
}

.inner-rich-list {
	display: grid;
	gap: 10px;
	margin: 20px 0 0;
	padding-left: 22px;
	color: var(--color-muted);
	line-height: 1.65;
}

.inner-rich-list li::marker {
	color: var(--bb-secondary);
	font-weight: 900;
}

.inner-rich-table {
	margin-top: 22px;
}

.inner-rich-note {
	margin-top: 20px;
	padding: 16px 18px;
	border: 1px solid rgba(246, 196, 69, 0.24);
	border-radius: 14px;
	background: rgba(246, 196, 69, 0.1);
}

@media (max-width: 768px) {
	.site-header__inner {
		grid-template-columns: auto auto;
	}

	.site-header__actions {
		display: none;
	}

	.home-flow .site-section {
		margin-top: 54px;
	}

	.hero-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.hero-actions .btn {
		width: 100%;
	}

	.section-heading-row--compact,
	.brand-summary,
	.deal-payment-grid,
	.cricket-focus-panel {
		grid-template-columns: 1fr;
	}

	.quick-grid,
	.feature-grid,
	.start-timeline,
	.inner-rich-cards {
		grid-template-columns: 1fr;
	}

	.quick-card,
	.timeline-step {
		min-height: 0;
	}

	.brand-summary,
	.deal-panel,
	.payment-panel,
	.full-guide-shell {
		padding: 24px;
		border-radius: 18px;
	}

	.full-guide-shell {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.full-guide-aside__inner {
		position: static;
	}

	.full-guide-visual {
		margin: 18px 0;
	}

	.full-guide-nav {
		max-height: none;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding-right: 0;
	}

	.full-guide-nav a {
		grid-template-columns: 30px minmax(0, 1fr);
		min-height: 46px;
		padding: 8px;
		font-size: 12px;
	}

	.full-guide-nav a span {
		width: 26px;
		height: 26px;
	}

	.full-guide-chapter {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 22px;
	}

	.full-guide-chapter__number {
		width: 42px;
		height: 42px;
		border-radius: 14px;
	}

	.full-guide-note {
		margin: 0 22px 22px;
	}

	.category-strip {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.category-pill {
		justify-content: flex-start;
		white-space: normal;
	}

	.method-strip {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cricket-focus-panel,
	.payment-safety-table,
	.inner-rich-block {
		padding: 22px;
		border-radius: 18px;
	}
}

/* Final homepage compact override: this must stay after legacy homepage rules. */
.home-redesign .site-section {
	margin-top: 58px;
}

.home-redesign .hero-card--visual {
	grid-template-columns: minmax(0, 1fr) minmax(300px, 0.68fr);
	gap: 26px;
	padding: 30px;
	min-height: auto;
}

.home-redesign .hero-copy h1 {
	max-width: 700px;
	font-size: clamp(2.1rem, 4.4vw, 4.2rem);
	line-height: 1.03;
}

.home-redesign .hero-copy p:not(.eyebrow) {
	max-width: 560px;
	font-size: 16px;
	line-height: 1.62;
}

.home-redesign .hero-visual--mockup {
	min-height: 0;
	height: clamp(210px, 28vw, 300px);
	border-radius: 22px;
}

.home-redesign .hero-visual__chips {
	right: 12px;
	bottom: 12px;
	left: 12px;
	gap: 8px;
}

.home-redesign .hero-visual__chips span,
.home-redesign .hero-trust-chips span {
	min-height: 30px;
	padding: 6px 10px;
	font-size: 12px;
}

.home-redesign .brand-summary {
	padding: 26px;
	gap: 22px;
}

.home-redesign .quick-card {
	min-height: 122px;
	padding: 15px;
}

.home-redesign .feature-card,
.home-redesign .timeline-step {
	padding: 18px;
}

.home-redesign .entry-card-grid {
	gap: 18px;
}

.home-redesign .entry-action-card {
	display: grid;
	grid-template-columns: 128px minmax(0, 1fr);
	align-items: stretch;
	min-height: 168px;
}

.home-redesign .entry-action-card__media {
	height: auto;
	min-height: 100%;
}

.home-redesign .entry-action-card__body {
	padding: 16px;
}

.home-redesign .entry-action-card h2 {
	font-size: 1.14rem;
}

.home-redesign .entry-action-card p {
	font-size: 13.5px;
	line-height: 1.5;
}

.home-redesign .game-visual-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.home-redesign .game-visual-card {
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 14px;
	align-items: center;
	padding: 10px;
	border-radius: 16px;
}

.home-redesign .game-visual-card .visual-image {
	grid-row: 1 / 3;
	width: 100px;
	height: 74px;
	aspect-ratio: auto;
	border-radius: 12px;
}

.home-redesign .game-visual-card span,
.home-redesign .game-visual-card p {
	padding: 0;
}

.home-redesign .game-visual-card span {
	font-size: 15px;
	line-height: 1.2;
}

.home-redesign .game-visual-card p {
	margin-top: 5px;
	padding-bottom: 0;
	font-size: 13px;
	line-height: 1.38;
}

.home-redesign .bonus-preview-panel,
.home-redesign .payment-preview-panel,
.home-redesign .responsible-highlight {
	padding: 26px;
}

.home-redesign .bonus-rule-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.home-redesign .bonus-rule-card,
.home-redesign .payment-check-card {
	padding: 16px;
}

.home-redesign .full-guide-shell {
	grid-template-columns: minmax(220px, 0.3fr) minmax(0, 0.7fr);
	gap: 22px;
	padding: 26px;
}

.home-redesign .full-guide-aside h2 {
	font-size: clamp(1.45rem, 2.1vw, 2.05rem);
}

.home-redesign .full-guide-aside p:not(.eyebrow) {
	font-size: 14px;
	line-height: 1.58;
}

.home-redesign .full-guide-visual {
	max-height: 135px;
	margin: 14px 0 0;
	border-radius: 16px;
}

.home-redesign .full-guide-img {
	height: 135px;
	aspect-ratio: auto;
}

.home-redesign .full-guide-chapter {
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 14px;
	padding: 20px;
}

.home-redesign .full-guide-chapter__number {
	width: 38px;
	height: 38px;
	border-radius: 12px;
}

.home-redesign .full-guide-chapter h3 {
	font-size: 1.15rem;
}

.home-redesign .full-guide-chapter p {
	font-size: 15px;
	line-height: 1.66;
}

.home-redesign .full-guide-note {
	margin: 0 20px 20px 76px;
}

@media (max-width: 980px) {
	.home-redesign .hero-card--visual,
	.home-redesign .full-guide-shell {
		grid-template-columns: 1fr;
	}

	.home-redesign .entry-action-card {
		grid-template-columns: 120px minmax(0, 1fr);
	}
}

@media (max-width: 768px) {
	.home-redesign .site-section {
		margin-top: 44px;
	}

	.home-redesign .hero-card--visual {
		padding: 22px;
		gap: 18px;
	}

	.home-redesign .hero-visual--mockup {
		height: 200px;
	}

	.home-redesign .entry-action-card,
	.home-redesign .game-visual-card {
		grid-template-columns: 92px minmax(0, 1fr);
	}

	.home-redesign .entry-action-card__media,
	.home-redesign .game-visual-card .visual-image {
		width: 92px;
		height: 72px;
		min-height: 72px;
		border-radius: 12px;
	}

	.home-redesign .entry-action-card {
		min-height: 0;
	}

	.home-redesign .entry-action-card__body {
		padding: 14px;
	}

	.home-redesign .game-visual-grid,
	.home-redesign .bonus-rule-grid,
	.home-redesign .payment-split {
		grid-template-columns: 1fr;
	}

	.home-redesign .full-guide-visual {
		display: none;
	}

	.home-redesign .full-guide-chapter,
	.home-redesign .full-guide-note {
		margin-left: 0;
	}
}

/* Cricket focus redesign: turn the plain text block into a compact India sports banner. */
.home-redesign .cricket-focus-section {
	margin-top: 48px;
}

.home-redesign .cricket-focus-panel--banner {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.74fr);
	gap: 22px;
	align-items: stretch;
	min-height: 236px;
	padding: 0;
	border: 1px solid rgba(246, 196, 69, 0.28);
	border-radius: 24px;
	background: var(--bb-dark);
	box-shadow: 0 24px 70px rgba(2, 8, 23, 0.24);
}

.home-redesign .cricket-focus-panel--banner::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background:
		linear-gradient(90deg, rgba(7, 22, 46, 0.96) 0%, rgba(7, 22, 46, 0.86) 52%, rgba(7, 22, 46, 0.58) 100%),
		url("../img/games-cricket-sports.webp") center right / cover no-repeat;
}

.home-redesign .cricket-focus-panel--banner::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 6px;
	background: linear-gradient(180deg, var(--bb-accent), var(--bb-secondary));
}

.home-redesign .cricket-focus-panel--banner > div {
	padding: 30px 0 30px 34px;
}

.home-redesign .cricket-focus-panel--banner .eyebrow {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 30px;
	padding: 6px 11px;
	border: 1px solid rgba(246, 196, 69, 0.34);
	border-radius: 999px;
	background: rgba(246, 196, 69, 0.12);
	color: var(--bb-accent);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0;
}

.home-redesign .cricket-focus-panel--banner h2 {
	max-width: 620px;
	margin: 12px 0 12px;
	color: #fff;
	font-size: clamp(1.55rem, 2.7vw, 2.45rem);
	line-height: 1.12;
}

.home-redesign .cricket-focus-panel--banner p:not(.eyebrow) {
	max-width: 680px;
	color: rgba(247, 250, 255, 0.82);
	font-size: 15.5px;
	line-height: 1.66;
}

.home-redesign .cricket-focus-panel--banner .cricket-focus-list {
	align-self: center;
	display: grid;
	gap: 10px;
	margin: 24px 24px 24px 0;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 20px;
	background: rgba(5, 14, 31, 0.62);
	backdrop-filter: blur(10px);
}

.home-redesign .cricket-focus-panel--banner .cricket-focus-list li {
	position: relative;
	min-height: 48px;
	padding: 12px 14px 12px 42px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.09);
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.35;
}

.home-redesign .cricket-focus-panel--banner .cricket-focus-list li::before {
	content: "✓";
	position: absolute;
	top: 12px;
	left: 13px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	background: var(--bb-accent);
	color: var(--bb-dark);
	font-size: 12px;
	font-weight: 900;
}

@media (max-width: 900px) {
	.home-redesign .cricket-focus-panel--banner {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.home-redesign .cricket-focus-panel--banner > div {
		padding: 26px 26px 6px;
	}

	.home-redesign .cricket-focus-panel--banner .cricket-focus-list {
		margin: 18px 22px 22px;
	}
}

@media (max-width: 560px) {
	.home-redesign .cricket-focus-panel--banner {
		min-height: 0;
		border-radius: 18px;
	}

	.home-redesign .cricket-focus-panel--banner > div {
		padding: 22px 20px 4px;
	}

	.home-redesign .cricket-focus-panel--banner .cricket-focus-list {
		margin: 16px;
		padding: 12px;
		border-radius: 16px;
	}

	.home-redesign .cricket-focus-panel--banner .cricket-focus-list li {
		min-height: 0;
		padding: 11px 12px 11px 38px;
		font-size: 13.5px;
	}
}

/* Full guide left-column density fix: fill the aside with useful chapter navigation. */
.home-redesign .full-guide-aside__inner {
	display: grid;
	gap: 14px;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.055);
}

.home-redesign .full-guide-aside__inner .eyebrow,
.home-redesign .full-guide-aside__inner h2,
.home-redesign .full-guide-aside__inner p {
	margin: 0;
}

.home-redesign .full-guide-visual {
	max-height: 118px;
	margin: 0;
}

.home-redesign .full-guide-img {
	height: 118px;
}

.home-redesign .full-guide-meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.home-redesign .full-guide-meta span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 7px 8px;
	border: 1px solid rgba(246, 196, 69, 0.2);
	border-radius: 999px;
	background: rgba(246, 196, 69, 0.1);
	color: var(--bb-accent);
	font-size: 12px;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;
}

.home-redesign .full-guide-nav--compact {
	display: grid;
	gap: 8px;
	max-height: none;
	overflow: visible;
	padding-right: 0;
}

.home-redesign .full-guide-nav--compact a {
	grid-template-columns: 34px minmax(0, 1fr);
	min-height: 42px;
	padding: 7px 9px;
	border-radius: 13px;
	font-size: 12.5px;
	line-height: 1.2;
}

.home-redesign .full-guide-nav--compact a span {
	width: 28px;
	height: 26px;
	font-size: 11px;
}

@media (max-width: 980px) {
	.home-redesign .full-guide-aside__inner {
		position: static;
	}

	.home-redesign .full-guide-nav--compact {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.home-redesign .full-guide-aside__inner {
		padding: 14px;
	}

	.home-redesign .full-guide-meta {
		grid-template-columns: 1fr;
	}

	.home-redesign .full-guide-nav--compact {
		grid-template-columns: 1fr;
	}
}

/* App page visual pass: make /app/ feel like a mobile access tool, not a generic article page. */
.inner-page--app .page-hero {
	padding: 54px 0 42px;
	background:
		radial-gradient(circle at 82% 18%, rgba(246, 196, 69, 0.18), transparent 26%),
		linear-gradient(135deg, rgba(5, 14, 31, 0.99), rgba(23, 78, 166, 0.9));
}

.inner-page--app .page-hero__grid {
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.48fr);
	gap: 34px;
}

.inner-page--app .page-hero__copy h1 {
	max-width: 720px;
	font-size: clamp(2.15rem, 4.1vw, 4rem);
	line-height: 1.03;
}

.inner-page--app .page-hero__copy p:not(.eyebrow) {
	max-width: 590px;
	font-size: 16.5px;
	line-height: 1.64;
}

.inner-page--app .page-hero__media {
	position: relative;
	justify-self: end;
	width: min(100%, 330px);
	min-height: 0;
	aspect-ratio: 0.72;
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 38px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04)),
		rgba(5, 14, 31, 0.72);
	box-shadow: 0 24px 70px rgba(2, 8, 23, 0.34);
}

.inner-page--app .page-hero__media::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 50%;
	z-index: 2;
	width: 74px;
	height: 8px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.28);
	transform: translateX(-50%);
}

.inner-page--app .page-hero__media .page-hero-img {
	border-radius: 28px;
	object-position: 42% center;
	filter: saturate(1.08) contrast(1.04);
}

.inner-page--app .page-intro-section {
	margin-top: -18px;
}

.inner-page--app .page-intro-cards {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.inner-page--app .page-intro-card {
	position: relative;
	overflow: hidden;
	padding: 22px;
	border-color: rgba(23, 78, 166, 0.12);
	background:
		linear-gradient(180deg, rgba(247, 250, 255, 0.98), rgba(255, 255, 255, 0.92));
}

.inner-page--app .page-intro-card::after {
	content: "";
	position: absolute;
	right: -24px;
	bottom: -30px;
	width: 96px;
	height: 96px;
	border-radius: 999px;
	background: rgba(23, 78, 166, 0.08);
}

.inner-page--app .page-intro-card span {
	background: var(--bb-primary);
	color: #fff;
}

.inner-page--app .page-section-flow .site-container {
	gap: 22px;
}

.inner-page--app .page-section-card {
	border-radius: 24px;
}

.inner-page--app .page-section-card--device-comparison {
	padding: 30px;
	border-color: rgba(246, 196, 69, 0.22);
	background:
		radial-gradient(circle at 92% 20%, rgba(246, 196, 69, 0.16), transparent 28%),
		linear-gradient(135deg, rgba(7, 22, 46, 0.98), rgba(23, 78, 166, 0.86));
}

.inner-page--app .page-section-card--device-comparison h2,
.inner-page--app .page-section-card--device-comparison .page-section-intro {
	color: #fff;
}

.inner-page--app .page-section-card--device-comparison .page-card-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.inner-page--app .page-section-card--device-comparison .page-feature-card {
	border-color: rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.09);
}

.inner-page--app .page-section-card--device-comparison .page-feature-card h3 {
	color: #fff;
}

.inner-page--app .page-section-card--device-comparison .page-feature-card p {
	color: rgba(247, 250, 255, 0.8);
}

.inner-page--app .page-split-media {
	grid-template-columns: minmax(0, 1fr) minmax(240px, 0.42fr);
}

.inner-page--app .page-split-media__image {
	min-height: 0;
	height: 230px;
	border-radius: 22px;
	box-shadow: 0 18px 48px rgba(2, 8, 23, 0.16);
}

.inner-page--app .page-section-card--split-media-reverse .page-split-media,
.inner-page--app .page-section-card--split-media.reverse .page-split-media {
	grid-template-columns: minmax(240px, 0.42fr) minmax(0, 1fr);
}

.inner-page--app .page-section-card--troubleshooting-grid .page-card-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
}

.inner-page--app .page-section-card--troubleshooting-grid .page-feature-card {
	padding: 16px;
	border-color: rgba(215, 38, 56, 0.14);
	background: rgba(215, 38, 56, 0.055);
}

.inner-page--app .page-section-card--troubleshooting-grid .page-feature-card h3 {
	font-size: 0.98rem;
}

.inner-page--app .page-section-card--troubleshooting-grid .page-feature-card p {
	font-size: 13.5px;
	line-height: 1.48;
}

.inner-page--app .page-section-card--checklist {
	display: grid;
	grid-template-columns: minmax(260px, 0.38fr) minmax(0, 0.62fr);
	gap: 22px;
	align-items: start;
	background:
		linear-gradient(135deg, rgba(246, 196, 69, 0.1), rgba(255, 255, 255, 0.98));
}

.inner-page--app .page-section-card--checklist .check-list {
	margin-top: 0;
}

.inner-page--app .page-section-card--checklist .check-list li {
	background: #fff;
	color: var(--color-muted);
	box-shadow: 0 10px 28px rgba(2, 8, 23, 0.06);
}

@media (max-width: 980px) {
	.inner-page--app .page-hero__grid,
	.inner-page--app .page-split-media,
	.inner-page--app .page-section-card--split-media-reverse .page-split-media,
	.inner-page--app .page-section-card--split-media.reverse .page-split-media,
	.inner-page--app .page-section-card--checklist {
		grid-template-columns: 1fr;
	}

	.inner-page--app .page-hero__media {
		justify-self: start;
		width: min(100%, 300px);
	}

	.inner-page--app .page-section-card--troubleshooting-grid .page-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.inner-page--app .page-hero {
		padding: 42px 0 30px;
	}

	.inner-page--app .page-hero__media {
		width: min(100%, 250px);
		margin-inline: auto;
	}

	.inner-page--app .page-intro-cards,
	.inner-page--app .page-section-card--device-comparison .page-card-grid,
	.inner-page--app .page-section-card--troubleshooting-grid .page-card-grid {
		grid-template-columns: 1fr;
	}

	.inner-page--app .page-section-card--device-comparison,
	.inner-page--app .page-section-card {
		padding: 20px;
		border-radius: 18px;
	}

	.inner-page--app .page-split-media__image {
		height: 180px;
	}
}

/* App readability pass: stronger contrast and larger text for mobile access sections. */
.inner-page--app {
	--app-ink: #07162e;
	--app-text: #26364d;
	--app-muted: #3f5068;
	--app-line: rgba(23, 78, 166, 0.16);
	--app-soft: #f4f8ff;
	--app-card: #ffffff;
}

.inner-page--app .page-hero__copy p:not(.eyebrow) {
	color: rgba(255, 255, 255, 0.92);
	font-weight: 600;
}

.inner-page--app .page-intro-card,
.inner-page--app .page-section-card,
.inner-page--app .page-feature-card {
	color: var(--app-text);
}

.inner-page--app .page-intro-card {
	isolation: isolate;
	border: 1px solid var(--app-line);
	background: var(--app-card);
	box-shadow: 0 18px 44px rgba(7, 22, 46, 0.09);
}

.inner-page--app .page-intro-card > * {
	position: relative;
	z-index: 1;
}

.inner-page--app .page-intro-card h2 {
	margin-bottom: 8px;
	color: var(--app-ink);
	font-size: clamp(1.08rem, 1.4vw, 1.22rem);
	line-height: 1.25;
}

.inner-page--app .page-intro-card p {
	color: var(--app-muted);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.62;
}

.inner-page--app .page-intro-card span {
	min-width: 50px;
	height: 32px;
	margin-bottom: 14px;
	background: #123f91;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0;
	box-shadow: 0 8px 20px rgba(18, 63, 145, 0.2);
}

.inner-page--app .page-section-card h2 {
	color: var(--app-ink);
	font-size: clamp(1.35rem, 2.1vw, 1.82rem);
	line-height: 1.2;
}

.inner-page--app .page-section-card p,
.inner-page--app .page-section-card li {
	color: var(--app-muted);
	font-size: 16.5px;
	font-weight: 600;
	line-height: 1.68;
}

.inner-page--app .page-section-card--device-comparison {
	border: 1px solid var(--app-line);
	background:
		radial-gradient(circle at 96% 6%, rgba(246, 196, 69, 0.18), transparent 24%),
		linear-gradient(135deg, #ffffff, var(--app-soft));
	box-shadow: 0 20px 52px rgba(7, 22, 46, 0.08);
}

.inner-page--app .page-section-card--device-comparison h2,
.inner-page--app .page-section-card--device-comparison .page-section-intro {
	color: var(--app-ink);
}

.inner-page--app .page-section-card--device-comparison .page-feature-card {
	border: 1px solid rgba(23, 78, 166, 0.14);
	background: #fff;
	box-shadow: 0 12px 30px rgba(7, 22, 46, 0.07);
}

.inner-page--app .page-section-card--device-comparison .page-feature-card h3,
.inner-page--app .page-section-card--troubleshooting-grid .page-feature-card h3 {
	color: var(--app-ink);
	font-size: 1.08rem;
	line-height: 1.28;
}

.inner-page--app .page-section-card--device-comparison .page-feature-card p,
.inner-page--app .page-section-card--troubleshooting-grid .page-feature-card p {
	color: var(--app-muted);
	font-size: 15.8px;
	font-weight: 600;
	line-height: 1.58;
}

.inner-page--app .page-feature-card span:empty {
	display: none;
}

.inner-page--app .page-split-media__copy h2 {
	color: var(--app-ink);
}

.inner-page--app .page-split-media__copy p {
	max-width: 680px;
	color: var(--app-muted);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.72;
}

.inner-page--app .page-section-card--split-mediareverse .page-split-media {
	grid-template-columns: minmax(240px, 0.42fr) minmax(0, 1fr);
}

.inner-page--app .page-section-card--split-mediareverse .page-split-media__image {
	order: -1;
}

.inner-page--app .page-section-card--troubleshooting-grid .page-card-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.inner-page--app .page-section-card--troubleshooting-grid .page-feature-card {
	padding: 20px;
	border: 1px solid rgba(215, 38, 56, 0.18);
	background: #fff8f8;
	box-shadow: 0 10px 28px rgba(126, 18, 30, 0.06);
}

.inner-page--app .page-section-card--checklist {
	border: 1px solid rgba(246, 196, 69, 0.28);
	background:
		linear-gradient(135deg, #fffdf7, #ffffff 52%, #f5f9ff);
}

.inner-page--app .page-section-card--checklist .check-list li {
	border: 1px solid rgba(23, 78, 166, 0.12);
	background: #fff;
	color: var(--app-text);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.58;
}

@media (max-width: 980px) {
	.inner-page--app .page-section-card--split-mediareverse .page-split-media {
		grid-template-columns: 1fr;
	}

	.inner-page--app .page-section-card--troubleshooting-grid .page-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.inner-page--app .page-intro-card,
	.inner-page--app .page-section-card--device-comparison .page-feature-card,
	.inner-page--app .page-section-card--troubleshooting-grid .page-feature-card,
	.inner-page--app .page-section-card--checklist .check-list li {
		padding: 18px;
	}

	.inner-page--app .page-section-card--troubleshooting-grid .page-card-grid {
		grid-template-columns: 1fr;
	}

	.inner-page--app .page-section-card p,
	.inner-page--app .page-section-card li,
	.inner-page--app .page-intro-card p {
		font-size: 16px;
		line-height: 1.64;
	}
}

/* Sitewide card readability pass: high-contrast cards across home, pages, archive and posts. */
:root {
	--bw-card-bg: #ffffff;
	--bw-card-soft: #f6f9ff;
	--bw-card-ink: #07162e;
	--bw-card-text: #26384f;
	--bw-card-muted: #354b66;
	--bw-card-line: rgba(23, 78, 166, 0.18);
	--bw-card-shadow: 0 16px 40px rgba(7, 22, 46, 0.08);
	--bw-warning-bg: #fff6f6;
	--bw-warning-line: rgba(215, 38, 56, 0.24);
}

.home-redesign .quick-card,
.home-redesign .feature-card,
.home-redesign .entry-action-card,
.home-redesign .game-visual-card,
.home-redesign .bonus-rule-card,
.home-redesign .payment-check-card,
.home-redesign .full-guide-chapter,
.home-redesign .full-guide-note,
.quick-card,
.feature-card,
.entry-action-card,
.game-visual-card,
.bonus-rule-card,
.payment-check-card,
.review-card,
.page-intro-card,
.page-section-card,
.page-feature-card,
.faq-item,
.faq-category-card,
.archive-description-card,
.archive-featured-card,
.guide-card,
.related-guide-card,
.key-takeaways,
.practical-checklist,
.warning-box,
.responsible-article-box,
.inner-rich-card,
.inner-rich-block,
.inner-notice {
	border-color: var(--bw-card-line);
	background: linear-gradient(180deg, var(--bw-card-bg), var(--bw-card-soft));
	color: var(--bw-card-text);
	box-shadow: var(--bw-card-shadow);
}

.home-redesign .quick-card h2,
.home-redesign .quick-card h3,
.home-redesign .feature-card h2,
.home-redesign .feature-card h3,
.home-redesign .entry-action-card h2,
.home-redesign .game-visual-card span,
.home-redesign .bonus-rule-card h3,
.home-redesign .payment-check-card h3,
.home-redesign .full-guide-chapter h3,
.quick-card h2,
.quick-card h3,
.feature-card h2,
.feature-card h3,
.entry-action-card h2,
.game-visual-card span,
.bonus-rule-card h3,
.payment-check-card h3,
.review-card h3,
.page-intro-card h2,
.page-section-card h2,
.page-section-card h3,
.page-feature-card h3,
.faq-category-card h2,
.faq-question span,
.archive-description-card h2,
.archive-featured-card h2,
.guide-card h2,
.guide-card h3,
.related-guide-card h3,
.key-takeaways h2,
.practical-checklist h2,
.warning-box h2,
.responsible-article-box h2,
.inner-rich-card h3,
.inner-rich-block h2,
.inner-notice h2 {
	color: var(--bw-card-ink);
}

.home-redesign .quick-card p,
.home-redesign .feature-card p,
.home-redesign .entry-action-card p,
.home-redesign .game-visual-card p,
.home-redesign .bonus-rule-card p,
.home-redesign .payment-check-card p,
.home-redesign .full-guide-chapter p,
.home-redesign .full-guide-note,
.quick-card p,
.feature-card p,
.entry-action-card p,
.game-visual-card p,
.bonus-rule-card p,
.payment-check-card p,
.review-card p,
.page-intro-card p,
.page-section-card p,
.page-section-card li,
.page-feature-card p,
.faq-answer p,
.faq-category-card p,
.archive-description-card p,
.archive-featured-card p,
.guide-card p,
.guide-card small,
.related-guide-card p,
.key-takeaways p,
.key-takeaways li,
.practical-checklist p,
.practical-checklist li,
.warning-box p,
.responsible-article-box p,
.inner-rich-card p,
.inner-rich-block p,
.inner-rich-list,
.inner-notice p {
	color: var(--bw-card-text);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.66;
}

.home-redesign .quick-card span,
.home-redesign .feature-card span,
.entry-action-card__body span,
.quick-card span,
.feature-card span,
.page-feature-card span,
.guide-card__label,
.guide-filter-chips span,
.category-pill,
.category-pill span {
	background: #eaf1ff;
	color: #123f91;
	border-color: rgba(18, 63, 145, 0.14);
}

.page-section-card--warning-box,
.page-section-card--warning-grid,
.warning-box,
.home-redesign .responsible-highlight,
.responsible-highlight {
	border-color: var(--bw-warning-line);
	background: linear-gradient(135deg, var(--bw-warning-bg), #ffffff);
	color: var(--bw-card-text);
}

.page-section-card--warning-box h2,
.page-section-card--warning-box h3,
.page-section-card--warning-grid h2,
.warning-box h2,
.home-redesign .responsible-highlight h2,
.responsible-highlight h2 {
	color: #7e121e;
}

.page-section-card--warning-box p,
.page-section-card--warning-box li,
.page-section-card--warning-grid p,
.page-section-card--warning-grid li,
.warning-box p,
.home-redesign .responsible-highlight p,
.home-redesign .responsible-highlight li,
.responsible-highlight p,
.responsible-highlight li {
	color: #4a2630;
	font-weight: 700;
}

.page-section-card--notice-strip,
.brand-summary--facts,
.brand-summary,
.bonus-preview-panel,
.payment-preview-panel {
	border-color: rgba(23, 78, 166, 0.2);
	background:
		radial-gradient(circle at 94% 8%, rgba(246, 196, 69, 0.16), transparent 24%),
		linear-gradient(135deg, #ffffff, #f1f6ff);
	color: var(--bw-card-text);
}

.page-section-card--notice-strip h2,
.page-section-card--notice-strip h3,
.brand-summary h2,
.brand-summary--facts h2,
.bonus-preview-panel h2,
.payment-preview-panel h2 {
	color: var(--bw-card-ink);
}

.page-section-card--notice-strip p,
.page-section-card--notice-strip li,
.brand-summary p,
.brand-summary li,
.brand-summary--facts p,
.bonus-preview-panel p,
.payment-preview-panel p {
	color: var(--bw-card-text);
	font-weight: 700;
}

.responsible-pill-list li,
.check-list li,
.page-timeline-list li,
.cricket-focus-list span,
.cricket-focus-list li {
	border: 1px solid rgba(23, 78, 166, 0.14);
	background: #ffffff;
	color: var(--bw-card-text);
	font-weight: 700;
	box-shadow: 0 8px 22px rgba(7, 22, 46, 0.05);
}

.info-table,
.featured-games-table,
.payment-safety-table,
.inner-rich-table {
	border-color: rgba(23, 78, 166, 0.16);
	background: #ffffff;
	color: var(--bw-card-text);
	box-shadow: var(--bw-card-shadow);
}

.info-table th,
.featured-games-table th {
	background: #eaf1ff;
	color: var(--bw-card-ink);
}

.info-table td,
.featured-games-table td,
.info-table th,
.featured-games-table th {
	color: var(--bw-card-text);
	font-weight: 650;
}

.faq-item {
	overflow: hidden;
}

.faq-question {
	background: #ffffff;
	color: var(--bw-card-ink);
}

.faq-answer {
	background: #f8fbff;
}

@media (max-width: 768px) {
	.home-redesign .quick-card p,
	.home-redesign .feature-card p,
	.home-redesign .entry-action-card p,
	.home-redesign .game-visual-card p,
	.page-intro-card p,
	.page-section-card p,
	.page-section-card li,
	.page-feature-card p,
	.faq-answer p {
		font-size: 15.8px;
		line-height: 1.62;
	}
}

/* Strong subpage card background differentiation pass.
 * Keep this near the end so it wins over the sitewide readability layer. */
.inner-page--redesign {
	--bw-sub-ink: #07162e;
	--bw-sub-text: #20324a;
	--bw-sub-muted: #3d506b;
	--bw-sub-blue-bg: linear-gradient(135deg, #e7f0ff 0%, #f7fbff 62%, #ffffff 100%);
	--bw-sub-gold-bg: linear-gradient(135deg, #fff0bd 0%, #fff8df 60%, #ffffff 100%);
	--bw-sub-red-bg: linear-gradient(135deg, #ffe0e8 0%, #fff3f5 62%, #ffffff 100%);
	--bw-sub-green-bg: linear-gradient(135deg, #d9f7ec 0%, #effcf7 62%, #ffffff 100%);
	--bw-sub-violet-bg: linear-gradient(135deg, #eee5ff 0%, #f8f3ff 62%, #ffffff 100%);
	--bw-sub-cyan-bg: linear-gradient(135deg, #daf6ff 0%, #f0fbff 62%, #ffffff 100%);
	--bw-sub-peach-bg: linear-gradient(135deg, #ffe7d4 0%, #fff4eb 62%, #ffffff 100%);
	--bw-sub-blue-line: #174ea6;
	--bw-sub-gold-line: #d49a00;
	--bw-sub-red-line: #c92f45;
	--bw-sub-green-line: #07865d;
	--bw-sub-violet-line: #704bc2;
	--bw-sub-cyan-line: #0585a8;
	--bw-sub-peach-line: #d76624;
}

.inner-page--redesign .page-intro-card,
.inner-page--redesign .page-section-card,
.inner-page--redesign .page-feature-card,
.inner-page--redesign .faq-category-card,
.inner-page--redesign .faq-item,
.inner-page--redesign .inner-notice,
.inner-page--redesign .inner-rich-card,
.inner-page--redesign .inner-rich-block {
	background: var(--bw-sub-card-bg, var(--bw-sub-blue-bg));
	border: 1px solid var(--bw-sub-card-border, rgba(23, 78, 166, 0.22));
	color: var(--bw-sub-text);
	box-shadow:
		inset 0 6px 0 var(--bw-sub-card-accent, var(--bw-sub-blue-line)),
		0 18px 40px rgba(7, 22, 46, 0.10);
}

.inner-page--redesign .page-section-card {
	position: relative;
	overflow: hidden;
}

.inner-page--redesign .page-section-card::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 7px;
	border-radius: inherit 0 0 inherit;
	background: var(--bw-sub-card-accent, var(--bw-sub-blue-line));
	opacity: 1;
}

.inner-page--redesign .page-section-card > * {
	position: relative;
	z-index: 1;
}

.inner-page--redesign .page-intro-card:nth-child(7n+1),
.inner-page--redesign .page-feature-card:nth-child(7n+1),
.inner-page--redesign .faq-category-card:nth-child(7n+1),
.inner-page--redesign .faq-item:nth-child(7n+1),
.inner-page--redesign .page-section-flow .site-container > .page-section-card:nth-of-type(7n+1) {
	--bw-sub-card-bg: var(--bw-sub-blue-bg);
	--bw-sub-card-accent: var(--bw-sub-blue-line);
	--bw-sub-card-border: rgba(23, 78, 166, 0.26);
}

.inner-page--redesign .page-intro-card:nth-child(7n+2),
.inner-page--redesign .page-feature-card:nth-child(7n+2),
.inner-page--redesign .faq-category-card:nth-child(7n+2),
.inner-page--redesign .faq-item:nth-child(7n+2),
.inner-page--redesign .page-section-flow .site-container > .page-section-card:nth-of-type(7n+2) {
	--bw-sub-card-bg: var(--bw-sub-gold-bg);
	--bw-sub-card-accent: var(--bw-sub-gold-line);
	--bw-sub-card-border: rgba(212, 154, 0, 0.32);
}

.inner-page--redesign .page-intro-card:nth-child(7n+3),
.inner-page--redesign .page-feature-card:nth-child(7n+3),
.inner-page--redesign .faq-category-card:nth-child(7n+3),
.inner-page--redesign .faq-item:nth-child(7n+3),
.inner-page--redesign .page-section-flow .site-container > .page-section-card:nth-of-type(7n+3) {
	--bw-sub-card-bg: var(--bw-sub-red-bg);
	--bw-sub-card-accent: var(--bw-sub-red-line);
	--bw-sub-card-border: rgba(201, 47, 69, 0.28);
}

.inner-page--redesign .page-intro-card:nth-child(7n+4),
.inner-page--redesign .page-feature-card:nth-child(7n+4),
.inner-page--redesign .faq-category-card:nth-child(7n+4),
.inner-page--redesign .faq-item:nth-child(7n+4),
.inner-page--redesign .page-section-flow .site-container > .page-section-card:nth-of-type(7n+4) {
	--bw-sub-card-bg: var(--bw-sub-green-bg);
	--bw-sub-card-accent: var(--bw-sub-green-line);
	--bw-sub-card-border: rgba(7, 134, 93, 0.28);
}

.inner-page--redesign .page-intro-card:nth-child(7n+5),
.inner-page--redesign .page-feature-card:nth-child(7n+5),
.inner-page--redesign .faq-category-card:nth-child(7n+5),
.inner-page--redesign .faq-item:nth-child(7n+5),
.inner-page--redesign .page-section-flow .site-container > .page-section-card:nth-of-type(7n+5) {
	--bw-sub-card-bg: var(--bw-sub-violet-bg);
	--bw-sub-card-accent: var(--bw-sub-violet-line);
	--bw-sub-card-border: rgba(112, 75, 194, 0.28);
}

.inner-page--redesign .page-intro-card:nth-child(7n+6),
.inner-page--redesign .page-feature-card:nth-child(7n+6),
.inner-page--redesign .faq-category-card:nth-child(7n+6),
.inner-page--redesign .faq-item:nth-child(7n+6),
.inner-page--redesign .page-section-flow .site-container > .page-section-card:nth-of-type(7n+6) {
	--bw-sub-card-bg: var(--bw-sub-cyan-bg);
	--bw-sub-card-accent: var(--bw-sub-cyan-line);
	--bw-sub-card-border: rgba(5, 133, 168, 0.28);
}

.inner-page--redesign .page-intro-card:nth-child(7n),
.inner-page--redesign .page-feature-card:nth-child(7n),
.inner-page--redesign .faq-category-card:nth-child(7n),
.inner-page--redesign .faq-item:nth-child(7n),
.inner-page--redesign .page-section-flow .site-container > .page-section-card:nth-of-type(7n) {
	--bw-sub-card-bg: var(--bw-sub-peach-bg);
	--bw-sub-card-accent: var(--bw-sub-peach-line);
	--bw-sub-card-border: rgba(215, 102, 36, 0.28);
}

.inner-page--redesign .page-section-card--warning-box,
.inner-page--redesign .page-section-card--warning-grid,
.inner-page--redesign .page-section-card--login-warning,
.inner-page--redesign .page-section-card--credential-warning,
.inner-page--redesign .page-section-card--private-data,
.inner-page--redesign .warning-box {
	--bw-sub-card-bg: linear-gradient(135deg, #ffdce5 0%, #fff0f3 58%, #ffffff 100%);
	--bw-sub-card-accent: #b91830;
	--bw-sub-card-border: rgba(185, 24, 48, 0.34);
}

.inner-page--redesign .page-section-card--notice-strip,
.inner-page--redesign .page-section-card--facts,
.inner-page--redesign .inner-notice {
	--bw-sub-card-bg: linear-gradient(135deg, #fff0bd 0%, #fff8df 58%, #ffffff 100%);
	--bw-sub-card-accent: #d49a00;
	--bw-sub-card-border: rgba(212, 154, 0, 0.34);
}

.inner-page--redesign .page-section-card--comparison-table,
.inner-page--redesign .page-section-card--payment-options,
.inner-page--redesign .page-section-card--deposit-checklist,
.inner-page--redesign .page-section-card--withdrawal-checklist {
	--bw-sub-card-bg: linear-gradient(135deg, #dcf9f0 0%, #effcf7 58%, #ffffff 100%);
	--bw-sub-card-accent: #07865d;
	--bw-sub-card-border: rgba(7, 134, 93, 0.32);
}

.inner-page--redesign .page-section-card--timeline,
.inner-page--redesign .page-section-card--onboarding-timeline,
.inner-page--redesign .page-section-card--before-claiming-timeline {
	--bw-sub-card-bg: linear-gradient(135deg, #eee5ff 0%, #f8f3ff 58%, #ffffff 100%);
	--bw-sub-card-accent: #704bc2;
	--bw-sub-card-border: rgba(112, 75, 194, 0.32);
}

.inner-page--redesign .page-section-card--split-media,
.inner-page--redesign .page-section-card--split-media-reverse,
.inner-page--redesign .page-section-card--device-comparison {
	--bw-sub-card-bg: linear-gradient(135deg, #e7f0ff 0%, #f5f9ff 58%, #ffffff 100%);
	--bw-sub-card-accent: #174ea6;
	--bw-sub-card-border: rgba(23, 78, 166, 0.30);
}

.inner-page--redesign .page-section-card--troubleshooting-grid,
.inner-page--redesign .page-section-card--mistake-list,
.inner-page--redesign .page-section-card--common-mistakes,
.inner-page--redesign .page-section-card--failed-payment {
	--bw-sub-card-bg: linear-gradient(135deg, #ffe7d4 0%, #fff4eb 58%, #ffffff 100%);
	--bw-sub-card-accent: #d76624;
	--bw-sub-card-border: rgba(215, 102, 36, 0.32);
}

.inner-page--redesign .page-section-card h2,
.inner-page--redesign .page-section-card h3,
.inner-page--redesign .page-intro-card h2,
.inner-page--redesign .page-feature-card h3,
.inner-page--redesign .faq-category-card h2,
.inner-page--redesign .faq-question span,
.inner-page--redesign .inner-notice h2 {
	color: var(--bw-sub-ink);
}

.inner-page--redesign .page-section-card p,
.inner-page--redesign .page-section-card li,
.inner-page--redesign .page-intro-card p,
.inner-page--redesign .page-feature-card p,
.inner-page--redesign .faq-answer p,
.inner-page--redesign .faq-category-card p,
.inner-page--redesign .inner-notice p,
.inner-page--redesign .inner-rich-card p,
.inner-page--redesign .inner-rich-block p {
	color: var(--bw-sub-text);
}

.inner-page--redesign .page-feature-card span,
.inner-page--redesign .page-intro-card span,
.inner-page--redesign .guide-filter-chips span,
.inner-page--redesign .category-pill {
	background: var(--bw-sub-card-accent, var(--bw-sub-blue-line));
	border-color: transparent;
	color: #ffffff;
}

.inner-page--redesign .check-list li,
.inner-page--redesign .page-timeline-list li,
.inner-page--redesign .responsible-pill-list li {
	border: 1px solid rgba(7, 22, 46, 0.10);
	color: var(--bw-sub-text);
	box-shadow: 0 10px 24px rgba(7, 22, 46, 0.07);
}

.inner-page--redesign .check-list li:nth-child(6n+1),
.inner-page--redesign .page-timeline-list li:nth-child(6n+1),
.inner-page--redesign .responsible-pill-list li:nth-child(6n+1) {
	background: #ffffff;
	border-left: 5px solid var(--bw-sub-blue-line);
}

.inner-page--redesign .check-list li:nth-child(6n+2),
.inner-page--redesign .page-timeline-list li:nth-child(6n+2),
.inner-page--redesign .responsible-pill-list li:nth-child(6n+2) {
	background: #fff8df;
	border-left: 5px solid var(--bw-sub-gold-line);
}

.inner-page--redesign .check-list li:nth-child(6n+3),
.inner-page--redesign .page-timeline-list li:nth-child(6n+3),
.inner-page--redesign .responsible-pill-list li:nth-child(6n+3) {
	background: #fff0f3;
	border-left: 5px solid var(--bw-sub-red-line);
}

.inner-page--redesign .check-list li:nth-child(6n+4),
.inner-page--redesign .page-timeline-list li:nth-child(6n+4),
.inner-page--redesign .responsible-pill-list li:nth-child(6n+4) {
	background: #effcf7;
	border-left: 5px solid var(--bw-sub-green-line);
}

.inner-page--redesign .check-list li:nth-child(6n+5),
.inner-page--redesign .page-timeline-list li:nth-child(6n+5),
.inner-page--redesign .responsible-pill-list li:nth-child(6n+5) {
	background: #f8f3ff;
	border-left: 5px solid var(--bw-sub-violet-line);
}

.inner-page--redesign .check-list li:nth-child(6n),
.inner-page--redesign .page-timeline-list li:nth-child(6n),
.inner-page--redesign .responsible-pill-list li:nth-child(6n) {
	background: #f0fbff;
	border-left: 5px solid var(--bw-sub-cyan-line);
}

.inner-page--redesign .page-comparison-table,
.inner-page--redesign .inner-rich-table,
.inner-page--redesign .info-table,
.inner-page--redesign .featured-games-table {
	background: rgba(255, 255, 255, 0.78);
	border-color: var(--bw-sub-card-border, rgba(23, 78, 166, 0.18));
	box-shadow: 0 14px 32px rgba(7, 22, 46, 0.08);
}

.inner-page--redesign .page-comparison-table th,
.inner-page--redesign .inner-rich-table th,
.inner-page--redesign .info-table th,
.inner-page--redesign .featured-games-table th {
	background: var(--bw-sub-card-accent, var(--bw-sub-blue-line));
	color: #ffffff;
}

.inner-page--redesign .page-comparison-table td,
.inner-page--redesign .inner-rich-table td,
.inner-page--redesign .info-table td,
.inner-page--redesign .featured-games-table td {
	background: rgba(255, 255, 255, 0.64);
	color: var(--bw-sub-text);
}

.inner-page--redesign .faq-question {
	background: rgba(255, 255, 255, 0.72);
	color: var(--bw-sub-ink);
}

.inner-page--redesign .faq-answer {
	background: rgba(255, 255, 255, 0.52);
}

.archive-page--brand .archive-description-card,
.archive-page--brand .archive-featured-card,
.archive-page--brand .guide-card,
.single-page--redesign .key-takeaways,
.single-page--redesign .practical-checklist,
.single-page--redesign .warning-box,
.single-page--redesign .related-guide-card,
.single-page--redesign .responsible-article-box {
	color: var(--bw-sub-text);
	box-shadow:
		inset 0 6px 0 var(--bw-sub-card-accent, var(--bw-sub-blue-line)),
		0 18px 40px rgba(7, 22, 46, 0.10);
}

.archive-page--brand .archive-description-card,
.single-page--redesign .key-takeaways {
	--bw-sub-card-accent: var(--bw-sub-blue-line);
	background: var(--bw-sub-blue-bg);
	border-color: rgba(23, 78, 166, 0.26);
}

.archive-page--brand .archive-featured-card,
.single-page--redesign .practical-checklist {
	--bw-sub-card-accent: var(--bw-sub-green-line);
	background: var(--bw-sub-green-bg);
	border-color: rgba(7, 134, 93, 0.28);
}

.archive-page--brand .guide-card:nth-child(5n+1),
.single-page--redesign .related-guide-card:nth-child(5n+1) {
	--bw-sub-card-accent: var(--bw-sub-blue-line);
	background: var(--bw-sub-blue-bg);
	border-color: rgba(23, 78, 166, 0.26);
}

.archive-page--brand .guide-card:nth-child(5n+2),
.single-page--redesign .related-guide-card:nth-child(5n+2) {
	--bw-sub-card-accent: var(--bw-sub-gold-line);
	background: var(--bw-sub-gold-bg);
	border-color: rgba(212, 154, 0, 0.32);
}

.archive-page--brand .guide-card:nth-child(5n+3),
.single-page--redesign .related-guide-card:nth-child(5n+3),
.single-page--redesign .warning-box {
	--bw-sub-card-accent: var(--bw-sub-red-line);
	background: var(--bw-sub-red-bg);
	border-color: rgba(201, 47, 69, 0.28);
}

.archive-page--brand .guide-card:nth-child(5n+4),
.single-page--redesign .related-guide-card:nth-child(5n+4),
.single-page--redesign .responsible-article-box {
	--bw-sub-card-accent: var(--bw-sub-violet-line);
	background: var(--bw-sub-violet-bg);
	border-color: rgba(112, 75, 194, 0.28);
}

.archive-page--brand .guide-card:nth-child(5n),
.single-page--redesign .related-guide-card:nth-child(5n) {
	--bw-sub-card-accent: var(--bw-sub-cyan-line);
	background: var(--bw-sub-cyan-bg);
	border-color: rgba(5, 133, 168, 0.28);
}

@media (max-width: 768px) {
	.inner-page--redesign .page-intro-card,
	.inner-page--redesign .page-section-card,
	.inner-page--redesign .page-feature-card,
	.inner-page--redesign .faq-category-card,
	.inner-page--redesign .faq-item,
	.archive-page--brand .guide-card,
	.single-page--redesign .related-guide-card {
		box-shadow:
			inset 0 5px 0 var(--bw-sub-card-accent, var(--bw-sub-blue-line)),
			0 12px 28px rgba(7, 22, 46, 0.08);
	}

	.inner-page--redesign .page-section-card::before {
		width: 5px;
	}
}

/* Global floating entry CTA. One fixed brand-entry button across desktop and mobile. */
body {
	padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px));
}

.mobile-action-bar {
	display: none !important;
}

.floating-entry-cta {
	position: fixed;
	left: 50%;
	bottom: calc(22px + env(safe-area-inset-bottom, 0px));
	z-index: 1006;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	min-width: min(390px, calc(100vw - 34px));
	min-height: 58px;
	padding: 12px 20px 12px 16px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 999px;
	background:
		linear-gradient(135deg, rgba(246, 196, 69, 0.26), rgba(246, 196, 69, 0) 42%),
		linear-gradient(135deg, #174ea6 0%, #d7193f 100%);
	color: #ffffff;
	text-decoration: none;
	box-shadow:
		0 18px 42px rgba(7, 22, 46, 0.32),
		0 0 0 7px rgba(255, 255, 255, 0.12);
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, 18px) scale(0.98);
	transition: opacity 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.floating-entry-cta::before {
	content: "";
	display: inline-grid;
	place-items: center;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border-radius: 50%;
	background:
		radial-gradient(circle at 35% 32%, #ffffff 0 10%, transparent 11%),
		linear-gradient(135deg, #ffc928, #ffffff);
	box-shadow: inset 0 0 0 1px rgba(7, 22, 46, 0.10), 0 8px 18px rgba(7, 22, 46, 0.20);
}

.floating-entry-cta.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, 0) scale(1);
}

.floating-entry-cta:hover,
.floating-entry-cta:focus {
	color: #ffffff;
	box-shadow:
		0 22px 52px rgba(7, 22, 46, 0.40),
		0 0 0 8px rgba(255, 201, 40, 0.18);
	transform: translate(-50%, -2px) scale(1.01);
}

.floating-entry-cta__note {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 5px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.18);
	color: #ffffff;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0;
	white-space: nowrap;
}

.floating-entry-cta strong {
	color: #ffffff;
	font-size: 17px;
	font-weight: 950;
	letter-spacing: 0;
	line-height: 1.15;
	white-space: nowrap;
}

.back-to-top {
	bottom: calc(98px + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 782px) {
	body {
		padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
	}

	.floating-entry-cta {
		bottom: calc(14px + env(safe-area-inset-bottom, 0px));
		min-width: calc(100vw - 28px);
		min-height: 56px;
		gap: 10px;
		padding: 10px 16px 10px 12px;
	}

	.floating-entry-cta::before {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
	}

	.floating-entry-cta__note {
		min-height: 26px;
		padding: 4px 8px;
		font-size: 11px;
	}

	.floating-entry-cta strong {
		font-size: 16px;
	}

	.back-to-top {
		right: 14px;
		bottom: calc(86px + env(safe-area-inset-bottom, 0px));
	}
}

@media (max-width: 380px) {
	.floating-entry-cta__note {
		display: none;
	}

	.floating-entry-cta {
		justify-content: flex-start;
	}
}

/* Homepage quick facts layout fix: reduce the empty left side and let the table lead. */
.home-redesign .quick-facts-section {
	padding-top: 42px;
	padding-bottom: 42px;
}

.home-redesign .brand-summary--facts {
	grid-template-columns: minmax(250px, 0.52fr) minmax(520px, 1fr);
	align-items: stretch;
	gap: 18px;
	padding: 22px;
	background:
		radial-gradient(circle at 5% 10%, rgba(246, 196, 69, 0.16), transparent 24%),
		linear-gradient(135deg, rgba(16, 59, 122, 0.92), rgba(7, 22, 46, 0.96));
}

.home-redesign .brand-summary--facts .brand-summary__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100%;
	padding: 18px 18px 18px 20px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.10);
}

.home-redesign .brand-summary--facts .brand-summary__copy .eyebrow {
	width: max-content;
	margin-bottom: 10px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(246, 196, 69, 0.18);
	color: #fff1b8;
}

.home-redesign .brand-summary--facts h2 {
	max-width: 330px;
	margin-bottom: 10px;
	font-size: clamp(26px, 2.7vw, 38px);
	line-height: 1.05;
	color: #ffffff;
}

.home-redesign .brand-summary--facts p:not(.eyebrow) {
	max-width: 350px;
	margin: 0;
	color: rgba(247, 249, 255, 0.86);
	font-size: 16px;
	line-height: 1.6;
}

.home-redesign .brand-summary--facts .table-scroll {
	align-self: stretch;
	display: flex;
	min-width: 0;
	margin: 0;
	padding: 0;
	overflow: visible;
}

.home-redesign .brand-summary--facts .quick-facts-table {
	width: 100%;
	min-width: 0;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0 8px;
	background: transparent;
	box-shadow: none;
}

.home-redesign .brand-summary--facts .quick-facts-table tr {
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 8px 20px rgba(7, 22, 46, 0.12);
}

.home-redesign .brand-summary--facts .quick-facts-table th,
.home-redesign .brand-summary--facts .quick-facts-table td {
	padding: 12px 16px;
	border: 0;
	color: #10213a;
	font-size: 15.5px;
	line-height: 1.35;
	vertical-align: middle;
}

.home-redesign .brand-summary--facts .quick-facts-table th {
	width: 168px;
	border-radius: 12px 0 0 12px;
	background: #e7f0ff;
	color: #174ea6;
	font-weight: 950;
	white-space: nowrap;
}

.home-redesign .brand-summary--facts .quick-facts-table td {
	border-radius: 0 12px 12px 0;
	background: #ffffff;
	font-weight: 760;
}

@media (max-width: 900px) {
	.home-redesign .brand-summary--facts {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.home-redesign .brand-summary--facts .brand-summary__copy {
		padding: 18px;
	}

	.home-redesign .brand-summary--facts h2,
	.home-redesign .brand-summary--facts p:not(.eyebrow) {
		max-width: none;
	}
}

@media (max-width: 620px) {
	.home-redesign .quick-facts-section {
		padding-top: 32px;
		padding-bottom: 34px;
	}

	.home-redesign .brand-summary--facts {
		padding: 16px;
	}

	.home-redesign .brand-summary--facts .table-scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.home-redesign .brand-summary--facts .quick-facts-table {
		min-width: 520px;
		border-spacing: 0 7px;
	}

	.home-redesign .brand-summary--facts .quick-facts-table th,
	.home-redesign .brand-summary--facts .quick-facts-table td {
		padding: 11px 13px;
		font-size: 14.5px;
	}
}

/* Homepage card background polish: stronger visual rhythm without reducing readability. */
.home-redesign {
	--home-card-ink: #07162e;
	--home-card-text: #223552;
	--home-blue-bg: linear-gradient(135deg, #e8f1ff 0%, #f7fbff 62%, #ffffff 100%);
	--home-gold-bg: linear-gradient(135deg, #fff0bf 0%, #fff8df 62%, #ffffff 100%);
	--home-red-bg: linear-gradient(135deg, #ffe0e8 0%, #fff3f5 62%, #ffffff 100%);
	--home-green-bg: linear-gradient(135deg, #dcf7ed 0%, #effcf7 62%, #ffffff 100%);
	--home-violet-bg: linear-gradient(135deg, #efe6ff 0%, #f8f3ff 62%, #ffffff 100%);
	--home-cyan-bg: linear-gradient(135deg, #ddf6ff 0%, #f0fbff 62%, #ffffff 100%);
	--home-peach-bg: linear-gradient(135deg, #ffe8d5 0%, #fff4eb 62%, #ffffff 100%);
	--home-blue-line: #174ea6;
	--home-gold-line: #d49a00;
	--home-red-line: #c92f45;
	--home-green-line: #07865d;
	--home-violet-line: #704bc2;
	--home-cyan-line: #0585a8;
	--home-peach-line: #d76624;
}

.home-redesign .quick-card,
.home-redesign .feature-card,
.home-redesign .timeline-step,
.home-redesign .entry-action-card,
.home-redesign .game-visual-card,
.home-redesign .bonus-rule-card,
.home-redesign .payment-check-card,
.home-redesign .review-card,
.home-redesign .full-guide-chapter,
.home-redesign .faq-grid .faq-item {
	position: relative;
	overflow: hidden;
	background: var(--home-card-bg, var(--home-blue-bg));
	border: 1px solid var(--home-card-border, rgba(23, 78, 166, 0.22));
	color: var(--home-card-text);
	box-shadow:
		inset 0 5px 0 var(--home-card-accent, var(--home-blue-line)),
		0 16px 34px rgba(7, 22, 46, 0.10);
}

.home-redesign .quick-card::after,
.home-redesign .feature-card::after,
.home-redesign .timeline-step::after,
.home-redesign .entry-action-card::after,
.home-redesign .game-visual-card::after,
.home-redesign .bonus-rule-card::after,
.home-redesign .payment-check-card::after,
.home-redesign .review-card::after,
.home-redesign .full-guide-chapter::after {
	content: "";
	position: absolute;
	right: -24px;
	top: -24px;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background: var(--home-card-accent, var(--home-blue-line));
	opacity: 0.08;
	pointer-events: none;
}

.home-redesign .quick-card > *,
.home-redesign .feature-card > *,
.home-redesign .timeline-step > *,
.home-redesign .entry-action-card > *,
.home-redesign .game-visual-card > *,
.home-redesign .bonus-rule-card > *,
.home-redesign .payment-check-card > *,
.home-redesign .review-card > *,
.home-redesign .full-guide-chapter > * {
	position: relative;
	z-index: 1;
}

.home-redesign .quick-card:nth-child(7n+1),
.home-redesign .feature-card:nth-child(7n+1),
.home-redesign .timeline-step:nth-child(7n+1),
.home-redesign .entry-action-card:nth-child(7n+1),
.home-redesign .game-visual-card:nth-child(7n+1),
.home-redesign .bonus-rule-card:nth-child(7n+1),
.home-redesign .payment-check-card:nth-child(7n+1),
.home-redesign .review-card:nth-child(7n+1),
.home-redesign .full-guide-chapter:nth-child(7n+1),
.home-redesign .faq-grid .faq-item:nth-child(7n+1) {
	--home-card-bg: var(--home-blue-bg);
	--home-card-accent: var(--home-blue-line);
	--home-card-border: rgba(23, 78, 166, 0.28);
}

.home-redesign .quick-card:nth-child(7n+2),
.home-redesign .feature-card:nth-child(7n+2),
.home-redesign .timeline-step:nth-child(7n+2),
.home-redesign .entry-action-card:nth-child(7n+2),
.home-redesign .game-visual-card:nth-child(7n+2),
.home-redesign .bonus-rule-card:nth-child(7n+2),
.home-redesign .payment-check-card:nth-child(7n+2),
.home-redesign .review-card:nth-child(7n+2),
.home-redesign .full-guide-chapter:nth-child(7n+2),
.home-redesign .faq-grid .faq-item:nth-child(7n+2) {
	--home-card-bg: var(--home-gold-bg);
	--home-card-accent: var(--home-gold-line);
	--home-card-border: rgba(212, 154, 0, 0.34);
}

.home-redesign .quick-card:nth-child(7n+3),
.home-redesign .feature-card:nth-child(7n+3),
.home-redesign .timeline-step:nth-child(7n+3),
.home-redesign .entry-action-card:nth-child(7n+3),
.home-redesign .game-visual-card:nth-child(7n+3),
.home-redesign .bonus-rule-card:nth-child(7n+3),
.home-redesign .payment-check-card:nth-child(7n+3),
.home-redesign .review-card:nth-child(7n+3),
.home-redesign .full-guide-chapter:nth-child(7n+3),
.home-redesign .faq-grid .faq-item:nth-child(7n+3) {
	--home-card-bg: var(--home-red-bg);
	--home-card-accent: var(--home-red-line);
	--home-card-border: rgba(201, 47, 69, 0.30);
}

.home-redesign .quick-card:nth-child(7n+4),
.home-redesign .feature-card:nth-child(7n+4),
.home-redesign .timeline-step:nth-child(7n+4),
.home-redesign .entry-action-card:nth-child(7n+4),
.home-redesign .game-visual-card:nth-child(7n+4),
.home-redesign .bonus-rule-card:nth-child(7n+4),
.home-redesign .payment-check-card:nth-child(7n+4),
.home-redesign .review-card:nth-child(7n+4),
.home-redesign .full-guide-chapter:nth-child(7n+4),
.home-redesign .faq-grid .faq-item:nth-child(7n+4) {
	--home-card-bg: var(--home-green-bg);
	--home-card-accent: var(--home-green-line);
	--home-card-border: rgba(7, 134, 93, 0.30);
}

.home-redesign .quick-card:nth-child(7n+5),
.home-redesign .feature-card:nth-child(7n+5),
.home-redesign .timeline-step:nth-child(7n+5),
.home-redesign .entry-action-card:nth-child(7n+5),
.home-redesign .game-visual-card:nth-child(7n+5),
.home-redesign .bonus-rule-card:nth-child(7n+5),
.home-redesign .payment-check-card:nth-child(7n+5),
.home-redesign .review-card:nth-child(7n+5),
.home-redesign .full-guide-chapter:nth-child(7n+5),
.home-redesign .faq-grid .faq-item:nth-child(7n+5) {
	--home-card-bg: var(--home-violet-bg);
	--home-card-accent: var(--home-violet-line);
	--home-card-border: rgba(112, 75, 194, 0.30);
}

.home-redesign .quick-card:nth-child(7n+6),
.home-redesign .feature-card:nth-child(7n+6),
.home-redesign .timeline-step:nth-child(7n+6),
.home-redesign .entry-action-card:nth-child(7n+6),
.home-redesign .game-visual-card:nth-child(7n+6),
.home-redesign .bonus-rule-card:nth-child(7n+6),
.home-redesign .payment-check-card:nth-child(7n+6),
.home-redesign .review-card:nth-child(7n+6),
.home-redesign .full-guide-chapter:nth-child(7n+6),
.home-redesign .faq-grid .faq-item:nth-child(7n+6) {
	--home-card-bg: var(--home-cyan-bg);
	--home-card-accent: var(--home-cyan-line);
	--home-card-border: rgba(5, 133, 168, 0.30);
}

.home-redesign .quick-card:nth-child(7n),
.home-redesign .feature-card:nth-child(7n),
.home-redesign .timeline-step:nth-child(7n),
.home-redesign .entry-action-card:nth-child(7n),
.home-redesign .game-visual-card:nth-child(7n),
.home-redesign .bonus-rule-card:nth-child(7n),
.home-redesign .payment-check-card:nth-child(7n),
.home-redesign .review-card:nth-child(7n),
.home-redesign .full-guide-chapter:nth-child(7n),
.home-redesign .faq-grid .faq-item:nth-child(7n) {
	--home-card-bg: var(--home-peach-bg);
	--home-card-accent: var(--home-peach-line);
	--home-card-border: rgba(215, 102, 36, 0.30);
}

.home-redesign .quick-card h3,
.home-redesign .feature-card h3,
.home-redesign .timeline-step h3,
.home-redesign .entry-action-card h2,
.home-redesign .game-visual-card span,
.home-redesign .bonus-rule-card h3,
.home-redesign .payment-check-card h3,
.home-redesign .review-card h3,
.home-redesign .full-guide-chapter h3,
.home-redesign .faq-question span {
	color: var(--home-card-ink);
}

.home-redesign .quick-card p,
.home-redesign .feature-card p,
.home-redesign .timeline-step p,
.home-redesign .entry-action-card p,
.home-redesign .game-visual-card p,
.home-redesign .bonus-rule-card p,
.home-redesign .payment-check-card p,
.home-redesign .payment-check-card li,
.home-redesign .review-card p,
.home-redesign .full-guide-chapter p,
.home-redesign .faq-answer p {
	color: var(--home-card-text);
}

.home-redesign .quick-card span,
.home-redesign .feature-card span,
.home-redesign .timeline-step span,
.home-redesign .entry-action-card__body span,
.home-redesign .review-card span,
.home-redesign .full-guide-chapter__number {
	background: var(--home-card-accent, var(--home-blue-line));
	color: #ffffff;
	border-color: transparent;
	box-shadow: 0 8px 18px rgba(7, 22, 46, 0.12);
}

.home-redesign .entry-action-card__media,
.home-redesign .game-visual-card .visual-image {
	background: rgba(255, 255, 255, 0.62);
	box-shadow: 0 10px 24px rgba(7, 22, 46, 0.10);
}

.home-redesign .bonus-preview-panel {
	background:
		radial-gradient(circle at 90% 8%, rgba(246, 196, 69, 0.18), transparent 24%),
		linear-gradient(135deg, #fff7df 0%, #ffffff 58%, #eef6ff 100%);
	border-color: rgba(212, 154, 0, 0.22);
}

.home-redesign .payment-preview-panel {
	background:
		radial-gradient(circle at 8% 12%, rgba(5, 133, 168, 0.18), transparent 26%),
		linear-gradient(135deg, #eafaff 0%, #ffffff 58%, #eefbf6 100%);
	border-color: rgba(5, 133, 168, 0.22);
}

.home-redesign .review-section {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(23, 78, 166, 0.05) 50%, rgba(255, 255, 255, 0));
}

.home-redesign .faq-grid .faq-question {
	background: rgba(255, 255, 255, 0.70);
	color: var(--home-card-ink);
}

.home-redesign .faq-grid .faq-answer {
	background: rgba(255, 255, 255, 0.48);
}

.home-redesign .full-guide-note {
	background:
		linear-gradient(135deg, #fff0bf, #ffffff);
	border-color: rgba(212, 154, 0, 0.32);
	color: #5c4000;
}

@media (max-width: 768px) {
	.home-redesign .quick-card,
	.home-redesign .feature-card,
	.home-redesign .timeline-step,
	.home-redesign .entry-action-card,
	.home-redesign .game-visual-card,
	.home-redesign .bonus-rule-card,
	.home-redesign .payment-check-card,
	.home-redesign .review-card,
	.home-redesign .full-guide-chapter,
	.home-redesign .faq-grid .faq-item {
		box-shadow:
			inset 0 4px 0 var(--home-card-accent, var(--home-blue-line)),
			0 12px 26px rgba(7, 22, 46, 0.08);
	}

	.home-redesign .quick-card::after,
	.home-redesign .feature-card::after,
	.home-redesign .timeline-step::after,
	.home-redesign .entry-action-card::after,
	.home-redesign .game-visual-card::after,
	.home-redesign .bonus-rule-card::after,
	.home-redesign .payment-check-card::after,
	.home-redesign .review-card::after,
	.home-redesign .full-guide-chapter::after {
		width: 68px;
		height: 68px;
	}
}

/* Featured game comparison: card-grid layout to remove wide empty table spacing. */
.home-redesign .featured-games-heading {
	display: grid;
	grid-template-columns: minmax(0, 0.72fr) minmax(280px, 0.46fr);
	align-items: end;
	gap: 18px;
	margin: 28px 0 16px;
	padding: 20px 22px;
	border: 1px solid rgba(23, 78, 166, 0.16);
	border-radius: 20px;
	background:
		radial-gradient(circle at 96% 12%, rgba(246, 196, 69, 0.16), transparent 26%),
		linear-gradient(135deg, #eef6ff 0%, #ffffff 58%, #fff8df 100%);
	box-shadow: 0 14px 30px rgba(7, 22, 46, 0.08);
}

.home-redesign .featured-games-heading .eyebrow {
	grid-column: 1 / -1;
	width: max-content;
	margin: 0 0 -6px;
	padding: 6px 10px;
	border-radius: 999px;
	background: #174ea6;
	color: #ffffff;
	font-size: 12px;
	font-weight: 950;
}

.home-redesign .featured-games-heading h3 {
	margin: 0;
	color: var(--home-card-ink);
	font-size: clamp(24px, 2.5vw, 34px);
	line-height: 1.08;
}

.home-redesign .featured-games-heading p:not(.eyebrow) {
	margin: 0;
	color: var(--home-card-text);
	font-size: 15.5px;
	font-weight: 700;
	line-height: 1.56;
}

.home-redesign .featured-games-table--three {
	margin-top: 24px;
	padding: 0;
	overflow: visible;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.home-redesign .featured-games-table--three .info-table {
	display: block;
	width: 100%;
	min-width: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.home-redesign .featured-games-table--three thead {
	display: none;
}

.home-redesign .featured-games-table--three tbody {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.home-redesign .featured-games-table--three tr {
	--game-table-bg: var(--home-blue-bg);
	--game-table-accent: var(--home-blue-line);
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
	grid-template-areas:
		"category category"
		"know safety";
	gap: 10px 12px;
	min-height: 176px;
	padding: 16px 16px 16px 18px;
	border: 1px solid rgba(23, 78, 166, 0.20);
	border-radius: 18px;
	background: var(--game-table-bg);
	box-shadow:
		inset 0 5px 0 var(--game-table-accent),
		0 14px 28px rgba(7, 22, 46, 0.09);
	overflow: hidden;
}

.home-redesign .featured-games-table--three tr::before {
	content: "";
	position: absolute;
	left: 18px;
	top: 17px;
	width: 31px;
	height: 31px;
	border-radius: 11px;
	background: var(--game-table-accent);
	box-shadow: 0 8px 18px rgba(7, 22, 46, 0.14);
}

.home-redesign .featured-games-table--three tr::after {
	content: "";
	position: absolute;
	right: -28px;
	top: -28px;
	width: 92px;
	height: 92px;
	border-radius: 50%;
	background: var(--game-table-accent);
	opacity: 0.08;
}

.home-redesign .featured-games-table--three tr:nth-child(7n+1) {
	--game-table-bg: var(--home-blue-bg);
	--game-table-accent: var(--home-blue-line);
}

.home-redesign .featured-games-table--three tr:nth-child(7n+2) {
	--game-table-bg: var(--home-gold-bg);
	--game-table-accent: var(--home-gold-line);
}

.home-redesign .featured-games-table--three tr:nth-child(7n+3) {
	--game-table-bg: var(--home-red-bg);
	--game-table-accent: var(--home-red-line);
}

.home-redesign .featured-games-table--three tr:nth-child(7n+4) {
	--game-table-bg: var(--home-green-bg);
	--game-table-accent: var(--home-green-line);
}

.home-redesign .featured-games-table--three tr:nth-child(7n+5) {
	--game-table-bg: var(--home-violet-bg);
	--game-table-accent: var(--home-violet-line);
}

.home-redesign .featured-games-table--three tr:nth-child(7n+6) {
	--game-table-bg: var(--home-cyan-bg);
	--game-table-accent: var(--home-cyan-line);
}

.home-redesign .featured-games-table--three tr:nth-child(7n) {
	--game-table-bg: var(--home-peach-bg);
	--game-table-accent: var(--home-peach-line);
}

.home-redesign .featured-games-table--three td {
	position: relative;
	z-index: 1;
	display: block;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--home-card-text);
	font-size: 14.5px;
	font-weight: 700;
	line-height: 1.48;
}

.home-redesign .featured-games-table--three td:nth-child(1) {
	grid-area: category;
	min-height: 34px;
	padding-left: 43px;
	color: var(--home-card-ink);
	font-size: 17px;
	font-weight: 950;
	line-height: 1.2;
}

.home-redesign .featured-games-table--three td:nth-child(2) {
	grid-area: know;
}

.home-redesign .featured-games-table--three td:nth-child(3) {
	grid-area: safety;
}

.home-redesign .featured-games-table--three td:nth-child(2),
.home-redesign .featured-games-table--three td:nth-child(3) {
	padding: 11px 12px;
	border: 1px solid rgba(7, 22, 46, 0.08);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.62);
	box-shadow: 0 8px 18px rgba(7, 22, 46, 0.05);
}

.home-redesign .featured-games-table--three td:nth-child(2)::before,
.home-redesign .featured-games-table--three td:nth-child(3)::before {
	display: block;
	margin-bottom: 5px;
	color: var(--game-table-accent);
	font-size: 11px;
	font-weight: 950;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.home-redesign .featured-games-table--three td:nth-child(2)::before {
	content: "What to know";
}

.home-redesign .featured-games-table--three td:nth-child(3)::before {
	content: "Safety";
}

@media (max-width: 900px) {
	.home-redesign .featured-games-heading {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 10px;
	}

	.home-redesign .featured-games-heading .eyebrow {
		margin-bottom: 0;
	}

	.home-redesign .featured-games-table--three tbody {
		grid-template-columns: 1fr;
	}

	.home-redesign .featured-games-table--three tr {
		min-height: 0;
	}
}

@media (max-width: 560px) {
	.home-redesign .featured-games-heading {
		margin-top: 22px;
		padding: 18px;
	}

	.home-redesign .featured-games-table--three tr {
		grid-template-columns: 1fr;
		grid-template-areas:
			"category"
			"know"
			"safety";
		padding: 15px;
	}

	.home-redesign .featured-games-table--three td:nth-child(1) {
		padding-left: 40px;
	}

	.home-redesign .featured-games-table--three tr::before {
		left: 15px;
	}
}

/* Header brand icon button using the BetWinner image asset. */
.site-brand {
	text-decoration: none;
}

.brand-logo--image {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	max-width: none;
	height: auto;
	max-height: none;
}

.brand-logo--header.brand-logo--image {
	width: 188px;
	height: 38px;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	box-shadow: 0 10px 24px rgba(7, 22, 46, 0.22);
	overflow: hidden;
	transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.site-brand:hover .brand-logo--header.brand-logo--image,
.site-brand:focus .brand-logo--header.brand-logo--image {
	background: transparent;
	box-shadow: 0 14px 30px rgba(7, 22, 46, 0.30);
	transform: translateY(-1px);
}

.brand-logo__icon {
	display: block;
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: cover;
}

.brand-logo--footer.brand-logo--image {
	padding: 0;
	background: transparent;
	box-shadow: none;
}

.brand-logo--footer .brand-logo__icon {
	width: 188px;
	height: 38px;
	max-height: none;
	object-fit: cover;
}

@media (max-width: 782px) {
	.brand-logo--header.brand-logo--image {
		width: 164px;
		height: 33px;
	}

	.brand-logo--header .brand-logo__icon {
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 420px) {
	.brand-logo--header.brand-logo--image {
		width: 142px;
		height: 29px;
	}

	.brand-logo--header .brand-logo__icon {
		width: 100%;
		height: 100%;
	}
}

/* Games page speed/risk matrix: convert the dense table into compact risk cards. */
.inner-page--games .page-section-card--speed-risk-matrix {
	background:
		radial-gradient(circle at 94% 8%, rgba(246, 196, 69, 0.18), transparent 24%),
		linear-gradient(135deg, #eaf2ff 0%, #ffffff 54%, #fff8df 100%);
	border-color: rgba(23, 78, 166, 0.22);
}

.inner-page--games .page-section-card--speed-risk-matrix .page-section-intro {
	max-width: 760px;
	margin-bottom: 20px;
}

.inner-page--games .page-section-card--speed-risk-matrix .page-comparison-table {
	margin-top: 8px;
	overflow: visible;
}

.inner-page--games .page-section-card--speed-risk-matrix .info-table {
	display: block;
	width: 100%;
	min-width: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.inner-page--games .page-section-card--speed-risk-matrix thead {
	display: none;
}

.inner-page--games .page-section-card--speed-risk-matrix tbody {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.inner-page--games .page-section-card--speed-risk-matrix tr {
	--speed-card-bg: linear-gradient(135deg, #e8f1ff 0%, #f8fbff 64%, #ffffff 100%);
	--speed-card-accent: #174ea6;
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"category pace"
		"check check"
		"risk risk";
	gap: 12px;
	min-height: 210px;
	padding: 18px;
	border: 1px solid rgba(23, 78, 166, 0.20);
	border-radius: 20px;
	background: var(--speed-card-bg);
	box-shadow:
		inset 0 6px 0 var(--speed-card-accent),
		0 16px 34px rgba(7, 22, 46, 0.10);
	overflow: hidden;
}

.inner-page--games .page-section-card--speed-risk-matrix tr::before {
	content: "";
	position: absolute;
	right: -30px;
	top: -34px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: var(--speed-card-accent);
	opacity: 0.08;
	pointer-events: none;
}

.inner-page--games .page-section-card--speed-risk-matrix tr:nth-child(6n+1) {
	--speed-card-bg: linear-gradient(135deg, #e8f1ff 0%, #f8fbff 64%, #ffffff 100%);
	--speed-card-accent: #174ea6;
}

.inner-page--games .page-section-card--speed-risk-matrix tr:nth-child(6n+2) {
	--speed-card-bg: linear-gradient(135deg, #fff0bf 0%, #fff8df 64%, #ffffff 100%);
	--speed-card-accent: #d49a00;
}

.inner-page--games .page-section-card--speed-risk-matrix tr:nth-child(6n+3) {
	--speed-card-bg: linear-gradient(135deg, #ffe0e8 0%, #fff3f5 64%, #ffffff 100%);
	--speed-card-accent: #c92f45;
}

.inner-page--games .page-section-card--speed-risk-matrix tr:nth-child(6n+4) {
	--speed-card-bg: linear-gradient(135deg, #dcf7ed 0%, #effcf7 64%, #ffffff 100%);
	--speed-card-accent: #07865d;
}

.inner-page--games .page-section-card--speed-risk-matrix tr:nth-child(6n+5) {
	--speed-card-bg: linear-gradient(135deg, #efe6ff 0%, #f8f3ff 64%, #ffffff 100%);
	--speed-card-accent: #704bc2;
}

.inner-page--games .page-section-card--speed-risk-matrix tr:nth-child(6n) {
	--speed-card-bg: linear-gradient(135deg, #ddf6ff 0%, #f0fbff 64%, #ffffff 100%);
	--speed-card-accent: #0585a8;
}

.inner-page--games .page-section-card--speed-risk-matrix td {
	position: relative;
	z-index: 1;
	display: block;
	padding: 0;
	border: 0;
	background: transparent;
	color: #20324a;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.48;
}

.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(1) {
	grid-area: category;
	align-self: center;
	color: #07162e;
	font-size: 18px;
	font-weight: 950;
	line-height: 1.18;
}

.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(2) {
	grid-area: pace;
	align-self: start;
	justify-self: end;
	max-width: 170px;
	padding: 8px 11px;
	border-radius: 999px;
	background: var(--speed-card-accent);
	color: #ffffff;
	font-size: 12px;
	font-weight: 950;
	line-height: 1.25;
	text-align: center;
	box-shadow: 0 10px 20px rgba(7, 22, 46, 0.13);
}

.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(3),
.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(4) {
	padding: 13px 14px;
	border: 1px solid rgba(7, 22, 46, 0.08);
	border-radius: 15px;
	background: rgba(255, 255, 255, 0.66);
	box-shadow: 0 8px 18px rgba(7, 22, 46, 0.05);
}

.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(3) {
	grid-area: check;
}

.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(4) {
	grid-area: risk;
	border-color: rgba(201, 47, 69, 0.14);
	background: rgba(255, 255, 255, 0.74);
}

.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(3)::before,
.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(4)::before {
	display: block;
	margin-bottom: 5px;
	color: var(--speed-card-accent);
	font-size: 11px;
	font-weight: 950;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(3)::before {
	content: "What to check";
}

.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(4)::before {
	content: "Risk reminder";
	color: #b91830;
}

@media (max-width: 920px) {
	.inner-page--games .page-section-card--speed-risk-matrix tbody {
		grid-template-columns: 1fr;
	}

	.inner-page--games .page-section-card--speed-risk-matrix tr {
		min-height: 0;
	}
}

@media (max-width: 560px) {
	.inner-page--games .page-section-card--speed-risk-matrix tr {
		grid-template-columns: 1fr;
		grid-template-areas:
			"category"
			"pace"
			"check"
			"risk";
		padding: 16px;
	}

	.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(2) {
		justify-self: start;
		max-width: none;
		text-align: left;
	}
}

/* SEO cleanup: mobile card tables and natural guide links. */
.inner-page--redesign .page-card-grid--next-guide-links {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.inner-page--redesign .page-card-grid--next-guide-links .page-feature-card {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(234, 242, 255, 0.92)),
		#ffffff;
	border: 1px solid rgba(23, 78, 166, 0.16);
	box-shadow: 0 14px 30px rgba(7, 22, 46, 0.08);
}

.inner-page--redesign .page-card-grid--next-guide-links .page-feature-card:nth-child(2) {
	background:
		linear-gradient(135deg, rgba(255, 250, 229, 0.98), rgba(255, 255, 255, 0.94)),
		#ffffff;
	border-color: rgba(212, 154, 0, 0.20);
}

.inner-page--redesign .page-card-grid--next-guide-links .page-feature-card:nth-child(3) {
	background:
		linear-gradient(135deg, rgba(239, 252, 247, 0.98), rgba(255, 255, 255, 0.94)),
		#ffffff;
	border-color: rgba(7, 134, 93, 0.18);
}

.single-page--redesign .related-guide-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 116px;
	padding: 18px;
	text-decoration: none;
}

.single-page--redesign .related-guide-card strong {
	color: #07162e;
	font-size: 18px;
	line-height: 1.25;
}

.single-page--redesign .related-guide-card small {
	color: #174ea6;
	font-weight: 800;
}

.home-redesign .featured-games-table--three td[data-label],
.inner-page--redesign .page-comparison-table td[data-label] {
	vertical-align: top;
}

@media (max-width: 720px) {
	.inner-page--redesign .page-section-card--comparison-table:not(.page-section-card--speed-risk-matrix) .page-comparison-table,
	.home-redesign .featured-games-table--three {
		overflow: visible;
	}

	.inner-page--redesign .page-section-card--comparison-table:not(.page-section-card--speed-risk-matrix) .info-table,
	.home-redesign .featured-games-table--three .info-table {
		display: block;
		min-width: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.inner-page--redesign .page-section-card--comparison-table:not(.page-section-card--speed-risk-matrix) thead,
	.home-redesign .featured-games-table--three thead {
		display: none;
	}

	.inner-page--redesign .page-section-card--comparison-table:not(.page-section-card--speed-risk-matrix) tbody,
	.home-redesign .featured-games-table--three tbody {
		display: grid;
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.inner-page--redesign .page-section-card--comparison-table:not(.page-section-card--speed-risk-matrix) tr,
	.home-redesign .featured-games-table--three tr {
		display: grid;
		gap: 10px;
		padding: 15px;
		border: 1px solid rgba(23, 78, 166, 0.16);
		border-radius: 18px;
		background: linear-gradient(135deg, #ffffff 0%, #f3f7ff 100%);
		box-shadow: 0 12px 24px rgba(7, 22, 46, 0.08);
	}

	.inner-page--redesign .page-section-card--comparison-table:not(.page-section-card--speed-risk-matrix) tr:nth-child(3n+2),
	.home-redesign .featured-games-table--three tr:nth-child(3n+2) {
		background: linear-gradient(135deg, #fffaf0 0%, #ffffff 100%);
		border-color: rgba(212, 154, 0, 0.20);
	}

	.inner-page--redesign .page-section-card--comparison-table:not(.page-section-card--speed-risk-matrix) tr:nth-child(3n),
	.home-redesign .featured-games-table--three tr:nth-child(3n) {
		background: linear-gradient(135deg, #effcf7 0%, #ffffff 100%);
		border-color: rgba(7, 134, 93, 0.18);
	}

	.inner-page--redesign .page-section-card--comparison-table:not(.page-section-card--speed-risk-matrix) td,
	.home-redesign .featured-games-table--three td {
		display: block;
		padding: 0;
		border: 0;
		background: transparent;
		color: #20324a;
		font-weight: 700;
		line-height: 1.45;
	}

	.inner-page--redesign .page-section-card--comparison-table:not(.page-section-card--speed-risk-matrix) td::before,
	.home-redesign .featured-games-table--three td::before {
		content: attr(data-label);
		display: block;
		margin-bottom: 4px;
		color: #174ea6;
		font-size: 11px;
		font-weight: 900;
		text-transform: uppercase;
	}

	.inner-page--redesign .page-card-grid--next-guide-links {
		grid-template-columns: 1fr;
	}
}

/* Site-wide theme card palette: keep all page cards varied but readable. */
.inner-page--redesign .page-intro-card,
.inner-page--redesign .page-section-card,
.inner-page--redesign .page-feature-card,
.inner-page--redesign .faq-category-card,
.inner-page--redesign .faq-item,
.inner-page--redesign .check-list li,
.inner-page--redesign .page-timeline-list li,
.archive-page--brand .archive-description-card,
.archive-page--brand .archive-featured-card,
.archive-page--brand .guide-card,
.single-page--redesign .key-takeaways,
.single-page--redesign .practical-checklist,
.single-page--redesign .warning-box,
.single-page--redesign .related-guide-card,
.single-page--redesign .responsible-article-box {
	--theme-card-bg: var(--home-blue-bg, #edf5ff);
	--theme-card-accent: var(--home-blue-line, #174ea6);
	--theme-card-border: rgba(23, 78, 166, 0.24);
	position: relative;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.70), rgba(255, 255, 255, 0.18)),
		var(--theme-card-bg) !important;
	border-color: var(--theme-card-border) !important;
	color: #20324a;
	box-shadow:
		inset 0 5px 0 var(--theme-card-accent),
		0 16px 34px rgba(7, 22, 46, 0.09);
}

.inner-page--redesign .page-intro-card::after,
.inner-page--redesign .page-section-card::after,
.inner-page--redesign .page-feature-card::after,
.inner-page--redesign .faq-category-card::after,
.archive-page--brand .guide-card::after,
.single-page--redesign .related-guide-card::after {
	content: "";
	position: absolute;
	right: -28px;
	top: -28px;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: var(--theme-card-accent);
	opacity: 0.07;
	pointer-events: none;
}

.inner-page--redesign .page-intro-card > *,
.inner-page--redesign .page-section-card > *,
.inner-page--redesign .page-feature-card > *,
.inner-page--redesign .faq-category-card > *,
.archive-page--brand .guide-card > *,
.single-page--redesign .related-guide-card > * {
	position: relative;
	z-index: 1;
}

.inner-page--redesign .page-intro-card:nth-child(7n+1),
.inner-page--redesign .page-section-card:nth-child(7n+1),
.inner-page--redesign .page-feature-card:nth-child(7n+1),
.inner-page--redesign .faq-category-card:nth-child(7n+1),
.inner-page--redesign .faq-item:nth-child(7n+1),
.inner-page--redesign .check-list li:nth-child(7n+1),
.inner-page--redesign .page-timeline-list li:nth-child(7n+1),
.archive-page--brand .guide-card:nth-child(7n+1),
.single-page--redesign .related-guide-card:nth-child(7n+1) {
	--theme-card-bg: var(--home-blue-bg, #edf5ff);
	--theme-card-accent: var(--home-blue-line, #174ea6);
	--theme-card-border: rgba(23, 78, 166, 0.28);
}

.inner-page--redesign .page-intro-card:nth-child(7n+2),
.inner-page--redesign .page-section-card:nth-child(7n+2),
.inner-page--redesign .page-feature-card:nth-child(7n+2),
.inner-page--redesign .faq-category-card:nth-child(7n+2),
.inner-page--redesign .faq-item:nth-child(7n+2),
.inner-page--redesign .check-list li:nth-child(7n+2),
.inner-page--redesign .page-timeline-list li:nth-child(7n+2),
.archive-page--brand .guide-card:nth-child(7n+2),
.single-page--redesign .related-guide-card:nth-child(7n+2) {
	--theme-card-bg: var(--home-gold-bg, #fff7df);
	--theme-card-accent: var(--home-gold-line, #d49a00);
	--theme-card-border: rgba(212, 154, 0, 0.34);
}

.inner-page--redesign .page-intro-card:nth-child(7n+3),
.inner-page--redesign .page-section-card:nth-child(7n+3),
.inner-page--redesign .page-feature-card:nth-child(7n+3),
.inner-page--redesign .faq-category-card:nth-child(7n+3),
.inner-page--redesign .faq-item:nth-child(7n+3),
.inner-page--redesign .check-list li:nth-child(7n+3),
.inner-page--redesign .page-timeline-list li:nth-child(7n+3),
.archive-page--brand .guide-card:nth-child(7n+3),
.single-page--redesign .related-guide-card:nth-child(7n+3) {
	--theme-card-bg: var(--home-red-bg, #fff1f4);
	--theme-card-accent: var(--home-red-line, #c92f45);
	--theme-card-border: rgba(201, 47, 69, 0.30);
}

.inner-page--redesign .page-intro-card:nth-child(7n+4),
.inner-page--redesign .page-section-card:nth-child(7n+4),
.inner-page--redesign .page-feature-card:nth-child(7n+4),
.inner-page--redesign .faq-category-card:nth-child(7n+4),
.inner-page--redesign .faq-item:nth-child(7n+4),
.inner-page--redesign .check-list li:nth-child(7n+4),
.inner-page--redesign .page-timeline-list li:nth-child(7n+4),
.archive-page--brand .guide-card:nth-child(7n+4),
.single-page--redesign .related-guide-card:nth-child(7n+4) {
	--theme-card-bg: var(--home-green-bg, #effcf7);
	--theme-card-accent: var(--home-green-line, #07865d);
	--theme-card-border: rgba(7, 134, 93, 0.30);
}

.inner-page--redesign .page-intro-card:nth-child(7n+5),
.inner-page--redesign .page-section-card:nth-child(7n+5),
.inner-page--redesign .page-feature-card:nth-child(7n+5),
.inner-page--redesign .faq-category-card:nth-child(7n+5),
.inner-page--redesign .faq-item:nth-child(7n+5),
.inner-page--redesign .check-list li:nth-child(7n+5),
.inner-page--redesign .page-timeline-list li:nth-child(7n+5),
.archive-page--brand .guide-card:nth-child(7n+5),
.single-page--redesign .related-guide-card:nth-child(7n+5) {
	--theme-card-bg: var(--home-violet-bg, #f8f3ff);
	--theme-card-accent: var(--home-violet-line, #704bc2);
	--theme-card-border: rgba(112, 75, 194, 0.30);
}

.inner-page--redesign .page-intro-card:nth-child(7n+6),
.inner-page--redesign .page-section-card:nth-child(7n+6),
.inner-page--redesign .page-feature-card:nth-child(7n+6),
.inner-page--redesign .faq-category-card:nth-child(7n+6),
.inner-page--redesign .faq-item:nth-child(7n+6),
.inner-page--redesign .check-list li:nth-child(7n+6),
.inner-page--redesign .page-timeline-list li:nth-child(7n+6),
.archive-page--brand .guide-card:nth-child(7n+6),
.single-page--redesign .related-guide-card:nth-child(7n+6) {
	--theme-card-bg: var(--home-cyan-bg, #f0fbff);
	--theme-card-accent: var(--home-cyan-line, #0585a8);
	--theme-card-border: rgba(5, 133, 168, 0.30);
}

.inner-page--redesign .page-intro-card:nth-child(7n),
.inner-page--redesign .page-section-card:nth-child(7n),
.inner-page--redesign .page-feature-card:nth-child(7n),
.inner-page--redesign .faq-category-card:nth-child(7n),
.inner-page--redesign .faq-item:nth-child(7n),
.inner-page--redesign .check-list li:nth-child(7n),
.inner-page--redesign .page-timeline-list li:nth-child(7n),
.archive-page--brand .guide-card:nth-child(7n),
.single-page--redesign .related-guide-card:nth-child(7n) {
	--theme-card-bg: var(--home-peach-bg, #fff3ea);
	--theme-card-accent: var(--home-peach-line, #d76624);
	--theme-card-border: rgba(215, 102, 36, 0.30);
}

.inner-page--redesign .page-intro-card h2,
.inner-page--redesign .page-section-card h2,
.inner-page--redesign .page-section-card h3,
.inner-page--redesign .page-feature-card h3,
.inner-page--redesign .faq-category-card h2,
.inner-page--redesign .faq-question span,
.archive-page--brand .guide-card h2,
.single-page--redesign .key-takeaways h2,
.single-page--redesign .practical-checklist h2,
.single-page--redesign .warning-box h2,
.single-page--redesign .related-guide-card strong,
.single-page--redesign .responsible-article-box h2 {
	color: #07162e !important;
}

.inner-page--redesign .page-intro-card p,
.inner-page--redesign .page-section-card p,
.inner-page--redesign .page-section-card li,
.inner-page--redesign .page-feature-card p,
.inner-page--redesign .faq-answer p,
.archive-page--brand .guide-card p,
.single-page--redesign .key-takeaways li,
.single-page--redesign .practical-checklist li,
.single-page--redesign .warning-box p,
.single-page--redesign .responsible-article-box p {
	color: #20324a !important;
}

.inner-page--redesign .page-intro-card > span,
.inner-page--redesign .page-feature-card > span,
.inner-page--redesign .check-list li::before,
.inner-page--redesign .page-timeline-list li::before,
.single-page--redesign .related-guide-card small {
	background: var(--theme-card-accent) !important;
	color: #ffffff !important;
	border-color: transparent !important;
}

.inner-page--redesign .page-section-card--warning-box,
.inner-page--redesign .page-section-card--credential-warning,
.inner-page--redesign .page-section-card--private-data,
.inner-page--redesign .page-section-card--login-warning {
	--theme-card-bg: linear-gradient(135deg, #fff0f3 0%, #ffffff 70%);
	--theme-card-accent: #c92f45;
	--theme-card-border: rgba(201, 47, 69, 0.36);
}

.inner-page--redesign .page-section-card--notice-strip,
.inner-page--redesign .page-section-card--support-direction,
.inner-page--redesign .page-section-card--law-boundary {
	--theme-card-bg: linear-gradient(135deg, #edf5ff 0%, #ffffff 70%);
	--theme-card-accent: #174ea6;
	--theme-card-border: rgba(23, 78, 166, 0.30);
}

/* BetWinner theme-aligned card backgrounds: green, gold and warm neutrals. */
:root {
	--bw-card-ivory: #fffaf0;
	--bw-card-mint: #eef8f1;
	--bw-card-gold: #fff3c7;
	--bw-card-sage: #f2f7e9;
	--bw-card-cream: #fff7e8;
	--bw-card-cool: #f0f6ef;
	--bw-card-deep: #eaf2ec;
	--bw-green-line: #2f5a43;
	--bw-green-line-2: #3f6b4c;
	--bw-gold-line: #f6c445;
	--bw-gold-dark: #b98300;
}

.home-redesign .quick-card,
.home-redesign .feature-card,
.home-redesign .timeline-step,
.home-redesign .entry-action-card,
.home-redesign .game-visual-card,
.home-redesign .bonus-rule-card,
.home-redesign .payment-check-card,
.home-redesign .review-card,
.home-redesign .full-guide-chapter,
.home-redesign .faq-grid .faq-item,
.inner-page--redesign .page-intro-card,
.inner-page--redesign .page-section-card,
.inner-page--redesign .page-feature-card,
.inner-page--redesign .faq-category-card,
.inner-page--redesign .faq-item,
.inner-page--redesign .check-list li,
.inner-page--redesign .page-timeline-list li,
.archive-page--brand .archive-description-card,
.archive-page--brand .archive-featured-card,
.archive-page--brand .guide-card,
.single-page--redesign .key-takeaways,
.single-page--redesign .practical-checklist,
.single-page--redesign .warning-box,
.single-page--redesign .related-guide-card,
.single-page--redesign .responsible-article-box {
	--theme-card-bg: var(--bw-card-ivory);
	--theme-card-accent: var(--bw-green-line);
	--theme-card-border: rgba(47, 90, 67, 0.24);
	--home-card-bg: var(--theme-card-bg);
	--home-card-accent: var(--theme-card-accent);
	--home-card-border: var(--theme-card-border);
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.16)),
		var(--theme-card-bg) !important;
	border-color: var(--theme-card-border) !important;
	box-shadow:
		inset 0 5px 0 var(--theme-card-accent),
		0 16px 34px rgba(7, 22, 46, 0.09);
}

.home-redesign .quick-card:nth-child(6n+1),
.home-redesign .feature-card:nth-child(6n+1),
.home-redesign .timeline-step:nth-child(6n+1),
.home-redesign .entry-action-card:nth-child(6n+1),
.home-redesign .game-visual-card:nth-child(6n+1),
.home-redesign .bonus-rule-card:nth-child(6n+1),
.home-redesign .payment-check-card:nth-child(6n+1),
.home-redesign .review-card:nth-child(6n+1),
.home-redesign .full-guide-chapter:nth-child(6n+1),
.home-redesign .faq-grid .faq-item:nth-child(6n+1),
.inner-page--redesign .page-intro-card:nth-child(6n+1),
.inner-page--redesign .page-section-card:nth-child(6n+1),
.inner-page--redesign .page-feature-card:nth-child(6n+1),
.inner-page--redesign .faq-category-card:nth-child(6n+1),
.inner-page--redesign .faq-item:nth-child(6n+1),
.inner-page--redesign .check-list li:nth-child(6n+1),
.inner-page--redesign .page-timeline-list li:nth-child(6n+1),
.archive-page--brand .guide-card:nth-child(6n+1),
.single-page--redesign .related-guide-card:nth-child(6n+1) {
	--theme-card-bg: var(--bw-card-ivory);
	--theme-card-accent: var(--bw-green-line);
	--theme-card-border: rgba(47, 90, 67, 0.26);
}

.home-redesign .quick-card:nth-child(6n+2),
.home-redesign .feature-card:nth-child(6n+2),
.home-redesign .timeline-step:nth-child(6n+2),
.home-redesign .entry-action-card:nth-child(6n+2),
.home-redesign .game-visual-card:nth-child(6n+2),
.home-redesign .bonus-rule-card:nth-child(6n+2),
.home-redesign .payment-check-card:nth-child(6n+2),
.home-redesign .review-card:nth-child(6n+2),
.home-redesign .full-guide-chapter:nth-child(6n+2),
.home-redesign .faq-grid .faq-item:nth-child(6n+2),
.inner-page--redesign .page-intro-card:nth-child(6n+2),
.inner-page--redesign .page-section-card:nth-child(6n+2),
.inner-page--redesign .page-feature-card:nth-child(6n+2),
.inner-page--redesign .faq-category-card:nth-child(6n+2),
.inner-page--redesign .faq-item:nth-child(6n+2),
.inner-page--redesign .check-list li:nth-child(6n+2),
.inner-page--redesign .page-timeline-list li:nth-child(6n+2),
.archive-page--brand .guide-card:nth-child(6n+2),
.single-page--redesign .related-guide-card:nth-child(6n+2) {
	--theme-card-bg: var(--bw-card-mint);
	--theme-card-accent: var(--bw-green-line-2);
	--theme-card-border: rgba(63, 107, 76, 0.24);
}

.home-redesign .quick-card:nth-child(6n+3),
.home-redesign .feature-card:nth-child(6n+3),
.home-redesign .timeline-step:nth-child(6n+3),
.home-redesign .entry-action-card:nth-child(6n+3),
.home-redesign .game-visual-card:nth-child(6n+3),
.home-redesign .bonus-rule-card:nth-child(6n+3),
.home-redesign .payment-check-card:nth-child(6n+3),
.home-redesign .review-card:nth-child(6n+3),
.home-redesign .full-guide-chapter:nth-child(6n+3),
.home-redesign .faq-grid .faq-item:nth-child(6n+3),
.inner-page--redesign .page-intro-card:nth-child(6n+3),
.inner-page--redesign .page-section-card:nth-child(6n+3),
.inner-page--redesign .page-feature-card:nth-child(6n+3),
.inner-page--redesign .faq-category-card:nth-child(6n+3),
.inner-page--redesign .faq-item:nth-child(6n+3),
.inner-page--redesign .check-list li:nth-child(6n+3),
.inner-page--redesign .page-timeline-list li:nth-child(6n+3),
.archive-page--brand .guide-card:nth-child(6n+3),
.single-page--redesign .related-guide-card:nth-child(6n+3) {
	--theme-card-bg: var(--bw-card-gold);
	--theme-card-accent: var(--bw-gold-dark);
	--theme-card-border: rgba(185, 131, 0, 0.28);
}

.home-redesign .quick-card:nth-child(6n+4),
.home-redesign .feature-card:nth-child(6n+4),
.home-redesign .timeline-step:nth-child(6n+4),
.home-redesign .entry-action-card:nth-child(6n+4),
.home-redesign .game-visual-card:nth-child(6n+4),
.home-redesign .bonus-rule-card:nth-child(6n+4),
.home-redesign .payment-check-card:nth-child(6n+4),
.home-redesign .review-card:nth-child(6n+4),
.home-redesign .full-guide-chapter:nth-child(6n+4),
.home-redesign .faq-grid .faq-item:nth-child(6n+4),
.inner-page--redesign .page-intro-card:nth-child(6n+4),
.inner-page--redesign .page-section-card:nth-child(6n+4),
.inner-page--redesign .page-feature-card:nth-child(6n+4),
.inner-page--redesign .faq-category-card:nth-child(6n+4),
.inner-page--redesign .faq-item:nth-child(6n+4),
.inner-page--redesign .check-list li:nth-child(6n+4),
.inner-page--redesign .page-timeline-list li:nth-child(6n+4),
.archive-page--brand .guide-card:nth-child(6n+4),
.single-page--redesign .related-guide-card:nth-child(6n+4) {
	--theme-card-bg: var(--bw-card-sage);
	--theme-card-accent: var(--bw-green-line);
	--theme-card-border: rgba(47, 90, 67, 0.22);
}

.home-redesign .quick-card:nth-child(6n+5),
.home-redesign .feature-card:nth-child(6n+5),
.home-redesign .timeline-step:nth-child(6n+5),
.home-redesign .entry-action-card:nth-child(6n+5),
.home-redesign .game-visual-card:nth-child(6n+5),
.home-redesign .bonus-rule-card:nth-child(6n+5),
.home-redesign .payment-check-card:nth-child(6n+5),
.home-redesign .review-card:nth-child(6n+5),
.home-redesign .full-guide-chapter:nth-child(6n+5),
.home-redesign .faq-grid .faq-item:nth-child(6n+5),
.inner-page--redesign .page-intro-card:nth-child(6n+5),
.inner-page--redesign .page-section-card:nth-child(6n+5),
.inner-page--redesign .page-feature-card:nth-child(6n+5),
.inner-page--redesign .faq-category-card:nth-child(6n+5),
.inner-page--redesign .faq-item:nth-child(6n+5),
.inner-page--redesign .check-list li:nth-child(6n+5),
.inner-page--redesign .page-timeline-list li:nth-child(6n+5),
.archive-page--brand .guide-card:nth-child(6n+5),
.single-page--redesign .related-guide-card:nth-child(6n+5) {
	--theme-card-bg: var(--bw-card-cream);
	--theme-card-accent: var(--bw-gold-dark);
	--theme-card-border: rgba(185, 131, 0, 0.24);
}

.home-redesign .quick-card:nth-child(6n),
.home-redesign .feature-card:nth-child(6n),
.home-redesign .timeline-step:nth-child(6n),
.home-redesign .entry-action-card:nth-child(6n),
.home-redesign .game-visual-card:nth-child(6n),
.home-redesign .bonus-rule-card:nth-child(6n),
.home-redesign .payment-check-card:nth-child(6n),
.home-redesign .review-card:nth-child(6n),
.home-redesign .full-guide-chapter:nth-child(6n),
.home-redesign .faq-grid .faq-item:nth-child(6n),
.inner-page--redesign .page-intro-card:nth-child(6n),
.inner-page--redesign .page-section-card:nth-child(6n),
.inner-page--redesign .page-feature-card:nth-child(6n),
.inner-page--redesign .faq-category-card:nth-child(6n),
.inner-page--redesign .faq-item:nth-child(6n),
.inner-page--redesign .check-list li:nth-child(6n),
.inner-page--redesign .page-timeline-list li:nth-child(6n),
.archive-page--brand .guide-card:nth-child(6n),
.single-page--redesign .related-guide-card:nth-child(6n) {
	--theme-card-bg: var(--bw-card-deep);
	--theme-card-accent: var(--bw-green-line-2);
	--theme-card-border: rgba(63, 107, 76, 0.26);
}

.inner-page--redesign .page-section-card--warning-box,
.inner-page--redesign .page-section-card--credential-warning,
.inner-page--redesign .page-section-card--private-data,
.inner-page--redesign .page-section-card--login-warning,
.single-page--redesign .warning-box {
	--theme-card-bg: linear-gradient(135deg, #fff5e7 0%, #fffaf0 62%, #eef8f1 100%);
	--theme-card-accent: #b98300;
	--theme-card-border: rgba(185, 131, 0, 0.30);
}

/* Final dark BetWinner card system: deep backgrounds with brand green/gold variation. */
:root {
	--bw-dark-card-1: #10271d;
	--bw-dark-card-2: #123223;
	--bw-dark-card-3: #1a3525;
	--bw-dark-card-4: #20351f;
	--bw-dark-card-5: #2b2b17;
	--bw-dark-card-6: #0f2d2a;
	--bw-dark-card-7: #18271d;
	--bw-dark-text: #f7fff8;
	--bw-dark-muted: rgba(247, 255, 248, 0.78);
	--bw-dark-soft: rgba(255, 255, 255, 0.09);
	--bw-dark-border: rgba(246, 196, 69, 0.24);
}

.home-redesign .quick-card,
.home-redesign .feature-card,
.home-redesign .timeline-step,
.home-redesign .entry-action-card,
.home-redesign .game-visual-card,
.home-redesign .bonus-rule-card,
.home-redesign .payment-check-card,
.home-redesign .review-card,
.home-redesign .full-guide-chapter,
.home-redesign .faq-grid .faq-item,
.inner-page--redesign .page-intro-card,
.inner-page--redesign .page-section-card,
.inner-page--redesign .page-feature-card,
.inner-page--redesign .faq-category-card,
.inner-page--redesign .faq-item,
.inner-page--redesign .check-list li,
.inner-page--redesign .page-timeline-list li,
.archive-page--brand .archive-description-card,
.archive-page--brand .archive-featured-card,
.archive-page--brand .guide-card,
.single-page--redesign .key-takeaways,
.single-page--redesign .practical-checklist,
.single-page--redesign .warning-box,
.single-page--redesign .related-guide-card,
.single-page--redesign .responsible-article-box {
	--theme-card-bg: var(--bw-dark-card-1);
	--theme-card-accent: #f6c445;
	--theme-card-border: var(--bw-dark-border);
	--home-card-bg: var(--theme-card-bg);
	--home-card-accent: var(--theme-card-accent);
	--home-card-border: var(--theme-card-border);
	background:
		radial-gradient(circle at 92% 0%, rgba(246, 196, 69, 0.16), transparent 30%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
		var(--theme-card-bg) !important;
	border-color: var(--theme-card-border) !important;
	color: var(--bw-dark-text) !important;
	box-shadow:
		inset 0 5px 0 var(--theme-card-accent),
		0 18px 36px rgba(4, 12, 10, 0.22) !important;
}

.home-redesign .quick-card:nth-child(7n+1),
.home-redesign .feature-card:nth-child(7n+1),
.home-redesign .timeline-step:nth-child(7n+1),
.home-redesign .entry-action-card:nth-child(7n+1),
.home-redesign .game-visual-card:nth-child(7n+1),
.home-redesign .bonus-rule-card:nth-child(7n+1),
.home-redesign .payment-check-card:nth-child(7n+1),
.home-redesign .review-card:nth-child(7n+1),
.home-redesign .full-guide-chapter:nth-child(7n+1),
.home-redesign .faq-grid .faq-item:nth-child(7n+1),
.inner-page--redesign .page-intro-card:nth-child(7n+1),
.inner-page--redesign .page-section-card:nth-child(7n+1),
.inner-page--redesign .page-feature-card:nth-child(7n+1),
.inner-page--redesign .faq-category-card:nth-child(7n+1),
.inner-page--redesign .faq-item:nth-child(7n+1),
.inner-page--redesign .check-list li:nth-child(7n+1),
.inner-page--redesign .page-timeline-list li:nth-child(7n+1),
.archive-page--brand .guide-card:nth-child(7n+1),
.single-page--redesign .related-guide-card:nth-child(7n+1) {
	--theme-card-bg: var(--bw-dark-card-1);
	--theme-card-accent: #f6c445;
	--theme-card-border: rgba(246, 196, 69, 0.28);
}

.home-redesign .quick-card:nth-child(7n+2),
.home-redesign .feature-card:nth-child(7n+2),
.home-redesign .timeline-step:nth-child(7n+2),
.home-redesign .entry-action-card:nth-child(7n+2),
.home-redesign .game-visual-card:nth-child(7n+2),
.home-redesign .bonus-rule-card:nth-child(7n+2),
.home-redesign .payment-check-card:nth-child(7n+2),
.home-redesign .review-card:nth-child(7n+2),
.home-redesign .full-guide-chapter:nth-child(7n+2),
.home-redesign .faq-grid .faq-item:nth-child(7n+2),
.inner-page--redesign .page-intro-card:nth-child(7n+2),
.inner-page--redesign .page-section-card:nth-child(7n+2),
.inner-page--redesign .page-feature-card:nth-child(7n+2),
.inner-page--redesign .faq-category-card:nth-child(7n+2),
.inner-page--redesign .faq-item:nth-child(7n+2),
.inner-page--redesign .check-list li:nth-child(7n+2),
.inner-page--redesign .page-timeline-list li:nth-child(7n+2),
.archive-page--brand .guide-card:nth-child(7n+2),
.single-page--redesign .related-guide-card:nth-child(7n+2) {
	--theme-card-bg: var(--bw-dark-card-2);
	--theme-card-accent: #88d39a;
	--theme-card-border: rgba(136, 211, 154, 0.24);
}

.home-redesign .quick-card:nth-child(7n+3),
.home-redesign .feature-card:nth-child(7n+3),
.home-redesign .timeline-step:nth-child(7n+3),
.home-redesign .entry-action-card:nth-child(7n+3),
.home-redesign .game-visual-card:nth-child(7n+3),
.home-redesign .bonus-rule-card:nth-child(7n+3),
.home-redesign .payment-check-card:nth-child(7n+3),
.home-redesign .review-card:nth-child(7n+3),
.home-redesign .full-guide-chapter:nth-child(7n+3),
.home-redesign .faq-grid .faq-item:nth-child(7n+3),
.inner-page--redesign .page-intro-card:nth-child(7n+3),
.inner-page--redesign .page-section-card:nth-child(7n+3),
.inner-page--redesign .page-feature-card:nth-child(7n+3),
.inner-page--redesign .faq-category-card:nth-child(7n+3),
.inner-page--redesign .faq-item:nth-child(7n+3),
.inner-page--redesign .check-list li:nth-child(7n+3),
.inner-page--redesign .page-timeline-list li:nth-child(7n+3),
.archive-page--brand .guide-card:nth-child(7n+3),
.single-page--redesign .related-guide-card:nth-child(7n+3) {
	--theme-card-bg: var(--bw-dark-card-3);
	--theme-card-accent: #d9b23a;
	--theme-card-border: rgba(217, 178, 58, 0.26);
}

.home-redesign .quick-card:nth-child(7n+4),
.home-redesign .feature-card:nth-child(7n+4),
.home-redesign .timeline-step:nth-child(7n+4),
.home-redesign .entry-action-card:nth-child(7n+4),
.home-redesign .game-visual-card:nth-child(7n+4),
.home-redesign .bonus-rule-card:nth-child(7n+4),
.home-redesign .payment-check-card:nth-child(7n+4),
.home-redesign .review-card:nth-child(7n+4),
.home-redesign .full-guide-chapter:nth-child(7n+4),
.home-redesign .faq-grid .faq-item:nth-child(7n+4),
.inner-page--redesign .page-intro-card:nth-child(7n+4),
.inner-page--redesign .page-section-card:nth-child(7n+4),
.inner-page--redesign .page-feature-card:nth-child(7n+4),
.inner-page--redesign .faq-category-card:nth-child(7n+4),
.inner-page--redesign .faq-item:nth-child(7n+4),
.inner-page--redesign .check-list li:nth-child(7n+4),
.inner-page--redesign .page-timeline-list li:nth-child(7n+4),
.archive-page--brand .guide-card:nth-child(7n+4),
.single-page--redesign .related-guide-card:nth-child(7n+4) {
	--theme-card-bg: var(--bw-dark-card-4);
	--theme-card-accent: #a7c76f;
	--theme-card-border: rgba(167, 199, 111, 0.24);
}

.home-redesign .quick-card:nth-child(7n+5),
.home-redesign .feature-card:nth-child(7n+5),
.home-redesign .timeline-step:nth-child(7n+5),
.home-redesign .entry-action-card:nth-child(7n+5),
.home-redesign .game-visual-card:nth-child(7n+5),
.home-redesign .bonus-rule-card:nth-child(7n+5),
.home-redesign .payment-check-card:nth-child(7n+5),
.home-redesign .review-card:nth-child(7n+5),
.home-redesign .full-guide-chapter:nth-child(7n+5),
.home-redesign .faq-grid .faq-item:nth-child(7n+5),
.inner-page--redesign .page-intro-card:nth-child(7n+5),
.inner-page--redesign .page-section-card:nth-child(7n+5),
.inner-page--redesign .page-feature-card:nth-child(7n+5),
.inner-page--redesign .faq-category-card:nth-child(7n+5),
.inner-page--redesign .faq-item:nth-child(7n+5),
.inner-page--redesign .check-list li:nth-child(7n+5),
.inner-page--redesign .page-timeline-list li:nth-child(7n+5),
.archive-page--brand .guide-card:nth-child(7n+5),
.single-page--redesign .related-guide-card:nth-child(7n+5) {
	--theme-card-bg: var(--bw-dark-card-5);
	--theme-card-accent: #f6c445;
	--theme-card-border: rgba(246, 196, 69, 0.24);
}

.home-redesign .quick-card:nth-child(7n+6),
.home-redesign .feature-card:nth-child(7n+6),
.home-redesign .timeline-step:nth-child(7n+6),
.home-redesign .entry-action-card:nth-child(7n+6),
.home-redesign .game-visual-card:nth-child(7n+6),
.home-redesign .bonus-rule-card:nth-child(7n+6),
.home-redesign .payment-check-card:nth-child(7n+6),
.home-redesign .review-card:nth-child(7n+6),
.home-redesign .full-guide-chapter:nth-child(7n+6),
.home-redesign .faq-grid .faq-item:nth-child(7n+6),
.inner-page--redesign .page-intro-card:nth-child(7n+6),
.inner-page--redesign .page-section-card:nth-child(7n+6),
.inner-page--redesign .page-feature-card:nth-child(7n+6),
.inner-page--redesign .faq-category-card:nth-child(7n+6),
.inner-page--redesign .faq-item:nth-child(7n+6),
.inner-page--redesign .check-list li:nth-child(7n+6),
.inner-page--redesign .page-timeline-list li:nth-child(7n+6),
.archive-page--brand .guide-card:nth-child(7n+6),
.single-page--redesign .related-guide-card:nth-child(7n+6) {
	--theme-card-bg: var(--bw-dark-card-6);
	--theme-card-accent: #6ad1bd;
	--theme-card-border: rgba(106, 209, 189, 0.24);
}

.home-redesign .quick-card:nth-child(7n),
.home-redesign .feature-card:nth-child(7n),
.home-redesign .timeline-step:nth-child(7n),
.home-redesign .entry-action-card:nth-child(7n),
.home-redesign .game-visual-card:nth-child(7n),
.home-redesign .bonus-rule-card:nth-child(7n),
.home-redesign .payment-check-card:nth-child(7n),
.home-redesign .review-card:nth-child(7n),
.home-redesign .full-guide-chapter:nth-child(7n),
.home-redesign .faq-grid .faq-item:nth-child(7n),
.inner-page--redesign .page-intro-card:nth-child(7n),
.inner-page--redesign .page-section-card:nth-child(7n),
.inner-page--redesign .page-feature-card:nth-child(7n),
.inner-page--redesign .faq-category-card:nth-child(7n),
.inner-page--redesign .faq-item:nth-child(7n),
.inner-page--redesign .check-list li:nth-child(7n),
.inner-page--redesign .page-timeline-list li:nth-child(7n),
.archive-page--brand .guide-card:nth-child(7n),
.single-page--redesign .related-guide-card:nth-child(7n) {
	--theme-card-bg: var(--bw-dark-card-7);
	--theme-card-accent: #c6dd75;
	--theme-card-border: rgba(198, 221, 117, 0.22);
}

.home-redesign .quick-card h3,
.home-redesign .feature-card h3,
.home-redesign .timeline-step h3,
.home-redesign .entry-action-card h2,
.home-redesign .game-visual-card span,
.home-redesign .bonus-rule-card h3,
.home-redesign .payment-check-card h3,
.home-redesign .review-card h3,
.home-redesign .full-guide-chapter h3,
.home-redesign .faq-question span,
.inner-page--redesign .page-intro-card h2,
.inner-page--redesign .page-section-card h2,
.inner-page--redesign .page-section-card h3,
.inner-page--redesign .page-feature-card h3,
.inner-page--redesign .faq-category-card h2,
.inner-page--redesign .faq-question span,
.archive-page--brand .guide-card h2,
.archive-page--brand .guide-card h2 a,
.single-page--redesign .key-takeaways h2,
.single-page--redesign .practical-checklist h2,
.single-page--redesign .warning-box h2,
.single-page--redesign .related-guide-card strong,
.single-page--redesign .responsible-article-box h2 {
	color: var(--bw-dark-text) !important;
}

.home-redesign .quick-card p,
.home-redesign .feature-card p,
.home-redesign .timeline-step p,
.home-redesign .entry-action-card p,
.home-redesign .game-visual-card p,
.home-redesign .bonus-rule-card p,
.home-redesign .payment-check-card p,
.home-redesign .payment-check-card li,
.home-redesign .review-card p,
.home-redesign .full-guide-chapter p,
.home-redesign .faq-answer p,
.inner-page--redesign .page-intro-card p,
.inner-page--redesign .page-section-card p,
.inner-page--redesign .page-section-card li,
.inner-page--redesign .page-feature-card p,
.inner-page--redesign .faq-answer p,
.archive-page--brand .guide-card p,
.single-page--redesign .key-takeaways li,
.single-page--redesign .practical-checklist li,
.single-page--redesign .warning-box p,
.single-page--redesign .responsible-article-box p {
	color: var(--bw-dark-muted) !important;
}

.home-redesign .quick-card span,
.home-redesign .feature-card span,
.home-redesign .timeline-step span,
.home-redesign .entry-action-card__body span,
.home-redesign .review-card span,
.home-redesign .full-guide-chapter__number,
.inner-page--redesign .page-intro-card > span,
.inner-page--redesign .page-feature-card > span,
.single-page--redesign .related-guide-card small {
	background: var(--theme-card-accent) !important;
	color: #07162e !important;
	border-color: transparent !important;
}

.home-redesign .entry-action-card__media,
.home-redesign .game-visual-card .visual-image,
.inner-page--redesign .page-feature-card .visual-image,
.archive-page--brand .guide-card__media,
.single-page--redesign .article-hero__media {
	background: rgba(255, 255, 255, 0.10) !important;
}

.inner-page--redesign .page-comparison-table,
.inner-page--redesign .inner-rich-table,
.inner-page--redesign .info-table,
.home-redesign .featured-games-table {
	background: rgba(10, 32, 24, 0.92) !important;
	border-color: rgba(246, 196, 69, 0.22) !important;
}

.inner-page--redesign .page-comparison-table td,
.inner-page--redesign .inner-rich-table td,
.inner-page--redesign .info-table td,
.home-redesign .featured-games-table td {
	background: rgba(255, 255, 255, 0.06) !important;
	color: var(--bw-dark-muted) !important;
}

.inner-page--redesign .page-comparison-table th,
.inner-page--redesign .inner-rich-table th,
.inner-page--redesign .info-table th,
.home-redesign .featured-games-table th {
	background: #f6c445 !important;
	color: #07162e !important;
}

.inner-page--redesign .faq-question,
.inner-page--redesign .faq-answer,
.home-redesign .faq-question,
.home-redesign .faq-answer {
	background: rgba(255, 255, 255, 0.07) !important;
	color: var(--bw-dark-text) !important;
}

.inner-page--redesign .page-section-card--warning-box,
.inner-page--redesign .page-section-card--credential-warning,
.inner-page--redesign .page-section-card--private-data,
.inner-page--redesign .page-section-card--login-warning,
.single-page--redesign .warning-box {
	--theme-card-bg: #2d2413;
	--theme-card-accent: #f6c445;
	--theme-card-border: rgba(246, 196, 69, 0.34);
}

/* Visual audit fixes: reduce empty grids, prevent mobile table clipping, and keep notes readable on dark cards. */
.home-redesign .quick-grid--eight {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 18px;
}

.home-redesign .brand-summary--facts {
	background:
		radial-gradient(circle at 92% 8%, rgba(246, 196, 69, 0.14), transparent 28%),
		linear-gradient(145deg, #10271d 0%, #123223 56%, #0f1f19 100%) !important;
	border-color: rgba(246, 196, 69, 0.24) !important;
}

.home-redesign .brand-summary--facts .brand-summary__copy {
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
		#173524 !important;
	border-color: rgba(246, 196, 69, 0.18) !important;
}

.home-redesign .quick-facts-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 8px;
}

.home-redesign .quick-facts-table th,
.home-redesign .quick-facts-table td {
	border: 0 !important;
	background: rgba(255, 255, 255, 0.08) !important;
	color: var(--bw-dark-text) !important;
	line-height: 1.35;
}

.home-redesign .quick-facts-table th {
	width: 180px;
	color: #f6c445 !important;
	font-weight: 950;
}

.home-redesign .quick-facts-table td {
	color: var(--bw-dark-muted) !important;
}

.inner-page--redesign .page-card-grid--method-cloud,
.inner-page--payment .page-card-grid--method-cloud {
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
}

.inner-page--redesign .page-card-grid--visual-hub,
.inner-page--games .page-card-grid--visual-hub {
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
}

.inner-page--redesign .page-feature-card em,
.home-redesign .game-visual-card em,
.home-redesign .bonus-rule-card em,
.inner-page--redesign .page-section-card em {
	display: inline-block;
	margin-top: 10px;
	padding: 8px 10px;
	border-left: 4px solid var(--theme-card-accent);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.08);
	color: var(--bw-dark-muted) !important;
	font-style: normal;
	font-weight: 800;
	line-height: 1.4;
}

.inner-page--redesign .page-feature-card .text-link,
.archive-page--brand .guide-card .text-link,
.home-redesign .entry-action-card .text-link {
	color: #f6c445 !important;
}

@media (max-width: 1120px) {
	.home-redesign .quick-grid--eight {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 640px) {
	.home-redesign .quick-grid--eight {
		grid-template-columns: 1fr !important;
	}

	.home-redesign .brand-summary--facts .table-scroll {
		overflow: visible;
	}

	.home-redesign .quick-facts-table,
	.home-redesign .quick-facts-table tbody,
	.home-redesign .quick-facts-table tr,
	.home-redesign .quick-facts-table th,
	.home-redesign .quick-facts-table td {
		display: block;
		width: 100% !important;
	}

	.home-redesign .quick-facts-table tr {
		margin-bottom: 10px;
		border: 1px solid rgba(246, 196, 69, 0.16);
		border-radius: 14px;
		background: rgba(255, 255, 255, 0.06);
		overflow: hidden;
	}

	.home-redesign .quick-facts-table th,
	.home-redesign .quick-facts-table td {
		padding: 10px 12px !important;
		white-space: normal;
		overflow-wrap: anywhere;
	}

.home-redesign .quick-facts-table th {
		background: rgba(246, 196, 69, 0.16) !important;
	}
}

/* Final screenshot pass: keep Quick Facts and category grids visually balanced on dark theme. */
.home-redesign .quick-facts-table tr {
	background: rgba(11, 38, 28, 0.92) !important;
	border: 1px solid rgba(246, 196, 69, 0.16);
}

.home-redesign .quick-facts-table th,
.home-redesign .quick-facts-table td {
	background: rgba(255, 255, 255, 0.06) !important;
}

.home-redesign .quick-facts-table th {
	color: #f6c445 !important;
}

.home-redesign .quick-facts-table td {
	color: #f7fff8 !important;
}

.inner-page--redesign .page-card-grid--method-cloud,
.inner-page--payment .page-card-grid--method-cloud,
.inner-page--redesign .page-card-grid--visual-hub,
.inner-page--games .page-card-grid--visual-hub {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 980px) {
	.inner-page--redesign .page-card-grid--method-cloud,
	.inner-page--payment .page-card-grid--method-cloud,
	.inner-page--redesign .page-card-grid--visual-hub,
	.inner-page--games .page-card-grid--visual-hub {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 560px) {
	.inner-page--redesign .page-card-grid--method-cloud,
	.inner-page--payment .page-card-grid--method-cloud,
	.inner-page--redesign .page-card-grid--visual-hub,
	.inner-page--games .page-card-grid--visual-hub {
		grid-template-columns: 1fr !important;
	}

	.home-redesign .quick-facts-table tr {
		background: rgba(11, 38, 28, 0.96) !important;
	}
}

/* Mobile overflow guard: Quick Facts should behave like stacked cards, not a wide data table. */
@media (max-width: 640px) {
	.home-redesign .brand-summary--facts,
	.home-redesign .brand-summary--facts .brand-summary__copy,
	.home-redesign .brand-summary--facts .table-scroll,
	.home-redesign .brand-summary--facts .quick-facts-table,
	.home-redesign .brand-summary--facts .quick-facts-table tbody,
	.home-redesign .brand-summary--facts .quick-facts-table tr,
	.home-redesign .brand-summary--facts .quick-facts-table th,
	.home-redesign .brand-summary--facts .quick-facts-table td {
		box-sizing: border-box;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.home-redesign .brand-summary--facts .table-scroll {
		width: 100%;
		overflow: visible !important;
	}

	.home-redesign .brand-summary--facts .quick-facts-table {
		display: block !important;
		width: 100% !important;
		table-layout: fixed;
	}

	.home-redesign .brand-summary--facts .quick-facts-table tbody,
	.home-redesign .brand-summary--facts .quick-facts-table tr,
	.home-redesign .brand-summary--facts .quick-facts-table th,
	.home-redesign .brand-summary--facts .quick-facts-table td {
		display: block !important;
		width: 100% !important;
	}

	.home-redesign .brand-summary--facts .quick-facts-table tr {
		margin-inline: 0 !important;
	}

	.home-redesign .brand-summary--facts .quick-facts-table td {
		overflow-wrap: anywhere;
		word-break: normal;
	}
}

.home-redesign .content-section,
.inner-page--redesign .content-section,
.archive-page--brand .archive-section,
.single-page--redesign .article-section {
	scroll-margin-top: 120px;
}

@media (max-width: 760px) {
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	.inner-page--redesign,
	.home-redesign,
	.archive-page--brand,
	.single-page--redesign {
		overflow-x: clip;
	}
}

/* Games speed/risk cards: dark theme override for clear text contrast. */
.inner-page--games .page-section-card--speed-risk-matrix tr {
	--speed-card-bg: linear-gradient(145deg, #10271d 0%, #183a28 58%, #0d2119 100%);
	--speed-card-accent: #f6c445;
	--speed-card-label: #f6c445;
	border-color: rgba(246, 196, 69, 0.28) !important;
	background: var(--speed-card-bg) !important;
	box-shadow:
		inset 0 6px 0 var(--speed-card-accent),
		0 18px 36px rgba(0, 0, 0, 0.26) !important;
}

.inner-page--games .page-section-card--speed-risk-matrix tr:nth-child(6n+1) {
	--speed-card-bg: linear-gradient(145deg, #10271d 0%, #123d2a 58%, #0d2119 100%);
	--speed-card-accent: #f6c445;
	--speed-card-label: #f6c445;
}

.inner-page--games .page-section-card--speed-risk-matrix tr:nth-child(6n+2) {
	--speed-card-bg: linear-gradient(145deg, #123223 0%, #1d4227 58%, #10231a 100%);
	--speed-card-accent: #88d39a;
	--speed-card-label: #9df0b1;
}

.inner-page--games .page-section-card--speed-risk-matrix tr:nth-child(6n+3) {
	--speed-card-bg: linear-gradient(145deg, #2b2b17 0%, #3a381c 58%, #171f15 100%);
	--speed-card-accent: #f3c13f;
	--speed-card-label: #ffd66b;
}

.inner-page--games .page-section-card--speed-risk-matrix tr:nth-child(6n+4) {
	--speed-card-bg: linear-gradient(145deg, #0f2d2a 0%, #16433e 58%, #0b211f 100%);
	--speed-card-accent: #6ad1bd;
	--speed-card-label: #82ead7;
}

.inner-page--games .page-section-card--speed-risk-matrix tr:nth-child(6n+5) {
	--speed-card-bg: linear-gradient(145deg, #20351f 0%, #344625 58%, #121f17 100%);
	--speed-card-accent: #b7d86f;
	--speed-card-label: #cef381;
}

.inner-page--games .page-section-card--speed-risk-matrix tr:nth-child(6n) {
	--speed-card-bg: linear-gradient(145deg, #18271d 0%, #354023 58%, #111e17 100%);
	--speed-card-accent: #f0b83b;
	--speed-card-label: #ffd166;
}

.inner-page--games .page-section-card--speed-risk-matrix tr::before {
	background: var(--speed-card-accent) !important;
	opacity: 0.13 !important;
}

.inner-page--games .page-section-card--speed-risk-matrix td {
	background: transparent !important;
	color: rgba(247, 255, 248, 0.88) !important;
	text-shadow: none !important;
}

.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(1) {
	color: #ffffff !important;
}

.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(2) {
	background: var(--speed-card-accent) !important;
	color: #07162e !important;
}

.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(3),
.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(4) {
	border-color: rgba(255, 255, 255, 0.13) !important;
	background: rgba(255, 255, 255, 0.08) !important;
	color: rgba(247, 255, 248, 0.90) !important;
}

.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(4) {
	border-color: rgba(246, 196, 69, 0.24) !important;
	background: rgba(246, 196, 69, 0.09) !important;
	color: #ffffff !important;
}

.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(3)::before,
.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(4)::before {
	color: var(--speed-card-label) !important;
}

@media (max-width: 560px) {
	.inner-page--games .page-section-card--speed-risk-matrix tr {
		gap: 10px;
		padding: 17px !important;
	}

	.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(3),
	.inner-page--games .page-section-card--speed-risk-matrix td:nth-child(4) {
		padding: 12px 13px !important;
	}
}

/* Homepage category, bonus and payment preview readability pass. */
.home-redesign .featured-games-heading,
.home-redesign .bonus-preview-panel,
.home-redesign .payment-preview-panel {
	border-color: rgba(246, 196, 69, 0.24) !important;
	background:
		radial-gradient(circle at 92% 10%, rgba(246, 196, 69, 0.14), transparent 25%),
		linear-gradient(145deg, #10271d 0%, #173624 58%, #0d2119 100%) !important;
	box-shadow: 0 22px 44px rgba(0, 0, 0, 0.28) !important;
}

.home-redesign .payment-preview-panel {
	background:
		radial-gradient(circle at 8% 12%, rgba(106, 209, 189, 0.14), transparent 26%),
		linear-gradient(145deg, #0f2d2a 0%, #173c2b 58%, #0b211f 100%) !important;
	border-color: rgba(106, 209, 189, 0.24) !important;
}

.home-redesign .featured-games-heading h3,
.home-redesign .bonus-preview-panel h2,
.home-redesign .payment-preview-panel h2 {
	color: #ffffff !important;
}

.home-redesign .featured-games-heading p:not(.eyebrow),
.home-redesign .bonus-preview-panel .section-heading-row p,
.home-redesign .payment-preview-panel .payment-preview-heading p:not(.eyebrow),
.home-redesign .payment-preview-panel .payment-preview-heading .eyebrow {
	color: rgba(247, 255, 248, 0.84) !important;
}

.home-redesign .featured-games-heading .eyebrow,
.home-redesign .payment-preview-panel .eyebrow {
	background: rgba(246, 196, 69, 0.16) !important;
	color: #f6c445 !important;
	border: 1px solid rgba(246, 196, 69, 0.24);
}

.home-redesign .featured-games-table--three tr {
	--game-table-bg: linear-gradient(145deg, #10271d 0%, #173a28 58%, #0d2119 100%);
	--game-table-accent: #f6c445;
	--game-table-label: #f6c445;
	border-color: rgba(246, 196, 69, 0.28) !important;
	background: var(--game-table-bg) !important;
	box-shadow:
		inset 0 5px 0 var(--game-table-accent),
		0 16px 34px rgba(0, 0, 0, 0.24) !important;
}

.home-redesign .featured-games-table--three tr:nth-child(7n+1) {
	--game-table-bg: linear-gradient(145deg, #10271d 0%, #123d2a 58%, #0d2119 100%);
	--game-table-accent: #f6c445;
	--game-table-label: #f6c445;
}

.home-redesign .featured-games-table--three tr:nth-child(7n+2) {
	--game-table-bg: linear-gradient(145deg, #123223 0%, #1d4227 58%, #10231a 100%);
	--game-table-accent: #88d39a;
	--game-table-label: #9df0b1;
}

.home-redesign .featured-games-table--three tr:nth-child(7n+3) {
	--game-table-bg: linear-gradient(145deg, #2b2b17 0%, #3a381c 58%, #171f15 100%);
	--game-table-accent: #f3c13f;
	--game-table-label: #ffd66b;
}

.home-redesign .featured-games-table--three tr:nth-child(7n+4) {
	--game-table-bg: linear-gradient(145deg, #0f2d2a 0%, #16433e 58%, #0b211f 100%);
	--game-table-accent: #6ad1bd;
	--game-table-label: #82ead7;
}

.home-redesign .featured-games-table--three tr:nth-child(7n+5) {
	--game-table-bg: linear-gradient(145deg, #20351f 0%, #344625 58%, #121f17 100%);
	--game-table-accent: #b7d86f;
	--game-table-label: #cef381;
}

.home-redesign .featured-games-table--three tr:nth-child(7n+6) {
	--game-table-bg: linear-gradient(145deg, #18271d 0%, #354023 58%, #111e17 100%);
	--game-table-accent: #f0b83b;
	--game-table-label: #ffd166;
}

.home-redesign .featured-games-table--three tr:nth-child(7n) {
	--game-table-bg: linear-gradient(145deg, #132f35 0%, #173e44 58%, #0d2328 100%);
	--game-table-accent: #6ad1bd;
	--game-table-label: #82ead7;
}

.home-redesign .featured-games-table--three tr::before {
	background: var(--game-table-accent) !important;
}

.home-redesign .featured-games-table--three tr::after {
	background: var(--game-table-accent) !important;
	opacity: 0.13 !important;
}

.home-redesign .featured-games-table--three td {
	background: transparent !important;
	color: rgba(247, 255, 248, 0.88) !important;
	text-shadow: none !important;
}

.home-redesign .featured-games-table--three td:nth-child(1) {
	color: #ffffff !important;
}

.home-redesign .featured-games-table--three td:nth-child(2),
.home-redesign .featured-games-table--three td:nth-child(3) {
	border-color: rgba(255, 255, 255, 0.13) !important;
	background: rgba(255, 255, 255, 0.08) !important;
	color: rgba(247, 255, 248, 0.90) !important;
}

.home-redesign .featured-games-table--three td:nth-child(3) {
	border-color: rgba(246, 196, 69, 0.24) !important;
	background: rgba(246, 196, 69, 0.09) !important;
	color: #ffffff !important;
}

.home-redesign .featured-games-table--three td:nth-child(2)::before,
.home-redesign .featured-games-table--three td:nth-child(3)::before {
	color: var(--game-table-label) !important;
}

.home-redesign .bonus-preview-panel .bonus-rule-card,
.home-redesign .payment-preview-panel .payment-check-card {
	background:
		radial-gradient(circle at 92% 0%, rgba(246, 196, 69, 0.14), transparent 30%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)),
		var(--home-card-bg, #10271d) !important;
	border-color: var(--home-card-border, rgba(246, 196, 69, 0.26)) !important;
	color: #f7fff8 !important;
}

.home-redesign .bonus-preview-panel .bonus-rule-card h3,
.home-redesign .payment-preview-panel .payment-check-card h3 {
	color: #ffffff !important;
}

.home-redesign .bonus-preview-panel .bonus-rule-card p,
.home-redesign .payment-preview-panel .payment-check-card p,
.home-redesign .payment-preview-panel .payment-check-card li {
	color: rgba(247, 255, 248, 0.86) !important;
}

.home-redesign .payment-preview-panel .payment-check-card ul {
	margin-top: 12px;
	padding-left: 0;
	list-style: none;
}

.home-redesign .payment-preview-panel .payment-check-card li {
	display: flex;
	gap: 9px;
	align-items: flex-start;
	margin: 8px 0;
	line-height: 1.45;
}

.home-redesign .payment-preview-panel .payment-check-card li::before {
	content: "";
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	margin-top: 8px;
	border-radius: 999px;
	background: var(--home-card-accent, #f6c445);
	box-shadow: 0 0 0 4px rgba(246, 196, 69, 0.12);
}

@media (max-width: 560px) {
	.home-redesign .featured-games-heading,
	.home-redesign .bonus-preview-panel,
	.home-redesign .payment-preview-panel {
		padding: 18px !important;
	}
}

/* Stronger fixed dark cards for homepage bonus/payment previews. */
.home-redesign .bonus-preview-panel .bonus-rule-card,
.home-redesign .payment-preview-panel .payment-check-card {
	--preview-card-bg: linear-gradient(145deg, #10271d 0%, #173a28 58%, #0d2119 100%);
	--preview-card-accent: #f6c445;
	--preview-card-border: rgba(246, 196, 69, 0.28);
	background:
		radial-gradient(circle at 92% 0%, rgba(246, 196, 69, 0.14), transparent 30%),
		var(--preview-card-bg) !important;
	border-color: var(--preview-card-border) !important;
	box-shadow:
		inset 0 5px 0 var(--preview-card-accent),
		0 16px 34px rgba(0, 0, 0, 0.24) !important;
}

.home-redesign .bonus-preview-panel .bonus-rule-card:nth-child(4n+2),
.home-redesign .payment-preview-panel .payment-check-card:nth-child(2n) {
	--preview-card-bg: linear-gradient(145deg, #123223 0%, #1d4227 58%, #10231a 100%);
	--preview-card-accent: #88d39a;
	--preview-card-border: rgba(136, 211, 154, 0.28);
}

.home-redesign .bonus-preview-panel .bonus-rule-card:nth-child(4n+3) {
	--preview-card-bg: linear-gradient(145deg, #2b2b17 0%, #3a381c 58%, #171f15 100%);
	--preview-card-accent: #f3c13f;
	--preview-card-border: rgba(243, 193, 63, 0.30);
}

.home-redesign .bonus-preview-panel .bonus-rule-card:nth-child(4n) {
	--preview-card-bg: linear-gradient(145deg, #0f2d2a 0%, #16433e 58%, #0b211f 100%);
	--preview-card-accent: #6ad1bd;
	--preview-card-border: rgba(106, 209, 189, 0.30);
}

.home-redesign .bonus-preview-panel .bonus-rule-card::after,
.home-redesign .payment-preview-panel .payment-check-card::after {
	background: var(--preview-card-accent) !important;
	opacity: 0.13 !important;
}

.home-redesign .bonus-preview-panel .bonus-rule-card h3,
.home-redesign .payment-preview-panel .payment-check-card h3 {
	color: #ffffff !important;
}

.home-redesign .bonus-preview-panel .bonus-rule-card p,
.home-redesign .payment-preview-panel .payment-check-card p,
.home-redesign .payment-preview-panel .payment-check-card li {
	background: transparent !important;
	color: rgba(247, 255, 248, 0.88) !important;
}

.home-redesign .payment-preview-panel .payment-check-card li::before {
	background: var(--preview-card-accent, #f6c445) !important;
	box-shadow: 0 0 0 4px rgba(246, 196, 69, 0.12) !important;
}

.home-redesign .payment-preview-panel .payment-preview-heading .eyebrow {
	display: inline-flex;
	align-items: center;
	width: max-content;
	max-width: 100%;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(246, 196, 69, 0.16) !important;
	color: #f6c445 !important;
}

/* Login page custom layout: safety tool rather than repeated generic page cards. */
.login-redesign {
	--login-bg: #07162e;
	--login-panel: #10271d;
	--login-panel-2: #123223;
	--login-panel-3: #0f2d2a;
	--login-gold: #f6c445;
	--login-green: #88d39a;
	--login-cyan: #6ad1bd;
	--login-red: #e3263d;
	--login-text: #f7fff8;
	--login-muted: rgba(247, 255, 248, 0.78);
	background:
		radial-gradient(circle at 16% 8%, rgba(246, 196, 69, 0.10), transparent 22%),
		radial-gradient(circle at 84% 24%, rgba(106, 209, 189, 0.10), transparent 24%),
		var(--login-bg);
	color: var(--login-text);
}

.login-redesign .site-section {
	padding: 56px 0;
}

.login-hero {
	padding: 88px 0 74px;
	background:
		radial-gradient(circle at 80% 12%, rgba(246, 196, 69, 0.16), transparent 26%),
		linear-gradient(135deg, #07162e 0%, #0e2f68 48%, #10271d 100%);
}

.login-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
	gap: 54px;
	align-items: center;
}

.login-hero__copy .eyebrow,
.login-section-heading .eyebrow,
.login-panel .eyebrow,
.login-after-panel .eyebrow {
	display: inline-flex;
	width: max-content;
	max-width: 100%;
	margin: 0 0 14px;
	padding: 7px 11px;
	border: 1px solid rgba(246, 196, 69, 0.24);
	border-radius: 999px;
	background: rgba(246, 196, 69, 0.15);
	color: var(--login-gold);
	font-size: 12px;
	font-weight: 950;
	line-height: 1;
	text-transform: none;
}

.login-hero h1 {
	max-width: 720px;
	margin: 0;
	color: #ffffff;
	font-size: clamp(38px, 5.6vw, 72px);
	line-height: 0.98;
	letter-spacing: 0;
}

.login-hero__copy > p:not(.eyebrow) {
	max-width: 620px;
	margin: 24px 0 0;
	color: rgba(247, 255, 248, 0.86);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.65;
}

.login-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 30px;
}

.login-trust-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

.login-trust-row span {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.09);
	color: #ffffff;
	font-size: 13px;
	font-weight: 900;
}

.login-hero__media {
	position: relative;
	min-height: 390px;
	border: 1px solid rgba(246, 196, 69, 0.22);
	border-radius: 28px;
	background:
		radial-gradient(circle at 92% 10%, rgba(246, 196, 69, 0.18), transparent 28%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.03));
	box-shadow: 0 24px 52px rgba(0, 0, 0, 0.32);
	overflow: hidden;
}

.login-hero__media .visual-image {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 390px;
	object-fit: cover;
	filter: saturate(1.08) contrast(1.04);
}

.login-media-note {
	position: absolute;
	left: 22px;
	right: 22px;
	bottom: 22px;
	display: grid;
	gap: 5px;
	padding: 16px 18px;
	border: 1px solid rgba(246, 196, 69, 0.24);
	border-radius: 18px;
	background: rgba(7, 22, 46, 0.82);
	backdrop-filter: blur(10px);
}

.login-media-note strong {
	color: #ffffff;
	font-size: 17px;
}

.login-media-note span {
	color: rgba(247, 255, 248, 0.82);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.45;
}

.login-section-heading {
	max-width: 820px;
	margin-bottom: 24px;
}

.login-section-heading--wide {
	display: grid;
	grid-template-columns: minmax(0, 0.75fr) minmax(340px, 0.55fr);
	gap: 26px;
	align-items: end;
	max-width: none;
}

.login-section-heading--wide .eyebrow {
	grid-column: 1 / -1;
	margin-bottom: -10px;
}

.login-section-heading--wide h2 {
	grid-column: 1;
	grid-row: 2;
}

.login-section-heading--wide p:not(.eyebrow) {
	grid-column: 2;
	grid-row: 2;
	margin: 0;
}

.login-section-heading h2 {
	margin: 0;
	color: #ffffff;
	font-size: clamp(28px, 3.2vw, 44px);
	line-height: 1.08;
}

.login-section-heading p:not(.eyebrow) {
	margin: 10px 0 0;
	color: var(--login-muted);
	font-weight: 800;
	line-height: 1.62;
}

.login-access-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.login-access-card,
.login-panel,
.login-problem-card,
.login-before-panel,
.login-next-card {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(246, 196, 69, 0.24);
	border-radius: 22px;
	background:
		radial-gradient(circle at 92% 0%, rgba(246, 196, 69, 0.13), transparent 30%),
		linear-gradient(145deg, #10271d 0%, #173a28 58%, #0d2119 100%);
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
}

.login-access-card {
	min-height: 210px;
	padding: 22px;
}

.login-access-card:nth-child(2),
.login-problem-card:nth-child(3n+2),
.login-next-card:nth-child(2) {
	border-color: rgba(136, 211, 154, 0.28);
	background:
		radial-gradient(circle at 92% 0%, rgba(136, 211, 154, 0.13), transparent 30%),
		linear-gradient(145deg, #123223 0%, #1d4227 58%, #10231a 100%);
}

.login-access-card:nth-child(3),
.login-problem-card:nth-child(3n),
.login-next-card:nth-child(3) {
	border-color: rgba(106, 209, 189, 0.30);
	background:
		radial-gradient(circle at 92% 0%, rgba(106, 209, 189, 0.13), transparent 30%),
		linear-gradient(145deg, #0f2d2a 0%, #16433e 58%, #0b211f 100%);
}

.login-access-card:nth-child(4) {
	border-color: rgba(183, 216, 111, 0.28);
	background:
		radial-gradient(circle at 92% 0%, rgba(183, 216, 111, 0.13), transparent 30%),
		linear-gradient(145deg, #20351f 0%, #344625 58%, #121f17 100%);
}

.login-access-card span {
	display: inline-flex;
	margin-bottom: 18px;
	padding: 8px 11px;
	border-radius: 999px;
	background: var(--login-gold);
	color: #07162e;
	font-size: 13px;
	font-weight: 950;
	line-height: 1;
}

.login-access-card h3,
.login-panel h2,
.login-problem-card h3,
.login-before-panel h2,
.login-next-card strong {
	margin: 0;
	color: #ffffff;
}

.login-access-card h3 {
	font-size: 26px;
	line-height: 1.1;
}

.login-access-card p,
.login-panel p,
.login-problem-card p,
.login-before-panel p,
.login-next-card span {
	color: var(--login-muted);
	font-weight: 800;
	line-height: 1.58;
}

.login-console-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
	grid-template-areas:
		"check warning"
		"check support";
	gap: 22px;
	align-items: stretch;
}

.login-panel {
	padding: 28px;
}

.login-panel--checklist {
	grid-area: check;
	border-color: rgba(246, 196, 69, 0.30);
}

.login-panel--warning {
	grid-area: warning;
	border-color: rgba(227, 38, 61, 0.42);
	background:
		radial-gradient(circle at 92% 0%, rgba(227, 38, 61, 0.20), transparent 30%),
		linear-gradient(145deg, #351419 0%, #2b2417 58%, #111e17 100%);
}

.login-panel--warning .eyebrow {
	border-color: rgba(227, 38, 61, 0.28);
	background: rgba(227, 38, 61, 0.14);
	color: #ff9eaa;
}

.login-panel--support {
	grid-area: support;
	border-color: rgba(106, 209, 189, 0.30);
	background:
		radial-gradient(circle at 92% 0%, rgba(106, 209, 189, 0.14), transparent 30%),
		linear-gradient(145deg, #0f2d2a 0%, #16433e 58%, #0b211f 100%);
}

.login-check-list,
.login-number-list,
.login-after-list {
	display: grid;
	gap: 11px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.login-check-list li,
.login-number-list li,
.login-after-list li {
	position: relative;
	padding: 13px 14px 13px 38px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 15px;
	background: rgba(255, 255, 255, 0.07);
	color: rgba(247, 255, 248, 0.90);
	font-weight: 850;
	line-height: 1.46;
}

.login-check-list li::before,
.login-after-list li::before {
	content: "";
	position: absolute;
	left: 15px;
	top: 20px;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: var(--login-gold);
	box-shadow: 0 0 0 4px rgba(246, 196, 69, 0.12);
}

.login-number-list {
	counter-reset: login-step;
}

.login-number-list li {
	padding-left: 58px;
}

.login-number-list li::before {
	counter-increment: login-step;
	content: counter(login-step, decimal-leading-zero);
	position: absolute;
	left: 14px;
	top: 13px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	background: var(--login-gold);
	color: #07162e;
	font-size: 12px;
	font-weight: 950;
}

.login-secret-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.login-secret-grid span {
	display: inline-flex;
	padding: 9px 11px;
	border: 1px solid rgba(246, 196, 69, 0.20);
	border-radius: 999px;
	background: rgba(246, 196, 69, 0.10);
	color: #f6c445;
	font-size: 13px;
	font-weight: 950;
}

.login-problem-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.login-problem-card {
	display: grid;
	gap: 14px;
	min-height: 250px;
	padding: 22px;
}

.login-problem-card h3 {
	font-size: 22px;
}

.login-problem-card div {
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 15px;
	background: rgba(255, 255, 255, 0.08);
}

.login-problem-card span {
	display: block;
	margin-bottom: 6px;
	color: var(--login-gold);
	font-size: 11px;
	font-weight: 950;
	text-transform: uppercase;
}

.login-problem-card p {
	margin: 0;
}

.login-recovery-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
	gap: 22px;
}

.login-panel--timeline {
	border-color: rgba(246, 196, 69, 0.28);
}

.login-panel--device {
	border-color: rgba(136, 211, 154, 0.28);
	background:
		radial-gradient(circle at 92% 0%, rgba(136, 211, 154, 0.13), transparent 30%),
		linear-gradient(145deg, #123223 0%, #1d4227 58%, #10231a 100%);
}

.login-after-panel {
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(420px, 1fr);
	gap: 24px;
	align-items: start;
	padding: 30px;
	border: 1px solid rgba(106, 209, 189, 0.28);
	border-radius: 26px;
	background:
		radial-gradient(circle at 94% 8%, rgba(106, 209, 189, 0.15), transparent 26%),
		linear-gradient(145deg, #0f2d2a 0%, #173c2b 58%, #0b211f 100%);
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
}

.login-after-panel h2 {
	margin: 0;
	color: #ffffff;
	font-size: clamp(28px, 3vw, 42px);
	line-height: 1.08;
}

.login-after-panel p {
	color: var(--login-muted);
	font-weight: 800;
	line-height: 1.62;
}

.login-after-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 0;
}

.login-before-panel {
	display: grid;
	grid-template-columns: minmax(0, 0.72fr) minmax(420px, 1fr);
	gap: 22px;
	align-items: start;
	margin-top: 22px;
	padding: 26px;
	border-color: rgba(246, 196, 69, 0.28);
}

.login-check-list--inline {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 0;
}

.login-next-guides {
	margin-top: 42px;
}

.login-next-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.login-next-card {
	display: grid;
	gap: 8px;
	min-height: 128px;
	padding: 22px;
	text-decoration: none;
}

.login-next-card:hover,
.login-next-card:focus {
	transform: translateY(-2px);
	border-color: rgba(246, 196, 69, 0.46);
}

.login-next-card strong {
	font-size: 20px;
}

.login-faq-section .inner-faq-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.login-faq-section .faq-item {
	overflow: hidden;
	border: 1px solid rgba(246, 196, 69, 0.22);
	border-radius: 18px;
	background: #10271d;
}

.login-faq-section .faq-question {
	background: rgba(255, 255, 255, 0.08) !important;
	color: #ffffff !important;
}

.login-faq-section .faq-answer {
	background: rgba(255, 255, 255, 0.05) !important;
}

.login-faq-section .faq-answer p {
	color: var(--login-muted) !important;
}

.login-final-cta {
	padding-bottom: 96px !important;
}

@media (max-width: 1100px) {
	.login-hero__grid,
	.login-console-grid,
	.login-recovery-grid,
	.login-after-panel,
	.login-before-panel,
	.login-section-heading--wide {
		grid-template-columns: 1fr;
	}

	.login-section-heading--wide .eyebrow,
	.login-section-heading--wide h2,
	.login-section-heading--wide p:not(.eyebrow) {
		grid-column: auto;
		grid-row: auto;
	}

	.login-console-grid {
		grid-template-areas:
			"check"
			"warning"
			"support";
	}

	.login-access-grid,
	.login-problem-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.login-redesign .site-section {
		padding: 42px 0;
	}

	.login-hero {
		padding: 54px 0 48px;
	}

	.login-hero__grid {
		gap: 26px;
	}

	.login-hero h1 {
		font-size: clamp(36px, 12vw, 48px);
	}

	.login-hero__copy > p:not(.eyebrow) {
		font-size: 16px;
	}

	.login-hero__actions .btn {
		width: 100%;
		justify-content: center;
	}

	.login-hero__media,
	.login-hero__media .visual-image {
		min-height: 250px;
	}

	.login-media-note {
		position: static;
		margin: 12px;
	}

	.login-access-grid,
	.login-problem-grid,
	.login-next-grid,
	.login-faq-section .inner-faq-list,
	.login-after-list,
	.login-check-list--inline {
		grid-template-columns: 1fr;
	}

	.login-access-card,
	.login-panel,
	.login-problem-card,
	.login-after-panel,
	.login-before-panel,
	.login-next-card {
		padding: 20px;
	}

	.login-access-card {
		min-height: 0;
	}

	.login-trust-row span {
		flex: 1 1 auto;
		justify-content: center;
	}
}