/* Epsilos Market - vitrin stilleri. epsilos temasinin tasarim dili (Sora/Manrope, violet->cyan
   gradyan, --ink/--line notrleri). Kaynak: docs/marketplace.md vitrin denemesi. */

*{box-sizing:border-box}

:root{
  color-scheme:light;
  --violet:oklch(0.55 0.21 286);
  --violet-600:oklch(0.49 0.22 287);
  --violet-700:oklch(0.42 0.20 288);
  --blue:oklch(0.62 0.17 256);
  --gold:oklch(0.74 0.15 75);
  --pos:oklch(0.55 0.12 160);
  --ink:oklch(0.24 0.035 285);
  --ink-soft:oklch(0.47 0.03 285);
  --ink-faint:oklch(0.62 0.022 285);
  --line:oklch(0.91 0.012 285);
  --line-soft:oklch(0.945 0.008 285);
  --bg:oklch(0.985 0.006 285);
  --surface:oklch(1 0 0);
  --surface-2:oklch(0.972 0.006 285);
  --inverse-bg:oklch(0.17 0.032 286);
  --grad:linear-gradient(120deg,oklch(0.55 0.21 286) 0%,oklch(0.58 0.18 262) 52%,oklch(0.68 0.13 220) 100%);
  --shadow-sm:0 1px 2px oklch(0.3 0.05 285 / .06),0 4px 14px oklch(0.3 0.05 285 / .06);
  --shadow-md:0 12px 40px oklch(0.35 0.08 285 / .14);
  --shadow-lg:0 30px 80px oklch(0.3 0.1 286 / .26);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --violet:oklch(0.72 0.16 286);--violet-600:oklch(0.77 0.14 287);--violet-700:oklch(0.82 0.11 288);
    --blue:oklch(0.7 0.14 250);--gold:oklch(0.8 0.14 78);--pos:oklch(0.74 0.14 162);
    --ink:oklch(0.95 0.008 285);--ink-soft:oklch(0.74 0.02 285);--ink-faint:oklch(0.6 0.02 285);
    --line:oklch(0.33 0.018 285);--line-soft:oklch(0.27 0.014 285);--bg:oklch(0.155 0.017 285);
    --surface:oklch(0.2 0.021 285);--surface-2:oklch(0.24 0.023 285);--inverse-bg:oklch(0.12 0.02 286);
    --shadow-sm:0 1px 2px oklch(0 0 0 / .3),0 4px 14px oklch(0 0 0 / .3);
    --shadow-md:0 14px 44px oklch(0 0 0 / .5);--shadow-lg:0 30px 80px oklch(0 0 0 / .62);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --violet:oklch(0.72 0.16 286);--violet-600:oklch(0.77 0.14 287);--violet-700:oklch(0.82 0.11 288);
  --blue:oklch(0.7 0.14 250);--gold:oklch(0.8 0.14 78);--pos:oklch(0.74 0.14 162);
  --ink:oklch(0.95 0.008 285);--ink-soft:oklch(0.74 0.02 285);--ink-faint:oklch(0.6 0.02 285);
  --line:oklch(0.33 0.018 285);--line-soft:oklch(0.27 0.014 285);--bg:oklch(0.155 0.017 285);
  --surface:oklch(0.2 0.021 285);--surface-2:oklch(0.24 0.023 285);--inverse-bg:oklch(0.12 0.02 286);
  --shadow-sm:0 1px 2px oklch(0 0 0 / .3),0 4px 14px oklch(0 0 0 / .3);
  --shadow-md:0 14px 44px oklch(0 0 0 / .5);--shadow-lg:0 30px 80px oklch(0 0 0 / .62);
}

/* overflow-x:clip (hidden DEĞİL) — hidden ataları scroll-container yapıp position:sticky'yi kırardı */
html{overflow-x:clip;}
body{margin:0;font-family:"Manrope",system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.55;
  min-height:100vh;display:flex;flex-direction:column;overflow-x:clip;}
body > main{flex:1 0 auto;}
body > .dev-flag,body > .hdr,body > .foot{flex:0 0 auto;}
/* Kısa sayfalar (hesabım, boş sepet, 404) ekranı doldursun */
.page-fill{min-height:calc(100vh - 64px - 320px);}
h1,h2,h3,h4{font-family:"Sora","Manrope",system-ui,sans-serif;letter-spacing:-.02em;text-wrap:balance;margin:0;}
a{color:var(--violet-700);text-decoration:none;}
img{max-width:100%}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.eyebrow{font-family:"Sora";font-weight:600;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--violet-700);margin:0 0 .8rem;}
.grad-t{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:6px;}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.btn{font-family:"Sora",system-ui,sans-serif;font-weight:600;font-size:.92rem;border-radius:12px;padding:.72rem 1.25rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;border:1px solid transparent;white-space:nowrap;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;}
.btn-grad{background:var(--grad);color:#fff;box-shadow:0 10px 24px oklch(0.55 0.21 286 / .32);}
.btn-grad:hover{transform:translateY(-2px);box-shadow:0 16px 36px oklch(0.55 0.21 286 / .42);color:#fff;}
.btn-line{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm);}
.btn-line:hover{transform:translateY(-2px);border-color:var(--violet);color:var(--violet-700);}
.btn-sm{padding:.5rem .9rem;font-size:.84rem;border-radius:10px;}

.hdr{position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--bg) 82%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
/* padding-block: yalnizca dikey - yatay 24px'i .wrap'ten korur ki header/body/footer hizali kalsin */
.hdr-in{display:flex;align-items:center;gap:1.5rem;padding-block:.8rem;}
.brand{display:inline-flex;align-items:center;color:var(--ink);flex:none;line-height:0;}
.brand-logo{height:42px;width:auto;display:block;}
.brand span{font-family:"Sora";font-weight:800;font-size:1.3rem;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:.12em;}
.nav{display:flex;gap:.35rem;flex:1;}
.nav a{font-family:"Sora";font-weight:600;font-size:.92rem;color:var(--ink-soft);padding:.45rem .8rem;border-radius:9px;transition:color .15s,background .15s;}
.nav a:hover{color:var(--violet-700);background:color-mix(in oklch,var(--violet) 8%,transparent);}
.hdr-act{display:flex;align-items:center;gap:.7rem;flex:none;}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;font:600 12px/1 "Sora";}
.lang a{color:var(--ink-soft);padding:7px 10px;}
.lang a.on{background:var(--grad);color:#fff;}
.tbtn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:1rem;cursor:pointer;display:grid;place-items:center;transition:border-color .15s,color .15s;}
.tbtn:hover{border-color:var(--violet);color:var(--violet-700);}
.tbtn svg{width:19px;height:19px;}

/* -- Mobil menu: hamburger + yandan drawer -- */
.nav-toggle{display:none;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);
  background:var(--surface);color:var(--ink);cursor:pointer;place-items:center;flex:none;}
.nav-toggle svg{width:22px;height:22px;}
.nav-scrim{position:fixed;inset:0;z-index:190;background:oklch(0 0 0 / .45);opacity:0;transition:opacity .2s;pointer-events:none;}
body.nav-open .nav-scrim{opacity:1;pointer-events:auto;}
.nav-drawer{position:fixed;top:0;right:0;z-index:200;height:100dvh;width:min(320px,86vw);
  background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-lg);
  transform:translateX(100%);transition:transform .24s ease;display:flex;flex-direction:column;
  padding:1rem 1.1rem 1.6rem;overflow-y:auto;}
body.nav-open .nav-drawer{transform:translateX(0);}
.nd-head{display:flex;align-items:center;justify-content:space-between;font:700 .95rem "Sora";color:var(--ink);margin-bottom:.6rem;}
.nd-links{display:flex;flex-direction:column;}
.nd-links a{font:600 1rem/1 "Sora";color:var(--ink);padding:.85rem .3rem;border-radius:8px;}
.nd-links a:hover{background:color-mix(in oklch,var(--violet) 8%,transparent);color:var(--violet-700);}
.nd-strong{font-weight:800 !important;}
.nd-sep{height:1px;background:var(--line);margin:.6rem 0;}
.nd-auth{display:flex;gap:.6rem;padding:.4rem 0;}
.nd-auth .btn{flex:1;justify-content:center;}
.nd-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .3rem;font:600 .92rem "Sora";color:var(--ink-soft);}

@media (max-width:900px){
  .d-desktop{display:none !important;}
  .nav{display:none;}
  .nav-toggle{display:grid;}
  .hdr-in{gap:.9rem;}
  .hdr-act{margin-left:auto;}
  .brand-logo{height:34px;}
}

/* -- "Sepete ekle" toast (orta-alt, belirgin) -- */
.sw-toast-wrap{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:300;
  display:flex;flex-direction:column-reverse;gap:.6rem;align-items:center;pointer-events:none;}
.sw-toast{pointer-events:auto;display:flex;align-items:center;gap:1rem;background:var(--ink);color:var(--bg);
  font:600 .92rem/1.3 "Sora";padding:.85rem 1.3rem;border-radius:13px;box-shadow:var(--shadow-lg);
  opacity:0;transform:translateY(14px);transition:opacity .25s ease,transform .25s ease;max-width:min(92vw,420px);}
.sw-toast.in{opacity:1;transform:translateY(0);}
.sw-toast a{color:var(--bg);font-weight:800;white-space:nowrap;text-decoration:underline;text-underline-offset:2px;}
.sw-toast a:hover{opacity:.85;}

.dev-flag{background:var(--gold);color:oklch(0.2 0.04 75);font:600 .72rem/1 "Sora";text-align:center;padding:6px 12px;}

.hero{position:relative;overflow:hidden;padding:4rem 0 3.2rem;background:
  radial-gradient(58% 70% at 6% 0%,oklch(0.6 0.2 286 / .14),transparent 60%),
  radial-gradient(52% 62% at 98% 8%,oklch(0.62 0.17 236 / .13),transparent 60%),var(--bg);}
.hero::after{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:linear-gradient(oklch(0.55 0.21 286 / .07) 1px,transparent 1px),linear-gradient(90deg,oklch(0.55 0.21 286 / .07) 1px,transparent 1px);
  background-size:52px 52px;-webkit-mask-image:radial-gradient(74% 74% at 40% 12%,#000,transparent 78%);mask-image:radial-gradient(74% 74% at 40% 12%,#000,transparent 78%);}
.hero .wrap{position:relative;z-index:1;}
.hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800;line-height:1.06;max-width:16ch;}
.hero .lead{color:var(--ink-soft);font-size:1.1rem;max-width:52ch;margin:1rem 0 1.8rem;}

/* -- Hero 2 kolon: sol metin, sag estetik gorsel kolaji + istatistik badge'leri -- */
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44%);gap:3.4rem;align-items:center;}
.hero-copy{min-width:0;}
.hero-art{position:relative;display:grid;grid-template-columns:1.12fr 1fr;grid-template-rows:1fr 1fr;gap:14px;aspect-ratio:1/0.92;}
.ha-tile{margin:0;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-md);background:var(--surface-2);}
.ha-tile img{width:100%;height:100%;object-fit:cover;display:block;}
.ha-lg{grid-row:1/3;background:linear-gradient(150deg,oklch(0.62 0.2 286),oklch(0.55 0.17 258));}
.ha-sm:nth-of-type(2){background:linear-gradient(150deg,oklch(0.66 0.15 232),oklch(0.6 0.16 250));}
.ha-sm:nth-of-type(3){background:linear-gradient(150deg,oklch(0.66 0.13 168),oklch(0.6 0.14 200));}
.ha-badge{position:absolute;z-index:2;display:flex;flex-direction:column;line-height:1.15;
  background:color-mix(in oklch,var(--surface) 88%,transparent);backdrop-filter:blur(10px);
  border:1px solid var(--line);border-radius:13px;padding:.5rem .75rem;box-shadow:var(--shadow-md);
  font:600 .74rem/1.2 "Manrope";color:var(--ink-soft);white-space:nowrap;}
.ha-badge b{font:800 1.1rem/1 "Sora";color:var(--ink);font-variant-numeric:tabular-nums;margin-bottom:.15rem;}
.ha-badge b i{color:var(--gold);font-style:normal;}
.hb-1{top:-14px;left:-18px;}
.hb-2{bottom:34%;left:-22px;}
.hb-3{top:22%;right:-20px;}
.hb-4{bottom:-14px;right:-16px;}
@media (max-width:980px){
  .hero-in{display:block;}
  .hero-art{max-width:440px;margin:1.6rem auto 0;}
}
@media (max-width:860px){
  .hero-art{aspect-ratio:auto;display:flex;flex-wrap:wrap;gap:.6rem;max-width:none;}
  .ha-tile{display:none;}
  .ha-badge{position:static;flex:1 1 40%;min-width:0;backdrop-filter:none;white-space:normal;}
  .ha-badge b{font-size:1rem;}
}
.search{display:flex;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:.5rem;box-shadow:var(--shadow-md);max-width:640px;}
.search select{border:none;background:transparent;font-family:"Sora";font-weight:600;font-size:.88rem;color:var(--ink-soft);padding:0 .6rem;border-right:1px solid var(--line);cursor:pointer;}
.search input{flex:1;min-width:0;border:none;background:transparent;font-family:"Manrope";font-size:.95rem;color:var(--ink);padding:.6rem .4rem;}
.search .btn{flex:none;}
.search input::placeholder{color:var(--ink-faint);}
.search input:focus{outline:none;}
.tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;font-size:.85rem;color:var(--ink-faint);}
.tags b{font-family:"Sora";font-weight:600;color:var(--ink-soft);}
.tags a{font-family:"Sora";font-weight:600;font-size:.82rem;color:var(--violet-700);background:color-mix(in oklch,var(--violet) 9%,transparent);padding:.28rem .7rem;border-radius:999px;}
/* -- Ana sayfa "Popüler" bölümü -- */
.sec{padding:3rem 24px 1rem;}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;}
.sec-head h2{font:800 1.5rem/1.1 "Sora";color:var(--ink);}
.sec-link{font:600 .88rem "Sora";color:var(--violet-700);white-space:nowrap;}
.sec-link:hover{color:var(--violet);}

.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:-1.6rem auto 0;position:relative;z-index:2;}
.cat{display:flex;flex-direction:column;gap:.55rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem .95rem;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s;}
.cat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:color-mix(in oklch,var(--violet) 35%,var(--line));}
.cat-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a),color-mix(in oklch,var(--a),var(--blue) 55%));color:#fff;}
.cat-ic svg{width:18px;height:18px;}
.cat b{font-family:"Sora";font-weight:700;font-size:.9rem;color:var(--ink);}
.cat span{font:500 .72rem/1 "JetBrains Mono";color:var(--ink-faint);}
@media (max-width:900px){.cats{grid-template-columns:repeat(3,1fr);margin-top:1.5rem}}
@media (max-width:520px){.cats{grid-template-columns:repeat(2,1fr)}}

.browse{padding:3.4rem 24px 4rem;}
.tabs{display:inline-flex;gap:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:5px;margin-bottom:1.6rem;}
.tab{border:none;background:transparent;border-radius:10px;padding:.58rem 1.05rem;font:600 .95rem "Sora";color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;gap:.5rem;}
.tab span{font:500 .7rem/1 "JetBrains Mono";background:var(--line);color:var(--ink-soft);padding:3px 6px;border-radius:6px;}
.tab.on{background:var(--surface);color:var(--violet-700);box-shadow:var(--shadow-sm);}
.tab.on span{background:color-mix(in oklch,var(--violet) 16%,transparent);color:var(--violet-700);}

.browse-grid{display:grid;grid-template-columns:238px 1fr;gap:34px;}
.filters{align-self:start;position:sticky;top:82px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:2px 18px 16px;box-shadow:var(--shadow-sm);}
.fgroup{padding:15px 0;border-bottom:1px solid var(--line-soft);}
.fgroup:last-child{border-bottom:none;}
.fgroup h4{margin:0 0 9px;font:700 .74rem/1 "Sora";letter-spacing:.06em;text-transform:uppercase;color:var(--ink);}
.fgroup label{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.86rem;color:var(--ink-soft);cursor:pointer;}
.fgroup label:hover{color:var(--ink);}
.fgroup label s{margin-left:auto;text-decoration:none;font:500 .72rem "JetBrains Mono";color:var(--ink-faint);}
.fgroup input{accent-color:var(--violet);width:15px;height:15px;flex:none;}

/* Kategori listesi - checkbox degil, /{kind}/{slug}'a giden GERCEK link (kendi SEO'lu sayfasi
   var, .pill'in aksine burasi tiklayinca oraya gider, client-state degil). */
.cat-link{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.86rem;color:var(--ink-soft);text-decoration:none;transition:color .15s;}
.cat-link:hover{color:var(--violet-700);}
.cat-link.on{color:var(--violet-700);font-weight:700;}
.cat-link s{margin-left:auto;text-decoration:none;font:500 .72rem "JetBrains Mono";color:var(--ink-faint);}

.results-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.results-top p{margin:0;color:var(--ink-soft);font-size:.9rem;}
.results-top b{color:var(--ink);font-variant-numeric:tabular-nums;}
.sort{display:flex;align-items:center;gap:8px;font:600 .8rem "Sora";color:var(--ink-soft);}
.sort select{font-family:"Manrope",sans-serif;border:1.5px solid var(--line);border-radius:10px;padding:.5rem .7rem;background:var(--surface);color:var(--ink);font-size:.86rem;}
.pillbar{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 20px;}
.pill{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:6px 13px;font:600 .8rem/1 "Sora";cursor:pointer;transition:border-color .15s,color .15s,background .15s;}
.pill:hover{border-color:var(--violet);color:var(--violet-700);}
.pill.on{background:var(--grad);color:#fff;border-color:transparent;}

.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:20px;}
.card{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;}
/* author stylesheet'teki display:flex, tarayicinin varsayilan [hidden]{display:none} kuralini
   HER ZAMAN ezer (origin: author > user-agent, specificity fark etmez) - filtre JS'i .card'i
   hidden=true yapinca DOM'da dogru isaretleniyordu ama gorsel olarak hala flex ile gorunuyordu.
   Bu kural aciktan geri kazandirir. */
.card[hidden]{display:none;}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:color-mix(in oklch,var(--violet) 30%,var(--line));}

/* Kapak görseli oranı 1/1 (kare) - kırpma aracının "Kare (kapak)" adımı (cropImage.js CROP_STEPS)
   ve ürün detay sayfasının kapak kutusuyla aynı standart. Önceden 4/3 (yatay) idi - kare olarak
   yüklenen/kırpılan görseller object-fit:cover ile alttan kırpılıyordu (ör. logo/wordmark
   görselin alt kısmındaysa görünmüyordu). */
.shot{position:relative;display:block;aspect-ratio:1/1;background:var(--surface-2);overflow:hidden;border-bottom:1px solid var(--line);}
.shot-img{position:absolute;inset:24px 0 0 0;width:100%;height:calc(100% - 24px);object-fit:cover;object-position:top center;display:block;}
.chrome{position:absolute;top:0;left:0;right:0;height:24px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;padding:0 9px;z-index:2;}
.chrome i{width:6px;height:6px;border-radius:50%;background:var(--line);flex:none;}
.chrome em{margin-left:7px;font:500 9.5px/1 "JetBrains Mono";color:var(--ink-faint);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.shot-body{position:absolute;top:24px;left:0;right:0;bottom:0;padding:13px;display:flex;flex-direction:column;gap:7px;}
.shot-hero{height:40%;border-radius:7px;background:linear-gradient(120deg,var(--a),color-mix(in oklch,var(--a),var(--blue) 60%));}
.shot-line{height:6px;border-radius:4px;background:var(--line);}
.shot-line.w1{width:72%}.shot-line.w2{width:46%}
.shot-tiles{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.shot-tiles s{height:19px;border-radius:5px;background:var(--surface-2);border:1px solid var(--line);}
.shot-hover{position:absolute;inset:24px 0 0 0;display:grid;place-items:center;background:oklch(0.2 0.03 286 / .52);opacity:0;transition:opacity .17s;z-index:3;}
.card:hover .shot-hover{opacity:1;}
.shot-hover span{background:#fff;color:var(--violet-700);font:700 .78rem "Sora";padding:.5rem .95rem;border-radius:9px;box-shadow:var(--shadow-md);}

.card-b{padding:13px 14px 14px;display:flex;flex-direction:column;gap:7px;flex:1;}
.card-cat{align-self:flex-start;font:700 .66rem/1 "Sora";letter-spacing:.04em;text-transform:uppercase;color:var(--a);background:color-mix(in oklch,var(--a) 13%,transparent);padding:4px 7px;border-radius:6px;}
.card-b h3{font:700 1.02rem/1.2 "Sora";color:var(--ink);}
.card-b h3 a{color:inherit;}
.card-b h3 a:hover{color:var(--violet-700);}
.byline{display:flex;align-items:center;gap:7px;}
.av{width:21px;height:21px;border-radius:50%;background:var(--grad);color:#fff;font:700 .64rem/1 "Sora";display:grid;place-items:center;flex:none;}
.who{font-size:.8rem;color:var(--ink-soft);display:flex;align-items:center;gap:4px;}
.who svg{width:13px;height:13px;color:var(--violet);flex:none;}
.meta{display:flex;align-items:center;gap:6px;font-size:.8rem;}
.stars{position:relative;display:inline-block;font-size:.78rem;letter-spacing:1.5px;color:var(--line);white-space:nowrap;}
.stars::before{content:"\2605\2605\2605\2605\2605";}
.stars b{position:absolute;left:0;top:0;overflow:hidden;color:var(--gold);}
.stars b::before{content:"\2605\2605\2605\2605\2605";}
.rate{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;}
.sales{color:var(--ink-faint);font-variant-numeric:tabular-nums;}
.ver{font:500 .71rem/1.3 "JetBrains Mono";color:var(--ink-faint);}
.card-f{margin-top:auto;padding-top:9px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:8px;}
.price{font:800 1rem/1 "Sora";color:var(--ink);font-variant-numeric:tabular-nums;}
.price.inc{font:700 .8rem/1 "Sora";color:var(--pos);display:flex;align-items:center;gap:4px;}
.price.inc svg{width:13px;height:13px;}
.pkg-pill{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:2px;
  font:700 .68rem/1 "Sora";text-transform:uppercase;letter-spacing:.03em;color:var(--pos);
  background:color-mix(in oklch,var(--pos) 12%,transparent);padding:3px 7px;border-radius:6px;}
.pkg-pill svg{width:11px;height:11px;}
.empty{grid-column:1/-1;text-align:center;padding:3rem 1rem;color:var(--ink-soft);border:1px dashed var(--line);border-radius:14px;}

@media (max-width:860px){
  .browse-grid{grid-template-columns:1fr;gap:20px;}
  .filters{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
  .filters .fgroup:nth-last-child(-n+2){border-bottom:none;}
}

.sell{padding:1rem 24px 4rem;}
.sell-band{--ink:oklch(0.97 0.008 285);--ink-soft:oklch(0.78 0.02 285);--line:oklch(1 0 0 / .16);--surface:oklch(1 0 0 / .08);
  position:relative;overflow:hidden;background:var(--inverse-bg);border-radius:24px;padding:3rem 2.6rem;
  display:grid;grid-template-columns:1.3fr 1fr;gap:2.5rem;align-items:center;color:var(--ink);}
.sell-band::before{content:"";position:absolute;inset:0;background:
  radial-gradient(58% 120% at 12% 0%,oklch(0.6 0.2 286 / .5),transparent 58%),
  radial-gradient(50% 120% at 96% 100%,oklch(0.62 0.17 238 / .42),transparent 55%);}
.sell-band>*{position:relative;z-index:1;}
.sell-band h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.12;margin:.2rem 0 .7rem;}
.sell-band p{color:var(--ink-soft);margin:0 0 1.4rem;font-size:1rem;}
.sell-band p b{color:#fff;}
.sell-cta{display:flex;gap:.7rem;flex-wrap:wrap;}
.sell-cta .btn-line{background:var(--surface);color:#fff;border-color:var(--line);box-shadow:none;}
.sell-cta .btn-line:hover{border-color:#fff;color:#fff;}
.sell-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem;}
.sell-list li{display:flex;gap:.6rem;font-size:.92rem;color:var(--ink-soft);}
.sell-list li::before{content:"";width:18px;height:18px;flex:none;border-radius:50%;background:var(--grad);
  -webkit-mask:no-repeat center/11px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' stroke='black' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask:no-repeat center/11px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' stroke='black' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
@media (max-width:820px){.sell-band{grid-template-columns:1fr;padding:2.2rem 1.6rem;gap:1.8rem;}}

.foot{--ink:oklch(0.97 0.008 285);--ink-soft:oklch(0.72 0.02 285);--line:oklch(1 0 0 / .12);
  background:var(--inverse-bg);color:var(--ink-soft);padding:3.4rem 0 1.6rem;}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;}
.foot .brand{color:#fff;}
.foot-intro{max-width:24ch;font-size:.9rem;margin:.9rem 0 0;line-height:1.7;}
.foot h4{font:700 .95rem "Sora";color:#fff;margin:0 0 1rem;}
.foot ul{list-style:none;margin:0;padding:0;}
.foot ul a{display:inline-flex;gap:.45rem;align-items:center;color:var(--ink-soft);font-size:.88rem;padding:.42rem 0;transition:color .15s;}
.foot ul a::before{content:"\203A";color:var(--blue);font-size:1.05rem;line-height:1;}
.foot ul a:hover{color:#fff;}
.foot-bottom{border-top:1px solid var(--line);margin-top:2.6rem;padding-top:1.3rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;font-size:.82rem;color:var(--ink-faint);}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr 1fr;gap:1.6rem;}}

/* --- Urun detay --- */
.detail{padding:1.8rem 24px 4rem;}
.crumb{font:600 .82rem/1 "Sora";color:var(--ink-faint);display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1.4rem;}
.crumb a{color:var(--ink-soft);}
.crumb a:hover{color:var(--violet-700);}
.crumb span{color:var(--line);}
.crumb b{color:var(--ink);}

.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:2.4rem;align-items:start;}
.detail-main{display:flex;flex-direction:column;gap:2.2rem;min-width:0;}

.d-shot{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface-2);aspect-ratio:16/10;box-shadow:var(--shadow-sm);}
.d-shot .chrome{position:absolute;top:0;left:0;right:0;height:30px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 12px;z-index:2;}
.d-shot .chrome i{width:8px;height:8px;border-radius:50%;background:var(--line);flex:none;}
.d-shot .chrome em{margin-left:8px;font:500 11px/1 "JetBrains Mono";color:var(--ink-faint);font-style:normal;}
.d-shot .shot-body{position:absolute;top:30px;left:0;right:0;bottom:0;padding:22px;display:flex;flex-direction:column;gap:12px;}
.d-shot .shot-hero{height:42%;border-radius:10px;background:linear-gradient(120deg,var(--a),color-mix(in oklch,var(--a),var(--blue) 60%));}
.d-shot .shot-line{height:9px;border-radius:5px;background:var(--line);}
.d-shot .shot-line.w1{width:70%}.d-shot .shot-line.w2{width:45%}
.d-shot .shot-tiles{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.d-shot .shot-tiles s{height:44px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);}

.d-gallery{display:flex;flex-direction:column;gap:.7rem;}
.d-gallery-main{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-sm);aspect-ratio:1/1;margin:0 auto;width:100%;}
.d-gallery-main img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--surface-2);}
.d-gallery-thumbs{display:flex;gap:.6rem;flex-wrap:wrap;}
.d-thumb{border:1.5px solid var(--line);border-radius:10px;overflow:hidden;padding:0;cursor:pointer;background:none;width:74px;height:74px;flex:none;transition:border-color .15s;}
.d-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.d-thumb.on,.d-thumb:hover{border-color:var(--violet);}

.d-block h2{font:700 1.25rem/1.2 "Sora";color:var(--ink);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem;}
.d-count,.d-block h2 .d-count{font:600 .78rem/1 "JetBrains Mono";background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);padding:4px 8px;border-radius:7px;}
.prose{color:var(--ink-soft);font-size:.96rem;line-height:1.7;}
.prose p{margin:0 0 .8rem;}
.prose ul{margin:0;padding-left:1.2rem;}
.prose li{margin:.25rem 0;}
.muted{color:var(--ink-faint);font-size:.88rem;}

.changelog{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;}
.changelog li{border-left:2px solid var(--line);padding-left:1rem;}
.cl-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem;}
.cl-ver{font:700 .9rem/1 "JetBrains Mono";color:var(--ink);}
.cl-tag{font:600 .68rem/1 "Sora";text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--grad);padding:3px 7px;border-radius:6px;}
.cl-head time{font-size:.8rem;color:var(--ink-faint);margin-left:auto;}

.rating-summary{display:flex;align-items:center;gap:1.2rem;padding:1.1rem 1.3rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:1.2rem;}
.rs-score{font:800 2.4rem/1 "Sora";color:var(--ink);font-variant-numeric:tabular-nums;}
.rating-summary p{margin:.3rem 0 0;font-size:.84rem;color:var(--ink-faint);}
.reviews{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.1rem;}
.reviews li{border-bottom:1px solid var(--line-soft);padding-bottom:1.1rem;}
.reviews li:last-child{border-bottom:none;}
.rv-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem;}
.rv-head strong{font:700 .9rem "Sora";}
.rv-head time{margin-left:auto;font-size:.78rem;color:var(--ink-faint);}
.reviews p{margin:0;color:var(--ink-soft);font-size:.92rem;}
.stars.sm{font-size:.7rem;}

.detail-side{position:sticky;top:82px;display:flex;flex-direction:column;gap:1rem;}
.buy-card,.seller-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:1.3rem 1.4rem;box-shadow:var(--shadow-sm);}
.buy-card h1{font:800 1.4rem/1.2 "Sora";color:var(--ink);margin:.5rem 0 .6rem;}
.buy-card .byline{margin-bottom:.5rem;}
.buy-card .who{color:var(--ink-soft);font-size:.86rem;}
.buy-card .who:hover{color:var(--violet-700);}
.vrf{width:14px;height:14px;color:var(--violet);}
.buy-price{margin:1rem 0;padding:1rem 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);}
.buy-price .price{font:800 1.7rem/1 "Sora";color:var(--ink);}
.buy-price .price.inc{font:700 1rem/1 "Sora";color:var(--pos);}
.buy-price p{margin:.5rem 0 0;}
.buy-actions{display:flex;flex-direction:column;gap:.55rem;}
.buy-actions .btn{width:100%;justify-content:center;}
.spec{margin:1.2rem 0 0;display:flex;flex-direction:column;gap:.55rem;}
.spec>div{display:flex;justify-content:space-between;gap:1rem;font-size:.84rem;}
.spec dt{color:var(--ink-faint);}
.spec dd{margin:0;color:var(--ink);font-family:"JetBrains Mono";font-size:.8rem;}
.seller-card .byline{align-items:flex-start;gap:.7rem;}
.seller-card .byline div{display:flex;flex-direction:column;gap:.15rem;}
.seller-card strong{font:700 .92rem "Sora";display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
.seller-card p{margin:.7rem 0 .9rem;}
.av.lg{width:38px;height:38px;font-size:.9rem;}
.pill-mini{font:600 .64rem/1 "Sora";text-transform:uppercase;letter-spacing:.03em;color:var(--violet-700);background:color-mix(in oklch,var(--violet) 13%,transparent);padding:3px 6px;border-radius:5px;}

@media (max-width:900px){
  .detail-grid{grid-template-columns:1fr;}
  .detail-side{position:static;}
}

/* --- Header: sepet + hesap --- */
.cart-btn{position:relative;}
.cart-btn svg{width:18px;height:18px;}
.cart-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:var(--grad);color:#fff;font:700 10px/16px "Sora";text-align:center;}
.inline-form{display:inline;margin:0;}

/* --- Ortak sayfa başlıkları --- */
.page-pad{padding:1.8rem 24px 4rem;}
.page-h1{font:800 1.9rem/1.15 "Sora";color:var(--ink);margin:.3rem 0 1.4rem;}

/* --- Auth --- */
.auth-wrap{max-width:440px;padding:3rem 24px 5rem;}
.auth-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:2rem 1.9rem;box-shadow:var(--shadow-md);}
.auth-card h1{font:800 1.5rem/1.2 "Sora";color:var(--ink);margin-bottom:.5rem;}
.auth-card .muted{margin:0 0 1.4rem;}
.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;}
.field span{font:600 .8rem/1 "Sora";color:var(--ink-soft);}
.field input,.field textarea{border:1.5px solid var(--line);border-radius:11px;padding:.7rem .85rem;font-size:.95rem;background:var(--surface);color:var(--ink);font-family:"Manrope",sans-serif;resize:vertical;}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 4px color-mix(in oklch,var(--violet) 16%,transparent);}
.field em{font-style:normal;}
.field small{font-size:.76rem;}
.auth-card .btn-grad{width:100%;justify-content:center;margin-top:.3rem;}
.auth-alt{margin:1.2rem 0 0;font-size:.88rem;color:var(--ink-soft);text-align:center;}
.form-error{background:color-mix(in oklch,oklch(0.6 0.2 25) 12%,transparent);border:1px solid color-mix(in oklch,oklch(0.6 0.2 25) 40%,transparent);color:oklch(0.5 0.2 25);border-radius:10px;padding:.7rem .9rem;font-size:.86rem;margin-bottom:1rem;}
:root:not([data-theme="light"]) .form-error{color:oklch(0.8 0.14 25);}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .form-error{color:oklch(0.8 0.14 25);}}
.form-ok{background:color-mix(in oklch,oklch(0.68 0.16 150) 12%,transparent);border:1px solid color-mix(in oklch,oklch(0.68 0.16 150) 40%,transparent);color:oklch(0.42 0.14 150);border-radius:10px;padding:.7rem .9rem;font-size:.86rem;}
:root:not([data-theme="light"]) .form-ok{color:oklch(0.82 0.16 150);}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .form-ok{color:oklch(0.82 0.16 150);}}

/* --- Sepet / ödeme --- */
.cart-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start;}
.cart-lines{display:flex;flex-direction:column;gap:.8rem;}
.cart-line{display:grid;grid-template-columns:6px 1fr auto auto;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:1rem 1.2rem;}
.cl-mark{width:6px;align-self:stretch;border-radius:6px;background:linear-gradient(var(--a),color-mix(in oklch,var(--a),var(--blue) 55%));}
.cl-body h3{font:700 1rem/1.2 "Sora";margin:.2rem 0;}
.cl-body h3 a{color:var(--ink);}
.cl-body h3 a:hover{color:var(--violet-700);}
.cl-price{font:800 1rem/1 "Sora";color:var(--ink);white-space:nowrap;}
.cl-remove{border:none;background:transparent;color:var(--ink-faint);font-size:1.4rem;line-height:1;cursor:pointer;padding:.2rem .4rem;}
.cl-remove:hover{color:oklch(0.58 0.2 25);}

.summary{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:1.4rem;box-shadow:var(--shadow-sm);position:sticky;top:82px;display:flex;flex-direction:column;gap:.7rem;}
.summary h2{font:700 1.1rem "Sora";margin-bottom:.3rem;}
.sum-row{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;color:var(--ink-soft);}
.sum-row b{color:var(--ink);font-family:"Sora";}
.sum-row.total{border-top:1px solid var(--line);padding-top:.7rem;margin-top:.3rem;font-size:1rem;}
.sum-row.total b{font-size:1.1rem;color:var(--violet-700);}
.summary .btn{width:100%;justify-content:center;margin-top:.3rem;}

.checkout-items,.co-line{font-size:.92rem;}
.checkout-items{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;margin-bottom:1.4rem;}
.co-line{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--line-soft);color:var(--ink-soft);}
.co-line:last-child{border-bottom:none;}
.co-line b{color:var(--ink);font-family:"Sora";}
.pay-form h2{font:700 1.1rem "Sora";margin-bottom:.8rem;}
.pay-opt{display:flex;align-items:center;gap:.6rem;border:1.5px solid var(--line);border-radius:12px;padding:.8rem 1rem;margin-bottom:.6rem;cursor:pointer;font:600 .92rem "Sora";color:var(--ink);}
.pay-opt:has(input:checked){border-color:var(--violet);background:color-mix(in oklch,var(--violet) 7%,transparent);}
.pay-opt input{accent-color:var(--violet);}
.pay-form .btn-grad{width:100%;justify-content:center;margin-top:.5rem;}

/* --- PayTR iframe odeme sayfasi (/checkout/pay) --- */
.pay-col{max-width:560px;margin:0 auto;}
.pay-col .crumb{justify-content:center;}
.pay-col .page-h1{text-align:center;margin-bottom:.25rem;}
.pay-sub{text-align:center;color:var(--ink-soft);font-size:.95rem;margin:0 0 1.4rem;}
.pay-sub b{color:var(--ink);font-family:"Sora";}
.paytr-frame{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden;padding:6px;}
.paytr-frame iframe{display:block;width:100%;min-height:560px;border:0;}
.pay-note{text-align:center;color:var(--ink-faint);font-size:.84rem;margin:1.1rem 0 0;}

/* --- Satın alımlarım / sonuç --- */
.purchase-list{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1.6rem;}
.purchase{display:grid;grid-template-columns:6px 1fr auto;gap:1.1rem;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:1.1rem 1.3rem;}
.p-mark{width:6px;align-self:stretch;border-radius:6px;background:linear-gradient(var(--a),color-mix(in oklch,var(--a),var(--blue) 55%));}
.p-body h3{font:700 1.05rem/1.2 "Sora";margin:.25rem 0;}
.p-body h3 a{color:var(--ink);}
.license{margin-top:.5rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.lic-label{font:600 .7rem/1 "Sora";text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);}
.license code{font:500 .9rem/1 "JetBrains Mono";background:var(--surface-2);border:1px solid var(--line);border-radius:7px;padding:5px 9px;color:var(--ink);}
.license code.lic-pending{color:var(--ink-faint);letter-spacing:.03em;font-size:.78rem;text-transform:uppercase;}
.lic-copy{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:7px;padding:5px 9px;font:600 .74rem "Sora";cursor:pointer;transition:border-color .15s,color .15s;}
.lic-copy:hover{border-color:var(--violet);color:var(--violet-700);}
.lic-domain{margin-top:.2rem;font-size:.8rem;}
.p-actions{display:flex;flex-direction:column;gap:.5rem;}

.account-head{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:2.2rem;}
.account-head .av{width:46px;height:46px;font-size:1.1rem;flex:none;}
.account-head strong{font:700 1rem/1.2 "Sora";display:block;}
.account-head .muted{font-size:.86rem;}
.account-head .account-logout{margin-left:auto;}
.account-sec{font:700 1.15rem/1.2 "Sora";color:var(--ink);margin:0 0 1rem;}

/* -- Liste sayfasi basligi (/themes, /plugins, /themes/{kat}) -- */
.list-head{border-bottom:1px solid var(--line);padding:1.6rem 0 1.8rem;margin-bottom:1.4rem;}
.list-head h1{font:800 clamp(1.5rem,5vw,1.9rem)/1.15 "Sora";color:var(--ink);margin:.5rem 0 1.1rem;}
.search.sm{max-width:420px;box-shadow:var(--shadow-sm);}
.search-other{margin:.7rem 0 0;font:600 .85rem "Sora";}
.search-other a{color:var(--violet-700);}

/* -- Gelistirici (Author) dizini -- */
.authors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;}
.author-card{display:flex;gap:1rem;align-items:flex-start;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:1.2rem 1.3rem;box-shadow:var(--shadow-sm);transition:transform .18s,border-color .18s,box-shadow .18s;}
.author-card:hover{transform:translateY(-3px);border-color:color-mix(in oklch,var(--violet) 30%,var(--line));box-shadow:var(--shadow-md);}
.author-card .av.lg{width:44px;height:44px;font-size:1.05rem;}
.ac-body{min-width:0;flex:1;}
.ac-body strong{font:700 1rem/1.3 "Sora";color:var(--ink);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
.ac-body p{color:var(--ink-soft);font-size:.88rem;margin:.35rem 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ac-meta{font:600 .78rem/1 "Sora";color:var(--ink-faint);}

/* -- Gelistirici profili (/authors/{slug}) -- */
.author-head{display:flex;gap:1.3rem;align-items:flex-start;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);padding:1.6rem 1.8rem;margin:1rem 0 2.4rem;}
.av.xl{width:64px;height:64px;font-size:1.6rem;}
.ah-body{min-width:0;flex:1;}
.ah-body h1{font:800 1.7rem/1.15 "Sora";color:var(--ink);margin:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.ah-body h1 .vrf{width:18px;height:18px;}
.ah-bio{color:var(--ink-soft);font-size:.95rem;margin:.7rem 0 0;max-width:60ch;}
.ah-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin-top:.9rem;font:600 .82rem/1.4 "Sora";color:var(--ink-faint);}
.ah-meta a{color:var(--violet-700);}
@media (max-width:560px){.author-head{flex-direction:column;gap:.9rem;}.av.xl{width:52px;height:52px;font-size:1.3rem;}}
.seller-cta{margin-top:1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;
  border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:1.4rem 1.6rem;box-shadow:var(--shadow-sm);
  background-image:radial-gradient(70% 140% at 100% 0%,color-mix(in oklch,var(--violet) 8%,transparent),transparent 60%);}
.seller-cta h3{font:700 1.1rem/1.2 "Sora";color:var(--ink);margin-bottom:.25rem;}
.seller-cta p{margin:0;}
.seller-cta .btn{flex:none;}

.result-hero{text-align:center;padding:2.5rem 1rem 2rem;}
.result-hero .r-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;font:800 1.6rem/1 "Sora";color:#fff;}
.result-hero.ok .r-icon{background:var(--grad);}
.result-hero.fail .r-icon{background:oklch(0.58 0.2 25);}
.result-hero.pending .r-icon{background:var(--gold);}
.result-hero h1{font:800 1.7rem/1.2 "Sora";color:var(--ink);}

.bank-card{max-width:520px;margin:0 auto 1.6rem;border:1px solid var(--line);border-radius:16px;
  background:var(--surface);box-shadow:var(--shadow-sm);padding:1.4rem 1.6rem;}
.bank-row{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line-soft);font-size:.92rem;}
.bank-row:last-of-type{border-bottom:none;}
.bank-row span{color:var(--ink-soft);}
.bank-row b{color:var(--ink);font-family:"Sora";text-align:right;}
.bank-row b.mono{font-family:"JetBrains Mono";letter-spacing:.02em;}
.bank-note{margin:.9rem 0 0;font-size:.84rem;color:var(--ink-faint);}

.card-f form{margin:0;}
.buy-actions form{margin:0;}
.buy-actions form .btn{width:100%;justify-content:center;}

@media (max-width:820px){
  .cart-grid{grid-template-columns:1fr;}
  .summary{position:static;}
}

/* --- Moderasyon --- */
.mod-chip{background:color-mix(in oklch,var(--gold) 18%,transparent);color:oklch(0.5 0.13 75);border:1px solid color-mix(in oklch,var(--gold) 40%,transparent);}
:root:not([data-theme="light"]) .mod-chip{color:oklch(0.82 0.13 78);}
.mod-note{border-radius:10px;padding:.7rem .95rem;font-size:.88rem;margin-bottom:1.2rem;}
.mod-note.ok{background:color-mix(in oklch,var(--pos) 12%,transparent);border:1px solid color-mix(in oklch,var(--pos) 40%,transparent);color:var(--pos);}
.mod-note.err{background:color-mix(in oklch,oklch(0.6 0.2 25) 12%,transparent);border:1px solid color-mix(in oklch,oklch(0.6 0.2 25) 40%,transparent);color:oklch(0.52 0.2 25);}
:root:not([data-theme="light"]) .mod-note.err{color:oklch(0.8 0.14 25);}
.mod-block{margin-bottom:2.4rem;}
.mod-block h2{font:700 1.15rem/1.2 "Sora";color:var(--ink);margin-bottom:.9rem;}
.mod-table{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);overflow-x:auto;}
.mod-table table{width:100%;border-collapse:collapse;min-width:640px;}
.mod-table th,.mod-table td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--line-soft);font-size:.86rem;vertical-align:top;}
.mod-table th{font:700 .72rem/1 "Sora";text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);}
.mod-table tbody tr:last-child td{border-bottom:none;}
.mod-table tbody tr:hover{background:var(--surface-2);}
.mod-table .chip{display:inline-block;font:600 .68rem/1 "Sora";padding:3px 6px;border-radius:5px;}
.mod-table .chip.Draft{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line);}
.mod-table .chip.InReview{background:color-mix(in oklch,var(--gold) 16%,transparent);color:oklch(0.5 0.13 75);}
.mod-table .chip.Published{background:color-mix(in oklch,var(--pos) 16%,transparent);color:var(--pos);}
.mod-table .chip.Rejected,.mod-table .chip.Delisted{background:color-mix(in oklch,oklch(0.6 0.2 25) 14%,transparent);color:oklch(0.55 0.2 25);}
.mod-table form{margin:0;}

.mod-grid{display:grid;grid-template-columns:1fr 300px;gap:1.6rem;align-items:start;}
.mod-card{margin-bottom:1.2rem;}
.mod-card h3{font:700 1rem/1.2 "Sora";color:var(--ink);margin-bottom:.7rem;}
.mod-card .chip{display:inline-block;font:600 .66rem/1 "Sora";padding:3px 6px;border-radius:5px;}
.mod-card .chip.Published{background:color-mix(in oklch,var(--pos) 16%,transparent);color:var(--pos);}
.mod-card .chip.Draft{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line);}
.mod-dl{display:flex;flex-direction:column;gap:.5rem;margin:0;}
.mod-dl>div{display:grid;grid-template-columns:110px 1fr;gap:.8rem;font-size:.86rem;}
.mod-dl dt{color:var(--ink-faint);}
.mod-dl dd{margin:0;color:var(--ink);}
.mod-versions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem;}
.mod-versions li{border-left:2px solid var(--line);padding-left:.9rem;}
.mod-actions{position:sticky;top:82px;}
.mod-actions form{display:flex;flex-direction:column;gap:.5rem;margin:0;}
.mod-actions textarea{border:1.5px solid var(--line);border-radius:10px;padding:.55rem .7rem;font:inherit;font-size:.86rem;background:var(--surface);color:var(--ink);resize:vertical;}
.mod-actions .btn{width:100%;justify-content:center;}
.mod-lastnote{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line-soft);}
.mod-lastnote p{margin:.35rem 0;font-size:.88rem;color:var(--ink);}
@media (max-width:820px){ .mod-grid{grid-template-columns:1fr;} .mod-actions{position:static;} }