/* RESET */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',sans-serif;background:#0b0b0b;color:#f1f1f1;}

/* NAVBAR */
.navbar{
  position:fixed;
  top:0; left:0;
  width:100%;
  background:rgba(20,20,20,0.7);
  backdrop-filter:blur(15px);
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:1rem 3rem;
  z-index:1000;
}
.logo{font-family:'Spectral SC',serif;font-size:1.8rem;color:#fff;}
nav{display:flex;gap:1.5rem;}
nav a{color:#fff;font-size:1.1rem;text-decoration:none;transition:.3s;}

/* HAMBURGER */
.hamburger{
  display:none;
  flex-direction:column;
  gap:6px;
  cursor:pointer;
}
.hamburger span{
  width:28px;
  height:3px;
  background:white;
  border-radius:6px;
}

/* HERO */
.hero{
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#111,#0b0b0b);
  padding-top:90px; /* evita overlap su both desktop e mobile */
}
.hero-content{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:2rem;
  max-width:1200px;
  width:100%;
}
.hero-text h1{font-size:2.5rem;}
.hero-text p{font-size:1.2rem;color:#ccc;}
.hero-images img{
  width:100%;
  max-width:400px;
  border-radius:20px;
}

/* GAME */
.game-section{padding:8rem 3rem;text-align:center;background:#161616;}
.screenshot{width:300px;border-radius:15px;}

/* BUY */
.buy-section{padding:8rem 3rem;text-align:center;background:#0f0f0f;}
.product-card{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2rem;
  flex-wrap:wrap;
}
.product-card img{width:300px;border-radius:15px;}
.price{font-size:1.4rem;margin:0.5rem 0 1rem;}

.btn-primary{
  background:#007aff;
  color:white;
  padding:0.8rem 1.6rem;
  border-radius:50px;
  text-decoration:none;
  font-size:1.1rem;
  transition:.3s;
}
.btn-primary:hover{background:#005ecb;}

/* MOBILE FIXES – layout invariato, solo adattamenti */
@media(max-width:768px){

  /* Navbar */
  .navbar{
    padding:0.7rem 1.5rem;
    height:60px;
  }
  .hamburger{display:flex;}
  nav{
    display:none;
    position:absolute;
    top:60px;
    right:20px;
    flex-direction:column;
    gap:1rem;
    background:rgba(20,20,20,0.95);
    padding:1rem;
    border-radius:12px;
  }
  nav.open{display:flex;}

  /* Hero */
  .hero-content{
    flex-direction:column;
    text-align:center;
  }
  .hero-text h1{font-size:2.1rem;}
  .hero-images img{max-width:320px;}

  /* Product card */
  .product-card{
    flex-direction:column;
    text-align:center;
  }
  .product-card img{
    width:80%;
    max-width:260px;
  }
}

@media(max-width:480px){
  .hero-text h1{font-size:1.7rem;}
  .hero-text p{font-size:1rem;}
  .hero-images img{max-width:240px;}

  .product-card img{
    width:75%;
    max-width:230px;
  }
  .price{font-size:1.2rem;}
  .btn-primary{
    width:100%;
    max-width:260px;
    font-size:1rem;
  }
}