/* ==========================================================================
   TESTIMONIALS / RECENZII — shared block styles (identical on every page)
   Loaded globally from base.html AFTER page-specific CSS so it overrides any
   per-page ".quotes" rules and renders the same dark homepage look everywhere.
   Colors are hardcoded (not relying on per-page :root) to stay self-contained.
   ========================================================================== */
.quotes{
  padding:96px 0;
  background:linear-gradient(180deg,#0e1f3a,#0a1226);
  color:#fff;
  position:relative;
}
.quotes .tex-grid{
  position:absolute;
  inset:0;
  opacity:.3;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:48px 48px;
}
.quotes .wrap{ position:relative; }
.quotes .sec-head h2{ color:#fff; }
.quotes .sec-head p{ color:rgba(255,255,255,.72); }
.quotes .kicker{ color:#99d420 !important; }
.quotes .q-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:48px;
}
.quotes .qcard{
  background:linear-gradient(180deg, rgba(31,68,118,.22), rgba(14,31,58,.5));
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  padding:28px;
  display:flex;
  flex-direction:column;
  box-shadow:none;
  transition:transform .15s,border-color .15s;
}
.quotes .qcard:hover{ transform:translateY(-4px); border-color:rgba(153,212,32,.45); }
.quotes .qcard .stars{ color:#ffd24a; font-size:16px; letter-spacing:2px; }
.quotes .qcard p{ font-size:15.5px; line-height:1.6; color:#eaf0fa; margin:14px 0 20px; flex:1; }
.quotes .qcard .who{ display:flex; align-items:center; gap:12px; }
.quotes .qcard .av{
  width:42px; height:42px; border-radius:50%;
  background:#99d420; color:#0e1f3a;
  display:grid; place-items:center;
  font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:16px;
  flex:0 0 auto;
}
.quotes .qcard .who .nm{ font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:15px; color:#fff; }
.quotes .qcard .who .role{ font-size:12.5px; color:rgba(255,255,255,.72); }

@media (max-width:980px){
  .quotes .q-grid{ grid-template-columns:1fr; }
}
@media (max-width:620px){
  .quotes .sec-head h2{ font-size:28px; }
}