body {
            font-family: 'Poppins', sans-serif;
            margin: 0;
            padding: 0;
            color: #fff;
        }
        ul {
        	text-align: left;
        }
		h1 {
			font-size: 32px;
		}
		header {
		  background-color: #1a1a28;
		  padding: 20px 10%;
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
		  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);

		  position: sticky;
		  top: 0;
		  z-index: 1000;
		}
        .logo h1 {
            color: #4cafef;
            font-size: 1.8rem;
        }
        .menu {
            list-style: none;
            display: flex;
            gap: 20px;
        }
        .menu li a {
            text-decoration: none;
            color: #fff;
            font-size: 1rem;
            transition: color 0.3s;
        }
        .menu li a:hover {
            color: #4cafef;
        }
        .hero {
            text-align: center;
            padding: 100px 50px 20px;
            background: url('https://www.sintech-shop.cz/hardware/zx-touch-herni-konzole/') no-repeat center center/cover;
            color: #fff;
        }
        .cta-button {
            display: inline-block;
            margin-top: 20px;
            padding: 10px 20px;
            background-color: #4cafef;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            font-size: 1.2rem;
            transition: background-color 0.3s;
        }
        .cta-button:hover {
            background-color: #3a9ad9;
        }
		.section {
		  padding: 60px 10%;
		  text-align: center;
		}

		@media (max-width: 768px) {
		  .section {
			padding: 30px 5%;
		  }
		}

        .game {
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
            position: relative;
        }
        .game img {
            max-width: 100%;
            border-radius: 10px;
        }

        .spoiler {
            cursor: pointer;
            background-color: #4cafef;
            color: #fff;
            border: none;
            padding: 10px 20px;
            margin-top: 10px;
            border-radius: 5px;
            font-size: 1rem;
            transition: background-color 0.3s;
        }
		.games-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 20px;

  align-items: start; /* 👈 klíčové */
}
        .spoiler:hover {
            background-color: #3a9ad9;
        }
.changelog {
  display: none;
  margin-top: 10px;
  background-color: #1a1a28;
  padding: 10px;
  border-radius: 5px;
}

.game.is-open .changelog {
  display: block;
}
        .changelog h4 {
            color: #4cafef;
        }