.kapcsolat-main{}

.kapcsolat-hero-box{
  padding:var(--space-6);
  border-radius:var(--radius-lg);
}
.kapcsolat-hero-content{
  max-width:700px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}

.kapcsolat-types-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-5);
}
.kapcsolat-card{
  padding:var(--space-5);
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  cursor:pointer;
  min-width:0;
}

.kapcsolat-form-wrapper{
  max-width:700px;
  margin-inline:auto;
  padding:var(--space-6);
  display:flex;
  flex-direction:column;
  gap:var(--space-5);
}
.kapcsolat-form{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}
.kapcsolat-form label{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}
.kapcsolat-consent{
  flex-direction:row !important;
  align-items:flex-start;
  gap:var(--space-2);
}
.kapcsolat-success{
  color:var(--color-success);
  font-weight:700;
}

.kapcsolat-expect-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-5);
}

.kapcsolat-alt-box{
  max-width:600px;
  margin-inline:auto;
  text-align:center;
}

.kapcsolat-faq-box{
  max-width:700px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}
.kapcsolat-accordion{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.kapcsolat-acc-item{
  border-radius:var(--radius-sm);
  overflow:hidden;
  box-shadow:var(--shadow-soft);
}
.kapcsolat-acc-title{
  width:100%;
  text-align:left;
  padding:var(--space-4);
  background:var(--color-surface-glass);
}
.kapcsolat-acc-content{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.3s ease;
  background:#fff;
  padding-inline:var(--space-4);
}
.kapcsolat-acc-content p{
  margin:var(--space-3) 0;
}
.kapcsolat-acc-item.active .kapcsolat-acc-content{
  max-height:200px;
}

.kapcsolat-cta-box{
  max-width:600px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  padding:var(--space-6);
  border-radius:var(--radius-lg);
  background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));
  color:#fff;
}

@media (max-width:900px){
  .kapcsolat-types-grid{
    grid-template-columns:1fr;
  }
  .kapcsolat-expect-grid{
    grid-template-columns:1fr;
  }
}