/* ==================================================
   UNTURNED TÜRKİYE - v2 TASARIM
   Varsayılan: AÇIK tema. html[data-theme="dark"] ile koyu.
   ================================================== */
:root{
    --yn-kirmizi:#f5253f;
    --yn-kirmizi2:#ff2f52;
}

/* ============ AÇIK TEMA (VARSAYILAN) ============ */
body{
    font-family:'Plus Jakarta Sans', Arial, sans-serif !important;
    background:#fff;
    color:#5f6670;
}
h1,h2,h3,h4,h5,h6{ color:#181b20; }
.section-heading h4.heading{ font-weight:800; letter-spacing:-.5px; }
.site-section{ background:transparent; padding:48px 0 !important; }

/* Kod kutusu içindeki <code> satır arkaplanını sıfırla (beyaz şerit sorunu) */
.uv-code code{
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
    color:inherit !important;
    font-size:inherit !important;
}
.site-mobile-menu{ display:none !important; }

/* ---- NAVBAR ---- */
/* Header + kılavuz bandı birlikte sabit (birlikte iner/çıkar) */
.yn-header-wrap{ position:sticky; top:0; z-index:1030; }
.yn-nav{
    position:relative;
    /* backdrop-filter kendi katmanını oluşturur; menülerin kılavuz bandının
       üstünde kalması için nav'a bandtan yüksek bir z-index veriyoruz */
    z-index:2;
    background:rgba(255,255,255,.9);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(0,0,0,.05);
    box-shadow:0 2px 20px rgba(22,24,29,.06), 0 1px 3px rgba(22,24,29,.04);
}
.yn-nav-ic{ max-width:1180px; margin:0 auto; padding:13px 24px; display:flex; align-items:center; gap:24px; }
.yn-logo{ font-weight:800; font-size:19px; color:#181b20 !important; letter-spacing:-.3px; text-decoration:none !important; }
.yn-logo span{ color:var(--yn-kirmizi); }
.yn-menu{ display:flex; gap:4px; margin-left:auto; align-items:center; }
.yn-menu > a{
    color:#454c56 !important; font-size:14px; font-weight:600;
    padding:8px 14px; border-radius:10px; transition:.2s; text-decoration:none !important;
}
.yn-menu > a:hover{ background:#f4f5f7; color:var(--yn-kirmizi) !important; }
.yn-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    font-weight:700; font-size:14px; border-radius:12px;
    padding:10px 22px; transition:.25s; border:0; cursor:pointer; text-decoration:none !important;
}
.yn-btn-kirmizi{ background:var(--yn-kirmizi); color:#fff !important; box-shadow:0 6px 18px rgba(245,37,63,.3); }
.yn-btn-kirmizi:hover{ background:#d81b34; transform:translateY(-2px); }
.yn-btn-soluk{ background:#f4f5f7; color:#181b20 !important; border:1px solid #e6e9ed; }
.yn-btn-soluk:hover{ border-color:#cfd4da; transform:translateY(-2px); }
.yn-btn-beyaz{ background:#fff; color:var(--yn-kirmizi) !important; box-shadow:0 8px 24px rgba(0,0,0,.18); }
.yn-btn-beyaz:hover{ transform:translateY(-2px); }
.yn-btn-koyu{ background:#181b20; color:#fff !important; }
.yn-btn-koyu:hover{ background:#000; transform:translateY(-2px); }
.yn-tema{
    width:40px; height:40px; border-radius:12px; border:1px solid #e6e9ed;
    background:#f4f5f7; color:#454c56; font-size:16px; cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center; transition:.2s;
}
.yn-tema:hover{ border-color:#cfd4da; color:var(--yn-kirmizi); }
@media(max-width:860px){ .yn-menu > a:not(.yn-btn){ display:none; } }

/* ---- ANA SAYFA PEMBE ZEMİN (hero + öne çıkanları kaplar) ---- */
.yn-anasayfa-bg{
    background:
        radial-gradient(700px 400px at 10% 0%, rgba(245,37,63,.11), transparent 62%),
        radial-gradient(800px 480px at 92% 8%, rgba(245,37,63,.09), transparent 66%),
        linear-gradient(180deg,#fff 0%,#fef4f3 40%,#fdeeed 100%);
}
.yn-anasayfa-bg .yn-hero{ background:transparent; border-bottom:0; }

/* ---- HERO ---- */
.yn-hero{
    position:relative; padding:40px 24px;
    /* Hero yüksekliği: ekranı doldurur, öne çıkanlar hep altta kalır.
       AYARLAMAK İSTERSEN: aşağıdaki 90vh değerini değiştir.
       Daha büyük = daha çok yer kaplar (95vh), daha küçük = daha az (75vh) */
    min-height:90vh;
    display:flex; align-items:center;
    background:
        radial-gradient(700px 380px at 15% 5%, rgba(245,37,63,.11), transparent 62%),
        radial-gradient(780px 460px at 88% 12%, rgba(255,45,90,.09), transparent 66%),
        linear-gradient(180deg,#fdeef0 0%,#fce6e9 100%);
    border-bottom:1px solid #f6dfe3;
}
.yn-hero-ic{ max-width:940px; margin:0 auto; text-align:center; width:100%; }
@media(max-width:640px){ .yn-hero{ min-height:auto; padding:70px 24px 56px; } }
.yn-rozet{
    display:inline-flex; align-items:center; gap:8px;
    background:rgba(245,37,63,.08); border:1px solid rgba(245,37,63,.2);
    color:var(--yn-kirmizi); font-size:14px; font-weight:700;
    padding:9px 20px; border-radius:30px; margin-bottom:28px;
}
.yn-rozet::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--yn-kirmizi); animation:ynNabiz 2s infinite; }
@keyframes ynNabiz{ 0%,100%{opacity:1} 50%{opacity:.3} }
.yn-hero h1{ font-size:58px; font-weight:800; letter-spacing:-1.8px; line-height:1.1; margin-bottom:22px; }
.yn-hero p{ font-size:18.5px; color:#5f6670; line-height:1.7; max-width:680px; margin:0 auto 34px; }
.yn-hero-btnlar{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.yn-hero-btnlar .yn-btn{ padding:15px 36px; font-size:15.5px; }
.yn-statlar{
    max-width:800px; margin:62px auto 0; display:flex; justify-content:center;
    flex-wrap:wrap; border-top:1px solid rgba(0,0,0,.07); padding-top:40px;
}
.yn-stat{ text-align:center; padding:0 48px; position:relative; }
.yn-stat + .yn-stat::before{
    content:""; position:absolute; left:0; top:6px; bottom:6px; width:1px;
    background:rgba(0,0,0,.1);
}
.yn-stat b{ display:block; font-size:38px; font-weight:800; color:var(--yn-kirmizi); letter-spacing:-1px; }
.yn-stat span{ font-size:14px; color:#5f6670; font-weight:600; }
@media(max-width:520px){ .yn-stat{ padding:0 24px; } }
@media(max-width:640px){ .yn-hero h1{ font-size:38px; } }

/* ---- ANA SAYFA ÜRÜN KARTI HOVER: pembe zemin ---- */
#onecikan-bolum .urun-card{ transition:transform .3s ease, box-shadow .3s ease, background .3s ease, border-color .3s ease; }
#onecikan-bolum .urun-card:hover{
    background:linear-gradient(180deg,#fffafa 0%,#fff5f4 100%);
    border-color:rgba(245,37,63,.18);
}
#onecikan-bolum .urun-card:hover .urun-card-body h5 a{ color:var(--yn-kirmizi); }

/* ---- BÖLÜM BAŞLIĞI (renkli kelime) ---- */
.yn-baslik{ text-align:center; margin-bottom:52px; }
.yn-baslik h2{ font-size:48px; font-weight:800; letter-spacing:-1.5px; margin-bottom:12px; }
.yn-baslik h2 em{ font-style:normal; color:var(--yn-kirmizi); }
.yn-baslik p{ font-size:17.5px; color:#5f6670; margin:0; }
[data-theme="dark"] .yn-baslik h2{ color:#e7eaef; }
[data-theme="dark"] .yn-baslik p{ color:#99a1ad; }
@media(max-width:640px){ .yn-baslik h2{ font-size:32px; } }

/* ---- NEDEN BİZ ---- */
.yn-ozellikler{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media(max-width:900px){ .yn-ozellikler{ grid-template-columns:1fr; } }
.yn-ozellik{
    background:#fff; border:1px solid #eceff2; border-radius:16px;
    padding:30px 26px; text-align:center; transition:.3s;
}
.yn-ozellik:hover{ transform:translateY(-4px); box-shadow:0 14px 34px rgba(22,24,29,.08); }
.yn-ozellik-ikon{
    width:54px; height:54px; margin:0 auto 18px; border-radius:14px;
    background:rgba(245,37,63,.09); color:var(--yn-kirmizi);
    display:flex; align-items:center; justify-content:center; font-size:22px;
}
.yn-ozellik h4{ font-size:16.5px; font-weight:800; margin-bottom:10px; }
.yn-ozellik p{ font-size:13.5px; color:#5f6670; line-height:1.7; margin:0; }

/* ---- CTA ---- */
.yn-cta{
    background:linear-gradient(120deg,#f5253f 0%,#ff2f52 52%,#ff2d6f 100%);
    padding:78px 24px; text-align:center; position:relative; overflow:hidden;
}
.yn-cta::before{ content:""; position:absolute; top:-80px; right:-80px; width:300px; height:300px; border-radius:50%; background:rgba(255,255,255,.08); }
.yn-cta h2{ font-size:44px; font-weight:800; color:#fff; letter-spacing:-1.2px; margin-bottom:14px; position:relative; z-index:1; }
.yn-cta p{ font-size:17.5px; color:rgba(255,255,255,.85); margin-bottom:32px; position:relative; z-index:1; }
.yn-cta .yn-btn{ position:relative; z-index:1; padding:15px 34px; font-size:15px; }
@media(max-width:640px){ .yn-cta h2{ font-size:32px; } }

/* ---- FOOTER ---- */
.yn-footer{ background:#fafbfc; border-top:1px solid #eceff2; padding:58px 24px 0; color:#5f6670; }
.yn-footer-ic{ max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1.6fr 1fr 1fr 1.1fr; gap:36px; }
@media(max-width:980px){ .yn-footer-ic{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .yn-footer-ic{ grid-template-columns:1fr; } }
.yn-footer h5{ font-size:15px; font-weight:800; margin-bottom:18px; }
.yn-footer h5 span{ color:var(--yn-kirmizi); }
.yn-footer p{ font-size:13.5px; line-height:1.75; }
.yn-footer ul{ list-style:none; padding:0; margin:0; }
.yn-footer ul li{ margin-bottom:11px; }
.yn-footer ul a{ color:#5f6670 !important; font-size:13.5px; font-weight:600; transition:.2s; text-decoration:none !important; }
.yn-footer ul a:hover{ color:var(--yn-kirmizi) !important; }
.yn-footer ul a i{ color:var(--yn-kirmizi); width:18px; display:inline-block; margin-right:6px; }
.yn-footer-alt{
    max-width:1180px; margin:38px auto 0; padding:20px 0;
    border-top:1px solid #eceff2;
    display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12.5px;
}

/* ---- SAYFA BAŞLIK BANDI (Mağaza/SSS/Sunucular) ---- */
.yn-band{
    background:linear-gradient(120deg,#f5253f 0%,#f5253f 45%,#ff2d6f 100%);
    padding:64px 24px 56px; text-align:center; position:relative; overflow:hidden;
}
.yn-band::after{
    content:""; position:absolute; bottom:-120px; left:-60px; width:280px; height:280px;
    border-radius:50%; background:rgba(255,255,255,.07);
}
.yn-band h1{ color:#fff; font-size:38px; font-weight:800; letter-spacing:-1px; margin-bottom:10px; position:relative; z-index:1; }
.yn-band p{ color:rgba(255,255,255,.88); font-size:16px; margin:0 auto; max-width:620px; position:relative; z-index:1; }
.yn-band-ozellik{ display:flex; gap:22px; justify-content:center; flex-wrap:wrap; margin-top:18px; position:relative; z-index:1; }
.yn-band-ozellik span{ color:rgba(255,255,255,.92); font-size:13px; font-weight:700; }
.yn-band-ozellik span::before{ content:"\2713"; margin-right:6px; background:rgba(255,255,255,.2); border-radius:50%; padding:1px 5px; font-size:11px; }

/* ---- SCROLL GİRİŞ ANİMASYONLARI ---- */
.yn-anim{ opacity:0; transform:translateY(36px); transition:opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1); }
.yn-anim.gorundu{ opacity:1; transform:none; }
/* Sıralı gecikmeler (1-2-3-4-5-6) */
.yn-anim.d1{ transition-delay:.05s; }
.yn-anim.d2{ transition-delay:.13s; }
.yn-anim.d3{ transition-delay:.21s; }
.yn-anim.d4{ transition-delay:.29s; }
.yn-anim.d5{ transition-delay:.37s; }
.yn-anim.d6{ transition-delay:.45s; }
/* Alttan geliş (CTA gibi) */
.yn-anim-alt{ opacity:0; transform:translateY(50px); transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
.yn-anim-alt.gorundu{ opacity:1; transform:none; }

/* Kalp animasyonu */
.yn-kalp{ color:#f5253f; display:inline-block; animation:ynKalp 1.3s ease-in-out infinite; }
@keyframes ynKalp{ 0%,100%{ transform:scale(1); } 15%{ transform:scale(1.25); } 30%{ transform:scale(1); } 45%{ transform:scale(1.18); } }

/* ---- DIŞ LİNK UYARI MODALI ---- */
.dis-link-modal{
    border:0; border-radius:18px; overflow:hidden;
    box-shadow:0 24px 60px rgba(0,0,0,.3);
}
.dis-link-modal .modal-body{ padding:36px 32px 28px; background:#fff; }
.dis-link-ikon{
    width:78px; height:78px; margin:0 auto 22px; border-radius:50%;
    border:3px solid #f0a500; color:#f0a500;
    display:flex; align-items:center; justify-content:center;
    font-size:42px; font-weight:800;
}
.dis-link-baslik{ font-size:24px; font-weight:800; color:#181b20; margin-bottom:12px; }
.dis-link-yazi{ font-size:14.5px; color:#5f6670; line-height:1.6; margin-bottom:24px; }
.dis-link-btnlar{ display:flex; gap:12px; margin-bottom:18px; }
.dis-link-hedef{ font-size:12.5px; color:#8a8f94; }
.dis-link-hedef span{ color:var(--yn-kirmizi); font-weight:700; word-break:break-all; }
[data-theme="dark"] .dis-link-modal .modal-body{ background:#171a21; }
[data-theme="dark"] .dis-link-baslik{ color:#e7eaef; }
[data-theme="dark"] .dis-link-yazi{ color:#99a1ad; }
[data-theme="dark"] .dis-link-hedef{ color:#7d8590; }

/* ---- KIRMIZI BANT (SSS + Sunucular başlığı) ---- */
.yn-band-soft{
    text-align:center; padding:58px 24px 64px; position:relative; overflow:hidden;
    background:linear-gradient(120deg,#f5253f 0%,#f5253f 50%,#ff2d6f 100%);
}
.yn-band-soft::after{
    content:""; position:absolute; top:-90px; right:-60px; width:280px; height:280px;
    border-radius:50%; background:rgba(255,255,255,.07);
}
.yn-band-ikon{
    width:60px; height:60px; margin:0 auto 20px; border-radius:16px;
    background:rgba(255,255,255,.15); color:#fff; font-size:24px;
    display:flex; align-items:center; justify-content:center;
    position:relative; z-index:1;
}
.yn-band-soft h1{ color:#fff; font-size:46px; font-weight:800; letter-spacing:-1.5px; margin-bottom:12px; line-height:1.15; position:relative; z-index:1; }
.yn-band-soft p{ color:rgba(255,255,255,.9); font-size:17px; line-height:1.55; margin:0 auto 8px; max-width:600px; padding-bottom:2px; position:relative; z-index:1; overflow:visible; }

/* Bildirim zili sallanma animasyonu (okunmamış varken) */
@keyframes ut-bell-shake{
    0%,50%,100%{ transform:rotate(0); }
    10%,30%{ transform:rotate(14deg); }
    20%,40%{ transform:rotate(-14deg); }
}
.ut-bell.has-unread i{ display:inline-block; transform-origin:50% 0; animation:ut-bell-shake 1.4s ease-in-out infinite; }
.yn-band-ara{ max-width:560px; margin:0 auto; position:relative; z-index:1; }
.yn-band-ara input{
    width:100%; background:#fff; border:0; border-radius:14px;
    padding:15px 20px 15px 48px; font-size:14.5px; color:#232830; outline:none;
    box-shadow:0 12px 30px rgba(0,0,0,.15); transition:.2s;
}
.yn-band-ara input:focus{ box-shadow:0 12px 30px rgba(0,0,0,.22); }
.yn-band-ara .ikon{ position:absolute; left:18px; top:50%; transform:translateY(-50%); color:#c78d88; }
@media(max-width:640px){ .yn-band-soft h1{ font-size:30px; } }

/* ---- KILAVUZ DUYURU BANDI ---- */
.yn-kilavuz{
    background:linear-gradient(90deg,#f5253f 0%,#f5253f 50%,#ff2d6f 100%);
    color:#fff; padding:12px 24px;
    display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap;
    position:relative;
    z-index:1; /* nav (z-index:2) ve açılır menüleri bunun üstünde kalır */
}
.yn-kilavuz-yazi{ font-size:14px; font-weight:600; }
.yn-kilavuz-yazi b{ font-weight:800; }
.yn-kilavuz-yazi i{ display:inline-block; animation:ynKitap 1.8s ease-in-out infinite; transform-origin:center; }
@keyframes ynKitap{ 0%,100%{ transform:rotate(-12deg); } 50%{ transform:rotate(12deg); } }
.yn-kilavuz-btn{
    background:#fff; color:var(--yn-kirmizi) !important; font-size:13px; font-weight:800;
    padding:8px 18px; border-radius:10px; text-decoration:none !important;
    display:inline-flex; align-items:center; gap:6px; transition:.2s;
}
.yn-kilavuz-btn:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.2); }
.yn-kilavuz-kapat{
    background:none; border:0; color:#fff; font-size:20px; cursor:pointer;
    opacity:.8; line-height:1; padding:0 4px;
}
.yn-kilavuz-kapat:hover{ opacity:1; }
@media(max-width:640px){ .yn-kilavuz-yazi{ font-size:12.5px; text-align:center; } }

/* ---- DOKÜMANTASYON SAYFASI ---- */
.dk-band{
    background:linear-gradient(120deg,#f5253f 0%,#f5253f 50%,#ff2d6f 100%);
    padding:56px 24px 62px; text-align:center; position:relative; overflow:hidden;
}
.dk-band-ikon{
    width:58px; height:58px; margin:0 auto 18px; border-radius:15px;
    background:rgba(255,255,255,.15); color:#fff; font-size:24px;
    display:flex; align-items:center; justify-content:center;
}
.dk-band h1{ color:#fff; font-size:46px; font-weight:800; letter-spacing:-1.5px; margin-bottom:10px; line-height:1.15; }
.dk-band p{ color:rgba(255,255,255,.88); font-size:17px; line-height:1.55; margin:0 auto; max-width:580px; overflow:visible; }
@media(max-width:640px){ .dk-band h1{ font-size:32px; } }
.dk-duzen{ display:grid; grid-template-columns:250px 1fr; gap:28px; align-items:start; }
@media(max-width:860px){ .dk-duzen{ grid-template-columns:1fr; } }
.dk-yan{ position:sticky; top:84px; }
.dk-yan-baslik{
    font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.6px;
    color:#8a8f94; margin:0 0 12px 4px;
}
.dk-icerik{
    background:#fff; border:1px solid #eceff2; border-radius:16px;
    padding:34px 38px; box-shadow:0 10px 30px rgba(22,24,29,.05);
    min-height:400px;
}
.dk-sayfa{ display:none; }
.dk-sayfa.aktif{ display:block; animation:dkGir .3s ease; }
@keyframes dkGir{ from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:none;} }
.dk-sayfa h2{ font-size:26px; font-weight:800; letter-spacing:-.5px; margin-bottom:18px; }
.dk-govde{ font-size:15px; line-height:1.8; color:#454c56; }
.dk-govde h1,.dk-govde h2,.dk-govde h3{ margin:22px 0 12px; }
.dk-govde ul,.dk-govde ol{ padding-left:22px; }
.dk-govde li{ margin-bottom:8px; }
.dk-govde a{ color:var(--yn-kirmizi); font-weight:600; }
.dk-govde pre{ background:#0d1117; color:#c9d1d9; border-radius:10px; padding:16px 18px; overflow-x:auto; font-size:13px; }
.dk-govde code{ background:#f4f5f7; border:1px solid #e9ecef; border-radius:6px; padding:2px 7px; font-size:13px; }
.dk-govde img{ max-width:100%; border-radius:10px; }
.dk-bos{ text-align:center; color:#8a8f94; padding:60px 20px; }
[data-theme="dark"] .dk-yan-baslik{ color:#7d8590; }
[data-theme="dark"] .dk-icerik{ background:#171a21; border-color:#262b35; }
[data-theme="dark"] .dk-sayfa h2{ color:#e7eaef; }
[data-theme="dark"] .dk-govde{ color:#99a1ad; }
[data-theme="dark"] .dk-govde code{ background:#0f1115; border-color:#262b35; }

/* ---- MAĞAZA SAYFASI ---- */
.mg-genis{ max-width:1340px; margin:0 auto; padding:0 24px; }
.mg-duzen{ display:grid; grid-template-columns:240px 1fr; gap:24px; align-items:start; }
@media(max-width:900px){ .mg-duzen{ grid-template-columns:1fr; } }
.mg-filtre{
    background:#fff; border:1px solid #eceff2; border-radius:16px; padding:22px;
    position:sticky; top:84px;
}
.mg-filtre h6{
    font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.6px;
    color:#8a8f94; margin:20px 0 12px;
}
.mg-filtre h6:first-child{ margin-top:0; }
.mg-filtre-baslik{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.mg-filtre-baslik b{ font-size:15px; color:#181b20; }
.mg-temizle{ font-size:12px; font-weight:700; color:var(--yn-kirmizi) !important; cursor:pointer; text-decoration:none !important; }
.mg-secenek{
    display:flex; align-items:center; justify-content:space-between;
    padding:8px 12px; border-radius:10px; cursor:pointer; transition:.15s;
    font-size:13.5px; font-weight:600; color:#454c56; margin-bottom:4px;
    border:1px solid transparent;
}
.mg-secenek:hover{ background:#f4f5f7; }
.mg-secenek.aktif{ background:rgba(245,37,63,.08); color:var(--yn-kirmizi); border-color:rgba(245,37,63,.25); }
.mg-secenek small{ background:#f0f2f4; color:#8a8f94; font-size:11px; font-weight:700; padding:2px 8px; border-radius:10px; }
.mg-secenek.aktif small{ background:rgba(245,37,63,.15); color:var(--yn-kirmizi); }
.mg-fiyatlar{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.mg-fiyat{
    text-align:center; font-size:12.5px; font-weight:700; color:#454c56;
    border:1.5px solid #e6e9ed; border-radius:10px; padding:8px 6px; cursor:pointer; transition:.15s;
}
.mg-fiyat:hover{ border-color:#cfd4da; }
.mg-fiyat.aktif{ background:var(--yn-kirmizi); border-color:var(--yn-kirmizi); color:#fff; }
.mg-ust{
    background:#fff; border:1px solid #eceff2; border-radius:16px;
    padding:16px 20px; display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-bottom:18px;
}
.mg-ara{ position:relative; flex:1; min-width:220px; }
.mg-ara input{
    width:100%; border:1.5px solid #e6e9ed; background:#fafbfc; border-radius:12px;
    padding:11px 16px 11px 42px; font-size:14px; outline:none; transition:.2s; color:#232830;
}
.mg-ara input:focus{ border-color:var(--yn-kirmizi); box-shadow:0 0 0 3px rgba(245,37,63,.12); background:#fff; }
.mg-ara .ikon{ position:absolute; left:15px; top:50%; transform:translateY(-50%); color:#9aa1a9; }
.mg-sirala{
    border:1.5px solid #e6e9ed; background:#fafbfc; border-radius:12px;
    padding:11px 14px; font-size:13px; font-weight:700; color:#454c56; outline:none; cursor:pointer;
}
.mg-sonuc{ font-size:13.5px; color:#8a8f94; font-weight:600; margin-bottom:16px; }
.mg-sonuc b{ color:var(--yn-kirmizi); }
.mg-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
@media(max-width:1150px){ .mg-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:640px){ .mg-grid{ grid-template-columns:1fr; } }
/* Mağaza kartlarını hafif büyüt */
.mg-grid .urun-card-img img{ height:200px; }
.mg-grid .urun-card-body{ padding:24px 24px 20px; }
.mg-grid .urun-card-body h5{ font-size:18px; }

/* SSS arama/kategori (açık) */
.yn-sss-ara{ max-width:560px; margin:0 auto 26px; position:relative; }
.yn-sss-ara input{
    width:100%; background:#fff; border:1.5px solid #e6e9ed;
    border-radius:14px; padding:14px 20px 14px 48px; font-size:14.5px;
    color:#232830; outline:none; transition:.2s;
}
.yn-sss-ara input:focus{ border-color:var(--yn-kirmizi); box-shadow:0 0 0 3px rgba(245,37,63,.12); }
.yn-sss-ara .ikon{ position:absolute; left:18px; top:50%; transform:translateY(-50%); color:#9aa1a9; font-size:15px; }
.yn-sss-katlar{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-bottom:34px; }
.yn-sss-kat{
    display:inline-flex; align-items:center; gap:8px;
    background:#fff; border:1px solid #e6e9ed; color:#454c56;
    font-size:13.5px; font-weight:700; padding:10px 20px; border-radius:12px;
    cursor:pointer; transition:.2s; box-shadow:0 2px 6px rgba(22,24,29,.04);
}
.yn-sss-kat:hover{ border-color:#cfd4da; transform:translateY(-1px); box-shadow:0 5px 14px rgba(22,24,29,.08); }
.yn-sss-kat.aktif{ background:var(--yn-kirmizi); border-color:var(--yn-kirmizi); color:#fff; box-shadow:0 6px 16px rgba(245,37,63,.3); }
.yn-sss-kat i{ font-size:14px; }

/* ---- SSS YARDIM CTA ---- */
.yn-yardim{
    max-width:900px; margin:40px auto 0;
    background:linear-gradient(120deg,#f5253f 0%,#f5253f 50%,#ff2d6f 100%);
    border-radius:20px; padding:44px 30px; text-align:center; position:relative; overflow:hidden;
}
.yn-yardim::before{ content:""; position:absolute; top:-70px; right:-50px; width:220px; height:220px; border-radius:50%; background:rgba(255,255,255,.08); }
.yn-yardim h3{ color:#fff; font-size:26px; font-weight:800; margin-bottom:8px; position:relative; z-index:1; }
.yn-yardim p{ color:rgba(255,255,255,.88); font-size:15px; margin-bottom:26px; position:relative; z-index:1; }
.yn-yardim-btnlar{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; position:relative; z-index:1; }
.yn-yardim-btn{
    display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:800;
    padding:13px 26px; border-radius:12px; text-decoration:none !important; transition:.2s;
}
.yn-yardim-btn.beyaz{ background:#fff; color:var(--yn-kirmizi) !important; }
.yn-yardim-btn.beyaz:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.2); }
.yn-yardim-btn.koyu{ background:rgba(0,0,0,.18); color:#fff !important; border:1px solid rgba(255,255,255,.25); }
.yn-yardim-btn.koyu:hover{ background:rgba(0,0,0,.28); transform:translateY(-2px); }

/* ---- DOKÜMANTASYON KARTLI MENÜ ---- */
.dk-kat-kart{
    background:#fff; border:1px solid #eceff2; border-radius:12px;
    margin-bottom:10px; overflow:hidden; box-shadow:0 2px 8px rgba(22,24,29,.04);
}
.dk-kat-bas{
    display:flex; align-items:center; gap:12px; padding:14px 16px; cursor:pointer;
    font-size:14px; font-weight:700; color:#232830; transition:.2s; user-select:none;
}
.dk-kat-bas:hover{ background:#fafbfc; }
.dk-kat-kart.acik .dk-kat-bas{ background:var(--yn-kirmizi); color:#fff; }
.dk-kat-ikon{
    width:30px; height:30px; border-radius:8px; flex-shrink:0;
    background:rgba(245,37,63,.1); color:var(--yn-kirmizi);
    display:flex; align-items:center; justify-content:center; font-size:14px;
}
.dk-kat-kart.acik .dk-kat-ikon{ background:rgba(255,255,255,.2); color:#fff; }
.dk-kat-ok{ margin-left:auto; font-size:11px; transition:transform .25s ease; opacity:.7; }
.dk-kat-kart.acik .dk-kat-ok{ transform:rotate(90deg); }
.dk-kat-ic{ display:none; padding:6px 8px 10px; }
.dk-kat-kart.acik .dk-kat-ic{ display:block; }
.dk-link{
    display:block; padding:9px 14px 9px 42px; border-radius:8px;
    font-size:13px; font-weight:600; color:#5f6670; cursor:pointer; transition:.15s;
    text-decoration:none !important; margin-bottom:2px;
}
.dk-link:hover{ background:#f4f5f7; color:var(--yn-kirmizi); }
.dk-link.aktif{ background:rgba(245,37,63,.09); color:var(--yn-kirmizi); font-weight:700; }
[data-theme="dark"] .yn-sss-kat i{ color:inherit; }
[data-theme="dark"] .dk-kat-kart{ background:#171a21; border-color:#262b35; }
[data-theme="dark"] .dk-kat-bas{ color:#e7eaef; }
[data-theme="dark"] .dk-kat-bas:hover{ background:#1d212a; }
[data-theme="dark"] .dk-kat-kart.acik .dk-kat-bas{ background:var(--yn-kirmizi); color:#fff; }
[data-theme="dark"] .dk-link{ color:#99a1ad; }
[data-theme="dark"] .dk-link:hover{ background:#1d212a; color:var(--yn-kirmizi2); }
[data-theme="dark"] .dk-link.aktif{ background:rgba(245,37,63,.13); color:var(--yn-kirmizi2); }
.yn-sss-yok{
    text-align:center; color:#8a8f94; background:#fff;
    border:1px dashed #d5d9dd; border-radius:14px; padding:26px; display:none;
}

/* ============================================================
   KOYU TEMA — html[data-theme="dark"]
   ============================================================ */
[data-theme="dark"] body{ background:#0f1115 !important; color:#99a1ad; }
[data-theme="dark"] .site-wrap{ background:#0f1115 !important; }
[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,
[data-theme="dark"] h4,[data-theme="dark"] h5,[data-theme="dark"] h6{ color:#e7eaef !important; }
[data-theme="dark"] .section-heading h4.heading{ color:#e7eaef !important; }
[data-theme="dark"] .heading{ color:#e7eaef !important; }
[data-theme="dark"] .section-heading p,[data-theme="dark"] .section-heading small{ color:#99a1ad !important; }
[data-theme="dark"] hr{ border-color:#262b35; }

[data-theme="dark"] .yn-nav{ background:rgba(15,17,21,.9); border-color:rgba(255,255,255,.06); box-shadow:0 2px 24px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4); }
[data-theme="dark"] .yn-stat + .yn-stat::before{ background:rgba(255,255,255,.1); }
[data-theme="dark"] .yn-logo{ color:#fff !important; }
[data-theme="dark"] .yn-menu > a{ color:#c6ccd6 !important; }
[data-theme="dark"] .yn-menu > a:hover{ background:#1d212a; color:#fff !important; }
[data-theme="dark"] .yn-btn-soluk{ background:#1d212a; color:#e7eaef !important; border-color:#262b35; }
[data-theme="dark"] .yn-btn-koyu{ background:#1d212a; border:1px solid #262b35; }
[data-theme="dark"] .yn-tema{ background:#1d212a; border-color:#262b35; color:#c6ccd6; }

[data-theme="dark"] .yn-hero{
    background:
        radial-gradient(620px 340px at 12% 0%, rgba(245,37,63,.13), transparent 60%),
        radial-gradient(700px 420px at 92% 15%, rgba(245,37,63,.09), transparent 65%),
        #0f1115;
    border-color:#262b35;
}
[data-theme="dark"] .yn-hero p{ color:#99a1ad; }
[data-theme="dark"] .yn-statlar{ border-color:#262b35; }
[data-theme="dark"] .yn-stat span{ color:#99a1ad; }
[data-theme="dark"] .yn-rozet{ color:var(--yn-kirmizi2); border-color:rgba(245,37,63,.3); background:rgba(245,37,63,.1); }

/* Ana sayfa pembe zemin - koyu tema versiyonu */
[data-theme="dark"] .yn-anasayfa-bg{
    background:
        radial-gradient(700px 400px at 10% 0%, rgba(245,37,63,.16), transparent 62%),
        radial-gradient(800px 480px at 92% 8%, rgba(245,37,63,.11), transparent 66%),
        linear-gradient(180deg,#0f1115 0%,#16121a 60%,#1a1216 100%);
}
[data-theme="dark"] .yn-anasayfa-bg .yn-hero{ background:transparent; }
[data-theme="dark"] #onecikan-bolum .urun-card:hover{
    background:linear-gradient(180deg,#1a1417 0%,#1f1519 100%) !important;
    border-color:rgba(245,37,63,.28) !important;
}
[data-theme="dark"] #onecikan-bolum .urun-card:hover .urun-card-body h5 a{ color:var(--yn-kirmizi2) !important; }

[data-theme="dark"] .yn-ozellik{ background:#171a21; border-color:#262b35; }
[data-theme="dark"] .yn-ozellik:hover{ box-shadow:0 16px 36px rgba(0,0,0,.4); border-color:#333a47; }
[data-theme="dark"] .yn-ozellik p{ color:#99a1ad; }

[data-theme="dark"] .yn-footer{ background:#0b0d10; border-color:#262b35; color:#99a1ad; }
[data-theme="dark"] .yn-footer h5{ color:#fff; }
[data-theme="dark"] .yn-footer ul a{ color:#99a1ad !important; }
[data-theme="dark"] .yn-footer ul a:hover{ color:#fff !important; }
[data-theme="dark"] .yn-footer-alt{ border-color:rgba(255,255,255,.06); }

/* Kartlar */
[data-theme="dark"] .urun-card,[data-theme="dark"] .myurun-card,[data-theme="dark"] .form-card,
[data-theme="dark"] .server-card,[data-theme="dark"] .rehber-card,[data-theme="dark"] .ticket-msg,
[data-theme="dark"] .ticket-item,[data-theme="dark"] .uv-ver,
[data-theme="dark"] .sss-wrap .card,[data-theme="dark"] .sss-accordion .card{
    background:#171a21 !important; border-color:#262b35 !important;
    box-shadow:0 10px 30px rgba(0,0,0,.25) !important;
}
[data-theme="dark"] .urun-card:hover,[data-theme="dark"] .myurun-card:hover,
[data-theme="dark"] .rehber-card:hover,[data-theme="dark"] .ticket-item:hover{
    box-shadow:0 20px 44px rgba(0,0,0,.45) !important; border-color:#333a47 !important;
}
[data-theme="dark"] .urun-card-body h5,[data-theme="dark"] .urun-card-body h5 a,
[data-theme="dark"] .myurun-card h5,[data-theme="dark"] .server-name,
[data-theme="dark"] .ticket-msg-title,[data-theme="dark"] .ticket-item h6,
[data-theme="dark"] .rehber-card-header strong,[data-theme="dark"] .pa-section-title,
[data-theme="dark"] .uv-side h4,[data-theme="dark"] .uv-ver-head,
[data-theme="dark"] .uv-review-head b,[data-theme="dark"] .bill-item-info b,
[data-theme="dark"] .pa-login-info b,[data-theme="dark"] .uv-type{ color:#e7eaef !important; }
[data-theme="dark"] .urun-card-body p,[data-theme="dark"] .myurun-card p,
[data-theme="dark"] .rehber-card-body .rehber-desc,[data-theme="dark"] .ticket-msg-body,
[data-theme="dark"] .ticket-item p,[data-theme="dark"] .uv-ws-desc,
[data-theme="dark"] .uv-review p,[data-theme="dark"] .uv-ver-note{ color:#99a1ad !important; }
[data-theme="dark"] .urun-card-footer,[data-theme="dark"] .myurun-footer,
[data-theme="dark"] .rehber-card-meta,[data-theme="dark"] .uv-price-row,
[data-theme="dark"] .pa-login-row,[data-theme="dark"] .uv-review,
[data-theme="dark"] .bill-item,[data-theme="dark"] .ticket-ek,[data-theme="dark"] .ticket-ek-img{ border-color:#262b35 !important; }
[data-theme="dark"] .rehber-card-header,[data-theme="dark"] .ticket-msg-header,
[data-theme="dark"] .sss-accordion .card-header,[data-theme="dark"] .sss-wrap .card-header{
    background:#171a21 !important; border-color:#262b35 !important;
}
[data-theme="dark"] .uv-ver{ background:#1d212a !important; }

/* Arama / select / inputlar */
[data-theme="dark"] .urun-search-input input,[data-theme="dark"] .urun-sort-select,
[data-theme="dark"] .myver-select,[data-theme="dark"] .mg-ara input,[data-theme="dark"] .mg-sirala,
[data-theme="dark"] .yn-sss-ara input{
    background:#171a21 !important; border-color:#262b35 !important; color:#e7eaef !important;
}
[data-theme="dark"] .mg-ara input:focus,[data-theme="dark"] .yn-sss-ara input:focus{ background:#1d212a !important; }
[data-theme="dark"] .ut-form label,[data-theme="dark"] .auth-modal label{ color:#99a1ad !important; }
[data-theme="dark"] .ut-form .form-control,[data-theme="dark"] .auth-modal .form-control,
[data-theme="dark"] .uv-review-form textarea{
    background:#0f1115 !important; border-color:#262b35 !important; color:#e7eaef !important;
}
[data-theme="dark"] .ut-form .form-control:focus,[data-theme="dark"] .auth-modal .form-control:focus{
    border-color:var(--yn-kirmizi) !important; background:#171a21 !important;
}
[data-theme="dark"] .ut-form .form-control[readonly]{ background:#1d212a !important; color:#7d8590 !important; }
[data-theme="dark"] .auth-remember label{ color:#99a1ad !important; }

/* Modallar */
[data-theme="dark"] .auth-modal .modal-content,[data-theme="dark"] .profile-modal .modal-content,
[data-theme="dark"] .auth-modal .modal-body,[data-theme="dark"] .profile-modal .modal-body{ background:#171a21 !important; }
[data-theme="dark"] .pa-dark{ background:#1d212a !important; color:#e7eaef !important; border-color:#262b35 !important; }
[data-theme="dark"] .profile-stats{ background:#0f1115 !important; border-color:#262b35 !important; }
[data-theme="dark"] .profile-users li{ border-color:#262b35 !important; }
[data-theme="dark"] .profile-users li:first-child,[data-theme="dark"] .profile-users li b{ color:#e7eaef !important; }
[data-theme="dark"] #SatinAlOnay .modal-body p{ color:#99a1ad !important; }

/* Tablo */
[data-theme="dark"] .server-table tbody td,[data-theme="dark"] .server-table tbody th{
    background:#171a21 !important; border-color:#262b35 !important; color:#99a1ad !important;
}
[data-theme="dark"] .server-table tbody tr:hover td,[data-theme="dark"] .server-table tbody tr:hover th{ background:#1d212a !important; }
[data-theme="dark"] .server-ip{ background:#0f1115 !important; border-color:#262b35 !important; color:#99a1ad !important; }

/* Ürün detay */
[data-theme="dark"] .uv-breadcrumb{ color:#7d8590; }
[data-theme="dark"] .uv-tabs{ border-color:#262b35 !important; }
[data-theme="dark"] .uv-tabs .nav-link{ color:#99a1ad !important; }
[data-theme="dark"] .uv-tabs .nav-link.active{ color:var(--yn-kirmizi) !important; border-color:var(--yn-kirmizi) !important; background:none !important; }
[data-theme="dark"] .uv-tabs-nav{ background:transparent !important; border-color:#262b35 !important; color:#99a1ad !important; }
[data-theme="dark"] .uv-tab-content{ background:#171a21 !important; border-color:#262b35 !important; color:#99a1ad !important; }
[data-theme="dark"] .uv-tag{ background:#1d212a !important; border-color:#262b35 !important; color:#99a1ad !important; }
[data-theme="dark"] .uv-price{ color:#4cd07d !important; }
[data-theme="dark"] .uv-ws{ border-color:#262b35 !important; }
[data-theme="dark"] .uv-ws-statsrow b{ color:#e7eaef !important; }
[data-theme="dark"] .uv-ws-bottom{ border-color:#262b35 !important; }
[data-theme="dark"] .uv-thumb.active{ border-color:var(--yn-kirmizi); }
[data-theme="dark"] .uv-code{ background:#0d1117 !important; border-color:#262b35 !important; color:#c9d1d9 !important; }
[data-theme="dark"] .uv-copy{ background:#1d212a !important; border-color:#262b35 !important; color:#99a1ad !important; }
[data-theme="dark"] .uv-code .xml-tag{ color:#ff7b72 !important; }
[data-theme="dark"] .uv-code .xml-attr{ color:#d2a8ff !important; }
[data-theme="dark"] .uv-code .xml-val{ color:#7ee787 !important; }
[data-theme="dark"] .uv-code .xml-com{ color:#8b949e !important; }
[data-theme="dark"] .uv-code .xml-decl{ color:#79c0ff !important; }

/* Ticket / fatura / profil */
[data-theme="dark"] .ticket-empty{ background:rgba(23,162,184,.08); border-color:rgba(23,162,184,.3); }
[data-theme="dark"] .ticket-closed{ background:rgba(245,37,63,.08); border-color:rgba(245,37,63,.3); }
[data-theme="dark"] .bill-btn{ background:#1d212a !important; border-color:#262b35 !important; color:#99a1ad !important; }
[data-theme="dark"] .bill-use{ color:#4cd07d !important; border-color:rgba(40,167,69,.5) !important; }
[data-theme="dark"] .bill-del{ color:var(--yn-kirmizi) !important; border-color:rgba(245,37,63,.5) !important; }
[data-theme="dark"] .pa-avatar-empty{ background:#1d212a; border-color:#262b35; color:#7d8590; }
[data-theme="dark"] .pa-login-icon{ background:#1d212a; }

/* Bildirimler */
[data-theme="dark"] .ut-notifs{ background:#171a21 !important; border-color:#262b35 !important; box-shadow:0 16px 40px rgba(0,0,0,.5) !important; }
[data-theme="dark"] .ut-notifs-head{ color:#e7eaef; border-color:#262b35 !important; }
[data-theme="dark"] .ut-notif-item{ border-color:#262b35 !important; }
[data-theme="dark"] .ut-notif-item:hover{ background:#1d212a !important; }
[data-theme="dark"] .ut-notif-item span{ color:#99a1ad !important; }
[data-theme="dark"] .ut-notif-item.unread{ background:rgba(245,37,63,.09) !important; }
[data-theme="dark"] .ut-notif-item.unread span{ color:#e7eaef !important; }

/* Mağaza */
[data-theme="dark"] .mg-filtre,[data-theme="dark"] .mg-ust{ background:#171a21; border-color:#262b35; }
[data-theme="dark"] .mg-filtre-baslik b{ color:#e7eaef; }
[data-theme="dark"] .mg-secenek{ color:#c6ccd6; }
[data-theme="dark"] .mg-secenek:hover{ background:#1d212a; }
[data-theme="dark"] .mg-secenek small{ background:#1d212a; color:#7d8590; }
[data-theme="dark"] .mg-fiyat{ border-color:#262b35; color:#c6ccd6; }
[data-theme="dark"] .urun-no-result{ background:rgba(255,193,7,.08); border-color:rgba(255,193,7,.3); }

/* SSS */
[data-theme="dark"] .yn-sss-kat{ background:#171a21; border-color:#262b35; color:#99a1ad; }
[data-theme="dark"] .yn-sss-kat.aktif{ background:var(--yn-kirmizi); border-color:var(--yn-kirmizi); color:#fff; }
[data-theme="dark"] .yn-sss-yok{ background:#171a21; border-color:#262b35; color:#99a1ad; }
[data-theme="dark"] .sss-accordion .sss-q{ color:#e7eaef !important; }
[data-theme="dark"] .sss-accordion .card-body{ color:#99a1ad !important; border-color:#262b35 !important; }

/* Uyarılar */
[data-theme="dark"] .alert-danger{ background:rgba(245,37,63,.1) !important; border-color:rgba(245,37,63,.3) !important; color:#ff8a80 !important; }
[data-theme="dark"] .alert-success{ background:rgba(40,167,69,.1) !important; border-color:rgba(40,167,69,.3) !important; color:#7ed99a !important; }
[data-theme="dark"] .alert-info{ background:rgba(23,162,184,.1) !important; border-color:rgba(23,162,184,.3) !important; color:#7cd6e6 !important; }
[data-theme="dark"] .alert-warning{ background:rgba(255,193,7,.1) !important; border-color:rgba(255,193,7,.3) !important; color:#ffd54f !important; }

/* ============================================================
   ARAÇLAR — HEADER AÇILIR MENÜ
   ============================================================ */
.yn-arac-li{ position:relative; }
.yn-arac-ust{
    color:#454c56; font-size:14px; font-weight:600;
    padding:8px 14px; border-radius:10px; transition:.2s; text-decoration:none !important;
    display:inline-flex; align-items:center; gap:5px; cursor:pointer;
}
.yn-arac-ust:hover{ background:#f4f5f7; color:var(--yn-kirmizi); }
.yn-arac-ok{ font-size:10px; opacity:.6; transition:transform .2s; }
.yn-arac-li:hover .yn-arac-ok{ transform:rotate(180deg); }
.yn-arac-menu{
    position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(8px);
    padding-top:10px; width:300px; opacity:0; visibility:hidden; transition:.22s; z-index:1040;
}
.yn-arac-li:hover .yn-arac-menu{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.yn-arac-menu-ic{
    background:#fff; border:1px solid #eceff2; border-radius:16px; padding:10px;
    box-shadow:0 18px 44px rgba(22,24,29,.14);
}
.yn-arac-menu-baslik{
    font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.6px;
    color:#8a8f94; padding:6px 10px 8px;
}
.yn-arac-item{
    display:flex; align-items:flex-start; gap:12px; padding:10px 10px;
    border-radius:11px; transition:.15s; text-decoration:none !important;
}
.yn-arac-item:hover{ background:#f7f8fa; }
.yn-arac-ikon{
    width:36px; height:36px; border-radius:10px; flex-shrink:0;
    background:rgba(245,37,63,.09); color:var(--yn-kirmizi);
    display:flex; align-items:center; justify-content:center; font-size:15px;
}
.yn-arac-item b{ display:block; font-size:13.5px; font-weight:700; color:#181b20; line-height:1.3; }
.yn-arac-item small{ display:block; font-size:11.5px; color:#8a8f94; line-height:1.45; margin-top:2px; }
.yn-arac-item:hover b{ color:var(--yn-kirmizi); }
@media(max-width:860px){ .yn-arac-li{ display:none; } }
[data-theme="dark"] .yn-arac-ust{ color:#c6ccd6; }
[data-theme="dark"] .yn-arac-ust:hover{ background:#1d212a; color:#fff; }
[data-theme="dark"] .yn-arac-menu-ic{ background:#171a21; border-color:#262b35; box-shadow:0 18px 44px rgba(0,0,0,.5); }
[data-theme="dark"] .yn-arac-item:hover{ background:#1d212a; }
[data-theme="dark"] .yn-arac-item b{ color:#e7eaef; }
[data-theme="dark"] .yn-arac-item:hover b{ color:var(--yn-kirmizi2); }

/* ============================================================
   ARAÇLAR — ORTAK SAYFA STİLLERİ (.ar-)
   ============================================================ */
.ar-wrap{ max-width:1320px; margin:0 auto; padding:0 24px; }
.ar-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
@media(max-width:800px){ .ar-grid{ grid-template-columns:1fr; } }
.ar-sec-kart{
    background:#fff; border:1px solid #eceff2; border-radius:18px; padding:30px 28px;
    display:flex; gap:20px; align-items:flex-start; transition:.25s; text-decoration:none !important;
    box-shadow:0 4px 14px rgba(22,24,29,.04);
}
.ar-sec-kart:hover{ transform:translateY(-4px); box-shadow:0 16px 38px rgba(22,24,29,.1); border-color:rgba(245,37,63,.25); }
.ar-sec-ikon{
    width:54px; height:54px; border-radius:15px; flex-shrink:0;
    background:rgba(245,37,63,.09); color:var(--yn-kirmizi);
    display:flex; align-items:center; justify-content:center; font-size:22px; transition:.25s;
}
.ar-sec-kart:hover .ar-sec-ikon{ background:var(--yn-kirmizi); color:#fff; }
.ar-sec-kart h4{ font-size:17.5px; font-weight:800; margin-bottom:7px; }
.ar-sec-kart p{ font-size:13.5px; color:#5f6670; line-height:1.65; margin:0; }
.ar-sec-git{ font-size:13px; font-weight:800; color:var(--yn-kirmizi); margin-top:10px; display:inline-block; }
[data-theme="dark"] .ar-sec-kart{ background:#171a21; border-color:#262b35; }
[data-theme="dark"] .ar-sec-kart p{ color:#99a1ad; }

.ar-kart{
    background:#fff; border:1px solid #eceff2; border-radius:16px; padding:26px;
    box-shadow:0 6px 20px rgba(22,24,29,.05); margin-bottom:20px;
}
.ar-kart-baslik{ display:flex; align-items:center; gap:10px; font-size:16px; font-weight:800; color:#181b20; margin-bottom:18px; }
.ar-kart-baslik i{ color:var(--yn-kirmizi); }
[data-theme="dark"] .ar-kart{ background:#171a21; border-color:#262b35; }
[data-theme="dark"] .ar-kart-baslik{ color:#e7eaef; }

.ar-label{ display:block; font-size:12.5px; font-weight:700; color:#454c56; margin-bottom:6px; }
.ar-label small{ font-weight:600; color:#9aa1a9; }
.ar-input,.ar-select,.ar-textarea{
    width:100%; border:1.5px solid #e6e9ed; background:#fafbfc; border-radius:11px;
    padding:10px 14px; font-size:13.5px; color:#232830; outline:none; transition:.2s;
}
.ar-input:focus,.ar-select:focus,.ar-textarea:focus{ border-color:var(--yn-kirmizi); box-shadow:0 0 0 3px rgba(245,37,63,.1); background:#fff; }
.ar-select{ cursor:pointer; }
.ar-satir{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-bottom:16px; }
.ar-satir-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:16px; }
@media(max-width:640px){ .ar-satir,.ar-satir-3{ grid-template-columns:1fr; } }
/* Prefix / Suffix / Renk satırı: renk kutusu dar sabit kolon */
.ar-satir-renk{ display:grid; grid-template-columns:1fr 1fr 96px; gap:16px; margin-bottom:16px; }
@media(max-width:640px){ .ar-satir-renk{ grid-template-columns:1fr; } }
/* Etiket 2 satıra taşsa bile girdiler alt hizada dursun */
.ar-satir > div,.ar-satir-3 > div,.ar-satir-renk > div{ display:flex; flex-direction:column; }
.ar-satir > div .ar-input,.ar-satir > div .ar-select,
.ar-satir-3 > div .ar-input,.ar-satir-3 > div .ar-select,
.ar-satir-renk > div .ar-input{ margin-top:auto; }
.ar-alan{ margin-bottom:16px; }
[data-theme="dark"] .ar-label{ color:#99a1ad; }
[data-theme="dark"] .ar-input,[data-theme="dark"] .ar-select,[data-theme="dark"] .ar-textarea{
    background:#0f1115; border-color:#262b35; color:#e7eaef;
}
[data-theme="dark"] .ar-input:focus,[data-theme="dark"] .ar-select:focus{ background:#171a21; }

/* Aç/kapa anahtar */
.ar-switch{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; border:1.5px solid #e6e9ed; border-radius:11px; background:#fafbfc; margin-bottom:10px; }
.ar-switch span{ font-size:13px; font-weight:700; color:#454c56; }
.ar-switch small{ display:block; font-size:11.5px; font-weight:600; color:#9aa1a9; margin-top:1px; }
.ar-sw{ position:relative; width:42px; height:24px; flex-shrink:0; cursor:pointer; }
.ar-sw input{ opacity:0; width:0; height:0; }
.ar-sw .iz{ position:absolute; inset:0; background:#d8dce1; border-radius:24px; transition:.25s; }
.ar-sw .iz::before{ content:""; position:absolute; width:18px; height:18px; border-radius:50%; background:#fff; top:3px; left:3px; transition:.25s; box-shadow:0 1px 4px rgba(0,0,0,.2); }
.ar-sw input:checked + .iz{ background:var(--yn-kirmizi); }
.ar-sw input:checked + .iz::before{ transform:translateX(18px); }
[data-theme="dark"] .ar-switch{ background:#0f1115; border-color:#262b35; }
[data-theme="dark"] .ar-switch span{ color:#c6ccd6; }
[data-theme="dark"] .ar-sw .iz{ background:#333a47; }

/* Çıktı / önizleme kutusu */
.ar-onizle{ background:#0d1117; border:1px solid #21262d; border-radius:14px; overflow:hidden; position:sticky; top:96px; }
.ar-onizle-ust{ display:flex; align-items:center; gap:10px; padding:12px 16px; border-bottom:1px solid #21262d; }
.ar-onizle-ust b{ color:#e6edf3; font-size:13px; font-weight:700; flex:1; }
.ar-onizle-ust b i{ color:var(--yn-kirmizi2); margin-right:6px; }
.ar-mini-btn{
    background:#1c2129; border:1px solid #2d333c; color:#c9d1d9; font-size:12px; font-weight:700;
    padding:6px 13px; border-radius:8px; cursor:pointer; transition:.2s; text-decoration:none !important;
}
.ar-mini-btn:hover{ background:#262c36; color:#fff; }
.ar-mini-btn.kirmizi{ background:var(--yn-kirmizi); border-color:var(--yn-kirmizi); color:#fff; }
.ar-mini-btn.kirmizi:hover{ background:#d81b34; }
/* Temizle butonu: açık zeminli kartlarda kullanılır, yıkıcı olduğu için kırmızı çerçeveli */
.ar-temizle-btn{ background:#fff; border-color:#f0c2c8; color:var(--yn-kirmizi); }
.ar-temizle-btn:hover{ background:var(--yn-kirmizi); border-color:var(--yn-kirmizi); color:#fff; }
[data-theme="dark"] .ar-temizle-btn{ background:#1d212a; border-color:rgba(245,37,63,.4); color:var(--yn-kirmizi2); }
[data-theme="dark"] .ar-temizle-btn:hover{ background:var(--yn-kirmizi); border-color:var(--yn-kirmizi); color:#fff; }
.ar-onizle pre{
    margin:0; padding:16px 18px; min-height:140px; max-height:560px; overflow:auto;
    font-family:Consolas,Menlo,monospace; font-size:12.5px; line-height:1.65; color:#c9d1d9;
    white-space:pre; background:transparent;
}
.ar-duzen{ display:grid; grid-template-columns:1fr 560px; gap:22px; align-items:start; }
@media(max-width:1150px){ .ar-duzen{ grid-template-columns:1fr; } .ar-onizle{ position:static; } }

/* Bilgi kutusu */
.ar-bilgi{
    display:flex; gap:12px; align-items:flex-start; font-size:13px; line-height:1.65;
    background:rgba(23,162,184,.07); border:1px solid rgba(23,162,184,.25); color:#3a7d8c;
    border-radius:12px; padding:13px 16px; margin-bottom:18px;
}
.ar-bilgi i{ margin-top:2px; }
.ar-bilgi a{ color:var(--yn-kirmizi); font-weight:700; }
[data-theme="dark"] .ar-bilgi{ color:#7cd6e6; }

/* Etiket / chip listesi (permission, üye, workshop id) */
.ar-chipler{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.ar-chip{
    display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700;
    background:#f4f5f7; border:1px solid #e6e9ed; color:#454c56;
    padding:6px 8px 6px 12px; border-radius:9px;
}
.ar-chip .sil{ cursor:pointer; color:#9aa1a9; font-size:14px; line-height:1; padding:2px 4px; border-radius:5px; transition:.15s; }
.ar-chip .sil:hover{ color:#fff; background:var(--yn-kirmizi); }
.ar-chip small{ font-weight:600; color:#9aa1a9; }
[data-theme="dark"] .ar-chip{ background:#1d212a; border-color:#262b35; color:#c6ccd6; }
.ar-ekle-satir{ display:flex; gap:8px; flex-wrap:wrap; }
.ar-ekle-satir .ar-input{ min-width:140px; }
.ar-ekle-btn{ min-height:42px; }
.ar-ekle-satir .ar-input{ flex:1; }
.ar-ekle-btn{
    background:var(--yn-kirmizi); color:#fff; border:0; border-radius:11px; font-size:13px;
    font-weight:800; padding:0 18px; cursor:pointer; transition:.2s; white-space:nowrap;
}
.ar-ekle-btn:hover{ background:#d81b34; }
.ar-bos-metin{ font-size:12.5px; color:#9aa1a9; font-style:italic; margin-top:8px; }

/* ============================================================
   PERMISSIONS EDİTÖRÜ (.pe-)
   ============================================================ */
/* Permissions sayfası: önizleme daha dar, forma geniş alan */
.pe-alan{ grid-template-columns:1fr 520px; }
@media(max-width:1150px){ .pe-alan{ grid-template-columns:1fr; } }
.pe-duzen{ display:grid; grid-template-columns:230px 1fr; gap:22px; align-items:start; }
@media(max-width:900px){ .pe-duzen{ grid-template-columns:1fr; } }
.pe-grup{
    display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px;
    cursor:pointer; transition:.15s; border:1.5px solid transparent; margin-bottom:6px;
}
.pe-grup:hover{ background:#f7f8fa; }
.pe-grup.aktif{ background:rgba(245,37,63,.07); border-color:rgba(245,37,63,.3); }
.pe-grup-renk{ width:14px; height:14px; border-radius:5px; flex-shrink:0; border:1px solid rgba(0,0,0,.12); }
.pe-grup b{ font-size:13.5px; color:#232830; flex:1; }
.pe-grup small{ font-size:11px; font-weight:700; color:#9aa1a9; background:#f0f2f4; padding:2px 8px; border-radius:8px; }
.pe-grup .pe-grup-sil{ color:#c2c8cf; font-size:15px; padding:2px 5px; border-radius:6px; transition:.15s; }
.pe-grup .pe-grup-sil:hover{ color:#fff; background:var(--yn-kirmizi); }
[data-theme="dark"] .pe-grup:hover{ background:#1d212a; }
[data-theme="dark"] .pe-grup b{ color:#e7eaef; }
[data-theme="dark"] .pe-grup small{ background:#1d212a; }

/* ============================================================
   RCON KONSOL (.rc-)
   ============================================================ */
.rc-duzen{ display:grid; grid-template-columns:1fr 320px; gap:22px; align-items:start; }
@media(max-width:960px){ .rc-duzen{ grid-template-columns:1fr; } }
.rc-konsol{ background:#0d1117; border:1px solid #21262d; border-radius:16px; overflow:hidden; box-shadow:0 14px 40px rgba(0,0,0,.18); }
.rc-ust{
    display:flex; align-items:center; gap:10px; padding:13px 18px;
    background:#161b22; border-bottom:1px solid #21262d;
}
.rc-nokta{ width:9px; height:9px; border-radius:50%; background:#2ea043; box-shadow:0 0 8px rgba(46,160,67,.8); animation:ynNabiz 2s infinite; }
.rc-ust b{ color:#e6edf3; font-size:13px; flex:1; font-weight:700; }
.rc-ust b small{ color:#8b949e; font-weight:600; margin-left:8px; }
.rc-cikti{
    height:480px; overflow-y:auto; padding:16px 18px;
    font-family:Consolas,Menlo,monospace; font-size:12.8px; line-height:1.7;
}
.rc-cikti::-webkit-scrollbar{ width:9px; }
.rc-cikti::-webkit-scrollbar-thumb{ background:#2d333c; border-radius:8px; }
.rc-cikti::-webkit-scrollbar-track{ background:transparent; }
.rc-satir{ color:#c9d1d9; word-break:break-word; }
.rc-satir .zaman{ color:#586069; margin-right:8px; font-size:11.5px; }
.rc-satir.komut{ color:#ff7b72; font-weight:700; }
.rc-satir.sistem{ color:#79c0ff; }
.rc-satir.hata{ color:#f85149; }
.rc-satir.basari{ color:#7ee787; }
.rc-girdi{ display:flex; align-items:center; border-top:1px solid #21262d; background:#161b22; padding:6px 8px 6px 16px; }
.rc-girdi .isaret{ color:var(--yn-kirmizi2); font-family:Consolas,monospace; font-weight:800; margin-right:10px; }
.rc-girdi input{
    flex:1; background:transparent; border:0; outline:none; color:#e6edf3;
    font-family:Consolas,Menlo,monospace; font-size:13px; padding:10px 0;
}
.rc-girdi input::placeholder{ color:#586069; }
.rc-gonder{
    background:var(--yn-kirmizi); border:0; color:#fff; font-size:13px; font-weight:800;
    border-radius:9px; padding:9px 18px; cursor:pointer; transition:.2s; margin-left:8px;
}
.rc-gonder:hover{ background:#d81b34; }

.rc-yan-baslik{ display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.rc-yan-baslik b{ font-size:14px; font-weight:800; color:#181b20; flex:1; }
.rc-yan-baslik b span{ color:var(--yn-kirmizi); }
[data-theme="dark"] .rc-yan-baslik b{ color:#e7eaef; }
.rc-oyuncu{
    display:flex; align-items:center; gap:12px; background:#fff; border:1px solid #eceff2;
    border-radius:13px; padding:11px 14px; margin-bottom:8px; cursor:pointer; transition:.18s;
}
.rc-oyuncu:hover{ border-color:rgba(245,37,63,.35); transform:translateX(3px); box-shadow:0 6px 16px rgba(22,24,29,.07); }
.rc-oyuncu-avatar{
    width:38px; height:38px; border-radius:11px; flex-shrink:0;
    background:linear-gradient(135deg,#f5253f,#ff2d6f); color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:800;
}
.rc-oyuncu b{ font-size:13.5px; color:#232830; display:block; line-height:1.3; word-break:break-all; }
.rc-oyuncu small{ font-size:11px; color:#9aa1a9; font-weight:600; }
.rc-oyuncu .ok{ margin-left:auto; color:#c2c8cf; font-size:12px; }
[data-theme="dark"] .rc-oyuncu{ background:#171a21; border-color:#262b35; }
[data-theme="dark"] .rc-oyuncu b{ color:#e7eaef; }
.rc-oyuncu-bos{
    text-align:center; font-size:12.5px; color:#9aa1a9; background:#fff;
    border:1px dashed #d5d9dd; border-radius:13px; padding:22px 14px;
}
[data-theme="dark"] .rc-oyuncu-bos{ background:#171a21; border-color:#333a47; }

/* ============================================================
   TEMA GEÇİŞ ANİMASYONU
   Tema değişince kartlar/zeminler yumuşakça dönüşür.
   (transform ve box-shadow da listede ki hover efektleri bozulmasın)
   ============================================================ */
body, .site-wrap, .yn-nav, .yn-footer, .yn-hero, .yn-anasayfa-bg,
.urun-card, .urun-card-body, .urun-card-footer, .myurun-card, .form-card,
.server-card, .rehber-card, .ticket-item, .ticket-msg, .uv-ver,
.mg-filtre, .mg-ust, .dk-icerik, .dk-kat-kart, .ar-kart, .ar-sec-kart,
.zk-bolum, .rc-oyuncu, .rc-oyuncu-panel, .yn-ozellik, .yn-sss-kat,
.myp-card, .myp-lisans, .myp-cptext, .myp-cp-btn, .myp-foot, .myp-btn-ghost,
.lis-card2, .lis-key, .lis-copy-btn, .lis-card2-actions, .lis-limit,
.rs-card, .rs-item, .rs-reload, .rs-online,
.uv-lisans-kutu, .uv-lk-text, .uv-lk-copy,
.ar-input, .ar-select, .ar-textarea, .ar-switch, .ar-chip{
    transition:background-color .35s ease, background .35s ease, border-color .35s ease,
               color .35s ease, box-shadow .35s ease, transform .3s ease;
}

/* ============================================================
   ÜRÜNLERİM SAYFASI — KOYU TEMA
   ============================================================ */
[data-theme="dark"] .myp-card{ background:#171a21 !important; border-color:#262b35 !important; box-shadow:0 10px 30px rgba(0,0,0,.3) !important; }
[data-theme="dark"] .myp-card:hover{ box-shadow:0 18px 40px rgba(0,0,0,.45) !important; border-color:#333a47 !important; }
[data-theme="dark"] .myp-title{ color:#e7eaef !important; }
[data-theme="dark"] .myp-desc{ color:#99a1ad !important; }
[data-theme="dark"] .myp-lisans{ background:#0f1115 !important; border-color:#262b35 !important; }
[data-theme="dark"] .myp-cp-lbl,[data-theme="dark"] .myp-ver label{ color:#7d8590 !important; }
[data-theme="dark"] .myp-cptext{ background:#0b0d10 !important; border-color:#262b35 !important; color:#ff6b7d !important; }
[data-theme="dark"] .myp-cp-btn{ background:#1d212a !important; border-color:#262b35 !important; color:#c6ccd6 !important; }
[data-theme="dark"] .myp-cp-btn:hover{ background:var(--yn-kirmizi) !important; border-color:var(--yn-kirmizi) !important; color:#fff !important; }
[data-theme="dark"] .myp-foot{ border-color:#262b35 !important; }
[data-theme="dark"] .myp-date{ color:#7d8590 !important; }
[data-theme="dark"] .myp-btn-ghost{ border-color:#333a47 !important; color:#c6ccd6 !important; }
[data-theme="dark"] .myp-btn-ghost:hover{ border-color:var(--yn-kirmizi) !important; color:var(--yn-kirmizi2) !important; }
[data-theme="dark"] .myp-type{ background:rgba(23,26,33,.92) !important; color:#ff6b7d !important; }
[data-theme="dark"] .myp-ver select{ background:#0f1115 !important; border-color:#262b35 !important; color:#e7eaef !important; }

/* ============================================================
   ERİŞİM KAPILARI (mail doğrulama / discord eşleme uyarıları)
   ============================================================ */
.ut-kapi{
    max-width:620px; margin:0 auto; text-align:center;
    background:#fff; border:1px solid #eceff2; border-radius:18px;
    padding:38px 30px; box-shadow:0 10px 34px rgba(22,24,29,.06);
}
.ut-kapi-ikon{
    width:64px; height:64px; margin:0 auto 20px; border-radius:18px;
    display:flex; align-items:center; justify-content:center; font-size:26px;
    background:rgba(245,37,63,.09); color:var(--yn-kirmizi);
}
.ut-kapi-mail .ut-kapi-ikon{ background:rgba(255,193,7,.14); color:#d39e00; }
.ut-kapi h4{ font-size:21px; font-weight:800; margin-bottom:12px; }
.ut-kapi p{ font-size:14.5px; color:#5f6670; line-height:1.75; margin-bottom:24px; }
.ut-kapi .yn-btn{ padding:13px 30px; }
[data-theme="dark"] .ut-kapi{ background:#171a21; border-color:#262b35; box-shadow:0 14px 40px rgba(0,0,0,.35); }
[data-theme="dark"] .ut-kapi p{ color:#99a1ad; }

/* Kart içi mini uyarı (ürün kartlarında lisans yerine gösterilir) */
.ut-kapi-mini{
    background:#f7f8fa; border:1px dashed #d5d9dd; border-radius:10px;
    padding:11px 13px; font-size:12.5px; color:#8a8f94;
    display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
}
.ut-kapi-mini i{ margin-right:5px; }
.ut-kapi-mini a{ color:var(--yn-kirmizi) !important; font-weight:800; white-space:nowrap; text-decoration:none !important; }
[data-theme="dark"] .ut-kapi-mini{ background:#0f1115; border-color:#333a47; color:#7d8590; }

/* ============================================================
   KADEMELİ TEMA GEÇİŞİ (kartlar sırayla kararır/aydınlanır)
   Mağazada gecikme kartın kendi .yn-anim dN sınıfından gelir.
   Ana sayfa / ürünlerim / lisanslarım'da kart sütunun içinde olduğu
   için gecikmeyi burada :nth-child ile veriyoruz.
   6'lı döngü: uzun listelerde bekleme süresi büyümesin.
   ============================================================ */
/* .myp-card ve .lis-card2'nin transition'ı sayfaların KENDİ <style> bloğunda tanımlı.
   O blok body içinde, yani theme.css'ten sonra geldiği için normal kural ezilir ve
   tema geçişi ani olur. Kısa yazım (shorthand) yerine uzun yazım + !important ile
   eziyoruz; transition-delay'e dokunmuyoruz ki aşağıdaki kademeli gecikmeler çalışsın. */
.myp-card, .lis-card2{
    transition-property:background-color, background, border-color, color, box-shadow, transform !important;
    transition-duration:.35s !important;
    transition-timing-function:ease !important;
}

[class*="col-"]:nth-child(6n+1) > .urun-card,
[class*="col-"]:nth-child(6n+1) > .myp-card,
[class*="col-"]:nth-child(6n+1) > .lis-card2{ transition-delay:.03s !important; }
[class*="col-"]:nth-child(6n+2) > .urun-card,
[class*="col-"]:nth-child(6n+2) > .myp-card,
[class*="col-"]:nth-child(6n+2) > .lis-card2{ transition-delay:.09s !important; }
[class*="col-"]:nth-child(6n+3) > .urun-card,
[class*="col-"]:nth-child(6n+3) > .myp-card,
[class*="col-"]:nth-child(6n+3) > .lis-card2{ transition-delay:.15s !important; }
[class*="col-"]:nth-child(6n+4) > .urun-card,
[class*="col-"]:nth-child(6n+4) > .myp-card,
[class*="col-"]:nth-child(6n+4) > .lis-card2{ transition-delay:.21s !important; }
[class*="col-"]:nth-child(6n+5) > .urun-card,
[class*="col-"]:nth-child(6n+5) > .myp-card,
[class*="col-"]:nth-child(6n+5) > .lis-card2{ transition-delay:.27s !important; }
[class*="col-"]:nth-child(6n+6) > .urun-card,
[class*="col-"]:nth-child(6n+6) > .myp-card,
[class*="col-"]:nth-child(6n+6) > .lis-card2{ transition-delay:.33s !important; }
/* Fareyle üstüne gelince gecikme olmasın (hover anında tepki versin) */
.urun-card:hover,.myp-card:hover,.lis-card2:hover{ transition-delay:0s !important; }

/* ============================================================
   ÜRÜN DETAY — LİSANS KUTUSU — KOYU TEMA
   Stiller urun_view.php içindeki <style> bloğunda (theme.css'ten sonra
   yükleniyor) tanımlı olduğu için !important şart.
   ============================================================ */
[data-theme="dark"] .uv-lisans-kutu{ background:#0f1115 !important; border-color:#262b35 !important; }
[data-theme="dark"] .uv-lk-lbl{ color:#7d8590 !important; }
[data-theme="dark"] .uv-lk-text{ background:#0b0d10 !important; border-color:#262b35 !important; color:#ff6b7d !important; }
[data-theme="dark"] .uv-lk-copy{ background:#1d212a !important; border-color:#262b35 !important; color:#c6ccd6 !important; }
[data-theme="dark"] .uv-lk-copy:hover{ background:var(--yn-kirmizi) !important; border-color:var(--yn-kirmizi) !important; color:#fff !important; }
[data-theme="dark"] .uv-lk-copy.copied{ background:#28a745 !important; border-color:#28a745 !important; color:#fff !important; }

/* ============================================================
   SUNUCULAR / REFERANS SAYFASI — KOYU TEMA
   ============================================================ */
[data-theme="dark"] .rs-card{ background:#171a21 !important; border-color:#262b35 !important; box-shadow:0 14px 40px rgba(0,0,0,.4) !important; }
[data-theme="dark"] .rs-name{ color:#e7eaef !important; }
[data-theme="dark"] .rs-item{ background:#0f1115 !important; border-color:#262b35 !important; }
[data-theme="dark"] .rs-lbl{ color:#7d8590 !important; }
[data-theme="dark"] .rs-val{ color:#e7eaef !important; }
[data-theme="dark"] .rs-ip{ color:#ff6b7d !important; }
[data-theme="dark"] .rs-reload{ background:#1d212a !important; border-color:#262b35 !important; color:#ff6b7d !important; }
[data-theme="dark"] .rs-reload:hover{ background:var(--yn-kirmizi) !important; border-color:var(--yn-kirmizi) !important; color:#fff !important; }
[data-theme="dark"] .rs-online{ background:rgba(40,167,69,.14) !important; color:#7ed99a !important; }
[data-theme="dark"] .rs-online.off{ background:#1d212a !important; color:#99a1ad !important; }
[data-theme="dark"] .rs-empty{ color:#99a1ad !important; }

/* ============================================================
   LİSANSLARIM SAYFASI — KOYU TEMA
   ============================================================ */
[data-theme="dark"] .lis-card2{ background:#171a21 !important; border-color:#262b35 !important; box-shadow:0 10px 30px rgba(0,0,0,.3) !important; }
[data-theme="dark"] .lis-card2:hover{ box-shadow:0 18px 40px rgba(0,0,0,.45) !important; }
[data-theme="dark"] .lis-card2-body,[data-theme="dark"] .lis-card2-body *{ color:inherit; }
[data-theme="dark"] .lis-field-lbl,[data-theme="dark"] .lis-mini-lbl{ color:#7d8590 !important; }
[data-theme="dark"] .lis-key{ background:#0b0d10 !important; border-color:#262b35 !important; color:#ff6b7d !important; }
[data-theme="dark"] .lis-copy-btn{ background:#1d212a !important; border-color:#262b35 !important; color:#c6ccd6 !important; }
[data-theme="dark"] .lis-copy-btn:hover{ background:var(--yn-kirmizi) !important; border-color:var(--yn-kirmizi) !important; color:#fff !important; }
[data-theme="dark"] .lis-limit{ background:#1d212a !important; color:#99a1ad !important; }
[data-theme="dark"] .lis-ip-chip{ background:rgba(40,167,69,.12) !important; border-color:rgba(40,167,69,.35) !important; color:#7ed99a !important; }
[data-theme="dark"] .lis-card2-actions{ border-color:#262b35 !important; }
[data-theme="dark"] .lis-toggle-lbl{ color:#c6ccd6 !important; }
[data-theme="dark"] .lis-st-green{ background:rgba(40,167,69,.15) !important; color:#7ed99a !important; }
[data-theme="dark"] .lis-st-red{ background:rgba(245,37,63,.15) !important; color:#ff8a80 !important; }
[data-theme="dark"] .lis-st-gray{ background:#1d212a !important; color:#99a1ad !important; }
[data-theme="dark"] .lis-banner-red{ background:rgba(245,37,63,.1) !important; border-color:rgba(245,37,63,.3) !important; color:#ff8a80 !important; }
[data-theme="dark"] .lis-off-note,[data-theme="dark"] .lis-pending{ background:rgba(255,193,7,.09) !important; border-color:rgba(255,193,7,.3) !important; color:#ffd54f !important; }
[data-theme="dark"] .lis-switch.off{ background:#333a47 !important; }

/* ============================================================
   ZORLUK EDİTÖRÜ (.zk-)
   ============================================================ */
.zk-bolum{
    background:#fff; border:1px solid #eceff2; border-radius:14px;
    margin-bottom:12px; overflow:hidden; box-shadow:0 2px 10px rgba(22,24,29,.04);
}
.zk-bolum-bas{
    display:flex; align-items:center; gap:12px; padding:14px 18px; cursor:pointer;
    font-size:14.5px; font-weight:800; color:#232830; transition:.2s; user-select:none;
}
.zk-bolum-bas:hover{ background:#fafbfc; }
.zk-bolum.acik .zk-bolum-bas{ background:var(--yn-kirmizi); color:#fff; }
.zk-bolum.acik .zk-bolum-bas .dk-kat-ikon{ background:rgba(255,255,255,.2); color:#fff; }
.zk-bolum-bas small{ font-size:11px; font-weight:600; opacity:.55; font-family:Consolas,monospace; }
.zk-bolum.acik .zk-bolum-bas .dk-kat-ok{ transform:rotate(90deg); }
.zk-bolum-ic{ display:none; padding:18px; }
.zk-bolum.acik .zk-bolum-ic{ display:block; }
.zk-alanlar{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
@media(max-width:700px){ .zk-alanlar{ grid-template-columns:1fr; } }
.zk-alan{ display:flex; flex-direction:column; }
.zk-alan .ar-label{ text-transform:capitalize; }
.zk-alan .ar-input,.zk-alan .ar-textarea{ margin-top:auto; }
.zk-alan.tam{ grid-column:1 / -1; }
.zk-grup{
    grid-column:1 / -1; border:1px dashed #dfe3e8; border-radius:12px;
    padding:14px; margin:4px 0;
}
.zk-grup-baslik{
    font-size:11.5px; font-weight:800; text-transform:uppercase; letter-spacing:.6px;
    color:var(--yn-kirmizi); margin-bottom:12px;
}
/* Config.txt editörü ek stilleri */
.cfg-yukle-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media(max-width:760px){ .cfg-yukle-grid{ grid-template-columns:1fr; } }
.cfg-yukle-kutu{
    border:1.5px dashed #dfe3e8; border-radius:14px; padding:22px 16px; text-align:center;
    cursor:pointer; transition:.2s; background:#fafbfc;
}
.cfg-yukle-kutu:hover{ border-color:var(--yn-kirmizi); background:rgba(245,37,63,.04); transform:translateY(-2px); }
.cfg-yukle-ikon{
    width:44px; height:44px; margin:0 auto 12px; border-radius:12px;
    background:rgba(245,37,63,.09); color:var(--yn-kirmizi);
    display:flex; align-items:center; justify-content:center; font-size:18px;
}
.cfg-yukle-kutu b{ display:block; font-size:14px; font-weight:800; color:#181b20; margin-bottom:4px; }
.cfg-yukle-kutu small{ font-size:12px; color:#8a8f94; line-height:1.5; }
[data-theme="dark"] .cfg-yukle-kutu{ background:#0f1115; border-color:#333a47; }
[data-theme="dark"] .cfg-yukle-kutu b{ color:#e7eaef; }

.cfg-arac-cubuk{
    display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:16px;
    background:#fff; border:1px solid #eceff2; border-radius:14px; padding:14px 16px;
    position:sticky; top:76px; z-index:20; box-shadow:0 4px 14px rgba(22,24,29,.05);
}
[data-theme="dark"] .cfg-arac-cubuk{ background:#171a21; border-color:#262b35; }
.cfg-sayac{ font-size:12.5px; font-weight:700; color:var(--yn-kirmizi); white-space:nowrap; }
.cfg-bolum-aciklama{ font-size:13px; color:#8a8f94; margin-bottom:16px; line-height:1.6; }

.cfg-izgara{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
@media(max-width:820px){ .cfg-izgara{ grid-template-columns:1fr; } }
.cfg-ayar{
    border:1px solid #eceff2; border-radius:13px; padding:14px 16px; background:#fafbfc;
    transition:border-color .2s, background .2s;
}
.cfg-ayar.degistirildi{ border-color:rgba(245,37,63,.4); background:rgba(245,37,63,.03); }
[data-theme="dark"] .cfg-ayar{ background:#0f1115; border-color:#262b35; }
[data-theme="dark"] .cfg-ayar.degistirildi{ border-color:rgba(245,37,63,.45); background:rgba(245,37,63,.07); }
.cfg-ayar-ust{ display:flex; align-items:flex-start; gap:12px; margin-bottom:6px; }
.cfg-ayar-ad{ flex:1; min-width:0; }
.cfg-ayar-ad b{ display:block; font-size:13.5px; font-weight:800; color:#181b20; line-height:1.35; }
.cfg-ayar-ad code{
    display:inline-block; margin-top:3px; font-size:10.5px; color:#9aa1a9;
    background:transparent; border:0; padding:0; font-family:Consolas,monospace;
}
[data-theme="dark"] .cfg-ayar-ad b{ color:#e7eaef; }
.cfg-ayar-aciklama{ font-size:12.5px; color:#6c757d; line-height:1.6; margin-bottom:8px; }
[data-theme="dark"] .cfg-ayar-aciklama{ color:#99a1ad; }
.cfg-ayar-vars{
    font-size:11.5px; font-weight:700; color:#9aa1a9; margin-bottom:9px;
    background:#f0f2f4; border-radius:7px; padding:4px 9px; display:inline-block;
}
[data-theme="dark"] .cfg-ayar-vars{ background:#1d212a; color:#7d8590; }
.cfg-ayar-girdi .ar-input,.cfg-ayar-girdi .ar-select{ font-size:13px; padding:8px 12px; }
.cfg-ayar-girdi.kapali{ opacity:.4; }
.cfg-ayar-girdi.kapali .ar-input,.cfg-ayar-girdi.kapali .ar-select{ cursor:not-allowed; }

[data-theme="dark"] .zk-bolum{ background:#171a21; border-color:#262b35; }
[data-theme="dark"] .zk-bolum-bas{ color:#e7eaef; }
[data-theme="dark"] .zk-bolum-bas:hover{ background:#1d212a; }
[data-theme="dark"] .zk-bolum.acik .zk-bolum-bas{ background:var(--yn-kirmizi); color:#fff; }
[data-theme="dark"] .zk-grup{ border-color:#333a47; }

/* Oyuncu arama kutusu */
.rc-oyuncu-ara{ position:relative; margin-bottom:10px; }
.rc-oyuncu-ara i{ position:absolute; left:13px; top:50%; transform:translateY(-50%); color:#9aa1a9; font-size:13px; }
.rc-oyuncu-ara input{
    width:100%; border:1.5px solid #e6e9ed; background:#fafbfc; border-radius:11px;
    padding:9px 14px 9px 36px; font-size:13px; color:#232830; outline:none; transition:.2s;
}
.rc-oyuncu-ara input:focus{ border-color:var(--yn-kirmizi); box-shadow:0 0 0 3px rgba(245,37,63,.1); background:#fff; }
[data-theme="dark"] .rc-oyuncu-ara input{ background:#0f1115; border-color:#262b35; color:#e7eaef; }

/* Oyuncu sayfalama */
.rc-sayfalama{ display:flex; align-items:center; justify-content:center; gap:12px; margin-top:12px; }
.rc-sayfalama span{ font-size:12.5px; font-weight:700; color:#8a8f94; min-width:52px; text-align:center; }
.rc-sayfa-btn{
    width:34px; height:34px; border-radius:10px; border:1.5px solid #e6e9ed; background:#fff;
    color:#454c56; font-size:13px; cursor:pointer; transition:.18s;
    display:inline-flex; align-items:center; justify-content:center;
}
.rc-sayfa-btn:hover:not(:disabled){ border-color:var(--yn-kirmizi); color:var(--yn-kirmizi); }
.rc-sayfa-btn:disabled{ opacity:.35; cursor:not-allowed; }
[data-theme="dark"] .rc-sayfa-btn{ background:#171a21; border-color:#262b35; color:#c6ccd6; }

/* Oyuncu kartı + altında açılan işlem paneli */
.rc-oyuncu-kutu{ margin-bottom:8px; }
.rc-oyuncu-kutu .rc-oyuncu{ margin-bottom:0; }
.rc-oyuncu-kutu.acik .rc-oyuncu{
    border-color:rgba(245,37,63,.4); border-bottom-left-radius:0; border-bottom-right-radius:0;
}
.rc-oyuncu-kutu.acik .rc-oyuncu .ok{ transform:rotate(90deg); }
.rc-oyuncu .ok{ transition:transform .2s; }
.rc-oyuncu-panel{
    display:none; background:#fff; border:1px solid rgba(245,37,63,.4); border-top:0;
    border-radius:0 0 13px 13px; padding:12px;
}
.rc-oyuncu-kutu.acik .rc-oyuncu-panel{ display:block; animation:dkGir .25s ease; }
[data-theme="dark"] .rc-oyuncu-panel{ background:#171a21; }
.rc-oyuncu-panel .rc-hizli{ grid-template-columns:repeat(2,1fr); gap:8px; margin-bottom:0; }
.rc-oyuncu-panel .rc-hizli-btn{ flex-direction:row; gap:8px; padding:9px 8px; font-size:12.5px; border-radius:10px; }
.rc-oyuncu-panel .rc-hizli-btn i{ font-size:14px; }
.rc-oyuncu-panel .rc-alt-form{ margin-top:12px; padding-top:12px; }
.rc-oyuncu-panel .ar-input,.rc-oyuncu-panel .ar-select{ font-size:12.5px; padding:8px 12px; }

/* Oyuncu işlem modalı hızlı butonları */
.rc-hizli{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:6px; }
.rc-hizli-btn{
    display:flex; flex-direction:column; align-items:center; gap:6px;
    border:1.5px solid #e6e9ed; background:#fafbfc; border-radius:13px; padding:14px 10px;
    cursor:pointer; transition:.18s; font-weight:800; font-size:13px; color:#454c56;
}
.rc-hizli-btn i{ font-size:18px; }
.rc-hizli-btn:hover{ transform:translateY(-2px); }
.rc-hizli-btn.yesil:hover{ border-color:#28a745; color:#28a745; background:rgba(40,167,69,.06); }
.rc-hizli-btn.sari:hover{ border-color:#f0a500; color:#c78900; background:rgba(240,165,0,.06); }
.rc-hizli-btn.kirmizi:hover{ border-color:var(--yn-kirmizi); color:var(--yn-kirmizi); background:rgba(245,37,63,.06); }
.rc-hizli-btn.mavi:hover{ border-color:#17a2b8; color:#17a2b8; background:rgba(23,162,184,.06); }
.rc-hizli-btn.mor:hover{ border-color:#8b5cf6; color:#8b5cf6; background:rgba(139,92,246,.07); }
/* Tek kalan buton (Exp) satırı doldursun */
.rc-oyuncu-panel .rc-hizli-btn[data-islem="exp"]{ grid-column:1 / -1; }
[data-theme="dark"] .rc-hizli-btn{ background:#0f1115; border-color:#262b35; color:#c6ccd6; }
.rc-alt-form{ border-top:1px solid #eceff2; margin-top:16px; padding-top:16px; display:none; }
[data-theme="dark"] .rc-alt-form{ border-color:#262b35; }
.rc-durum-cubuk{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }

/* Araç çubuğundan açılan hızlı komut formları (duyuru / kapatma) */
.rc-cubuk-form{
    display:none; background:#fff; border:1px solid #eceff2; border-radius:13px;
    padding:14px 16px; margin-bottom:14px; box-shadow:0 4px 14px rgba(22,24,29,.05);
}
.rc-cubuk-form label{
    display:block; font-size:12.5px; font-weight:700; color:#454c56; margin-bottom:8px;
}
.rc-cubuk-form label small{ font-weight:600; color:#9aa1a9; }
.rc-cubuk-satir{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.rc-cubuk-satir .ar-input{ flex:1; min-width:200px; }
.rc-cubuk-satir .yn-btn{ padding:10px 20px; font-size:13px; white-space:nowrap; }
.rc-uyari{ display:block; margin-top:9px; font-size:12px; color:#c78900; }
[data-theme="dark"] .rc-cubuk-form{ background:#171a21; border-color:#262b35; }
[data-theme="dark"] .rc-cubuk-form label{ color:#c6ccd6; }
[data-theme="dark"] .rc-uyari{ color:#ffd54f; }