/* Ana sayfa — giriş değer şeridindeki ISO hücresi (önek: ab-). Dört standart, diğer değerlerle aynı dizgide
   (büyük başlık yazısı + mono etiket); Hakkımızda'daki Belgelerimiz bölümüne gider.
   Referans şeridinin altındaki belge taramaları şeridi 5 Kasım 2026'da ana sayfadan kaldırıldı;
   taramalar yalnız Hakkımızda sayfasında (belgeler.css, belgeler.js). */
.giris-sayilar li.ab-iso { display: block; }
.ab-iso a { display: grid; gap: 4px; color: inherit; text-decoration: none; border-radius: 4px; }
.ab-iso a:focus-visible { outline: 2px solid var(--vurgu-acik); outline-offset: 6px; }
.ab-iso .sayi { white-space: nowrap; }
.ab-iso-on { margin-right: 0.26em; color: var(--vurgu-acik); }
.ab-iso i { margin-inline: 0.2em; font-style: normal; font-weight: 500; opacity: 0.4; }
.ab-iso .sayi-ad { transition: color 0.2s; }
.ab-iso a:hover .sayi-ad { color: var(--beyaz); }
.ab-iso .ab-dar { display: none; }

/* Rozet hücresi ilk satıra sığmadığında kendi satırına iner; önündeki değerin sağ çizgisi boşta kalmasın */
@media (min-width: 640px) and (max-width: 1259px) {
  .giris-sayilar li.ab-iso { flex: 0 0 100%; }
  .giris-sayilar li:nth-last-child(2) { padding-right: 0; margin-right: 0; border-right: 0; }
}
@media (max-width: 639px) {
  .ab-iso .sayi { white-space: normal; font-size: 22px; line-height: 1.08; }
  .ab-iso i { margin-inline: 0.16em; }
  .ab-iso-on, .ab-iso .ab-orta, .ab-iso .ab-genis { display: none; }
  .ab-iso .ab-cift { display: block; }
  .ab-iso .ab-cift + .ab-cift { margin-top: 2px; }
  .ab-iso .ab-dar { display: inline; }
  .giris-sayilar li { align-content: start; }
}
@media (prefers-reduced-motion: reduce) { .ab-iso .sayi-ad { transition: none; } }

/* Fabrikamız görseli (9 Kasım, kullanıcı isteği): fotoğrafın altı (toprak yol) kesilir, yalnız bina kalır;
   altında partner fabrikaları simgeleyen yedi ikon, her birinden fotoğrafa çıkan ok. */
.fabrika .fabrika-gorsel img { aspect-ratio: 16 / 9; object-position: 50% 76%; }
/* Partner ağı (10 Kasım, kullanıcı: "fabrika ortada, üstten alttan bağlantılar"): fotoğrafın üstünde ve altında birer SVG;
   beşer fabrika simgesi, mavi degrade eğrilerle fotoğrafın üst ve alt orta noktasına bağlanır. */
.fabrika-ag-ust, .fabrika-ag-alt { display: block; width: 100%; height: auto; overflow: visible; }
.fabrika-ag-ust { position: relative; z-index: 1; margin-bottom: -1px; }
.fabrika-ag-alt { margin-top: -1px; }
.fabrika-gorsel .fa-yollar path { fill: none; stroke-width: 1.6; stroke-linecap: round; }
.fabrika-gorsel .fa-noktalar circle { fill: #2F6FDB; }
.fabrika-gorsel .fa-merkez { fill: #2F6FDB; stroke: #fff; stroke-width: 2.5; }
/* Metin sütunu, üstteki ağ kadar aşağıdan başlar: slogan yine fotoğrafın üst kenarıyla aynı hizada (ağ yüksekliği = genişliğin %28,33'ü) */
/* Kart alçaltıldı (10 Kasım): ağlar 170 → 120/124 birim, üstteki simgeler alttakilerden biraz küçük (0,80 / 0,90),
   fotoğraf 2:1, bölüm iç boşluğu azaldı. Metin sütunu üst ağ kadar (genişliğin %20'si) aşağıdan başlar. */
@media (min-width: 861px) { .fabrika .fabrika-metin { padding-top: 20%; } }
.fabrika .fabrika-gorsel > img { aspect-ratio: 2 / 1; object-position: 50% 74%; }
.fabrika .fabrika-ic { padding-block: clamp(44px, 5.6vw, 76px); }

/* Fabrikamız (9 Kasım, kullanıcı isteği): ISO 9001 mührü rakamlardan çıkarıldı, üç rakam yan yana.
   Metin sütunu üstten hizalı: sloganın üst kenarı fotoğrafın üst kenarıyla aynı hizada.
   En altta belge ve üyelik logoları (Yerli Üretim, CE, ISO 9001, HAB OSB), kendi renklerinde, eşit yükseklikte. */
.fabrika .fabrika-ic { align-items: start; }
.fabrika .fabrika-baslik { margin-top: -0.12em; }
.fabrika .fabrika-sayilar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fabrika-logolar { list-style: none; margin: 6px 0 0; padding: 22px 0 0; width: 100%; border-top: 1px solid var(--cizgi);
  display: flex; flex-wrap: wrap; align-items: center; gap: 18px clamp(22px, 3vw, 40px); }
.fabrika-logolar li { flex: 0 0 auto; }
.fabrika-logolar img { display: block; width: auto; height: 46px; }
.fabrika-logolar li:nth-child(2) img { height: 34px; }
.fabrika-logolar li:nth-child(3) img { height: 54px; }
@media (max-width: 1099px) and (min-width: 480px) { .fabrika .fabrika-sayilar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 479px) { .fabrika .fabrika-sayilar { grid-template-columns: minmax(0, 1fr); } .fabrika-logolar img { height: 38px; } .fabrika-logolar li:nth-child(2) img { height: 28px; } }

/* Giriş başlığı (9 Kasım, kullanıcı isteği): yine üç satır — ENDÜSTRİYEL / 3D & CNC (büyük) / İMALAT MERKEZİ;
   1. ve 3. satır ikinci istekle biraz daha küçültüldü (0,66em → 0,58em). */
.giris h1.giris-uc-satir { display: grid; justify-items: start; gap: 0.06em; }
.giris-uc-satir > span { display: block; white-space: nowrap; }
.giris-uc-satir .gb-kucuk { font-size: 0.58em; line-height: 1; letter-spacing: 0.015em; }
.giris-uc-satir .gb-buyuk { font-size: 1.12em; line-height: 0.95; }

/* Giriş alt şeridi (9 Kasım, kullanıcı isteği): değer şeridi kaldırıldı, yerine Fabrikamız bölümündeki logolar.
   "Daha şık" isteğiyle beyaz plakalar kaldırıldı: logolar koyu zeminde tek renk beyaz (filtreyle), aralarında ince
   dikey çizgi, solda mono etiket. Logoların beyaz alanları saydam olduğu için yazılar ve ok "oyuk" olarak okunur. */
.giris .giris-logolar { list-style: none; width: 100%; margin: clamp(22px, 3vw, 40px) 0 0; padding: 24px 0 0;
  border-top: 1px solid var(--giris-ayrac); display: flex; flex-wrap: wrap; align-items: center; gap: 18px 0; }
.giris-logolar li { flex: 0 0 auto; display: flex; align-items: center; height: 44px;
  padding: 0 clamp(18px, 2.6vw, 34px); border-left: 1px solid var(--giris-ayrac); }
.giris-logolar li:first-child { padding-left: 0; border-left: 0; }
.giris-logolar img { display: block; width: auto; height: 34px; filter: brightness(0) invert(1); opacity: 0.82; transition: opacity 0.2s; }
.giris-logolar li:hover img { opacity: 1; }
.giris-logolar li:nth-child(2) img { height: 24px; }
.giris-logolar li:nth-child(3) img { height: 42px; }
@media (max-width: 479px) {
  .giris .giris-logolar { padding-top: 20px; }
  .giris-logolar li { height: 36px; padding: 0 12px; }
  .giris-logolar img { height: 24px; }
  .giris-logolar li:nth-child(2) img { height: 17px; }
  .giris-logolar li:nth-child(3) img { height: 32px; }
}
@media (prefers-reduced-motion: reduce) { .giris-logolar img { transition: none; } }

/* Giriş maddeleri (9 Kasım, kullanıcı isteği): ikonlar yerine sade madde işareti; "3 metre Robotik 3D Baskı" eklendi.
   İşaret: altın sarısı ince çerçeveli eşkenar dörtgen, ortasında dolu küçük kare; satır yazısıyla dikeyde ortalı. */
.giris-isler.gi-madde { gap: 13px; }
.gi-madde li { grid-template-columns: 14px minmax(0, 1fr); column-gap: 16px; align-items: center; }
.gi-madde li::before { content: ""; justify-self: center; width: 9px; height: 9px; transform: rotate(45deg);
  border: 1.5px solid var(--altin); background: radial-gradient(circle, var(--altin) 0 1.6px, transparent 2px); box-sizing: border-box; }
@media (max-width: 479px) {
  .gi-madde li { grid-template-columns: 12px minmax(0, 1fr); column-gap: 13px; align-items: center; }
  .gi-madde li::before { width: 8px; height: 8px; }
}

/* Giriş başlığı biraz daha yukarıda (9 Kasım, kullanıcı isteği): üst boşluk 124 px'ten 72 px'e (masaüstü) */
.giris .giris-ic { padding-top: clamp(36px, 5vw, 72px); }
@media (min-width: 1200px) and (max-height: 820px) { .giris .giris-ic { padding-top: 44px; } }
@media (min-width: 1200px) and (max-height: 700px) { .giris .giris-ic { padding-top: 32px; } }

/* Giriş sadeleştirme (9 Kasım, kullanıcı: "burası biraz kalabalık oldu"):
   dört madde geniş ekranda 2 × 2 dizilir (dikey yığın kısalır), gruplar arası nefes payı artar,
   logo şeridi biraz küçülür ve sönükleşir; başlık ve düğme öne çıkar. */
.giris .giris-ic { gap: 30px; }
@media (min-width: 700px) {
  .giris-isler.gi-madde { grid-template-columns: repeat(2, max-content); gap: 14px 48px; max-width: none; }
}
.giris-isler.gi-madde strong { font-size: clamp(16px, 1.25vw, 18px); color: rgba(255, 255, 255, 0.9); }
.giris .giris-logolar { margin-top: clamp(18px, 2.4vw, 32px); padding-top: 20px; }
.giris-logolar li { height: 38px; padding: 0 clamp(16px, 2.2vw, 28px); }
.giris-logolar img { height: 28px; opacity: 0.6; }
.giris-logolar li:nth-child(2) img { height: 20px; }
.giris-logolar li:nth-child(3) img { height: 34px; }
@media (max-width: 479px) {
  .giris .giris-ic { gap: 24px; }
  .giris-logolar li { height: 32px; padding: 0 11px; }
  .giris-logolar img { height: 22px; }
  .giris-logolar li:nth-child(2) img { height: 15px; }
  .giris-logolar li:nth-child(3) img { height: 28px; }
}

/* Giriş ince ayar (9 Kasım, kullanıcı isteği): "Bize ulaşın" biraz aşağıda; logo şeridi ve üstündeki çizgi
   bölümün altına yaklaşır (alt boşluk azaldı, çizgi ile logolar arası daraldı). */
.giris .giris-dugmeler { margin-top: 14px; }
.giris .giris-ic { padding-bottom: 20px; }
.giris .giris-logolar { margin-top: clamp(34px, 4.4vw, 60px); padding-top: 14px; }
@media (max-width: 479px) {
  .giris .giris-dugmeler { margin-top: 10px; }
  .giris .giris-ic { padding-bottom: 16px; }
  .giris .giris-logolar { margin-top: 30px; padding-top: 12px; }
}

/* "Bize ulaşın" (9 Kasım, kullanıcı isteği): biraz daha aşağıda; açılır ok yerine telefon ve WhatsApp ikonları
   (düğme yine aynı iletişim kartını açar). İkonlar ince bir ayraçla yazıdan ayrılır. */
.giris .giris-dugmeler { margin-top: 30px; }
.ulas-ikonlu { gap: 12px; }
.ulas-ikonlar { display: inline-flex; align-items: center; gap: 9px; padding-left: 12px; border-left: 1px solid rgba(255, 255, 255, 0.28); }
.ulas-ikonlar .ulas-ikon { width: 17px; height: 17px; flex: 0 0 auto; }
@media (max-width: 479px) { .giris .giris-dugmeler { margin-top: 22px; } }

/* "Bize ulaşın" kartı (10 Kasım, üçüncü hâl). Kullanıcı: ilk cam kart "çok Claude yapımı", ikinci beyaz kutu "çok basit".
   Şimdi: girişin altın sarısı vurgusuyla koyu lacivert kart. Üstte altın ince çizgi ve düğmeye bağlanan uç, satırlarda
   altın halkalı ikon rozeti + küçük etiket + değer + yuvarlak kopyala; altta altın "Ara" ve çerçeveli "WhatsApp".
   Başlık/kapat satırı yok (dışarı tıklayınca ve Esc ile kapanır). Yalnız ana sayfada. */
.giris .ulas-kart { top: calc(100% + 14px); width: min(392px, calc(100vw - 2 * var(--kenar))); padding: 10px; gap: 2px;
  border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; color: #fff;
  background: radial-gradient(120% 90% at 0% 0%, rgba(242, 182, 50, 0.10), transparent 55%), linear-gradient(165deg, #1B2C4B 0%, #101B2E 52%, #0A121E 100%);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.07) inset, 0 34px 64px -20px rgba(0, 0, 0, 0.78), 0 0 0 1px rgba(0, 0, 0, 0.35); }
.giris .ulas-kart::before { content: ""; position: absolute; top: -7px; left: 28px; width: 12px; height: 12px; transform: rotate(45deg);
  background: #1B2C4B; border-left: 1px solid rgba(255, 255, 255, 0.14); border-top: 1px solid rgba(255, 255, 255, 0.14); border-radius: 3px 0 0 0; }
.giris .ulas-kart::after { content: ""; position: absolute; top: -1px; left: 56px; right: 22px; height: 1px;
  background: linear-gradient(90deg, var(--altin), rgba(242, 182, 50, 0)); }
.giris .ulas-ust { display: none; }
.giris .ulas-satir, .giris .ulas-satir + .ulas-satir { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; column-gap: 14px;
  margin: 0; padding: 11px 12px; border: 0; border-radius: 10px; transition: background-color 0.2s ease, opacity 0.35s ease, transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1); }
.giris .ulas-satir:hover { background: rgba(255, 255, 255, 0.05); }
.ulas-rozet { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; color: var(--altin);
  border: 1px solid rgba(242, 182, 50, 0.42); background: rgba(242, 182, 50, 0.08); box-shadow: 0 0 0 4px rgba(242, 182, 50, 0.04); }
.ulas-rozet svg { width: 19px; height: 19px; }
.ulas-metin { min-width: 0; display: grid; gap: 3px; }
.ulas-ad { font-family: var(--yazi-mono); font-size: 11.5px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255, 255, 255, 0.52); }
.giris .ulas-deger { font-family: var(--yazi-baslik); font-size: 25px; font-weight: 600; line-height: 1.05; letter-spacing: 0.012em; color: #fff; }
.giris .ulas-deger:hover { color: var(--altin); }
.giris .ulas-kopyala { width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.16); background: transparent; color: rgba(255, 255, 255, 0.6); }
.giris .ulas-kopyala:hover { border-color: var(--altin); color: var(--altin); background: rgba(242, 182, 50, 0.08); }
.giris .ulas-kopyala.kopyalandi { background: var(--altin); border-color: var(--altin); color: #0C1521; }
.giris .ulas-bilgi { background: var(--altin); color: #0C1521; font-weight: 600; right: 12px; bottom: calc(100% - 8px); }
.giris .ulas-eylemler { margin: 8px 2px 2px; padding: 12px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.1); gap: 10px; }
.giris .ulas-eylem { min-height: 46px; border-radius: 10px; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.giris .ulas-eylem svg { width: 18px; height: 18px; }
/* "Ara" düğmesi mavi (10 Kasım, kullanıcı isteği; önce altın sarısıydı) */
.giris .ulas-ara { color: #fff; background: linear-gradient(180deg, #2F82E6 0%, #1E6FD0 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.28) inset, 0 12px 26px -12px rgba(30, 111, 208, 0.85); }
.giris .ulas-wa { color: #fff; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: none; }
.giris .ulas-wa svg { color: #3DDC84; }
.giris .ulas-wa:hover { border-color: #3DDC84; background: rgba(61, 220, 132, 0.08); }
@media (max-width: 640px) { .giris .ulas-kart { width: 100%; } .giris .ulas-deger { font-size: 23px; } }
@media (prefers-reduced-motion: reduce) { .giris .ulas-satir { transition: none; } }