/* Mühendislik ve Post-Process sayfaları — style.css'in üzerine yalnızca bu iki sayfada yüklenen küçük ekler */

/* Giriş fotoğrafı dikey çekim: kadrajı üst-orta tut */
.tek-foto.dikey img { object-position: center 28%; }

/* Hizmet kutuları: teknoloji sayfalarındaki .tek-kutu'nun dörtlüsü */
.dt-kutular { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.dt-kutular .tek-kutu { display: grid; align-content: start; gap: 10px; }
.dt-kutular .tek-kutu p { margin: 0; font-size: 15px; line-height: 1.55; color: var(--ikincil); }
.dt-kutular .tek-kutu-not { margin-top: 4px; }

/* Ölçüm raporu: fotoğraf/ekran görüntüsü yeri + ölçü tablosu */
.dt-rapor { display: grid; grid-template-columns: 1.1fr 1fr; gap: 28px; align-items: start; }
.dt-rapor .tek-parca-gorsel { aspect-ratio: 4 / 3; border-radius: 8px; }
.dt-rapor .tek-parca-gorsel svg { width: 32px; height: 32px; }
.dt-rapor .tek-parca-gorsel span { font-size: 14px; }
.dt-rapor-not { margin: 12px 0 0; font-size: 14px; color: var(--soluk); }
.dt-tablo { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.dt-tablo th { text-align: left; font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--soluk); padding: 0 8px 10px; border-bottom: 1px solid var(--cizgi-guclu); }
.dt-tablo td { padding: 10px 8px; border-bottom: 1px solid var(--cizgi); vertical-align: middle; }
.dt-tablo td:first-child { font-weight: 600; color: var(--murekkep); }
.dt-tablo .dt-sayi { font-family: var(--yazi-mono); font-size: 13.5px; white-space: nowrap; color: var(--murekkep); }
.dt-tablo tr:last-child td { border-bottom: 0; }
.dt-durum { white-space: nowrap; font-size: 13px; font-weight: 600; }
.dt-durum.ok { color: #1B7A45; }
.dt-durum.disinda { color: #B42318; }

/* Beş yüzey seviyesi: .tek-pullar'ın beşlisi, pul yerine yüzey rengi */
.tek-pullar.bes { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.tek-pul .dt-ra { margin-top: 6px; font-size: 13px; color: var(--soluk); }
.tek-pul .dt-ra strong { color: var(--murekkep); font-family: var(--yazi-mono); font-weight: 500; }

/* Yöntem × işlem matrisi */
.dt-matris-sar { overflow-x: auto; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--zemin); }
.dt-matris { width: 100%; border-collapse: collapse; min-width: 640px; font-size: 14px; }
.dt-matris th, .dt-matris td { padding: 14px 16px; text-align: center; border-bottom: 1px solid var(--cizgi); }
.dt-matris thead th { font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--soluk); background: var(--kart-zemin); }
.dt-matris th:first-child, .dt-matris td:first-child { text-align: left; }
.dt-matris tbody th { font-family: var(--yazi-baslik); font-size: 20px; font-weight: 600; text-transform: uppercase; color: var(--murekkep); }
.dt-matris tbody th small { display: block; font-family: var(--yazi-govde); font-size: 12.5px; font-weight: 400; text-transform: none; color: var(--soluk); margin-top: 2px; }
.dt-matris tbody tr:last-child td, .dt-matris tbody tr:last-child th { border-bottom: 0; }
.dt-matris td { color: var(--murekkep); }
.dt-matris td.std { font-weight: 600; }
.dt-matris td.yok { color: var(--cizgi-guclu); }
.dt-matris-acik { margin: 12px 4px 0; font-size: 13px; color: var(--soluk); }

/* RAL renk örnekleri */
.dt-ral { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 14px; }
.dt-ral i { display: block; aspect-ratio: 4 / 3; border-radius: 6px; background: var(--renk); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); }
.dt-ral strong { display: block; margin-top: 8px; font-size: 13.5px; font-weight: 600; }
.dt-ral small { display: block; font-size: 12.5px; color: var(--soluk); }

/* Karar rehberi */
.dt-karar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.dt-karar .tek-kutu { display: grid; align-content: start; gap: 8px; }
.dt-karar .tek-kutu p { margin: 0; font-size: 15px; color: var(--ikincil); }
.dt-karar .tek-kutu p.dt-kime { font-size: 13.5px; color: var(--soluk); }
.dt-karar .tek-kutu dl { margin: 8px 0 0; }

@media (max-width: 1099px) {
  .dt-kutular { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dt-rapor { grid-template-columns: 1fr; }
  .tek-pullar.bes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dt-ral { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 699px) {
  .dt-kutular, .dt-karar { grid-template-columns: 1fr; }
  .tek-pullar.bes { grid-template-columns: 1fr 1fr; }
  .dt-ral { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Teknik çizim figürleri */
.tek-foto.cizim { background: #fff; border-radius: 8px; }
.tek-foto.cizim svg { display: block; width: 100%; height: auto; }
.dt-cizim { margin: 0 0 24px; border-radius: 8px; overflow: hidden; border: 1px solid var(--cizgi); background: #fff; }
.dt-cizim svg { display: block; width: 100%; height: auto; }
.dt-cizim figcaption { padding: 10px 16px; font-size: 13px; color: var(--soluk); border-top: 1px solid var(--cizgi); }
.dt-rapor .dt-cizim { margin: 0; }
.tek-pul .yp { border: 1px solid var(--cizgi); border-radius: 6px; background: #fff; margin-bottom: 8px; }
.tek-pul .yp svg { display: block; width: 100%; height: auto; }
.dt-foto-metin { margin-top: 24px; align-items: stretch; }
.dt-foto-metin .tek-foto { box-shadow: 0 1px 2px var(--golge-ince); }
.dt-foto-metin .tek-foto img { aspect-ratio: auto; height: 100%; min-height: 320px; object-fit: cover; }
.dt-foto-metin .tek-kutu p { margin: 0 0 12px; font-size: 15px; color: var(--ikincil); }
/* Kare kadrajlı fotoğraf (mühendislik, yedek parça): metnin boyuna uzamaz, 1:1 kalır */
.dt-foto-metin .tek-foto.kare { align-self: start; }
.dt-foto-metin .tek-foto.kare img { aspect-ratio: 1 / 1; height: auto; min-height: 0; }

/* Eşit kutular: üçlü ızgara, metin üstte, liste altta hizalı */
.dt-kutular.uc { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dt-kutular .dt-esit { display: flex; flex-direction: column; gap: 10px; }
.dt-kutular .dt-esit p { flex: 1; }
.dt-kutular .dt-esit .md-ana-liste { margin-top: 4px; }
@media (max-width: 1099px) { .dt-kutular.uc { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 699px) { .dt-kutular.uc { grid-template-columns: 1fr; } }
.dt-kutular .dt-esit .md-kucuk-baslik { font-size: 24px; letter-spacing: 0; text-transform: none; line-height: 1.15; }

/* Giriş: RAL mozaiği bölümün tüm arka planını kaplar; soldaki metin alanı koyu perdeyle okunur kalır */
.dt-mozaik-giris::after { display: none; }
.dt-mozaik { position: absolute; inset: 0; z-index: 0; margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(0, 1fr)); }
.dt-mozaik li { min-width: 0; background: var(--renk); padding: 10px 12px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; }
.dt-mozaik li.acik { color: #121A26; }
.dt-mozaik strong { font: 600 13px/1.2 var(--yazi-mono); letter-spacing: 0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dt-mozaik small { font-size: 12.5px; line-height: 1.3; opacity: 0.85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dt-mozaik-perde { position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(12, 21, 33, 0.95) 0%, rgba(12, 21, 33, 0.93) 51%, rgba(12, 21, 33, 0.6) 59%, rgba(12, 21, 33, 0.1) 72%, rgba(12, 21, 33, 0.04) 100%); }
.dt-mozaik-giris .tek-giris-ic { min-height: 520px; }
@media (max-width: 1099px) {
  .dt-mozaik { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .dt-mozaik small, .dt-mozaik strong { display: none; }
  .dt-mozaik-perde { background: rgba(12, 21, 33, 0.86); }
  .dt-mozaik-giris .tek-giris-ic { min-height: 0; }
}

/* Yüzey seviyeleri tablosu */
.dt-seviye th, .dt-seviye td { text-align: left; vertical-align: top; }
.dt-seviye tbody th { white-space: nowrap; }
.dt-seviye td { color: var(--ikincil); font-size: 14px; line-height: 1.5; }
.dt-seviye td.std { color: var(--murekkep); font-weight: 500; white-space: nowrap; }
.dt-foto-metin.ilk { margin-top: 0; }

/* Tam genişlik görsel */
.dt-gorsel { margin: 0; }
.gizli-baslik { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.dt-gorsel img { display: block; width: 100%; height: auto; }

/* Yatay kart: solda görsel, sağda metin */
.dt-yatay-kart { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: var(--zemin); border-radius: 8px; overflow: hidden; box-shadow: 0 1px 2px var(--golge-ince), 0 12px 32px -22px var(--golge-guclu); }
.dt-yatay-gorsel { margin: 0; min-height: 100%; }
.dt-yatay-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dt-yatay-metin { padding: clamp(24px, 3vw, 40px); display: grid; align-content: start; gap: 12px; }
.dt-yatay-metin p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--ikincil); }
.dt-yatay-metin .md-ana-liste { margin-top: 8px; }
@media (max-width: 899px) { .dt-yatay-kart { grid-template-columns: 1fr; } .dt-yatay-gorsel img { aspect-ratio: 4 / 3; height: auto; } }

/* Yatay kartın üstten görselli hâli (Son işlem, boya bölümü): fotoğraf yatay ve tam genişlikte,
   altında başlık ve iki parça metin (solda açıklama, sağda değer listesi); dar ekranda parçalar alt alta */
.dt-yatay-kart.dt-ust-gorsel { grid-template-columns: minmax(0, 1fr); }
.dt-ust-gorsel .dt-yatay-gorsel { min-height: 0; }
.dt-ust-gorsel .dt-yatay-gorsel img { height: auto; aspect-ratio: 2.3 / 1; object-position: 50% 18%; }
.dt-ust-gorsel .md-kucuk-baslik { margin-bottom: 6px; }
.dt-iki-parca { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 16px clamp(28px, 4vw, 56px); }
.dt-iki-parca .dt-parca { min-width: 0; display: grid; align-content: start; gap: 12px; padding-top: 10px; }
.dt-iki-parca .md-ana-liste { min-width: 0; margin-top: 0; }
@media (max-width: 899px) {
  .dt-ust-gorsel .dt-yatay-gorsel img { aspect-ratio: 2 / 1; object-position: 50% 20%; }
  .dt-iki-parca { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}

/* Giriş: fotoğraf bölümün arka planını kaplar (CNC). Fotoğraf sağ tarafa oturur, sol yanı metin perdesinin altında kalır */
.dt-giris-foto { position: absolute; top: 0; left: 38%; z-index: 0; width: 62%; max-width: none; height: 100%; object-fit: cover; object-position: 58% 50%; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24%); mask-image: linear-gradient(90deg, transparent 0, #000 24%); }
@media (max-width: 1099px) { .dt-giris-foto { left: 0; width: 100%; -webkit-mask-image: none; mask-image: none; } }

/* Görselli kutular (CNC): üstte alçak fotoğraf, altında metin */
.dt-kutular .dt-gorselli { padding: 0; gap: 0; overflow: hidden; }
.dt-gorselli .dt-kutu-gorsel { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; object-position: var(--odak, center); }
.dt-gorselli .dt-kutu-metin { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 16px 22px 18px; }

/* Beş kutudan sonra boş kalan hücre: soldaki kutunun kenarından çıkıp sağa uzanan soluk tezgâh çizimi (yalnız süs).
   Soldaki kutuya yapışması için ızgara aralığı kadar sola taşar, kutuların alt kenarına oturur; tek sütunda gizlenir */
.dt-kutu-ikon { min-width: 0; align-self: end; margin-left: -20px; color: var(--murekkep); opacity: 0.16; }
.dt-kutu-ikon svg { display: block; width: 100%; height: auto; }
@media (max-width: 699px) { .dt-kutu-ikon { display: none; } }

/* Malzeme dokuları (CNC): dokuz küçük karo, 3 x 3. Solda yakın çekim kare doku, sağda ad ve kullanım yeri.
   Orta genişlikte doku üstte, metin altta; telefonda tek sütun */
.dt-dokular { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 16px; }
.dt-doku { min-width: 0; padding: 10px; border-radius: 8px; background: var(--zemin); box-shadow: 0 1px 2px var(--golge-ince); display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: center; gap: 14px; }
.tek-bolum:not(.gri) .dt-doku { background: var(--kart-zemin); box-shadow: none; }
.dt-doku img { display: block; width: 76px; height: 76px; border-radius: 6px; object-fit: cover; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); }
.dt-doku-metin { min-width: 0; display: grid; gap: 2px; }
.dt-doku h3 { margin: 0; font-family: var(--yazi-baslik); font-size: 21px; font-weight: 600; line-height: 1.15; color: var(--murekkep); }
.dt-doku p { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--ikincil); }
@media (min-width: 700px) and (max-width: 1099px) {
  .dt-doku { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 10px; }
  .dt-doku img { width: 64px; height: 64px; }
}
@media (max-width: 699px) {
  .dt-dokular { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .dt-doku { grid-template-columns: 60px minmax(0, 1fr); padding: 8px; gap: 12px; }
  .dt-doku img { width: 60px; height: 60px; }
}

/* Yüzey aşamaları (CNC): dört adım yan yana. Üstte parça ve büyüteç görseli, altında sıra numarası, başlık ve açıklama */
.dt-asamalar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 20px; }
.dt-asama { min-width: 0; display: grid; align-content: start; gap: 12px; }
.dt-asama img { display: block; width: 100%; height: auto; }
.dt-asama-metin { display: grid; gap: 4px; padding-top: 12px; border-top: 2px solid var(--cizgi); }
.dt-asama-no { font-family: var(--yazi-mono); font-size: 12.5px; font-weight: 500; letter-spacing: 0.06em; color: var(--soluk); }
.dt-asama h3 { margin: 0; font-family: var(--yazi-baslik); font-size: 23px; font-weight: 600; line-height: 1.15; color: var(--murekkep); }
.dt-asama p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--ikincil); }
@media (max-width: 1099px) { .dt-asamalar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 419px) { .dt-asamalar { gap: 20px 12px; } .dt-asama h3 { font-size: 20px; } .dt-asama p { font-size: 13.5px; } }

/* Parça örnekleri (CNC): görseller 5:4'e yakın kadrajlı, parça kenardan kesilmesin */
.dt-galeri-54 .tek-parca-gorsel { aspect-ratio: 385 / 310; background: #F4F6F9; }

/* Kritik ölçü tablosu: dar ekranda sayfayı taşırmadan kendi kutusunda yatay kayar */
.dt-tablo-kap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.dt-tablo-kap:focus-visible { outline: 2px solid var(--mavi); outline-offset: 2px; }
@media (max-width: 559px) {
  .dt-tablo { min-width: 0; font-size: 13.5px; }
  .dt-tablo th { padding: 0 5px 8px; font-size: 12px; letter-spacing: 0.02em; }
  .dt-tablo td { padding: 9px 5px; }
  .dt-tablo .dt-sayi { font-size: 12.5px; }
  /* Durum sütunu telefonda işarete iner; yazı ekran okuyucuda kalır */
  .dt-tablo .dt-durum { font-size: 0; }
  .dt-tablo .dt-durum.ok::before { content: "✓"; font-size: 17px; }
  .dt-tablo .dt-durum.disinda::before { content: "✕"; font-size: 15px; }
  .dt-tablo th:last-child { font-size: 0; }
  .dt-tablo th:last-child::before { content: "✓"; font-size: 12px; }
}

/* Mühendislik girişi: arka planda parçayı tarayan el tipi tarayıcı çizimi, önde ölçüm raporu kolajı */
.dt-tarama-giris::after { display: none; }
.dt-tarama-giris .tek-giris-ic { min-height: 720px; align-items: center; }
.dt-tarama-cizim {
  position: absolute;
  z-index: 0;
  right: 1%;
  top: 44px;
  width: min(820px, 58vw);
  height: auto;
  opacity: 0.24;
  pointer-events: none;
}
.dt-kolaj {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px 16px;
  align-items: start;
  padding: 10px 6px;
  justify-self: end;
  align-self: end;
  width: 100%;
  max-width: 440px;
}
.dt-kolaj-kart {
  margin: 0;
  min-width: 0;
  padding: 6px 6px 0;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.14), 0 22px 44px -18px rgba(0, 0, 0, 0.6);
  transition: transform 0.25s ease;
}
.dt-kolaj-kart img { display: block; width: 100%; height: auto; border-radius: 4px; }
.dt-kolaj-kart figcaption {
  padding: 7px 4px 8px;
  font-family: var(--yazi-mono);
  font-size: 12.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--soluk);
}
.dt-kolaj .k1 { transform: rotate(-1.4deg); }
.dt-kolaj .k2 { transform: rotate(1.2deg) translateY(14px); }
.dt-kolaj .k3 { transform: rotate(0.8deg); }
.dt-kolaj .k4 { transform: rotate(-1deg) translateY(14px); }
.dt-kolaj-kart:hover { transform: rotate(0) translateY(-4px); z-index: 1; }
@media (max-width: 1099px) {
  .dt-tarama-giris .tek-giris-ic { min-height: 0; }
  .dt-tarama-cizim { width: 92vw; right: -20%; top: auto; bottom: -4%; opacity: 0.16; }
  .dt-kolaj { justify-self: center; max-width: 560px; }
}
@media (max-width: 699px) {
  .dt-kolaj { gap: 12px 10px; padding: 6px 0; }
  .dt-kolaj-kart figcaption { font-size: 11.5px; padding: 5px 2px 6px; }
}
@media (prefers-reduced-motion: reduce) { .dt-kolaj-kart { transition: none; } }

/* Ekibimizin yaptığı işler: her kutunun üstünde 3:2 ürün fotoğrafı */
.dt-isler .dt-kutu-gorsel { aspect-ratio: 3 / 2; }
.dt-isler .dt-kutu-metin { padding: 18px 22px 20px; }

/* Ölçüm raporu: iki gerçek rapor görüntüsü alt alta, yanında ölçü tablosu */
.dt-rapor-gorseller { display: grid; gap: 16px; }
.dt-rapor-gorseller .dt-cizim { margin: 0; }
.dt-rapor-gorseller .dt-cizim img { display: block; width: 100%; height: auto; }

/* Yüzey seviyeleri (7 Kasım): görsel infografik yerine sitenin kendi dizgisi. Beş kart, üstte doku yakın çekimi */
.dt-seviyeler .tek-pul { gap: 8px; }
.dt-seviyeler .yp { margin: 0 0 6px; border: 1px solid var(--cizgi); border-radius: 8px; overflow: hidden; background: #fff; }
.dt-seviyeler .yp img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.dt-seviyeler .dt-asama-no { font-family: var(--yazi-mono); font-size: 12.5px; font-weight: 500; letter-spacing: 0.06em; color: var(--soluk); }
.dt-seviyeler h3 { margin: 0; font-family: var(--yazi-baslik); font-size: 23px; font-weight: 600; line-height: 1.15; color: var(--murekkep); }
.dt-seviyeler p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--ikincil); }