/* ============================================================
   referanslar.css — Referanslar (referanslar.php)
   referans logo ızgarası · yerel bant
   Mobil öncelikli: base · 768 · 1200
   ============================================================ */

/* ---------- Referans ızgarası ---------- */
.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ref-logo{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#fff;border-radius:14px;padding:16px;transition:transform .35s,box-shadow .35s}
.ref-logo:hover{transform:translateY(-3px);box-shadow:0 16px 34px -14px rgba(0,0,0,.55)}
.ref-logo img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .35s}
.ref-logo:hover img{transform:scale(1.05)}

/* ---------- Yerel SEO bandı ---------- */
.local-band{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start;padding:clamp(22px,3vw,32px);border:1px solid rgba(251,178,23,.22);border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(251,178,23,.08),rgba(255,255,255,.015))}
.local-band__ic{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:var(--grad-gold);color:#1a1205;flex:0 0 auto}
.local-band__ic svg{width:28px;height:28px}
.local-band h3{font-size:1.25rem;margin-bottom:.4rem}
.local-band p{color:var(--muted);font-size:.98rem}


/* ============================================================
   768px ve üstü — tablet
   ============================================================ */
@media (min-width:768px){
  .ref-grid{grid-template-columns:repeat(4,1fr);gap:18px}
  .local-band{flex-direction:row;align-items:flex-start}
}

/* ============================================================
   1200px ve üstü — masaüstü
   ============================================================ */
@media (min-width:1200px){
  .ref-grid{grid-template-columns:repeat(5,1fr)}
}