/* NCMSP v2.9 — tema katmanı: tasarım yenilemesi, mobil düzeltmeler ve temalar (site.css + panel.css üzerine) */
:root{--font:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;--vurgu:#c4b5fd;--vurgu2:#a5b4fc;--baslik:#fff;--yumusak:rgba(255,255,255,.04);--yumusak2:rgba(255,255,255,.08);--cam:rgba(7,8,18,.78);--ok-y:#6ee7b7;--bek-y:#fcd34d;--kot-y:#fda4af;--r:18px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--font);font-feature-settings:"ss01","cv11";text-rendering:optimizeLegibility}
h1,h2,h3,h4{letter-spacing:-.02em}
::selection{background:color-mix(in srgb,var(--vio) 35%,transparent)}
:focus-visible{outline:2px solid var(--vio);outline-offset:2px;border-radius:6px}
img{height:auto}
html{scrollbar-color:color-mix(in srgb,var(--mut2) 55%,transparent) transparent}

/* ---------- yüzeylerin temaya bağlanması ---------- */
.ust{background:color-mix(in srgb,var(--bg) 82%,transparent)}
.ust-m{background:color-mix(in srgb,var(--bg) 90%,transparent)}
.ust-bar{background:color-mix(in srgb,var(--bg) 80%,transparent)}
.yan2{background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--bg2) 98%,transparent))}
.kod-dev{background:var(--bg2)}
.ukart .gor{background:linear-gradient(135deg,var(--card2),var(--card))}

/* ---------- tasarım yenilemesi ---------- */
.kart{border-radius:var(--r);box-shadow:0 1px 0 var(--yumusak) inset,0 18px 40px -32px rgba(0,0,0,.6)}
.btn{border-radius:12px;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s,filter .2s}
.btn-ana{position:relative;overflow:hidden}
.btn-ana:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s}
.btn-ana:hover:after{transform:translateX(120%)}
.ukart,.hst,.hk,.plan-k,.bk{transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,border-color .25s}
.ukart:hover{transform:translateY(-5px);box-shadow:0 30px 60px -34px color-mix(in srgb,var(--vio) 55%,transparent);border-color:color-mix(in srgb,var(--vio) 45%,transparent)}
.ukart .gor img{transition:transform .5s}
.ukart:hover .gor img{transform:scale(1.04)}
.gir{transition:border-color .15s,box-shadow .15s}
.gir:focus{outline:0;border-color:var(--vio);box-shadow:0 0 0 4px color-mix(in srgb,var(--vio) 18%,transparent)}
.ust{border-bottom-color:var(--line);box-shadow:0 10px 30px -24px rgba(0,0,0,.6)}
.ust nav a{position:relative}
.ust nav a.on:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:var(--grad2)}
table.liste th{font-size:11.5px;letter-spacing:.06em}

/* ---------- MOBİL / TAŞMA DÜZELTMELERİ ---------- */
.urun-izgara{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr))}
.hz-kart{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}
.hst-izgara{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.secim-k{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}
.kpi{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}
.form-k>div{min-width:min(180px,100%)}
.dm-band-ic>*{min-width:0}
.dm-band-ic>form{flex:1 1 320px!important;max-width:100%!important}
.dm-ara{width:100%}
.dm-ara .gir{min-width:0;flex:1 1 190px}
.dm-ara .btn{flex:0 0 auto}
pre,.kod-kutu,.mono,code{overflow-wrap:anywhere;word-break:break-word}
pre{white-space:pre-wrap;max-width:100%}
.satir-oge,.m-kimlik{min-width:0}
.satir-oge>div,.m-kimlik>div{min-width:0}
.m-kimlik h1,.m-kimlik p{overflow-wrap:anywhere}
.hz-sol{min-width:0;flex:1 1 260px}
.hz-sag{flex-wrap:wrap}
.secim-k label span{min-width:0}
.dlg{max-width:min(440px,calc(100vw - 24px))}
.dlg.genis{max-width:min(720px,calc(100vw - 24px))}
@media (max-width:760px){
  table.liste{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  table.liste td,table.liste th{white-space:nowrap}
  .sayfa-bas{flex-wrap:wrap}
  .sayfa-bas .sag{flex-wrap:wrap}
  .m-ozet{flex-wrap:wrap;gap:14px}
  .m-aksiyon>*{flex:1 1 auto}
  .m-aksiyon .btn{justify-content:center}
  .filtre .gir{min-width:0;flex:1 1 100%}
  .sekmeler{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .sekmeler::-webkit-scrollbar{display:none}
  .sekmeler a,.sekmeler form{flex:0 0 auto;white-space:nowrap}
  .izgara{grid-template-columns:1fr}
  .dlg{padding:20px}
  .hx-cta .btn{flex:1 1 100%;justify-content:center}
  .dm-ara .btn{flex:1 1 100%;justify-content:center}
  .kap,.kap-dar{padding-left:16px;padding-right:16px}
}
@media (max-width:420px){
  .btn-xl{padding:13px 18px;font-size:15px}
  .kpi{grid-template-columns:1fr 1fr}
  .ust .kap{gap:10px}
  .ust .sag .btn-k{padding:8px 10px}
}

/* ---------- yeni bileşenler ---------- */
.ust-serit{position:relative;z-index:120;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:9px 46px;background:var(--grad2);color:#fff;font-size:14px;font-weight:600;text-align:center}
.ust-serit .em{color:#fff;background:none;-webkit-text-fill-color:#fff;text-decoration:underline;text-underline-offset:3px}
.ust-serit a{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);padding:3px 12px;border-radius:999px;color:#fff;font-weight:800;white-space:nowrap}
.ust-serit button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:.8}
.wa-btn{position:fixed;right:18px;bottom:18px;z-index:180;display:flex;align-items:center;gap:9px;padding:12px 16px 12px 13px;border-radius:999px;background:#25d366;color:#fff;font-weight:800;font-size:14px;box-shadow:0 16px 40px -12px rgba(37,211,102,.6);transition:transform .2s}
.wa-btn:hover{transform:translateY(-3px) scale(1.02)}
.wa-btn span{white-space:nowrap}
@media(max-width:560px){.wa-btn span{display:none}.wa-btn{padding:13px}}
.cerez{position:fixed;left:16px;right:16px;bottom:16px;z-index:190;max-width:720px;margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line2);box-shadow:var(--shadow);font-size:13.5px;color:var(--mut)}
.cerez p{flex:1 1 260px;margin:0}.cerez a{color:var(--vurgu);font-weight:700}
body:has(.cerez:not([hidden])) .wa-btn{bottom:96px}
.bakim{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 500px at 20% 0%,color-mix(in srgb,var(--vio) 25%,transparent),transparent 60%),var(--bg)}
.bakim-k{max-width:520px;text-align:center;background:var(--card);border:1px solid var(--line2);border-radius:26px;padding:42px 30px;box-shadow:var(--shadow)}
.bakim-i{font-size:46px;margin-bottom:10px}.bakim-k h1{font-size:26px;margin-bottom:10px}.bakim-k p{color:var(--mut);margin-bottom:16px;line-height:1.6}.bakim-a{font-weight:700;color:var(--ink)!important}
.hx-gorsel{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 50px 120px -50px rgba(0,0,0,.7),0 0 0 1px color-mix(in srgb,var(--vio) 20%,transparent)}
.hx-gorsel img{width:100%;display:block;object-fit:cover;max-height:560px}
.hx.arka-gorsel{background-size:cover;background-position:center}
.hx.arka-gorsel:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 70%,transparent),var(--bg))}
.yorum-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin-top:26px}
.yorum{position:relative;padding:24px;border-radius:20px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.yorum:before{content:"“";position:absolute;top:6px;right:18px;font-size:70px;line-height:1;color:color-mix(in srgb,var(--vio) 35%,transparent);font-family:Georgia,serif}
.yorum p{color:var(--mut);line-height:1.65;font-size:15px}
.yorum .yz{display:flex;gap:12px;align-items:center;margin-top:auto}
.yorum .av{width:40px;height:40px;border-radius:12px;background:var(--grad2);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.yorum .yz b{display:block;font-size:14.5px}.yorum .yz small{color:var(--mut2);font-size:12.5px}
.yorum .yildiz{color:#fbbf24;letter-spacing:2px;font-size:14px}
.ozel-oz{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:16px;margin-top:28px}
.ozel-oz .o2{padding:24px;border-radius:20px;background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line)}
.ozel-oz .o2 .i2{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--vio) 14%,transparent);border:1px solid color-mix(in srgb,var(--vio) 30%,transparent);color:var(--vurgu);margin-bottom:14px}
.ozel-oz .o2 .i2 svg{width:24px;height:24px}
.ozel-oz .o2 h3{font-size:18px;margin-bottom:6px}.ozel-oz .o2 p{color:var(--mut);font-size:14.5px;line-height:1.6}
.cta-xl.arka-gorsel{background-size:cover;background-position:center}
/* içerik sayfaları & bilgi bankası */
.sayfa-ic{max-width:860px;margin:0 auto}
.yazi{font-size:16.5px;line-height:1.8;color:var(--mut)}
.yazi h2,.yazi h3{color:var(--ink);margin:28px 0 10px;letter-spacing:-.01em}.yazi h2{font-size:24px}.yazi h3{font-size:19px}
.yazi p{margin:0 0 14px}.yazi ul,.yazi ol{margin:0 0 14px 22px}.yazi li{margin:4px 0}
.yazi a{color:var(--vurgu);text-decoration:underline;text-underline-offset:3px}
.yazi img{border-radius:14px;margin:14px 0}
.yazi blockquote{border-left:3px solid var(--vio);padding:6px 16px;margin:14px 0;background:var(--yumusak);border-radius:0 12px 12px 0}
.yazi code{background:var(--yumusak2);padding:2px 6px;border-radius:6px;font-size:.92em}
.yazi table{width:100%;border-collapse:collapse;margin:14px 0;display:block;overflow-x:auto}.yazi td,.yazi th{border:1px solid var(--line2);padding:8px 10px}
.kb-ara{display:flex;gap:10px;max-width:640px;margin:22px auto 0}
.kb-ara .gir{flex:1;min-width:0;font-size:16px;padding:14px 18px}
.kb-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;margin-top:30px}
.kb-kat{padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.kb-kat h3{display:flex;gap:10px;align-items:center;font-size:17px;margin-bottom:12px}
.kb-kat h3 svg{color:var(--vurgu)}
.kb-kat a{display:flex;gap:8px;align-items:flex-start;padding:7px 0;color:var(--mut);font-size:14.5px;border-top:1px dashed var(--line)}
.kb-kat a:first-of-type{border-top:0}.kb-kat a:hover{color:var(--ink)}
.kb-kat a svg{flex:none;margin-top:4px;opacity:.6}
.kb-yan{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}
@media(max-width:900px){.kb-yan{grid-template-columns:1fr}}
.kb-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--mut2);font-size:13px;margin:8px 0 22px}
.kb-oy{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:26px;padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--yumusak);font-size:14px;color:var(--mut)}
.giris-yan{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.giris-yan .gy-gorsel{background-size:cover;background-position:center;position:relative}
.giris-yan .gy-gorsel:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,color-mix(in srgb,var(--vio) 35%,transparent),color-mix(in srgb,var(--bg) 70%,transparent))}
@media(max-width:860px){.giris-yan{grid-template-columns:1fr}.giris-yan .gy-gorsel{display:none}}
.hk-gorsel{width:100%;max-height:360px;object-fit:cover;border-radius:22px;margin-bottom:26px;border:1px solid var(--line2)}
/* görünüm yönetimi */
.tema-sec{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:12px}
.tema-sec label{display:block;cursor:pointer;margin:0;border:2px solid var(--line2);border-radius:16px;overflow:hidden;transition:.15s;color:var(--ink);font-weight:700}
.tema-sec label:has(input:checked){border-color:var(--vio);box-shadow:0 0 0 4px color-mix(in srgb,var(--vio) 18%,transparent)}
.tema-sec input{position:absolute;opacity:0;pointer-events:none}
.tema-sec .on-iz{height:84px;display:grid;grid-template-columns:30% 1fr;gap:6px;padding:8px}
.tema-sec .on-iz i{border-radius:8px;display:block}
.tema-sec .on-iz span{display:flex;flex-direction:column;gap:6px}
.tema-sec .on-iz b{height:12px;border-radius:5px;display:block}
.tema-sec .ad2{padding:10px 12px;font-size:14px}.tema-sec .ad2 small{display:block;font-weight:500;color:var(--mut2);font-size:12px}
.renk-paket{display:flex;gap:8px;flex-wrap:wrap}
.renk-paket button{width:42px;height:42px;border-radius:12px;border:2px solid var(--line2);cursor:pointer}
.renk-paket button:hover{transform:scale(1.08)}
.gorsel-k{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;background:var(--yumusak)}
.gorsel-k .gk-on{width:96px;height:72px;border-radius:10px;background:var(--card2) center/cover no-repeat;border:1px solid var(--line2);display:grid;place-items:center;color:var(--mut2)}
.gorsel-k .gk-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}
.gorsel-k input[type=file]{max-width:100%;font-size:13px;color:var(--mut)}
@media(max-width:520px){.gorsel-k{grid-template-columns:1fr}}

/* köşe stili */
html[data-kose=keskin] .kart,html[data-kose=keskin] .ukart,html[data-kose=keskin] .hk,html[data-kose=keskin] .hst,html[data-kose=keskin] .bk,html[data-kose=keskin] .plan-k,html[data-kose=keskin] .dlg,html[data-kose=keskin] .m-bas{border-radius:8px}
html[data-kose=keskin] .btn,html[data-kose=keskin] .gir{border-radius:7px}
html[data-kose=yuvarlak] .kart,html[data-kose=yuvarlak] .ukart,html[data-kose=yuvarlak] .hk,html[data-kose=yuvarlak] .hst,html[data-kose=yuvarlak] .m-bas{border-radius:28px}
html[data-kose=yuvarlak] .btn{border-radius:999px}

/* =========================================================
 * KOYU TEMALAR
 * ========================================================= */
html[data-tema=okyanus]{--bg:#04111d;--bg2:#071a2b;--card:#0b2235;--card2:#0f2b42;--line:rgba(148,197,255,.10);--line2:rgba(148,197,255,.18);--ink:#e6f4ff;--mut:#8fb3cf;--mut2:#5f86a6;--vurgu:#67e8f9;--vurgu2:#7dd3fc}
html[data-tema=okyanus] body{background:radial-gradient(1200px 700px at 100% -10%,rgba(34,211,238,.10),transparent 60%),var(--bg)}
html[data-tema=amoled]{--bg:#000;--bg2:#070709;--card:#0c0c10;--card2:#141419;--line:rgba(255,255,255,.07);--line2:rgba(255,255,255,.13);--ink:#f5f5f7;--mut:#a1a1aa;--mut2:#71717a}
html[data-tema=amoled] .pv2-govde{background:#000}

/* =========================================================
 * AÇIK TEMALAR (Gündüz / Kurumsal / Krem)
 * ========================================================= */
html[data-mod=acik]{--bg:#f5f7fb;--bg2:#ffffff;--card:#ffffff;--card2:#f3f5fa;--line:rgba(15,23,42,.08);--line2:rgba(15,23,42,.14);--ink:#0f172a;--mut:#475569;--mut2:#64748b;--shadow:0 24px 60px -34px rgba(15,23,42,.28);--glow:color-mix(in srgb,var(--vio) 40%,transparent);--vurgu:color-mix(in srgb,var(--ind) 82%,#000);--vurgu2:var(--ind);--baslik:var(--ink);--yumusak:rgba(15,23,42,.035);--yumusak2:rgba(15,23,42,.06);--ok-y:#047857;--bek-y:#b45309;--kot-y:#be123c;color-scheme:light}
html[data-tema=kurumsal]{--bg:#eef2f7;--card2:#f1f4f9;--line:rgba(30,41,59,.10);--line2:rgba(30,41,59,.16);--ink:#0b1324;--mut:#41506a}
html[data-tema=krem]{--bg:#f7f3ec;--bg2:#fffdf9;--card:#fffdf9;--card2:#f5efe4;--line:rgba(68,48,24,.10);--line2:rgba(68,48,24,.17);--ink:#2a1f12;--mut:#6b5a45;--mut2:#8b7a64}
html[data-mod=acik] body{background:var(--bg);color:var(--ink)}
html[data-mod=acik] .pv2-govde{background:radial-gradient(1200px 600px at 100% -10%,color-mix(in srgb,var(--vio) 9%,transparent),transparent 60%),var(--bg)}
html[data-mod=acik] .kart,html[data-mod=acik] .ukart,html[data-mod=acik] .hk,html[data-mod=acik] .bk,html[data-mod=acik] .hst,html[data-mod=acik] .plan-k,html[data-mod=acik] .kb-kat,html[data-mod=acik] .yorum{box-shadow:0 1px 2px rgba(15,23,42,.04),0 18px 40px -30px rgba(15,23,42,.22)}
/* başlık / beyaz yazılar */
html[data-mod=acik] :is(.ust nav a:hover,.ust nav a.on,.mnu-ac,.ust-m button,.ust-m-ara,.yan a:hover,.yan a.on,.yan2 a:hover,.yan2 a.on,.yan2 summary:hover,.mg[open]>summary,.ub-yol a:hover,.sekmeler a:hover,.icerik-yazi h2,.icerik-yazi h3,footer.alt .fm,.ts.on,.ft-kol h4,.ncm-reklam .nr-b){color:var(--ink)}
html[data-mod=acik] .icerik-yazi{color:var(--mut)}
/* vurgu (açık mor) yazılar */
html[data-mod=acik] :is(.kicker,.marka small,.ukart .kod,.auth .alt-link a,table.liste a,footer.alt a,.bk-kod,.kp svg,.kr-bas .vurgu,.ts svg,.dm-ad svg,.ft-iletisim svg,.ft-kol a:hover,.ft-alt a,.yan2 .marka small,.yan2 a.on svg,.tur-rz.lisans,.ft-imza a,.ph-hizli .hd svg,.rozet,.bk-i,.pi-i,.zi){color:var(--vurgu)}
html[data-mod=acik] [style*="color:#c4b5fd"],html[data-mod=acik] [style*="color:#a5b4fc"]{color:var(--vurgu)!important}
html[data-mod=acik] [style*="color:#fcd34d"]{color:#b45309!important}
html[data-mod=acik] [style*="color:#cbd5e1"],html[data-mod=acik] [style*="color:#dfe2ff"],html[data-mod=acik] [style*="color:#eef0fb"]{color:var(--ink)!important}
html[data-mod=acik] [style*="background:#0b0c17"],html[data-mod=acik] [style*="background:#0d0f1e"]{background:var(--card2)!important}
/* yarı saydam beyaz yüzeyler */
html[data-mod=acik] :is(.btn-hayalet,.yan-ara,.ub-ara,.ub-ikon,.ub-kul,.sekmeler a,.dlg-sekme,.adim div,.ara-grp a,.pr-pas,.ph-hizli .hd){background:var(--yumusak)}
html[data-mod=acik] .btn-hayalet:hover{background:var(--yumusak2)}
html[data-mod=acik] .sekmeler a.on,html[data-mod=acik] .dlg-sekme button.on{background:var(--grad2);color:#fff}
html[data-mod=acik] .mg-ic{border-left-color:var(--line2)}
html[data-mod=acik] table.liste tr:hover td{background:var(--yumusak)}
html[data-mod=acik] .dlg::backdrop{background:rgba(15,23,42,.42)}
html[data-mod=acik] .perde{background:rgba(15,23,42,.35)}
html[data-mod=acik] .yan2 a.on{background:linear-gradient(90deg,color-mix(in srgb,var(--vio) 16%,transparent),color-mix(in srgb,var(--ind) 5%,transparent))}
html[data-mod=acik] .ph-hizli .hd:hover svg,html[data-mod=acik] .bk:hover .bk-i,html[data-mod=acik] .z:hover .zi,html[data-mod=acik] .pi-mor .pi-i{color:#fff}
html[data-mod=acik] .ph-hizli .hd:hover{color:#fff}
/* durum rozetleri ve uyarılar */
html[data-mod=acik] .d-ok{color:var(--ok-y);background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3)}
html[data-mod=acik] .d-bek{color:var(--bek-y);background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.32)}
html[data-mod=acik] .d-kot{color:var(--kot-y);background:rgba(244,63,94,.08);border-color:rgba(244,63,94,.28)}
html[data-mod=acik] .uyari.hata{color:var(--kot-y)}html[data-mod=acik] .uyari.ok{color:var(--ok-y)}html[data-mod=acik] .uyari.bilgi{color:color-mix(in srgb,var(--ind) 75%,#000)}
html[data-mod=acik] .kalan.az{color:#b45309}html[data-mod=acik] .kalan.gecti{color:#be123c}
html[data-mod=acik] .tur-rz.hosting{color:#0e7490;border-color:rgba(8,145,178,.35)}
html[data-mod=acik] .tur-rz.domain{color:#a16207;border-color:rgba(202,138,4,.35)}
html[data-mod=acik] .btn-sil{color:#be123c}
html[data-mod=acik] .btn-uyari{color:#b45309}
html[data-mod=acik] .ncm-reklam{color:var(--ink)}
html[data-mod=acik] .ncm-reklam .nr-b{background:var(--yumusak);border-color:var(--line2)}
html[data-mod=acik] .bldr{background:#fff}
/* vitrin (hero) */
html[data-mod=acik] .mock-cam{box-shadow:0 50px 120px -50px rgba(15,23,42,.35),0 0 0 1px color-mix(in srgb,var(--vio) 15%,transparent)}
html[data-mod=acik] .hx-bg span{opacity:.45}
html[data-mod=acik] .marka-serit span{color:var(--mut)}
html[data-mod=acik] .pano-hero{color:var(--ink)}
html[data-mod=acik] .cta-xl h2,html[data-mod=acik] .cta-xl p{color:var(--ink)}
html[data-mod=acik] .wa-btn{color:#fff}
html[data-mod=acik] select.gir{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E")}
html[data-mod=acik] input[type=checkbox],html[data-mod=acik] input[type=radio]{accent-color:var(--vio)}
/* yeni hizmet türü rozetleri */
.tur-rz.sunucu{color:#86efac;border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}
.tur-rz.ssl{color:#6ee7b7;border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.08)}
.tur-rz.eposta{color:#93c5fd;border-color:rgba(59,130,246,.35);background:rgba(59,130,246,.08)}
.tur-rz.hizmet{color:#f9a8d4;border-color:rgba(236,72,153,.35);background:rgba(236,72,153,.08)}
html[data-mod=acik] .tur-rz.sunucu{color:#15803d}html[data-mod=acik] .tur-rz.ssl{color:#047857}html[data-mod=acik] .tur-rz.eposta{color:#1d4ed8}html[data-mod=acik] .tur-rz.hizmet{color:#be185d}
/* mobil: açılır menüler ekran içinde kalsın (backdrop-filter fixed konumu bozar) */
@media(max-width:640px){.ust-bar{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}.acilir-m,.acilir-m.genis{position:fixed;left:10px;right:10px;width:auto;min-width:0;max-width:none;max-height:70vh;overflow:auto}}
html[data-mod=acik] .bl-koyu{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--vio) 7%,transparent),transparent)}
html[data-mod=acik] .kr .vurgu{background:color-mix(in srgb,var(--vio) 6%,transparent)}
/* domain sipariş: süre ve uzantı fiyatları */
.yil-sec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.yil-sec label{margin:0;cursor:pointer}.yil-sec input{position:absolute;opacity:0;pointer-events:none}
.yil-sec span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border:2px solid var(--line);border-radius:12px;text-align:center;transition:.15s}
.yil-sec small{color:var(--mut);font-size:12px;min-height:16px}
.yil-sec input:checked+span{border-color:var(--vio);background:var(--yumusak)}
.tld-tablo{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tld-tablo span{font-size:12.5px;color:var(--mut);padding:4px 10px;border:1px solid var(--line);border-radius:999px}.tld-tablo b{color:var(--ink);margin-right:5px}
@media(max-width:420px){.yil-sec{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* domain sonuçları */
.dm-ana{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:24px 26px;border-radius:20px;border:1px solid var(--line2);background:linear-gradient(135deg,color-mix(in srgb,var(--vio) 10%,var(--card)),var(--card));box-shadow:var(--shadow)}
.dm-ana.ok{border-color:color-mix(in srgb,var(--ok) 55%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--ok) 12%,var(--card)),var(--card))}
.dm-ana.dolu{border-color:color-mix(in srgb,var(--bad) 45%,transparent)}
.dm-ana-sol{display:flex;flex-direction:column;gap:6px;min-width:0}
.dm-ana-dr{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--mut)}
.dm-ana.ok .dm-ana-dr{color:var(--ok)}.dm-ana.dolu .dm-ana-dr{color:var(--bad)}
.dm-ana-ad{font-size:clamp(22px,4vw,30px);letter-spacing:-.02em;overflow-wrap:anywhere;color:var(--ink)}
.dm-ana-fy{font-size:20px;font-weight:800;color:var(--ink)}.dm-ana-fy small{font-size:13px;color:var(--mut2);font-weight:500}
@media(max-width:700px){
  .dm-ana{padding:20px}.dm-ana-sag,.dm-ana-sag .btn{width:100%;justify-content:center}
  .dm-sat{grid-template-columns:1fr auto;gap:10px 12px;padding:14px 16px}
  .dm-sat .dm-ad{grid-column:1/-1;min-width:0;overflow-wrap:anywhere}
  .dm-sat .dm-fy{text-align:right}
  .dm-sat .dm-al{grid-column:1/-1;text-align:left}.dm-sat .dm-al .btn{width:100%;justify-content:center}
  .dm-sat .dm-al:empty{display:none}
}
/* site altı — mobilde kompakt, bağlantılar yan yana */
@media(max-width:820px){
  footer.alt2{padding-top:34px}
  .ft-ust{grid-template-columns:1fr 1fr;gap:22px 18px}
  .ft-marka{grid-column:1/-1}
  .ft-marka p{max-width:none;margin:10px 0}
  .ft-iletisim{flex-direction:row;flex-wrap:wrap;gap:8px 16px}
}
@media(max-width:640px){
  .ft-ust{grid-template-columns:1fr;gap:0;padding-bottom:18px}
  .ft-marka{padding-bottom:18px;margin-bottom:4px;border-bottom:1px solid var(--line)}
  .ft-kol{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}
  .ft-kol:last-child{border-bottom:0}
  .ft-kol h4{flex:0 0 100%;margin:0 0 2px;font-size:12px}
  .ft-kol a,.ft-kol .ft-rz{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;border:1px solid var(--line);border-radius:999px;background:var(--card);line-height:1.2;white-space:nowrap}
  .ft-kol a:hover{transform:none;border-color:var(--vio)}
  .ft-alt{flex-direction:column;align-items:center;text-align:center;gap:6px}
}
html[data-mod=acik] .alt2{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--vio) 5%,transparent))}
@media(max-width:700px){.dm-sat.dolu .dm-fy{display:none}.dm-sat.dolu .dm-al{grid-column:auto;text-align:right}.dm-sat.dolu .dm-al .btn{width:auto}}
.cerez[hidden]{display:none!important}
@media(max-width:640px){.cerez{left:10px;right:10px;bottom:10px;gap:10px;padding:10px 12px;font-size:12.5px;flex-wrap:nowrap;line-height:1.45}.cerez p{margin:0}.cerez .btn{flex:none}}
@media(max-width:640px){body:has(.wa-btn) .alt2{padding-bottom:86px}}