.kapcsolat-hero {
  position: relative;
  overflow: hidden;
}

.kapcsolat-hero::before {
  content: "";
  position: absolute;
  inset: -20%;
  background: radial-gradient(circle at top left, rgba(255, 75, 110, 0.24), transparent 60%), radial-gradient(circle at bottom right, rgba(63, 224, 197, 0.18), transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}

.kapcsolat-hero > .container {
  position: relative;
  z-index: 1;
}

.kapcsolat-hero-grid {
  align-items: center;
}

.kapcsolat-hero-panel {
  display: flex;
}

.kapcsolat-hero-card {
  width: 100%;
}

.kapcsolat-hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}

.kapcsolat-hero-dl {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 0;
}

.kapcsolat-hero-dl-row {
  display: flex;
  justify-content: space-between;
  gap: var(--space-sm);
  font-size: var(--font-size-sm);
}

.kapcsolat-hero-dl-row dt {
  color: var(--color-text-muted);
}

.kapcsolat-hero-dl-row dd {
  margin: 0;
  font-weight: 500;
}

.kapcsolat-hero-footer {
  align-items: center;
}

.kapcsolat-hero-cta-row {
  align-items: center;
}

.kapcsolat-location-grid {
  align-items: stretch;
}

.kapcsolat-location-card {
  height: 100%;
}

.kapcsolat-location-heading {
  font-size: var(--font-size-lg);
}

.kapcsolat-location-subheading {
  font-size: var(--font-size-md);
}

.kapcsolat-location-list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: var(--font-size-sm);
}

.kapcsolat-location-list li {
  color: var(--color-text-soft);
}

.kapcsolat-location-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.kapcsolat-location-media {
  display: flex;
}

.kapcsolat-location-image-card {
  width: 100%;
}

.kapcsolat-location-caption-row {
  gap: var(--space-sm);
}

.kapcsolat-form-grid {
  align-items: flex-start;
}

.kapcsolat-form {
  gap: var(--space-md);
}

.kapcsolat-form-status {
  min-height: 1.4rem;
  font-size: var(--font-size-sm);
}

.kapcsolat-form-status.is-success {
  color: var(--color-success);
}

.kapcsolat-form-status.is-error {
  color: var(--color-danger);
}

.kapcsolat-form-actions {
  align-items: center;
}

.kapcsolat-info-card {
  height: 100%;
}

.kapcsolat-hours-table {
  margin-top: var(--space-xs);
}

.kapcsolat-info-dl {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.kapcsolat-info-row {
  display: flex;
  justify-content: space-between;
  gap: var(--space-sm);
  font-size: var(--font-size-sm);
}

.kapcsolat-info-row dt {
  color: var(--color-text-muted);
}

.kapcsolat-info-row dd {
  margin: 0;
  font-weight: 500;
}

.kapcsolat-info-alert {
  font-size: var(--font-size-sm);
}

.kapcsolat-info-footer {
  align-items: center;
}

.kapcsolat-scroll-contact {
  white-space: nowrap;
}

@media (max-width: 1199px) {
  .kapcsolat-hero-grid {
    gap: var(--space-lg);
  }
}

@media (max-width: 991px) {
  .kapcsolat-hero-panel {
    order: -1;
  }

  .kapcsolat-hero-cta-row {
    flex-direction: column;
    align-items: stretch;
  }

  .kapcsolat-info-card {
    margin-top: var(--space-lg);
  }
}

@media (max-width: 767px) {
  .kapcsolat-hero-dl-row,
  .kapcsolat-info-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .kapcsolat-location-caption-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .kapcsolat-form-actions {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 479px) {
  .kapcsolat-scroll-contact {
    width: 100%;
  }
}