/* ==================================================
   GM – Güvenin Rakamları v1.0.1
   ================================================== */

.gm-trust-section {
  --gm-trust-ink: #222222;
  --gm-trust-muted: #74736f;
  --gm-trust-soft: #a09e98;
  --gm-trust-line: #efede9;
  --gm-trust-accent: #e98f1d;
  --gm-trust-bg: #ffffff;

  position: relative;
  overflow: hidden;
  padding: clamp(136px, 11vw, 196px) 0 0;
  background: var(--gm-trust-bg);
  color: var(--gm-trust-ink);
}

.gm-trust-shell {
  width: min(calc(100% - 64px), 1480px);
  margin-inline: auto;
}

/* ==================================================
   Başlık
   ================================================== */

.gm-trust-header {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

.gm-trust-eyebrow {
  margin: 0 0 26px;
  color: var(--gm-trust-accent);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.gm-trust-title {
  max-width: 920px;
  margin: 0 auto;
  color: var(--gm-trust-ink);
  font-size: clamp(38px, 4.25vw, 68px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.gm-trust-description {
  max-width: 720px;
  margin: 30px auto 0;
  color: var(--gm-trust-muted);
  font-size: clamp(16px, 1.25vw, 19px);
  font-weight: 400;
  line-height: 1.75;
  text-wrap: pretty;
}

/* ==================================================
   İstatistikler
   ================================================== */

.gm-trust-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: clamp(68px, 7vw, 108px);
  border-top: 1px solid var(--gm-trust-line);
  border-bottom: 1px solid var(--gm-trust-line);
}

.gm-trust-stat {
  position: relative;
  min-width: 0;
  padding:
    clamp(42px, 4vw, 66px)
    clamp(26px, 3vw, 48px)
    clamp(48px, 4.5vw, 72px);
}

.gm-trust-stat + .gm-trust-stat {
  border-left: 1px solid var(--gm-trust-line);
}

.gm-trust-stat-value {
  display: block;
  margin: 0;
  color: var(--gm-trust-ink);
  font-size: clamp(42px, 4vw, 68px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.065em;
  white-space: nowrap;
}

.gm-trust-stat-title {
  margin: 25px 0 0;
  color: var(--gm-trust-ink);
  font-size: clamp(17px, 1.35vw, 21px);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.gm-trust-stat-description {
  max-width: 235px;
  margin: 14px 0 0;
  color: var(--gm-trust-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  text-wrap: pretty;
}

/* ==================================================
   Rehbere Geçiş
   ================================================== */

.gm-trust-transition {
  display: grid;
  grid-template-columns: auto minmax(0, 820px);
  justify-content: center;
  align-items: start;
  gap: clamp(24px, 3vw, 46px);
  padding: clamp(80px, 8vw, 126px) 0;
}

.gm-trust-transition-mark {
  width: 52px;
  height: 1px;
  margin-top: 17px;
  background: var(--gm-trust-accent);
}

.gm-trust-transition-content h3 {
  margin: 0;
  color: var(--gm-trust-ink);
  font-size: clamp(30px, 3vw, 48px);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.04em;
}

.gm-trust-transition-content p {
  max-width: 720px;
  margin: 22px 0 0;
  color: var(--gm-trust-muted);
  font-size: clamp(16px, 1.2vw, 18px);
  font-weight: 400;
  line-height: 1.75;
  text-wrap: pretty;
}

/* ==================================================
   Tablet
   ================================================== */

@media (max-width: 1100px) {

  .gm-trust-section {
    padding-top: 124px;
  }

  .gm-trust-shell {
    width: min(calc(100% - 48px), 1480px);
  }

  .gm-trust-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gm-trust-stat:nth-child(odd) {
    border-left: 0;
  }

  .gm-trust-stat:nth-child(even) {
    border-left: 1px solid var(--gm-trust-line);
  }

  .gm-trust-stat:nth-child(n + 3) {
    border-top: 1px solid var(--gm-trust-line);
  }

  .gm-trust-stat-description {
    max-width: 260px;
  }

}

/* ==================================================
   Mobil
   ================================================== */

@media (max-width: 700px) {

  .gm-trust-section {
    padding-top: 76px;
  }

  .gm-trust-shell {
    width: min(calc(100% - 32px), 1480px);
  }

  .gm-trust-header {
    text-align: left;
  }

  .gm-trust-eyebrow {
    margin-bottom: 20px;
    font-size: 10px;
  }

  .gm-trust-title {
    font-size: clamp(36px, 11vw, 48px);
    line-height: 1.08;
    text-wrap: initial;
  }

  .gm-trust-description {
    margin-top: 23px;
    font-size: 16px;
    line-height: 1.7;
  }

  .gm-trust-stats {
    margin-top: 54px;
  }

  .gm-trust-stat {
    padding: 34px 18px 39px;
  }

  .gm-trust-stat-value {
    font-size: clamp(34px, 10vw, 45px);
  }

  .gm-trust-stat-title {
    margin-top: 18px;
    font-size: 16px;
  }

  .gm-trust-stat-description {
    max-width: none;
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.6;
  }

  .gm-trust-transition {
    display: block;
    padding: 68px 0 76px;
  }

  .gm-trust-transition-mark {
    display: block;
    width: 38px;
    margin: 0 0 26px;
  }

  .gm-trust-transition-content h3 {
    font-size: 32px;
  }

  .gm-trust-transition-content p {
    margin-top: 18px;
    font-size: 15px;
    line-height: 1.7;
  }

}

/* ==================================================
   Küçük Telefonlar
   ================================================== */

@media (max-width: 390px) {

  .gm-trust-shell {
    width: min(calc(100% - 26px), 1480px);
  }

  .gm-trust-stat {
    padding-inline: 13px;
  }

  .gm-trust-stat-value {
    font-size: 32px;
  }

  .gm-trust-stat-title {
    font-size: 15px;
  }

  .gm-trust-stat-description {
    font-size: 12.5px;
  }

}