/* =========================
   HERO FINAL — STABLE CLEAN
========================= */

.hero-premium{
  position:relative;
  min-height:clamp(560px, 75vh, 760px);

  display:flex;
  align-items:center; /* 🔥 центр по вертикалі */

  overflow:hidden;
  z-index:auto;

  background:
    radial-gradient(circle at 20% 30%, rgba(201,151,62,0.08), transparent 60%),
    radial-gradient(circle at 80% 70%, rgba(201,151,62,0.05), transparent 60%),
    #0a0a0a;
}


@media (max-width:1024px){
  body.menu-open .hero-premium{
    pointer-events:none;
  }
}

.hero-bg{
  display:none;
}

.hero-premium::before{
  display:none;
}

/* =========================
   CONTENT
========================= */

.hero-content{
  position:relative;
  z-index:2;

  width:100%;
  max-width:1200px;
  margin:0 auto;

  padding:80px 20px;

  display:flex;
  flex-direction:column;
  gap:22px;
}

/* =========================
   TEXT
========================= */

.hero-premium h1{
  font-size:clamp(34px,5vw,56px);
  line-height:1.1;
  max-width:700px;
}

.hero-premium p{
  font-size:17px;
  max-width:520px;
}

/* =========================
   SERVICES
========================= */

.hero-premium .va-services{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;

  max-width:520px;
  width:100%;
}

/* =========================
   CTA
========================= */

.hero-premium .va-main-cta{
  max-width:420px;
  width:100%;
}

/* =========================
   CONTACTS
========================= */

.hero-premium .va-contacts{
  display:flex;
  flex-wrap:wrap;
  gap:10px;

  max-width:520px;
}

/* =========================
   MOBILE
========================= */

@media (max-width:768px){

  .hero-premium{
    min-height:auto;
    align-items:flex-start;
  }

  .hero-content{
    padding:100px 16px 60px;
    text-align:center;
    align-items:center; /* 🔥 центр контенту */
  }

  .hero-premium h1{
    max-width:100%;
  }

  .hero-premium p{
    max-width:100%;
  }

  .hero-premium .va-services{
    grid-template-columns:repeat(2,1fr);
    width:100%;
  }

  .hero-premium .va-main-cta{
    width:100%;
  }

  .hero-premium .va-main-cta .va-btn{
    width:100%;
  }

  .hero-premium .va-contacts{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    width:100%;
  }

}