.kapcsolat-page{}

.kapcsolat-hero-inner{
  max-width:700px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}

.kapcsolat-why-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  margin-top:var(--space-5);
}
.kapcsolat-card{min-width:0;border:1px solid var(--color-accent);}

.kapcsolat-form-inner{
  max-width:700px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  text-align:center;
}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
  text-align:left;
}
.form-group{min-width:0;display:flex;flex-direction:column;gap:var(--space-2);} 
.form-group.full{grid-column:1 / -1;}

.form-message{margin-top:var(--space-3);font-size:var(--fs-7);} 
.form-message.success{color:var(--color-success);} 
.form-message.error{color:var(--color-error);} 

.kapcsolat-types-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  margin-top:var(--space-5);
}
.kapcsolat-type{min-width:0;}

.kapcsolat-process-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  margin-top:var(--space-5);
}
.kapcsolat-step{min-width:0;border-top:2px solid var(--color-accent);padding-top:var(--space-3);} 

.kapcsolat-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
  margin-top:var(--space-5);
}
.faq-item{min-width:0;border:1px solid var(--color-divider);border-radius:var(--radius-sm);overflow:hidden;}
.faq-question{
  width:100%;
  text-align:left;
  padding:var(--space-3);
  font-weight:600;
}
.faq-answer{
  display:none;
  padding:var(--space-3);
  border-top:1px solid var(--color-divider);
}
.faq-item.active .faq-answer{display:block;}

.kapcsolat-cta-inner{
  max-width:600px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}

.kapcsolat-legal-inner{
  max-width:600px;
  margin-inline:auto;
  text-align:center;
  color:var(--color-secondary-text);
}

@media (max-width:1024px){
  .kapcsolat-why-grid,
  .kapcsolat-types-grid,
  .kapcsolat-process-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:768px){
  .kapcsolat-why-grid,
  .kapcsolat-types-grid,
  .kapcsolat-process-grid,
  .kapcsolat-faq-grid,
  .form-grid{
    grid-template-columns:1fr;
  }
}