/* referanslar.css — Referanslarımız Sayfası */

/* ═══ STATS ŞERİDİ ═══ */
.refs-pg-stats {
    display: flex; align-items: center; justify-content: center;
    gap: 60px; flex-wrap: wrap;
    padding: 48px 40px;
    border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
    text-align: center;
}
.refs-pg-stat { display: flex; flex-direction: column; gap: 6px; }
.refs-pg-stat-num {
    font-size: 40px; font-weight: 800; color: var(--ink);
    line-height: 1; letter-spacing: -0.02em;
}
.refs-pg-stat-num em { font-style: normal; color: var(--red); }
.refs-pg-stat-lbl {
    font-size: 11px; font-weight: 700; color: var(--muted);
    letter-spacing: 1.6px; text-transform: uppercase;
}

/* ═══ LOGO GRİD ═══ */
.refs-pg-grid-sec { background: #fff; padding: 130px 0; }
.refs-pg-grid-inner { max-width: var(--maxw); margin: 0 auto; padding: 0 40px; }
.refs-pg-grid-head {
    display: flex; align-items: flex-end; justify-content: space-between;
    gap: 40px; margin-bottom: 64px;
}
.refs-pg-grid-head-left { max-width: 680px; }
.refs-pg-grid-head-right {
    max-width: 340px; font-size: 14px; line-height: 1.6;
    color: var(--muted); padding-bottom: 8px;
}
.refs-pg-grid-eyebrow {
    display: inline-flex; align-items: center; gap: 10px;
    font-size: 11px; font-weight: 700; color: var(--muted);
    letter-spacing: 2.4px; text-transform: uppercase; margin-bottom: 22px;
}
.refs-pg-grid-eyebrow::before { content: ""; width: 32px; height: 1px; background: var(--red); }
.refs-pg-grid-sec h2 {
    font-size: clamp(32px, 4vw, 52px); font-weight: 700;
    color: var(--ink); line-height: 1.1; letter-spacing: -0.02em;
}
.refs-pg-grid {
    list-style: none; padding: 0; margin: 0;
    display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px;
}
.refs-pg-card {
    border-radius: var(--r-md);
    border: 1px solid var(--border);
    transition: transform .35s var(--ease-motion), box-shadow .35s, border-color .35s;
}
.refs-pg-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -16px rgba(243,0,5,0.25);
    border-color: var(--red);
}
.refs-pg-card figure {
    margin: 0; padding: 0;
    display: flex; flex-direction: column; align-items: stretch;
}
.refs-pg-card figure img,
.refs-pg-card-placeholder {
    display: block; width: 100%; padding: 24px 28px 12px; box-sizing: border-box;
    max-height: 80px; object-fit: contain; object-position: center;
    flex: 1; min-height: 60px;
}
.refs-pg-card-placeholder {
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700; color: var(--muted); text-align: center;
}
.refs-pg-card-name {
    font-size: 11px; font-weight: 700; color: var(--muted);
    letter-spacing: 0.5px; text-align: center;
    padding: 0 14px 16px; line-height: 1.3;
}

/* ═══ FİRMA LİSTESİ ═══ */
.refs-pg-list-sec { background: var(--surface); padding: 120px 0; }
.refs-pg-list-inner { max-width: var(--maxw); margin: 0 auto; padding: 0 40px; }
.refs-pg-list-head {
    display: flex; align-items: flex-end; justify-content: space-between;
    gap: 40px; margin-bottom: 64px;
}
.refs-pg-list-head-left { max-width: 680px; }
.refs-pg-list-head-right {
    max-width: 340px; font-size: 14px; line-height: 1.6;
    color: var(--muted); padding-bottom: 8px;
}
.refs-pg-list-eyebrow {
    display: inline-flex; align-items: center; gap: 10px;
    font-size: 11px; font-weight: 700; color: var(--muted);
    letter-spacing: 2.4px; text-transform: uppercase; margin-bottom: 22px;
}
.refs-pg-list-eyebrow::before { content: ""; width: 32px; height: 1px; background: var(--red); }
.refs-pg-list-sec h2 {
    font-size: clamp(30px, 3.8vw, 48px); font-weight: 700;
    color: var(--ink); line-height: 1.1; letter-spacing: -0.02em;
}
.refs-pg-list-sec h2 em { font-style: normal; color: var(--red); }
.refs-pg-list {
    list-style: none; padding: 0; margin: 0;
    display: grid; grid-template-columns: 1fr 1fr; gap: 0;
    border-top: 1px solid var(--border);
}
.refs-pg-list-item {
    display: flex; align-items: center; gap: 20px;
    padding: 20px 24px; border-bottom: 1px solid var(--border);
    transition: background .2s;
}
.refs-pg-list-item:hover { background: #fff; }
.refs-pg-list-num {
    font-size: 12px; font-weight: 800; color: var(--red);
    letter-spacing: 1px; min-width: 28px;
}
.refs-pg-list-name { font-size: 15px; font-weight: 600; color: var(--ink); flex: 1; }
.refs-pg-list-sector { font-size: 11px; color: var(--muted); font-weight: 500; }

/* ═══ CTA ═══ */
.refs-pg-cta { background: var(--ink); padding: 120px 40px; text-align: center; }
.refs-pg-cta-inner { max-width: 640px; margin: 0 auto; }
.refs-pg-cta-eyebrow {
    display: inline-flex; align-items: center; gap: 10px;
    font-size: 11px; font-weight: 700; color: #888;
    letter-spacing: 2.4px; text-transform: uppercase; margin-bottom: 24px;
}
.refs-pg-cta-eyebrow::before { content: ""; width: 32px; height: 1px; background: var(--red); }
.refs-pg-cta h2 {
    font-size: clamp(30px, 3.8vw, 48px); font-weight: 700;
    color: #fff; line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 16px;
}
.refs-pg-cta h2 em { font-style: normal; color: var(--red); }
.refs-pg-cta p { font-size: 16px; color: rgba(255,255,255,0.65); margin-bottom: 40px; }
.refs-pg-cta-btn {
    display: inline-flex; align-items: center; gap: 14px;
    padding: 18px 36px; background: var(--red); border-radius: var(--r-full);
    color: #fff; font-size: 13px; font-weight: 700;
    letter-spacing: 1.6px; text-transform: uppercase;
}
.refs-pg-cta-btn span, .refs-pg-cta-btn i { position: relative; z-index: 1; }
.refs-pg-cta-btn i { font-size: 13px; display: inline-block; transition: transform .3s; }
.refs-pg-cta-btn:hover { background: var(--red-hover); }
.refs-pg-cta-btn:hover i { transform: translateX(4px); }

/* ═══ RESPONSIVE ═══ */
@media (max-width: 980px) {
    .refs-pg-hero { padding: 160px 24px 80px; }
    .refs-pg-grid-inner, .refs-pg-list-inner { padding: 0 24px; }
    .refs-pg-grid-head, .refs-pg-list-head { flex-direction: column; align-items: flex-start; gap: 20px; }
    .refs-pg-grid-head-right, .refs-pg-list-head-right { max-width: 100%; }
    .refs-pg-grid { grid-template-columns: repeat(3, 1fr); }
    .refs-pg-list { grid-template-columns: 1fr; }
    .refs-pg-grid-sec, .refs-pg-list-sec { padding: 80px 0; }
    .refs-pg-cta { padding: 80px 24px; }
}
@media (max-width: 560px) {
    .refs-pg-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .refs-pg-stats { gap: 32px; }
    .refs-pg-card figure img, .refs-pg-card-placeholder { padding: 16px 12px 10px; min-height: 48px; }
    .refs-pg-card-name { font-size: 10px; padding: 0 8px 12px; }
    .refs-pg-grid-sec { padding: 60px 0; }
    .refs-pg-list-sec { padding: 60px 0; }
}
@media (max-width: 380px) {
    .refs-pg-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .refs-pg-grid-inner, .refs-pg-list-inner { padding: 0 12px; }
    .refs-pg-card figure img, .refs-pg-card-placeholder { padding: 12px 8px 8px; min-height: 40px; max-height: 60px; }
    .refs-pg-card-name { font-size: 9px; padding: 0 6px 10px; }
    .refs-pg-list-item { padding: 16px; gap: 12px; }
    .refs-pg-list-name { font-size: 14px; }
}