/* P07 Hakkımızda — MASTER 07 (v3, D-022).
   MASTER 1024 px genişlikte; 1440 tasarım viewport'unda ölçek 1,406 (D-003). Bölüm yükseklikleri MASTER'dan alt sınır
   (min-height); metin uzarsa bölüm doğal olarak uzar, yazı küçülmez. */

.ab-h2 { position: relative; padding-top: 26px; font-size: var(--tt-fs-h2); font-weight: 700; line-height: 1.1; letter-spacing: var(--tt-track-tight); }
.ab-h2::before { content: ""; position: absolute; left: 0; top: 0; width: 64px; height: 4px; background: var(--tt-red); }
.ab-text { margin-top: 20px; color: var(--tt-ink-2); font-size: 1.125rem; line-height: 1.6; }
.ab-text p + p { margin-top: 14px; }
.ab-img { border-radius: 0; }

/* Hero: koyu filo görseli, solda metin (MASTER 52–360 → 433 px). */
.ab-hero { position: relative; display: flex; align-items: center; min-height: 433px; overflow: hidden; color: #fff; background: var(--tt-anthracite); }
.ab-hero-media.media-img { position: absolute; inset: 0; }
:where(.ab-hero-media.media-img) { --fx: 72%; --fy: 60%; }
.ab-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(10, 13, 18, 0.78) 0%, rgba(10, 13, 18, 0.45) 38%, rgba(10, 13, 18, 0) 62%); }
.ab-hero-content { position: relative; z-index: 2; width: 100%; padding-block: 46px 44px; }
.ab-eyebrow { position: relative; padding-bottom: 18px; font-size: 1.0625rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }
.ab-eyebrow::after { content: ""; position: absolute; left: 0; bottom: 0; width: 70px; height: 4px; background: var(--tt-red); }
.ab-hero h1 { margin-top: 22px; max-width: 9.4em; font-size: clamp(2.5rem, 3.9vw, 3.5rem); font-weight: 800; line-height: 1.02; letter-spacing: var(--tt-track-tight); }
.ab-lead { margin-top: 18px; max-width: 25em; font-size: 1.1875rem; line-height: 1.45; }
.ab-hero .btn { margin-top: 26px; min-width: 246px; }

/* Tanıtım: solda metin, sağda kenara taşan gündüz görseli (MASTER 360–665 → 429 px; görsel 821 px, 2,22:1). */
.ab-intro { display: grid; grid-template-columns: minmax(0, 41fr) minmax(0, 59fr); gap: 34px; min-height: 429px; padding-block: 30px; align-items: center; }
.ab-intro .ab-copy { padding-left: var(--tt-gutter); }
.ab-intro-media { align-self: stretch; display: flex; align-items: center; }
.ab-intro-media .media-img, .ab-intro-media .asset-pending { width: 100%; height: auto; aspect-ratio: 584 / 263; }
:where(.ab-intro-media .media-img) { --fx: 50%; --fy: 62%; }

/* Misyon: solda kenara taşan araç sırası görseli, sağda metin (MASTER 665–900 → 330 px; görsel %57,6). */
.ab-mission { display: grid; grid-template-columns: minmax(0, 576fr) minmax(0, 424fr); min-height: 330px; }
.ab-mission-media { position: relative; min-height: 330px; }
.ab-mission-media .media-img, .ab-mission-media .asset-pending { position: absolute; inset: 0; height: 100%; }
:where(.ab-mission-media .media-img) { --fx: 30%; --fy: 55%; }
.ab-mission .ab-copy { align-self: center; padding: 40px var(--tt-gutter) 40px 58px; }

/* Vizyon: koyu panoramik görsel üzerinde sağda metin (MASTER 903–1145 → 340 px). */
.ab-vision { position: relative; display: flex; align-items: center; min-height: 340px; overflow: hidden; color: #fff; background: #0b1119; }
.ab-vision-media { position: absolute; inset: 0; }
.ab-vision-media .media-img { height: 100%; }
:where(.ab-vision-media .media-img) { --fx: 30%; --fy: 60%; }
.ab-vision::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(11, 17, 25, 0) 36%, rgba(11, 17, 25, 0.7) 58%, rgba(11, 17, 25, 0.9) 100%); }
.ab-vision-inner { position: relative; z-index: 2; width: 100%; display: flex; justify-content: flex-end; padding-block: 44px; }
/* MASTER: metin sütunu x 686/1024 → 1440'ta ≈ 965 px'ten başlar, sağdaki koyu alanda kalır. */
.ab-vision .ab-copy { width: min(100%, 430px); }
.ab-vision .ab-text { color: rgba(255, 255, 255, 0.9); }

/* Kalite politikası: açık zemin, solda metin, ince ayırıcı, sağda üç ilke (MASTER 1145–1405 → 366 px). */
.ab-quality { background: #f1f1f3; }
.ab-quality-grid { display: grid; grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1.06fr); column-gap: 74px; min-height: 366px; padding-block: 40px 44px; align-items: center; }
.ab-quality-grid::before { content: ""; grid-column: 2; grid-row: 1; align-self: stretch; background: #d4d5d9; margin-block: 8px; }
.ab-quality .ab-copy { grid-column: 1; grid-row: 1; }
.ab-principles { grid-column: 3; grid-row: 1; margin: 0; padding: 0; list-style: none; }
.ab-principles li { position: relative; padding-left: 84px; }
.ab-principles li + li { margin-top: 26px; }
.ab-principles li::before { content: ""; position: absolute; left: 0; top: 0.72em; width: 56px; height: 4px; background: var(--tt-red); }
.ab-principles h3 { font-size: 1.5rem; font-weight: 700; line-height: 1.25; letter-spacing: -0.02em; }
.ab-principles p { margin-top: 6px; color: var(--tt-ink-2); font-size: 1.0625rem; line-height: 1.5; }

/* Kapanış bandı: koyu zemin, kırmızı ışık çizgisi, sağda iki buton (MASTER 1405–1536 → 184 px). */
.ab-cta { position: relative; overflow: hidden; color: #fff; background: #0c0f12; }
/* Kırmızı ışık çizgisi MASTER'daki gibi sağ yarıda: metnin altından geçmez. */
.ab-cta::before { content: ""; position: absolute; top: 0; bottom: 0; left: 46%; right: 0; background:
  linear-gradient(162deg, transparent 50%, rgba(253, 87, 0, 0.6) 53%, rgba(253, 87, 0, 0) 56%),
  radial-gradient(70% 130% at 92% 0%, rgba(253, 87, 0, 0.24), transparent 62%); pointer-events: none; }
.ab-cta-inner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 40px; min-height: 184px; padding-block: 34px; }
.ab-cta-copy { position: relative; padding-left: 30px; }
.ab-cta-copy::before { content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 4px; background: var(--tt-red); }
.ab-cta h2 { font-size: clamp(2rem, 3.1vw, 2.75rem); font-weight: 800; line-height: 1.1; letter-spacing: var(--tt-track-tight); }
.ab-cta p { margin-top: 12px; max-width: 38em; color: rgba(255, 255, 255, 0.86); font-size: 1.1875rem; line-height: 1.45; }
.ab-cta-actions { display: flex; flex: none; gap: 30px; }
.ab-cta-actions .btn { min-width: 222px; min-height: 52px; }
.ab-btn-ghost { border: 2px solid #fff; color: #fff; background: transparent; }
.ab-btn-ghost:hover { background: #fff; color: var(--tt-ink); }

/* Tablet: sütunlar alt alta; görseller tam genişlik. */
@media (max-width: 1023px) {
  .ab-intro, .ab-mission { grid-template-columns: minmax(0, 1fr); gap: 0; min-height: 0; padding-block: 0; }
  .ab-intro .ab-copy, .ab-mission .ab-copy { padding: 48px var(--tt-gutter) 40px; }
  .ab-intro-media .media-img, .ab-intro-media .asset-pending { aspect-ratio: 16 / 8; }
  /* Dar ekranda misyon görseli metnin altında: tanıtım görseliyle art arda iki görsel oluşmaz. */
  .ab-mission-media { order: 1; min-height: 0; aspect-ratio: 16 / 8; }
  .ab-vision { display: block; min-height: 0; background: var(--tt-anthracite); }
  .ab-vision-media { position: relative; aspect-ratio: 16 / 7; }
  .ab-vision::before { display: none; }
  .ab-vision-inner { display: block; padding-block: 40px 44px; }
  .ab-vision .ab-copy { width: auto; }
  .ab-quality-grid { grid-template-columns: minmax(0, 1fr); row-gap: 34px; min-height: 0; }
  .ab-quality-grid::before { display: none; }
  .ab-quality .ab-copy, .ab-principles { grid-column: 1; grid-row: auto; }
  .ab-cta-inner { flex-direction: column; align-items: flex-start; gap: 26px; }
}

@media (max-width: 767px) {
  .ab-hero { min-height: 420px; }
  .ab-hero::before { background: linear-gradient(90deg, rgba(10, 13, 18, 0.86) 0%, rgba(10, 13, 18, 0.6) 70%, rgba(10, 13, 18, 0.35) 100%); }
  .ab-hero-content { padding-block: 40px; }
  .ab-lead { font-size: 1.0625rem; }
  .ab-hero .btn { width: 100%; }
  .ab-text { font-size: 1.0625rem; }
  .ab-intro-media .media-img, .ab-intro-media .asset-pending, .ab-mission-media, .ab-vision-media { aspect-ratio: 4 / 3; }
  .ab-principles li { padding-left: 0; padding-top: 18px; }
  .ab-principles li::before { top: 0; width: 46px; }
  .ab-principles h3 { font-size: 1.3125rem; }
  .ab-cta-actions { flex-direction: column; width: 100%; gap: 12px; }
  .ab-cta-actions .btn { width: 100%; min-width: 0; }
}