/*
Theme Name: MitchCactus
Theme URI: https://mitchcactus.co
Author: Laroo
Author URI: https://laroo.dev
Description: MitchCactus block theme.
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.0.0
License: Private
Text Domain: mitchcactus
*/

* {
	box-sizing: border-box;
}

html {
	width: 100%;
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body {
	background: #05061e !important;
}

body:not(.admin-bar) {
	padding-top: 78px;
}

body.admin-bar {
	padding-top: 80px;
}

iframe {
	border: none;
}

/* General Styles */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
}

body:not(.wp-admin, .editor-styles-wrapper, .block-editor-iframe__body) .wp-site-blocks button:not(.components-button, .block-editor-button, .browse-games-btn, .copy-btn),
.wp-block button:not(.components-button, .block-editor-button) {
	border: none;
	border-radius: 4px;
	padding: 17px 20px;
	background-color: var(--wp--preset--color--mitchcactus-background);
	color: #fff;
	text-align: center;
	font-family: var(--wp--preset--font-family--noto-sans);
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-column,
.flex-col {
	display: flex;
	flex-direction: column;
}

.wp-site-blocks {
	padding: 0;
}

.has-global-padding {
	padding-top: var(--wp--style--root--padding-top);
	padding-right: var(--wp--style--root--padding-right);
	padding-bottom: var(--wp--style--root--padding-bottom);
	padding-left: var(--wp--style--root--padding-left);
}

.is-layout-constrained>.has-global-padding,
.is-layout-constrained>.wp-block-cover>.has-global-padding {
	padding-top: 0;
	padding-bottom: 0;
}

.no-vertical-padding {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.no-horizontal-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.no-padding-top {
	padding-top: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.small-padding-top {
	padding-top: 50px !important;
}

.small-padding-bottom {
	padding-bottom: 50px !important;
}

.medium-padding-top {
	padding-top: 100px !important;
}

.medium-padding-bottom {
	padding-bottom: 100px !important;
}

.large-padding-top {
	padding-top: 150px !important;
}

.large-padding-bottom {
	padding-bottom: 150px !important;
}

.x-large-padding-top {
	padding-top: 200px !important;
}

.x-large-padding-bottom {
	padding-bottom: 200px !important;
}

.narrow-width {
	margin: auto;
	max-width: 700px !important;
}

.wp-site-blocks,
.is-root-container {
	container-type: inline-size;
}

.has-global-padding,
.wp-site-blocks>* {
	margin-top: 0 !important;
}

.wp-site-blocks>.wp-block-cover,
.is-root-container>.wp-block-cover,
.wp-block-post-content>.wp-block-cover {
	padding: 0 !important;
	margin: 0;
}

.is-layout-constrained .alignfull {
	max-width: none;
	width: 100cqi;
	margin-left: calc(50% - 50cqi);
	margin-right: calc(50% - 50cqi);
}

.block-editor-rich-text__editable {
	cursor: text;
}

.wp-block-columns.wp-block-columns-is-layout-flex {
	gap: 50px;
}

.wp-block-post-content {
	margin-top: 0 !important;
}

.mitchcactus-page-title {
	margin-bottom: 80px;
	font-style: normal;
	font-weight: 900;
}

.mitchcactus-page-subtitle {
	padding-bottom: 40px;
	font-style: normal;
	font-weight: 900;
}

.faded-gradient-bg::after,
.faded-gradient-bottom-bg::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}

.faded-gradient-bg::after {
	background-image: linear-gradient(to bottom,
			#05061e3c,
			#05061e min(80vh, 80%) 100%);
}

.faded-gradient-bg>*,
.faded-gradient-bottom-bg>* {
	position: relative;
	z-index: 1;
}

.faded-gradient-bottom-bg::after {
	background-image: linear-gradient(to bottom,
			#05061e00 min(75vh, 85%),
			#05061e min(85vh, 95%) 100%);
}

.text-gradient {
	background: linear-gradient(90deg, #554ff6, #3cb8ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 2px #ffff;
	paint-order: stroke fill;
}

@media (max-width: 1024px) {
	body {
		--wp--style--root--padding-top: 50px;
		--wp--style--root--padding-right: 40px;
		--wp--style--root--padding-bottom: 50px;
		--wp--style--root--padding-left: 40px;
		--wp--preset--spacing--20: 20px;
		--wp--preset--spacing--30: 30px;
		--wp--preset--spacing--40: 40px;
		--wp--preset--spacing--50: 50px;
		--wp--preset--spacing--60: 60px;
		--wp--preset--spacing--70: 70px;
		--wp--preset--spacing--80: 80px;
		font-size: 16px;
	}

	h1 {
		font-size: 38px;
	}

	h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 26px;
	}

	h4 {
		font-size: 22px;
	}

	h5 {
		font-size: 20px;
	}

	h6 {
		font-size: 18px;
	}

	.has-global-padding {
		padding: var(--wp--custom--padding-tablet);
	}

	.wp-block-columns.wp-block-columns-is-layout-flex {
		gap: 30px;
	}

	.hide-tablet {
		display: none;
	}
}

@media (max-width: 767px) {
	body {
		--wp--style--root--padding-top: 35px;
		--wp--style--root--padding-right: 20px;
		--wp--style--root--padding-bottom: 35px;
		--wp--style--root--padding-left: 20px;
		--wp--preset--spacing--20: 15px;
		--wp--preset--spacing--30: 20px;
		--wp--preset--spacing--40: 25px;
		--wp--preset--spacing--50: 30px;
		--wp--preset--spacing--60: 35px;
		--wp--preset--spacing--70: 40px;
		--wp--preset--spacing--80: 45px;
		font-size: 15px;
		padding-top: 152px;
	}

	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 20px;
	}

	h4 {
		font-size: 18px;
	}

	h5 {
		font-size: 16px;
	}

	h6 {
		font-size: 15px;
	}

	.has-global-padding {
		padding: var(--wp--custom--padding-mobile);
	}

	.small-padding-top {
		padding-top: 35px !important;
	}

	.small-padding-bottom {
		padding-bottom: 35px !important;
	}

	.medium-padding-top {
		padding-top: 75px !important;
	}

	.medium-padding-bottom {
		padding-bottom: 75px !important;
	}

	.large-padding-top {
		padding-top: 100px !important;
	}

	.large-padding-bottom {
		padding-bottom: 100px !important;
	}

	.x-large-padding-top {
		padding-top: 150px !important;
	}

	.x-large-padding-bottom {
		padding-bottom: 150px !important;
	}

	.wp-block-columns.wp-block-columns-is-layout-flex {
		gap: 20px;
	}

	.background-gradient {
		font-size: 20px !important;
		padding: 5px 10px !important;
	}

	.home-page-top-cover .text-gradient {
		-webkit-text-stroke: 1px #ffff !important;
	}

	.mitchcactus-page-title {
		margin-bottom: 40px;
	}

	.mitchcactus-page-subtitle {
		padding-bottom: 20px;
		font-size: 20px;
	}

	.faded-gradient-bg::after {
		background-image: linear-gradient(to bottom, #05061e50, #05061e 200px);
	}

	.faded-gradient-bottom-bg::after {
		background-image: linear-gradient(to bottom,
				#05061e00 150px,
				#05061e 200px);
	}

	.text-gradient {
		-webkit-text-stroke: 1px #ffff;
	}
}

/* Header */
header {
	z-index: 999;
}

header.wp-block-template-part {
	position: relative;
	padding: 0 50px;
	background-color: #070825;
	position: fixed;
	top: 0px;
	z-index: 2222;
	width: 100%;
}

body.admin-bar header.wp-block-template-part {
	top: 32px;
}

header.wp-block-template-part>.wp-block-group {
	position: relative;
	z-index: 2;
}

header.wp-block-template-part>.wp-block-group.mobile-search {
	position: relative;
	z-index: 1;
}

header.wp-block-template-part::before,
header.wp-block-template-part::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 100%;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
}

header.wp-block-template-part::before {
	background-image: url("./assets/images/header-bg-left.svg");
	background-position: left;
}

header.wp-block-template-part::after {
	background-image: url("./assets/images/header-bg-right.svg");
	background-position: right;
}

.site-header {
	position: relative;
	z-index: 1;
	margin: auto;
	max-width: var(--wp--style--global--content-size);
	padding-top: 12px;
	padding-bottom: 12px;
}

.site-header .wp-block-mitchcactus-account {
	margin-left: auto;
}

.site-header .header-link a {
	text-decoration: none;
}

@media (max-width: 1200px) {
	.site-header .header-link a {
		display: none;
	}
}

@media (max-width: 570px) {
	header.wp-block-template-part {
		padding: 0;
	}

	.site-header {
		position: relative;
		justify-content: space-between;
	}

	.site-header .wp-block-mitchcactus-header-menu {
		margin-left: unset;
	}

	/* .site-header .wp-block-site-logo {
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
	} */

	.site-header .wp-block-site-logo img {
		width: auto;
		height: 40px;
	}

	.site-header .wp-block-mitchcactus-account {
		margin-left: unset;
	}
}

/* Footer */
footer {
	background-image: url("/wp-content/themes/mitchcactus/assets/images/footer-bg.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

.mitchcactus-footer {
	max-width: var(--wp--style--global--content-size);
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0;
}

.mitchcactus-footer a {
	text-decoration: none !important;
	color: #cdcdd2;
}

.mitchcactus-footer .footer-social-media-icons .wp-block-image {
	border-radius: 10%;
	width: 45px;
	height: 45px;
	background-color: #1b203f;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mitchcactus-footer .footer-registered {
	background-color: #121635;
	height: 70px;
	backdrop-filter: blur(20px);
	margin-top: 20px !important;
	padding: 0;
}

.mitchcactus-footer .footer-menus {
	margin-top: 40px;
	flex-wrap: wrap;
}

@media (max-width: 767px) {
	.mitchcactus-footer .footer-registered {
		height: 170px;
		flex-wrap: wrap;
		padding: 15px;
	}

	.mitchcactus-footer .footer-social-media-icons .wp-block-image {
		width: 40px;
		height: 40px;
	}
}

/* Game hero */

.game-hero {
	background-position: center;
	position: relative;
}

.game-hero::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height: 100%;
	width: 100%;
	background-image: linear-gradient(to right, #05061ebc 0%, #05061e00 100%),
		linear-gradient(180deg, #05061e00 0%, #05061e 100%) !important;
	background-color: transparent;
	content: "";
}

.game-hero>* {
	position: relative;
	z-index: 1;
}

.game-hero h1 {
	background: linear-gradient(to right, #554ff6, #3cb8ff);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #0000 !important;
	-webkit-text-stroke-width: 1px;
	stroke-width: 1px;
	-webkit-text-stroke-color: #ffffff;
	stroke: #ffffff;
}

.game-hero .wp-block-button,
.game-hero .wp-element-button {
	display: inline-block;
	width: fit-content !important;
}

.game-hero figure {
	filter: drop-shadow(0px 4px 60px #010104);
}

@media (max-width: 767px) {
	.game-hero {
		background-size: 100% !important;
		background-position: top center !important;
		background-repeat: no-repeat !important;
	}

	.game-hero::before {
		background-image: linear-gradient(to right, #05061ed9, #05061e00),
			linear-gradient(to bottom, #05061e00, #05061e 10%) !important;
	}
}

/* Game catalogue */

.game-catalogue-section {
	position: relative;
	background-size: 100% auto !important;
	background-repeat: repeat-y !important;
}

.game-catalogue-section::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom,
			#05061e 0%,
			rgba(0, 0, 0, 0) 15% 85%,
			#05061e 100%);
	content: "";
}

.game-catalogue-section>* {
	position: relative;
	z-index: 1;
}

.game-catalogue-section h2 {
	margin-bottom: -20px;
}

.game-catalogue-section h2 strong {
	font-weight: 800;
	color: var(--wp--preset--color--mitchcactus-background);
}

/* Custom order section */
.custom-order {
	position: relative;
}

.custom-order::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #05061e 0%, rgba(85, 79, 246, 0) 100%);
	content: "";
}

.custom-order>* {
	position: relative;
	z-index: 1;
}

.custom-order h3 {
	max-width: 370px;
}

@media (max-width: 767px) {
	.custom-order .wp-block-group {
		padding: 20px !important;
	}

	.custom-order h2 {
		margin-top: 40px !important;
		margin-bottom: 40px !important;
	}
}

/* With MitchCactus you get Pattern */
.with-mitchcactus-you-get-bg>.wp-block-cover__image-background {
	opacity: 0.3;
}

.with-mitchcactus-you-get-grid {
	gap: 30px;
}

.with-mitchcactus-you-get-grid .with-mitchcactus-you-get-row {
	margin-left: 25px !important;
	position: relative;
}

.with-mitchcactus-you-get-grid .with-mitchcactus-you-get-row .with-mitchcactus-you-get-image-row {
	align-items: center;
	position: absolute;
	left: -25px;
	width: 50px;
	height: 50px;
	aspect-ratio: 1 / 1;
}

.with-mitchcactus-you-get-list-item {
	list-style-type: none;
	position: relative;
}

.with-mitchcactus-you-get-list-item li {
	position: relative;
	margin-left: 25px;
	font-weight: 400;
}

.with-mitchcactus-you-get-list-item li::before {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: -25px;
	width: 14px;
	height: 14px;
	background-image: url("./assets/images/list-style-image.svg");
	background-repeat: no-repeat;
	content: "";
}

.mitchcactus-console-control-row {
	overflow: hidden;
	align-items: stretch;
}

.mitchcactus-console-control-row .wp-block-cover {
	height: unset;
	min-height: unset;
}

.with-mitchcactus-you-get-cover img {
	mix-blend-mode: lighten;
}

@media (max-width: 767px) {
	.with-mitchcactus-you-get-list-item {
		padding: 20px !important;
	}

	.with-mitchcactus-you-get-grid {
		gap: 25px;
		margin-top: 0 !important;
	}

	.mitchcactus-console-control-row {
		flex-wrap: wrap;
		justify-content: center;
	}

	.mitchcactus-console-control-row .wp-block-cover {
		min-height: 180px;
	}
}

/* Why Choose Us Pattern */
.why-choose-us .wp-block-cover__image-background {
	mix-blend-mode: luminosity;
	opacity: 0.1;
}

@media (max-width: 1024px) {
	.why-choose-us .wp-block-group-is-layout-grid {
		padding: var(--wp--custom--padding-tablet);
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}

@media (max-width: 767px) {
	.why-choose-us .wp-block-group-is-layout-grid {
		padding: var(--wp--custom--padding-mobile);
	}

	.why-choose-us h2 {
		font-size: 26px !important;
	}

	.why-choose-us h4 {
		font-size: 20px !important;
	}
}

/* How and why pattern */
.how-and-why-pattern {
	margin-top: 0;
}

.how-and-why-pattern .subtitle {
	color: #554ff6;
	margin-top: 0;
}

.how-and-why-pattern .how-and-why-column {
	background: linear-gradient(rgb(29, 28, 95) 0%, rgb(22, 59, 97) 100%);
}

.how-and-why-pattern .how-and-why-column .title {
	font-size: 20px;
	font-weight: 900;
	line-height: 27px;
}

.how-and-why-pattern .how-and-why-column .description {
	font-size: 16px;
	font-weight: 400;
	line-height: 21.79px;
	color: #ffffffb2;
}

.how-and-why-pattern .wp-block-group-is-layout-grid {
	padding: 30px;
	box-sizing: content-box;
	border-radius: 15px;
	border: 1px solid #1d2140;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	background: #1d21404d;
}

@media (max-width: 1024px) {
	.how-and-why-pattern .wp-block-group-is-layout-grid {
		padding: var(--wp--custom--padding-tablet);
		margin-top: 32px !important;
		margin-bottom: 0 !important;
	}
}

@media (max-width: 767px) {
	.how-and-why-pattern .wp-block-group-is-layout-grid {
		padding: var(--wp--custom--padding-mobile);
		grid-template-columns: 1fr;
	}
}

@media (min-width: 768px) and (max-width: 1270px) {
	.how-and-why-pattern .wp-block-group-is-layout-grid {
		grid-template-columns: 1fr 1fr;
	}
}

/* Games Page */
.games-page-top-cover {
	z-index: 0;
	margin-top: 0;
}

.games-page-top-cover .heading {
	background: linear-gradient(90deg, #554ff6, #3cb8ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 2px #ffff;
	paint-order: stroke fill;
}

.games-page-game-index-group .wp-block-mitchcactus-game-index {
	margin-top: 100px;
}

.games-page-game-card-group {
	padding-top: 0;
}

@media (max-width: 1024px) {
	.games-page-top-cover {
		background-size: contain !important;
	}

	.games-page-top-cover .heading {
		-webkit-text-stroke: 1px #ffff;
	}

	.games-page-top-cover .subheading {
		padding: 0 !important;
	}

	.games-page-game-index-group .wp-block-mitchcactus-game-index {
		margin-top: 50px !important;
	}
}

/* Home Page */
.home-page-top-cover::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background-image: linear-gradient(to bottom,
			#05061ea0,
			#05061e min(70vh, 80%) 100%);
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	mix-blend-mode: plus-lighter;
}

.home-page-top-cover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background-image: linear-gradient(to bottom,
			#05061e00 min(70vh, 80%),
			#05061e 100%);
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}

.home-page-top-cover>* {
	position: relative;
	z-index: 1;
}

.home-page-top-cover .background-gradient {
	line-height: 32.69px;
	max-width: fit-content;
	position: relative;
	padding: 10px 15px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #ffffff;
	-webkit-text-stroke: 2px #64d7ff;
	paint-order: stroke fill;
	letter-spacing: 0.23em;
	mix-blend-mode: lighten;
}

.home-page-top-cover .background-gradient:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 5px;
	padding: 2px;
	background: linear-gradient(90deg, #3e35ae 50%, #359ec7 100%);
	z-index: -1;
}

.home-page-top-cover .text-gradient {
	margin-top: 20px;
	background: linear-gradient(90deg, #554ff6, #3cb8ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 2px #ffff;
	paint-order: stroke fill;
}

.home-page-top-cover .heading {
	margin-top: 0;
	font-weight: 900;
	-webkit-text-fill-color: #fff;
	-webkit-text-stroke: 0;
}

.home-page-top-cover .wp-block-mitchcactus-rolling-list {
	margin-top: 40px;
}

.home-page-top-cover .wp-block-buttons {
	padding: 20px 25px;
	padding-bottom: 0;
	margin-top: 40px;
}

@media (max-width: 1200px) {
	.home-page-top-cover .heading {
		padding: 0;
	}
}

.home-page-catalog {
	margin-top: 0;
}

.home-page-catalog:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	mix-blend-mode: overlay;
	background-image: url("./assets/images/home-page-explore-catalog-background.webp");
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

.home-page-catalog:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(to bottom,
			#05061e,
			#05061e00 min(10vh, 20%));
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

.mitchcactus-section-title,
.mitchcactus-section-subtitle {
	mix-blend-mode: plus-lighter;
}

.mitchcactus-section-subtitle {
	color: #554ff6;
	margin-top: 0;
}

.home-page-easy-effortless {
	margin-top: 0;
	padding-bottom: 0;
}

.home-page-easy-effortless:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	mix-blend-mode: lighten;
	background-image: url("./assets/images/home-page-easy-and-effortless-background.webp");
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

.home-page-easy-effortless .wp-block-mitchcactus-tabs {
	margin-top: 70px;
}

.home-page-easy-effortless .home-page-proffesional::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	mix-blend-mode: plus-lighter;
	background-image: url("./assets/images/home-page-proffesional-background.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: -1;
}

.home-page-easy-effortless .home-page-proffesional .description {
	font-size: 16px;
	font-weight: 400;
	line-height: 21.79px;
	box-sizing: border-box;
}

@media (max-width: 1024px) {
	.home-page-easy-effortless .wp-block-mitchcactus-tabs {
		margin-top: 50px !important;
	}
}

.home-page-counters {
	min-height: auto !important;
	margin-top: 0;
}

.home-page-counters .home-page-counters-column {
	gap: 16px;
}

.home-page-counters .home-page-counters-column .title {
	font-size: 16px;
	font-weight: 900;
	line-height: 21.79px;
}

.home-page-counters .home-page-counters-column .description {
	font-size: 32px;
	font-weight: 900;
	line-height: 49.03px;
}

@media (max-width: 1024px) {
	.home-page-counters .home-page-counters-column {
		margin-top: 24px !important;
	}
}

@media (max-width: 767px) {
	.home-page-catalog h2 {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	.home-page-counters .wp-block-group-is-layout-grid {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 768px) and (max-width: 1270px) {
	.home-page-counters .wp-block-group-is-layout-grid {
		grid-template-columns: 1fr 1fr;
	}
}

.home-page-explore {
	margin-top: 0;
}

.home-page-explore .title {
	margin-top: 0px;
	font-weight: 900;
	-webkit-text-fill-color: transparent;
	background: #fff;
	background-clip: text;
}

.home-page-explore .description {
	margin-top: 50px;
	line-height: 21.79px;
}

.home-page-explore::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	mix-blend-mode: color;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

.home-page-explore .wp-block-group {
	z-index: 1;
	border: 1px solid #1d2140;
	border-radius: 10px;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	background: #1d21404d;
}

.home-page-explore .wp-block-group:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	padding: 2px;
	background: linear-gradient(180deg, #3bb7fe, #171a51);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
	z-index: -1;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	box-shadow: 0px 4px 20px -1px rgba(0, 0, 0, 0.3019607843);
}

@media (max-width: 1024px) {
	.home-page-explore {
		background-size: cover !important;
	}

	.home-page-explore .description,
	.home-page-proffesional .description {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}

@media (max-width: 1024px) {
	.home-page-explore img {
		width: 130px;
	}

	.home-page-explore .description {
		margin-top: 20px;
	}

	.home-page-explore .wp-block-buttons {
		margin-top: 30px !important;
	}
}

/* Terms and Conditions Page */
.terms-and-conditions-page-cover>span {
	background-color: unset !important;
	opacity: 1 !important;
}

.terms-and-conditions-page-cover .wp-block-cover__image-background {
	object-fit: contain;
	height: auto;
}

.terms-and-conditions-page-cover .terms-and-conditions-page-inner-cover {
	border-radius: 15px;
	border: 1px solid #1d2140;
	background-color: #1d214033;
	min-height: auto;
	margin-bottom: 24px;
	padding: 32px;
}

.terms-and-conditions-page-cover .terms-and-conditions-page-inner-cover p {
	margin-top: 0;
}

/* Privacy Policy page */
.privacy-policy-page-cover .privacy-personal-info-list,
.privacy-policy-page-cover .privacy-personal-info-list ul,
.privacy-policy-page-cover ul.privacy-policy-bullet-list {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.privacy-policy-page-cover .privacy-personal-info-list>li,
.privacy-policy-page-cover .privacy-personal-info-list ul>li,
.privacy-policy-page-cover ul.privacy-policy-bullet-list>li,
.privacy-policy-page-cover .privacy-bullet {
	background: url("./assets/images/info-box-list-icon.svg") no-repeat left 0px;
	padding-left: 30px;
	margin-bottom: 12px;
}

.privacy-policy-page-cover .privacy-personal-info-list>li>ul,
.privacy-policy-page-cover ul.privacy-policy-bullet-list>li>ul {
	margin-top: 8px;
	margin-bottom: 12px;
	padding-left: 10px;
}

.privacy-policy-page-cover .privacy-personal-info-list strong {
	color: var(--wp--preset--color--custom-text);
}

/* Refund Policy page */
.refund-policy-page-cover .refund-policy-list,
.refund-policy-page-cover .refund-policy-sublist {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.refund-policy-page-cover .refund-policy-list>li,
.refund-policy-page-cover .refund-policy-sublist>li,
.refund-policy-page-cover .refund-policy-bullet {
	background: url("./assets/images/info-box-list-icon.svg") no-repeat left 0px;
	padding-left: 30px;
	margin-bottom: 12px;
}

.refund-policy-page-cover .refund-policy-sublist {
	margin-top: 8px;
	margin-bottom: 12px;
	padding-left: 10px;
}

/* About Us Page */
.about-us-page-cover .text-gradient {
	background: linear-gradient(90deg, #554ff6, #3cb8ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 3px #ffff;
	paint-order: stroke fill;
	font-size: 52px;
}

.about-us-page-cover .wp-block-cover__image-background {
	object-fit: contain;
	height: auto;
}

.about-us-page-cover>span {
	background-color: unset !important;
	opacity: 1 !important;
}

.about-us-page-cover .about-us-page-inner-cover {
	border-radius: 15px;
	border: 1px solid #1d2140;
	background-color: #1d214033;
	min-height: auto;
	padding: 34px;
	margin: 80px auto !important;
}

.about-us-page-explore-cover {
	margin-top: 0;
}

.about-us-page-explore-cover>span {
	background: linear-gradient(180deg, #11213d 0%, #080b24 100%);
}

@media (max-width: 1024px) {
	.about-us-page-cover .about-us-page-inner-cover {
		margin: 40px auto !important;
	}
}

/* Contact us page */
.contact-us-page-inner-group {
	border-radius: 15px;
	border: 1px solid #1d2140;
	background-color: #1d214033;
	min-height: auto;
	margin-bottom: 24px;
	padding: 32px;
}

.contact-us-live-chat-column {
	background-color: #1d2140;
	border-radius: 15px;
}

.contact-us-live-chat-column .wp-block-button__link {
	padding-left: 70px;
	border-radius: 5px;
	position: relative;
}

.contact-us-live-chat-column .wp-block-button__link img {
	position: absolute;
	top: 10px;
	left: 25px;
}

.contact-us-page-group .wp-block-columns.wp-block-columns-is-layout-flex {
	gap: 24px !important;
}

.contact-us-page-group .wpcf7 .wpcf7-form-control-wrap input.wpcf7-form-control,
.contact-us-page-group .wpcf7 .wpcf7-form-control-wrap textarea.wpcf7-form-control {
	font-size: var(--wp--preset--font-size--small);
	outline: 1px solid #564fff;
	background-color: #121635 !important;
	border: 1px solid #1d2140 !important;
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	height: 45px !important;
	padding: 10px 12px;
	width: 100%;
	margin-top: 10px;
}

.contact-us-page-group .wpcf7 .wpcf7-form-control-wrap textarea.wpcf7-form-control {
	height: 200px !important;
}

.contact-us-page-group .wpcf7 .wpcf7-submit {
	background-color: var(--wp--preset--color--mitchcactus-background);
	border: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	padding: 10px 20px 10px 20px;
	padding-left: 36px;
	background-image: url("/wp-content/themes/mitchcactus/assets/images/email.webp");
	background-repeat: no-repeat;
	background-position: 14px center;
	background-size: 16px 16px;
}

.contact-us-page-group .wpcf7 .wpcf7-form-control-wrap label {
	color: #e4e4e7;
	font-size: 14px;
}

/* Cookies Policy page */
.cookies-policy-page-cover .cookies-policy-bullet-list {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.cookies-policy-page-cover .cookies-policy-bullet-list>li {
	background: url("./assets/images/info-box-list-icon.svg") no-repeat left 0px;
	padding-left: 30px;
	margin-bottom: 12px;
}

.cookies-policy-page-cover .cookies-policy-bullet-list>li p {
	margin-bottom: 6px;
}

.cookies-policy-page-cover .cookies-policy-bullet-list a {
	color: var(--wp--preset--color--custom-text);
}

.cookies-policy-page-cover .cookies-policy-bullet-list>li p {
	margin-bottom: 6px;
}

.cookies-policy-page-cover .cookies-policy-bullet-list a {
	color: var(--wp--preset--color--custom-text);
}

/* Our Guarantees page */

.our-guarantees-card-grid {
	gap: 20px;
	align-items: stretch;
}

.our-guarantees-card {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(29, 33, 64, 0.65);
	border-radius: 12px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: auto;
}

.our-guarantees-card__icon {
	margin: 0;
}

.our-guarantees-card__icon img {
	width: 58px;
	height: 58px;
}

.our-guarantees-card h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
}

.our-guarantees-card p {
	margin: 0;
	font-size: 16px;
	line-height: 1.4;
}

.our-guarantees-section-title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 12px;
}

.our-guarantees-learn-more h5 {
	margin-top: 8px;
	font-size: 18px;
}

.our-guarantees-learn-more a {
	color: var(--wp--preset--color--custom-text);
	text-decoration: none;
}

/* How to log into page */
.how-to-log-into-page-group .text-gradient {
	background: linear-gradient(90deg, #554ff6, #3cb8ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 3px #ffff;
	paint-order: stroke fill;
}

.how-to-log-into-page-group .mitchcactus-page-title {
	margin-bottom: 0 !important;
}

.how-to-log-into-page-group .how-to-log-into-page-inner-group {
	border-radius: 15px;
	border: 1px solid #1d2140;
	background-color: #1d214033;
	min-height: auto;
	margin-top: 24px !important;
	padding: 32px;
}

.how-to-log-into-page-group .mitchcactus-list {
	padding-left: 0;
}

.how-to-log-into-page-group .mitchcactus-list li {
	background: url("./assets/images/info-box-list-icon.svg") no-repeat left top;
	padding: 0 0 0 30px;
	list-style: none;
}

.how-to-log-into-page-group .mitchcactus-list li img {
	display: block;
	margin-left: -30px;
	margin-top: 25px;
	border-radius: 10px;
}

.how-to-log-into-page-group .how-to-log-into-page-inner-group p {
	margin-top: 12px;
}

.how-to-log-into-page-group h2 {
	margin-top: 0;
}

.with-mitchcactus-you-get-bg>.wp-block-cover__image-background {
	opacity: 0.3;
}

.with-mitchcactus-you-get-grid {
	gap: 30px;
}

.with-mitchcactus-you-get-grid .with-mitchcactus-you-get-row {
	margin-left: 25px !important;
	position: relative;
}

.with-mitchcactus-you-get-grid .with-mitchcactus-you-get-row .with-mitchcactus-you-get-image-row {
	align-items: center;
	position: absolute;
	left: -25px;
	width: 50px;
	height: 50px;
	aspect-ratio: 1 / 1;
}

.with-mitchcactus-you-get-cover img {
	mix-blend-mode: lighten;
}

.with-mitchcactus-you-get-list-item {
	list-style-type: none;
	position: relative;
}

.with-mitchcactus-you-get-list-item li {
	position: relative;
	font-weight: 400;
}

.with-mitchcactus-you-get-list-item li::before {
	width: 14px;
	height: 14px;
	content: "";
	display: inline-block;
	background-image: url("./assets/images/list-style-image.svg");
	background-repeat: no-repeat;
	position: absolute;
	left: -25px;
	top: 5px;
}

.mitchcactus-console-control-row {
	overflow: hidden;
}

@media (max-width: 767px) {
	.with-mitchcactus-you-get-grid {
		gap: 25px;
	}

	.mitchcactus-console-control-row {
		flex-wrap: wrap;
		justify-content: center;
	}
}

.customer-reviews {
	background-image: radial-gradient(at center center,
			rgba(85, 79, 246, 0.38) 0%,
			rgba(85, 79, 246, 0) 65%);
}

.customer-reviews .wp-block-mitchcactus-trustpilot-reviews-slider {
	width: 100% !important;
	max-width: 100% !important;
}

.game-catalogue-section {
	position: relative;
	z-index: 0;
}

.game-archive-seo-container {
	position: relative;
}

.game-archive-seo-container .wp-block-image.seo-image {
	position: relative;
	z-index: 2;
}

.game-archive-seo-container .wp-block-group {
	position: relative;
	z-index: 0;
}

/* Blog */
.archive .blog-hero {
	background-image: var(--hero-bg) !important;
}

.blog-hero::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, #05061ea5, #05061e 100vh 100%);
	content: "";
	background-blend-mode: lighten;
}

.blog-hero>* {
	position: relative;
	z-index: 1;
}

/* Single Post */
.blog-hero {
	--hero-bg: url("/wp-content/themes/mitchcactus/assets/images/blog-archive-bg.webp");
}

.mitchcactus-single-post::before,
.mitchcactus-single-post::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-image: linear-gradient(to bottom,
			#05061ea0,
			#05061e min(70vh, 80%) 100%),
		url("/wp-content/themes/mitchcactus/assets/images/blog-archive-bg.webp");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}

.mitchcactus-single-post::before {
	background-image: var(--hero-bg);
}

.mitchcactus-single-post::after {
	background-image: linear-gradient(to bottom,
			#05061ea0,
			#05061e min(70vh, 80%) 100%);
}

.mitchcactus-single-post.is-layout-constrained main.alignfull {
	padding-top: 40px;
}

.mitchcactus-single-post *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(h1 *):not(h2 *):not(h3 *):not(h4 *):not(h5 *):not(h6 *):not(strong) {
	color: #ffffffb2;
}

.mitchcactus-single-post h1,
.mitchcactus-single-post h1 *,
.mitchcactus-single-post h2,
.mitchcactus-single-post h2 *,
.mitchcactus-single-post h3,
.mitchcactus-single-post h3 *,
.mitchcactus-single-post h4,
.mitchcactus-single-post h4 *,
.mitchcactus-single-post h5,
.mitchcactus-single-post h5 *,
.mitchcactus-single-post h6,
.mitchcactus-single-post h6 * {
	color: #fff !important;
}

.mitchcactus-single-post .post-meta-data-row {
	flex-wrap: wrap;
}

.mitchcactus-single-post .reading-time::after {
	content: " Min Read";
	margin-left: 0.1em;
}

.mitchcactus-single-post .wp-block-mitchcactus-trustpilot-reviews {
	height: 40px;
}

.mitchcactus-single-post .wp-block-post-featured-image img {
	border-radius: 15px;
}

.mitchcactus-single-post .rating-display--hidden {
	display: none;
}

.mitchcactus-single-post .post-content-spacer {
	background-color: #1d2140;
}

.post-type-post .wp-block-list,
.mitchcactus-single-post .wp-block-list {
	padding-left: 0;
}

.post-type-post .wp-block-list li,
.mitchcactus-single-post .wp-block-list li {
	background: url("./assets/images/info-box-list-icon.svg") no-repeat left top;
	padding: 0 0 0 30px;
	list-style: none;
	margin-top: 10px;
	color: #fff;
}

.post-type-post .wp-block-list li img,
.mitchcactus-single-post .wp-block-list li img {
	display: block;
	margin-left: -30px;
	margin-top: 25px;
	border-radius: 10px;
}

.post-type-post .wp-block-table table,
.mitchcactus-single-post .wp-block-table table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 10px;
	table-layout: auto;
}

.post-type-post .wp-block-table td,
.mitchcactus-single-post .wp-block-table td {
	border: none;
	vertical-align: top;
	line-height: 1.6;
	padding: 10px 20px;
	min-width: 100px;
}

.post-type-post .wp-block-table tr,
.mitchcactus-single-post .wp-block-table tr {
	background-color: #1d214099;
}

.post-type-post .wp-block-table tr:first-child td,
.mitchcactus-single-post .wp-block-table tr:first-child td {
	font-weight: 700;
	color: white;
	background: unset;
	-webkit-text-fill-color: unset;
}

.post-type-post .wp-block-table tr td:first-child,
.mitchcactus-single-post .wp-block-table tr td:first-child {
	border-radius: 7px 0px 0px 7px;
}

.post-type-post .wp-block-table tr td:nth-child(2),
.mitchcactus-single-post .wp-block-table tr td:nth-child(2) {
	padding: 10px 5px;
}

.post-type-post .wp-block-table tr td:last-child,
.mitchcactus-single-post .wp-block-table tr td:last-child {
	border-radius: 0px 7px 7px 0px;
}

.post-type-post .wp-block-table tr:first-child td:first-child,
.mitchcactus-single-post .wp-block-table tr:first-child td:first-child {
	border-radius: 7px 0px 0px 7px;
}

.post-type-post .wp-block-table tr:first-child td:last-child,
.mitchcactus-single-post .wp-block-table tr:first-child td:last-child {
	border-radius: 0px 7px 7px 0px;
}

.post-type-post .wp-block-table td:first-child,
.mitchcactus-single-post .wp-block-table td:first-child {
	background: linear-gradient(to right, #554ff6, #3cb8ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-weight: 500;
	white-space: nowrap;
}

.mitchcactus-single-post .products-carousel-group {
	margin-top: 50px !important;
}

@media (max-width: 767px) {
	.archive .blog-hero::before {
		background-image: linear-gradient(to bottom, #05061e8a, #05061e 200px);
	}

	.mitchcactus-single-post::before {
		background-image: linear-gradient(to right, #05061ed9, #05061e00),
			linear-gradient(to bottom, #05061e50, #05061e 200px),
			url("/wp-content/themes/mitchcactus/assets/images/blog-archive-bg.webp");
	}

	.post-type-post .wp-block-table td,
	.mitchcactus-single-post .wp-block-table td {
		min-width: 100px;
		white-space: normal !important;
		padding: 10px;
	}

	.mitchcactus-single-post .wp-block-mitchcactus-related-posts .related-posts-wrapper {
		flex-wrap: wrap;
	}

	.mitchcactus-single-post .wp-block-mitchcactus-related-posts .related-posts-wrapper .post-card {
		flex: auto;
	}

	.mitchcactus-single-post .wp-block-mitchcactus-table-of-contents {
		margin-bottom: 30px;
		display: block;
	}
}

/* WooCommerce loading overlay */
body .blockUI.blockOverlay {
	background: transparent !important;
	transition: opacity 0.2s ease;
}

/* Single Product */

.single-product .woocommerce-product-gallery__trigger {
	display: none;
}

.single-product .woocommerce-product-gallery__wrapper .zoomImg {
	display: none !important;
}

.single-product .product-hero {
	position: relative;
	--hero-bg: url("./assets/images/Slider-image.webp");
}

.single-product .product-hero::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-image: linear-gradient(to right,
			rgba(5, 6, 30, 0.85),
			rgba(5, 6, 30, 0)),
		linear-gradient(to bottom, rgba(5, 6, 30, 0), #05061e min(70vh, 80%)),
		var(--hero-bg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100%;
}

.single-product .product-hero>* {
	position: relative;
	z-index: 1;
}

.single-product .product-breadcrumbs {
	margin-top: 0;
}

.single-product .product-hero h1 {
	font-size: 40px;
}

.woocommerce-product-gallery__image {
	border-radius: 20px;
}

.woocommerce div.product div.images {
	margin-bottom: 0;
}

.single-product .product-hero .wp-block-woocommerce-product-image-gallery {
	max-width: 100%;
}

.wp-block-woocommerce-product-image-gallery .onsale,
.wp-block-woocommerce-product-image-gallery .product-labels {
	display: none !important;
}

.wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery__wrapper img {
	border-radius: 20px;
}

.woocommerce div.product div.images .flex-control-thumbs {
	margin-top: 15px;
	overflow: visible !important;
}

.woocommerce div.product div.images .flex-control-thumbs img {
	border-radius: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs img.flex-active {
	outline: 3px solid #564fff;
	outline-offset: -3px;
}

.wp-block-woocommerce-product-image-gallery .prev,
.wp-block-woocommerce-product-image-gallery .next {
	position: absolute;
	bottom: 6%;
	z-index: 5;
	filter: drop-shadow(0 0 7px #000000);
	cursor: pointer;
}

.wp-block-woocommerce-product-image-gallery .prev {
	left: 0;
}

.wp-block-woocommerce-product-image-gallery .next {
	right: 0;
}

.single-product .product-hero .product-details {
	padding-right: 0 !important;
	padding-left: 0 !important;
	padding-bottom: 0 !important;
	height: fit-content;
	overflow: hidden;
}

.single-product .product-hero .details-head {
	position: relative;
	height: fit-content;
	padding-right: 0 !important;
	padding-left: 0 !important;
	padding-bottom: 0 !important;
}

.single-product .product-hero .details-head::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, #554ff6 0%, #3cb8ff 100%);
	opacity: 0.2;
	content: "";
}

.single-product .product-hero .details-head>* {
	position: relative;
	z-index: 1;
	margin: 0 !important;
	padding-right: var(--wp--preset--spacing--50);
	padding-left: var(--wp--preset--spacing--50);
	width: 100%;
}

.single-product .product-hero .details-head>.price-container {
	flex-wrap: nowrap;
	margin-top: -5px !important;
}

body.custom-slider-product .product-hero .details-head>.price-container {
	display: none;
}

.single-product .product-hero .details-head>.price-container .wp-block-image {
	flex-shrink: 0;
}

.single-product .product-hero .details-head>.price-container .woocommerce-Price-amount {
	white-space: nowrap;
}

.single-product .wc-block-grid__product-price {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 0;
	background: linear-gradient(to right, #554ff6, #3cb8ff);
	-webkit-background-clip: text;
	background-clip: text;
	color: #0000;
	font-size: 26px !important;
	font-weight: 700;
}

.single-product .wc-block-grid__product-price del .woocommerce-Price-amount {
	position: relative;
	background: linear-gradient(to right, #554ff6, #3cb8ff);
	-webkit-background-clip: text;
	background-clip: text;
	color: #0000;
}

.single-product .wc-block-grid__product-price del .woocommerce-Price-amount::after {
	display: block;
	position: absolute;
	top: calc(50% - 1.5px);
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to right, #554ff6, #3cb8ff);
	content: "";
}

.single-product .wc-block-grid__product-price ins {
	color: #0000 !important;
}

.single-product .wp-block-spacer {
	width: 100%;
	height: 1px;
	background: #11132f;
}

.first-payment-date {
	display: none;
}

.wc-block-components-product-summary {
	margin-bottom: 0;
}

.wc-block-components-product-summary p:first-child {
	margin-top: 0 !important;
}

.wc-block-components-product-summary p:last-child {
	margin-bottom: 0 !important;
}

.wp-block-add-to-cart-form {
	width: 100%;
}

.single-product div.product form.cart {
	display: block;
	margin-bottom: 0;
}

.woocommerce-variation-add-to-cart {
	display: block !important;
}

.variations_form {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.woocommerce div.product form.cart table.variations {
	display: table;
	position: relative;
	margin-bottom: 40px;
}

table.variations tr,
table.variations th,
table.variations td {
	background-color: #0000 !important;
	padding: 0 !important;
	text-align: left;
}

table.variations th {
	padding-right: 20px !important;
}

table.variations th,
table.variations td {
	border: none !important;
	padding-top: 10px !important;
	vertical-align: top;
}

table.variations tr:first-child th,
table.variations tr:first-child td {
	padding-top: 0 !important;
}

.single-product .woocommerce form.cart table.variations th label {
	display: block;
	margin-bottom: 0;
	width: max-content;
	font-weight: 400;
}

table.variations th label::after {
	content: ":";
}

table.variations td select {
	border-radius: 5px;
	border: none;
	width: 100%;
	max-width: unset;
	min-width: 100% !important;
	background-color: #11132f !important;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC42KSI+PHBhdGggZD0iTTYgOWw2IDYgNi02Ii8+PC9zdmc+) !important;
	background-position: right 10px top 50%;
	background-size: auto 18px;
	background-repeat: no-repeat;
	color: #ffffff;
	accent-color: #554ff6;
	padding-right: 30px;
}

table.variations td select:focus {
	outline: 1px solid #554ff6;
}

table.variations td select option:hover {
	background-color: #554ff6 !important;
}

table.variations .reset_variations {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: fit-content !important;
}

.single_variation_wrap {
	margin-top: auto;
	margin-bottom: 10px;
}

.woocommerce-variation-add-to-cart .quantity {
	display: none !important;
}

.single-product div.product form.cart button.single_add_to_cart_button {
	width: 100%;
	background: #554ff6;
	border-radius: 5px;
	max-width: 100%;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

.product-cta-section {
	background-image: linear-gradient(to bottom, #0f1132, #070824 20% 100%);
}

.product-cta {
	background-color: #0f1132;
	background-blend-mode: lighten;
}

.single-product .woocommerce-variation-price .price {
	color: #554ff6;
	font-size: 16px;
}

.single-product .price del .woocommerce-Price-amount {
	position: relative;
	background: linear-gradient(to right, #554ff6, #3cb8ff);
	background-clip: text;
	color: #0000;
}

.single-product .price del .woocommerce-Price-amount::after {
	display: block;
	position: absolute;
	top: calc(50% - 1.5px);
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to right, #554ff6, #3cb8ff);
	content: "";
}

@media (max-width: 1024px) {
	.single-product .product-hero h1 {
		font-size: 32px;
	}

	table.variations tr:not(:first-child) {
		display: block;
		margin-top: 15px;
	}

	table.variations th,
	table.variations td {
		display: block;
		padding: 0;
		width: 100%;
	}

	table.variations select {
		max-width: unset;
	}

	table.variations .label {
		margin-bottom: 7px;
		padding-bottom: 0;
		padding-right: 0;
	}

	table.variations td,
	table.variations th {
		border: none !important;
		padding-top: 0 !important;
	}
}

@media (max-width: 767px) {
	.single-product .product-hero::before {
		background-image: linear-gradient(to right, #05061ed9, #05061e00),
			linear-gradient(to bottom, #05061e00, #05061e 150px), var(--hero-bg);
		background-size: 100% !important;
		background-position: top center !important;
	}

	.single-product .product-hero h1 {
		font-size: 26px;
		font-weight: 700;
	}

	.single-product h1 {
		margin: 20px 0 !important;
	}

	.single-product .wc-block-grid__product-price {
		font-size: 20px !important;
	}
}

/* WooCommerce Dashboard */

.woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
	align-items: center;
	display: flex;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-webkit-box-align: center;
	background-color: transparent;
	border-bottom: 1px solid #1e2242;
	border-radius: 4px;
	color: #a7a7c8;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	height: 58px;
	line-height: 24px;
	margin: 0;
	min-width: 100%;
	padding: 17px 16px 17px 24px;
	position: relative;
	text-decoration: unset;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	white-space: normal;
	z-index: 1;
}

.woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active {
	background-color: rgba(86, 79, 255, 0.1);
	color: #fff;
	contain: paint;
	outline: 1px solid #564fff;
	outline-offset: -1px;
	overflow: visible;
	z-index: 2;
}

.woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
	text-decoration: none;
}

.woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover {
	color: #c0c0d6;
	text-decoration: none;
}

.woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a {
	text-decoration: none;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 10px;
	table-layout: auto;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tr {
	background-color: #1d214099;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table td {
	font-weight: 700;
	color: white;
	background: unset;
	-webkit-text-fill-color: unset;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
	background-color: #564fff;
	border-radius: 4px;
	color: #fff;
	display: inline-flex;
	flex-shrink: 0;
	margin: 1px 0 1px 20px;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button,
.woocommerce button.woocommerce-Button {
	background-color: #564fff;
	border-radius: 4px;
	color: #fff;
}

.woocommerce .woocommerce-EditAccountForm input,
.woocommerce .woocommerce-EditAccountForm select {
	background-color: rgba(29, 33, 64, 0.2) !important;
	border: 1px solid #1d2140 !important;
	color: #fff !important;
	margin-bottom: 12px;
	width: 100%;
}

.woocommerce .woocommerce-EditAccountForm select option {
	background-color: rgb(29 33 64) !important;
	color: #fff !important;
}

.woocommerce .woocommerce-EditAccountForm fieldset {
	border-color: #564fff;
}

.woocommerce-account .mitchcactus-account-connected-accounts {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 1.5rem 0 1.25rem;
}

.woocommerce-account .mitchcactus-account-connected-accounts__label {
	color: #fff;
	font-size: 0.95rem;
	font-weight: 600;
}

.woocommerce-account .mitchcactus-connected-providers {
	align-items: center;
	display: flex;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mitchcactus-connected-providers__item {
	margin: 0;
}

.mitchcactus-connected-providers__icon {
	align-items: center;
	background: rgba(29, 33, 64, 0.12);
	border-radius: 999px;
	display: inline-flex;
	height: 32px;
	justify-content: center;
	padding: 4px;
	transition: transform 0.2s ease;
	width: 32px;
}

.mitchcactus-connected-providers__item.is-primary .mitchcactus-connected-providers__icon {
	box-shadow: 0 0 0 2px rgba(86, 79, 255, 0.35);
}

.mitchcactus-connected-providers__icon svg {
	display: block;
	height: 20px;
	width: 25px;
}

.mitchcactus-connected-providers__icon:hover {
	transform: scale(1.05);
}

/* 101442025 */

/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

/* MEGA MENU BLOCK WRAPPER - Hide empty blocks */
.mega-menu-block-wrapper:empty,
.mega-menu-block-wrapper:not(:has(.search-browse-inline)) {
	display: none !important;
}

.mega-menu-block-wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	min-height: 0;
}

.mobile-search {
	display: none !important;
}

.search-browse-inline {
	display: flex;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;

	align-items: center;
	position: relative;
	background: #1d2140;
	backdrop-filter: blur(5px);
	border-radius: 8px;
	border: 1px solid #554ff6;
}

.search-container {
	position: relative;
}

.search-input-wrapper {
	position: relative;
	display: flex;
	align-items: center;
}

.search-icon {
	position: absolute;
	left: 16px;
	z-index: 2;
	pointer-events: auto;
	opacity: 0.7;
	transition: opacity 0.2s;
}

.search-input {
	background: #1d2140;
	backdrop-filter: blur(5px);
	border: none;
	border-radius: 8px 0 0 8px;
	padding: 12px 16px 12px 50px;
	color: white;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 14px;
	width: 350px;
	/* Your original working width */
	outline: none;
	border-right: none;
}

.search-input::placeholder {
	color: rgba(255, 255, 255, 0.6);
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.search-input:focus+.search-icon,
.search-input:not(:placeholder-shown)+.search-icon {
	opacity: 1;
}

.search-suggestions {
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	border-bottom: 1px solid #1d2140;
	background: #05061e;
	backdrop-filter: blur(10px);
	border-radius: 10px;
	border: 1px solid #554ff6;
	margin-top: 8px;
	display: none;
	z-index: 1001;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
	width: 648px;
	overflow-y: unset !important;
	scrollbar-width: none;
	max-height: unset !important;
	-ms-overflow-style: none;
}

.search-suggestions::-webkit-scrollbar {
	display: none;
}

.search-suggestions.show {
	display: block;
}

.suggestions-results {
	padding: 0;
	overflow-y: auto;
	scrollbar-width: none;
	max-height: 400px;
	border-radius: 10px 10px 0 0;
}

.search-loading {
	padding: 16px;
	text-align: center;
	color: rgba(255, 255, 255, 0.6);
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.search-no-results {
	padding: 16px;
	text-align: center;
	color: rgba(255, 255, 255, 0.6);
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.suggestion-item {
	padding: 16px;
	border-bottom: 1px solid #1d2140;
	cursor: pointer;
	transition: background 0.2s;
	display: block;
	text-decoration: none;
}

.suggestion-item:first-child {
	border-radius: 10px 10px 0 0;
}

.suggestion-item:hover {
	background: #554ff6;
	border-bottom: 1px solid #1d2140;
}

.suggestion-item:last-child {
	border-bottom: none;
}

.suggestion-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.suggestion-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 4px;
}

.suggestion-image {
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	border-radius: 2px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.05);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.suggestion-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 2px;
	transition: all 0.2s ease;
}

.suggestion-item:hover .suggestion-image img {
	transform: scale(1.02);
}

.suggestion-details {
	width: 100%;
}

.suggestion-game {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	color: #cdcdd2;
	flex: 1;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.suggestion-product {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #cdcdd2;
	margin-bottom: 6px;
	line-height: 1.3;
	display: block;
}

.suggestion-categories {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.suggestion-category {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	color: #b4b4bb;
	background: rgba(255, 255, 255, 0.05);
	padding: 8px;
	border-radius: 4px;
	white-space: nowrap;
	opacity: 0.8;
	transition: opacity 0.2s ease;
}

.suggestion-item:hover .suggestion-category:hover {
	color: #05061e;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: #fff;
}

.site-header .wp-block-mitchcactus-header-menu {
	margin-left: 0;
}

.dropdown-header {
	font-size: 14px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 0 8px;
}

.game-category {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.game-category:hover .expand-toggle {
	transform: rotate(90deg);
}

.game-icon {
	margin-right: 12px;
	width: 25px;
	height: 24px;
	flex-shrink: 0;
}

.game-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.game-details {
	flex: 1;
	min-width: 0;
}

.game-name a {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 1.3;
}

.game-services {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.2;
	margin-top: 2px;
}

.expand-toggle {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	transition: transform 0.2s;
	user-select: none;
	flex-shrink: 0;
	width: 20px;
	text-align: center;
}

.dropdown-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.view-all-link {
	display: block;
	position: relative;
	text-align: center;
	color: #fff;
	text-decoration: none;

	padding: 16px;
	border-radius: 0;
	transition: background 0.2s;
	background: #554ff6;

	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.view-all-link:hover {
	background: #4a45e5;
}

.no-games-message {
	text-align: center;
	color: rgba(255, 255, 255, 0.6);
	padding: 20px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.search-suggestions::-webkit-scrollbar {
	display: none;
}

.game-category:hover::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(50%);
	width: 0;
	rotate: 180deg;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 10px;
	border-color: transparent transparent transparent #05061e;
	z-index: 1001;
}

.suggestion-item:hover .suggestion-category {
	opacity: 1;
	background: rgba(255, 255, 255, 0.4);
	color: #1d2140;
}

.suggestion-item:hover .suggestion-game {
	color: #ffffff;
}

.search-view-all {
	padding: 0;
	border-top: 1px solid #05061e;
}

.view-all-games-btn {
	display: block;
	width: 100%;
	background: #554ff6;
	color: white;
	text-decoration: none;
	align-items: center;
	text-align: center;
	padding: 16px;
	border-radius: 0 0 8px 8px;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.2s ease;
	border: none;
	cursor: pointer;
	margin: 0;
}

.view-all-games-btn:hover {
	background: #4a45e5;
	box-shadow: 0 2px 8px rgba(85, 79, 246, 0.2);
	color: white;
	text-decoration: none;
}

.suggestion-image img[src=""],
.suggestion-image img:not([src]) {
	background: linear-gradient(90deg,
			rgba(255, 255, 255, 0.1) 25%,
			rgba(255, 255, 255, 0.2) 50%,
			rgba(255, 255, 255, 0.1) 75%);
	background-size: 200% 100%;
	animation: loading 1.5s infinite;
}

@keyframes loading {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

.browse-dropdown-container {
	position: relative;
}

.browse-games-dropdown-content {
	padding: 0;
}

.browse-games-btn {
	border-radius: 0 8px 8px 0;
	padding: 10px 12px;
	color: white;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	cursor: pointer;
	border: none;
	transition: none;
	background: linear-gradient(90deg,
			rgba(85, 79, 246, 0.4) 0%,
			rgba(60, 184, 255, 0.4) 100%);
}

.browse-games-btn:hover {
	background: #4a45e5;
}

.browse-games-btn svg {
	padding-left: 8px;
}

.browse-dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	border-radius: 10px;
	border: 1px solid #554ff6;
	background: #05061e;
	backdrop-filter: blur(10px);
	padding: 0;
	margin-top: 8px;
	min-width: 125px;
	max-width: 160px;
	display: none;
	z-index: 1000;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
	max-height: 500px;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.browse-dropdown::-webkit-scrollbar {
	display: none;
}

.browse-dropdown.show {
	display: block;
}

.browse-dropdown .dynamic-games-menu .catalog-menu {
	width: 100%;
}

.browse-dropdown .dynamic-games-menu .catalog-button {
	display: none;
}

.browse-dropdown .dynamic-games-menu .catalog-sidebar {
	position: static !important;
	display: block !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	width: 100% !important;
	max-height: none !important;
}

.browse-dropdown .dynamic-games-menu .catalog-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.browse-dropdown .dynamic-games-menu .catalog-item {
	margin-bottom: 8px;
}

.browse-dropdown .dynamic-games-menu .game-link {
	display: block;
	color: white;
	text-decoration: none;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 500;
	padding: 8px 12px;
	border-radius: 6px;
	transition: background 0.2s;
}

.browse-dropdown .dynamic-games-menu .game-link:hover {
	background: rgba(255, 255, 255, 0.1);
	color: white;
}

.browse-dropdown .dynamic-games-menu .product-submenu {
	list-style: none;
	padding: 0;
	margin: 4px 0 0 20px;
}

.browse-dropdown .dynamic-games-menu .product-submenu li {
	margin-bottom: 2px;
}

.browse-dropdown .dynamic-games-menu .product-submenu a {
	display: block;
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 13px;
	padding: 4px 8px;
	border-radius: 4px;
	transition: all 0.2s;
}

.browse-dropdown .dynamic-games-menu .product-submenu a:hover {
	background: rgba(79, 70, 229, 0.2);
	color: white;
}

.browse-dropdown .dynamic-games-menu .submenu-toggle {
	display: none;
}

/* SCROLLBAR STYLING - Your working design */
.browse-dropdown::-webkit-scrollbar,
.search-suggestions::-webkit-scrollbar {
	width: 6px;
}

.browse-dropdown::-webkit-scrollbar-track,
.search-suggestions::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 3px;
}

.browse-dropdown::-webkit-scrollbar-thumb,
.search-suggestions::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 3px;
}

.browse-dropdown::-webkit-scrollbar-thumb:hover,
.search-suggestions::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.5);
}

/* GAME CATEGORIES - Your working design */
.game-main {
	display: flex;
	align-items: center;
	padding: 16px;
	cursor: pointer;
	background: transparent;
}

.game-category:hover .game-main {
	background: #554ff6;
}

.game-name svg {
	display: none;
}

/* CART ICON STYLES - Your working design */
.header-cart {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 16px;
	padding: 8px;
	cursor: pointer;
	border-radius: 6px;
	text-decoration: none;
}

.header-cart:hover {
	background: rgba(85, 79, 246, 0.2);
	border-color: rgba(85, 79, 246, 0.4);
	transform: translateY(-1px);
	text-decoration: none;
}

.account-icon {
	padding: 8px;
	cursor: pointer;
	border-radius: 6px;
	text-decoration: none;
}

.account-icon:hover {
	background: rgba(85, 79, 246, 0.2);
	border-color: rgba(85, 79, 246, 0.4);
	transform: translateY(-1px);
	text-decoration: none;
}

.account-icon svg {
	width: 21px;
	height: 22px;
	transition: all 0.3s ease;
}

.cart-icon {
	width: 21px;
	height: 22px;
	transition: all 0.3s ease;
}

.cart-icon path {
	stroke: white;
	transition: stroke 0.3s ease;
}

.header-cart:hover .cart-icon path {
	stroke: #ffffff;
}

.cart-count {
	position: absolute;
	top: 1px;
	right: 1px;
	background: #554ff6;
	color: white;
	border-radius: 50%;
	width: 21px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
	border: 2px solid #05061e;
}

.cart-count.show {
	opacity: 1;
	transform: scale(1);
}

.cart-count.animate {
	animation: cartBounce 0.6s ease-out;
}

@keyframes cartBounce {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.3);
	}

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

.dynamic-submenu {
	position: fixed;
	width: 600px;
	max-height: 80vh;
	overflow-y: auto;
	background: #05061e;
	border: 1px solid #554ff6;
	border-radius: 8px;
	padding: 20px;
	z-index: 999999;
	opacity: 0;
	pointer-events: auto;
	transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0s 0.2s;
	transform: translateY(20px);
	visibility: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(10px);
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	align-content: start;
	/* Firefox */
	scrollbar-width: thin;
	scrollbar-color: #1d2140 transparent;

	/* WebKit (Chrome, Edge, Safari) */
	&::-webkit-scrollbar {
		width: 8px;
	}

	&::-webkit-scrollbar-track {
		background: transparent;
	}

	&::-webkit-scrollbar-thumb {
		background-color: #1d2140;
		border-radius: 8px;
		border: 2px solid transparent;
		/* Optional: to give spacing around thumb */
		background-clip: content-box;
	}
}

.dynamic-submenu.single-menu-active {
	grid-template-columns: 1fr;
	width: 400px;
	max-height: 45vh;
	display: block;
	gap: 0;
	padding: 0;
}

.dynamic-submenu.show {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.dynamic-submenu .submenu-section {
	break-inside: avoid;
}

.dynamic-submenu .submenu-title {
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 10px 0;
	display: flex;
	align-items: center;
}

.dynamic-submenu .submenu-title img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.dynamic-submenu .submenu-title a {
	color: #fff;
	text-decoration: none;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.dynamic-submenu .submenu-title a:hover {
	color: #554ff6;
}

.dynamic-submenu .submenu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dynamic-submenu .submenu-list a {
	display: block;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: rgba(205, 205, 210, 0.5);
	font-weight: 400;
	line-height: 24px;
	text-decoration: none;
	padding: 5px 0;
	line-height: 1.3;
}

.dynamic-submenu .submenu-list a:hover {
	color: #554ff6;
}

.dynamic-submenu .submenu-standalone {
	display: flex;
	align-items: center;
	gap: 8px;
	border-radius: 6px;
	padding: 16px 42px 16px 16px;
	border-radius: 6px;
	margin-bottom: 0;
}

.dynamic-submenu .single-menu-active .submenu-standalone {
	border-radius: 0;
	margin-bottom: 0;
}

.dynamic-submenu .submenu-standalone:hover {
	background: rgba(79, 70, 229, 0.2);
}

.dynamic-submenu .submenu-standalone img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.dynamic-submenu .submenu-standalone a {
	color: #cdcdd2 !important;
	text-decoration: none;
	font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
	flex: 1;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dynamic-submenu .submenu-standalone:hover a {
	color: #a5a3ff;
}

@media (min-width: 991px) {
	.search-browse-inline {
		margin-left: 40px !important;
	}
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1300px) {
	.dynamic-submenu {
		grid-template-columns: 1fr;
		width: auto;
		visibility: visible;
	}

	.site-header {
		padding: 16px;
	}
}

/* MOBILE RESPONSIVE - 991px and below - Your working design */
@media (max-width: 991px) {

	/* Header adjustments */
	body:not(.admin-bar) {
		padding-top: 130px;
	}

	body.admin-bar {
		padding-top: 135px;
	}

	.site-header {
		flex-wrap: wrap !important;
	}

	/* Search and browse container */
	.search-browse-container {
		width: 100%;
		max-width: 100%;
	}

	.search-browse-inline {
		width: 100%;
		flex-direction: row;
		border-radius: 8px;
		border: none;
	}

	/* Search container adjustments */
	.search-container {
		flex: 1;
	}

	.search-input {
		width: 100%;
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 16px;
		padding: 10px 16px 10px 60px;
	}

	.search-icon {
		left: 10px;
		width: 20px;
		height: 20px;
	}

	/* Browse button adjustments */
	.browse-games-btn {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 13px;
		padding: 10px 16px;
		white-space: nowrap;
	}

	.browse-games-btn svg {
		padding-left: 6px;
	}

	/* Browse dropdown for mobile */
	.browse-dropdown {
		position: fixed !important;
		top: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		margin: 2px 0 0;
		z-index: 99999;
		border-radius: 12px;
		border: none;
		scrollbar-width: none;
	}

	/* Search suggestions for mobile */
	.search-suggestions {
		position: fixed !important;
		width: auto !important;
		margin-top: 0;
		z-index: 99999 !important;
		border: none;
	}

	/* Hide desktop search container on mobile */
	.site-header .search-browse-container:not(.mobile-search) {
		display: none !important;
	}

	/* Show mobile search container */
	.mobile-search {
		display: flex !important;
		width: 100%;
		padding: 10px 15px;
		order: 2;
	}

	/* Logo container adjustments */
	.site-header .wp-block-site-logo {
		max-width: 80px;
	}

	/* Mobile search specific styling */
	.mobile-search .search-browse-inline {
		width: 100%;
	}

	.mobile-search .search-container {
		flex: 1;
	}

	.mobile-search .search-input {
		width: 100%;
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 16px;
	}

	.mobile-search .browse-games-btn {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 12px;
		padding: 13px 16px;
	}

	/* Adjust suggestion items for small screens */
	.suggestion-item {
		padding: 16px 10px;
	}

	.suggestion-game {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 14px;
	}

	.suggestion-product {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 13px;
	}

	.suggestion-image {
		width: 30px;
		height: 30px;
	}

	/* Dynamic submenu for mobile - inline within dropdown */
	.dynamic-submenu {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		height: auto !important;
		max-height: 0 !important;
		border: none !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		padding: 0 !important;
		display: block !important;
		grid-template-columns: none !important;
		gap: 0 !important;
		overflow: hidden !important;
		z-index: auto !important;
		transition: all 0.3s ease !important;
	}

	.game-category.active .dynamic-submenu {
		opacity: 1 !important;
		max-height: 100% !important;
	}

	.dynamic-submenu::before {
		display: none !important;
	}

	.game-category {
		position: relative;
		overflow: visible;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
		border-top: 1px solid rgba(255, 255, 255, 0.05);
	}

	.game-main {
		cursor: pointer;
		position: relative;
		background: transparent;
		transition: background 0.2s ease;
		padding: 13px 16px;
	}

	.game-category.active .game-main {
		background: #554ff6 !important;
	}

	.game-category.active .game-main::after {
		transform: translateY(-50%) rotate(0deg);
	}

	/* Hide desktop hover arrows on mobile */
	.game-category::after {
		display: none !important;
	}

	.game-icon {
		width: 22px;
		height: 22px;
		margin-right: 10px;
	}

	.game-name {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.game-name svg {
		display: block;
	}

	.game-name a {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-style: normal;
		line-height: 24px;
	}

	/* Style submenu content for mobile */
	.dynamic-submenu .submenu-section {
		padding: 16px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.dynamic-submenu .submenu-section:first-child {
		padding-top: 0;
	}

	.dynamic-submenu .submenu-section:last-child {
		border-bottom: none;
		margin-bottom: 15px;
	}

	.dynamic-submenu .submenu-title {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 14px !important;
		margin-bottom: 8px !important;
		color: #ffffff;
		font-weight: 600;
		padding-bottom: 4px;
	}

	.dynamic-submenu .submenu-list {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.dynamic-submenu .submenu-list a {
		display: block;
		text-decoration: none;
		padding: 6px 0 !important;
		border-radius: 4px;
		transition: all 0.2s ease;
		overflow: hidden;

		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 14px !important;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
	}

	.dynamic-submenu .submenu-list a:hover {
		color: #554ff6 !important;
		transform: translateX(4px);
	}

	.dynamic-submenu .submenu-standalone {
		background: none;
		padding: 0;
		border-radius: 0;
		margin-bottom: 0;
	}

	.dynamic-submenu .submenu-standalone:hover {
		background: rgba(85, 79, 246, 0.2) !important;
	}

	.dynamic-submenu .submenu-standalone a {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
		display: inline-block;
		max-width: 75%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	/* View all link */
	.view-all-link {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 13px;
		padding: 12px;
	}

	/* Account section */
	.wp-block-mitchcactus-account {
		margin-left: 10px;
	}

	.browse-dropdown.show,
	.search-suggestions.show {
		z-index: 99999 !important;
	}

	/* Desktop/Mobile element visibility */
	.desktop-only {
		display: none !important;
	}

	.mobile-only {
		display: block !important;
	}

	/* Cart icon adjustments for mobile */
	.header-cart {
		margin-right: 8px;
		padding: 6px;
	}

	.account-icon {
		padding: 6px;
	}

	.account-icon svg {
		transition: all 0.3s ease;
		width: 18px;
		height: 19px;
	}

	.cart-icon {
		width: 18px;
		height: 19px;
	}

	.cart-count {
		width: 16px;
		height: 16px;
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 12px;
		top: 6px;
		right: 5px;
	}

	.view-all-games-btn,
	.view-all-link {
		padding: 8px 16px;
		position: sticky;
		border-radius: 0;
	}
}

/* TABLET RESPONSIVE - 768px and below - Your working design */
@media (max-width: 768px) {
	.suggestion-image {
		width: 30px;
		height: 30px;
		border-radius: 2px;
	}

	.suggestion-header {
		gap: 10px;
	}

	.suggestion-game {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 15px;
	}

	.suggestion-product {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 13px;
	}

	.suggestion-category {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 11px;
	}

	.suggestion-categories {
		gap: 6px;
	}

	header.wp-block-template-part {
		padding: 0;
	}

	.browse-dropdown.show,
	.search-suggestions.show {
		margin: 0;
		border-radius: 0;
	}

	.browse-games-btn {
		border-radius: 0;
	}

	.mobile-search {
		padding: 0;
	}

	.search-input {
		border-radius: 0;
	}

	.search-browse-inline {
		border-radius: 0;
	}
}

/* SMALL MOBILE - 576px and below - Your working design */
@media (max-width: 576px) {
	body:not(.admin-bar) {
		padding-top: 103px;
	}

	body.admin-bar {
		padding-top: 90px;
	}

	.site-header {
		padding: 8px 10px !important;
	}

	.mobile-search .search-input {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 16px;
		padding: 10px 10px 10px 45px;
	}

	.mobile-search .browse-games-btn {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 12px;
	}

	.suggestions-results {
		max-height: 100dvh !important;
		height: calc(100dvh - 146px) !important;

		overflow-y: auto;
		scrollbar-width: none;
		padding: 0 0 60px 0;
	}

	.browse-games-dropdown-content {
		max-height: calc(100dvh - 146px);
		height: calc(100dvh - 146px);
		overflow-y: auto;
		scrollbar-width: none;
	}

	.browse-dropdown {
		max-height: 100vh;
	}

	.site-header .wp-block-site-logo {
		max-width: 60px;
	}

	.browse-games-btn {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 12px;
		padding: 8px 12px;
	}

	/* 
	.wp-block-site-logo img {
		max-width: 60px !important;
		height: auto !important;
	} */

	.suggestion-header {
		gap: 8px;
	}

	.suggestion-game {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 13px;
	}

	.suggestion-product {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 12px;
	}

	.suggestion-category {
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 10px;
		padding: 1px 4px;
	}

	.header-cart {
		margin-right: 6px;
		padding: 4px;
	}

	.account-icon {
		padding: 4px;
	}

	.account-icon svg {
		width: 16px;
		height: 17px;
		transition: all 0.3s ease;
	}

	.cart-icon {
		width: 16px;
		height: 17px;
	}

	.cart-count {
		width: 17px;
		height: 16px;
		font-family: "Chakra Petch", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
		font-size: 10px;
	}
}

/* Fallback for browsers that don't support dvh */
@supports not (height: 100dvh) {
	@media (max-width: 576px) {
		.suggestions-results {
			max-height: 100vh !important;
			height: calc(100vh - 146px) !important;
		}

		.browse-games-dropdown-content {
			max-height: calc(100vh - 146px);
			height: calc(100vh - 146px);
		}

		.search-suggestions {
			max-height: calc(100vh - 80px);
		}
	}
}

@media (hover: none) and (pointer: coarse) {
	.game-category {
		min-height: 48px;
		cursor: pointer;
	}

	.browse-games-btn {
		min-height: 44px;
	}

	.suggestion-item {
		min-height: 48px;
	}

	.header-cart {
		min-height: 44px;
		min-width: 44px;
	}

	.game-category:hover .game-main {
		background: transparent;
	}
}

/* add feature-quantity-selector */
.single-product.mt-quantity-selector .wc-pao-addon-wrap {
	position: relative;
}

.single-product.mt-quantity-selector .wc-pao-addon .wc-pao-addon-name {
	max-width: 320px;
}

@media (max-width: 450px) {
	.single-product.mt-quantity-selector .wc-pao-addon .wc-pao-addon-name {
		max-width: 200px;
	}
}

@media (max-width: 1150px) {
	.single-product.mt-quantity-selector .wc-pao-addon-wrap {
		max-width: 130px;
	}
}

@media (max-width: 1024px) {
	.single-product.mt-quantity-selector .wc-pao-addon-wrap {
		max-width: 100px;
	}
}

@media (max-width: 370px) {
	.single-product.mt-quantity-selector .wc-pao-addon-wrap {
		max-width: 95px;
	}
}

.single-product.mt-quantity-selector .input-text.wc-pao-addon-input-multiplier {
	/* padding: 0 48px;              */
	height: 30px;
	border: 1px solid #3a4a6a;
	background: #162544;
	color: #d3d6e0;
	text-align: center;
	border-radius: 6px;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	/* below the buttons */
}

/* clickable +/- */
.single-product.mt-quantity-selector .qty-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 700;
	font-size: 18px;
	color: #d3d6e0;
	cursor: pointer;
	user-select: none;
	padding: 0 8px;
	line-height: 1;
	z-index: 2;
	/* above the input */
	pointer-events: auto;
	/* ensure clicks register */
}

@media (max-width: 1024px) {
	.single-product.mt-quantity-selector .qty-btn {
		padding: 0;
	}
}

.minus-btn {
	left: 12px;
}

.plus-btn {
	right: 12px;
}

/* just in case a previous rule disabled clicks */
.single-product.mt-quantity-selector .wc-pao-addon-wrap::before,
.single-product.mt-quantity-selector .wc-pao-addon-wrap::after {
	pointer-events: none;
}

/* Remove number input spinner (Chrome, Safari, Edge) */
.single-product.mt-quantity-selector .wc-pao-addon-input-multiplier::-webkit-outer-spin-button,
.single-product.mt-quantity-selector .wc-pao-addon-input-multiplier::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Remove number input spinner (Firefox) */
.single-product.mt-quantity-selector .wc-pao-addon-input-multiplier[type=number] {
	-moz-appearance: textfield;
}

.single-product.mt-quantity-selector .wc-pao-addon {
	padding: 0 2px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-content: center;
	margin-bottom: 7px !important;
}

.single-product.mt-quantity-selector .wc-pao-addon .wc-pao-addon-wrap {
	margin: 0;
}

.single-product.mt-quantity-selector .amount {
	color: rgb(86, 79, 255);
	font-weight: 600;
}

#product-addons-total li:not(:last-child) {
	display: none;
}

/* add feature-quantity-selector */