:root { --px: calc(1rem / 20.8); }
body { font-size: calc(var(--px) * 16); line-height: 1.5; }
body::before { background: radial-gradient(120% 100% at 50% 0%, rgba(var(--vurgu-rgb), .045), transparent 68%); }
h1, .h1 { letter-spacing: -.02em; }
h2, h3, .h2, .h3 { font-weight: 700; letter-spacing: -.012em; }
::selection { background: rgba(255,199,0,.3); }

.oyun-simge {
  --boy: 22px;
  flex: none; display: inline-block; vertical-align: middle;
  width: var(--boy); height: var(--boy);
  background: url(/img/simge-seti.webp?v=25) no-repeat;
  background-size: calc(var(--boy) * 25) var(--boy);
  background-position: calc(var(--i, 0) * var(--boy) * -1) 0;
}

.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 48px; padding: 0 20px;
  border: 1px solid transparent; border-radius: var(--r-lg);
  background: transparent; color: var(--ucuz-metin);
  font: 500 calc(var(--px) * 14)/calc(var(--px) * 20) var(--yt-metin); white-space: nowrap;
  text-decoration: none; cursor: pointer;
  transition: background-color .15s ease-out, border-color .15s ease-out, color .15s ease-out, box-shadow .15s ease-out, transform .15s ease-out;
}
.dugme:hover { text-decoration: none; }
.dugme:active { transform: translateY(1px); }
.dugme:focus-visible { outline: 2px solid var(--ucuz-gold-cizgi); outline-offset: 2px; }
.dugme .bi { font-size: .82rem; }
.dugme-buyuk { height: 56px; padding: 0 24px; font-size: calc(var(--px) * 16); }
.dugme-birincil { background: var(--ucuz-gold); color: var(--ucuz-gold-metin); font-weight: 600; }
.dugme-birincil:hover, .dugme-birincil:focus-visible { background: var(--ucuz-gold-acik); color: var(--ucuz-gold-metin); box-shadow: var(--altin-parilti); }
.dugme-ikincil { background: var(--ucuz-panel); border-color: var(--ucuz-border); color: var(--ucuz-metin); }
.dugme-ikincil:hover, .dugme-ikincil:focus-visible { background: var(--ucuz-yukselti); border-color: var(--ucuz-border-guc); color: var(--ucuz-metin); }
.dugme-bag {
  display: inline-flex; align-items: center; gap: 5px;
  border: 1px solid transparent; border-radius: var(--r-lg);
  font: 500 calc(var(--px) * 16)/calc(var(--px) * 20) var(--yt-metin); color: var(--ucuz-metin); text-decoration: none; white-space: nowrap;
}
.dugme-bag .bi { display: inline-grid; place-items: center; width: 26px; height: 26px; font-size: calc(var(--px) * 14); transition: transform .15s ease-out; }
.dugme-bag:hover { color: var(--ucuz-metin); text-decoration: none; }
.dugme-bag:hover .bi { transform: translateX(3px); }

.tool-btn:not(:where(.fiyat-serit *, .mobile-view *, .price-table *)) { border-radius: var(--r-lg); }
.tool-btn:not(.is-ghost):not(:where(.fiyat-serit *, .mobile-view *, .price-table *)):hover { background: var(--ucuz-gold-acik); border-color: var(--ucuz-gold-acik); box-shadow: var(--altin-parilti); }

:root {
  --ok-asagi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 8l4.5 4.5L14.5 8' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.navbar.ust-menu {
  --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0;
  padding: 0;
  background: rgba(15,15,15,.9) !important;
  background: color-mix(in srgb, var(--ucuz-dark) 88%, transparent) !important;
  border-bottom: 1px solid rgba(var(--ust-rgb), .06);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
:root[data-bs-theme="light"] .navbar.ust-menu { background: color-mix(in srgb, var(--ucuz-dark) 88%, transparent) !important; }
.ust-menu-ic {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px;
  width: 100%; min-height: calc(var(--ust-menu-h) - 1px);
  padding-inline: var(--kenar);
}
.ust-menu .navbar-brand { margin: 0 12px 0 0; padding: 0; }
.ust-menu .marka-logo { height: 30px; }
.ust-eylem { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.ust-dugme, .ust-eylem .tema-dugme {
  position: relative; flex: none;
  display: inline-grid; place-items: center;
  width: 40px; height: 40px; min-width: 0; padding: 0; margin: 0;
  border: 1px solid var(--ucuz-border); border-radius: 50%;
  background: transparent; color: var(--ucuz-metin);
  font: 700 .577rem/1 var(--yt-metin); letter-spacing: .04em; text-decoration: none;
  box-shadow: none;
  transition: background-color .15s, border-color .15s, color .15s;
}
.ust-dugme:hover, .ust-dugme:focus-visible,
.ust-eylem .tema-dugme:hover, .ust-eylem .tema-dugme:focus-visible {
  background: var(--ucuz-yukselti); border-color: var(--ucuz-border-guc); color: var(--ucuz-metin);
}
.ust-dugme .bi { font-size: .8rem; line-height: 1; }
.ust-eylem .tema-dugme svg { width: 17px; height: 17px; }
.ust-eylem .tema-dugme .tema-yazi { display: none !important; }
.ust-eylem .tema-dugme::after { inset: -2px; height: auto; transform: none; }
.ust-menu .navbar-toggler { border-color: var(--ucuz-border); }
.ust-menu .navbar-toggler:focus { box-shadow: none; }
.ust-menu .navbar-toggler:focus-visible { outline: 2px solid var(--ucuz-gold-cizgi); outline-offset: 2px; }
.ust-menu .navbar-toggler-icon { width: 20px; height: 20px; background-size: 20px; }

.ust-menu .navbar-nav { gap: 2px; }
.ust-menu .nav-link {
  display: flex; align-items: center; gap: 4px;
  min-height: 39px; padding: 0 10px !important;
  border-radius: var(--r-md);
  font: 500 calc(var(--px) * 14)/normal var(--yt-metin);
  color: var(--ucuz-metin) !important; white-space: nowrap;
}
.ust-menu .nav-link:hover, .ust-menu .nav-link.show { background: var(--ucuz-yukselti); color: var(--ucuz-metin) !important; }
.ust-menu .nav-link.active { background: transparent; color: var(--ucuz-gold-yazi) !important; }
.ust-menu .nav-link.active:hover, .ust-menu .nav-link.active.show { background: var(--ucuz-yukselti); }
.ust-menu .nav-link > .bi { font-size: .78rem; color: var(--ucuz-gold-yazi); }
.ust-menu .nav-link > .oyun-simge { --boy: 20px; margin-right: 4px; border-radius: 5px; }
.ust-menu .nav-link:focus-visible, .ust-menu .dropdown-item:focus-visible { outline: 0; box-shadow: 0 0 0 2px var(--ucuz-gold-cizgi); }
.ust-menu .dropdown-toggle::after {
  flex: none; width: 18px; height: 18px; margin: 0 -4px 0 -3px; border: 0;
  background: currentColor; opacity: .8;
  -webkit-mask: var(--ok-asagi) center / 18px 18px no-repeat; mask: var(--ok-asagi) center / 18px 18px no-repeat;
  transition: transform .15s ease-out;
}
.ust-menu .dropdown-toggle.show::after { transform: rotate(180deg); }

.ust-menu .dropdown-menu {
  margin-top: 8px; padding: 8px;
  background: var(--ucuz-panel); border: 1px solid var(--ucuz-border-guc);
  border-radius: var(--r-lg); box-shadow: var(--g-3);
}
.ust-menu .dropdown-item {
  display: flex; align-items: center; gap: 12px;
  padding: 7px 10px; border-radius: var(--r-md);
  font: 500 .673rem/1.3 var(--yt-metin); color: var(--ucuz-metin);
  white-space: normal;
}
.ust-menu .dropdown-item > .bi {
  flex: none; display: grid; place-items: center;
  width: 34px; height: 34px; margin: 0;
  border-radius: var(--r-md);
  background: var(--ucuz-yukselti); border: 1px solid var(--ucuz-border);
  color: var(--ucuz-gold-yazi); font-size: .77rem;
}
.ust-menu .dropdown-item:hover, .ust-menu .dropdown-item:focus-visible { background: var(--ucuz-yukselti); color: var(--ucuz-metin); }
.ust-menu .dropdown-item:hover > .bi, .ust-menu .dropdown-item:focus-visible > .bi { background: var(--ucuz-panel); border-color: var(--ucuz-border-guc); color: var(--ucuz-gold-yazi); }
.ust-menu .dropdown-item.active, .ust-menu .dropdown-item:active { background: var(--ucuz-gold-zayif); color: var(--ucuz-gold-yazi); }
.ust-menu .dropdown-item.active > .bi { background: var(--ucuz-gold); border-color: var(--ucuz-gold); color: var(--ucuz-gold-metin); }

.ust-menu .dropdown-menu.mega { width: min(1000px, calc(100vw - 24px)); padding: 12px; }
.ust-menu .mega-izgara { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 2px 10px; }
.ust-menu .mega-baslik {
  margin: 0 0 2px; padding: 8px 10px 6px; border: 0;
  font: 700 .577rem/1.2 var(--yt-metin); letter-spacing: .12em; text-transform: uppercase;
  color: var(--ucuz-sonuk2);
}
.ust-menu .mega-baslik .bi { display: none; }
.ust-menu .mega .dropdown-item { gap: 10px; padding: 6px 8px; font-size: .65rem; line-height: 1.25; }
.ust-menu .mega .dropdown-item > .bi { width: 30px; height: 30px; font-size: .7rem; }
.ust-menu .mega-tum { margin-top: 10px; padding: 10px 12px; border-radius: var(--r-lg); background: var(--ucuz-yukselti); border-color: var(--ucuz-border); }
.ust-menu .mega-tum strong { font-size: .7rem; }
.ust-menu .mega-tum em { font-size: .6rem; }

@media (min-width: 1200px) {
  .ust-menu .marka-logo { height: 30px; }
  .ust-menu-ic { gap: 0 16px; }
  .ust-menu .navbar-brand { margin-right: 0; }
  .ust-menu .ust-cekmece { order: 1; flex: 1 1 auto; flex-direction: row; justify-content: flex-end; min-width: 0; }
  .ust-eylem { order: 2; gap: 10px; margin-left: 0; }
  .ust-eylem .dil-nav { display: none; }
  .ust-menu .navbar-nav { align-items: center; flex-wrap: nowrap; gap: 3px; }
  .ust-menu .nav-link { gap: 4px; padding: 0 10px !important; }
  .ust-menu .dropdown-toggle::after { margin: 0 -5px 0 -4px; }
  .ust-menu .yazi-nav { display: none !important; }
}
@media (min-width: 1200px) and (max-width: 1299.98px) {
  .ust-menu .nav-link > .oyun-simge { display: none; }
}
@media (max-width: 1199.98px) {
  :root { --ust-menu-h: 64px; }
  .ust-menu .marka-logo { height: 30px; }
}
@media (max-width: 400px) {
  .ust-eylem { gap: 5px; }
  .ust-dugme, .ust-eylem .tema-dugme { width: 36px; height: 36px; }
  .ust-menu .marka-logo { height: 26px; }
}

@media (max-width: 1199.98px) {
  :root:not(.menu-acik) .ust-cekmece { display: none; }
  .ust-menu .ust-cekmece {
    --bs-offcanvas-width: min(calc(var(--px) * 320), calc(100vw - 48px));
    --bs-offcanvas-bg: var(--ucuz-panel);
    --bs-offcanvas-color: var(--ucuz-metin);
    --bs-offcanvas-border-color: var(--ucuz-border);
    --bs-offcanvas-transition: transform .25s ease-out;
    box-shadow: var(--g-3);
  }
  .ust-menu .offcanvas-backdrop { background: var(--perde-pencere); }
  .ust-menu .offcanvas-backdrop.show { opacity: 1; }
  .ust-cekmece-bas { flex: none; gap: 12px; min-height: 61px; padding: 10px 10px 10px 20px; border-bottom: 1px solid var(--ucuz-border); }
  .ust-cekmece-baslik { font: 700 calc(var(--px) * 17)/calc(var(--px) * 24) var(--yt-baslik); color: var(--ucuz-metin); }
  .ust-cekmece-kapat {
    flex: none; display: inline-grid; place-items: center; width: 40px; height: 40px; margin: 0 0 0 auto; padding: 0;
    border: 0; border-radius: 50%; background: transparent; color: var(--ucuz-metin); cursor: pointer;
    transition: background-color .15s ease-out;
  }
  .ust-cekmece-kapat:hover { background: var(--ucuz-yukselti); }
  .ust-cekmece-kapat:focus-visible { outline: 2px solid var(--ucuz-gold-cizgi); outline-offset: 2px; }
  .ust-cekmece-govde { padding: 8px 10px calc(16px + env(safe-area-inset-bottom, 0px)); overflow-y: auto; overscroll-behavior: contain; }
  .ust-menu .ust-cekmece .navbar-nav { gap: 2px; padding: 0; }
  .ust-menu .ust-cekmece .nav-link { gap: 12px; min-height: 50px; padding: 0 10px !important; font: 500 calc(var(--px) * 16)/calc(var(--px) * 22) var(--yt-metin); }
  .ust-menu .ust-cekmece .nav-link > .oyun-simge { --boy: 26px; margin: 0; }
  .ust-menu .ust-cekmece .dropdown-toggle::after {
    width: 20px; height: 20px; margin: 0 0 0 auto; opacity: .6;
    -webkit-mask-size: 20px 20px; mask-size: 20px 20px;
  }
  .ust-menu .ust-cekmece .nav-link.show { background: transparent; }
  .ust-menu .ust-cekmece .dropdown-menu {
    margin: 0 0 6px 22px; padding: 2px 0 4px 10px;
    border: 0; border-left: 1px solid var(--ucuz-border); border-radius: 0; background: transparent; box-shadow: none;
  }
  .ust-menu .ust-cekmece .ust-izgara { grid-template-columns: minmax(0, 1fr); }
  .ust-menu .ust-cekmece .ust-oge { padding: 8px 10px; font-size: calc(var(--px) * 15); }
  .ust-menu .ust-cekmece .ust-diger { padding-inline: 10px; }
  .ust-menu .ust-cekmece .yazi-nav { margin: 10px 0 0; padding: 14px 10px 0; border-top: 1px solid var(--ucuz-border); }
}
@media (max-width: 1199.98px) and (hover: none) {
  .ust-menu .ust-cekmece .nav-link:hover { background: transparent; }
}
@media (pointer: coarse) { :root.menu-acik { overflow: hidden; } }

:root { --ust-gorunen: var(--ust-menu-h); }
:root.ust-gizli { --ust-gorunen: 0px; }
.navbar.ust-menu { transition: transform .22s ease-out; }
:root.ust-gizli .navbar.ust-menu { transform: translateY(-100%); }
:root.ust-gizli .navbar.ust-menu:has(:focus-visible) { transform: none; }
:root .svs-serit, :root .ph-araclar { transition: top .22s ease-out; }
:root.ust-gizli .svs-serit, :root.ust-gizli .ph-araclar { top: 0; }
:root.menu-acik .navbar.ust-menu { z-index: 1075; transform: none; transition: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
@media (prefers-reduced-motion: reduce) {
  .navbar.ust-menu, :root .svs-serit, :root .ph-araclar { transition: none; }
}

@media (min-width: 992px) {
  .stu-nav .stu-menu .nav-link { font-size: .76rem !important; padding-inline: .48rem !important; }
}

.ust-serit { background: var(--ucuz-dark); border-bottom: 1px solid rgba(var(--ust-rgb), .06); font-size: .625rem; }
.ust-serit > .container { max-width: none; padding-inline: var(--kenar); }
.ust-serit-ic { min-height: 34px; }
.ust-serit-sayac { font-family: var(--yt-sayi); font-weight: 700; }

.yol { padding-top: 24px; }
.yol ol { gap: 0 8px; max-width: 1440px; padding: 0 20px; font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 24); }
@media (max-width: 640px) { .yol ol { padding-inline: 16px; } }
.yol li { gap: 8px; color: var(--ucuz-sonuk); }
.yol li + li::before { content: '\203A'; color: var(--ucuz-sonuk); line-height: 1; }
.yol a { color: var(--ucuz-sonuk); }
.yol a:hover { color: var(--ucuz-metin); }
.yol [aria-current="page"] { color: var(--ucuz-sonuk); font-weight: 400; }

.sayfa-basi { margin: 0 0 30px; }
.py-4 > .sayfa-basi:first-child { margin-top: calc(12px - 1.5rem); }
@media (min-height: 961px) { .py-4 > .sayfa-basi:first-child { margin-top: calc(32px - 1.5rem); } }
.sayfa-ust { display: block; margin-bottom: 10px; font: 600 calc(var(--px) * 14)/calc(var(--px) * 20) var(--yt-metin); color: var(--ucuz-sonuk); }
.sayfa-basi h1 { max-width: 760px; margin: 0; font: 700 clamp(calc(var(--px) * 24), 3vw, calc(var(--px) * 28))/1.1 var(--yt-baslik); letter-spacing: normal; color: var(--ucuz-metin); }
@media (min-height: 961px) { .sayfa-basi h1 { font-size: clamp(calc(var(--px) * 30), 5vw, calc(var(--px) * 44)); } }
.sayfa-basi h1 > .bi:first-child { display: none; }
.sayfa-ozet { max-width: 65ch; margin: 14px 0 0; font-size: calc(var(--px) * 18); line-height: calc(var(--px) * 28); color: var(--ucuz-sonuk); }

.container:not(.fiyat-sayfa) { max-width: 1440px; padding-inline: 20px; }
.container-fluid.tool-page { padding-inline: 20px; }
@media (max-width: 640px) {
  .container:not(.fiyat-sayfa), .container-fluid.tool-page { padding-inline: 16px; }
}
@media (min-width: 1500px) and (min-height: 620px) {
  .container:not(.fiyat-sayfa), .yol ol { max-width: min(1440px, calc(100vw - 380px)); }
}

.ic-kart { min-width: 0; padding: 30px; border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel); }
.ic-kart-baslik { margin: 0 0 16px; font: 600 calc(var(--px) * 20)/calc(var(--px) * 24) var(--yt-baslik); letter-spacing: normal; color: var(--ucuz-metin); }
.alan { display: grid; align-content: start; gap: 6px; min-width: 0; }
.alan-et { font: 500 calc(var(--px) * 14)/calc(var(--px) * 24) var(--yt-metin); color: var(--ucuz-sonuk); }
.giris {
  display: block; width: 100%; height: 48px; min-width: 0; padding: 0 14px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background-color: var(--ucuz-panel);
  color: var(--ucuz-metin); font: 500 calc(var(--px) * 16)/calc(var(--px) * 24) var(--yt-metin);
  transition: border-color .15s ease-out, box-shadow .15s ease-out;
}
.giris::placeholder { color: var(--ucuz-sonuk); font-weight: 400; }
.giris:hover { border-color: var(--ucuz-border-guc); }
.giris:focus { outline: 0; border-color: var(--ucuz-gold-cizgi); box-shadow: 0 0 0 3px var(--ucuz-gold-zayif); }
.giris.is-buyuk { height: 56px; }
select.giris {
  appearance: none; -webkit-appearance: none; padding-right: 44px; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 8l4.5 4.5L14.5 8' fill='none' stroke='%239aaab4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center; background-size: 20px 20px;
}
.ikili { display: inline-flex; align-items: center; gap: 2px; height: 48px; padding: 5px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel); }
.ikili > a, .ikili > button, .ikili > label {
  display: inline-flex; align-items: center; justify-content: center; height: 36px; margin: 0; padding: 0 15px;
  border: 0; border-radius: var(--r-md); background: transparent; color: var(--ucuz-sonuk);
  font: 500 calc(var(--px) * 15)/calc(var(--px) * 24) var(--yt-metin); white-space: nowrap; text-decoration: none; cursor: pointer;
  transition: background-color .15s ease-out, color .15s ease-out;
}
.ikili > a:hover, .ikili > button:hover, .ikili > label:hover { color: var(--ucuz-metin); }
.ikili > .is-secili, .ikili > [aria-pressed="true"], .ikili > [aria-selected="true"], .ikili > input:checked + label {
  background: var(--ucuz-gold); color: var(--ucuz-gold-metin); font-weight: 600;
}
.ikili > input { position: absolute; opacity: 0; pointer-events: none; }

.form-control:not(:where(#siteFilterModal *, #serverFilterModal *, .fiyat-serit *, .price-table *, .mobile-view *)),
.form-select:not(:where(#siteFilterModal *, #serverFilterModal *, .fiyat-serit *, .price-table *, .mobile-view *)) {
  min-height: 48px; padding: 11px 14px; border-color: var(--ucuz-border); border-radius: var(--r-lg);
  background-color: var(--ucuz-panel); color: var(--ucuz-metin);
  font: 500 calc(var(--px) * 16)/calc(var(--px) * 24) var(--yt-metin);
  transition: border-color .15s ease-out, box-shadow .15s ease-out;
}
.form-select:not(:where(#siteFilterModal *, #serverFilterModal *, .fiyat-serit *, .price-table *, .mobile-view *)) { padding-right: 44px; background-position: right 14px center; }
.form-control:not(:where(#siteFilterModal *, #serverFilterModal *, .fiyat-serit *, .price-table *, .mobile-view *)):hover,
.form-select:not(:where(#siteFilterModal *, #serverFilterModal *, .fiyat-serit *, .price-table *, .mobile-view *)):hover { border-color: var(--ucuz-border-guc); }
.form-control:not(:where(#siteFilterModal *, #serverFilterModal *, .fiyat-serit *, .price-table *, .mobile-view *)):focus,
.form-select:not(:where(#siteFilterModal *, #serverFilterModal *, .fiyat-serit *, .price-table *, .mobile-view *)):focus {
  background-color: var(--ucuz-panel); border-color: var(--ucuz-gold-cizgi); box-shadow: 0 0 0 3px var(--ucuz-gold-zayif); color: var(--ucuz-metin);
}
.form-control-sm:not(:where(#siteFilterModal *, #serverFilterModal *, .fiyat-serit *, .price-table *, .mobile-view *)),
.form-select-sm:not(:where(#siteFilterModal *, #serverFilterModal *, .fiyat-serit *, .price-table *, .mobile-view *)) { min-height: 36px; padding-block: 5px; font-size: calc(var(--px) * 14); }
.form-control-lg:not(:where(#siteFilterModal *, #serverFilterModal *, .fiyat-serit *, .price-table *, .mobile-view *)),
.form-select-lg:not(:where(#siteFilterModal *, #serverFilterModal *, .fiyat-serit *, .price-table *, .mobile-view *)) { min-height: 56px; padding-block: 15px; font-size: calc(var(--px) * 17); font-weight: 600; }
.form-label:not(:where(#siteFilterModal *, #serverFilterModal *, .fiyat-serit *, .price-table *, .mobile-view *)) {
  margin-bottom: 6px; font: 500 calc(var(--px) * 14)/calc(var(--px) * 24) var(--yt-metin); color: var(--ucuz-sonuk);
}

.bolum { position: relative; margin: 0; padding: clamp(40px, 5vw, 64px) 0; }
.bolum + .bolum { border-top: 1px solid var(--ucuz-border); }
.bolum.is-bant, .bolum.is-duz, .bolum.is-bant + .bolum, .bolum.is-duz + .bolum { border-top: 0; }
.bolum.is-bant {
  margin-top: 40px; padding: 57px 0 65px;
  border-image: linear-gradient(180deg, var(--ucuz-border) 0 1px, var(--ucuz-panel) 1px, var(--ucuz-dark) calc(100% - 1px), var(--ucuz-border) calc(100% - 1px)) fill 0 / 0 / 0 100vmax;
}
.bolum.is-duz { padding: 72px 0 0; }
.bolum.is-duz > .bolum-ust::before { display: none; }
.bolum.ana-araclar, .bolum.ana-yazilar { padding-bottom: 32px; }
.bolum.ana-sv { padding: 32px 0 0; }
@media (max-width: 767.98px) {
  .bolum.is-bant { margin-top: 24px; padding: 33px 0 41px; }
  .bolum.is-duz { padding-top: 40px; }
}
.bolum-ust {
  position: relative; isolation: isolate;
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center;
  gap: 0 18px; margin-bottom: 20px;
}
.bolum-ust:not(:has(> .bolum-simge)) { grid-template-columns: minmax(0, 1fr) auto; }
.bolum-ust > div:not(.bolum-yan) { display: grid; gap: 4px; }
.bolum-ust > .bolum-tum, .bolum-yan > .bolum-tum { margin-left: 6px; }
.bolum-ust::before {
  content: ''; position: absolute; z-index: -1; pointer-events: none;
  top: -56px; bottom: -56px; left: -60px; width: min(760px, 85%);
  background: radial-gradient(closest-side, rgba(var(--vurgu-rgb), .16), rgba(var(--vurgu-rgb), .05) 60%, transparent);
}
.bolum-ust > div { min-width: 0; }
.bolum-simge {
  display: grid; place-items: center; flex: none;
  width: 56px; height: 56px; border-radius: 14px;
  background: linear-gradient(180deg, rgba(var(--vurgu-rgb), .22), rgba(var(--vurgu-rgb), .06));
  box-shadow: inset 0 0 0 1px rgba(var(--vurgu-rgb), .32);
}
.bolum-simge .oyun-simge { --boy: 34px; }
.bolum-simge .bi { font-size: 1.15rem; color: rgb(var(--vurgu-rgb)); }
.bolum-baslik {
  margin: 0; font: 700 clamp(calc(var(--px) * 22), 3vw, calc(var(--px) * 30))/1.2 var(--yt-baslik);
  letter-spacing: normal; color: var(--ucuz-metin); text-wrap: balance;
}
.bolum-alt { margin: 0; max-width: 72ch; font-size: calc(var(--px) * 16); line-height: calc(var(--px) * 24); color: var(--ucuz-sonuk); }
.bolum-tum { color: var(--ucuz-metin); }
.bolum-tum:hover { color: var(--ucuz-metin); }
.bolum-yan { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; }
.bolum-hap {
  display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px 0 10px;
  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)/calc(var(--px) * 24) var(--yt-metin); white-space: nowrap; text-decoration: none;
  transition: border-color .15s;
}
.bolum-hap:hover { border-color: var(--ucuz-border-guc); color: var(--ucuz-metin); text-decoration: none; }
.bolum-hap .oyun-simge { --boy: 20px; }
.bolum-hap .bi { color: var(--ucuz-gold-yazi); }
@media (max-width: 767.98px) {
  .bolum-ust { grid-template-columns: auto minmax(0, 1fr); }
  .bolum-ust:not(:has(> .bolum-simge)) { grid-template-columns: minmax(0, 1fr); }
  .bolum-ust > .bolum-tum, .bolum-ust > .bolum-yan { grid-column: 1 / -1; justify-self: start; margin: 14px 0 0; }
  .bolum-alt { font-size: calc(var(--px) * 15); line-height: calc(var(--px) * 22); }
  .bolum-ust > .bolum-yan { justify-self: stretch; min-width: 0; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
  .bolum-ust > .bolum-yan::-webkit-scrollbar { display: none; }
  .bolum-yan > * { flex: none; }
  .bolum-simge { width: 48px; height: 48px; border-radius: 12px; }
  .bolum-simge .oyun-simge { --boy: 30px; }
}

.ana-item { --vurgu-rgb: 200,124,199; }
:root[data-bs-theme="light"] .ana-item { --vurgu-rgb: 125,79,128; }
.ana-etk { --vurgu-rgb: 255,138,61; }
.ana-arac { --vurgu-rgb: 140,110,255; }
.ana-reh { --vurgu-rgb: 63,191,127; }
.ana-sss { --vurgu-rgb: 127,179,255; }
:root[data-bs-theme="light"] .ana-etk { --vurgu-rgb: 214,98,20; }
:root[data-bs-theme="light"] .ana-arac { --vurgu-rgb: 104,72,230; }
:root[data-bs-theme="light"] .ana-reh { --vurgu-rgb: 11,125,68; }
:root[data-bs-theme="light"] .ana-sss { --vurgu-rgb: 36,88,184; }

.icerik-kart, .etk-kart-bag, .reh-buyuk, .reh-satir, .bilgi-kart, .sirali-adimlar > li { box-shadow: none; }
.icerik-kart:hover, .etk-kart-bag:hover, .reh-buyuk:hover { border-color: var(--ucuz-border-guc); transform: translateY(-1px); }
.reh-satir:hover { border-color: var(--ucuz-border-guc); }
.icerik-kart-govde { gap: 8px; padding: 18px 20px 20px; }
.icerik-kart-baslik { font-size: .865rem; font-weight: 700; letter-spacing: -.01em; }
.icerik-kart-metin { font-size: .721rem; line-height: 1.55; }
.icerik-kart-alt { font-size: .625rem; }
.arac-kart .icerik-kart-baslik .bi { display: none; }
.arac-kart .icerik-kart-alt > span { font: 600 .625rem/1.3 var(--yt-sayi); color: var(--ucuz-sonuk); }
.arac-kart .icerik-kart-alt .bi-arrow-right { color: var(--ucuz-metin); }
.etk-kart-ad { font-weight: 700; }
.etk-kart-sayac { font-family: var(--yt-sayi); }
.etk-kart-ilk { background: var(--ucuz-gold); }
.reh-satir-yazi b { font-weight: 600; }
.reh-no { font-family: var(--yt-ekran); font-size: 1.1rem; font-weight: 800; }
.sekme { padding: 8px 14px; border-radius: var(--r-md); font-weight: 600; }
.sekme.active { background: var(--ucuz-metin); border-color: var(--ucuz-metin); color: var(--ucuz-dark); }
.sekme.active .sekme-sayi { background: rgba(var(--ust-rgb), .12); color: var(--ucuz-dark); }
:root[data-bs-theme="light"] .sekme.active .sekme-sayi { background: rgba(255,255,255,.2); }

.sss .accordion-item { margin-bottom: 8px; border-radius: var(--r-lg) !important; }
.sss .accordion-button { padding: 18px 20px; font: 600 .77rem/1.4 var(--yt-metin); }
.sss .accordion-button:not(.collapsed) { background: var(--ucuz-panel); color: var(--ucuz-metin); }
.sss .accordion-button::after {
  width: 20px; height: 20px; filter: none; opacity: .75;
  background: currentColor;
  -webkit-mask: var(--ok-asagi) center / 20px 20px no-repeat; mask: var(--ok-asagi) center / 20px 20px no-repeat;
}
.sss .accordion-body { padding: 0 20px 18px; background: var(--ucuz-panel); font-size: .74rem; line-height: 1.7; color: var(--ucuz-sonuk); }

.item-vitrin { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.iv-kart {
  --iv-ana: var(--ucuz-metin); --iv-dmg: #87e680; --iv-bonus: #adff2f; --iv-res: #8fa3ad; --iv-req: #f26060;
  --iv-rev: #ff84a6;
  display: flex; flex-direction: column; min-width: 0; overflow: hidden;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel);
  transition: border-color .15s, transform .15s;
}
:root[data-bs-theme="light"] .iv-kart { --iv-dmg: #2e7a2a; --iv-bonus: #3d7a12; --iv-res: #5b6873; --iv-req: #c92a44; --iv-rev: #b8456b; }
.iv-kart:hover { border-color: var(--ucuz-border-guc); transform: translateY(-2px); }
.iv-ust { display: grid; padding: 24px 24px 22px; border-bottom: 1px solid var(--ucuz-border); background: radial-gradient(120% 90% at 0 0, rgba(255,255,255,.035), transparent 60%); }
.iv-ust-satir { display: flex; align-items: center; gap: 14px; min-width: 0; margin-bottom: 4px; }
.iv-ikon {
  flex: none; display: grid; place-items: center; width: 45px; height: 45px; overflow: hidden;
}
.iv-ikon img { width: 45px; height: 45px; }
.iv-ad { margin: 0; font: 700 calc(var(--px) * 14)/1.35 var(--yt-baslik); letter-spacing: normal; overflow-wrap: anywhere; }
.iv-ad a { color: var(--ucuz-metin); text-decoration: none; }
.iv-ad a::after { content: ''; position: absolute; inset: 0; }
.iv-kart { position: relative; }
.iv-ad.is-rev a { color: var(--iv-rev); }
.iv-sag { font-size: calc(var(--px) * 14); line-height: 1.45; text-align: right; color: var(--iv-ana); }
.iv-sag.is-rev { color: var(--iv-rev); }
.iv-dur { margin-top: 2px; font-size: calc(var(--px) * 13); line-height: 1.45; color: var(--iv-ana); }
.iv-st {
  position: relative; flex: none; display: grid; align-content: start; gap: 0;
  height: 168px; overflow: hidden; padding: 20px 24px 0;
  -webkit-mask-image: linear-gradient(#000 55%, transparent 100%); mask-image: linear-gradient(#000 55%, transparent 100%);
}
.iv-st-satir { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(var(--px) * 14); line-height: 1.8; font-variant-numeric: tabular-nums; color: var(--iv-ana); }
.iv-st-satir.is-ayrac { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--ucuz-border); }
.iv-st--dmg { color: var(--iv-dmg); }
.iv-st--bonus { color: var(--iv-bonus); }
.iv-st--res { color: var(--iv-res); }
.iv-alt {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-top: auto; padding: 20px 24px; border-top: 1px solid var(--ucuz-border);
}
.iv-fiyat-sar { display: grid; gap: 0; min-width: 0; }
.iv-fiyat { font: 700 calc(var(--px) * 24)/calc(var(--px) * 24) var(--yt-sayi); font-variant-numeric: tabular-nums; letter-spacing: normal; color: var(--ucuz-metin); }
.iv-fiyat-sar small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(var(--px) * 12); font-weight: 500; line-height: calc(var(--px) * 16); color: var(--ucuz-sonuk); }
.iv-incele { position: relative; z-index: 1; }
@media (max-width: 1199.98px) { .item-vitrin { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) {
  .item-vitrin { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; scrollbar-width: none; }
  .item-vitrin::-webkit-scrollbar { display: none; }
  .iv-kart { flex: 0 0 82%; scroll-snap-align: start; }
}

.ekran-sayi { font: 800 clamp(1.7rem, 1.3rem + 1.4vw, 2.4rem)/1 var(--yt-ekran); letter-spacing: .005em; color: var(--ucuz-metin); }

.site-alt {
  margin-top: 0; padding: 0;
  background: var(--alt-zemin); border-top: 1px solid var(--ucuz-border);
  color: var(--ucuz-sonuk);
}
.alt-kap { width: 100%; padding-inline: var(--kenar); }
.alt-tanitim-kap { padding-block: 104px 40px; }
.site-alt > .alt-kap:first-child:not(.alt-tanitim-kap) { padding-top: 104px; }
.alt-tanitim {
  position: relative; isolation: isolate;
  display: flex; align-items: center; min-height: 248px; max-width: 1400px; margin-inline: auto;
  padding: 40px min(46%, 520px) 40px 48px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-xl);
  background:
    radial-gradient(70% 140% at 88% 100%, rgba(var(--vurgu-rgb), .2), rgba(var(--vurgu-rgb), .06) 55%, transparent 80%),
    linear-gradient(100deg, var(--ucuz-panel) 30%, var(--ucuz-yukselti));
}
.alt-tanitim-yazi { display: grid; justify-items: start; gap: 12px; max-width: 560px; }
.alt-tanitim-baslik { margin: 0; font: 700 calc(var(--px) * 32)/1.12 var(--yt-baslik); letter-spacing: -.015em; color: var(--ucuz-metin); }
.alt-tanitim-metin { margin: 0; max-width: 52ch; font-size: calc(var(--px) * 16); line-height: 1.6; color: var(--ucuz-sonuk); }
.alt-tanitim-yazi .dugme { margin-top: 8px; }
.alt-tanitim-resim {
  position: absolute; z-index: 1; right: clamp(16px, 6vw, 110px); bottom: 0;
  width: auto; height: calc(100% + 70px); max-height: 400px;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.45));
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .alt-tanitim { flex-direction: column; align-items: flex-start; min-height: 0; padding: 28px 24px 250px; }
  .alt-tanitim-baslik { font-size: calc(var(--px) * 26); }
  .alt-tanitim-metin { font-size: calc(var(--px) * 15); }
  .alt-tanitim-resim { right: 50%; transform: translateX(50%); height: 270px; }
}
.alt-marka-satir {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px 28px;
  padding: 16px 0 36px; border-bottom: 1px solid var(--ucuz-border);
}
.alt-logo { display: inline-block; margin: 0; }
.alt-logo img { display: block; height: 36px; width: auto; }
.site-alt .marka-acik { display: none; }
:root[data-bs-theme="light"] .site-alt .marka-koyu { display: none; }
:root[data-bs-theme="light"] .site-alt .marka-acik { display: block; }
.alt-metin { margin: 0; max-width: 420px; font-size: calc(var(--px) * 15); line-height: 1.6; color: var(--ucuz-sonuk); }
.alt-marka-sag { display: flex; align-items: center; gap: 18px; }
.alt-marka-sag .alt-sosyal-yazi { margin: 0; max-width: 40ch; text-align: right; font-size: calc(var(--px) * 14); color: var(--ucuz-sonuk2); }
.alt-sosyal { margin: 0; }
.alt-sosyal a { width: 38px; height: 38px; border-radius: var(--r-md); color: var(--ucuz-sonuk); }
.alt-sosyal a:hover, .alt-sosyal a:focus-visible { color: var(--ucuz-metin); border-color: var(--ucuz-border-guc); }
.alt-izgara { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 44px clamp(20px, 2.6vw, 40px); padding-block: 48px 56px; }
.alt-yigin { display: flex; flex-direction: column; gap: 40px; min-width: 0; }
.alt-baslik { margin: 0 0 16px; font: 700 calc(var(--px) * 12)/calc(var(--px) * 24) var(--yt-metin); letter-spacing: .12em; text-transform: uppercase; color: var(--ucuz-sonuk2); }
.alt-liste { gap: 0; margin: 0; padding: 0; list-style: none; }
.alt-liste a { display: block; padding: 7px 0; font-size: calc(var(--px) * 15); line-height: 1.4; color: var(--alt-bag); text-decoration: none; transition: color .15s ease-out; }
.alt-liste a:hover { color: var(--ucuz-gold-yazi); }
.site-alt .alt-serit {
  margin: 0; padding: 0; border-top: 1px solid var(--ucuz-border);
  font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 24); color: var(--ucuz-sonuk2);
}
.alt-serit-ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; padding-block: 20px calc(20px + env(safe-area-inset-bottom, 0px)); }
.alt-ayarlar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.alt-ayarlar .tema-dugme { width: 38px; height: 38px; padding: 0; border-radius: var(--r-md); color: var(--ucuz-sonuk); }
.alt-ayarlar .tema-dugme .tema-yazi { display: none; }
.alt-ayarlar .yazi-kontrol { padding: 6px; border-radius: var(--r-md); }
.alt-telif { margin: 0; flex: 1 1 360px; }
.site-alt .alt-hukuk { margin: 0; padding: 0; border: 0; gap: 8px 18px; font-size: inherit; }
.site-alt .alt-hukuk a { color: var(--ucuz-sonuk2); }
.site-alt .alt-hukuk a:hover { color: var(--ucuz-metin); }
@media (max-width: 1199.98px) { .alt-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .alt-marka-satir { grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 16px; } }
@media (max-width: 767.98px) {
  .alt-marka-sag { flex-wrap: wrap; }
  .alt-marka-sag .alt-sosyal-yazi { text-align: left; }
  .alt-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 20px; padding-block: 40px; }
  body:has(.cs-ac) .alt-serit-ic { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
}

.kapak-ust {
  display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px;
  font: 600 .673rem/1.2 var(--yt-metin); color: var(--ucuz-metin2);
}
.kapak-nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--ucuz-green); box-shadow: 0 0 0 4px var(--ucuz-green-zayif); }
@media (prefers-reduced-motion: no-preference) {
  .kapak-nokta { animation: kapakNabiz 2.4s ease-in-out infinite; }
  @keyframes kapakNabiz { 50% { box-shadow: 0 0 0 7px var(--ucuz-green-zayif); } }
}
.ana-kapak .fiyat-bas { max-width: min(100%, 760px); }
.ana-kapak .fiyat-h1 {
  margin: 0; font: 700 clamp(calc(var(--px) * 34), 4.4vw, calc(var(--px) * 52))/1.08 var(--yt-baslik);
  letter-spacing: -.02em; color: var(--ucuz-metin); text-wrap: balance;
}
.ana-kapak .fiyat-ozet { max-width: 600px; margin: 16px 0 0; font-size: calc(var(--px) * 17); line-height: 1.6; color: var(--ucuz-metin2); }
.ana-kapak .fiyat-ozet b { color: var(--ucuz-gold-yazi); }
.kapak-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.ana-kapak .dugme-ikincil { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); color: #fff; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.ana-kapak .dugme-ikincil:hover { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.36); color: #fff; }
:root[data-bs-theme="light"] .ana-kapak .dugme-ikincil { background: rgba(255,255,255,.82); border-color: rgba(15,19,22,.14); color: #0f1316; }
:root[data-bs-theme="light"] .ana-kapak .kapak-ust { color: #252d33; }
.ana-kapak .ys-bant { border-radius: var(--r-xl); padding: 14px 16px; }
.ana-kapak .ys-dugme { border-radius: var(--r-lg); background: var(--ucuz-gold); box-shadow: none; }
.ana-kapak .ys-dugme:hover { background: var(--ucuz-gold-acik); box-shadow: var(--altin-parilti); filter: none; }
.ana-kapak .ys-kutu b { font-family: var(--yt-ekran); font-size: 1.2rem; font-weight: 800; }
@media (max-width: 575.98px) {
  .kapak-ust { margin-bottom: 10px; font-size: .6rem; }
  .kapak-dugmeler { gap: 8px; margin-top: 20px; }
  .kapak-dugmeler .dugme { flex: 1 1 0; height: 48px; padding: 0 12px; font-size: calc(var(--px) * 15); }
  .ana-kapak .ys-kutu b { font-size: .95rem; }
}
#gbTablosu { scroll-margin-top: calc(var(--ust-menu-h) + 12px); }

.sunucu-serit a { padding: 6px 13px; border-radius: var(--r-md); background: var(--ucuz-panel); font-size: .673rem; }
.sunucu-serit a:hover { background: var(--ucuz-yukselti); border-color: var(--ucuz-border-guc); }
.sunucu-diger > summary { border-radius: var(--r-md); }

.ust-menu .ust-acilir { padding: 8px; }
.ust-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 264px)); gap: 2px; }
.ust-menu .ust-oge {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 10px 12px; border-radius: var(--r-md);
  font: 500 calc(var(--px) * 14)/calc(var(--px) * 20) var(--yt-metin); color: var(--ucuz-metin); white-space: normal;
}
.ust-menu .ust-oge:hover, .ust-menu .ust-oge:focus-visible { background: var(--ucuz-yukselti); color: var(--ucuz-metin); }
.ust-oge-simge { flex: none; display: grid; place-items: center; width: 32px; height: 32px; }
.ust-oge-simge .oyun-simge { --boy: 32px; }
.ust-oge-simge .bi {
  display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px;
  background: var(--ucuz-yukselti); border: 1px solid var(--ucuz-border);
  color: var(--ucuz-gold-yazi); font-size: .72rem;
}
.ust-oge-yazi { display: grid; gap: 0; min-width: 0; }
.ust-oge-yazi b { font-weight: 500; color: var(--ucuz-metin); }
.ust-oge-yazi small { font-size: calc(var(--px) * 12.5); font-weight: 400; line-height: calc(var(--px) * 17); color: var(--ucuz-sonuk2); }
.ust-menu .ust-oge.active .ust-oge-yazi b { color: var(--ucuz-gold-yazi); }
.ust-menu .ust-oge.active { background: transparent; }
.ust-menu .ust-oge.is-yakinda { cursor: default; }
.ust-menu .ust-oge.is-yakinda:hover { background: transparent; }
.ust-oge.is-yakinda .ust-oge-simge, .ust-oge.is-yakinda b { opacity: .55; }
.rozet-yakinda {
  display: inline-block; margin-left: 4px; padding: 1px 6px; border-radius: 6px; vertical-align: 1px;
  background: var(--ucuz-yukselti); color: var(--ucuz-sonuk);
  font: 700 .5rem/1.55 var(--yt-metin); letter-spacing: .04em; text-transform: uppercase;
}
.sv-arma {
  --sv: #8a98a4;
  flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--sv) 70%, #fff), var(--sv) 58%, color-mix(in srgb, var(--sv) 72%, #000));
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.28), 0 0 0 1px color-mix(in srgb, var(--sv) 55%, #000);
  color: #fff; font: 800 .72rem/1 var(--yt-baslik); text-shadow: 0 1px 2px rgba(0,0,0,.45);
}
.sv-arma.is-kucuk { width: 24px; height: 24px; font-size: .54rem; }
.ust-diger {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px;
  margin-top: 6px; padding: 10px 12px 4px; border-top: 1px solid var(--ucuz-border); font-size: .6rem;
}
.ust-diger-ad { font: 700 .52rem/1 var(--yt-metin); letter-spacing: .1em; text-transform: uppercase; color: var(--ucuz-sonuk2); }
.ust-diger a { color: var(--ucuz-metin2); text-decoration: none; }
.ust-diger a:hover { color: var(--ucuz-gold-yazi); }
@media (min-width: 1200px) {
  .ust-izgara { grid-template-columns: repeat(2, 264px); }
  .ust-menu .ust-acilir { width: min-content; }
  .ust-menu .nav-item.dropdown { position: relative; }
  .ust-menu .nav-item.dropdown::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 10px; }
  .ust-menu .dropdown-menu { top: 100%; left: 0; }
  .ust-menu .dropdown-menu.dropdown-menu-end { left: auto; right: 0; }
}
@media (min-width: 1200px) and (hover: hover) {
  .ust-menu .nav-item.dropdown:hover > .dropdown-menu,
  .ust-menu .nav-item.dropdown:focus-within > .dropdown-menu { display: block; }
  .ust-menu .nav-item.dropdown:hover > .nav-link { background: var(--ucuz-yukselti); }
  .ust-menu .nav-item.dropdown:hover > .dropdown-toggle::after { transform: rotate(180deg); }
}

.rapor-sekme {
  position: fixed; z-index: 1030; right: 0; top: 50%; transform: translateY(-50%);
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 16px 10px; border: 1px solid var(--ucuz-border-guc); border-right: 0;
  border-radius: 12px 0 0 12px; background: var(--ucuz-yukselti); color: var(--ucuz-metin);
  font: 600 calc(var(--px) * 14)/1 var(--yt-metin); text-decoration: none; box-shadow: 0 4px 4px rgba(0,0,0,.3), 0 8px 12px 6px rgba(0,0,0,.15);
}
.rapor-sekme .bi { color: var(--ucuz-gold); font-size: calc(var(--px) * 18); }
.rapor-sekme span { writing-mode: vertical-rl; transform: rotate(180deg); letter-spacing: .02em; }
.rapor-sekme:hover { color: var(--ucuz-metin); background: var(--ucuz-yukselti); }
@media (max-width: 767.98px) { .rapor-sekme { display: none; } }

.kapak-piyasa { margin-top: clamp(40px, 6vw, 84px); }
@media (min-width: 992px) {
  .kapak-piyasa { margin-top: 32px; }
}
.kapak-piyasa-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.kapak-piyasa-saat { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 24); color: var(--ucuz-sonuk); }
.kapak-piyasa-saat i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #3fbf7f; box-shadow: 0 0 0 3px rgba(63,191,127,.18); }
.kapak-piyasa-saat.is-bayat i { background: var(--ucuz-gold); box-shadow: 0 0 0 3px var(--ucuz-gold-zayif); }
.kapak-kartlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 267px)); gap: 16px; }
.kapak-kart {
  display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.08); border-radius: var(--r-xl);
  background: rgba(19,22,25,.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  color: var(--ucuz-metin); text-decoration: none; transition: border-color .15s;
}
.kapak-kart:hover { border-color: rgba(255,255,255,.2); color: var(--ucuz-metin); }
.kapak-kart-et { font-size: calc(var(--px) * 12); line-height: calc(var(--px) * 16); color: var(--ucuz-sonuk); }
.kapak-kart-sv { display: flex; align-items: center; gap: 10px; font: 700 calc(var(--px) * 16)/calc(var(--px) * 24) var(--yt-metin); }
.kapak-kart-sv .sv-arma { width: 22px; height: 22px; font-size: calc(var(--px) * 11); }
.kapak-kart-deger { display: flex; align-items: baseline; gap: 8px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.kapak-kart-deger b { font: 800 calc(var(--px) * 28)/1 var(--yt-sayi); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.kapak-kart-deger b.is-yesil { color: var(--ucuz-green-yazi); }
.kapak-kart-deger b.is-kirmizi { color: var(--ucuz-red-yazi); }
.kapak-kart-deger small { overflow: hidden; text-overflow: ellipsis; font-size: calc(var(--px) * 12); line-height: calc(var(--px) * 24); color: var(--ucuz-sonuk2); }
:root[data-bs-theme="light"] .kapak-kart { background: rgba(255,255,255,.88); border-color: var(--ucuz-border); color: #0f1316; }
@media (max-width: 991.98px) { .kapak-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) {
  .kapak-kartlar { gap: 10px; }
  .kapak-kart { padding: 14px; }
  .kapak-kart-deger b { font-size: calc(var(--px) * 22); }
}

@media (min-width: 1101px) and (max-height: 860px) {
  .ana-kapak .fiyat-h1 { font-size: calc(var(--px) * 44); }
  .ana-kapak .fiyat-ozet { margin-top: 12px; font-size: calc(var(--px) * 16); line-height: 1.55; }
  .kapak-dugmeler, .kapak-piyasa { margin-top: 20px; }
  .kapak-piyasa-ust { margin-bottom: 10px; }
  .kapak-kart { gap: 8px; padding: 14px 18px; }
}
@media (min-width: 1101px) and (max-height: 760px) {
  .ana-kapak .fiyat-h1 { font-size: calc(var(--px) * 38); }
  .ana-kapak .fiyat-ozet { max-width: 560px; font-size: calc(var(--px) * 15); }
  .kapak-kart-deger b { font-size: calc(var(--px) * 24); }
  .kapak-dugmeler { margin-top: 16px; }
}
@media (min-width: 1101px) and (max-height: 660px) { .ana-kapak .fiyat-ozet { display: none; } }

@media (min-width: 1200px) { .fiyat-sayfa { max-width: 1440px; padding-inline: 20px; } }
@media (min-width: 1500px) and (min-height: 620px) { .fiyat-sayfa { max-width: min(1440px, calc(100vw - 380px)); } }

.sv-tablo-kart { border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel); overflow: hidden; }
.sv-tablo-ust { padding: 22px 24px 8px; }
.sv-tablo-ust h2 { margin: 0; font: 700 calc(var(--px) * 20)/calc(var(--px) * 28) var(--yt-baslik); letter-spacing: normal; }
.sv-tablo-kaydir { overflow-x: auto; }
.sv-tablo { width: 100%; min-width: 1080px; border-collapse: collapse; font-size: calc(var(--px) * 16); line-height: calc(var(--px) * 24); font-variant-numeric: tabular-nums; }
.sv-tablo th { height: 46px; padding: 0 12px; text-align: right; white-space: nowrap; font-size: calc(var(--px) * 12); font-weight: 600; color: var(--ucuz-sonuk); border: 0; }
.sv-tablo th:first-child, .sv-tablo td:first-child { padding-left: 24px; }
.sv-tablo th:last-child, .sv-tablo td:last-child { padding-right: 24px; }
.sv-tablo th.is-sol, .sv-tablo td.is-sol { text-align: left; }
.sv-tablo th button { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.sv-tablo th button:hover, .sv-tablo th.is-sirali button { color: var(--ucuz-metin); }
.sv-tablo th .sv-ok { margin-left: 3px; }
.sv-tablo td { height: 66px; padding: 0 12px; text-align: right; white-space: nowrap; border-top: 1px solid var(--ucuz-border); vertical-align: middle; }
.sv-tablo tbody tr { transition: background-color .15s ease-out; }
.sv-tablo tbody tr:hover { background: var(--ucuz-yukselti); }
.sv-tablo-ad { display: inline-flex; align-items: center; gap: 12px; color: var(--ucuz-metin); text-decoration: none; font-size: calc(var(--px) * 15); font-weight: 700; }
.sv-tablo-ad:hover { color: var(--ucuz-gold-yazi); }
.sv-fiyat { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.sv-fiyat b { font: 700 calc(var(--px) * 15)/calc(var(--px) * 24) var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sv-fiyat small { font-size: calc(var(--px) * 12); line-height: calc(var(--px) * 14); color: var(--ucuz-sonuk2); }
.sv-fiyat.is-satis b { color: var(--ucuz-green-yazi); }
.sv-fiyat.is-alis b { color: var(--ucuz-red-yazi); }
.sv-yuzde { font-variant-numeric: tabular-nums; color: var(--ucuz-sonuk); }
.sv-rozet { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 999px; font: 700 calc(var(--px) * 12)/1 var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sv-rozet.is-yukari { background: var(--ucuz-green-zayif); color: var(--ucuz-green-yazi); }
.sv-rozet.is-asagi { background: var(--ucuz-red-zayif); color: var(--ucuz-red-yazi); }
.sv-rozet.is-bos { background: var(--ucuz-yukselti); color: var(--ucuz-sonuk); }
.sv-egri { display: block; width: 140px; height: 34px; margin-left: auto; }
.sv-egri .cizgi { fill: none; stroke: var(--ucuz-gold); stroke-width: 1.75; stroke-linejoin: round; }
.sv-egri .alan { fill: rgba(255,199,0,.12); fill: color-mix(in srgb, var(--ucuz-gold) 12%, transparent); }
.sv-egri-dolgu-bas { stop-color: var(--ucuz-gold); stop-opacity: .32; }
.sv-egri-dolgu-son { stop-color: var(--ucuz-gold); stop-opacity: 0; }

.rozet-yeni {
  position: absolute; z-index: 2; left: 14px; top: 14px;
  padding: 2px 8px; border-radius: 6px;
  background: var(--ucuz-gold-zayif); color: var(--ucuz-gold-yazi);
  font: 700 .577rem/1.4 var(--yt-metin); letter-spacing: .02em; text-transform: uppercase;
}
.vt-bolunmus {
  display: grid; grid-template-columns: 48% minmax(0, 1fr);
  border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel); overflow: hidden;
  transition: border-color .15s, transform .15s;
}
.vt-bolunmus + .vt-bolunmus, .vt-bolunmus + .vt-kartlar, .vt-kartlar + .vt-bolunmus,
.vt-kartlar + .vt-kisalar, .vt-bolunmus + .vt-kisalar, .pus-panel + .vt-kisalar, .vt-kartlar + .pus-panel, .vt-iki + .vt-bolunmus { margin-top: 20px; }
.vt-gorsel {
  position: relative; aspect-ratio: 28 / 15; padding: 26px;
  border-right: 1px solid var(--ucuz-border);
  background: radial-gradient(90% 90% at 20% 0%, rgba(var(--vurgu-rgb), .14), transparent 70%), linear-gradient(180deg, rgba(var(--ust-rgb), .02), transparent);
  overflow: hidden;
}
.vt-yazi { display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 28px 30px; }
.vt-ust { display: inline-flex; align-items: center; gap: 8px; font-size: calc(var(--px) * 13); font-weight: 500; line-height: calc(var(--px) * 18); color: var(--ucuz-sonuk); }
.vt-ust .oyun-simge { --boy: 18px; }
.vt-baslik { margin: 0; font: 600 calc(var(--px) * 24)/calc(var(--px) * 32) var(--yt-baslik); letter-spacing: normal; color: var(--ucuz-metin); }
.vt-metin { margin: 0; font-size: calc(var(--px) * 16); line-height: calc(var(--px) * 24); color: var(--ucuz-sonuk); }
.vt-stat { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin-top: 6px; }
.vt-stat b { font: 800 calc(var(--px) * 26)/1.1 var(--yt-sayi); letter-spacing: -.01em; font-variant-numeric: tabular-nums; color: var(--ucuz-metin); }
.vt-stat small { font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 18); color: var(--ucuz-sonuk); }
.vt-bag { align-self: flex-start; margin-top: auto; padding-top: 8px; }
@media (max-width: 760px) {
  .vt-bolunmus { grid-template-columns: 1fr; }
  .vt-gorsel { border-right: 0; border-bottom: 1px solid var(--ucuz-border); }
  .vt-yazi { padding: 20px 22px 22px; }
  .vt-bolunmus .vt-stat b { font-size: calc(var(--px) * 28); }
}
.vt-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.vt-kartlar.is-dort { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vt-kart {
  position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel);
  color: var(--ucuz-metin); text-decoration: none; transition: border-color .15s, transform .15s;
}
.vt-kart:hover { border-color: var(--ucuz-border-guc); color: var(--ucuz-metin); text-decoration: none; transform: translateY(-2px); }
.vt-kart-ust { position: relative; aspect-ratio: 340 / 190; overflow: hidden; border-bottom: 1px solid var(--ucuz-border); background: radial-gradient(90% 90% at 20% 0%, rgba(var(--vurgu-rgb), .12), transparent 70%); }
.vt-kart-ust .gorsel { width: 100%; height: 100%; aspect-ratio: auto; }
.vt-kart-ust > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vt-kart-govde { display: flex; flex-direction: column; gap: 6px; flex: 1; padding: 20px 24px 22px; }
.vt-kart-baslik { margin: 0; font: 600 calc(var(--px) * 20)/calc(var(--px) * 28) var(--yt-baslik); letter-spacing: normal; }
.vt-kart-metin { margin: 0; font-size: calc(var(--px) * 15); line-height: calc(var(--px) * 22); color: var(--ucuz-sonuk); }
@media (max-width: 1199.98px) { .vt-kartlar.is-dort { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 991.98px) { .vt-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) {
  .vt-kartlar, .vt-kartlar.is-dort { grid-template-columns: 1fr; gap: 16px; }
}
.vt-kisalar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.vt-kisalar.is-dort { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vt-kisa {
  display: flex; align-items: center; gap: 16px; padding: 18px 20px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel);
  color: var(--ucuz-metin); text-decoration: none; transition: border-color .15s, transform .15s;
}
.vt-kisa:hover { border-color: var(--ucuz-border-guc); color: var(--ucuz-metin); text-decoration: none; transform: translateY(-2px); }
.vt-kisa-simge {
  flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px;
  background: linear-gradient(180deg, rgba(var(--vurgu-rgb), .2), rgba(var(--vurgu-rgb), .06));
  box-shadow: inset 0 0 0 1px rgba(var(--vurgu-rgb), .3);
}
.vt-kisa-simge .oyun-simge { --boy: 30px; }
.vt-kisa-yazi { flex: 1; min-width: 0; display: grid; gap: 2px; }
.vt-kisa-yazi b { font: 600 calc(var(--px) * 16)/calc(var(--px) * 22) var(--yt-metin); }
.vt-kisa-yazi small { font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 20); color: var(--ucuz-sonuk); }
.vt-kisa > .bi { flex: none; margin-left: auto; font-size: calc(var(--px) * 18); color: var(--ucuz-sonuk); transition: transform .15s, color .15s; }
.vt-kisa:hover > .bi { color: var(--ucuz-metin); transform: translateX(3px); }
@media (max-width: 1199.98px) { .vt-kisalar.is-dort { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .vt-kisalar, .vt-kisalar.is-dort { grid-template-columns: 1fr; gap: 16px; } }

.anvil-onizle { position: relative; display: grid; grid-template-columns: 42% minmax(0, 1fr); gap: 18px; height: 100%; align-items: center; }
.anvil-onizle-resim { position: relative; height: 100%; min-height: 280px; border-radius: 14px; overflow: hidden; border: 1px solid var(--ucuz-border); background: #23292c; }
.anvil-onizle-resim img { width: 100%; height: 100%; object-fit: contain; display: block; }
.anvil-onizle-resim .gorsel { width: 100%; height: 100%; aspect-ratio: auto; }
.anvil-adimlar { padding: 18px; border: 1px solid var(--ucuz-border); border-radius: 14px; background: rgba(var(--ust-rgb), .02); }
.anvil-adimlar-baslik { margin: 0 0 14px; font: 700 .625rem/1.3 var(--yt-metin); color: var(--ucuz-metin); }
.anvil-izgara { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.anvil-adim { display: grid; justify-items: center; gap: 6px; padding: 10px 4px; border-radius: 10px; background: rgba(var(--ust-rgb), .04); }
.anvil-adim b {
  display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
  font: 800 .55rem/1 var(--yt-sayi); color: var(--ucuz-metin); background: rgba(var(--ust-rgb), .08);
}
.anvil-adim.is-riskli b { background: transparent; box-shadow: inset 0 0 0 2px var(--ucuz-gold); color: var(--ucuz-gold-yazi); }
.anvil-adim.is-zor b { background: var(--ucuz-gold); color: var(--ucuz-gold-metin); }
.anvil-adim span { font: 600 .55rem/1 var(--yt-sayi); color: var(--ucuz-sonuk); }
.anvil-not { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--ucuz-border); font-size: .6rem; line-height: 1.5; color: var(--ucuz-sonuk); }
.anvil-not b { color: var(--ucuz-metin); }
@media (max-width: 575.98px) {
  .anvil-onizle { grid-template-columns: 1fr; }
  .anvil-onizle-resim { min-height: 160px; height: 160px; }
}

.pus-panel {
  display: grid; grid-template-columns: 376px minmax(0, 1fr); gap: 14px 60px; height: 546px;
  padding: 29px; border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel);
}
.pus-panel-sol { display: flex; flex-direction: column; gap: 14px; min-height: 0; }
.pus-panel-ara { flex: none; display: flex; align-items: center; gap: 10px; height: 56px; padding: 0 16px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-dark); }
.pus-panel-ara .bi { color: var(--ucuz-sonuk); font-size: calc(var(--px) * 18); }
.pus-panel-ara input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--ucuz-metin); font: 400 calc(var(--px) * 16)/calc(var(--px) * 20) var(--yt-metin); }
.pus-panel-ara input::placeholder { color: var(--ucuz-sonuk); }
.pus-panel-liste { flex: 1; min-height: 0; list-style: none; margin: 0 -5px -29px; padding: 0 0 29px; display: grid; align-content: start; gap: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--ucuz-border) transparent; }
.pus-panel-liste button {
  display: flex; align-items: center; gap: 10px; width: 100%; height: 74px; padding: 5px;
  border: 0; border-radius: var(--r-md); background: transparent; color: var(--ucuz-metin); text-align: left; cursor: pointer;
  transition: background-color .15s ease-out;
}
.pus-panel-liste button:hover { background: color-mix(in srgb, var(--ucuz-yukselti) 55%, transparent); }
.pus-panel-liste button.is-secili { background: var(--ucuz-yukselti); }
.pus-panel-liste img { flex: none; box-sizing: border-box; width: 64px; height: 64px; padding: 5px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel); object-fit: cover; }
.pus-panel-liste span { display: grid; min-width: 0; }
.pus-panel-liste b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 calc(var(--px) * 16)/calc(var(--px) * 19) var(--yt-metin); }
.pus-panel-liste small { margin-top: -2px; font-size: calc(var(--px) * 12); line-height: normal; font-variant-numeric: tabular-nums; color: var(--ucuz-sonuk); }
.pus-panel-sag { display: flex; flex-direction: column; min-width: 0; }
.pus-panel-secim { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 15px; }
.pus-panel-secim span { display: inline-flex; align-items: center; height: 56px; padding: 0 16px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); font: 500 calc(var(--px) * 16)/1 var(--yt-metin); color: var(--ucuz-metin); }
.pus-detay { display: flex; flex-direction: column; align-items: flex-start; margin-top: 43px; }
.pus-detay img { box-sizing: border-box; width: 94px; height: 94px; padding: 4px; border: 1px solid var(--ucuz-border); border-radius: var(--r-sm); background: var(--ucuz-panel); }
.pus-detay h3 { margin: 15px 0 0; font: 500 calc(var(--px) * 16)/calc(var(--px) * 19) var(--yt-metin); }
.pus-detay-sayilar { display: flex; flex-wrap: wrap; gap: 0 30px; margin-top: 10px; }
.pus-detay-sayilar div { display: grid; gap: 5px; }
.pus-detay-sayilar span { font-size: calc(var(--px) * 14); line-height: 1; color: var(--ucuz-sonuk); }
.pus-detay-sayilar b { font: 500 calc(var(--px) * 16)/calc(var(--px) * 19) var(--yt-sayi); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pus-panel-bag { margin-top: auto; align-self: flex-end; padding-block: 10px; }
@media (max-width: 991.98px) {
  .pus-panel { grid-template-columns: minmax(0, 1fr); height: auto; padding: 20px; }
  .pus-panel-liste { height: 296px; flex: none; margin-bottom: 0; padding-bottom: 0; }
  .pus-panel-secim { justify-content: flex-start; }
  .pus-detay { margin-top: 8px; padding-top: 16px; border-top: 1px solid var(--ucuz-border); }
}

.vt-iki { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.vt-iki > :first-child { grid-column: span 4; }
.vt-iki > :last-child { grid-column: span 8; }
.etk-one { display: flex; flex-direction: column; gap: 10px; }
.etk-one-kart {
  position: relative; isolation: isolate; display: flex; flex-direction: column;
  min-height: 438px; padding: 58px 29px 30px; overflow: hidden;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel);
  color: #fff; text-decoration: none;
}
.etk-one-kart:hover { color: #fff; border-color: var(--ucuz-border-guc); }
.etk-one-kart .gorsel { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; aspect-ratio: auto; }
.etk-one-kart::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(rgba(19,22,25,.65) 23%, #131619 93%); }
.etk-one-durum { display: inline-flex; align-items: center; gap: 10px; font: 500 calc(var(--px) * 16)/calc(var(--px) * 19) var(--yt-metin); }
.etk-one-durum i { width: 8px; height: 8px; border-radius: 50%; background: #d92929; }
.etk-one-ad { margin: 14px 0 0; font: 500 calc(var(--px) * 40)/calc(var(--px) * 48) var(--yt-baslik); letter-spacing: normal; text-wrap: balance; }
.etk-one-alt { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-top: auto; padding-top: 24px; }
.etk-one-sayac b { display: block; font: 500 calc(var(--px) * 30)/calc(var(--px) * 36) var(--yt-sayi); font-variant-numeric: tabular-nums; }
.etk-one-sayac small, .etk-one-saat small { display: block; font-size: calc(var(--px) * 16); line-height: calc(var(--px) * 19); color: #9aaab4; }
.etk-one-saat { text-align: right; }
.etk-one-saat b { display: block; font: 500 calc(var(--px) * 30)/calc(var(--px) * 36) var(--yt-sayi); font-variant-numeric: tabular-nums; }
.etk-sonraki {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 28px 29px 29px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel);
  font-size: calc(var(--px) * 16); line-height: calc(var(--px) * 19); color: var(--ucuz-sonuk);
}
.etk-sonraki b { display: block; color: var(--ucuz-metin); font-weight: 500; }
.ys-kart { display: flex; flex-direction: column; gap: 20px; padding: 30px; border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel); }
.ys-kart-ust { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 18px; }
.ys-kart-et { font-size: .673rem; color: var(--ucuz-sonuk); }
.ys-kart-baslik { margin: 6px 0 4px; font: 700 1.06rem/1.25 var(--yt-baslik); color: var(--ucuz-metin); }
.ys-kart-baslik a { color: inherit; text-decoration: none; }
.ys-kart-baslik a:hover { color: var(--ucuz-gold-yazi); }
.ys-kart-tarih { font-size: .673rem; color: var(--ucuz-sonuk); }
.ys-kart .ys-sayac { display: flex; gap: 8px; }
.ys-kart .ys-kutu { min-width: 62px; padding: 8px 8px 6px; border-radius: 12px; border: 1px solid var(--ucuz-border); background: rgba(var(--ust-rgb), .03); }
.ys-kart .ys-kutu b { font: 800 1.45rem/1 var(--yt-ekran); color: var(--ucuz-metin); }
.ys-kart .ys-kutu span { font-size: .5rem; }
.ys-kart .ys-anket { flex: none; margin: 0; }
.ys-kart-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.ys-kart .ys-dugme { min-height: 48px; padding: 0 20px; border-radius: var(--r-lg); background: var(--ucuz-gold); box-shadow: none; font-size: .673rem; }
.ys-kart .ys-dugme:hover { background: var(--ucuz-gold-acik); box-shadow: var(--altin-parilti); filter: none; }
.ys-kart .ys-not { display: block; font-size: .625rem; color: var(--ucuz-sonuk); }
.ys-kart .adim-cizgi { margin-top: 4px; }
@media (max-width: 991.98px) {
  .vt-iki > :first-child, .vt-iki > :last-child { grid-column: 1 / -1; }
  .etk-one-kart { min-height: 400px; padding: 40px 20px 22px; }
  .etk-one-ad { font-size: calc(var(--px) * 32); line-height: calc(var(--px) * 38); }
  .etk-one-sayac b, .etk-one-saat b { font-size: calc(var(--px) * 26); line-height: calc(var(--px) * 32); }
}

.ft-onizle { display: grid; gap: 8px; max-width: 420px; }
.ft-dalga { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border: 1px solid var(--ucuz-border); border-radius: 12px; background: var(--ucuz-dark); }
.ft-dalga b { flex: none; width: 54px; font: 700 .72rem/1 var(--yt-sayi); font-variant-numeric: tabular-nums; color: var(--ucuz-gold-yazi); }
.ft-dalga span { flex: 1; min-width: 0; font-size: .673rem; color: var(--ucuz-metin); }
.ft-dalga small { font-size: .55rem; color: var(--ucuz-sonuk); }
.ft-dalga:nth-child(2) { margin-left: 14px; } .ft-dalga:nth-child(3) { margin-left: 28px; } .ft-dalga:nth-child(4) { margin-left: 14px; }

.gorev-onizle { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; height: 100%; }
.gorev-liste, .gorev-detay { border: 1px solid var(--ucuz-border); border-radius: 12px; background: var(--ucuz-dark); overflow: hidden; }
.gorev-liste-ust { padding: 12px 14px; border-bottom: 1px solid var(--ucuz-border); font: 600 .577rem/1.3 var(--yt-metin); color: var(--ucuz-metin); }
.gorev-liste-ust small { color: var(--ucuz-sonuk); }
.gorev-satir { display: grid; gap: 3px; padding: 12px 14px; border-bottom: 1px solid var(--ucuz-border); }
.gorev-satir:last-child { border-bottom: 0; }
.gorev-satir.is-secili { box-shadow: inset 3px 0 0 var(--ucuz-gold); background: rgba(var(--ust-rgb), .03); }
.gorev-satir b { font: 600 .577rem/1.35 var(--yt-metin); color: var(--ucuz-metin); }
.gorev-satir small { font-size: .5rem; line-height: 1.4; color: var(--ucuz-sonuk); }
.gorev-detay { padding: 16px; display: grid; gap: 10px; align-content: start; }
.gorev-detay h4 { margin: 0; font: 700 .72rem/1.3 var(--yt-baslik); }
.gorev-detay-cip { display: flex; flex-wrap: wrap; gap: 6px; }
.gorev-detay-cip span { padding: 3px 8px; border: 1px solid var(--ucuz-border); border-radius: 6px; font-size: .5rem; color: var(--ucuz-sonuk); }
.gorev-adim { padding: 10px 12px; border: 1px solid var(--ucuz-border); border-radius: 10px; font-size: .55rem; line-height: 1.45; color: var(--ucuz-metin2); }
.gorev-adim small { display: block; margin-bottom: 3px; font-size: .5rem; color: var(--ucuz-sonuk); }
@media (max-width: 575.98px) { .gorev-onizle { grid-template-columns: 1fr; } .gorev-detay { display: none; } }
.exp-onizle { position: relative; height: 100%; padding: 18px 18px 14px; }
.exp-onizle b { display: block; font: 800 1.06rem/1.1 var(--yt-baslik); color: var(--ucuz-metin); }
.exp-onizle small { font-size: .55rem; color: var(--ucuz-sonuk); }
.exp-onizle svg { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 62%; }
.exp-onizle .cizgi { fill: none; stroke: var(--ucuz-green); stroke-width: 2; }
.exp-onizle .alan { fill: url(#expDolgu); }
.exp-dolgu-bas { stop-color: var(--ucuz-green); stop-opacity: .28; }
.exp-dolgu-son { stop-color: var(--ucuz-green); stop-opacity: 0; }
.item-onizle { display: grid; place-items: center; height: 100%; padding: 18px; }
.item-onizle .iv-kart { width: 100%; max-width: 300px; pointer-events: none; }
.item-onizle .iv-st { max-height: 96px; }
.item-onizle .iv-alt { display: none; }

.sira-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.sira-kart { padding: 22px 24px 8px; border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel); min-width: 0; }
.sira-kart h3 { margin: 0 0 6px; font: 700 calc(var(--px) * 16)/calc(var(--px) * 24) var(--yt-baslik); letter-spacing: normal; }
.sira-liste { list-style: none; margin: 0; padding: 0; }
.sira-satir { display: grid; grid-template-columns: 22px 24px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 11px 0; border-top: 1px solid var(--ucuz-border); }
.sira-satir:first-child { border-top: 0; }
.sira-no { font: 600 calc(var(--px) * 12)/calc(var(--px) * 24) var(--yt-sayi); font-variant-numeric: tabular-nums; color: var(--ucuz-sonuk2); }
.sira-simge img { width: 24px; height: 24px; border-radius: 6px; border: 1px solid var(--ucuz-border-guc); display: block; }
.sira-ad { min-width: 0; display: grid; gap: 0; }
.sira-ad b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 calc(var(--px) * 14)/calc(var(--px) * 18) var(--yt-metin); color: var(--ucuz-metin); }
.sira-ad b.is-rev { color: var(--iv-rev, #ff84a6); }
.sira-ad small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(var(--px) * 12); line-height: calc(var(--px) * 16); color: var(--ucuz-sonuk2); }
.sira-deger { font: 700 calc(var(--px) * 14)/calc(var(--px) * 24) var(--yt-sayi); font-variant-numeric: tabular-nums; color: var(--ucuz-metin); white-space: nowrap; }
.sira-deger.is-yukari { color: var(--ucuz-green-yazi); }
.sira-deger.is-asagi { color: var(--ucuz-red-yazi); }
@media (max-width: 1100px) { .sira-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .sira-izgara { grid-template-columns: minmax(0, 1fr); } }

.koc-onizle { position: relative; display: grid; grid-template-columns: 200px minmax(0, 1fr); align-items: end; gap: 10px; height: 100%; }
.koc-onizle img { width: 100%; height: auto; max-height: 300px; object-fit: contain; filter: drop-shadow(0 14px 24px rgba(0,0,0,.45)); }
.koc-baloncuklar { display: grid; gap: 10px; align-self: center; }
.koc-baloncuk { max-width: 320px; padding: 12px 14px; border: 1px solid var(--ucuz-border); border-radius: 14px; background: var(--ucuz-dark); font-size: .625rem; line-height: 1.5; color: var(--ucuz-metin2); }
.koc-baloncuk.is-oyuncu { justify-self: end; border-color: var(--ucuz-gold-cizgi); background: var(--ucuz-gold-zayif); color: var(--ucuz-metin); }
@media (max-width: 575.98px) { .koc-onizle { grid-template-columns: 110px minmax(0, 1fr); } }

.yazi-bas { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
.yazi-bas h2 { margin: 0; font: 750 calc(var(--px) * 26)/calc(var(--px) * 32) var(--yt-baslik); letter-spacing: -.015em; }
.yazi-bas a { display: inline-flex; align-items: center; gap: 6px; font: 600 calc(var(--px) * 15)/calc(var(--px) * 24) var(--yt-metin); color: var(--ucuz-gold-yazi); text-decoration: none; }
.yazi-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 24px; }
.yazi-kart { display: grid; gap: 10px; align-content: start; color: var(--ucuz-metin); text-decoration: none; }
.yazi-kart:hover { color: var(--ucuz-metin); text-decoration: none; }
.yazi-kart .gorsel { border-radius: var(--r-xl); border: 1px solid var(--ucuz-border); }
.yazi-kart .gorsel > img { transition: transform .5s ease; }
.yazi-kart:hover .gorsel > img { transform: scale(1.03); }
.yazi-kart h3 { margin: 6px 2px 0; font: 650 calc(var(--px) * 19)/calc(var(--px) * 26) var(--yt-baslik); letter-spacing: -.01em; text-wrap: balance; transition: color .15s ease-out; }
.yazi-kart:hover h3 { color: var(--ucuz-gold-yazi); }
.yazi-kart p { margin: 0 2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: calc(var(--px) * 15); line-height: calc(var(--px) * 23); color: var(--ucuz-sonuk); }
.yazi-kart small { margin: 0 2px; font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 24); color: var(--ucuz-sonuk2); }
@media (max-width: 960px) { .yazi-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .yazi-izgara { grid-template-columns: minmax(0, 1fr); } }

.ana-sv { --vurgu-rgb: 255,199,0; }
.ana-hesap { --vurgu-rgb: 63,191,127; }
.ana-rehber { --vurgu-rgb: 127,179,255; }
.ana-sira { --vurgu-rgb: 255,199,0; }
.ana-araclar { --vurgu-rgb: 242,96,96; }
:root[data-bs-theme="light"] .ana-hesap { --vurgu-rgb: 11,125,68; }
:root[data-bs-theme="light"] .ana-rehber { --vurgu-rgb: 36,88,184; }
:root[data-bs-theme="light"] .ana-sira { --vurgu-rgb: 204,150,0; }
:root[data-bs-theme="light"] .ana-araclar { --vurgu-rgb: 201,42,68; }
.alt-dil { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 12px; border: 1px solid var(--ucuz-border); border-radius: var(--r-md); color: var(--ucuz-sonuk); font: 500 calc(var(--px) * 14)/1 var(--yt-metin); text-decoration: none; transition: color .15s ease-out, border-color .15s ease-out; }
.alt-dil:hover { color: var(--ucuz-metin); border-color: var(--ucuz-border-guc); }
.ulus-rozet { flex: none; display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; vertical-align: middle; }
.ulus-rozet.is-elmorad { background: #0c3ca2; }
.ulus-rozet.is-karus { background: #a3162b; }
.ulus-rozet img { display: block; width: 15px; height: 15px; }
.sira-simge .ulus-rozet { width: 24px; height: 24px; }
.sv-lider { display: inline-flex; align-items: center; gap: 12px; max-width: 260px; }
.sv-lider-yazi { display: grid; min-width: 0; }
.sv-lider b { overflow: hidden; text-overflow: ellipsis; font-size: calc(var(--px) * 14); font-weight: 600; line-height: calc(var(--px) * 24); color: var(--ucuz-metin); }
.sv-lider small { font-size: calc(var(--px) * 12); line-height: calc(var(--px) * 14); color: var(--ucuz-sonuk2); }