/**
 * Axtea — ÜRÜN DETAY sayfası
 * -----------------------------------------------------------------------------
 * Renkler AXTEA-ÜRÜN-DETAY.pdf'ten piksel örneklemesiyle alındı:
 *   sayfa #eceefa · header #ffffff · kart #ffffff
 *   tablo sol kolon (tek) #474695 · (çift) #6767ad · değer hücresi #eceefa
 * main.css'e DOKUNULMUYOR.
 */

body:has(.urun-detay-section) {
  background-color: #eceefa;
}

/* --- Sayfa başlığı (breadcrumb) ------------------------------------------ */
.tj-page-header.detay-header {
  /* Yükseklik ORTAK (axtea.css). Burada yalnız bu sayfanın görsel çerçevelemesi. */
  background-color: #0b0b0f;
  background-position: center 38%;
}

.tj-page-header.detay-header::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(2, 2, 2, 0.72) 0%, rgba(2, 2, 2, 0.35) 50%, rgba(2, 2, 2, 0.72) 100%);
  z-index: 1;
}

.tj-page-header.detay-header .container {
  position: relative;
  z-index: 2;
}

.tj-page-header.detay-header .tj-page-title {
  color: #ffffff;
  margin-bottom: 22px;
}

.tj-page-header.detay-header .tj-page-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.14);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  font-size: 15px;
  line-height: 1;
  color: #ffffff;
}

.tj-page-header.detay-header .tj-page-link a {
  color: #ffffff;
}

.tj-page-header.detay-header .tj-page-link a:hover {
  color: var(--tj-color-theme-primary);
}

/* --- Ürün galerisi -------------------------------------------------------- */
.urun-detay-section {
  padding-top: 80px;
}

.urun-galeri-buyuk {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 26px;
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.urun-galeri-buyuk img {
  max-width: 100%;
  height: auto;
}

.urun-galeri-kucukler {
  display: flex;
  gap: 14px;
  margin-top: 16px;
  flex-wrap: wrap;
}

.urun-kucuk {
  flex: 1 1 0;
  min-width: 78px;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 10px;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.3s;
}

.urun-kucuk img {
  width: 100%;
  height: auto;
  display: block;
}

.urun-kucuk:hover,
.urun-kucuk.secili {
  border-color: var(--tj-color-theme-primary);
}

/* --- Ürün bilgi sütunu ---------------------------------------------------- */
.urun-bilgi {
  padding-inline-start: 20px;
}

.urun-bilgi-logo img {
  width: 100%;
  max-width: 240px;
  height: auto;
}

.urun-bilgi-baslik {
  margin: 26px 0 2px;
  font-size: 34px;
  line-height: 1.2;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-heading-primary);
}

.urun-bilgi-altbaslik {
  margin: 0 0 26px;
  font-size: 20px;
  line-height: 1.4;
  color: var(--tj-color-heading-primary);
}

.urun-bilgi-ozet {
  margin: 0 0 30px;
  max-width: 470px;
}

.urun-bilgi-alt {
  margin: 0 0 14px;
  font-size: 20px;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-heading-primary);
}

.urun-dosyalar {
  list-style: none;
  margin: 0 0 26px;
  padding: 0;
}

.urun-dosyalar li {
  margin-bottom: 6px;
}

.urun-dosyalar a {
  font-size: 18px;
  color: var(--tj-color-heading-primary);
}

.urun-dosyalar a:hover {
  color: var(--tj-color-theme-primary);
}

.urun-paylas {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 34px;
  padding-top: 26px;
  border-top: 1px dashed #b9bfd6;
}

.urun-paylas-etiket {
  font-size: 18px;
  color: var(--tj-color-heading-primary);
}

.urun-paylas ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.urun-paylas ul li a {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  color: #ffffff;
  font-size: 15px;
  transition: all 0.3s;
}

.urun-paylas ul li a:hover {
  background-color: #17282d;
}

@media only screen and (max-width: 991px) {
  .urun-bilgi {
    padding-inline-start: 0;
    margin-top: 30px;
  }
}

/* --- Slogan + sekmeler ---------------------------------------------------- */
.urun-sekme-section {
  padding-top: 70px;
  padding-bottom: 40px;
}

.urun-slogan {
  margin: 0 0 46px;
  text-align: center;
  font-size: 48px;
  line-height: 1.2;
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-heading-primary);
}

.urun-sekme-basliklar {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #c9cee8;
  margin-bottom: 34px;
}

.urun-sekme-btn {
  padding: 0 0 12px;
  border: 0;
  background: none;
  font-size: 18px;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-heading-primary);
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  transition: all 0.3s;
  cursor: pointer;
}

.urun-sekme-btn:hover {
  color: var(--tj-color-theme-primary);
}

.urun-sekme-btn.aktif {
  border-bottom-color: var(--tj-color-theme-primary);
}

.urun-sekme-panel[hidden] {
  display: none;
}

.urun-sekme-panel p {
  margin: 0;
  text-align: justify;
}

@media only screen and (max-width: 767px) {
  .urun-slogan {
    font-size: 32px;
  }
  .urun-sekme-basliklar {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 18px;
  }
  .urun-sekme-btn {
    font-size: 15px;
  }
}

/* --- Ölçü şeması ---------------------------------------------------------- */
.olcu-alani {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  margin-bottom: 46px;
}

.olcu-sema {
  flex: 0 0 auto;
  max-width: 300px;
}

.olcu-sema img {
  width: 100%;
  height: auto;
}

/* Tasarımda sıralama SÜTUN yönünde: sol sütun a-b, sağ sütun c-d
 * (satır yönünde olsaydı a-c / b-d çıkardı). */
.olcu-aciklama {
  flex: 1 1 380px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: column;
  gap: 4px 30px;
}

.olcu-aciklama p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--tj-color-heading-primary);
}

.olcu-aciklama i {
  color: var(--tj-color-theme-primary);
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  .olcu-aciklama {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-flow: row;
  }
}

/* --- Teknik özellik tablosu ----------------------------------------------- */
.ozellik-tablo-sarmal {
  overflow-x: auto;
}

.ozellik-tablo {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  font-size: 15px;
}

.ozellik-tablo thead th {
  padding: 6px 10px 14px;
  text-align: center;
  vertical-align: bottom;
  background: none;
  border: 0;
}

.ozellik-tablo thead th img {
  height: 22px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.ozellik-tablo .gizli {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* Sol etiket kolonu: tek satırlar koyu, çift satırlar açık mor */
.ozellik-tablo tbody th {
  width: 245px;
  padding: 11px 16px;
  text-align: start;
  vertical-align: middle;
  background-color: #474695;
  color: #ffffff;
  font-weight: var(--tj-fw-medium);
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.ozellik-tablo tbody tr:nth-child(even) th {
  background-color: #6767ad;
}

.ozellik-tablo tbody th .en {
  display: block;
  font-weight: var(--tj-fw-sbold);
  line-height: 1.25;
}

.ozellik-tablo tbody th .tr {
  display: block;
  font-style: italic;
  font-size: 14px;
  line-height: 1.3;
  opacity: 0.92;
}

.ozellik-tablo tbody td {
  padding: 11px 12px;
  text-align: center;
  vertical-align: middle;
  background-color: #eceefa;
  color: var(--tj-color-heading-primary);
  line-height: 1.35;
  border: 1px solid #d2d6ee;
}

.ozellik-tablo tbody td b {
  font-weight: var(--tj-fw-sbold);
}

.ozellik-tablo .ozellik-tik {
  color: #474695;
  display: inline-block;
  vertical-align: middle;
}

/* --- İlgili ürünler ------------------------------------------------------- */
.ilgili-urunler-section {
  padding-top: 40px;
  padding-bottom: 70px;
}

.ilgili-urunler-section .sec-heading {
  margin-bottom: 44px;
}

.ilgili-urun-sarmal {
  position: relative;
}

.ilgili-urun-nav {
  justify-content: center;
  margin-top: 34px;
}

.ilgili-urun-nav .axtea-prev,
.ilgili-urun-nav .axtea-next {
  width: 44px;
  height: 44px;
  font-size: 20px;
  background-color: transparent;
}

/* ===========================================================================
 * 6 ÜRÜNE GEÇİŞ (2026-08-23) — katalog PDF'lerinden
 * =========================================================================== */

/* Ürün logosu artık şeffaf PNG ve daha uzun (700x~240) */
.urun-bilgi-logo img {
  max-width: 260px;
  height: auto;
}

/* Çalışma hızı — katalogdaki tek somut teknik değer, öne çıkarılıyor */
.urun-hiz {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 26px;
  padding: 12px 20px;
  border-radius: 10px;
  background-color: #cdd1f3;
}

.urun-hiz-etiket {
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #4a4f7a;
}

.urun-hiz-deger {
  font-size: 19px;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-heading-primary);
}

/* Küçük görsel şeridi kaldırıldı; büyük görsel tek başına dursun */
.urun-galeri-buyuk {
  min-height: 0;
}

.urun-galeri-buyuk img {
  border-radius: 8px;
}

/* Makine ölçü tablosu (5 ürün) — mevcut `.ozellik-tablo` iskeletini kullanır */
.olcu-tablo thead th {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-heading-primary);
}

.olcu-tablo tbody th {
  width: 150px;
  text-align: center;
}

.olcu-not {
  margin: 16px 0 0;
  font-size: 15px;
}

.olcu-not a {
  color: var(--tj-color-theme-primary);
  text-decoration: underline;
}

/* Ürün bulunamadı */
.urun-bulunamadi {
  margin: 0;
  padding: 50px 0 24px;
  text-align: center;
  font-size: 18px;
}

.urun-bulunamadi-btn {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}

/* ===========================================================================
 * SOL/SAĞ KOLON EŞİTLEME (Tayfun, 2026-08-23: "sağ alan daha uzun kalmış")
 * ---------------------------------------------------------------------------
 * ÖLÇÜM: sol görsel kartı 395px, sağ bilgi kolonu 809px → 414px fark.
 * ⚠️ Yalnız paragrafı kısaltmak YETMİYOR: sağdaki SABİT içerik (logo 97 +
 *    başlık 41 + alt başlık 28 + hız 74 + buton 52 + paylaş 61 + boşluklar)
 *    tek başına 467px, yani görsel kartından zaten uzun. Bu yüzden iki iş
 *    birden yapılıyor:
 *      1) paragraf 6 satıra kırpılıyor (metin DOM'da duruyor, sadece görünmüyor)
 *      2) beyaz görsel kartı kolonun boyunu dolduruyor, görsel ortalanıyor
 * =========================================================================== */
.urun-detay-section .row {
  align-items: stretch;
}

.urun-detay-section .row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.urun-galeri {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.urun-galeri-buyuk {
  flex: 1 1 auto;
}

/* Paragraf 6 satırda kesiliyor; tam metin kaynakta duruyor (SEO + panel için). */
.urun-bilgi-ozet {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  line-clamp: 6;
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  /* Tek sütuna düşünce eşitleme gereksiz; metin tam görünsün */
  .urun-detay-section .row > [class*="col-"] {
    display: block;
  }
  .urun-bilgi-ozet {
    display: block;
    overflow: visible;
  }
}

/* --------------------------------------------------------------------------
 * "After Sales Service" sekmesi (2026-08-23)
 * Şirket sunumunun 11. slaytındaki 4 servis kalemi. Tek uzun paragraf yerine
 * giriş + başlıklı liste; `.urun-sekme-panel p` zaten justify hizalı.
 * ------------------------------------------------------------------------ */
.urun-sekme-liste > p {
  margin-block-end: 26px;
}

.urun-sekme-liste ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.urun-sekme-liste li {
  position: relative;
  padding-inline-start: 18px;
}

/* Madde imi: tema ikon yazı tipine bağlı kalmasın diye saf CSS. */
.urun-sekme-liste li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 9px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
}

.urun-sekme-liste h5 {
  margin: 0 0 6px;
  font-size: 18px;
  line-height: 1.35;
}

.urun-sekme-liste li p {
  text-align: start;
}

@media only screen and (max-width: 767px) {
  .urun-sekme-liste ul {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
}