/* Ürün kartında ad: "C · çizgili" (sahip 08.10.2026). partials/urun-kart-ad.blade.php
   Üstte model adı, altında kısa kırmızı çizgi (kartın üstüne gelince uzar), onun altında küçük tanım.
   Kartın yapısı (.prod-card > a.d-block) ve görseli style.css'teki gibi; burada yalnız ad bağlantısının içi. */
.prod-card .pa {
  display: flex;
  flex-direction: column;
  gap: 6px;
  inset-inline-end: 1rem;
  line-height: 1.25;
  text-decoration: none;
}
.prod-card .pa-m {
  position: relative;
  padding-bottom: 7px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--secondary-color);
  overflow-wrap: anywhere;
}
.prod-card .pa-m::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 22px;
  height: 2px;
  background: var(--primary-color);
  transition: width .35s ease;
}
/* Ok simgesi (yalnız üstüne gelince görünür) akışın dışında: uzun adda tek başına alt satıra düşüp boş satır bırakmasın */
.prod-card .pa-m i { position: absolute; margin-inline-start: 5px; margin-top: .18em; }
.prod-card:hover .pa-m i { margin-inline-start: 9px; margin-left: 0; }
html[dir="rtl"] .prod-card .pa-m i { transform: scaleX(-1); }
.prod-card:hover .pa-m::after,
.prod-card .pa:focus-visible .pa-m::after { width: 56px; }
.prod-card .pa-t {
  font-size: .75rem;
  font-weight: 400;
  color: var(--text-color);
  overflow-wrap: anywhere;
}
/* Görselin alt boşluğu style.css'teki gibi (70px): artırılırsa kart, üstüne gelince büyüyen görselle birlikte uzar (zıplama) */
html[lang="ar"] .prod-card .pa-t { font-size: .8125rem; }
@media (prefers-reduced-motion: reduce) {
  .prod-card .pa-m::after { transition: none; }
}