/* ============================================================
   Phira konsept — Marka Kataloglarımız (marka-kataloglari.php)
   ============================================================ */

/* ---------- Başlıkta katalog araması ---------- */
.ph-marka-ara {
  border-top: 2px solid var(--k-brand);
  padding-top: var(--k-4);
  min-width: 0;
}
.ph-marka-ara__etiket {
  display: block; margin-bottom: var(--k-3);
  font-size: .6875rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--k-deep-ink-2);
}
.ph-marka-ara__satir { display: flex; }
.ph-marka-ara__satir input {
  flex: 1 1 auto; min-width: 0;
  border-color: #fff;
  font-size: var(--k-text);
}
.ph-marka-ara__satir .k-btn { flex: 0 0 auto; }
.ph-marka-ara__not { margin: var(--k-3) 0 0; font-size: var(--k-text-xs); color: var(--k-deep-ink-2); font-variant-numeric: tabular-nums; }

/* ---------- Marka ızgarası ----------
   24 hücre (23 marka + "tüm markalar") → 6 / 4 / 3 / 2 sütunda yetim kalmaz */
.ph-marka {
  display: grid; gap: 1px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0; padding: 0; list-style: none;
  background: var(--k-line);
  border: 1px solid var(--k-line);
}
@media (min-width: 480px)  { .ph-marka { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 760px)  { .ph-marka { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .ph-marka { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.ph-marka li { margin: 0; display: flex; }

.ph-marka__item {
  flex: 1;
  display: flex; flex-direction: column;
  background: var(--k-bg);
  text-decoration: none; color: var(--k-ink);
  position: relative;
  transition: background var(--k-fast);
}
/* Üstte ince kırmızı çizgi hover'da soldan dolar */
.ph-marka__item::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: var(--k-brand);
  transform: scaleX(0); transform-origin: left;
  transition: transform var(--k-fast);
}
.ph-marka__item:hover::before,
.ph-marka__item:focus-visible::before { transform: none; }
.ph-marka__item:hover { background: var(--k-bg-2); }

.ph-marka__logo {
  display: grid; place-items: center;
  height: 7.5rem;
  padding: var(--k-4);
}
.ph-marka__logo img { max-width: 100%; opacity: .88; transition: opacity var(--k-fast); }
.ph-marka__item:hover .ph-marka__logo img { opacity: 1; }

.ph-marka__alt {
  display: flex; align-items: center; justify-content: space-between; gap: var(--k-2);
  padding: var(--k-3) var(--k-4);
  border-top: 1px solid var(--k-line);
}
.ph-marka__ad {
  font-family: var(--k-font-head); font-size: var(--k-text-sm); font-weight: 700;
  letter-spacing: var(--k-ls-tight);
}
.ph-marka__git { color: var(--k-ink-4); font-size: var(--k-text-sm); transition: color var(--k-fast); }
.ph-marka__item:hover .ph-marka__git { color: var(--k-brand); }

/* Son hücre: tüm markalar */
.ph-marka__item--tum {
  justify-content: flex-end; gap: var(--k-2);
  padding: var(--k-4);
  background: var(--k-deep); color: #fff;
}
.ph-marka__item--tum:hover { background: var(--k-brand); }
.ph-marka__item--tum::before { display: none; }
.ph-marka__item--tum b {
  color: inherit;
  font-family: var(--k-font-head); font-size: var(--k-text-lg); font-weight: 750;
  letter-spacing: var(--k-ls-tight); line-height: 1.1;
}
.ph-marka__item--tum span { font-size: var(--k-text-sm); color: var(--k-deep-ink-2); }
.ph-marka__item--tum:hover span { color: #fff; }

/* ---------- Diğer kataloglar ---------- */
.ph-katalog {
  display: grid; gap: 1px;
  background: var(--k-line);
  border: 1px solid var(--k-line);
}
@media (min-width: 700px)  { .ph-katalog { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .ph-katalog { grid-template-columns: 1.4fr 1fr 1fr 1fr; } }

.ph-katalog__item {
  display: flex; flex-direction: column; gap: var(--k-3);
  padding: var(--k-6) var(--k-5);
  min-height: 15rem;
  background: var(--k-bg);
  text-decoration: none; color: var(--k-ink);
  transition: background var(--k-fast);
}
.ph-katalog__item:hover { background: var(--k-brand-soft); }
.ph-katalog__item b {
  color: inherit;
  font-family: var(--k-font-head); font-size: var(--k-h4); font-weight: 750;
  letter-spacing: var(--k-ls-tight); line-height: var(--k-lh-tight);
}
.ph-katalog__tur {
  font-family: var(--k-font-head); font-size: .625rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--k-brand);
}
.ph-katalog__acik { font-size: var(--k-text-sm); color: var(--k-ink-3); }
.ph-katalog__git {
  margin-top: auto;
  font-size: var(--k-text-sm); font-weight: 650; color: var(--k-ink);
}
.ph-katalog__item:hover .ph-katalog__git { color: var(--k-brand-ink); }

/* Ana katalog: kırmızı blok */
.ph-katalog__item--ana { background: var(--k-brand); color: #fff; }
.ph-katalog__item--ana:hover { background: var(--k-brand-ink); }
.ph-katalog__item--ana b { font-size: var(--k-h3); }
.ph-katalog__item--ana .ph-katalog__tur,
.ph-katalog__item--ana .ph-katalog__acik { color: rgb(255 255 255 / .82); }
.ph-katalog__item--ana .ph-katalog__git,
.ph-katalog__item--ana:hover .ph-katalog__git { color: #fff; }