/* Lojistik — sayfaya özel katman. Yalnızca .ph-loj-* sınıfları
   (anasayfadaki .ph-loj / .ph-loj__* ile çakışmaz: tire ile ayrılır). */

/* Teslimat süreleri — dört sütunlu çizelge */
.ph-loj-sure {
  display: grid; gap: 1px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin: 0; padding: 0; list-style: none;
  background: var(--k-line-2); border: 1px solid var(--k-line-2);
}
.ph-loj-sure__item {
  display: flex; flex-direction: column; gap: var(--k-2);
  margin: 0; padding: var(--k-6) var(--k-5);
  background: var(--k-bg);
}
.ph-loj-sure__item p { margin: 0; font-size: var(--k-text-sm); color: var(--k-ink-3); }
.ph-loj-sure__bolge {
  font-size: .6875rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--k-ink-3);
}
.ph-loj-sure__deger {
  display: flex; align-items: baseline; gap: .4rem;
  margin-top: var(--k-3);
  font-family: var(--k-font-head); font-weight: 800;
  font-size: clamp(2.6rem, 1.9rem + 2.6vw, 4.2rem);
  line-height: .95; letter-spacing: -0.045em;
  font-variant-numeric: tabular-nums; color: var(--k-ink);
}
.ph-loj-sure__deger small {
  font-size: var(--k-text-sm); font-weight: 700;
  letter-spacing: 0; color: var(--k-brand);
}
.ph-loj-sure__deger--metin { font-size: clamp(2rem, 1.6rem + 1.6vw, 3rem); }

/* Marmara hücresi koyu — asıl vaat */
.ph-loj-sure__item--vurgu { background: var(--k-deep); color: var(--k-deep-ink); }
.ph-loj-sure__item--vurgu .ph-loj-sure__bolge,
.ph-loj-sure__item--vurgu p { color: var(--k-deep-ink-2); }
.ph-loj-sure__item--vurgu .ph-loj-sure__deger { color: #fff; }

.ph-loj-il {
  display: flex; flex-wrap: wrap; gap: .35rem;
  margin: var(--k-4) 0 0; padding: 0; list-style: none;
}
.ph-loj-il li {
  margin: 0; padding: .2rem .5rem;
  border: 1px solid var(--k-deep-line);
  font-size: var(--k-text-xs); color: var(--k-deep-ink);
}

/* Depo galerisi — ilk kare büyük */
.ph-loj-galeri { display: grid; gap: var(--k-2); grid-template-columns: 1fr 1fr; }
@media (min-width: 640px) { .ph-loj-galeri { gap: var(--k-3); } }
@media (min-width: 980px) {
  .ph-loj-galeri { grid-template-columns: repeat(3, 1fr); }
  .ph-loj-galeri figure:first-child { grid-column: span 2; grid-row: span 2; }
}
.ph-loj-galeri figure { margin: 0; position: relative; overflow: hidden; background: var(--k-deep); }
.ph-loj-galeri img { display: block; width: 100%; height: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.ph-loj-galeri figcaption {
  position: absolute; left: 0; bottom: 0;
  display: flex; gap: var(--k-2); align-items: baseline;
  max-width: calc(100% - var(--k-4));
  padding: var(--k-2) var(--k-3);
  background: var(--k-deep); color: var(--k-deep-ink);
  font-size: var(--k-text-xs);
}
@media (max-width: 639px) { .ph-loj-galeri figcaption { display: none; } }
.ph-loj-galeri figcaption span {
  font-family: var(--k-font-head); font-weight: 700; color: var(--k-brand);
  font-variant-numeric: tabular-nums;
}

/* XML bandı — kırmızı zemin */
.ph-loj-xml__grid { display: grid; gap: var(--k-6); }
@media (min-width: 900px) { .ph-loj-xml__grid { grid-template-columns: 1fr 1.1fr; gap: var(--k-9); align-items: end; } }
.ph-loj-xml__ust {
  margin: 0 0 var(--k-3);
  font-size: .6875rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: rgb(255 255 255 / .8);
}
.ph-loj-xml h2 {
  margin: 0;
  font-size: clamp(2.2rem, 1.5rem + 2.8vw, 3.9rem);
  line-height: 1; letter-spacing: -0.04em; font-weight: 800;
}
.ph-loj-xml p { margin: 0 0 var(--k-4); max-width: 56ch; color: rgb(255 255 255 / .9); }
.ph-loj-xml__aksiyon { display: flex; flex-wrap: wrap; gap: var(--k-3); margin-top: var(--k-5); }
.ph-loj-xml .k-btn { background: #fff; color: var(--k-ink); }
.ph-loj-xml .k-btn:hover { background: var(--k-deep); color: #fff; }
.ph-loj-xml .k-btn--ghost { background: transparent; color: #fff; border-color: rgb(255 255 255 / .55); }
.ph-loj-xml .k-btn--ghost:hover { background: #fff; color: var(--k-ink); border-color: #fff; }

/* İspanya depoları */
.ph-loj-es {
  display: grid; gap: 0;
  grid-template-columns: 1fr;
  margin: 0; padding: 0; list-style: none;
  border-top: 2px solid var(--k-ink);
}
.ph-loj-es li {
  display: grid; grid-template-columns: auto 1fr; gap: var(--k-1) var(--k-4);
  margin: 0; padding: var(--k-5) var(--k-5) var(--k-5) 0;
  border-bottom: 1px solid var(--k-line);
}
@media (min-width: 760px) {
  .ph-loj-es { grid-template-columns: repeat(3, 1fr); }
  .ph-loj-es li + li { padding-left: var(--k-5); border-left: 1px solid var(--k-line); }
}
.ph-loj-es__yil {
  grid-row: span 3;
  font-family: var(--k-font-head); font-weight: 700;
  font-size: var(--k-text-sm); color: var(--k-brand);
  font-variant-numeric: tabular-nums; padding-top: .3rem;
}
.ph-loj-es b { font-family: var(--k-font-head); font-size: var(--k-h4); letter-spacing: var(--k-ls-tight); }
.ph-loj-es__alan {
  font-family: var(--k-font-head); font-weight: 800;
  font-size: var(--k-h2); letter-spacing: var(--k-ls-tight); line-height: 1.05;
  font-variant-numeric: tabular-nums;
}
.ph-loj-es p { margin: 0; font-size: var(--k-text-sm); color: var(--k-ink-3); }