.pn { --pn-rev: #ff84a6; }
:root[data-bs-theme="light"] .pn { --pn-rev: #b8456b; }

.pn-bas { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 32px; }
.pn-bas .sayfa-basi { margin-bottom: 0; }
.pn-sayilar { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 16px 0 0; padding: 0; list-style: none; font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 20); color: var(--ucuz-sonuk); }
.pn-sayilar b { color: var(--ucuz-metin); font-weight: 700; font-variant-numeric: tabular-nums; }
.pn-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
@media (max-width: 575.98px) {
  .pn-eylem { width: 100%; }
  .pn-eylem .dugme { flex: 1 1 auto; }
}

.pn-sv-serit { display: flex; gap: 8px; margin: 28px 0 0; padding-bottom: 4px; overflow-x: auto; scrollbar-width: none; }
.pn-sv-serit::-webkit-scrollbar { display: none; }
.pn-sv {
  flex: none; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px 0 8px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-md); background: var(--ucuz-panel);
  color: var(--ucuz-metin); font: 500 calc(var(--px) * 14)/1 var(--yt-metin); white-space: nowrap; text-decoration: none;
  transition: border-color .15s, background-color .15s;
}
.pn-sv.is-tumu { padding-left: 14px; }
.pn-sv:hover { border-color: var(--ucuz-border-guc); color: var(--ucuz-metin); text-decoration: none; }
.pn-sv.is-secili { border-color: var(--ucuz-gold); background: var(--ucuz-gold); color: var(--ucuz-gold-metin); font-weight: 600; }
.pn-sv-n { font-size: calc(var(--px) * 12); color: var(--ucuz-sonuk); font-variant-numeric: tabular-nums; }
.pn-sv.is-secili .pn-sv-n { color: inherit; opacity: .7; }
.pn-sv-yeni {
  padding: 3px 6px; border-radius: 6px; background: var(--ucuz-green-zayif); color: var(--ucuz-green-yazi);
  font: 700 calc(var(--px) * 10)/1 var(--yt-metin); letter-spacing: .05em; text-transform: uppercase;
}
.pn-sv.is-secili .pn-sv-yeni { background: rgba(0, 0, 0, .14); color: inherit; }

.pn-sekmeler { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }
.pn-sekmeler .ikili { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.pn-sekme-n { margin-left: 6px; font-size: calc(var(--px) * 12); font-variant-numeric: tabular-nums; opacity: .75; }
@media (max-width: 575.98px) {
  .pn-sekmeler .ikili { width: 100%; }
  .pn-sekmeler .ikili > a { flex: 1 1 auto; padding: 0 10px; }
}

.pn-duzen { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 24px; align-items: start; margin-top: 20px; }
.pn-duzen.is-tek { grid-template-columns: minmax(0, 1fr); }
.pn-yan { display: grid; gap: 16px; min-width: 0; }
.pn-yan .ic-kart { padding: 20px; }
.pn-yan .ic-kart-baslik { margin-bottom: 12px; font-size: calc(var(--px) * 16); }
@media (min-width: 992px) { .pn-yan { position: sticky; top: calc(var(--ust-menu-h) + 16px); } }
@media (max-width: 991.98px) {
  .pn-duzen { grid-template-columns: minmax(0, 1fr); }
  .pn-yan { display: contents; }
  .pn-yan > * { order: 2; }
  .pn-yan > .pn-katla { order: 0; }
  .pn-sonuc { order: 1; }
}
.pn-sonuc { min-width: 0; }
.pn-sonuc-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 16px; }
.pn-sonuc-sayi { margin: 0; font-size: calc(var(--px) * 14); color: var(--ucuz-sonuk); }
.pn-sonuc-sayi b { color: var(--ucuz-metin); }
.pn-ara { position: relative; flex: 1 1 260px; max-width: 420px; }
.pn-ara .giris { padding-left: 42px; }
.pn-ara .bi { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--ucuz-sonuk); pointer-events: none; }
.pn-sira { flex: 0 0 auto; width: auto; min-width: 190px; }

.pn-suz { display: grid; gap: 14px; }
.pn-suz .alan-et { font-size: calc(var(--px) * 13); }
.pn-suz-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pn-tik { display: flex; align-items: center; gap: 10px; min-height: 32px; margin: 0; font-size: calc(var(--px) * 14); color: var(--ucuz-metin); cursor: pointer; }
.pn-tik input { width: 18px; height: 18px; accent-color: var(--ucuz-gold); }
.pn-suz-dugme { display: flex; gap: 8px; }
.pn-suz-dugme .dugme { flex: 1 1 auto; height: 44px; }
.pn-katla > summary { display: none; }
@media (max-width: 991.98px) {
  .pn-katla > summary {
    display: flex; align-items: center; justify-content: space-between; gap: 10px; height: 48px; padding: 0 16px;
    border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel);
    color: var(--ucuz-metin); font: 600 calc(var(--px) * 15)/1 var(--yt-metin); list-style: none; cursor: pointer;
  }
  .pn-katla > summary::-webkit-details-marker { display: none; }
  .pn-katla > summary .bi-chevron-down { transition: transform .15s; }
  .pn-katla[open] > summary { margin-bottom: 12px; }
  .pn-katla[open] > summary .bi-chevron-down { transform: rotate(180deg); }
}

.pn-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.pn-izgara.is-genis { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
@media (max-width: 575.98px) { .pn-izgara, .pn-izgara.is-genis { grid-template-columns: minmax(0, 1fr); gap: 12px; } }

.pn-rozet {
  display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px;
  border: 1px solid var(--ucuz-border); border-radius: 7px; background: rgba(var(--ust-rgb), .04);
  color: var(--ucuz-metin2); font: 600 calc(var(--px) * 12)/1 var(--yt-metin); white-space: nowrap;
}
.pn-rozet .bi { font-size: calc(var(--px) * 12); }
.pn-rozet.is-onayli, .pn-rozet.is-ucuz { border-color: var(--ucuz-green-cizgi); background: var(--ucuz-green-zayif); color: var(--ucuz-green-yazi); }
.pn-rozet.is-pahali { border-color: var(--ucuz-red-zayif); background: var(--ucuz-red-zayif); color: var(--ucuz-red-yazi); }
.pn-rozet.is-bilgi { border-color: var(--ucuz-info-cizgi); background: var(--ucuz-info-zayif); color: var(--ucuz-info-yazi); }
.pn-rozet.is-altin { border-color: var(--ucuz-gold-cizgi); background: var(--ucuz-gold-zayif); color: var(--ucuz-gold-yazi); }
.pn-rozet.is-sonuk { color: var(--ucuz-sonuk); }
.pn-rozet img { width: 16px; height: 16px; }
.pn-rozetler { display: flex; flex-wrap: wrap; gap: 6px; }
.pn-onay-ikon { color: var(--ucuz-green-yazi); font-size: .9em; }

.pn-av {
  --boy: 44px;
  flex: none; display: grid; place-items: center; width: var(--boy); height: var(--boy); overflow: hidden;
  border-radius: 50%; background: hsl(var(--ton, 210) 36% 27%); color: #fff;
  font: 700 calc(var(--boy) * .36)/1 var(--yt-baslik); letter-spacing: .02em;
}
.pn-av.is-resim { background: var(--ucuz-yukselti); }
.pn-av img { width: 100%; height: 100%; object-fit: cover; }
:root[data-bs-theme="light"] .pn-av:not(.is-resim) { background: hsl(var(--ton, 210) 55% 86%); color: #1d252c; }
.pn-av.is-kucuk { --boy: 22px; }
.pn-av.is-buyuk { --boy: 88px; }

.pn-ik {
  position: relative; display: flex; flex-direction: column; min-width: 0;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel);
  transition: border-color .15s, transform .15s;
}
.pn-ik:hover { border-color: var(--ucuz-border-guc); transform: translateY(-1px); }
.pn-ik.is-kapali { opacity: .72; }
.pn-ik-ust { display: flex; gap: 14px; min-width: 0; padding: 18px 18px 12px; }
.pn-gorsel {
  position: relative; flex: none; display: grid; place-items: center; width: 64px; height: 64px; overflow: hidden;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-lg);
  background: radial-gradient(90% 90% at 50% 35%, rgba(var(--ust-rgb), .07), rgba(var(--ust-rgb), .01));
}
.pn-gorsel .pn-ikon { width: 45px; height: 45px; }
.pn-gorsel.is-karakter > img:first-child { width: 100%; height: 100%; object-fit: cover; object-position: 50% 16%; }
.pn-gorsel .pn-ulus { position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .6)); }
.pn-kademe {
  position: absolute; right: 3px; bottom: 3px; padding: 2px 5px; border-radius: 6px;
  background: rgba(10, 12, 14, .78); color: #fff; font: 700 calc(var(--px) * 11)/1.2 var(--yt-sayi); white-space: nowrap;
}
.pn-kademe.is-rev { color: #ff84a6; }
.pn-ik-yazi { min-width: 0; }
.pn-ik-baslik { margin: 0; font: 600 calc(var(--px) * 16)/calc(var(--px) * 21) var(--yt-baslik); letter-spacing: normal; overflow-wrap: anywhere; }
.pn-ik-baslik a { color: var(--ucuz-metin); text-decoration: none; }
.pn-ik-baslik a::after { content: ''; position: absolute; inset: 0; z-index: 0; border-radius: inherit; }
.pn-ik-baslik.is-rev a { color: var(--pn-rev); }
.pn-ik-alt { margin: 4px 0 0; font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 18); color: var(--ucuz-sonuk); }
.pn-np { display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; font-size: calc(var(--px) * 12); color: var(--ucuz-gold-yazi); font-weight: 600; }
.pn-np img { width: 18px; height: 18px; }
.pn-ik-fiyat { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 0 18px; }
.pn-ik-fiyat b { font: 800 calc(var(--px) * 22)/calc(var(--px) * 28) var(--yt-sayi); font-variant-numeric: tabular-nums; letter-spacing: -.01em; color: var(--ucuz-metin); }
.pn-ik-fiyat b.is-teklif { font-size: calc(var(--px) * 17); color: var(--ucuz-gold-yazi); }
.pn-ik-fiyat small { font-size: calc(var(--px) * 13); color: var(--ucuz-sonuk); font-variant-numeric: tabular-nums; }
.pn-ik .pn-rozetler { padding: 10px 18px 0; }
.pn-ik-alt-satir {
  position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-top: auto; padding: 14px 18px 16px; font-size: calc(var(--px) * 13); color: var(--ucuz-sonuk);
}
.pn-ik-alt-satir .pn-satici { min-width: 0; }
.pn-ik-bosluk { height: 14px; }
.pn-satici { display: inline-flex; align-items: center; gap: 7px; min-width: 0; color: var(--ucuz-metin2); text-decoration: none; }
.pn-satici > span:not(.pn-av) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.pn-satici:hover { color: var(--ucuz-metin); }
.pn-sv-kucuk { display: inline-flex; align-items: center; gap: 6px; flex: none; color: var(--ucuz-metin2); font-weight: 500; }
.pn-sv-kucuk .sv-arma { width: 20px; height: 20px; font-size: calc(var(--px) * 10); }

.pn-pk {
  position: relative; display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 20px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel);
}
.pn-pk.is-onayli { border-color: var(--ucuz-gold-cizgi); }
.pn-pk-ust { display: flex; align-items: center; gap: 14px; min-width: 0; }
.pn-pk-ad { margin: 0; font: 700 calc(var(--px) * 17)/calc(var(--px) * 22) var(--yt-baslik); letter-spacing: normal; overflow-wrap: anywhere; }
.pn-pk-ad a { color: var(--ucuz-metin); text-decoration: none; }
.pn-pk-ad a:hover { color: var(--ucuz-gold-yazi); }
.pn-pk-alt { margin: 4px 0 0; font-size: calc(var(--px) * 13); color: var(--ucuz-sonuk); }
.pn-pk-ozet { margin: 0; font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 21); color: var(--ucuz-metin2); }
.pn-pk-alt-satir { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; }
.pn-kanallar { display: flex; flex-wrap: wrap; gap: 6px; }
.pn-kanal {
  display: inline-grid; place-items: center; width: 36px; height: 36px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-md); background: rgba(var(--ust-rgb), .03);
  color: var(--ucuz-metin2); text-decoration: none; transition: border-color .15s, color .15s;
}
.pn-kanal:hover { border-color: var(--ucuz-border-guc); color: var(--ucuz-metin); }
.pn-kanal .sos-simge, .pn-kanal svg { width: 16px; height: 16px; }
.pn-pk-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.pn-pk-dugmeler .dugme { height: 36px; padding: 0 12px; font-size: calc(var(--px) * 13); }
.pn-sahiplen { font-size: calc(var(--px) * 12); color: var(--ucuz-sonuk); }
.pn-sahiplen a { color: var(--ucuz-gold-yazi); }

.pn-guven[aria-pressed="true"] { border-color: var(--ucuz-green-cizgi); background: var(--ucuz-green-zayif); color: var(--ucuz-green-yazi); }
.pn-guven .pn-guven-n { font-variant-numeric: tabular-nums; }
.dugme.pn-wa { background: var(--acik-yesil, #1fa855); border-color: transparent; color: #fff; font-weight: 600; }
.dugme.pn-wa:hover, .dugme.pn-wa:focus-visible { background: var(--acik-zumrut, #23bf61); color: #fff; }
.dugme.pn-dc { background: var(--acik-discord, #5865f2); border-color: transparent; color: #fff; font-weight: 600; }
.dugme.pn-dc:hover, .dugme.pn-dc:focus-visible { filter: brightness(1.08); color: #fff; }
.dugme .sos-simge { width: 16px; height: 16px; }

.cl-k {
  position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 20px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel);
  transition: border-color .15s, transform .15s;
}
.cl-k:hover { border-color: var(--ucuz-border-guc); transform: translateY(-1px); }
.cl-k-ust { display: flex; align-items: center; gap: 14px; min-width: 0; }
.cl-k-ad { margin: 0; font: 700 calc(var(--px) * 17)/calc(var(--px) * 22) var(--yt-baslik); letter-spacing: normal; overflow-wrap: anywhere; }
.cl-k-ad a { color: var(--ucuz-metin); text-decoration: none; }
.cl-k-ad a::after { content: ''; position: absolute; inset: 0; z-index: 0; border-radius: inherit; }
.cl-k-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 4px 0 0; font-size: calc(var(--px) * 13); color: var(--ucuz-sonuk); }
.cl-k-alt img { width: 16px; height: 16px; vertical-align: -3px; }
.cl-resmi { display: inline-flex; align-items: center; gap: 6px; position: relative; z-index: 1; font-size: calc(var(--px) * 13); font-weight: 600; color: var(--ucuz-gold-yazi); text-decoration: none; }
.cl-resmi img { width: 22px; height: 22px; }
a.cl-resmi:hover { text-decoration: underline; color: var(--ucuz-gold-yazi); }
.cl-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: calc(var(--px) * 13); color: var(--ucuz-sonuk); }
.cl-satir > b { min-width: 64px; font-weight: 600; color: var(--ucuz-metin2); }
.cl-sinif { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px 0 3px; border: 1px solid var(--ucuz-border); border-radius: 14px; color: var(--ucuz-metin); font-size: calc(var(--px) * 13); font-weight: 500; }
.cl-sinif img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; object-position: 50% 12%; }
.cl-sinif.is-hepsi { padding-left: 10px; }
.cl-ozet { margin: 0; font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 21); color: var(--ucuz-metin2); overflow-wrap: anywhere; }
.cl-k-alt-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; font-size: calc(var(--px) * 13); color: var(--ucuz-sonuk); }

.cl-liste { margin: 0; padding: 0; list-style: none; border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel); overflow: hidden; }
.cl-liste > li { display: grid; grid-template-columns: 44px 36px minmax(0, 1fr) auto auto; align-items: center; gap: 12px; min-height: 60px; padding: 8px 16px; }
.cl-liste > li + li { border-top: 1px solid var(--ucuz-border); }
.cl-liste .cl-sira { font: 700 calc(var(--px) * 14)/1 var(--yt-sayi); color: var(--ucuz-sonuk); font-variant-numeric: tabular-nums; text-align: center; }
.cl-liste .pn-av { --boy: 36px; }
.cl-liste-ad { min-width: 0; }
.cl-liste-ad b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--ucuz-metin); }
.cl-liste-ad b a { color: inherit; text-decoration: none; }
.cl-liste-ad b a:hover { color: var(--ucuz-gold-yazi); }
.cl-liste-ad small { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: calc(var(--px) * 12); color: var(--ucuz-sonuk); }
.cl-liste-ad small img { width: 15px; height: 15px; }
.cl-liste .cl-puan { font: 600 calc(var(--px) * 13)/1 var(--yt-sayi); color: var(--ucuz-metin2); font-variant-numeric: tabular-nums; }
@media (max-width: 575.98px) {
  .cl-liste > li { grid-template-columns: 32px 36px minmax(0, 1fr) auto; gap: 10px; padding: 8px 12px; }
  .cl-liste .cl-puan { display: none; }
}
.cl-sv-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.cl-sv-kart {
  display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg);
  background: var(--ucuz-panel); color: var(--ucuz-metin); text-decoration: none; transition: border-color .15s;
}
.cl-sv-kart:hover { border-color: var(--ucuz-border-guc); color: var(--ucuz-metin); text-decoration: none; }
.cl-sv-kart b { display: block; font-weight: 600; }
.cl-sv-kart small { color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); }

.pn-bos {
  display: grid; justify-items: center; gap: 10px; padding: 48px 24px; text-align: center;
  border: 1px dashed var(--ucuz-border-guc); border-radius: var(--r-xl); background: rgba(var(--ust-rgb), .02);
}
.pn-bos .oyun-simge { --boy: 48px; }
.pn-bos b { font: 600 calc(var(--px) * 17)/1.3 var(--yt-baslik); color: var(--ucuz-metin); }
.pn-bos p { max-width: 46ch; margin: 0; font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 21); color: var(--ucuz-sonuk); }
.pn-bos .dugme { margin-top: 6px; }

.pn-sayfalar { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 24px; }
.pn-sayfalar a, .pn-sayfalar span {
  display: inline-grid; place-items: center; min-width: 40px; height: 40px; padding: 0 12px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-md); background: var(--ucuz-panel);
  color: var(--ucuz-metin); font: 500 calc(var(--px) * 14)/1 var(--yt-metin); text-decoration: none;
}
.pn-sayfalar a:hover { border-color: var(--ucuz-border-guc); }
.pn-sayfalar [aria-current="page"] { border-color: var(--ucuz-gold); background: var(--ucuz-gold); color: var(--ucuz-gold-metin); font-weight: 600; }

.pn-ipucu { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.pn-ipucu li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 21); color: var(--ucuz-metin2); }
.pn-ipucu .bi { color: var(--ucuz-green-yazi); line-height: calc(var(--px) * 21); }
.pn-not { margin: 0; font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 20); color: var(--ucuz-sonuk); }
.pn-not a { color: var(--ucuz-gold-yazi); }

.pn-grup {
  display: flex; align-items: center; gap: 14px; min-width: 0; padding: 16px 18px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel);
}
.pn-grup-ikon { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; color: #fff; }
.pn-grup-ikon.is-whatsapp { background: var(--acik-yesil, #1fa855); }
.pn-grup-ikon.is-discord { background: var(--acik-discord, #5865f2); }
.pn-grup-ikon.is-telegram { background: var(--acik-mavi, #2aa3df); }
.pn-grup-ikon svg, .pn-grup-ikon .bi { width: 20px; height: 20px; font-size: 1rem; }
.pn-grup-yazi { min-width: 0; flex: 1 1 auto; }
.pn-grup-yazi b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ucuz-metin); }
.pn-grup-yazi small { display: block; font-size: calc(var(--px) * 13); color: var(--ucuz-sonuk); }
.pn-grup .dugme { flex: none; height: 40px; }

.pn-sss { margin-top: 48px; }
.pn-sss h2 { margin: 0 0 16px; font: 700 calc(var(--px) * 22)/1.25 var(--yt-baslik); letter-spacing: normal; }
.pn-sss details { margin-bottom: 8px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel); }
.pn-sss summary { padding: 16px 20px; font: 600 calc(var(--px) * 16)/1.4 var(--yt-metin); color: var(--ucuz-metin); cursor: pointer; list-style-position: inside; }
.pn-sss details > p, .pn-sss details > ul { margin: 0; padding: 0 20px 16px; font-size: calc(var(--px) * 15); line-height: calc(var(--px) * 24); color: var(--ucuz-sonuk); }
.pn-sss details > ul { padding-left: 40px; }

.pn-detay { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; align-items: start; }
@media (max-width: 991.98px) { .pn-detay { grid-template-columns: minmax(0, 1fr); } }
.pn-detay-ana { display: grid; gap: 20px; min-width: 0; }
.pn-detay-yan { display: grid; gap: 16px; min-width: 0; }
@media (min-width: 992px) { .pn-detay-yan { position: sticky; top: calc(var(--ust-menu-h) + 16px); } }
.pn-vitrin { display: flex; gap: 20px; align-items: center; }
.pn-vitrin .pn-gorsel { width: 112px; height: 112px; border-radius: var(--r-xl); }
.pn-vitrin .pn-gorsel .pn-ikon { width: 64px; height: 64px; image-rendering: auto; }
.pn-vitrin .pn-kademe { font-size: calc(var(--px) * 13); }
.pn-vitrin h1 { margin: 0; font: 700 clamp(calc(var(--px) * 24), 3vw, calc(var(--px) * 32))/1.15 var(--yt-baslik); letter-spacing: normal; overflow-wrap: anywhere; }
.pn-vitrin h1.is-rev { color: var(--pn-rev); }
.pn-vitrin p { margin: 8px 0 0; color: var(--ucuz-sonuk); }
.pn-bilgi-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; margin: 0; }
.pn-bilgi-izgara > div { padding: 14px 16px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: rgba(var(--ust-rgb), .02); }
.pn-bilgi-izgara dt { margin: 0 0 4px; font-size: calc(var(--px) * 12); font-weight: 500; color: var(--ucuz-sonuk); }
.pn-bilgi-izgara dd { margin: 0; font-size: calc(var(--px) * 15); font-weight: 600; color: var(--ucuz-metin); overflow-wrap: anywhere; }
.pn-bilgi-izgara dd a { color: var(--ucuz-gold-yazi); }
.pn-aciklama { margin: 0; white-space: pre-line; overflow-wrap: anywhere; font-size: calc(var(--px) * 16); line-height: calc(var(--px) * 26); color: var(--ucuz-metin2); }
.pn-foto { display: block; max-width: 100%; border-radius: var(--r-lg); border: 1px solid var(--ucuz-border); }
.pn-fiyat-kutu { display: grid; gap: 6px; }
.pn-fiyat-kutu .pn-buyuk-fiyat { font: 800 calc(var(--px) * 34)/1.1 var(--yt-sayi); font-variant-numeric: tabular-nums; letter-spacing: -.015em; color: var(--ucuz-metin); }
.pn-fiyat-kutu .pn-buyuk-fiyat.is-teklif { font-size: calc(var(--px) * 24); color: var(--ucuz-gold-yazi); }
.pn-fiyat-kutu small { font-size: calc(var(--px) * 14); color: var(--ucuz-sonuk); }
.pn-karsilastir { display: grid; gap: 8px; margin-top: 10px; padding-top: 14px; border-top: 1px solid var(--ucuz-border); font-size: calc(var(--px) * 14); color: var(--ucuz-metin2); }
.pn-karsilastir > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pn-karsilastir b { font-family: var(--yt-sayi); font-variant-numeric: tabular-nums; color: var(--ucuz-metin); }
.pn-iletisim { display: grid; gap: 8px; }
.pn-iletisim > .dugme { width: 100%; }
.pn-kopya { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; padding: 6px 6px 6px 14px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); }
.pn-kopya > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(var(--px) * 14); color: var(--ucuz-metin); }
.pn-kopya > span small { display: block; font-size: calc(var(--px) * 12); color: var(--ucuz-sonuk); }
.pn-kopya .dugme { flex: none; height: 36px; padding: 0 12px; }
.pn-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0; padding: 0; list-style: none; font-size: calc(var(--px) * 13); color: var(--ucuz-sonuk); }
.pn-uyari { display: flex; gap: 12px; padding: 14px 16px; border: 1px solid var(--ucuz-gold-cizgi); border-radius: var(--r-lg); background: var(--ucuz-gold-zayif); color: var(--ucuz-metin); font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 21); }
.pn-uyari .bi { flex: none; color: var(--ucuz-gold-yazi); }
.pn-baglanti-sat { display: flex; flex-wrap: wrap; gap: 8px; }
.pn-sikayet { border: 0; background: none; padding: 0; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.pn-sikayet:hover { color: var(--ucuz-red-yazi); }

.pn-magaza { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.pn-magaza h1 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0; font: 700 clamp(calc(var(--px) * 26), 3.4vw, calc(var(--px) * 38))/1.1 var(--yt-baslik); letter-spacing: normal; }
.pn-magaza-yazi { flex: 1 1 320px; min-width: 0; }
.pn-magaza-yazi > p { margin: 10px 0 0; max-width: 70ch; color: var(--ucuz-metin2); white-space: pre-line; }

.pn-turler { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; }
.pn-tur {
  display: grid; justify-items: start; gap: 8px; min-height: 112px; padding: 16px; text-align: left;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel);
  color: var(--ucuz-metin); cursor: pointer; transition: border-color .15s, background-color .15s;
}
.pn-tur:hover { border-color: var(--ucuz-border-guc); }
.pn-tur[aria-pressed="true"] { border-color: var(--ucuz-gold); background: var(--ucuz-gold-zayif); }
.pn-tur .oyun-simge { --boy: 30px; }
.pn-tur b { font: 600 calc(var(--px) * 15)/1.3 var(--yt-metin); }
.pn-tur small { font-size: calc(var(--px) * 12); line-height: calc(var(--px) * 17); color: var(--ucuz-sonuk); }
.pn-form { display: grid; gap: 16px; }
.pn-form-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.pn-form-izgara .is-tam { grid-column: 1 / -1; }
@media (max-width: 575.98px) { .pn-form-izgara { grid-template-columns: minmax(0, 1fr); } }
.pn-form textarea.giris { height: auto; min-height: 110px; padding-block: 12px; resize: vertical; }
.pn-form .alan small { font-size: calc(var(--px) * 12); line-height: calc(var(--px) * 17); color: var(--ucuz-sonuk); }
.pn-form .alan small a { color: var(--ucuz-gold-yazi); }
.pn-form .alan.is-hata .giris { border-color: var(--ucuz-red); }
.pn-form .alan-hata { font-size: calc(var(--px) * 13); color: var(--ucuz-red-yazi); }
.pn-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.pn-cip { position: relative; }
.pn-cip input { position: absolute; opacity: 0; pointer-events: none; }
.pn-cip span {
  display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px;
  border: 1px solid var(--ucuz-border); border-radius: 18px; background: var(--ucuz-panel);
  color: var(--ucuz-metin2); font: 500 calc(var(--px) * 14)/1 var(--yt-metin); cursor: pointer; user-select: none;
}
.pn-cip span img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; object-position: 50% 12%; margin-left: -6px; }
.pn-cip input:checked + span { border-color: var(--ucuz-gold); background: var(--ucuz-gold-zayif); color: var(--ucuz-metin); }
.pn-cip input:focus-visible + span { outline: 2px solid var(--ucuz-gold-cizgi); outline-offset: 2px; }
.pn-item-sec { position: relative; }
.pn-oneri {
  position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 4px); max-height: 320px; 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-yukselti); box-shadow: 0 12px 32px rgba(0, 0, 0, .35);
}
.pn-oneri li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: var(--r-md); cursor: pointer; }
.pn-oneri li[aria-selected="true"], .pn-oneri li:hover { background: rgba(var(--ust-rgb), .07); }
.pn-oneri img { width: 32px; height: 32px; flex: none; }
.pn-oneri b { display: block; font-weight: 600; color: var(--ucuz-metin); }
.pn-oneri small { display: block; font-size: calc(var(--px) * 12); color: var(--ucuz-sonuk); }
.pn-secili-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--ucuz-gold-cizgi); border-radius: var(--r-lg); background: var(--ucuz-gold-zayif); }
.pn-secili-item img { width: 40px; height: 40px; }
.pn-secili-item b { display: block; color: var(--ucuz-metin); }
.pn-secili-item small { color: var(--ucuz-sonuk); }
.pn-secili-item button { margin-left: auto; }
.pn-ipucu-kutu { padding: 14px 16px; border: 1px solid var(--ucuz-info-cizgi); border-radius: var(--r-lg); background: var(--ucuz-info-zayif); font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 21); color: var(--ucuz-metin); }
.pn-ipucu-kutu b { color: var(--ucuz-info-yazi); }
.pn-gonder { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.pn-durum { font-size: calc(var(--px) * 14); color: var(--ucuz-sonuk); }
.pn-durum.is-hata { color: var(--ucuz-red-yazi); }
.pn-durum.is-tamam { color: var(--ucuz-green-yazi); }
.pn-ilan-ver { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
@media (max-width: 991.98px) { .pn-ilan-ver { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 992px) { .pn-onizleme { position: sticky; top: calc(var(--ust-menu-h) + 16px); } }
.pn-onizleme .pn-ik:hover { transform: none; }
.pn-onizleme .pn-ik-baslik a::after { display: none; }
.pn-adim { display: grid; gap: 16px; }
.pn-adim + .pn-adim { margin-top: 24px; }
.pn-adim-bas { display: flex; align-items: center; gap: 10px; margin: 0; font: 600 calc(var(--px) * 18)/1.3 var(--yt-baslik); letter-spacing: normal; }
.pn-adim-no { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ucuz-gold); color: var(--ucuz-gold-metin); font: 700 calc(var(--px) * 14)/1 var(--yt-sayi); }

.pn-giris { display: grid; gap: 14px; }
.pn-giris-platform { display: flex; flex-wrap: wrap; gap: 8px; }
.pn-giris-platform .dugme { flex: 1 1 160px; }
.dugme.pn-twitch { background: #9146ff; color: #fff; font-weight: 600; }
.dugme.pn-kick { background: #53fc18; color: #0b0e0f; font-weight: 600; }
.pn-ayrac { display: flex; align-items: center; gap: 12px; font-size: calc(var(--px) * 13); color: var(--ucuz-sonuk); }
.pn-ayrac::before, .pn-ayrac::after { content: ''; flex: 1 1 auto; height: 1px; background: var(--ucuz-border); }
.pn-tel-kod { display: inline-block; padding: 6px 12px; border-radius: var(--r-md); background: rgba(var(--ust-rgb), .06); font: 700 calc(var(--px) * 18)/1.2 var(--yt-sayi); letter-spacing: .04em; color: var(--ucuz-metin); }
.pn-tel-adim { margin: 0; padding-left: 20px; display: grid; gap: 8px; font-size: calc(var(--px) * 15); line-height: calc(var(--px) * 23); color: var(--ucuz-metin2); }
.pn-ts[hidden] { display: none; }
.giris.pn-kod { max-width: 220px; font: 700 calc(var(--px) * 20)/1 var(--yt-sayi); letter-spacing: .3em; text-align: center; }
.pn-eposta-alt .pn-sikayet:disabled { color: var(--ucuz-sonuk); text-decoration: none; cursor: default; }
.pn-eposta-alt .pn-sikayet:disabled:hover { color: var(--ucuz-sonuk); }

.pn-benim { display: grid; gap: 12px; }
.pn-benim-satir {
  display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 14px 16px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel);
}
.pn-benim-satir .pn-gorsel { width: 56px; height: 56px; }
.pn-benim-satir .pn-gorsel .pn-ikon { width: 40px; height: 40px; }
.pn-benim-yazi { min-width: 0; }
.pn-benim-yazi b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ucuz-metin); }
.pn-benim-yazi b a { color: inherit; text-decoration: none; }
.pn-benim-yazi b a:hover { color: var(--ucuz-gold-yazi); }
.pn-benim-yazi small { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: calc(var(--px) * 13); color: var(--ucuz-sonuk); }
.pn-benim-dugme { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.pn-benim-dugme .dugme { height: 36px; padding: 0 12px; font-size: calc(var(--px) * 13); }
.pn-benim-dugme svg { width: 14px; height: 14px; }
@media (max-width: 767.98px) {
  .pn-benim-satir { grid-template-columns: 56px minmax(0, 1fr); }
  .pn-benim-dugme { grid-column: 1 / -1; justify-content: flex-start; }
}
.pn-bolum-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 32px 0 14px; }
.pn-bolum-bas h2 { margin: 0; font: 700 calc(var(--px) * 20)/1.25 var(--yt-baslik); letter-spacing: normal; }

.pn-pencere { width: min(480px, calc(100vw - 32px)); padding: 0; border: 1px solid var(--ucuz-border-guc); border-radius: var(--r-xl); background: var(--ucuz-panel); color: var(--ucuz-metin); }
.pn-pencere::backdrop { background: rgba(0, 0, 0, .6); }
.pn-pencere form { display: grid; gap: 14px; padding: 24px; }
.pn-pencere h2 { margin: 0; font: 700 calc(var(--px) * 19)/1.3 var(--yt-baslik); letter-spacing: normal; }
.pn-pencere-dugme { display: flex; justify-content: flex-end; gap: 8px; }

.pn-bildirim {
  position: fixed; z-index: 1100; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; pointer-events: none;
  padding: 12px 18px; border-radius: var(--r-lg); background: var(--ucuz-metin); color: var(--ucuz-dark);
  font: 600 calc(var(--px) * 14)/1.3 var(--yt-metin); transition: opacity .2s, transform .2s;
}
.pn-bildirim.is-acik { opacity: 1; transform: translate(-50%, 0); }
.pn-gizli { display: none !important; }

.pn-kapak { margin: 0; }
.pn-kapak-ic { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 32px; min-height: 260px; padding: clamp(24px, 3.2vw, 44px); }
.pn-kapak.is-ince .pn-kapak-ic { min-height: 0; }
.pn-kapak.is-dikey .pn-kapak-ic { display: block; min-height: 0; }
.pn-kapak-yazi { max-width: 720px; }
.pn-kapak h1 { margin: 0; font: 700 clamp(calc(var(--px) * 28), 3.2vw, calc(var(--px) * 42))/1.1 var(--yt-baslik); letter-spacing: -.01em; color: var(--ucuz-metin); text-wrap: balance; text-shadow: 0 2px 18px rgba(0, 0, 0, .55); }
.pn-kapak .sayfa-ust { display: inline-flex; align-items: center; gap: 6px; color: var(--ucuz-gold-yazi); }
.pn-kapak .sayfa-ozet { max-width: 60ch; color: var(--ucuz-metin2); text-shadow: 0 1px 10px rgba(0, 0, 0, .5); }
.pn-kapak .pn-vitrin p, .pn-kapak .pn-magaza-yazi > p { color: var(--ucuz-metin2); }
.pn-sayilar.is-cam { gap: 8px; margin-top: 18px; }
.pn-sayilar.is-cam li, .pn-cam-hap {
  display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px 0 8px;
  border: 1px solid var(--cam-cizgi); border-radius: var(--r-tam, 999px); background: var(--cam);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--ucuz-metin2); white-space: nowrap;
}
.pn-cam-hap { padding: 0 14px; font-size: calc(var(--px) * 14); }
.pn-sayilar.is-cam .oyun-simge { --boy: 24px; }
.pn-kapak .pn-eylem .dugme-ikincil { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .22); color: #fff; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.pn-kapak .pn-eylem .dugme-ikincil:hover { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .36); color: #fff; }
.pn-kapak .pn-eylem .dugme-bag { color: #fff; }
.pn-kapak .pn-vitrin .pn-gorsel { background-color: rgba(10, 12, 14, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
@media (max-width: 767.98px) {
  .pn-kapak::before { background: var(--perde-alt); }
  .pn-kapak-ic { min-height: 0; padding: 22px 18px; }
  .pn-sayilar.is-cam li { height: 34px; font-size: calc(var(--px) * 13); }
}
:root[data-bs-theme="light"] .pn-kapak h1, :root[data-bs-theme="light"] .pn-kapak .sayfa-ozet { text-shadow: 0 1px 14px rgba(246, 247, 248, .9); }
:root[data-bs-theme="light"] .pn-kapak .pn-eylem .dugme-ikincil { background: rgba(255, 255, 255, .72); border-color: rgba(15, 19, 22, .14); color: var(--ucuz-metin); }
:root[data-bs-theme="light"] .pn-kapak .pn-eylem .dugme-ikincil:hover { background: rgba(255, 255, 255, .92); border-color: rgba(15, 19, 22, .26); color: var(--ucuz-metin); }
:root[data-bs-theme="light"] .pn-kapak .pn-eylem .dugme-bag { padding: 4px 6px 4px 12px; background: rgba(255, 255, 255, .72); border-color: rgba(15, 19, 22, .14); color: var(--ucuz-metin); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
:root[data-bs-theme="light"] .pn-kapak .pn-vitrin .pn-gorsel { background-color: rgba(255, 255, 255, .62); }

.pn-sekmeler .ikili > a, .pn-sekmeler .ikili > button { gap: 8px; }
.pn-sekmeler .ikili .oyun-simge { --boy: 20px; }

.pn-gorsel.is-rev { border-color: rgba(255, 132, 166, .42); background: radial-gradient(70% 70% at 50% 42%, rgba(255, 132, 166, .24), rgba(255, 132, 166, .03)); }
.pn-gorsel.is-parlak { border-color: var(--ucuz-gold-cizgi); background: radial-gradient(70% 70% at 50% 42%, rgba(255, 199, 0, .22), rgba(255, 199, 0, .03)); }
.pn-gorsel.is-karus { border-color: rgba(214, 72, 60, .6); }
.pn-gorsel.is-elmorad { border-color: rgba(76, 140, 232, .6); }
.pn-ik:hover .pn-gorsel.is-rev, .pn-ik:hover .pn-gorsel.is-parlak { filter: brightness(1.12); }
.pn-pk { overflow: hidden; }
.pn-pk::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, var(--pn-sv1, rgba(var(--ust-rgb), .14)), transparent 85%); }
.pn-pk.is-onayli::before { background: linear-gradient(90deg, var(--ucuz-gold), transparent 85%); }
.pn-pk.is-onayli .pn-av { box-shadow: 0 0 0 2px var(--ucuz-panel), 0 0 0 4px var(--ucuz-gold); }
.cl-k { overflow: hidden; isolation: isolate; }
.cl-k.is-karus { box-shadow: inset 3px 0 0 rgba(214, 72, 60, .8); }
.cl-k.is-elmorad { box-shadow: inset 3px 0 0 rgba(76, 140, 232, .8); }
.cl-k-arma { position: absolute; z-index: -1; right: -22px; top: -22px; width: 120px; height: 120px; opacity: .07; pointer-events: none; }
.cl-liste .cl-sira.is-altin, .cl-liste .cl-sira.is-gumus, .cl-liste .cl-sira.is-bronz {
  display: inline-grid; place-items: center; justify-self: center; width: 30px; height: 30px; border-radius: 50%;
  color: #1b1405; font-size: calc(var(--px) * 13); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .18);
}
.cl-liste .cl-sira.is-altin { background: linear-gradient(180deg, #ffe48a, #dca300); }
.cl-liste .cl-sira.is-gumus { background: linear-gradient(180deg, #f1f4f6, #a6b1ba); }
.cl-liste .cl-sira.is-bronz { background: linear-gradient(180deg, #f2bd8e, #b06b34); }

.pn-panel-ozet { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.pn-sayac {
  display: flex; align-items: center; gap: 14px; min-width: 0; padding: 16px 18px; text-align: left;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel);
  color: var(--ucuz-metin); cursor: pointer; transition: border-color .15s, transform .15s, box-shadow .15s;
}
.pn-sayac:hover { border-color: var(--ucuz-border-guc); transform: translateY(-1px); }
.pn-sayac.is-dikkat { border-color: var(--ucuz-gold); box-shadow: 0 0 0 3px var(--ucuz-gold-zayif); }
.pn-sayac .oyun-simge { --boy: 42px; }
.pn-sayac-yazi { display: grid; min-width: 0; }
.pn-sayac-yazi b { font: 800 calc(var(--px) * 26)/1.15 var(--yt-sayi); font-variant-numeric: tabular-nums; color: var(--ucuz-metin); }
.pn-sayac-yazi span { font-size: calc(var(--px) * 14); color: var(--ucuz-metin2); }
.pn-sayac-yazi small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(var(--px) * 12); color: var(--ucuz-sonuk); }
.pn-panel-sekme { margin-top: 4px; }
.pn-panel-govde { margin-top: 8px; }
.pn-basvuru { margin-bottom: 12px; }
.pn-basvuru.is-askida { border-color: var(--ucuz-red-zayif); }
.dugme.pn-tehlike { border-color: var(--ucuz-red-zayif); color: var(--ucuz-red-yazi); }
.dugme.pn-tehlike:hover, .dugme.pn-tehlike:focus-visible { background: var(--ucuz-red-zayif); border-color: var(--ucuz-red-yazi); color: var(--ucuz-red-yazi); }
.pn-sayfalar button {
  display: inline-grid; place-items: center; min-width: 40px; height: 40px; padding: 0 14px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-md); background: var(--ucuz-panel);
  color: var(--ucuz-metin); font: 500 calc(var(--px) * 14)/1 var(--yt-metin); cursor: pointer;
}
.pn-sayfalar button:hover { border-color: var(--ucuz-border-guc); }
@media (max-width: 419.98px) { .pn-sekmeler .ikili .oyun-simge { display: none; } }