/* ------- Responsive ------- */
    @media (max-width: 980px){
      .hero-inner{grid-template-columns:1fr}
      .stats{grid-template-columns:repeat(3,1fr)}
      .cards{grid-template-columns:1fr 1fr}
      .projects{grid-template-columns:1fr 1fr}
      .about{grid-template-columns:1fr}
      .skills{grid-template-columns:1fr 1fr}
    }
	@media (max-width: 640px) {
	  nav ul { display: none; }
	  .mobile-toggle { display: inline-block; }
	  .stats { grid-template-columns: 1fr 1fr; }
	  .cards, .projects, .skills { grid-template-columns: 1fr; }

	  .hero-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 20px;
	  }
		.hero-logo {
		  display: block;
		  width: 300px;
		  margin: -40px auto -20px auto;
		  animation: slideFromTop 2s ease-out;
		  opacity: 1;
		}

		@keyframes slideFromTop {
		  0% {
			transform: translateY(-50px);
			opacity: 0;
		  }
		  100% {
			transform: translateY(0);
			opacity: 1;
		  }
		}
		
	  .cta {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	  }

	  .hero-card {
		margin-top: 40px;
		padding: 20px;
	  }
	  .card{
		background:var(--panel); 
		border:1px solid rgba(255,255,255,.08); 
		border-radius:var(--radius); 
		padding:18px; 
		box-shadow:var(--shadow);
		text-align:center;
		}
	}
	/* --- Reszponzív nézet --- */
	@media (max-width: 900px) {
	  .skills-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	  }
	}
	
	/* Mobilbarát */
	@media (max-width: 768px) {
	   .jeszoslot-wrapper {
		 flex-direction: column;
		 text-align: center;
		}
	}
	@media (max-width: 768px) {
	   .features-list {
		 text-align: left;
		 padding-left: 16px;
		 margin-left: 0;
		}
	}