/* ==========================================================================
   TRN Teknoloji - İş Ortaklığı sayfaları ortak stilleri
   (Genius Partner Programı, Kazanç Modeli, İş Ortaklarımız, Başvuru)
   ========================================================================== */

.io-page{background:#fff}
.io-page h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.15;letter-spacing:-.025em}
.io-page h2{font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.15;letter-spacing:-.025em}
.io-page h3{font-size:1.2rem;line-height:1.15;letter-spacing:-.025em}
.io-page .eyebrow{margin:0 0 8px;font-size:.8rem;font-weight:850;letter-spacing:.12em}
.io-page .lead{color:#5f626b;font-size:clamp(1rem,1.5vw,1.15rem)}
.io-page section.content{padding:72px 0}
.io-page .section-head{max-width:800px;margin:0 auto 38px;text-align:center}
.io-page .section-head .lead{margin-top:12px}

/* Sayfa üstü breadcrumb (koyu hero içinde) */
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;color:#d4d5d9;font-size:.86rem;list-style:none}
.breadcrumb a:hover{color:#fff}
.breadcrumb li+li::before{content:'/';margin-right:8px;color:#8e9198}

/* Kapanış butonu + Elite iş ortakları bandı */
.closing{padding:58px 0 0;text-align:center}
.closing .btn{margin-bottom:36px}
.elite-band{width:100%;padding:30px 0 34px;border-top:1px solid #e6e7eb;background:#f7f7f8}
.io-page .elite-band h2{margin-bottom:22px;font-size:clamp(1.55rem,2.5vw,2.15rem)}
.elite-logos{display:grid;width:100%;grid-template-columns:repeat(var(--logos,7),minmax(0,1fr));align-items:center;gap:14px}
.partner-logo{display:flex;width:100%;height:86px;padding:13px;align-items:center;justify-content:center;border:1px solid #e4e5e8;border-radius:12px;background:#fff;transition:transform .2s,box-shadow .2s}
.partner-logo:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(17,18,23,.08)}
.partner-logo:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.partner-logo img{width:100%;height:100%;object-fit:contain}

@media(max-width:940px){
  .elite-logos{grid-template-columns:repeat(3,1fr);row-gap:16px}
}
@media(max-width:640px){
  .io-page section.content{padding:56px 0}
  .elite-logos{grid-template-columns:repeat(2,1fr);padding-bottom:10px}
}