/* ===== TRUST (light) – simplu, ca ABOUT ===== */
.trust--light { background:#fff; color:#000; }

/* Desktop / tablete: păstrăm layoutul inițial */
#trust { 

  display:block; 
  overflow-x: hidden; /* safety */
}

#trust .trust-grid{
  width: min(1600px, 94vw);
  margin: 0 auto;
  padding:
    calc(var(--navH,64px) + clamp(28px, 5vw, 60px)) /* top */
    0
    clamp(48px, 8vw, 96px);                         /* bottom */
  display: grid;
  row-gap: clamp(14px, 3vw, 22px);
}

/* Eyebrow */
#trust .trust-eyebrow{
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: clamp(10px, 1vw, 14px);
  opacity: .9;
}

/* Headline */
#trust .trust-headline{
  margin: 0;
  display: grid;
  gap: clamp(8px, 2vw, 16px);
  line-height: .95;
  width: 100%;
  text-align: left;
}
#trust .line{ width: 100%; overflow: hidden; }
#trust .line-inner{ display:inline-block; transform-origin: left center; max-width:100%; will-change: transform, opacity; }
#trust .line-content{ display:inline-block; white-space: nowrap; }

#trust .trust-headline .s{
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: -.01em;
  font-size: clamp(34px, 9.5vw, 140px);
}
#trust .trust-headline .r{
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  letter-spacing: -.01em;
  font-size: clamp(36px, 10vw, 150px);
}

/* ===== Bare branduri – design ca marquee-ul din footer (alb/negru), mișcare la scroll ===== */

/* spațiu de deasupra controlat; jos NU lăsăm gap (lipit de următoarea secțiune) */
.trust-brands{
  margin-top: clamp(24px, 5vw, 48px);
  margin-bottom: 0;
}

/* bară full-width, fundal alb, text negru, borduri negre */
.brands-bar{
  position: relative;
  background:#fff;
  color:#000;
  border-top:2px solid #000;
  border-bottom:2px solid #000;
}

/* între cele două bare – linie neagră */
.brands-divider{
  height:2px;
  background:#000;
  margin:0;
}

/* fiecare bară are propriul viewport care TAIE overflow-ul intern */
.brands-viewport{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-block: clamp(18px, 3.6vw, 28px);
}

/* runner centrat absolut — nu influențează lățimea layout-ului */
.brands-runner{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  pointer-events: none;
}

/* track-ul se mișcă pe X (GSAP) și PLEACĂ din CENTRU (ca la footer marquee) */
.brands-track{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(36px, 6vw, 80px);
  min-width: max-content;
  will-change: transform;
  transform: translateX(0);
}

/* item-uri (fonturi ca în footer: sans+serif alternat) */
.brand{
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: .03em;
  font-size: clamp(18px, 2.6vw, 34px);
  white-space: nowrap;
  color: inherit;
}
.brand.serif{
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 800;
  letter-spacing: .01em;
}

/* separator – punct plin NEGRU, la mijloc pe Y (ca în footer) */
.dot{
  display:inline-block;
  width: clamp(8px, 1vw, 14px);
  height: clamp(8px, 1vw, 14px);
  border-radius:50%;
  background:#000;
}

/* — Mobile tuning: mai multe branduri pe lățime mică (gap mai mic) */
@media (max-width: 820px){
  .brands-track{ gap: clamp(18px, 4.2vw, 28px); }
  .brand{ font-size: clamp(16px, 4.6vw, 22px); }
  .dot{ width: clamp(6px, 1.8vw, 10px); height: clamp(6px, 1.8vw, 10px); }
}

/* ===== FIX: no gap under brand bars & make bars larger (desktop) ===== */
.trust-brands{ margin-bottom: 0 !important; }
.brands-bar{
  border-top: 3px solid #000 !important;
  border-bottom: 3px solid #000 !important;
}
.brands-viewport{ padding-block: clamp(26px, 4.6vw, 48px) !important; }
.brands-track{ gap: clamp(42px, 7vw, 96px) !important; }
.brand{ font-size: clamp(20px, 3.2vw, 40px) !important; }
.dot{ width: clamp(10px, 1.4vw, 16px) !important; height: clamp(10px, 1.4vw, 16px) !important; }

/* ===== Mobile overrides: scoate min-height 100svh și reduce padding-urile ===== */
@media (max-width: 700px){
  #trust{
    min-height: auto !important;          /* ← elimină 100svh pe telefon */
  }
  #trust .trust-grid{
    /* fără +var(--navH) în top pe mobil; padding-uri mai mici */
    padding-top: clamp(20px, 5vw, 40px) !important;
    padding-bottom: clamp(12px, 4vw, 24px) !important;
  }

  .trust-brands{
    margin-top: clamp(12px, 3vw, 20px) !important;
    margin-bottom: 0 !important;
  }
  .brands-viewport{
    padding-block: clamp(14px, 3.5vw, 22px) !important;
  }
}

/* ===== Belt-and-suspenders: elimină orice spacing rezidual ===== */
#trust{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* dacă următoarea secțiune e video */
.video-section,
#video{ margin-top: 0 !important; }


/* === Border thickness (se schimbă automat pe desktop) === */
#trust { --brands-bw: 2px; }                /* mobil/tabletă */
@media (min-width: 1024px){
  #trust { --brands-bw: 3px; }              /* desktop */
}

/* Barele */
.brands-bar{
  position: relative;
  background:#fff;
  color:#000;
  border-top: var(--brands-bw) solid #000;
  border-bottom: var(--brands-bw) solid #000;
}

/* Divider-ul dintre bare = o singură linie, exact cât borderul */
.brands-divider{
  height: var(--brands-bw);
  background:#000;
  margin: 0;              /* lipit */
  line-height: 0;
}

/* IMPORTANT: elimină borderele care se suprapun cu dividerul */
.brands-bar.bar-top    { border-bottom: 0 !important; }
.brands-bar.bar-bottom { border-top:    0 !important; }