/* ============================================================
   Balkan Ticaret — ürün sayfası tasarım katmanı (dx-pdp)
   Journal 3 teması üzerine ek katman; tema dosyalarını değiştirmez.
   Renk sistemi: marka laciverti + itfaiye kırmızısı; Trendyol
   turuncusu yalnızca Trendyol kartında kullanılır.
   ============================================================ */
:root{
  --dx-navy:#20355C;
  --dx-navy-deep:#182A4A;
  --dx-ink:#1E2732;
  --dx-slate:#64748B;
  --dx-line:#E4E9F0;
  --dx-soft:#F6F8FB;
  --dx-red:#D5222B;
  --dx-red-deep:#B7161F;
  --dx-green:#0E8345;
  --dx-ty:#F27A1A;
  --dx-gold:#FFA41C;
  --dx-r:12px;
}

/* ---------- Başlık + değerlendirme satırı ---------- */
.product-details .page-title{
  font-size:25px;
  font-weight:700;
  color:var(--dx-ink);
  line-height:1.32;
  letter-spacing:-.2px;
}
.product-details .rating-page{ margin-bottom:4px; }
.product-details .review-links a{ color:var(--dx-slate); }
.product-details .review-links a:hover{ color:var(--dx-navy); }

/* ---------- Fiyat bloğu ---------- */
.product-details .price-group{
  font-size:34px;
  font-weight:800;
  color:var(--dx-navy);
  letter-spacing:-.5px;
}
.product-details .product-tax{
  font-size:12px;
  color:var(--dx-slate);
}

/* Stok / Model / SKU — sakin kontur çipleri */
.product-details .product-stats ul{
  display:flex; flex-wrap:wrap; gap:8px; margin:0;
}
.product-details .product-stats li{
  border:1px solid var(--dx-line);
  background:#fff;
  border-radius:8px;
  padding:5px 11px;
  font-size:12px;
  color:var(--dx-slate);
}
.product-details .product-stats li b{ font-weight:600; color:var(--dx-slate); }
.product-details .product-stats li span{ color:var(--dx-ink); font-weight:600; }
.product-details .product-stock.in-stock span{ color:var(--dx-green); font-weight:700; }
.product-details .product-stock.in-stock{
  border-color:#CBE8D6; background:#F2FBF6;
}

/* ---------- Trendyol kartı ---------- */
.dx-ty-card{
  display:flex; align-items:center; gap:12px;
  border:1px solid #F3D7BB;
  border-left:4px solid var(--dx-ty);
  background:#FFFBF6;
  border-radius:var(--dx-r);
  padding:12px 14px;
  margin:14px 0 2px;
  text-decoration:none !important;
  color:var(--dx-ink);
  transition:box-shadow .16s ease, border-color .16s ease;
}
.dx-ty-card:hover{
  box-shadow:0 5px 16px rgba(242,122,26,.14);
  border-color:#EBC49E;
  color:var(--dx-ink);
}
.dx-ty-card:focus-visible{ outline:2px solid var(--dx-ty); outline-offset:2px; }
.dx-ty-ic{
  flex:0 0 auto; width:36px; height:36px; border-radius:10px;
  background:var(--dx-ty);
  display:flex; align-items:center; justify-content:center;
}
.dx-ty-ic svg{ width:18px; height:18px; stroke:#fff; fill:none; }
.dx-ty-main{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; }
.dx-ty-row1{ font-size:13.5px; color:var(--dx-ink); line-height:1.3; }
.dx-ty-row1 strong{ font-size:16.5px; font-weight:800; color:var(--dx-ty); margin-left:5px; white-space:nowrap; }
.dx-ty-row2{ font-size:12px; color:var(--dx-slate); line-height:1.35; }
.dx-ty-row2 .dx-star{ color:var(--dx-gold); }
.dx-ty-cta{
  flex:0 0 auto; display:flex; align-items:center; gap:2px;
  font-size:11.5px; font-weight:700; color:var(--dx-ty); white-space:nowrap;
}

/* ---------- Kargo geri sayım kutusu (mevcut blok, sakinleştirme) ---------- */
.product-details .whitespace-normal{
  background:var(--dx-soft) !important;
  border:1px solid var(--dx-line) !important;
  border-radius:var(--dx-r) !important;
  padding:12px 14px !important;
}
.product-details .whitespace-normal .text-danger{
  color:var(--dx-ink) !important;
  font-weight:600;
}
.product-details .whitespace-normal span:last-child strong:first-child{
  color:var(--dx-red) !important;
  font-weight:700;
}

/* ---------- Satın alma butonları ---------- */
.product-details .btn-cart{
  background:var(--dx-navy) !important;
  border-color:var(--dx-navy) !important;
  border-radius:10px !important;
  font-weight:700 !important;
  letter-spacing:.2px;
  box-shadow:0 1px 2px rgba(16,24,40,.12);
  transition:background .15s ease, box-shadow .15s ease;
}
.product-details .btn-cart:hover{
  background:var(--dx-navy-deep) !important;
  box-shadow:0 4px 12px rgba(24,42,74,.22);
}
.product-details .btn-extra{
  background:var(--dx-red) !important;
  border-color:var(--dx-red) !important;
  border-radius:10px !important;
  font-weight:700 !important;
  letter-spacing:.2px;
  transition:background .15s ease, box-shadow .15s ease;
}
.product-details .btn-extra:hover{
  background:var(--dx-red-deep) !important;
  box-shadow:0 4px 12px rgba(183,22,31,.24);
}
.product-details .stepper .form-control{
  border-radius:10px;
  border-color:var(--dx-line);
}

/* İstek listesi / karşılaştır — sessiz metin bağlantıları */
.product-details .wishlist-compare .btn{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--dx-slate) !important;
  font-size:12.5px;
  padding-left:0 !important;
}
.product-details .wishlist-compare .btn:hover{ color:var(--dx-navy) !important; }

/* ---------- Güven plakaları (imza öğe) ----------
   Tüplerin üstündeki sertifika damgalarından esinlenen "belge plakası"
   dili: kontur çerçeve, ikon + iki satırlık etiket. */
.dx-trust{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:8px;
  margin:16px 0 2px;
}
.dx-plate{
  display:flex; align-items:center; gap:10px;
  border:1px solid var(--dx-line);
  background:#fff;
  border-radius:10px;
  padding:10px 12px;
}
.dx-plate svg{ width:21px; height:21px; stroke:var(--dx-navy); fill:none; flex:0 0 auto; }
.dx-plate b{ display:block; font-size:12.5px; font-weight:700; color:var(--dx-ink); line-height:1.25; }
.dx-plate span{ display:block; font-size:11px; color:var(--dx-slate); line-height:1.35; margin-top:1px; }

/* ---------- Ürün açıklaması tipografisi ---------- */
.product-blocks .block-content p{ line-height:1.7; }
.product-blocks .block-content li{ line-height:1.6; margin-bottom:6px; }

/* ---------- Yorumlar: tablo → kart ----------
   Yorum tabloları AJAX ile gelir; :has() destekleyen tarayıcılarda
   karta çevrilir (desteklemeyende varsayılan tablo kalır). */
.product-blocks table.table-striped:has(.rating-stars){
  display:block;
  border:1px solid var(--dx-line) !important;
  border-radius:var(--dx-r);
  background:#fff;
  padding:14px 16px 12px;
  margin:0 0 12px;
}
.product-blocks table.table-striped:has(.rating-stars) tbody{ display:block; }
.product-blocks table.table-striped:has(.rating-stars) tr{
  display:block;
  background:none !important;
}
.product-blocks table.table-striped:has(.rating-stars) tr:first-child{
  display:flex; justify-content:space-between; align-items:baseline;
  margin-bottom:4px;
}
.product-blocks table.table-striped:has(.rating-stars) td{
  display:block;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  width:auto !important;
}
.product-blocks table.table-striped:has(.rating-stars) td strong{
  font-size:13.5px; font-weight:700; color:var(--dx-navy);
}
.product-blocks table.table-striped:has(.rating-stars) td.text-right{
  font-size:12px; color:var(--dx-slate);
}
.product-blocks table.table-striped:has(.rating-stars) tr:last-child td{
  display:flex; flex-direction:column;
}
.product-blocks table.table-striped:has(.rating-stars) tr:last-child .rating{
  order:-1; margin-bottom:6px;
}
.product-blocks table.table-striped:has(.rating-stars) .rating-stars .fa-stack{
  font-size:8px; width:1.6em; height:1.6em; line-height:1.6em;
}
.product-blocks table.table-striped:has(.rating-stars) .fa-star{ color:var(--dx-gold); }
.product-blocks table.table-striped:has(.rating-stars) .fa-star-o{ color:#D9DEE7; }
.product-blocks table.table-striped:has(.rating-stars) p{
  font-size:13.5px; line-height:1.65; color:var(--dx-ink); margin:0 0 4px;
}
/* Yorum görselleri */
.dx-ty-review-media img{
  width:84px !important; height:84px !important;
  border-radius:10px !important;
  border:1px solid var(--dx-line) !important;
}

/* ---------- Galeri: tam genişlik görsel ----------
   JS, kare cache yerine bantsız orijinal dosyayı yükler (dx-img-full).
   Görsel kolonu Trendyol gibi tam doldurur. */
.product-left .main-image .swiper-slide img.dx-img-full{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  display:block;
  border-radius:12px;
}
.product-left .main-image .swiper-slide{ width:100%; }
/* Mobilde galeri tam genişlik: .product-image flex-row'unda dikey küçük-resim
   şeridi yanda yer kaplıyor (width:100% flex-shrink'e yenilir). Küçük resimleri
   gizle (nokta sayfalama + kaydırma zaten var), ana görsel tüm satırı alsın. */
@media (max-width: 768px){
  .product-left .product-image.direction-vertical .additional-images{ display:none !important; }
  .product-left .main-image{ width:100% !important; flex:1 1 100% !important; }
}

/* ---------- Müşteri fotoğrafları şeridi ----------
   Trendyol yorumlarından gelen GERÇEK alıcı fotoğrafları. */
.dx-photos{ margin:16px 0 0; }
.dx-photos-h{
  display:flex; align-items:baseline; gap:8px;
  margin-bottom:9px;
}
.dx-photos-h b{
  font-size:13px; font-weight:700; color:var(--dx-ink);
  text-transform:uppercase; letter-spacing:.04em;
}
.dx-photos-h span{ font-size:12px; color:var(--dx-slate); }
.dx-photos-row{
  display:flex; gap:8px; overflow-x:auto;
  padding-bottom:6px;
  scrollbar-width:thin;
  cursor:pointer;
}
.dx-photos-row img{
  flex:0 0 auto;
  width:96px; height:96px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid var(--dx-line);
  transition:transform .15s ease, box-shadow .15s ease;
}
.dx-photos-row img:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(16,24,40,.14);
}

/* ---------- Kullanım alanları ---------- */
.dx-uses{ margin:14px 0 0; }
.dx-uses-h{
  font-size:13px; font-weight:700; color:var(--dx-ink);
  text-transform:uppercase; letter-spacing:.04em;
  margin-bottom:9px;
}
.dx-uses-row{ display:flex; flex-wrap:wrap; gap:8px; }
.dx-use{
  display:inline-flex; align-items:center; gap:7px;
  border:1px solid var(--dx-line);
  background:var(--dx-soft);
  border-radius:999px;
  padding:7px 14px 7px 10px;
  font-size:12.5px; font-weight:600; color:var(--dx-ink);
}
.dx-use svg{ width:17px; height:17px; stroke:var(--dx-navy); fill:none; }

/* ---------- Erişilebilirlik / hareket ---------- */
@media (prefers-reduced-motion: reduce){
  .dx-ty-card, .product-details .btn-cart, .product-details .btn-extra,
  .dx-photos-row img{ transition:none; }
}