/* =============================================================
   serit.css — sayfa basligi ve detay ust seridi: YERLESIM TEK KAYNAKTAN.
   Kap `p360-serit` (kirinti + 4-5 aksiyon tasiyan detay seridi icin + `p360-serit-cok`),
   metin kolonu `p360-serit-metin`, aksiyon kolonu `p360-serit-aksiyon`. Sarma ve kirilma
   basamaklari buradan gelir; modul CSS'i yalniz DERI ekler (renk, tipografi, sticky, padding).
   ============================================================= */

.p360-serit { display: flex; align-items: flex-start; gap: 14px; flex-wrap: wrap; }

/* Daralan metin kolonu. min-width:0 uzun basligin ellipsis'lenmesi icin gerekli — dar
   pencerede tabani asagidaki @container geri veriyor, yoksa sarma hic tetiklenmez. */
.p360-serit-metin { flex: 1; min-width: 0; }

.p360-serit-aksiyon { display: flex; align-items: center; gap: 8px; flex-shrink: 0; flex-wrap: wrap; }

/* Olcu PENCERE genisligi (@container appwin), tarayici degil — her pencere bagimsiz karar verir. */
@container appwin (max-width: 720px) {
  .p360-serit-metin { flex: 1 0 100%; }
  .p360-serit .p360-serit-aksiyon { flex: 1 0 100%; margin-left: 0; justify-content: flex-start; }
}
@container appwin (max-width: 900px) {
  .p360-serit-cok .p360-serit-metin { flex: 1 0 100%; }
  .p360-serit-cok .p360-serit-aksiyon { flex: 1 0 100%; margin-left: 0; justify-content: flex-start; }
}