/* =====================================================================
   ATA B2B - Temel reset & tipografi (yalnizca .ata-b2b sarmalayicisinda)
   ===================================================================== */
.ata-b2b {
    background: var(--ata-bg);
    color: var(--ata-ink);
    font-family: var(--ata-font);
    font-size: 14px;
    line-height: 1.55;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ata-b2b *,
.ata-b2b *::before,
.ata-b2b *::after { box-sizing: border-box; }

.ata-b2b a {
    color: var(--ata-red);
    text-decoration: none;
    transition: color var(--ata-tr-fast);
}
.ata-b2b a:hover,
.ata-b2b a:focus { color: var(--ata-red-700); text-decoration: none; }

.ata-b2b h1,
.ata-b2b h2,
.ata-b2b h3,
.ata-b2b h4,
.ata-b2b h5 {
    font-family: var(--ata-font-h);
    color: var(--ata-ink);
    margin: 0 0 .5em;
    font-weight: 700;
    letter-spacing: -.01em;
}
.ata-b2b h1 { font-size: 32px; line-height: 1.2; }
.ata-b2b h2 { font-size: 24px; line-height: 1.25; }
.ata-b2b h3 { font-size: 18px; line-height: 1.3; }
.ata-b2b p  { margin: 0 0 .8em; color: var(--ata-ink-2); }

.ata-b2b img { max-width: 100%; height: auto; }

/* Ortak konteyner sinifi (Bootstrap .container'i ezmeden) */
.ata-b2b .ata-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 18px;
}

.ata-b2b .ata-section { padding: 48px 0; }
.ata-b2b .ata-section--tight { padding: 28px 0; }

.ata-b2b .ata-section-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}
.ata-b2b .ata-section-title h2 {
    margin: 0;
    font-size: 22px;
    color: var(--ata-red-700);
}
.ata-b2b .ata-section-title__line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, var(--ata-red) 0%, transparent 100%);
    border-radius: 2px;
}

/* Yardimci sinif */
.ata-b2b .ata-text-mute   { color: var(--ata-mute); }
.ata-b2b .ata-text-brand  { color: var(--ata-red); }
.ata-b2b .ata-text-center { text-align: center; }
.ata-b2b .ata-mt-0 { margin-top: 0 !important; }
.ata-b2b .ata-mb-0 { margin-bottom: 0 !important; }
