.pf-sayfa { --pf-bosluk: 30px; --pf-ic: 30px; }
@media (max-width: 640px) {
  .pf-sayfa { --pf-bosluk: 20px; --pf-ic: 20px; }
}
.pf-sayfa .sayfa-basi { margin-bottom: 14px; }
@media (min-height: 961px) { .pf-sayfa .sayfa-basi { margin-bottom: 32px; } }
.pf-sayfa [hidden] { display: none !important; }

.pf-kart { padding: 24px calc(var(--pf-ic) - 1px); }
.pf-kart + .pf-kart { margin-top: var(--pf-bosluk); }
.pf-baslik {
  display: flex; align-items: center; gap: 10px; margin: 0 0 16px;
  font: 600 calc(var(--px) * 18)/calc(var(--px) * 24) var(--yt-baslik); letter-spacing: normal; color: var(--ucuz-metin);
}
.pf-no {
  display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%;
  background: var(--ucuz-gold-zayif); color: var(--ucuz-gold-yazi);
  font: 700 calc(var(--px) * 13)/1 var(--yt-sayi); font-variant-numeric: tabular-nums;
}
.pf-yardim { margin: 0; font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 20); color: var(--ucuz-sonuk); }

.pf-basliklar, .pf-satir {
  display: grid; grid-template-columns: 148px minmax(0, 1fr) 140px 76px 176px minmax(0, .75fr) 112px; gap: 8px; align-items: center;
}
.pf-basliklar { margin-bottom: 8px; font: 500 calc(var(--px) * 13)/calc(var(--px) * 18) var(--yt-metin); color: var(--ucuz-sonuk); }
.pf-satirlar { display: grid; gap: 10px; }
.pf-satir .giris { min-width: 0; }
.pf-tur { display: flex; width: 100%; }
.pf-tur > button { flex: 1 1 0; min-width: 0; padding: 0 10px; }
.pf-tur > button:focus-visible { outline: 2px solid var(--ucuz-gold-cizgi); outline-offset: 1px; }
.pf-ad { position: relative; min-width: 0; }
.pf-kademe { padding-left: 12px; padding-right: 34px; background-position: right 10px center; }
.pf-adet { position: relative; min-width: 0; }
.pf-adet .giris { padding-left: 26px; font-variant-numeric: tabular-nums; }
.pf-onek {
  position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none;
  font: 500 calc(var(--px) * 14)/1 var(--yt-metin); color: var(--ucuz-sonuk);
}
.pf-fiyat { display: grid; grid-template-columns: minmax(0, 1fr) 72px; gap: 6px; min-width: 0; }
.pf-fiyat .giris { font-variant-numeric: tabular-nums; }
.pf-fiyat select.giris { padding: 0 26px 0 10px; background-position: right 6px center; background-size: 18px 18px; }
.pf-islem { display: flex; justify-content: flex-end; gap: 2px; }
.pf-ikon-dugme {
  display: inline-grid; place-items: center; width: 36px; height: 40px; padding: 0;
  border: 0; border-radius: var(--r-md); background: transparent; color: var(--ucuz-sonuk); cursor: pointer;
  transition: background-color .15s ease-out, color .15s ease-out;
}
.pf-ikon-dugme .bi { font-size: calc(var(--px) * 13); }
.pf-ikon-dugme:hover:not(:disabled) { background: var(--ucuz-yukselti); color: var(--ucuz-metin); }
.pf-ikon-dugme:disabled { opacity: .35; cursor: default; }
.pf-ikon-dugme:focus-visible { outline: 2px solid var(--ucuz-gold-cizgi); outline-offset: 1px; }
.pf-sil:hover:not(:disabled), .pf-sil:focus-visible { color: var(--ucuz-red-yazi); }

.pf-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 16px; }
.pf-alt .dugme { height: 44px; }
.pf-alt-yazi { flex: 1 1 320px; }
.pf-temizle {
  display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 4px; border: 0; background: none;
  font: 600 calc(var(--px) * 14)/calc(var(--px) * 20) var(--yt-metin); color: var(--ucuz-metin); cursor: pointer;
}
.pf-temizle:hover, .pf-temizle:focus-visible { color: var(--ucuz-red-yazi); outline: none; }

.pf-oneri {
  position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 4px);
  max-height: 300px; overflow-y: auto; margin: 0; padding: 6px; list-style: none;
  border: 1px solid var(--ucuz-border-guc); border-radius: var(--r-lg); background: var(--ucuz-panel); box-shadow: var(--g-2);
}
.pf-oneri li {
  padding: 8px 10px; border-radius: var(--r-md); cursor: pointer;
  font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 20); color: var(--ucuz-metin); overflow-wrap: anywhere;
}
.pf-oneri li:hover, .pf-oneri li[aria-selected="true"] { background: var(--ucuz-yukselti); }
.pf-oneri li b { color: var(--ucuz-gold-yazi); font-weight: 700; }

.pf-yazim { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--ucuz-border); }
.pf-ayarlar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: start; gap: 14px 20px; }
.pf-sayfa .pf-ayarlar select.giris { padding-left: 15px; }
#pfOzelAlan { grid-column: span 2; }
.pf-ozel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.pf-onekli { position: relative; }
.pf-onekli .giris { padding-left: 48px; }
.pf-onekli .pf-onek { left: 14px; font-weight: 600; }
.pf-adim {
  display: inline-flex; align-items: stretch; justify-self: start; height: 48px; overflow: hidden;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel);
  transition: border-color .15s ease-out, box-shadow .15s ease-out;
}
.pf-adim:focus-within { border-color: var(--ucuz-gold-cizgi); box-shadow: 0 0 0 3px var(--ucuz-gold-zayif); }
.pf-adim button {
  display: inline-flex; align-items: center; justify-content: center; width: 44px; padding: 0;
  border: 0; background: transparent; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 18); cursor: pointer;
}
.pf-adim button:hover:not(:disabled) { background: var(--ucuz-yukselti); color: var(--ucuz-metin); }
.pf-adim button:disabled { opacity: .4; cursor: default; }
.pf-adim input {
  width: 72px; padding: 0; border: 0; border-left: 1px solid var(--ucuz-border); border-right: 1px solid var(--ucuz-border);
  outline: 0; background: transparent; color: var(--ucuz-metin); text-align: center;
  font: 600 calc(var(--px) * 16)/calc(var(--px) * 24) var(--yt-sayi); font-variant-numeric: tabular-nums;
}
.pf-onaylar { display: grid; gap: 4px; margin-top: 16px; }
.pf-onay {
  display: flex; align-items: center; gap: 10px; min-height: 36px; margin: 0; cursor: pointer;
  font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 20); color: var(--ucuz-metin2);
}
.pf-onay .form-check-input { flex: none; margin: 0; }

.pf-sonuc-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 380px; align-items: start; gap: var(--pf-bosluk); }
.pf-sonuc-sol, .pf-sonuc-sag { min-width: 0; }
.pf-sonuc-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 8px; }
.pf-sonuc-ust .pf-baslik { margin: 0; }
.pf-hepsi { height: 44px; }
.pf-hepsi:disabled { opacity: .5; cursor: not-allowed; box-shadow: none; }
.pf-ozet { margin: 0 0 14px; min-height: 1.5em; font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 20); color: var(--ucuz-sonuk); }
.pf-ozet b { color: var(--ucuz-metin); font-variant-numeric: tabular-nums; }
.pf-cikti { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; counter-reset: pfs; }
.pf-cikti-satir {
  counter-increment: pfs; display: grid; gap: 10px; min-width: 0;
  padding: 12px 14px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-yukselti);
}
.pf-metin {
  font: 500 calc(var(--px) * 15)/calc(var(--px) * 22) var(--yt-metin); color: var(--ucuz-metin);
  overflow-wrap: anywhere; white-space: pre-wrap;
}
.pf-metin::before { content: counter(pfs) ". "; color: var(--ucuz-sonuk); font-weight: 600; }
.pf-cikti-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.pf-cikti-tur {
  display: inline-flex; align-items: center; height: 22px; padding: 0 7px; border: 1px solid; border-radius: var(--r-sm);
  background: transparent; font: 600 calc(var(--px) * 12)/1 var(--yt-metin); letter-spacing: .02em;
}
.pf-cikti-tur.is-satis { border-color: var(--ucuz-gold-cizgi); color: var(--ucuz-gold-yazi); }
.pf-cikti-tur.is-alis { border-color: var(--ucuz-info-cizgi); color: var(--ucuz-info-yazi); }
.pf-sayac { font: 600 calc(var(--px) * 13)/1 var(--yt-sayi); font-variant-numeric: tabular-nums; color: var(--ucuz-sonuk); white-space: nowrap; }
.pf-sayac.is-tasan, .pf-cikti-satir.is-tasan .pf-sayac { color: var(--ucuz-red-yazi); }
.pf-cikti-satir.is-tasan { border-color: var(--ucuz-red-yazi); }
.pf-ek { flex: 1 1 200px; font-size: calc(var(--px) * 12); line-height: calc(var(--px) * 16); color: var(--ucuz-red-yazi); }
.pf-kopya {
  display: inline-flex; align-items: center; gap: 6px; flex: none; height: 34px; margin-left: auto; padding: 0 12px;
  border: 1px solid var(--ucuz-border-guc); border-radius: var(--r-md); background: var(--ucuz-panel);
  font: 600 calc(var(--px) * 13)/1 var(--yt-metin); color: var(--ucuz-metin); cursor: pointer;
  transition: border-color .15s, color .15s, background-color .15s;
}
.pf-kopya:hover, .pf-kopya:focus-visible { border-color: var(--ucuz-gold-cizgi); color: var(--ucuz-gold-yazi); outline: none; }
.pf-kopya.is-tamam { border-color: var(--ucuz-green-cizgi); color: var(--ucuz-green-yazi); background: var(--ucuz-green-zayif); }
.pf-bos {
  padding: 18px 14px; border: 1px dashed var(--ucuz-border-guc); border-radius: var(--r-lg); list-style: none;
  font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 20); color: var(--ucuz-sonuk); text-align: center;
}

.pf-merchant-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.pf-merchant-ust .alan-et { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: 600; color: var(--ucuz-metin); }
.pf-merchant-ust .bi { color: var(--ucuz-gold-yazi); }
.pf-merchant-kutu { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; margin-bottom: 8px; }
.pf-merchant-kutu .pf-kopya { height: 48px; margin: 0; }
.pf-merchant-kutu .giris.is-tasan { border-color: var(--ucuz-red-yazi); }
.pf-bag {
  padding: 0; border: 0; background: none; font: inherit; color: var(--ucuz-gold-yazi); cursor: pointer;
  text-decoration: underline; text-underline-offset: 2px;
}
.pf-not {
  display: flex; gap: 10px; align-items: flex-start; margin-top: 20px; padding: 12px 14px;
  border: 1px solid var(--ucuz-info-cizgi); border-radius: var(--r-lg); background: var(--ucuz-info-zayif);
}
.pf-not .bi { flex: none; margin-top: 2px; color: var(--ucuz-info-yazi); }
.pf-not p { margin: 0; font-size: calc(var(--px) * 13); line-height: 1.6; color: var(--ucuz-metin2); }
.pf-not b { color: var(--ucuz-metin); }

.pf-sss { margin-top: 64px; padding-bottom: calc(104px - 1.5rem); }
.pf-sss h2 {
  margin: 0 0 16px; font: 700 clamp(calc(var(--px) * 22), 3vw, calc(var(--px) * 30))/1.2 var(--yt-baslik);
  letter-spacing: normal; color: var(--ucuz-metin);
}
.pf-sss-liste { display: grid; gap: 8px; }
.pf-sss details { border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel); }
.pf-sss summary {
  position: relative; padding: 16px 48px 16px 18px; list-style: none; cursor: pointer;
  font: 600 calc(var(--px) * 16)/calc(var(--px) * 24) var(--yt-metin); color: var(--ucuz-metin);
}
.pf-sss summary::-webkit-details-marker { display: none; }
.pf-sss summary::after {
  content: ''; position: absolute; top: 22px; right: 20px; width: 9px; height: 9px;
  border-right: 2px solid var(--ucuz-sonuk); border-bottom: 2px solid var(--ucuz-sonuk);
  transform: rotate(45deg); transition: transform .15s ease-out;
}
.pf-sss details[open] summary::after { top: 26px; transform: rotate(225deg); }
.pf-sss summary:focus-visible { outline: 2px solid var(--ucuz-gold-cizgi); outline-offset: -2px; border-radius: var(--r-lg); }
.pf-sss-cevap { padding: 0 18px 16px; }
.pf-sss-cevap p { max-width: 70ch; margin: 0; font-size: calc(var(--px) * 16); line-height: calc(var(--px) * 26); color: var(--ucuz-sonuk); }

@media (max-width: 1199.98px) {
  .pf-basliklar { display: none; }
  .pf-satir {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-areas: "tur tur tur islem islem islem" "ad ad ad ad ad ad" "kademe kademe adet fiyat fiyat fiyat" "not not not not not not";
    padding: 10px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-yukselti);
  }
  .pf-tur { grid-area: tur; width: auto; justify-self: start; }
  .pf-tur > button { flex: 0 0 auto; padding: 0 16px; }
  .pf-ad { grid-area: ad; }
  .pf-kademe { grid-area: kademe; }
  .pf-adet { grid-area: adet; }
  .pf-fiyat { grid-area: fiyat; }
  .pf-notgir { grid-area: not; }
  .pf-islem { grid-area: islem; }
  .pf-ayarlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 999.98px) {
  .pf-sonuc-izgara { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 759.98px) {
  .pf-ayarlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .pf-satir { grid-template-areas: "tur tur tur islem islem islem" "ad ad ad ad ad ad" "kademe kademe kademe kademe adet adet" "fiyat fiyat fiyat fiyat not not"; }
  .pf-ikon-dugme { width: 40px; height: 44px; }
  .pf-ayarlar { grid-template-columns: minmax(0, 1fr); }
  #pfOzelAlan { grid-column: auto; }
  .pf-alt .dugme { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) {
  .pf-ikon-dugme, .pf-kopya, .pf-adim { transition: none; }
}