/* =========================
   TRUST SECTION
========================= */

.trust-card {
  margin-top: clamp(10px, 3.4vw, 40px);
  margin-left:10px;
  transform: translate(-60px, 0);
  max-width:90%;
  display: grid;
  gap: 12.5vw;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  padding:
    0.5vw
    clamp(24px, 2.29vw, 44px);
}

.trust-item {
  display: flex;

  align-items: center;

  gap: 1.4vw;

  min-width: 0;

  padding-inline: clamp(8px, 1.8vw, 28px);
}

.trust-item:first-child {
  padding-left: 0;
}

.trust-item:last-child {
  padding-right: 0;
  border-right: none;
}

.trust-icon {
  width: 17vw;
  opacity:90%;
  aspect-ratio: 1;

  flex: 0 0 clamp(34px, 2.66vw, 51px);
}

.trust-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.trust-content {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 1.1vw, 15px);
}

.trust-content strong {
  font-size: clamp(0px, 2.2vw, 35px);

  white-space: nowrap;
}

.trust-content span {
  width: clamp(125px, 9vw, 180px);
  max-width: clamp(110px, 9vw, 180px);

  

  font-size: clamp(8px, 0.73vw, 12px);

  line-height: 1.35;

  white-space: normal;
  text-wrap: balance;
}



/* =========================================
   TRUST — MOBILE AUTO CARD
========================================= */
@media (max-width: 750px) {

  .trust-card {
    position: relative;

    display: block;

    width: min(390px, calc(100vw - 32px));
    height: 120px;

    left: 50%;
    transform: translateX(-50%);

    margin: 13vw 2.5vw 0;

    padding: 0;

    overflow: hidden;

    border-radius: 22px;
  }


  /* =========================================
     ΚΑΘΕ ITEM = ΙΔΙΑ ΑΚΡΙΒΩΣ ΘΕΣΗ
  ========================================= */

  .trust-item,
  .trust-item:first-child,
  .trust-item:last-child {
    position: absolute;

    inset: 0;

    display: grid;

    grid-template-columns:
      35px
      190px;

    align-items: center;
    justify-content: center;

    column-gap: 0px;

    width: 100%;
    height: 100%;

    padding: 0;

    border: 0 !important;

    opacity: 0;

    transform: translateX(10px);

    animation:
      trust-slide
      24s
      cubic-bezier(0.4, 0, 0.2, 1)
      infinite;
  }


  /* =========================================
     TIMING — 3 CARDS
  ========================================= */

  .trust-item:nth-child(1) {
    animation-delay: 0s;
  }

  .trust-item:nth-child(2) {
    animation-delay: 8s;
  }

  .trust-item:nth-child(3) {
    animation-delay: 16s;
  }


  /* =========================================
     ICON
  ========================================= */

  .trust-icon {
    display: grid;

    width: 52px;
    height: 52px;

    flex: 0 0 52px;

    place-items: center;

    margin: 0;
  }

  .trust-icon img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
  }


  /* =========================================
     TEXT
  ========================================= */

  .trust-content {
    display: flex;

    width: 190px;
    min-width: 0;

    flex-direction: column;

    gap: 6px;
  }

  .trust-content strong {
    font-size: clamp(22px, 6vw, 27px);

    font-weight: 800;

    line-height: 1;

    letter-spacing: -0.04em;

    white-space: nowrap;
  }

  .trust-content span {
    width: 100%;
    max-width: 190px;

    font-size: clamp(11px, 3vw, 13px);

    font-weight: 500;

    line-height: 1.4;
  }

}


/* =========================================
   SMOOTH AUTO SLIDE
========================================= */
@keyframes trust-slide {

  0% {
    opacity: 0;
    transform: translateX(10px);
  }

  /* πιο αργή είσοδος */
  10% {
    opacity: 1;
    transform: translateX(0);
  }

  /* μένει */
  23% {
    opacity: 1;
    transform: translateX(0);
  }

  /* πιο αργή έξοδος */
  33% {
    opacity: 0;
    transform: translateX(-10px);
  }

  100% {
    opacity: 0;
    transform: translateX(-10px);
  }
}