/* Fortis Global Security — 10 24/7 elérhetőség */

/* ================= HERO ================= */
.support-hero {
  position: relative;
  background: var(--color-graphite);
  overflow: hidden;
}
.support-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 48fr) minmax(0, 52fr);
  min-height: 520px;
}
.support-hero__content {
  position: relative;
  z-index: 2;
  grid-column: 1 / 2;
  grid-row: 1;
  align-self: center;
  padding-block: var(--space-2xl);
  padding-left: max(var(--container-pad), calc((100vw - var(--container-max)) / 2 + var(--container-pad)));
  padding-right: var(--space-lg);
}
.support-hero__media {
  grid-column: 2 / 3;
  grid-row: 1;
  position: relative;
}
.support-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72% center;
}
.support-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    var(--color-graphite) 0%,
    rgba(15, 24, 29, 0.74) 30%,
    rgba(15, 24, 29, 0) 66%);
}

.support-hero__title {
  margin-top: var(--space-md);
  font-size: var(--fs-display);
  font-weight: 700;
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-display);
  color: var(--color-text-on-dark);
}
.support-hero__mark { color: var(--color-accent-400); }
.support-hero__tagline {
  margin-top: var(--space-sm);
  font-size: clamp(1.25rem, 2.1vw, 1.75rem);
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-text-on-dark);
}
.support-hero__lead {
  margin-top: var(--space-md);
  max-width: 36ch;
  font-size: var(--fs-lead);
  color: var(--color-text-on-dark-muted);
}
.support-hero__actions { margin-top: var(--space-lg); }
.support-hero__actions > .btn--primary { min-width: 320px; justify-content: flex-start; }
.support-hero__secondary {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
}
.support-hero__aside {
  position: absolute;
  right: max(var(--container-pad), calc((100vw - var(--container-max)) / 2 + var(--container-pad)));
  top: 16%;
  z-index: 3;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: var(--ls-label);
  line-height: 1.85;
  text-transform: uppercase;
  color: var(--color-text-on-dark);
}
.support-hero__aside::after {
  content: "";
  display: block;
  width: 32px;
  height: 1px;
  margin-top: 14px;
  background: rgba(237, 240, 243, 0.5);
}

/* ================= CSATORNÁK ================= */
.channels {
  padding-block: var(--space-2xl);
  background: var(--gradient-services);
}
.channels__head {
  display: grid;
  grid-template-columns: minmax(0, 58fr) minmax(0, 42fr);
  gap: var(--space-xl);
  align-items: end;
  margin-bottom: var(--space-xl);
}
.channels__title {
  margin-top: 16px;
  font-size: var(--fs-h2);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: var(--ls-display);
  color: var(--color-text-on-light);
}
.channels__intro {
  padding-bottom: 6px;
  color: var(--color-text-on-light-muted);
}
.channels__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: 20px;
}
.channels__grid--two { grid-template-columns: repeat(2, 1fr); }

.channel-card {
  position: relative;
  display: flex;
  min-height: 230px;
  background-color: var(--color-gunmetal);
  overflow: hidden;
}
.channel-card__media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 62%;
  width: 38%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.9);
  z-index: 0;
}
.channel-card__scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg,
    var(--color-gunmetal) 0%,
    var(--color-gunmetal) 60%,
    rgba(27, 41, 49, 0.82) 76%,
    rgba(27, 41, 49, 0.45) 100%);
}
.channel-card__body {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 24px;
}
.channel-card__icon {
  width: 30px;
  height: 30px;
  color: var(--color-accent-icon);
}
.channel-card__title {
  margin-top: 16px;
  max-width: 16ch;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.26;
  color: var(--color-text-on-dark);
}
.channel-card__text {
  margin-top: 10px;
  max-width: 28ch;
  font-size: var(--fs-small);
  line-height: 1.5;
  color: var(--color-text-on-dark-muted);
}
.channel-card .btn { margin-top: auto; align-self: flex-start; }

/* ================= AMIT TUDNI ÉRDEMES ================= */
.good-to-know {
  padding-block: var(--space-2xl);
  background: var(--color-surface-dark);
}
.good-to-know__inner {
  display: grid;
  grid-template-columns: minmax(0, 32fr) minmax(0, 68fr);
  gap: var(--space-2xl);
  align-items: start;
}
.good-to-know__title {
  margin-top: 12px;
  font-size: var(--fs-h2);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: var(--ls-display);
  color: var(--color-text-on-dark);
}
.good-to-know__text {
  margin-top: var(--space-md);
  font-size: var(--fs-small);
  line-height: 1.6;
  color: var(--color-text-on-dark-muted);
}
.good-to-know__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
  margin: 0;
}
.explainer {
  position: relative;
  padding-left: var(--space-lg);
}
.explainer:first-child { padding-left: 0; }
.explainer + .explainer::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 2px;
  width: 1px;
  background: var(--color-rule-dark);
}
.explainer__icon {
  display: block;
  width: 28px;
  height: 28px;
  color: var(--color-accent-icon);
}
.explainer__title {
  margin-top: 14px;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-text-on-dark);
}
.explainer__body { margin: 0; }
.explainer__body p {
  margin-top: 10px;
  font-size: var(--fs-small);
  line-height: 1.55;
  color: var(--color-text-on-dark-muted);
}
.explainer__note { color: var(--color-text-on-dark-faint) !important; }

/* ================= VÉSZHELYZETI FIGYELMEZTETÉS ================= */
.emergency {
  padding-bottom: var(--space-2xl);
  background: var(--color-surface-dark);
}
.emergency__box {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 22px 24px;
  border: 1px solid rgba(232, 116, 110, 0.55);
  border-left: 4px solid var(--color-error);
  background: linear-gradient(90deg, rgba(232, 116, 110, 0.14) 0%, rgba(232, 116, 110, 0.04) 60%, transparent 100%);
}
.emergency__icon {
  flex: none;
  width: 34px;
  height: 34px;
  color: var(--color-error);
}
.emergency__title {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-text-on-dark);
}
.emergency__text {
  margin-top: 8px;
  font-size: var(--fs-small);
  line-height: 1.55;
  color: var(--color-text-on-dark-muted);
}
.emergency__link {
  font-weight: 700;
  color: var(--color-text-on-dark);
  border-bottom: 1px solid var(--color-error);
}
.emergency__link:hover { color: var(--color-error); }

/* ================= ZÁRÓ SÁV ================= */
.support-cta {
  padding-block: var(--space-lg);
  background: var(--color-graphite);
  border-top: 1px solid var(--color-rule-dark);
}
.support-cta__inner {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}
.support-cta__icon {
  flex: none;
  width: 30px;
  height: 30px;
  color: var(--color-accent-icon);
}
.support-cta__content { flex: 1; }
.support-cta__title {
  font-size: 1.375rem;
  font-weight: 700;
  color: var(--color-text-on-dark);
}
.support-cta__text {
  margin-top: 4px;
  font-size: var(--fs-small);
  color: var(--color-text-on-dark-muted);
}
.support-cta__note { flex: none; }

/* ================= RESZPONZÍV ================= */
@media (max-width: 1199px) {
  .support-hero__aside { display: none; }
  .support-cta__note { display: none; }
}

@media (max-width: 991px) {
  .channels__grid,
  .channels__grid--two { grid-template-columns: repeat(2, 1fr); }
  .good-to-know__inner { grid-template-columns: 1fr; gap: var(--space-lg); }
  .good-to-know__list { grid-template-columns: 1fr; gap: var(--space-md); }
  .explainer { padding-left: 0; padding-top: var(--space-md); }
  .explainer + .explainer::before {
    left: 0; right: 0; top: 0; bottom: auto;
    width: auto; height: 1px;
  }
  .support-hero__actions > .btn--primary { min-width: 0; }
}

@media (max-width: 767px) {
  .support-hero__grid { grid-template-columns: 1fr; min-height: 0; }
  .support-hero__content {
    grid-column: 1;
    grid-row: 2;
    padding-inline: var(--container-pad);
    padding-block: var(--space-xl);
  }
  .support-hero__media { grid-column: 1; grid-row: 1; aspect-ratio: 16 / 10; }
  .support-hero__media::after {
    background: linear-gradient(180deg, rgba(15, 24, 29, 0) 40%, var(--color-graphite) 100%);
  }
  .channels__head { grid-template-columns: 1fr; gap: var(--space-md); align-items: start; }
  .channels__intro { padding-bottom: 0; }
  .support-cta__inner { flex-wrap: wrap; }
  .support-cta__content { flex-basis: 100%; }
}

@media (max-width: 479px) {
  .channels__grid,
  .channels__grid--two { grid-template-columns: 1fr; }
  .support-hero__secondary { flex-direction: column; align-items: stretch; }
  .emergency__box { flex-direction: column; gap: 14px; }
  .support-cta .btn--primary { width: 100%; justify-content: center; }
}