/* Archive and category styles */

div.main-wokspace > div.section {
				display: flex;
				flex-direction: column;
				gap: 16px;
			}

div.main-wokspace {
				display: flex;
				flex-direction: column;
				gap: 64px;
				max-width: 1400px;
				width: var(--theme-container-width);
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 32px;
			}
			
			div.main-wokspace[data-workspace-id="1"] {
				margin-top: 32px;
			}
			
h1.promo-custom-h1 {
					text-transform: uppercase;
					font-size: 20px;
					margin-bottom: 0!important;
				}
				
				h1.promo-custom-h1 > span.page-number-info {
					opacity: 0.6;
				}
				
				div.promo-games-site p.game-name, div.promo-games-site h1.game-name {
				line-height: 1;
				text-transform: uppercase;
			    font-size: 20px;
			    margin-bottom: 0 !important;
				font-weight: 700;
			}
			
			div.promo-games-site {
				display: flex;
				gap: 16px;
				border-radius: 8px;
				overflow: hidden;
				background: var(--theme-palette-color-13);
				position: relative;
			}
			
			body.single article div.promo-games-site {
				background: var(--theme-palette-color-12);
			}

			div.promo-games-site div.promo-left-side {
				z-index: 2;
				max-width: 300px;
				position: relative;
			}
			
			div.promo-games-site div.promo-left-side, div.promo-games-site div.promo-left-side img {
				aspect-ratio: 2 / 3;
				object-fit: cover;
			}
			
			div.promo-see-more-about-game {
				position: absolute;
				bottom: 4px;
				left: 4px;
				right: 4px;
				background: var(--theme-palette-color-18);
				padding: 8px;
				border-radius: 4px;
				backdrop-filter: blur(4px);
				text-transform: uppercase;
				font-size: 12px;
				font-weight: 600;
				display: flex;
				gap: 4px;
				align-items: center;
				justify-content: center;
				transition: all 0.12s;
			}
			
			div.promo-short-info-about-game:hover div.promo-see-more-about-game { 
				    background: var(--theme-palette-color-19);
			}
			
			div.promo-see-more-about-game svg {
				max-width: 12px;
				max-height: 12px;
				fill: var(--theme-link-initial-color)!important;
			}
			
			div.promo-see-more-about-game svg * {
				fill: var(--theme-link-initial-color)!important;
			}
			
			div.promo-games-site div.promo-right-side {
				max-width: calc(100% - 316px);
				display: flex;
				gap: 24px;
				flex-direction: column;
				padding-top: 16px;
				padding-bottom: 16px;
				padding-right: 16px;
				max-height: 450px;
				overflow-y: auto;
				margin-top: auto;
				margin-bottom: auto;
			}
			
			div.game-genere {
				position: absolute;
				top: 8px;
				left: 8px;
				padding-right: 16px;
				display: flex;
				gap: 8px;
				flex-wrap: wrap;
			}

			div.game-genere span {
				padding: 8px 15px;
				background: var(--theme-palette-color-18);
				border-radius: 8px;
				display: inline-block;
				backdrop-filter: blur(10px);
				border: 1px solid var(--theme-palette-color-6);
				opacity: 0.5;
				font-size: 12px;
				text-transform: uppercase;
				transition: all 0.12s;
			}

			div.promo-games-site:hover div.game-genere span {
				opacity: 1;
			}
			
			body.single article div.promo-game-shot-desc {
				font-size: 14px;
			}
			
			div.promo-games-site div.promo-right-side:after {
				content: " ";
				position: absolute;
				background: linear-gradient(0deg, var(--theme-palette-color-13) 20%, rgba(255,255,255,0) 100%);
				height: 16px;
				bottom: 0;
				left: 0;
				right: 0;
				opacity: 1;
				z-index: 1;
			}
			
			body.single article div.promo-games-site div.promo-right-side:after {
				background: linear-gradient(0deg, var(--theme-palette-color-12) 20%, rgba(255,255,255,0) 100%);
			}
			
			div.promo-guide-list-by-game > div.promo-post-list {
				width: 100%;
				display: flex;
				gap: 16px;
				flex-wrap: wrap;
			}
			
			div.promo-guide-list-by-game > div.promo-post-list > article {
				width: calc(50% - 8px);
			}
			
			div#promo-search-results {
				position: relative;
				min-height: 370px;
				margin-top: 32px;
				margin-bottom: 32px;
			}
			
			
			
			
			@media only screen and (max-width: 600px) {
				div.promo-games-site {
					flex-direction: column;
				}
				
				div.promo-games-site div.promo-right-side, div.promo-games-site div.promo-left-side {
					max-width: 100%;
					width: 100%;
				}
				
				div.promo-games-site div.promo-right-side {
					padding-left: 16px;
					max-height: 100%;
				}
			}
			
			span.promo-time-to-release {
				font-size: 20px;
				font-weight: 700;
				text-transform: none;
				color: var(--theme-palette-color-1);
			}
			
			div.promo-search-area {
	display: flex;
	gap: 16px;
	align-items: center;
	margin-right: -18px;
	transition: all 0.5s;
}

div.promo-search-area > input {
	color: var(--theme-palette-color-16);
}

div.promo-search-area > input:focus {
	color: var(--theme-palette-color-15);
}

div.promo-search-area > a {
	padding: 0px 24px;
	cursor: pointer;
	border-radius: 8px;
	height: 46px;
	display: flex;
	align-items: center;
	font-size: 14px;
	text-transform: uppercase;
	max-width: 120px;
	transition: all 0.5s, transform 0.2s;
}

div.promo-search-area > a:hover {
	transform: translatey(-4px);
}

div.promo-search-area > a.promo-hidden {
	max-width: 0px;
	padding: 0;
	overflow: hidden;
	border: solid 1px var(--theme-palette-color-12)!important;
	opacity: 0!important;
	margin-right: 0px!important;
}

div.promo-search-area > a#search-btn {
	background: var(--theme-palette-color-6);
	font-weight: 600;
}

div.promo-search-area > a#reset-btn {
	box-sizing: border-box;
	border: solid 1px var(--theme-palette-color-6);
	margin-right: 18px;
}

@media only screen and (max-width: 1000px) {
	div.promo-search-area {
		flex-wrap: wrap;
		margin-right: 0!important;
	}
	
	div.promo-search-area > input {
		width: 100%;
	}
	
	div.promo-guide-list-by-game > div.promo-post-list > article {
		width: 100%!important;
	}
}