/* Transguard Living — Why Choose Us (split panel, light)
   Prefix: .tgl-trust  Fonts: Poppins + Roboto (enqueue separately). */

.tgl-trust,
.tgl-trust * {
  box-sizing: border-box;
}

.tgl-trust {
  --tgl-bg: #f2efeb;
  --tgl-title: #293240;
  --tgl-accent: #ae1f26;
  --tgl-label: #293240;
  --tgl-stat: #293240;
  --tgl-caption: #5f6670;
  --tgl-padding-y: 92px;
  --tgl-max-width: 1180px;
  --tgl-inner-pad-x: 24px;
  --tgl-grid-gap: 70px;
  --tgl-list-gap-row: 34px;
  --tgl-list-gap-col: 40px;
  --tgl-rule-width: 64px;
  --tgl-rule-height: 2px;
  --tgl-rule-margin-top: 26px;
  --tgl-item-pad-left: 16px;
  --tgl-item-border: 2px;
  --tgl-logo-height: 46px;
  --tgl-logo-gap: 14px;
  --tgl-title-size: clamp(26px, 3.1vw, 36px);
  --tgl-label-size: 17px;
  --tgl-stat-size: 38px;
  --tgl-caption-size: 15px;
  background: var(--tgl-bg);
  padding: var(--tgl-padding-y) 0;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}

.tgl-trust__inner {
  width: 100%;
  max-width: var(--tgl-max-width);
  margin: 0 auto;
  padding: 0 var(--tgl-inner-pad-x);
}

.tgl-trust__grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: var(--tgl-grid-gap);
  align-items: start;
}

.tgl-trust__title {
  font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: var(--tgl-title-size);
  line-height: 1.16;
  margin: 0;
  color: var(--tgl-title);
  text-wrap: pretty;
}

.tgl-trust__rule {
  width: var(--tgl-rule-width);
  height: var(--tgl-rule-height);
  background: var(--tgl-accent);
  margin: var(--tgl-rule-margin-top) 0 0;
}

.tgl-trust__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--tgl-list-gap-row) var(--tgl-list-gap-col);
}

.tgl-trust__item {
  padding-left: var(--tgl-item-pad-left);
  border-left: var(--tgl-item-border) solid var(--tgl-accent);
}

.tgl-trust__item--center {
  display: flex;
  align-items: center;
  gap: var(--tgl-logo-gap);
}

.tgl-trust__logo {
  height: var(--tgl-logo-height);
  width: auto;
  display: block;
  flex: none;
}

.tgl-trust__label {
  margin: 0;
  font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
  font-size: var(--tgl-label-size);
  font-weight: 600;
  line-height: 1.34;
  color: var(--tgl-label);
  text-wrap: pretty;
}

.tgl-trust__stat {
  display: block;
  font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
  font-size: var(--tgl-stat-size);
  font-weight: 700;
  line-height: 1.02;
  color: var(--tgl-stat);
  margin-bottom: 6px;
}

.tgl-trust__caption {
  margin: 0;
  font-size: var(--tgl-caption-size);
  line-height: 1.45;
  color: var(--tgl-caption);
}

/* ---------- Breakpoints ---------- */
@media (max-width: 1200px) {
  .tgl-trust {
    --tgl-grid-gap: 50px;
  }
}

@media (max-width: 991px) {
  .tgl-trust {
    --tgl-padding-y: 76px;
    --tgl-grid-gap: 36px;
  }
  .tgl-trust__grid {
    grid-template-columns: 1fr;
  }
  .tgl-trust__title {
    max-width: 640px;
  }
}

@media (max-width: 880px) {
  .tgl-trust {
    --tgl-list-gap-row: 30px;
    --tgl-list-gap-col: 32px;
  }
}

@media (max-width: 767px) {
  .tgl-trust {
    --tgl-padding-y: 64px;
    --tgl-stat-size: 34px;
  }
}

@media (max-width: 567px) {
  .tgl-trust {
    --tgl-list-gap-row: 26px;
  }
  .tgl-trust__list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .tgl-trust {
    --tgl-padding-y: 54px;
    --tgl-inner-pad-x: 18px;
    --tgl-grid-gap: 30px;
    --tgl-stat-size: 32px;
    --tgl-label-size: 16px;
  }
}

@media (max-width: 390px) {
  .tgl-trust {
    --tgl-rule-margin-top: 20px;
    --tgl-logo-height: 40px;
    --tgl-stat-size: 30px;
    --tgl-caption-size: 14px;
  }
}