/* REFERANSLAR — Açık Mavi */
body { background: var(--c-surface) !important; }

.test-card {
  background: var(--c-card); border: 1px solid var(--c-border);
  border-radius: var(--radius); padding: 30px 28px; height: 100%; transition: var(--transition);
  position: relative; overflow: hidden;
}
.test-card::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;
  background: var(--grad-primary); transform: scaleX(0); transform-origin: left; transition: transform .4s ease;
}
.test-card:hover { border-color: rgba(200,150,12,.25); transform: translateY(-8px); box-shadow: 0 20px 50px rgba(200,150,12,.12); }
.test-card:hover::after { transform: scaleX(1); }

.stars { display: flex; gap: 4px; margin-bottom: 16px; }
.stars i { color: #f59e0b; font-size: 14px; }

.quote-ico {
  width: 40px; height: 40px; background: rgba(200,150,12,0.08); border: 1px solid var(--c-border);
  border-radius: 10px; display: flex; align-items: center; justify-content: center;
  color: var(--c-blue1); font-size: 16px; margin-bottom: 18px;
}
.test-card > p { color: var(--c-muted); font-size: 14.5px; line-height: 1.8; font-style: italic; }
.t-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(200,150,12,.2); }
.test-card h6 { color: var(--c-text); font-weight: 700; }
.test-card small { color: var(--c-blue1); font-weight: 600; }

.client-logo { opacity: .35; filter: grayscale(100%); transition: var(--transition); max-height: 36px; margin: 0 auto; }
.client-logo:hover { opacity: .75; filter: grayscale(0%); }