/** Shopify CDN: Minification failed

Line 126:36 Unexpected "{"

**/
:root {
    --neon-color: rgba(0, 242, 255, 0.8);
    --card-radius: 16px;
}


/* //collection cards on homescreen  */
.card-wrapper.card, 
.collection-card {
    border-radius: 16px !important;
    overflow: hidden !important; 
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.1),
        rgba(255, 255, 255, 0.03) 40%,
        rgba(255, 255, 255, 0.05)
    ) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(0, 242, 255, 0.5) !important;
    box-shadow:  0 15px 35px rgba(0, 0, 0, 0.7),
    0 0 10px var(--neon-color),
    0 0 30px rgba(0, 242, 255, 0.4),
    inset 0 1px 2px
      rgba(255, 255, 255, 0.6),
    inset 0 0 20px
      rgba(0, 242, 255, 0.2) !important;
    transition: box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out !important;
}

.card-wrapper.card:hover, 
.collection-card:hover {
  border-color: rgba(0, 242, 255, 0.9) !important;
  

  box-shadow: 
    0 5px 15px rgba(0, 0, 0, 0.3),          
    0 0 20px rgba(0, 242, 255, 0.6),       
    0 0 40px rgba(0, 242, 255, 0.2),       
    inset 0 0 15px rgba(0, 242, 255, 0.3) !important;
}

.grid__item {
  overflow: visible !important;
}

.card__inner .card__media img, 
.collection-card__image img {
  object-fit: contain !important;
  padding: 15px !important;
}

.collection-card {
  transition: all 0.4s ease-in-out !important; 
  overflow: hidden !important;
  backdrop-filter: blur(
    10px
  ); 
  will-change: box-shadow, transform;
}
.collection-card__image {
  border: none;
}

.resource-list__slide {
    border-radius: 16px;
}


/* //shop-cards  */

.product-media__image {
    object-fit: contain!important;
}

.product-card {
    border-radius: 16px !important;
    border: 1px solid rgba(0, 242, 255, 0.5) !important;
    box-shadow: 0 10px 20px #0003,0 0 2px var(--neon-color),0 0 10px #00f2ff1a,inset 0 1px 2px #fff3,inset 0 0 10px #00f2ff1a !important
}

/* Headline on Home for collection */

h1 {
  font-size: clamp(28px, 5vw, 58px) !important; 
  
  color: #fff;
  text-shadow: 
    0 0 10px rgba(0, 242, 255, 0.2),
    0 0 20px rgba(0, 242, 255, 0.1);
  
  text-align: center;
  margin-bottom: 40px;
}

.divider {
    background-color: rgb(30, 74, 75);
}


.background-image-container {
    overflow: hidden !important; 
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.1),
        rgba(255, 255, 255, 0.03) 40%,
        rgba(255, 255, 255, 0.05)
    ) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(0, 242, 255, 0.5) !important;
    box-shadow:  0 15px 35px rgba(0, 0, 0, 0.7),
    0 0 10px var(--neon-color),
    0 0 30px rgba(0, 242, 255, 0.4),
    inset 0 1px 2px
      rgba(255, 255, 255, 0.6),
    inset 0 0 20px
      rgba(0, 242, 255, 0.2) !important;
    transition: box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out !important;

}

.background-image-container:hover,  {
  border-color: rgba(0, 242, 255, 0.9) !important;
  

  box-shadow: 
    0 5px 15px rgba(0, 0, 0, 0.3),          
    0 0 20px rgba(0, 242, 255, 0.6),       
    0 0 40px rgba(0, 242, 255, 0.2),       
    inset 0 0 15px rgba(0, 242, 255, 0.3) !important;
}


#shopify-section-template--28145227170056__section_zr8EhM {
  img {
    transition: all 0.3s ease;
    &:hover {
      scale: 1.1;
      rotate: 5deg;
    }
  }
}



product-price {
  margin-top: auto !important;
  background-color: #32AFB5;
  align-self: flex-start !important; 
  width: fit-content !important;   
  padding: 10px!important; 
  border-radius: 16px;
}

h5 {
  color: #5de9e2!important;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 12px;
  display: block;
  text-align: center;
  text-decoration: underline;
  text-shadow: 0 0 5px rgba(93, 233, 226, 0.7), 0 0 10px rgba(93, 233, 226, 0.5),
    0 0 15px rgba(93, 233, 226, 0.3)!important;
}

.social-icons__wrapper {
  display:flex;
  gap: 2rem!important;
}


@keyframes neonShimmer {
  0% { 
    background-position: 200% center; 
  }
  100% { 
    background-position: -200% center; 
  }
}

.text-block--AZzFXK0FOT1RWcDZrQ__text_hJ4ghK h2 {
  color: transparent !important;
  

  background-image: linear-gradient(
    120deg, 
    #90e0e5 0%,     
    #90e0e5 40%,    
    #ffffff 50%,    
    #90e0e5 60%,    
    #90e0e5 100%    
  ) !important;
  

  background-size: 200% auto !important;
  

  -webkit-background-clip: text !important;
  background-clip: text !important;
  

  animation: neonShimmer 5s linear infinite;
  

  text-shadow: 
    0 0 4px rgba(0, 242, 255, 0.4),
    0 0 10px rgba(0, 242, 255, 0.3),
    0 0 25px rgba(0, 242, 255, 0.15) !important;
    
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
}




/* --- Game Collection Navigator Styling (Optimiert) --- */


.game-navigator-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.game-logos-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1600px;
  gap: 1.5rem;
  padding: 1rem 0;
}

.game-navigator-wrapper {
  background-color: transparent;
  padding: 0;
}

.game-navigator-wrapper .title {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 1.8rem;
}

.game-logo-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: currentColor;
  width: calc(33.33% - 1.5rem);
  max-width: 180px;
  border-radius: 8px;
  border: 1px solid #ddd;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  background-color: #fff;
  will-change: transform;
}

.game-logo-item:hover {
  border-color: #888;
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}


.game-logo-item:hover .game-logo-image {
  transform: scale(1.1);
}

.game-logo-item.active {
  border: 2px solid #00c3e1;
  box-shadow: 0 0 15px rgba(0, 195, 225, 0.4);
  background-color: rgba(0, 195, 225, 0.05);
}

/* Bild-Wrapper */
.game-image-wrapper {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0.2rem;
}


.game-logo-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  margin: 1rem;

  transition: transform 0.2s ease;
}


.game-name {
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
}


.game-logo-item .placeholder-svg {
  width: 100%;
  height: auto;
  fill: rgba(0, 0, 0, 0.05);
}


@media screen and (min-width: 750px) {

  .game-logo-item {
    width: calc(25% - 1.5rem);
    max-width: 160px;
  }
}

@media screen and (min-width: 990px) {
  .game-logos-grid {
    gap: 2rem;
  }
  .game-logo-item {
    width: auto;
    min-width: 150px;
    max-width: 180px;
  }
}

@media screen and (max-width: 800px) {
  .game-navigator-inner {
    display: none;
  }
}