/*
 * Reset
 */
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section {
   display: block;
 }
 audio[controls],
 canvas,
 video {
   display: inline-block;
 }
 html {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   /* 2 */
   -webkit-text-size-adjust: 100%;
   /* 3 */
   -ms-text-size-adjust: 100%;
 }
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 ul,
 li,
 ol,
 a,
 em,
 img,
 strong,
 fieldset,
 form,
 label,
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
   list-style: none;
 }
 :focus {
   outline: 0;
 }
 img {
   vertical-align: middle;
   outline: 0;
 }
 button::-moz-focus-inner,
 input[type="reset"]::-moz-focus-inner,
 input[type="button"]::-moz-focus-inner,
 input[type="submit"]::-moz-focus-inner,
 input[type="file"] > input[type="button"]::-moz-focus-inner {
   border: none;
 }
 html,
 body,
 textarea,
 input {
   -webkit-text-size-adjust: none;
 }
 html {
   overflow-x: hidden;
 }
 body {
   text-align: left;
   overflow: hidden;
 }

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* Variables */
:root {
  --background-default: #FAFAFA;
  --background-80: rgba(250, 250, 250, 0.8);
  --background-2: rgba(250, 250, 250, 0.02);
  --action-main: rgba(14, 13, 15, 0.64);
  --action-main-svg: rgb(14, 13, 15);
  --divider-main: rgba(14, 13, 15, 0.08);
  --text-primary: #0E0D0F;
  --text-secondary: rgba(14, 13, 15, 0.70);
  --secondary-48: rgba(250, 250, 250, 0.48);
  --white-contrast: #0A090A;
  --black-contrast: #FFF;
  --purple-main: #6F76C0;
  --mask-gradient: linear-gradient(270deg, rgba(14, 13, 15, 0.00) 0%, #ECECEC 79.5%);
  --mask-gradient-second: linear-gradient(180deg, rgba(250, 250, 250, 0.00) 0%, #FAFAFA 100%);
  --accent-gradient: linear-gradient(90deg, #3DAFE2 0%, #6F76C0 100%);
  --divider-input: rgba(14, 13, 15, 0.24);
}

.dark-mode--gamestore {
  --background-default: #0E0D0F;
  --background-80: rgba(14, 13, 15, 0.8);
  --background-2: rgba(14, 13, 15, 0.02);
  --action-main: rgba(255, 255, 255, 0.64);
  --action-main-svg: rgb(255, 255, 255);
  --divider-main: rgba(255, 255, 255, 0.12);
  --text-primary: #FFFFFF;
  --secondary-48: rgba(14, 13, 15, 0.60);
  --white-contrast: #FFFFFF;
  --black-contrast: #0A090A;
  --wp--preset--color--base: #0E0D0F;
  --wp--preset--color--contrast: #FFFFFF;
  --mask-gradient: linear-gradient(270deg, rgba(14, 13, 15, 0.00) 0%, #0D0B0F 79.5%);
  --mask-gradient-second: linear-gradient(180deg, rgba(14, 13, 15, 0.00) 0%, #0E0D0F 100%);
  --text-secondary: rgba(255, 255, 255, 0.7);
  --divider-input: rgba(255, 255, 255, 0.24);
}

body {
  font-family: Urbanist;
  font-style: normal;
  font-size: clamp(1rem, calc(0.93rem + 0.33vw), 1.25rem);
  line-height: 1.6;
}
.wrapper {
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
}
h1,h2,h3,h4,h5,h6 {
  font-family: Urbanist;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
h1 {
  font-size: clamp(2.5rem, calc(2.11rem + 1.97vw), 4rem);
}
h2 {
  font-size: clamp(2.25rem, calc(1.95rem + 1.48vw), 3.38rem);
}
h3 {
  font-size: clamp(2rem, calc(1.8rem + 0.98vw), 2.75rem);
}
h4 {
  font-size: clamp(1.75rem, calc(1.65rem + 0.49vw), 2.13rem);
}
h5 {
  font-size: clamp(1.5rem, calc(1.4rem + 0.49vw), 1.88rem);
}
h6 {
  font-size: clamp(1.25rem, calc(1.15rem + 0.49vw), 1.63rem);
}
input[type="text"],
input[type="email"] {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  padding: 16px 24px;
  border-radius: 5px;
  border: 1px solid var(--divider-input, rgba(14, 13, 15, 0.24));
  background: transparent;
  color: var(--text-secondary, rgba(14, 13, 15, 0.70));
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}
.hero-button,
input[type="submit"] {
  border:0;
  outline: 0;
  border-radius: 5px;
  display: inline-flex;
  padding: 20px 32px;
  font-family: Ubuntu;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  background: var(--accent-gradient, linear-gradient(90deg, #3DAFE2 0%, #6F76C0 100%));
  transition: all 300ms ease-in-out; 
  cursor: pointer;

  &.shadow {
    box-shadow: 0px 16px 24px 0px  rgba(61, 175, 226, 0.48);
  }

  &:hover {
    background: linear-gradient(90deg, #6F76C0 0%, #555ba5 100%);
    transition: all 300ms ease-in-out; 

    &.shadow {
      box-shadow: 0px 8px 12px -6px  rgba(61, 175, 226, 0.48);
    }
  }
}

.popup-games-search-container {
  display: none;
  position: fixed;
  top:0;
  left:0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(14, 13, 15, 0.9);
  backdrop-filter: blur(8px);
  padding-top: 48px;
  padding-bottom: 0;
  box-sizing: border-box;
}
#close-search {
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  top:24px;
  right: 24px;
  cursor: pointer;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g opacity="0.4"><path d="M2 18L18 2" stroke="%23FAFAFA" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 18L2 2" stroke="%23FAFAFA" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></g></svg>') center center no-repeat;
  transition: all 300ms ease-in-out;
}
#close-search:hover {
  opacity:.7;
}
.search-container .search-bar  {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.search-container .search-bar .search-label {
  color: #FFF;
}
#popup-search-input {
  height: 60px;
  padding: 16px 24px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  background:  rgba(250, 250, 250, 0.04);
  color:  rgba(255, 255, 255, 0.70);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  box-sizing: border-box;
  font-family: "Urbanist";
}
.search-popup-title {
  color: #FFF;
  font-family: Urbanist;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 24px;
}
.search-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.search-results-wrapper {
  max-width: 100%;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  box-sizing: border-box;
}
.search-results-wrapper::-webkit-scrollbar {
  display: none;
}
.popup-search-results {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  row-gap:24px;
}
.popup-search-results > div {
  width: calc(16.66666% - 13.33333px);
}
.game-placeholder {
  border-radius: 8px;
  background:  rgba(250, 250, 250, 0.08);
  height: 360px;
  animation: pulse 1.5s infinite;
}
.game-result .game-featured-image {
  width: 100%;
  height: 340px;
  margin-bottom: 16px;
}
.game-result a {
  text-decoration: none;
}
.game-result .game-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.game-result .game-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.game-result .game-meta h3 {
  color: #FFF;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  max-height: 20px;
  font-size: 18px;
  font-style: normal;
  line-height: 1.2;
}
.game-result .game-meta .game-price {
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  text-decoration: none;
  color: #6F76C0;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
}
.game-result .game-meta .game-price ins {
  order: 0;
  text-decoration: none;
}
.game-result .game-meta .game-price del {
  order: 1;
  color: rgba(255, 255, 255, 0.70);
  font-size: 14px;
  font-weight: 500;
}
.game-result .game-meta .game-price bdi {
  text-decoration: none;
}
.game-platforms {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.game-platforms > div {
  width: 20px;
  height: 20px;
  display: block;
}
.game-platforms .platform_xbox {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_1513_4019)"><path d="M14.4492 12.4296C16.1797 14.5507 16.9766 16.289 16.5742 17.0664C16.2656 17.6562 14.3594 18.8085 12.957 19.25C11.8008 19.6132 10.2852 19.7695 9.03517 19.6484C7.54298 19.5039 6.03126 18.9687 4.73439 18.125C3.64454 17.414 3.39845 17.121 3.39845 16.539C3.39845 15.371 4.68361 13.3242 6.88282 10.9882C8.13282 9.66401 9.87111 8.10933 10.0625 8.15229C10.4297 8.23433 13.3555 11.0859 14.4492 12.4296ZM7.3672 5.61714C6.20704 4.56636 5.09767 3.51167 3.9922 3.14058C3.39845 2.94136 3.35548 2.95308 2.87111 3.45698C1.73048 4.64448 0.781262 6.57026 0.515637 8.23823C0.3047 9.57417 0.277356 9.94917 0.351575 10.6015C0.570325 12.5742 1.02736 13.9375 1.93361 15.3242C2.3047 15.8945 2.40626 16 2.29689 15.7109C2.13283 15.2812 2.28517 14.246 2.66798 13.2109C3.22658 11.6875 4.77345 8.80073 7.3672 5.61714ZM19.5391 8.09761C18.8789 4.97261 16.9024 3.00776 16.625 3.00776C16.3399 3.00776 15.6797 3.26167 15.2188 3.55073C14.3086 4.11714 13.6172 4.77729 12.707 5.61323C14.3633 7.69526 16.6992 11.0585 17.5078 13.5156C17.7735 14.3242 17.8867 15.121 17.7969 15.5585C17.7305 15.8906 17.7305 15.8906 17.8516 15.7382C18.0899 15.4375 18.6289 14.5156 18.8438 14.039C19.1328 13.4062 19.4297 12.4687 19.5703 11.746C19.7383 10.8671 19.7227 8.98042 19.5391 8.09761ZM5.51954 1.67964C7.38283 1.58198 9.8047 3.02729 9.98439 3.06245C10.0117 3.06636 10.3906 2.89839 10.8281 2.68354C13.3242 1.4687 14.5 1.67573 15.0235 1.69917C12.5274 0.164013 9.05861 -0.253956 5.88673 1.24214C4.97267 1.67573 4.94923 1.70698 5.51954 1.67964Z" fill="%236F76C0"/></g><defs><clipPath id="clip0_1513_4019"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>') center center no-repeat;
}
.game-platforms .platform_pc {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M1.32812 16.3555L8.32581 17.369V10.674H1.32812V16.3555ZM1.32812 9.71764H8.32581V3.02193L1.32812 4.03546V9.71764ZM9.28219 17.5077L18.6717 18.8676V10.674H9.28219V17.5077ZM9.28219 2.88293V9.71764H18.6717V1.52368L9.28219 2.88293Z" fill="%236F76C0"/></svg>') center center no-repeat;
}
.game-platforms .platform_playstation {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" viewBox="0 0 25 20" fill="none"><path d="M24.3987 15.0412C23.9171 15.6489 22.7385 16.0813 22.7385 16.0813L13.9748 19.2292V16.9075L20.4245 14.6104C21.1569 14.3488 21.2692 13.9765 20.6738 13.7826C20.0799 13.5872 19.0044 13.6441 18.2736 13.9057L13.9748 15.4197V13.0102L14.2225 12.9272C14.2225 12.9272 15.4641 12.4871 17.2104 12.2933C18.9567 12.1009 21.0953 12.3194 22.7739 12.9549C24.6664 13.5549 24.8787 14.435 24.3987 15.0412ZM14.8087 11.0901V5.15115C14.8087 4.45417 14.681 3.81258 14.0271 3.63102C13.5255 3.46947 13.2147 3.93566 13.2147 4.6311V19.5L9.20514 18.2276V0.5C10.9099 0.816949 13.3932 1.5647 14.7287 2.01551C18.1243 3.18022 19.2752 4.6311 19.2752 7.9006C19.2752 11.087 17.3089 12.2948 14.8087 11.0885V11.0901ZM1.84763 16.6675C-0.0940704 16.1166 -0.417173 14.9781 0.467514 14.3227C1.28604 13.7165 2.67692 13.261 2.67692 13.261L8.42662 11.2147V13.5457L4.28782 15.0273C3.55853 15.2889 3.44622 15.6597 4.04011 15.8551C4.63401 16.049 5.70948 15.9936 6.4403 15.732L8.42508 15.0104V17.0967L8.02966 17.1629C5.95906 17.4981 3.83809 17.3276 1.84763 16.6659V16.6675Z" fill="%236F76C0"/></svg>') center center no-repeat;
}

@keyframes pulse {
  0% {opacity:1;}
  50% {opacity: .5;}
  100% {opacity: 1;}
}