/* Tema J "Pop": krem zemin, kalın çerçeveli renk blokları, Bricolage Grotesque başlık + DM Sans gövde.
   Diğer temalara dönmek için adrese ?tema=d (Birleşik) veya ?tema=eski ekleyin; geri almak için ?tema=j. */
html.tj{--pj-ink:#1a1a2e;--pj-cream:#fff8ec}
html.tj body{font-family:'DM Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
html.tj header h1,html.tj .hero h2,html.tj h2,html.tj .pgtitle,html.tj .card h2,html.tj .card h3,html.tj .plan h4,html.tj .sec,html.tj .cta h3,html.tj .dtile b,html.tj .hs b,html.tj .pprice b,html.tj .dcard b,html.tj .dcard .dtm,html.tj .slogan{font-family:'Bricolage Grotesque','DM Sans',sans-serif}
html.tj .step h4,html.tj .slogan small{font-family:'DM Sans',system-ui,sans-serif}
@media (prefers-color-scheme:light){
  html.tj{--bg:#fff8ec;--ink:#1a1a2e;--mute:#4a4a63;--line:#1a1a2e;--card:#fff;--g2:#1a1a2e}
  html.tj body{background:#fff8ec}
  html.tj header{background:#fff8ec;color:#1a1a2e;border-bottom:2.5px solid #1a1a2e;box-shadow:none}
  html.tj header h1 small{color:#4a4a63}
  html.tj header select,html.tj header button.ghost{background:#fff;color:#1a1a2e;border:2px solid #1a1a2e}
  html.tj button,html.tj button:not(.ghost){background:#ffd23f;color:#1a1a2e;border:2.5px solid #1a1a2e;border-radius:99px;font-weight:700;box-shadow:3px 3px 0 #1a1a2e}
  html.tj button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #1a1a2e}
  html.tj button.ghost{background:#fff;color:#1a1a2e;box-shadow:none;border:2px solid #1a1a2e}
  html.tj button.small{box-shadow:2px 2px 0 #1a1a2e;border-width:2px}
  html.tj button.mrow,html.tj button.mrow:not(.ghost){background:#fff;border:0;border-bottom:1.5px solid #1a1a2e;border-radius:0;box-shadow:none}
  html.tj #topTabs{background:#fff;border:2.5px solid #1a1a2e;border-radius:99px;box-shadow:4px 4px 0 #1a1a2e}
  html.tj #topTabs button.ghost{background:transparent;border:0;box-shadow:none;color:#1a1a2e}
  html.tj #topTabs button.ghost:hover{background:#ffe9a8;color:#1a1a2e}
  html.tj #topTabs button:not(.ghost){background:#ff5d73;color:#1a1a2e;border:2px solid #1a1a2e;box-shadow:none}
  html.tj .card,html.tj .hitem,html.tj .dcard,html.tj .plan,html.tj .faq,html.tj .feat,html.tj .slogan{background:#fff;border:2.5px solid #1a1a2e;box-shadow:5px 5px 0 #1a1a2e}
  html.tj .card{border-radius:22px}
  html.tj .hitem:hover{box-shadow:7px 7px 0 #1a1a2e}
  html.tj input,html.tj select,html.tj textarea{background:#fff;border:2px solid #1a1a2e;border-radius:14px}
  html.tj .tag{border:1.5px solid #1a1a2e;color:#1a1a2e;background:#fff}
  html.tj .tag.vip{background:#ffd23f}
  html.tj th,html.tj td{border-bottom:1.5px solid #e5dccb}
  html.tj .dtile{background:#a8d8ff;border:2.5px solid #1a1a2e;border-radius:18px}
  html.tj .hs{border:2.5px solid #1a1a2e;border-radius:18px;background:#fff}
  html.tj .hs:nth-child(3n+1){background:#a8d8ff}html.tj .hs:nth-child(3n+2){background:#ffd23f}html.tj .hs:nth-child(3n){background:#ffb199}
  html.tj .hs{color:#1a1a2e;border-bottom-width:2.5px}
  html.tj .hs b{color:#1a1a2e}
  html.tj .hs span{color:#1a1a2e;font-weight:600}
  html.tj .hero{background:transparent;color:#1a1a2e}
  html.tj .hero h2{font-size:clamp(40px,7vw,64px);font-weight:800;letter-spacing:-1.5px;line-height:1.02}
  html.tj .hero h2 em{background:#7ee0c3;color:#1a1a2e;-webkit-text-fill-color:#1a1a2e;font-style:normal;font-weight:800;padding:0 10px;border-radius:12px;display:inline-block;transform:rotate(-1.5deg)}
  html.tj .hero p{color:#1a1a2e}
  html.tj .hero .kicker{border:2.5px solid #1a1a2e;background:#ffd23f;font-weight:700}
  html.tj .hero .chips span{border:2px solid #1a1a2e;background:#fff}
  html.tj #auth{border:2.5px solid #1a1a2e;box-shadow:8px 8px 0 #1a1a2e;border-radius:26px}
  html.tj .step{border-top:3px solid #1a1a2e;background:transparent}
  html.tj .num:before{color:#ff5d73;-webkit-text-stroke:1.5px #1a1a2e}
  html.tj #landing #pricingBox{background:#1a1a2e;border-radius:26px}
  html.tj #landing #pricingBox .plan{background:transparent;color:#fff;border:2px solid #8a8aa8;box-shadow:none}
  html.tj #landing #pricingBox .plan.hl{background:#ffd23f;color:#1a1a2e;border-color:#ffd23f}
  html.tj #landing #pricingBox .plan.hl button{background:#1a1a2e;color:#fff;border-color:#1a1a2e;box-shadow:none}
  html.tj .cta{background:#ff5d73;color:#1a1a2e;border:2.5px solid #1a1a2e;box-shadow:6px 6px 0 #1a1a2e}
  html.tj .cta button{background:#1a1a2e;color:#fff}
  html.tj .pgtitle{font-weight:800}
}
/* Reklam alanları: mevcut .adslot yapısı (yönetimden açılır) Tema J çerçevesine uyar */
html.tj .adslot{border:2px dashed #1a1a2e;border-radius:12px;background:#fff;color:#1a1a2e}
@media (prefers-color-scheme:light){html.tj .tchip{border:2px solid #1a1a2e;box-shadow:2px 2px 0 #1a1a2e;background:hsl(var(--h,210) 85% 85%);color:#1a1a2e}html.tj .tchip.on{background:hsl(var(--h,210) 85% 62%);color:#1a1a2e}html.tj .tchip.mini{box-shadow:none;border-width:1.5px}html.tj .tchip.all{background:#fff;--h:0}html.tj .tchip.all.on{background:#ffd23f;color:#1a1a2e}}