.kcp-sayfa .kcp-kapak {
  margin: 0;
  --perde-yan: radial-gradient(34% 36% at 0% 100%, rgba(8, 11, 17, .9) 0%, rgba(8, 11, 17, 0) 100%),
    linear-gradient(90deg, rgba(8, 11, 17, .94) 0%, rgba(8, 11, 17, .82) 34%, rgba(8, 11, 17, .36) 54%, rgba(8, 11, 17, 0) 70%);
}
.kcp-kapak .kahraman-zemin .kapak-acik { display: none; }
:root[data-bs-theme="light"] .kcp-kapak .kahraman-zemin .kapak-koyu { display: none; }
:root[data-bs-theme="light"] .kcp-kapak .kahraman-zemin .kapak-acik { display: block; }
:root[data-bs-theme="light"] .kcp-sayfa .kcp-kapak {
  --perde-yan: radial-gradient(34% 36% at 0% 100%, rgba(246, 247, 248, .9) 0%, rgba(246, 247, 248, 0) 100%),
    linear-gradient(90deg, rgba(246, 247, 248, .94) 0%, rgba(246, 247, 248, .8) 34%, rgba(246, 247, 248, .3) 54%, rgba(246, 247, 248, 0) 70%);
  --perde-alt: linear-gradient(0deg, rgba(246, 247, 248, .96) 0%, rgba(246, 247, 248, .86) 46%, rgba(246, 247, 248, .66) 100%);
}
.kcp-kapak-ic {
  display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 32px;
  min-height: 300px; padding: clamp(24px, 3.2vw, 44px);
}
.kcp-kapak-yazi { max-width: min(640px, 58%); }
@media (max-width: 991.98px) { .kcp-kapak-yazi { max-width: 640px; } }
.kcp-ust {
  display: inline-flex; align-items: center; gap: 10px; margin-bottom: 12px;
  font: 600 calc(var(--px, 1px) * 14)/calc(var(--px, 1px) * 20) var(--yt-metin); color: var(--ucuz-gold-yazi);
}
.kcp-canli { position: relative; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--ucuz-green); }
.kcp-canli::after {
  content: ''; position: absolute; inset: -4px; border-radius: 50%;
  border: 2px solid var(--ucuz-green); opacity: 0; animation: kcp-nabiz 2s ease-out infinite;
}
@keyframes kcp-nabiz { 0% { transform: scale(.5); opacity: .8; } 100% { transform: scale(1.4); opacity: 0; } }
.kcp-kapak h1 {
  margin: 0; font: 700 clamp(calc(var(--px, 1px) * 28), 3.2vw, calc(var(--px, 1px) * 44))/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);
}
.kcp-ozet {
  max-width: 58ch; margin: 14px 0 0;
  font-size: calc(var(--px, 1px) * 17); line-height: calc(var(--px, 1px) * 27);
  color: var(--ucuz-metin2); text-shadow: 0 1px 10px rgba(0, 0, 0, .5);
}
.kcp-ozet b { color: var(--ucuz-gold-yazi); font-variant-numeric: tabular-nums; }
.kcp-haplar { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.kcp-haplar li {
  display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px;
  border: 1px solid var(--cam-cizgi); border-radius: var(--r-tam, 999px); background: var(--cam);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  font-size: calc(var(--px, 1px) * 14); color: var(--ucuz-metin2); white-space: nowrap;
}
.kcp-haplar b { color: var(--ucuz-metin); }
.kcp-haplar .bi { color: var(--ucuz-gold-yazi); }
.kcp-eylem { display: flex; flex-wrap: wrap; gap: 10px; }
.kcp-dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  height: 52px; padding: 0 20px 0 12px; border: 1px solid transparent; border-radius: var(--r-lg);
  font: 600 calc(var(--px, 1px) * 15)/calc(var(--px, 1px) * 20) var(--yt-metin); white-space: nowrap; text-decoration: none;
  transition: background-color .15s ease-out, border-color .15s ease-out, box-shadow .15s ease-out, transform .15s ease-out;
}
.kcp-dugme:hover { text-decoration: none; }
.kcp-dugme:active { transform: translateY(1px); }
.kcp-dugme:focus-visible { outline: 2px solid var(--ucuz-gold-cizgi); outline-offset: 2px; }
.kcp-dugme img { flex: none; width: 28px; height: 28px; border-radius: 6px; }
.kcp-dugme.is-birincil { background: var(--ucuz-gold); color: var(--ucuz-gold-metin); }
.kcp-dugme.is-birincil:hover, .kcp-dugme.is-birincil:focus-visible { background: var(--ucuz-gold-acik); color: var(--ucuz-gold-metin); box-shadow: var(--altin-parilti); }
.kcp-dugme.is-cam { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .22); color: #fff; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.kcp-dugme.is-cam:hover, .kcp-dugme.is-cam:focus-visible { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .36); color: #fff; }
:root[data-bs-theme="light"] .kcp-kapak h1, :root[data-bs-theme="light"] .kcp-ozet { text-shadow: 0 1px 14px rgba(246, 247, 248, .9); }
:root[data-bs-theme="light"] .kcp-dugme.is-cam { background: rgba(255, 255, 255, .72); border-color: rgba(15, 19, 22, .14); color: var(--ucuz-metin); }
:root[data-bs-theme="light"] .kcp-dugme.is-cam:hover { background: rgba(255, 255, 255, .92); border-color: rgba(15, 19, 22, .26); color: var(--ucuz-metin); }

.kcp-sayfa .kcp-bolum { margin-top: 44px; scroll-margin-top: 96px; }
.kcp-sayfa .kcp-bolum-ust { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.kcp-sayfa .kcp-bolum-ikon { flex: none; width: 52px; height: 52px; border-radius: var(--r-lg); box-shadow: 0 0 0 1px var(--ucuz-border); }
.kcp-sayfa .kcp-h { margin: 0; font: 700 calc(var(--px, 1px) * 22)/calc(var(--px, 1px) * 30) var(--yt-baslik); letter-spacing: normal; color: var(--ucuz-metin); }
.kcp-sayfa .kcp-alt { max-width: 80ch; margin: 2px 0 0; font-size: calc(var(--px, 1px) * 14); line-height: calc(var(--px, 1px) * 21); color: var(--ucuz-sonuk); }

.kcp-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.kcp-urun {
  --kcp-rgb: 255, 199, 0;
  display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 16px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-xl);
  background: radial-gradient(120% 70% at 0% 0%, rgba(var(--kcp-rgb), .13), rgba(var(--kcp-rgb), 0) 62%), var(--ucuz-panel);
  transition: border-color .16s ease-out;
}
.kcp-urun:hover { border-color: rgba(var(--kcp-rgb), .45); }
.kcp-urun[data-urun="bronze"] { --kcp-rgb: 214, 132, 74; }
.kcp-urun[data-urun="platinum"] { --kcp-rgb: 190, 204, 216; }
.kcp-urun[data-urun="dc"] { --kcp-rgb: 72, 186, 120; }
.kcp-urun[data-urun="war"] { --kcp-rgb: 228, 84, 64; }
.kcp-urun[data-urun="exp"] { --kcp-rgb: 166, 108, 240; }
.kcp-urun[data-urun="switching"] { --kcp-rgb: 255, 140, 60; }
.kcp-urun-bas { display: flex; align-items: center; gap: 12px; min-width: 0; }
.kcp-ikon {
  position: relative; flex: none; width: 60px; height: 60px; overflow: hidden; border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(var(--kcp-rgb), .5), 0 6px 18px rgba(var(--kcp-rgb), .16);
}
.kcp-ikon img { display: block; width: 100%; height: 100%; }
.kcp-adet {
  position: absolute; right: 4px; bottom: 3px;
  font: 800 calc(var(--px, 1px) * 13)/1 var(--yt-sayi); color: #fff;
  text-shadow: 0 1px 0 #000, 0 0 3px #000, 0 0 3px #000;
}
.kcp-urun-ad { min-width: 0; }
.kcp-urun-ad h3 { margin: 0; font: 700 calc(var(--px, 1px) * 17)/calc(var(--px, 1px) * 24) var(--yt-baslik); letter-spacing: normal; color: var(--ucuz-metin); }
.kcp-urun-ad span { display: block; font-size: calc(var(--px, 1px) * 13); line-height: calc(var(--px, 1px) * 18); color: var(--ucuz-sonuk); }
.kcp-enucuz {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 10px;
  padding: 10px 12px 11px 14px; border: 1px solid var(--ucuz-green-cizgi); border-radius: var(--r-lg);
  background: var(--ucuz-green-zayif); color: var(--ucuz-metin); text-decoration: none;
  transition: border-color .15s ease-out, background-color .15s ease-out;
}
.kcp-enucuz:hover { border-color: var(--ucuz-green); color: var(--ucuz-metin); text-decoration: none; }
.kcp-enucuz:focus-visible { outline: 2px solid var(--ucuz-green); outline-offset: 2px; }
.kcp-etiket { grid-column: 1; font: 700 calc(var(--px, 1px) * 11)/calc(var(--px, 1px) * 14) var(--yt-metin); letter-spacing: .06em; text-transform: uppercase; color: var(--ucuz-green-yazi); }
.kcp-tutar {
  grid-column: 1; white-space: nowrap;
  font: 800 calc(var(--px, 1px) * 30)/1.1 var(--yt-ekran, var(--yt-sayi)); letter-spacing: .01em;
  font-variant-numeric: tabular-nums; color: var(--ucuz-metin);
}
.kcp-logo { grid-column: 2; grid-row: 1 / 3; justify-self: end; display: inline-flex; align-items: center; min-width: 0; }
.kcp-logo .site-logo { height: 22px; max-width: 104px; margin: 0; }
.kcp-logo .site-logo[src*="knightpin"], .kcp-logo .site-logo[src*="kabasakal"] { height: 30px; }
.kcp-logo .site-ad-yazi { display: none; }
.kcp-logo.logo-yok .site-ad-yazi, .kcp-logo .site-ad-yazi.is-tek { display: inline; font-weight: 600; font-size: calc(var(--px, 1px) * 14); }
.kcp-sira { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; counter-reset: kcp-sira 1; }
.kcp-sira li { counter-increment: kcp-sira; }
.kcp-sira a {
  display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 8px;
  padding: 5px 6px; border-radius: var(--r-md, 8px);
  font-size: calc(var(--px, 1px) * 14); line-height: calc(var(--px, 1px) * 20); color: var(--ucuz-metin2); text-decoration: none;
}
.kcp-sira a::before { content: counter(kcp-sira) '.'; font: 600 calc(var(--px, 1px) * 12)/1 var(--yt-sayi); color: var(--ucuz-sonuk); }
.kcp-sira a:hover { background: var(--ucuz-yukselti); color: var(--ucuz-metin); text-decoration: none; }
.kcp-sira-ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kcp-sira-fiyat { font: 600 calc(var(--px, 1px) * 14)/calc(var(--px, 1px) * 20) var(--yt-sayi); font-variant-numeric: tabular-nums; color: var(--ucuz-metin); white-space: nowrap; }
.kcp-urun-dip {
  margin: auto 0 0; padding-top: 10px; border-top: 1px solid var(--ucuz-border);
  font-size: calc(var(--px, 1px) * 13); line-height: calc(var(--px, 1px) * 18); color: var(--ucuz-sonuk);
}
.kcp-urun-yok {
  margin: 0; padding: 14px; border-radius: var(--r-lg); background: var(--ucuz-dark);
  font-size: calc(var(--px, 1px) * 14); color: var(--ucuz-sonuk); text-align: center;
}
.kcp-urun.is-yok .kcp-ikon img { filter: grayscale(1); opacity: .6; }

.kcp-sayfa .kcp-tablo-h { margin: 28px 0 10px; font: 700 calc(var(--px, 1px) * 16)/calc(var(--px, 1px) * 24) var(--yt-baslik); letter-spacing: normal; color: var(--ucuz-metin); }
.kcp-sayfa .price-table .table.kcp-tablo[style*="--n"] { --hucre-min: 80px; }
.kcp-sayfa .price-table .table.kcp-tablo tbody th .site-logo { max-width: calc(var(--site-w, 170px) - 18px); }
@media (max-width: 1199.98px) {
  .kcp-sayfa .price-table .table.kcp-tablo[style*="--n"] { --site-w: 112px; }
  .kcp-sayfa .price-table .table.kcp-tablo thead th.server-header {
    white-space: normal; line-height: 1.25;
    font-size: calc(var(--px, 1px) * 11); letter-spacing: .03em;
  }
}
.kcp-sayfa .price-table .table.kcp-tablo tbody td.kcp-yok {
  white-space: normal; line-height: 1.2;
  font-size: calc(var(--px, 1px) * 11); font-weight: 500;
}
.kcp-sayfa .kcp-bos { margin-top: 24px; }

.kcp-sayfa .kcp-ilgili { margin-top: 48px; }
.kcp-sayfa .kcp-ilgili .kcp-h { margin-bottom: 16px; }
.kcp-bag .gorsel { aspect-ratio: 16 / 9; }

@media (max-width: 1199.98px) {
  .kcp-kartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .kcp-kapak-ic { min-height: 0; padding: 22px 18px; }
  .kcp-ozet { font-size: calc(var(--px, 1px) * 16); line-height: calc(var(--px, 1px) * 25); }
  .kcp-haplar li { height: 32px; padding: 0 12px; font-size: calc(var(--px, 1px) * 13); }
  .kcp-eylem { width: 100%; }
  .kcp-dugme { flex: 1 1 0; min-width: 0; padding: 0 14px 0 10px; }
  .kcp-sayfa .kcp-bolum { margin-top: 36px; }
  .kcp-sayfa .kcp-h { font-size: calc(var(--px, 1px) * 19); line-height: calc(var(--px, 1px) * 26); }
  .kcp-sayfa .kcp-bolum-ikon { width: 44px; height: 44px; }
  .kcp-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .kcp-urun { gap: 10px; padding: 12px; }
  .kcp-urun-bas { flex-direction: column; align-items: flex-start; gap: 8px; }
  .kcp-ikon { width: 48px; height: 48px; border-radius: 8px; }
  .kcp-adet { font-size: calc(var(--px, 1px) * 11); }
  .kcp-urun-ad h3 { font-size: calc(var(--px, 1px) * 15); line-height: calc(var(--px, 1px) * 21); }
  .kcp-enucuz { grid-template-columns: minmax(0, 1fr); row-gap: 4px; padding: 9px 10px 10px; }
  .kcp-tutar { font-size: calc(var(--px, 1px) * 24); }
  .kcp-logo { grid-column: 1; grid-row: auto; justify-self: start; }
  .kcp-logo .site-logo { height: 18px; max-width: 92px; }
  .kcp-logo .site-logo[src*="knightpin"], .kcp-logo .site-logo[src*="kabasakal"] { height: 24px; }
  .kcp-sira a { grid-template-columns: minmax(0, 1fr) auto; gap: 6px; padding: 4px 2px; font-size: calc(var(--px, 1px) * 13); }
  .kcp-sira a::before { display: none; }
  .kcp-sira li:nth-child(3) { display: none; }
  .kcp-sira-fiyat { font-size: calc(var(--px, 1px) * 13); }
  .kcp-urun-dip { padding-top: 8px; font-size: calc(var(--px, 1px) * 12); line-height: calc(var(--px, 1px) * 16); }
}
@media (prefers-reduced-motion: reduce) {
  .kcp-canli::after { animation: none; }
  .kcp-dugme, .kcp-urun, .kcp-enucuz { transition: none; }
}