/* TurkSkyblock Network (turkskyblock.net) — stk.css üstüne "gün batımı" teması.
   Yerleşim aynı; renkler mor/lacivert + kehribar, hero görseli sahne-net-* (aynı adanın sıcak tonu). */
:root{
  --zemin:#F4F1FC; --kart:#FFFFFF; --kart2:#F8F5FF;
  --baslik:#241650; --metin:#3D3466; --aciklama:#5F5788;
  --buton:#5B3CC4; --buton-h:#4A2FA6; --buton-yazi:#FFFFFF; --vurgu:#5434BD;
  --turuncu:#FFA62B; --turuncu-h:#F28C00; --sari:#FFD15C;
  --cerceve:#E1D9F6; --cerceve2:#ECE6FA;
  --tepe-ortu:rgba(36,18,86,.5);
  --golge:0 1px 2px rgba(36,22,80,.06),0 8px 22px rgba(36,22,80,.09);
  --golge-h:0 2px 4px rgba(36,22,80,.08),0 14px 32px rgba(36,22,80,.15);
}
.btn-ana{box-shadow:0 4px 0 #3D2590}

/* Üst bant (iç sayfalar) ve ana sayfa tepesi */
.tepe{background-image:url(../img/bant-net-1920.webp)}
@media (max-width:900px){.tepe{background-image:url(../img/bant-net-1280.webp)}}
.tepe::before{background:linear-gradient(180deg,rgba(36,18,86,.66) 0,rgba(52,26,104,.44) 55%,rgba(84,40,110,.30) 100%)}
.tepe::after{background:linear-gradient(rgba(244,241,252,0),var(--zemin))}
.tepe-buyuk{background:#8E76C8}
.tepe-buyuk::before{background:linear-gradient(180deg,rgba(36,18,86,.55) 0,rgba(36,18,86,.12) 22%,rgba(36,18,86,0) 55%)}
.tepe-buyuk::after{background:linear-gradient(rgba(244,241,252,0),rgba(244,241,252,.7) 55%,var(--zemin))}
.sahne{background:radial-gradient(120% 70% at 50% 46%,rgba(250,214,196,.8),rgba(250,214,196,0) 62%),
  linear-gradient(180deg,#2F2A9C 0,#4F49C2 22%,#8C86D8 42%,#C6B2D8 58%,#D9A9B4 72%,#EFB9A0 86%,#F9DCC4 100%)}

/* Logo: TURK lavanta, SKYBLOCK kehribar, NETWORK etiketi */
.logo{text-shadow:0 2px 0 #2A1766,0 3px 10px rgba(0,0,0,.25)}
.logo em{font:900 10px/1 var(--sans);font-style:normal;letter-spacing:.18em;color:#2A1766;background:var(--sari);
  padding:4px 7px 3px;border-radius:6px;margin-left:8px;text-shadow:none;align-self:center;box-shadow:0 2px 0 #C98A12}
.hero-logo{-webkit-text-stroke-color:#2A1766;text-shadow:0 8px 0 #2A1766,0 16px 28px rgba(30,12,70,.5)}
.hero-logo span{color:#D9CCFF}
.hero-logo em{display:block;font:900 clamp(13px,1.6vw,19px)/1 var(--sans);font-style:normal;letter-spacing:.62em;padding-left:.62em;
  color:#fff;-webkit-text-stroke:0;text-shadow:0 2px 8px rgba(30,12,70,.7);margin-top:14px}
@media (max-width:640px){
  .hero-logo{-webkit-text-stroke-color:#2A1766;text-shadow:0 5px 0 #2A1766,0 10px 20px rgba(30,12,70,.5)}
  .ust .logo em{display:none} /* dar ekranda üst çubuk taşmasın; NETWORK hero'da ve alt bilgide görünür */
}
.hero h1{text-shadow:0 1px 2px rgba(30,10,60,.65),0 2px 12px rgba(30,10,60,.6)}

/* Menü ve küçük vurgular */
.oz .ikon,.sayi-kart .ikon{background:#ECE5FF}
a.kart:hover{border-color:#BCA8F2}
.mesaj.yetkili{border-color:#BCA8F2;background:#F7F3FF}
.ip-chip:hover{background:#EEE8FF}
.ust .hap,.ust .sepet-link{border-color:#E4DCF7;color:#2B2350}
.menu{border-color:#E4DCF7;box-shadow:0 1px 2px rgba(36,22,80,.06),0 10px 28px rgba(36,22,80,.16)}
.menu > a,.menu-daha > button{color:#2B2350}
.tepe-buyuk .mobil-ac,.tepe-buyuk .hero-rozet{background:rgba(36,18,86,.34)}
.sayac.mavi{background:#6D4BE0}
.uyari.bilgi{background:#F0EBFF;border-color:var(--cerceve);color:#3E2A86}
.hedef .cubuk span{background:linear-gradient(90deg,#6D4BE0,#FFB547)}

/* Alt bilgi: koyu mor */
.alt{background:#1E1342;color:#D3C9F2}