/* ExpCarry smart sidebar — layout + nav (language/currency forms untouched) */

:root {
	--ec-sidebar-width: 268px;
	--ec-sidebar-bg: #0f0f11;
	--ec-sidebar-surface: rgba(255, 255, 255, 0.04);
	--ec-sidebar-text: rgba(255, 255, 255, 0.78);
	--ec-sidebar-text-dim: rgba(255, 255, 255, 0.48);
	--ec-sidebar-violet: #8b5cf6;
	--ec-sidebar-violet-soft: rgba(139, 92, 246, 0.14);
}

/* Desktop: sidebar column must stack above .allcont (full-bleed blocks, z-index heroes) */
@media (min-width: 768px) {
	.wrpcont {
		position: relative;
		align-items: stretch;
	}

	.wrpcont > .sidebar {
		position: relative;
		z-index: 50;
		flex: 0 0 var(--ec-sidebar-width);
		width: var(--ec-sidebar-width);
		max-width: var(--ec-sidebar-width);
		min-width: var(--ec-sidebar-width);
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		align-self: stretch;
		background: var(--ec-sidebar-bg);
	}

	.wrpcont > .allcont {
		position: relative;
		z-index: 1;
		min-width: 0;
		flex: 1 1 auto;
		width: calc(100% - var(--ec-sidebar-width)) !important;
		box-sizing: border-box;
	}

	/* Was: fixed + left:20px without width/z-index → gap strip + main content painting on top */
	.wrpcont .sidein {
		left: 0 !important;
		width: var(--ec-sidebar-width) !important;
		max-width: var(--ec-sidebar-width) !important;
		box-sizing: border-box;
		z-index: 51 !important;
		background-color: var(--ec-sidebar-bg);
	}

	/* main.css uses 100vw — spills under fixed sidebar; keep bleed inside main column only */
	.wrpcont .allcont .intro .games,
	.wrpcont > .allcont .intro .games {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}
}

.wrpcont .sidein {
	display: flex;
	flex-direction: column;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}

@media (max-width: 767px) {
	.wrpcont .sidein {
		height: auto;
		max-height: none;
		overflow: visible;
	}

	/* One scroll: entire sidebar flows; drawer scrolls .sidein (not a fixed “header screen” + inner scroll) */
	.sidebar.open .sidein {
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		max-height: 100vh;
		height: 100%;
	}

	.sidebar.open .ec-sidebar-shell {
		flex: 0 0 auto;
		min-height: 0;
		height: auto;
		overflow: visible;
	}

	.sidebar.open .ec-sidebar-sticky {
		flex: 0 0 auto;
	}

	.sidebar.open .ec-sidebar-scroll {
		flex: 0 0 auto !important;
		min-height: 0 !important;
		max-height: none !important;
		height: auto !important;
		overflow: visible !important;
	}

	.sidebar.open .ec-sidebar-scroll.ps .ps__rail-y,
	.sidebar.open .ec-sidebar-scroll.ps .ps__thumb-y {
		display: none !important;
	}

	.sidebar header,
	.sidebar footer,
	.sidebar .social {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

.ec-sidebar-shell {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
}

.ec-sidebar-sticky {
	flex: 0 0 auto;
	z-index: 5;
	padding-top: 16px;
	background: var(--ec-sidebar-bg);
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.ec-sidebar-sticky__head {
	padding: 0 18px 14px;
}

.ec-sidebar-logo {
	text-align: center;
	margin-bottom: 4px;
	padding: 0 10%;
	box-sizing: border-box;
	width: 100%;
}

.sidebar #logo.ec-sidebar-logo {
	padding-bottom: 8px !important;
}

.ec-sidebar-logo__link {
	display: block;
	text-decoration: none;
}

.ec-sidebar-logo__img {
	width: 100%;
	max-width: 100% !important;
	height: auto;
	display: block;
	margin: 0 auto;
}

.sidebar #logo img.ec-sidebar-logo__img {
	max-width: 100% !important;
}

.ec-sidebar-sticky__langcurr {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
}

.ec-sidebar-search-wrap {
	position: relative;
	margin-top: 12px;
}

/* Search — dark rounded control (overrides main.css #search) */
.sidebar .ec-sidebar-search-wrap #search.input-group {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 0;
	width: 100%;
	margin: 0;
	background: rgba(0, 0, 0, 0.42);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 10px;
	padding: 0 4px 0 12px;
	box-sizing: border-box;
	min-height: 42px;
}

.sidebar .ec-sidebar-search-wrap #search .btn {
	order: 2;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	color: rgba(255, 255, 255, 0.45);
	border-radius: 8px;
}

.sidebar .ec-sidebar-search-wrap #search .btn:hover,
.sidebar .ec-sidebar-search-wrap #search .btn:focus {
	color: rgba(255, 255, 255, 0.88);
}

.sidebar .ec-sidebar-search-wrap #search .inp0 {
	order: 1;
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
	height: auto;
	padding: 10px 8px 10px 0;
	border: 0 !important;
	background: transparent !important;
	color: rgba(255, 255, 255, 0.9) !important;
	font-size: 13px;
	line-height: 1.3;
}

.sidebar .ec-sidebar-search-wrap #search .inp0::placeholder {
	color: rgba(255, 255, 255, 0.38);
	opacity: 1;
}

.ec-sidebar-search-suggest {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 4px;
	background: #252528;
	border: 1px solid rgba(181, 101, 230, 0.25);
	border-radius: 8px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
	max-height: min(60vh, 320px);
	overflow: auto;
	z-index: 50;
}

.ec-sidebar-search-suggest[hidden] {
	display: none !important;
}

.ec-search-sg-group {
	padding: 8px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ec-search-sg-group:last-child {
	border-bottom: 0;
}

.ec-search-sg-title {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #717171;
	padding: 4px 12px 6px;
	font-family: "Montserrat-SemiBold", sans-serif;
}

.ec-search-sg-item {
	display: block;
	padding: 8px 12px;
	color: #e8e8ea;
	font-size: 12px;
	text-decoration: none;
}

.ec-search-sg-item:hover,
.ec-search-sg-item:focus {
	background: rgba(181, 101, 230, 0.12);
	color: #fff;
	outline: none;
}

/* Utility row */
.ec-sidebar-util {
	margin-top: 14px;
	margin-bottom: 0;
}

.ec-sidebar-util__list {
	display: flex !important;
	justify-content: center !important;
	align-items: center;
	gap: 6px;
	width: 100%;
	max-width: 200px;
	margin: 0 auto !important;
	padding: 8px 4px 12px;
}

.ec-sidebar-util__list > li {
	position: relative;
}

.ec-sidebar-util__list > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	min-height: 42px;
	border-radius: 10px;
	transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

.ec-sidebar-util__cart-badge {
	position: absolute;
	top: 2px;
	right: -2px;
	min-width: 18px;
	padding: 1px 5px;
	font-size: 9px;
	font-family: "Montserrat-Bold", sans-serif;
	line-height: 1.2;
	text-align: center;
	color: #fff;
	background: #6b46c1;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(107, 70, 193, 0.45);
	pointer-events: none;
}

.ec-sidebar-util__list > li > a:hover,
.ec-sidebar-util__list > li > a:focus,
.ec-sidebar-util__list > li.dropdown.open > a {
	background: rgba(181, 101, 230, 0.12);
	color: #fff !important;
	opacity: 1 !important;
	outline: none;
}

/* Trust — single unified strip (no inner cards / dividers) */
.ec-trust-strip {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 4px;
	background: rgba(255, 255, 255, 0.045);
	border-radius: 8px;
	margin: 0 0 12px;
	padding: 7px 6px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	overflow: visible;
}

.ec-trust-strip__cell {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	text-align: center;
	padding: 2px 2px;
	text-decoration: none;
	color: inherit;
	min-width: 0;
	border: none;
	background: transparent;
	border-radius: 0;
}

.ec-trust-strip__ic {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px 15px;
	opacity: 0.9;
}

.ec-trust-strip__ic--reviews {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237dcea0' stroke-width='2'%3E%3Cpath d='M12 2l2.4 7.4h7.6l-6 4.6 2.3 7-6.3-4.6-6.3 4.6 2.3-7-6-4.6h7.6z'/%3E%3C/svg%3E");
}

.ec-trust-strip__ic--support {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b794f6' stroke-width='2'%3E%3Cpath d='M4 11a8 8 0 0116 0v5a2 2 0 01-2 2h-2v-4H6v4H4a2 2 0 01-2-2v-3z'/%3E%3Cpath d='M8 21h8'/%3E%3C/svg%3E");
}

.ec-trust-strip__ic--cashback {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8c547' stroke-width='2'%3E%3Cpath d='M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6'/%3E%3C/svg%3E");
}

.ec-trust-strip__lbl {
	font-size: 8px;
	font-family: "Montserrat-SemiBold", sans-serif;
	line-height: 1.25;
	letter-spacing: 0.03em;
	color: rgba(255, 255, 255, 0.62);
}

.ec-trust-strip__cell--reviews:hover,
.ec-trust-strip__cell--reviews:focus {
	opacity: 0.95;
	outline: none;
}

.ec-trust-strip__cell--support:hover,
.ec-trust-strip__cell--support:focus {
	opacity: 0.95;
	outline: none;
}

.ec-trust-strip__cashback-wrap {
	flex: 1;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: stretch;
	min-width: 0;
	overflow: visible;
}

.ec-trust-strip__cashback-btn {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 100%;
	margin: 0;
	padding: 2px 2px;
	border: none;
	background: transparent;
	cursor: pointer;
	color: inherit;
	font: inherit;
	font-size: inherit;
	text-align: center;
	-webkit-appearance: none;
	appearance: none;
}

.ec-trust-strip__cashback-btn:hover,
.ec-trust-strip__cashback-btn:focus {
	opacity: 0.95;
	outline: none;
}

.ec-cashback-tooltip {
	position: absolute;
	left: 50%;
	/* Overlap strip slightly so hover path never leaves .ec-trust-strip__cashback-wrap */
	bottom: calc(100% - 10px);
	transform: translateX(-50%);
	width: min(272px, calc(100vw - 28px));
	padding: 14px 14px 12px;
	padding-top: 20px;
	background: #252528;
	border: 1px solid rgba(181, 101, 230, 0.22);
	border-radius: 10px;
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5);
	z-index: 120;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.18s ease, visibility 0.18s ease;
}

.ec-cashback-tooltip__text {
	margin: 0 0 8px;
	font-size: 11px;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.84);
}

.ec-cashback-tooltip__text--muted {
	margin-bottom: 10px;
	color: rgba(255, 255, 255, 0.62);
	font-size: 10px;
	line-height: 1.4;
}

.ec-cashback-tooltip__cta {
	display: inline-block;
	font-size: 11px;
	font-family: "Montserrat-SemiBold", sans-serif;
	color: #b565e6;
	text-decoration: none;
}

.ec-cashback-tooltip__cta:hover,
.ec-cashback-tooltip__cta:focus {
	color: #d293f9;
}

@media (min-width: 768px) {
	.ec-trust-strip__cashback-wrap:hover .ec-cashback-tooltip,
	.ec-trust-strip__cashback-wrap:focus-within .ec-cashback-tooltip {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

.ec-cashback-tooltip.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

@media (max-width: 767px) {
	.ec-trust-strip__cashback-wrap:hover .ec-cashback-tooltip {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.ec-cashback-tooltip.is-open {
		position: fixed;
		left: 50% !important;
		top: 50% !important;
		bottom: auto !important;
		transform: translate(-50%, -50%);
		width: min(300px, calc(100vw - 32px));
		max-height: min(70vh, 360px);
		overflow-y: auto;
		z-index: 100001;
	}
}

/* Discord CTA — prototype: icon + text + arrow */
.ec-discord-cta {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	background: rgba(88, 101, 242, 0.1);
	border: 1px solid rgba(88, 101, 242, 0.22);
	border-radius: 12px;
	padding: 8px 10px;
	margin-bottom: 4px;
	transition: border-color 0.15s ease, background 0.15s ease;
	overflow: hidden;
	position: relative;
}

.ec-discord-cta__icon {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	border-radius: 8px;
	background: #5865f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.105 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z'/%3E%3C/svg%3E") center/18px no-repeat;
	box-shadow: 0 4px 14px rgba(88, 101, 242, 0.35);
	transition: transform 0.15s ease;
}

.ec-discord-cta__text {
	flex: 1;
	min-width: 0;
	text-align: left;
}

.ec-discord-cta__arrow {
	width: 8px;
	height: 8px;
	flex-shrink: 0;
	border-right: 2px solid rgba(255, 255, 255, 0.12);
	border-bottom: 2px solid rgba(255, 255, 255, 0.12);
	transform: rotate(-45deg);
	margin-right: 4px;
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.ec-discord-cta:hover .ec-discord-cta__arrow,
.ec-discord-cta:focus .ec-discord-cta__arrow {
	border-color: rgba(255, 255, 255, 0.45);
	transform: rotate(-45deg) translate(2px, 0);
}

.ec-discord-cta:hover,
.ec-discord-cta:focus {
	border-color: rgba(88, 101, 242, 0.45);
	background: rgba(88, 101, 242, 0.16);
	outline: none;
}

.ec-discord-cta:hover .ec-discord-cta__icon,
.ec-discord-cta:focus .ec-discord-cta__icon {
	transform: scale(1.04);
}

.ec-discord-cta__line1 {
	display: block;
	font-size: 10px;
	font-family: "Montserrat-Bold", sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.ec-discord-cta__line2 {
	display: block;
	font-size: 8px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.42);
	margin-top: 3px;
	text-transform: none;
	letter-spacing: 0.01em;
	line-height: 1.35;
}

/* Scroll region */
.ec-sidebar-scroll {
	flex: 1 1 auto;
	min-height: 0;
	position: relative;
	padding-bottom: 20px;
}

/* Perfect Scrollbar — thin violet rail at right edge of nav column */
.sidebar .ec-sidebar-scroll.ps .ps__rail-y {
	right: 2px !important;
	width: 6px !important;
	opacity: 1 !important;
	background: transparent !important;
}

.sidebar .ec-sidebar-scroll.ps .ps__rail-y:hover,
.sidebar .ec-sidebar-scroll.ps .ps__rail-y:focus {
	background: transparent !important;
}

.sidebar .ec-sidebar-scroll.ps .ps__thumb-y {
	right: 1px !important;
	width: 3px !important;
	border-radius: 4px !important;
	background: linear-gradient(180deg, rgba(167, 139, 250, 0.85), rgba(124, 58, 237, 0.75)) !important;
	box-shadow: 0 0 10px rgba(139, 92, 246, 0.35);
}

.sidebar .ec-sidebar-scroll.ps .ps__thumb-y:hover,
.sidebar .ec-sidebar-scroll.ps .ps__rail-y:hover .ps__thumb-y {
	width: 4px !important;
	background: linear-gradient(180deg, #c4b5fd, #8b5cf6) !important;
}

.ec-sidebar-scroll-inner {
	padding-left: 18px;
	padding-right: 18px;
	box-sizing: border-box;
}

/* Current game + in-game nav — one premium module, violet atmosphere */
.ec-context-panel {
	position: relative;
	background: linear-gradient(
		165deg,
		rgba(88, 28, 135, 0.14) 0%,
		rgba(20, 18, 28, 0.92) 42%,
		rgba(12, 12, 14, 0.98) 100%
	);
	border: 1px solid rgba(139, 92, 246, 0.14);
	border-radius: 14px;
	margin-bottom: 14px;
	overflow: hidden;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.ec-current-game {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	background: transparent;
	margin: 0;
	border: none;
	min-height: 92px;
}

.ec-current-game__watermark {
	position: absolute;
	right: -36px;
	bottom: -48px;
	width: 200px;
	height: 200px;
	object-fit: contain;
	opacity: 0.16;
	pointer-events: none;
	user-select: none;
	filter: saturate(1.08);
}

.ec-current-game__mark {
	position: absolute;
	right: -6px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 88px;
	font-weight: 800;
	line-height: 1;
	color: rgba(181, 101, 230, 0.07);
	font-family: "Montserrat-Bold", sans-serif;
	pointer-events: none;
	filter: blur(4px);
	user-select: none;
}

.ec-current-game__inner {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 18px 18px;
	z-index: 1;
}

.ec-current-game__inner::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(105deg, rgba(28, 28, 30, 0.2) 0%, transparent 55%);
	pointer-events: none;
	z-index: -1;
}

.ec-current-game__icon {
	border-radius: 10px;
	flex-shrink: 0;
	border: none;
	box-shadow: none;
	outline: none;
	width: 44px;
	height: 44px;
	object-fit: cover;
}

.ec-current-game__title {
	font-size: 15px;
	font-family: "Montserrat-Bold", sans-serif;
	color: #fff;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.ec-current-game__sub {
	font-size: 10px;
	font-family: "Montserrat-SemiBold", sans-serif;
	color: rgba(255, 255, 255, 0.42);
	margin-top: 5px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	line-height: 1.35;
}

.ec-context-game-nav {
	padding: 6px 8px 14px;
	margin: 0;
	border-top: 1px solid rgba(139, 92, 246, 0.12);
	border-bottom: none;
	background: transparent;
}

.ec-context-game-nav .ec-nav-row--cat {
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 8px;
}

.ec-context-game-nav .ec-nav-row--cat.is-active {
	position: relative;
	background: rgba(139, 92, 246, 0.1);
	box-shadow: inset 3px 0 0 rgba(167, 139, 250, 0.65);
}

.ec-context-game-nav .ec-nav-row--cat.is-active::before {
	display: none;
}

.ec-context-game-nav .ec-nav-row--sub {
	padding-left: 6px;
}

.ec-context-game-nav .ec-nav-branch {
	border-left-color: rgba(181, 101, 230, 0.15);
	margin-left: 12px;
}

.ec-context-game-nav .ec-nav-submenu a {
	color: rgba(255, 255, 255, 0.55);
}

.ec-context-panel .ec-nav-row.is-active .ec-nav-row__title,
.ec-context-panel .ec-nav-row--cat.is-active .ec-nav-row__title {
	color: #f4f4f5;
	font-weight: 600;
}

/* Footer utility links — two columns */
.sidebar footer .list-unstyled.menulnk.ec-sidebar-footer-links {
	max-width: none !important;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 18px;
	row-gap: 2px;
	align-items: start;
}

.sidebar footer .ec-sidebar-footer-links li {
	padding-bottom: 5px !important;
	line-height: 1.35;
}

.sidebar footer .ec-sidebar-footer-links a {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.55);
}

.sidebar footer .ec-sidebar-footer-links a:hover {
	color: rgba(255, 255, 255, 0.88);
}

/* Social — centered row, equal gaps (Discord only in CTA above) */
.ec-sidebar-social {
	justify-content: center !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px;
	padding: 8px 12px 12px;
	box-sizing: border-box;
}

.ec-sidebar-social a {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sidebar footer .payments {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 8px 10px;
	max-width: 100%;
}

.sidebar footer {
	max-width: none !important;
	width: 100%;
	box-sizing: border-box;
	padding-left: 0;
	padding-right: 0;
}

.sidebar footer .footer-company {
	max-width: 100% !important;
}

/* Hub row */
.ec-nav-hub {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 10px;
	background: rgba(181, 101, 230, 0.08);
	border: 1px solid rgba(181, 101, 230, 0.22);
	margin-bottom: 10px;
	text-decoration: none;
	color: #e8e8ea;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.ec-nav-hub:hover,
.ec-nav-hub:focus {
	background: rgba(181, 101, 230, 0.14);
	border-color: rgba(181, 101, 230, 0.35);
	color: #fff;
	outline: none;
}

.ec-nav-hub.is-active {
	border-color: rgba(181, 101, 230, 0.55);
	background: rgba(181, 101, 230, 0.18);
}

.ec-nav-hub__icon {
	width: 26px;
	height: 26px;
	border-radius: 8px;
	background: rgba(232, 197, 71, 0.15);
	flex-shrink: 0;
}

.ec-nav-hub__icon--coins {
	background: rgba(232, 197, 71, 0.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e8c547'%3E%3Ccircle cx='12' cy='12' r='9' opacity='.35'/%3E%3Cpath d='M12 4a8 8 0 100 16 8 8 0 000-16zm0 2v2.2A3 3 0 0010 10a3 3 0 104 2.8V18h2v-5.2A3 3 0 0014 10a3 3 0 10-4-2.8V6h2z'/%3E%3C/svg%3E") center/18px no-repeat;
}

.ec-nav-hub__text {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.ec-nav-hub__title {
	font-size: 11px;
	font-family: "Montserrat-SemiBold", sans-serif;
}

.ec-nav-hub__sub {
	font-size: 9px;
	color: #9a9aa0;
}

.ec-nav-hub__chev {
	width: 8px;
	height: 8px;
	border-right: 2px solid #9a9aa0;
	border-bottom: 2px solid #9a9aa0;
	transform: rotate(-45deg);
	flex-shrink: 0;
	opacity: 0.7;
}

.ec-all-games-heading {
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.26em;
	color: rgba(255, 255, 255, 0.28);
	margin: 16px 0 10px;
	padding-left: 4px;
	font-family: "Montserrat-Bold", sans-serif;
	line-height: 1.4;
}

/* Game groups */
.ec-game-group {
	margin-bottom: 6px;
}

.ec-game-group__toggle {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	padding: 9px 12px;
	color: #c8c8cc;
	font-size: 11px;
	font-family: "Montserrat-SemiBold", sans-serif;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.ec-game-group__toggle:hover {
	background: rgba(255, 255, 255, 0.07);
	color: #fff;
}

.ec-game-group__toggle.is-collapsed .ec-game-group__caret {
	transform: rotate(-90deg);
}

.ec-game-group__caret {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #717171;
	transition: transform 0.2s ease;
}

.ec-game-group__body[hidden] {
	display: none !important;
}

/* Nav rows — grid: main link (full flex) + expand control */
.ec-nav-row {
	display: flex;
	align-items: center;
	gap: 0;
	padding: 4px 2px;
	border-radius: 8px;
	position: relative;
	transition: background 0.12s ease;
	min-height: 36px;
}

.ec-nav-row--game {
	padding-top: 6px;
	padding-bottom: 6px;
	min-height: 40px;
}

.ec-nav-row__main {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 6px 8px 6px 6px;
	margin: 0;
	text-decoration: none;
	color: inherit;
	border-radius: 8px;
}

.ec-nav-row__title {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 12px;
	line-height: 1.3;
	font-family: "Montserrat-SemiBold", sans-serif;
	color: var(--ec-sidebar-text-dim);
}

.ec-nav-row--game .ec-nav-row__title {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.72);
}

.ec-nav-row--sub .ec-nav-row__title {
	font-size: 11px;
	font-weight: 500;
}

.ec-nav-row:hover {
	background: rgba(255, 255, 255, 0.035);
}

.ec-nav-row:hover .ec-nav-row__title {
	color: rgba(255, 255, 255, 0.88);
}

.ec-nav-row__main:hover .ec-nav-row__title {
	color: rgba(255, 255, 255, 0.92);
}

.ec-nav-row.is-current,
.ec-nav-row.is-active {
	background: var(--ec-sidebar-violet-soft);
}

.ec-nav-row.is-current .ec-nav-row__title,
.ec-nav-row.is-active .ec-nav-row__title {
	color: rgba(255, 255, 255, 0.95);
	font-weight: 600;
}

.ec-nav-row.is-current .ec-nav-row__icon,
.ec-nav-row.is-active .ec-nav-row__icon {
	filter: saturate(1.1) brightness(1.05);
}

.ec-nav-row.is-current .ec-nav-row__exp,
.ec-nav-row.is-active .ec-nav-row__exp {
	opacity: 1;
}

.ec-nav-row__icon {
	flex-shrink: 0;
	border-radius: 4px;
}

.ec-nav-row__icon--ph {
	width: 18px;
	height: 18px;
	background: rgba(255, 255, 255, 0.08);
	border-radius: 4px;
}

.ec-nav-row__icon--ph.sm {
	width: 14px;
	height: 14px;
}

.ec-nav-badge {
	font-size: 9px;
	font-weight: 700;
	padding: 2px 5px;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	flex-shrink: 0;
}

.ec-nav-badge--top { background: rgba(181, 101, 230, 0.25); color: #e0c4f7; }
.ec-nav-badge--new { background: rgba(125, 206, 160, 0.2); color: #a8e6c4; }
.ec-nav-badge--hot { background: rgba(232, 197, 71, 0.2); color: #f0d878; }
.ec-nav-badge--updated { background: rgba(120, 160, 220, 0.2); color: #b8cef0; }

.ec-nav-row__exp {
	flex: 0 0 32px;
	width: 28px;
	height: 28px;
	margin-right: 2px;
	border: none;
	background: transparent;
	cursor: pointer;
	flex-shrink: 0;
	border-radius: 6px;
	position: relative;
	z-index: 2;
	transition: background 0.15s ease;
}

.ec-nav-row__exp:hover,
.ec-nav-row__exp:focus {
	background: rgba(255, 255, 255, 0.08);
	outline: none;
}

.ec-nav-row__exp::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	margin: -3px 0 0 -4px;
	border-left: 5px solid #717171;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	transition: transform 0.2s ease;
}

.ec-nav-row__exp.is-open::after {
	transform: rotate(90deg);
}

.ec-nav-branch {
	padding-left: 6px;
	border-left: 1px solid rgba(139, 92, 246, 0.12);
	margin: 2px 0 6px 8px;
}

.ec-nav-branch[hidden] {
	display: none !important;
}

/* Nested items — text submenu only (no product/price layout) */
.ec-nav-submenu {
	list-style: none;
	margin: 0;
	padding: 4px 0 8px 6px;
}

.ec-nav-submenu li {
	font-size: 11px;
	padding: 5px 0;
	line-height: 1.35;
}

.ec-nav-submenu a {
	display: block;
	color: rgba(255, 255, 255, 0.48);
	text-decoration: none;
}

.ec-nav-submenu a:hover {
	color: rgba(255, 255, 255, 0.88);
}

.ec-nav-submenu__more a {
	color: rgba(181, 101, 230, 0.95);
	font-size: 10px;
	font-family: "Montserrat-SemiBold", sans-serif;
}

/* Preview panel */
#ec-smart-preview-panel {
	position: fixed;
	z-index: 200100;
	width: min(320px, calc(100vw - var(--ec-sidebar-width) - 36px));
	background: #141418;
	border: 1px solid rgba(139, 92, 246, 0.22);
	border-radius: 12px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55);
	padding: 14px 16px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.12s ease;
}

#ec-smart-preview-panel.is-visible {
	pointer-events: auto;
	opacity: 1;
}

#ec-smart-preview-panel.ec-hover-safe {
	pointer-events: auto;
}

.ec-preview-title {
	font-size: 14px;
	font-family: "Montserrat-SemiBold", sans-serif;
	color: #fff;
	margin: 0 0 4px;
}

.ec-preview-sub {
	font-size: 11px;
	color: #9a9aa0;
	margin-bottom: 10px;
}

.ec-preview-section {
	margin-top: 10px;
}

.ec-preview-section h4 {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #717171;
	margin: 0 0 6px;
}

.ec-preview-links a {
	display: block;
	font-size: 12px;
	color: #c4c4c8;
	padding: 4px 0;
	text-decoration: none;
}

.ec-preview-links a:hover {
	color: #fff;
}

.ec-preview-products {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.ec-preview-product {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: #e8e8ea;
	font-size: 11px;
}

.ec-preview-product img {
	width: 36px;
	height: 36px;
	border-radius: 6px;
	object-fit: cover;
	background: #2a2a2e;
}

.ec-preview-cta {
	display: inline-block;
	margin-top: 12px;
	font-size: 11px;
	color: #b565e6;
	text-decoration: none;
	font-family: "Montserrat-SemiBold", sans-serif;
}

.ec-preview-cta:hover {
	color: #d293f9;
}

@media (max-width: 767px) {
	#ec-smart-preview-panel {
		display: none !important;
	}
}