:root{
  --bg:#f6f7f9;--bg2:#eef1f5;--card:#ffffff;--card2:#f3f5f9;--ink:#0f172a;--mut:#566173;--line:#e6e9ef00;
  --line2:#e7eaf0;--acc:#c2410c;--acc2:#2563eb;--acc-ink:#ffffff;--al:#059669;--bekle:#d97706;--izle:#64748b;--dan:#dc2626;--r:14px;
  --glass:rgba(255,255,255,.78);--e1:0 2px 10px rgba(15,23,42,.06);--e2:0 8px 22px rgba(15,23,42,.10);--hi:inset 0 1px 0 rgba(255,255,255,.7);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
/* ── Derinlik (4D) katmanı — neon düz zemini bırak, yüzeyleri kaldır ── */
body{background:
  radial-gradient(1200px 620px at 50% -12%, rgba(249,115,22,.12), transparent 60%),
  radial-gradient(920px 520px at 92% 2%, rgba(37,99,235,.06), transparent 60%),
  var(--bg);background-attachment:fixed}
.pcard:hover,.ncard:hover,.zr-card:hover,.krs-card:hover,.fr-i:hover{box-shadow:var(--e2),var(--hi)}
/* Accent butonlar: düz neon yerine gradyan + yumuşak derinlik gölgesi */
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
/* HERO — cam + derinlik (referans 1. görsel: yüzen 3B karar kartı) */
.hero-eyebrow{background:var(--glass)!important;backdrop-filter:blur(8px);box-shadow:var(--e1)}
.dcard{border-radius:20px!important;box-shadow:var(--e2),var(--hi)!important;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.dcard:hover{transform:translateY(-5px) rotateX(2.5deg);box-shadow:0 26px 60px rgba(15,23,42,.18),var(--hi)!important}
.bigsearch .box{box-shadow:var(--e1)}
html,body{overflow-x:hidden;max-width:100%}
.container{max-width:1180px;margin:0 auto;padding:0 22px}
/* TOP NAV */
.nav{position:sticky;top:0;z-index:40;background:var(--glass);backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--line2);box-shadow:0 4px 14px rgba(0,0,0,.2)}
.nav .container{display:flex;align-items:center;gap:16px;height:62px;min-width:0}
.brand{font-weight:800;font-size:20px;letter-spacing:-.3px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--acc)}.brand b{color:var(--acc)}
.brandmark{flex:0 0 auto;display:block}
.nav .links{display:flex;gap:18px;font-size:14px;color:var(--mut);min-width:0;flex:0 1 auto;white-space:nowrap}
.nav .links a{white-space:nowrap}
.nav .links a:hover{color:var(--ink)}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.nav .sbox{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line2);border-radius:999px;padding:0 14px;height:40px;width:240px;flex:0 1 240px;min-width:150px}
.nav .sbox input{flex:1;background:none;border:none;outline:none;color:var(--ink);font-size:13px}
.nav .sbox input::placeholder{color:var(--mut)}
.menu-btn{display:none;background:var(--card);border:1px solid var(--line2);border-radius:10px;width:40px;height:40px;color:var(--ink);font-size:18px}
.wxmodal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:60;align-items:center;justify-content:center;padding:20px}
.wxmodal.on{display:flex}
.wxpanel{background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:18px;max-width:460px;width:100%}
.wxhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:15px}
.wxhead .x{cursor:pointer;color:var(--mut);font-size:18px}
.wxcell .ct{font-size:13px;font-weight:600}.wxcell .tp{font-size:18px;font-weight:800;color:var(--acc)}.wxcell .ds{font-size:11.5px;color:var(--mut)}
/* TICKER */
.ticker{background:var(--bg2);border-bottom:1px solid var(--line2);overflow:hidden;display:flex;align-items:center}
.tklbl{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--acc);letter-spacing:.09em;padding:0 14px;height:34px;border-right:1px solid var(--line2);background:var(--card);text-transform:uppercase;white-space:nowrap}
.tkpulse{width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(234,88,12,.5);opacity:.92}
@keyframes tkp{0%{box-shadow:0 0 0 0 rgba(234,88,12,.45)}70%{box-shadow:0 0 0 6px rgba(234,88,12,0)}100%{box-shadow:0 0 0 0 rgba(234,88,12,0)}}
.tkwrap{flex:1 1 auto;overflow:hidden}
.tkwrap{overflow:hidden;white-space:nowrap}
.tktrack{display:inline-flex;gap:28px;align-items:center;height:40px;font-size:13px;color:var(--mut);white-space:nowrap;padding-left:22px;animation:marq 45s linear infinite;will-change:transform}
.tktrack:hover{animation-play-state:paused}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tk-i{display:inline-flex;align-items:center;gap:6px;color:inherit;transition:color .15s}
a.tk-i:hover{color:var(--acc)}
.ticker b{color:var(--ink);font-weight:600}.ticker .dn{color:var(--dan)}.ticker .up{color:var(--al)}
.ticker .lbl{color:var(--acc);font-weight:700;font-size:11.5px;letter-spacing:.1em}
/* HERO */
.hero{padding:40px 0 10px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line2);color:var(--mut);font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:999px;margin-bottom:14px}
.hero-eyebrow b{color:var(--acc);font-weight:800}
.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--acc);opacity:.92}
.trustrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.trustrow span{background:var(--card2);border:1px solid var(--line2);border-radius:9px;padding:7px 12px;font-size:12px;color:var(--ink);font-weight:600}
.hero h1{font-size:40px;line-height:1.1;letter-spacing:-1px;margin:0 0 14px}
.hero p{font-size:16px;color:var(--mut);line-height:1.6;margin:0 0 20px;max-width:520px}
.bigsearch{display:flex;gap:10px;max-width:600px}
.bigsearch .box{position:relative;flex:1;display:flex;align-items:center;gap:11px;background:var(--card);border:1.5px solid var(--line2);border-radius:15px;padding:0 18px;height:58px;transition:border-color .18s,box-shadow .18s}
.qoneri{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:40;background:var(--card);border:1px solid var(--line2);border-radius:14px;box-shadow:0 8px 22px rgba(15,23,42,.10);overflow:hidden}
.qoneri.on{display:block}
.qoneri-i{display:flex;align-items:center;gap:11px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--line2);text-align:left}
.qoneri-i:last-child{border-bottom:none}
.qoneri-i:hover,.qoneri-i.sel{background:var(--bg2)}
.qoneri-im{width:38px;height:38px;flex:0 0 auto;border-radius:8px;object-fit:cover;background:var(--bg2)}
.qoneri-t{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qoneri-p{flex:0 0 auto;font-size:13px;font-weight:800;color:var(--acc)}
.qoneri-h{padding:9px 14px;font-size:12px;font-weight:700;color:var(--acc);cursor:pointer;display:flex;align-items:center;gap:8px}
.qoneri-h:hover{background:var(--bg2)}
.bigsearch .box:focus-within{border-color:var(--acc);box-shadow:0 0 0 4px rgba(234,88,12,.13)}
.bigsearch input{flex:1;background:none;border:none;outline:none;color:var(--ink);font-size:15.5px;font-weight:500}
.bigsearch input::placeholder{color:var(--mut);font-weight:400}
.bigsearch .go{background:var(--acc);color:var(--acc-ink);border:none;border-radius:13px;padding:0 28px;font-weight:800;font-size:15px;cursor:pointer;transition:filter .15s,transform .05s;box-shadow:0 6px 16px rgba(234,88,12,.28)}
.bigsearch .go:hover{filter:brightness(1.06)}
/* ── Kanca katmanı (premium-ui: hareket + keşif dürtüsü) ── */
.livecount{display:inline-flex;align-items:center;gap:8px;background:var(--card2);border:1px solid var(--line2);border-radius:999px;padding:6px 13px;font-size:12px;font-weight:700;color:var(--ink);margin-top:14px}
.livecount .ld{width:8px;height:8px;border-radius:50%;background:var(--al);animation:lpulse 1.8s infinite}
@keyframes lpulse{0%{box-shadow:0 0 0 0 rgba(5,150,105,.45)}70%{box-shadow:0 0 0 8px rgba(5,150,105,0)}100%{box-shadow:0 0 0 0 rgba(5,150,105,0)}}
.eg{cursor:pointer;transition:transform .13s,border-color .13s,color .13s}
.eg:hover{transform:translateY(-2px);border-color:var(--acc);color:var(--acc)}
@keyframes cuebob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
/* 3 adımlı çekirdek akış — 'burası ne?' sorusunu tek bakışta çözer */
.flow3{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 2px;font-size:14px;font-weight:700;color:var(--ink)}
.flow3 .f3{display:inline-flex;align-items:center;gap:8px;background:var(--card2);border:1px solid var(--line2);border-radius:999px;padding:8px 15px}
.flow3 .f3 b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;font-size:12px}
.flow3 .f3d{background:linear-gradient(135deg,#e0550d,#c2410c);color:#fff;border:none}
.flow3 .f3d b{background:#fff;color:var(--acc)}
.flow3 .f3arrow{color:var(--mut);font-weight:800}
.sec-alt-h{max-width:1180px;margin:40px auto 0;padding:0 20px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
/* İndirim oranına göre hızlı filtre kartları */
.offrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:2px 0 16px}
.offrow .offlbl{font-size:13px;font-weight:700;color:var(--mut)}
.offcard{display:inline-flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line2);border-radius:14px;padding:10px 17px;cursor:pointer;background:var(--card2);transition:transform .13s,box-shadow .13s,border-color .13s}
.offcard b{font-size:23px;font-weight:800;line-height:1}
.offcard span{font-size:11.5px;font-weight:600;color:var(--mut);margin-top:3px}
.offcard:hover{transform:translateY(-2px);box-shadow:var(--e1)}
.offcard.on{border-color:var(--acc);box-shadow:0 0 0 3px rgba(234,88,12,.15)}
.offcard.o5{background:#fff2ec}.offcard.o5 b{color:#c2410c}
.offcard.o10{background:#e9f7ee}.offcard.o10 b{color:#059669}
.offcard.o30{background:#e8f0fe}.offcard.o30 b{color:#2563eb}
.offcard.o50{background:#fdeaf1}.offcard.o50 b{color:#db2777}
@media(max-width:520px){.offcard{padding:8px 13px}.offcard b{font-size:19px}.offrow .offlbl{width:100%}}
@media(max-width:520px){.flow3{font-size:12.5px;gap:6px}.flow3 .f3{padding:6px 11px}.flow3 .f3arrow{display:none}}
.dc-body{animation:dcFade .42s cubic-bezier(.2,.7,.2,1)}
@keyframes dcFade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.dc-dots{display:flex;gap:5px;justify-content:center;margin-top:13px}
.dc-dots i{width:6px;height:6px;border-radius:50%;background:var(--line2);transition:.2s}
.dc-dots i.on{background:var(--acc);width:17px;border-radius:3px}
.sec.reveal{opacity:0;transform:translateY(16px)}
.sec.reveal.in{opacity:1;transform:none;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion: reduce){.sec.reveal{opacity:1!important;transform:none!important}.livecount .ld{animation:none!important}}
.bigsearch .go:active{transform:translateY(1px)}
.egs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.eg{background:var(--card2);border:1px solid var(--line2);border-radius:999px;padding:7px 14px;font-size:13px;color:var(--mut);cursor:pointer}
.eg:hover{color:var(--ink);border-color:var(--acc)}
/* DECISION CARD */
.dcard{background:var(--card);border:1px solid var(--line2);border-radius:18px;padding:20px}
.dcard .h{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.dcard .h .t{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-weight:700}
.dcard .h .live{font-size:11.5px;color:var(--acc);display:flex;align-items:center;gap:5px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--al);box-shadow:0 1px 3px rgba(15,23,42,.12)}
.decide{display:flex;gap:16px;align-items:center}
.badge{min-width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;border:2px solid}
.badge .k{font-size:18px}.badge .p{font-size:9px;color:var(--mut);margin-top:3px;font-weight:600}
.b-al{border-color:var(--al);color:var(--al)}.b-bekle{border-color:var(--bekle);color:var(--bekle)}.b-izle{border-color:var(--izle);color:var(--izle)}
.dcard .nm{font-size:14px;color:var(--mut);line-height:1.35}
.dcard .pr{font-size:28px;font-weight:800;margin-top:3px}
.dcard .pr .old{font-size:14px;color:var(--mut);text-decoration:line-through;font-weight:500;margin-left:7px}
.dcard .pr .st{font-size:13px;color:var(--acc);margin-left:7px}
.reasons{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.reasons .r{flex:1;min-width:46%;background:var(--card2);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.4}
.reasons .r b{color:var(--acc)}
.trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line2);font-size:11.5px;color:var(--mut)}
.trust .v{color:var(--al)}
.cta{display:block;text-align:center;background:var(--acc);color:var(--acc-ink);font-weight:800;border-radius:12px;padding:14px;margin-top:14px;font-size:15px}
/* SECTIONS */
.sec{padding:34px 0 4px}
.sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.sec-h h2{font-size:22px;letter-spacing:-.4px;margin:0}
.sec-h .l{font-size:13px;color:var(--acc)}
.chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}
.chip{background:var(--card);border:1px solid var(--line2);border-radius:999px;padding:8px 15px;font-size:13px;color:var(--mut);cursor:pointer;transition:border-color .15s,color .15s}
.chip:hover{border-color:var(--acc);color:var(--ink)}
.gridsay{margin-left:auto;align-self:center;font-size:12.5px;color:var(--mut);font-weight:600}
.chip.on{background:var(--acc);color:var(--acc-ink);border-color:var(--acc);font-weight:700;box-shadow:0 4px 13px rgba(234,88,12,.26)}
/* Kategori chip'leri: 32 chip'lik duvar yerine TEK SATIR yatay kaydırma (modern e-ticaret filtre barı) */
#katchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:2px 2px 8px;margin-bottom:12px;-webkit-mask-image:linear-gradient(90deg,#000 94%,transparent);mask-image:linear-gradient(90deg,#000 94%,transparent)}
#katchips::-webkit-scrollbar{display:none}
#katchips .chip{flex:0 0 auto}
#katchips .chip b{margin-left:5px;opacity:.7;font-weight:700;font-size:11.5px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hrow{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.hrow::-webkit-scrollbar{height:7px}.hrow::-webkit-scrollbar-thumb{background:var(--line2);border-radius:4px}
.hrow>.pcard{flex:0 0 210px;width:210px;scroll-snap-align:start}
@media(max-width:640px){.hrow>.pcard{flex:0 0 158px;width:158px}}
.pcard{background:var(--card);border:1px solid var(--line2);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.pcard:hover{border-color:var(--acc);transform:translateY(-3px)}
.pcard .imgwrap{aspect-ratio:1/1;background:var(--card2);position:relative;overflow:hidden}
.pcard .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;color:#3a4436;background:linear-gradient(135deg,#141a24,#10151e);z-index:0}
.pcard img{position:relative;z-index:1}.pcard .imgwrap.noimg img{display:none}
.pcard img{width:100%;height:100%;object-fit:cover}
.pcard .poff{position:absolute;top:10px;left:10px;background:var(--acc);color:var(--acc-ink);font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:8px}
.pcard .pb{padding:12px 13px;display:flex;flex-direction:column;gap:7px;flex:1}
.pcard .pt{font-size:13px;line-height:1.35;height:36px;overflow:hidden}
.pcard .pm{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between}
.pcard .pp{font-size:17px;font-weight:800}.pcard .po{font-size:12px;color:var(--mut);text-decoration:line-through}
.pcard .pcat{font-size:11.5px;color:var(--mut)}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cat{position:relative;background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:18px 16px;display:flex;flex-direction:column;gap:11px;transition:transform .16s,border-color .16s,background .16s;overflow:hidden}
.cat:hover{transform:translateY(-3px);border-color:var(--acc);background:var(--card2)}
.cat::after{content:"→";position:absolute;top:16px;right:16px;color:var(--acc);font-weight:800;font-size:15px;opacity:0;transform:translateX(-4px);transition:.16s}
.cat:hover::after{opacity:1;transform:translateX(0)}
.cat:hover{border-color:var(--acc)}
.cat .ic{width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:23px;color:var(--acc);background:rgba(234,88,12,.08);border:1px solid var(--line2);border-radius:13px}
.cat .ic svg{width:24px;height:24px;display:block}
.cat .ct{font-size:15px;font-weight:700;letter-spacing:-.2px}.cat .cs{font-size:12px;color:var(--mut);line-height:1.4}
/* HABER TURU (dönen son dakika şeridi) */
@keyframes hbpulse{0%,100%{opacity:1}50%{opacity:.3}}
/* KATEGORI BARI (haber sitesi tarzı) */
.catbar{position:sticky;top:66px;z-index:34;background:var(--card);border-bottom:1px solid var(--line2)}
.catbar::after{content:"";display:block;position:absolute;right:0;top:0;bottom:1px;width:26px;background:linear-gradient(90deg,transparent,var(--card));pointer-events:none;z-index:1}
.catbar .cbin{max-width:1180px;margin:0 auto;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:1px;padding:6px 44px 6px 20px;scroll-padding-right:44px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.catbar .cbin::-webkit-scrollbar{display:none}
.catbar a{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:600;color:#475569;white-space:nowrap;border-radius:10px;transition:background .15s,color .15s}
.catbar a .cic{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#94a3b8;transition:color .15s}
.catbar a .cic svg{width:16px;height:16px;display:block}
.catbar a:hover{color:var(--acc);background:rgba(234,88,12,.09)}
.catbar a:hover .cic,.catbar a.on .cic{color:var(--acc)}
.catbar a.on{color:var(--acc);background:rgba(234,88,12,.12);font-weight:700}
.uye{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--line2);color:var(--ink);border-radius:10px;padding:0 13px;height:38px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s}
.uye:hover{border-color:var(--acc);color:var(--acc)}
@media(max-width:900px){.uye span{display:none}.uye{padding:0 11px}}
/* HABERLER */
/* EDİTÖRÜN SEÇİMİ */
.ecard{flex:0 0 300px;width:300px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line2);border-radius:16px;overflow:hidden;transition:transform .15s,border-color .15s}
.ecard:hover{transform:translateY(-3px);border-color:var(--acc)}
.ecard .eimg{aspect-ratio:16/9;background:var(--card2);position:relative;overflow:hidden}
.ecard .eimg img{width:100%;height:100%;object-fit:cover}
.ecard .eph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px;background:linear-gradient(135deg,#141a24,#10151e)}
.ecard .ebadge{position:absolute;top:10px;left:10px;background:var(--acc);color:var(--acc-ink);font-size:10px;font-weight:800;padding:4px 10px;border-radius:8px;text-transform:uppercase;letter-spacing:.04em}
.ecard .eb{padding:14px 15px}
.ecard .et{font-size:15px;font-weight:700;line-height:1.35}
.ecard .ed{font-size:12.5px;color:var(--mut);line-height:1.45;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:640px){.ecard{flex:0 0 240px;width:240px}}
/* TATİL ÖNERİ */
@media(max-width:640px){.tcard{flex:0 0 160px;width:160px}}
/* HESAPLAYICILAR */
.calc{background:var(--card);border:1px solid var(--line2);border-radius:18px;padding:22px;max-width:560px}
.calctabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.calctab{background:var(--card2);color:var(--mut);border:1px solid var(--line2);border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:.15s}
.calctab:hover{border-color:var(--acc)}.calctab.on{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}
.calcrow{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.calcrow label{font-size:13px;color:var(--mut);font-weight:600}
.calcrow input{background:var(--bg);border:1px solid var(--line2);border-radius:11px;padding:13px 14px;color:var(--ink);font-size:15px;outline:none;transition:border-color .15s}
.calcrow input:focus{border-color:var(--acc)}
.calcres{background:var(--bg);border:1px dashed var(--line2);border-radius:12px;padding:16px;text-align:center;margin-top:4px}
.calcres .big{font-size:26px;font-weight:800;color:var(--acc);letter-spacing:-.5px}
.calcres .sub{font-size:13px;color:var(--mut);margin-top:4px}
.note{background:transparent;border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.note>a{display:block;background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:20px;transition:transform .15s,border-color .15s}
.note>a:hover{transform:translateY(-3px);border-color:var(--acc)}
.note .notmore{display:inline-block;margin-top:10px;color:var(--acc);font-weight:700;font-size:12.5px}
.note h3{margin:6px 0 8px;font-size:17px}.note p{margin:0;font-size:13.5px;color:var(--mut);line-height:1.6}
.note .tag{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);font-weight:700}
/* ═══ KARAR MOTORU VİTRİNİ ═══════════════════════════════════════════════════
   Sitenin teknik iddiasının görsel karşılığı. Koyu "mühendislik paneli":
   ızgara zemin + ışık halesi + 7 adımlık işlem hattı. Tüm hareket
   prefers-reduced-motion ile zaten kapanıyor (dosya başındaki global kural). */
.tvsec{padding:38px 0 6px}
.tvx{position:relative;border-radius:26px;overflow:hidden;background:
  radial-gradient(900px 420px at 12% -10%, rgba(56,189,248,.16), transparent 62%),
  radial-gradient(760px 420px at 92% 8%, rgba(249,115,22,.14), transparent 60%),
  linear-gradient(155deg,#0a1220 0%,#111c30 48%,#0b1424 100%);
  border:1px solid #223350;box-shadow:0 26px 60px rgba(8,15,30,.28)}
.tvx-bg{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(125,180,255,.075) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(125,180,255,.075) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:radial-gradient(760px 380px at 30% 0%,#000,transparent 78%);
          mask-image:radial-gradient(760px 380px at 30% 0%,#000,transparent 78%)}
.tvx-in{position:relative;padding:30px 30px 28px}
.tvx-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.tvx-eye{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:#7dd3fc;background:rgba(56,189,248,.1);border:1px solid rgba(125,211,252,.28);
  padding:6px 13px;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.tvx-dot{width:7px;height:7px;border-radius:50%;background:#22d3ee;box-shadow:0 0 0 0 rgba(34,211,238,.55);animation:tvpulse 2s infinite}
@keyframes tvpulse{70%{box-shadow:0 0 0 9px rgba(34,211,238,0)}100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}}
.tvx-lnk{color:#93c5fd;font-weight:800;font-size:13.5px;white-space:nowrap}
.tvx-lnk:hover{color:#bfdbfe}
.tvx-h{margin:0 0 10px;font-size:34px;line-height:1.16;font-weight:800;color:#fff;letter-spacing:-.6px}
.tvx-h em{font-style:normal;background:linear-gradient(90deg,#fb923c,#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent}
.tvx-p{margin:0;max-width:72ch;font-size:14.8px;line-height:1.66;color:#aebdd4}
.tvx-p b{color:#e8eefb}
/* ── işlem hattı ── */
/* 7 sütun 1180'lik konteynere SIĞMALI — canlıda M7 sağdan kırpılıyordu:
   7×128 + 6×8 = 944px < 1076px kullanılabilir genişlik. */
.tvp{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(128px,1fr);gap:8px;
  margin:12px 0 4px;padding:14px 0 6px;overflow-x:auto;scrollbar-width:none}
/* 23 Eyl: overflow-x:auto dikey taşmayı da KESER → M rozetleri (top:-11px) kırpılıyordu.
   Rozet payı artık .tvp'nin üst dolgusunda (14px). */
.tvp::-webkit-scrollbar{display:none}
/* dar ekranda hat kayar: sağ kenarda sönüm → kırpılmış değil "kaydırılabilir" okunur */
.tvpw{position:relative}
.tvpw::after{content:"";position:absolute;top:0;right:0;width:46px;height:100%;pointer-events:none;
  background:linear-gradient(90deg,transparent,#0b1526)}
@media(min-width:1180px){.tvpw::after{display:none}}
.tvp-rail{position:absolute;left:0;right:0;top:14px;height:2px;border-radius:2px;z-index:0;
  background:linear-gradient(90deg,rgba(56,189,248,.05),rgba(56,189,248,.34),rgba(251,146,60,.34));overflow:hidden}
.tvp-scan{position:absolute;top:0;left:-30%;width:30%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(224,242,254,.95),transparent);animation:tvscan 3.6s linear infinite}
@keyframes tvscan{to{left:105%}}
.tvp-s{position:relative;z-index:1;display:flex;flex-direction:column;color:inherit;text-decoration:none;
  background:#0f1b2e;border:1px solid rgba(147,197,253,.16);
  border-radius:14px;padding:22px 11px 11px;transition:border-color .18s,background .18s,transform .18s}
/* opak zemin: ray artık başlıkların ÜSTÜNDEN geçmiyor (eskiden yarı saydamdı) */
.tvp-s:hover{border-color:rgba(125,211,252,.6);background:#12233b;transform:translateY(-2px)}
.tvp-s u{margin-top:auto;padding-top:9px;text-decoration:none;font-size:10.8px;font-weight:800;color:#7dd3fc;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.75}
.tvp-s:hover u{opacity:1}
.tvp-n{position:absolute;top:-11px;left:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:11px;font-weight:800;letter-spacing:.06em;color:#0a1220;background:#7dd3fc;
  padding:3px 8px;border-radius:7px;box-shadow:0 0 16px rgba(125,211,252,.4)}
.tvp-s b{display:block;font-size:12.6px;color:#eaf2ff;font-weight:800;line-height:1.3;min-height:2.6em}
/* başlık 2 satıra sabit → açıklamalar aynı hizadan başlar (eskiden kayıyordu) */
.tvp-s i{display:block;font-style:normal;font-size:11px;color:#8fa3bf;margin-top:3px;line-height:1.42}
.tvp-hi .tvp-n{background:#fbbf24}
.tvp-out{background:#23190f;border-color:rgba(251,146,60,.45)}.tvp-out u{color:#fdba74}
.tvp-out .tvp-n{background:#fb923c;box-shadow:0 0 16px rgba(251,146,60,.45)}
.tvp-out i{color:#fed7aa;font-weight:700}
/* ── canlı sayaçlar ── */
.tvn{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;margin:20px 0 0}
.tvn-i{display:block;color:inherit;text-decoration:none;background:rgba(255,255,255,.05);border:1px solid rgba(147,197,253,.16);border-radius:14px;padding:14px 15px;transition:border-color .18s,transform .18s}
.tvn-i:hover{border-color:rgba(125,211,252,.55);transform:translateY(-2px)}
.tvn-i b{display:block;font-size:25px;font-weight:800;color:#fff;line-height:1.08;letter-spacing:-.4px;
  font-variant-numeric:tabular-nums}
.tvn-i span{display:block;font-size:11.9px;color:#94a8c4;margin-top:5px;line-height:1.4}
/* ── iddia kartları ── */
.tvc{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:20px}
.tvc-i{display:block;background:rgba(255,255,255,.045);border:1px solid rgba(147,197,253,.16);
  border-radius:16px;padding:16px 17px;transition:border-color .18s,background .18s,transform .18s}
.tvc-i:hover{border-color:rgba(251,146,60,.5);background:rgba(255,255,255,.075);transform:translateY(-3px)}
.tvc-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;
  background:rgba(56,189,248,.14);color:#7dd3fc;margin-bottom:10px}
.tvc-ic svg{width:19px;height:19px}
.tvc-i b{display:block;font-size:14.6px;color:#fff;margin-bottom:5px;line-height:1.32}
.tvc-i>span:not(.tvc-ic){display:block;font-size:13px;color:#9fb1cc;line-height:1.58}
.tvc-i em{display:block;font-style:normal;margin-top:10px;font-size:12.6px;font-weight:800;color:#93c5fd}
.tvx-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tvx-cta a{display:inline-block;padding:12px 19px;border-radius:12px;font-weight:800;font-size:14px}
.tvx-cta .p{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 8px 22px rgba(234,88,12,.32)}
.tvx-cta .p:hover{filter:brightness(1.07)}
.tvx-cta .s{background:rgba(255,255,255,.07);color:#dbe6f7;border:1px solid rgba(219,230,247,.24)}
.tvx-cta .s:hover{background:rgba(255,255,255,.13)}
@media(max-width:820px){
  .tvx-in{padding:24px 18px 22px}
  .tvx-h{font-size:26px}
  .tvp{grid-auto-columns:minmax(142px,78%);margin-right:-18px;padding-right:18px}
}
footer{margin-top:44px;border-top:1px solid var(--line2);padding:26px 0 40px;color:var(--mut);font-size:13px;line-height:1.7}
footer .fl{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:12px}
.empty{grid-column:1/-1;text-align:center;color:var(--mut);padding:30px;font-size:14px}
.skl{background:linear-gradient(90deg,#161b15,#20271f,#161b15);background-size:200% 100%;animation:sh 1.2s infinite;border-radius:16px;height:230px}
@keyframes sh{0%{background-position:200% 0}100%{background-position:-200% 0}}
.prev{background:rgba(234,88,12,.06);border-bottom:1px dashed var(--acc);color:var(--acc);font-size:12px;text-align:center;padding:8px}
/* MOBİL MENÜ */
.mmenu{display:none;flex-direction:column;background:var(--card);border-bottom:1px solid var(--line2);padding:8px 16px 14px;position:sticky;top:62px;z-index:35}
.mmenu.on{display:flex}
.mmenu a{display:flex;align-items:center;gap:11px;padding:13px 6px;color:var(--ink);font-size:15px;font-weight:600;border-bottom:1px solid var(--line2)}
.mmenu a:last-child{border-bottom:none}
.mmenu a .cic{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;color:var(--acc);flex:0 0 auto}
.mmenu a .cic svg{width:19px;height:19px;display:block}
.mmenu a:active{color:var(--acc)}
/* RESPONSIVE */
@media(max-width:900px){
  .hero{padding:26px 0 6px}
  .hero-grid{grid-template-columns:1fr;gap:20px}.hero h1{font-size:30px}.hero p{font-size:15px}
  .grid{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(3,1fr)}
  .note{grid-template-columns:1fr;gap:14px}
  .nav .links,.nav .sbox{display:none}.menu-btn{display:block}
  .nav .container{gap:10px}.wx{padding:0 11px;font-size:12px}
  .sec{padding:26px 0 4px}.sec-h h2{font-size:19px}
}
@media(max-width:520px){
  .container{padding:0 14px}
  .hero h1{font-size:24px;letter-spacing:-.5px}
  .bigsearch .box{height:50px}.bigsearch .go{padding:0 16px;font-size:14px}
  .grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .pcard .pt{font-size:12px;height:34px}.pcard .pp{font-size:15px}
  .cats{grid-template-columns:repeat(2,1fr);gap:10px}.calc{padding:16px}
  .dcard{padding:16px}.dcard .pr{font-size:24px}.reasons .r{min-width:100%}
.wx{padding:0 12px}.wxgrid{grid-template-columns:1fr}
  .brand{font-size:18px}
}
@media(max-width:720px){
  /* ÜST ŞERİT YÜKÜ (18 Eyl 2026, canlı bulgu): haber turu + kategori barı +
     canlı piyasa üst üste ≈150px yer kaplıyordu; mobilde ana mesaja inmeden
     önce ÜÇ kayan bant vardı. Piyasa şeridi ana vaat değil (yardımcı bilgi) →
     mobilde gizlenir. Masaüstünde aynen kalıyor, veri de kaybolmuyor:
     /klasik ve "Tüm Araçlar" sayfasında piyasa zaten var. */
  .ticker{display:none}
  /* Chip satırları mobilde tek satır, yatay kaydırılabilir */
  .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .chips::-webkit-scrollbar{display:none}
  .chips .chip{flex:0 0 auto}
  .gridsay{display:none}
  .hero-eyebrow{font-size:11.5px;padding:5px 11px}
  .trustrow{gap:6px}.trustrow span{font-size:11.5px;padding:6px 9px}
  .catbar a{font-size:12.5px;padding:9px 11px}
  .catbar .cbin{flex-wrap:nowrap;overflow-x:auto;padding:5px 14px}
  .catbar::after{display:block}
  .sec-h .l{font-size:12px}
  .zr-grid{grid-template-columns:1fr}
}
.zr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.zr-card{background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:16px 18px 12px}
.zr-card h3{font-size:12.5px;font-weight:800;margin:0 0 4px;padding-bottom:10px;border-bottom:2px solid var(--line2);display:flex;align-items:center;gap:8px;letter-spacing:.03em;text-transform:uppercase}
.zr-card .zr-i{font-size:12.5px;color:var(--ink);padding:8px 6px;margin:0 -6px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;gap:10px;line-height:1.35;border-radius:8px;transition:background .12s}
.zr-card .zr-i:hover{background:rgba(234,88,12,.05)}
.zr-card .zr-i:first-of-type{border-top:none}
.zr-card .zr-i a{color:var(--ink);font-weight:500}.zr-card .zr-i a:hover{color:var(--acc)}
.zr-card .up{color:var(--dan);font-weight:800;white-space:nowrap}
.zr-card .dn{color:var(--al);font-weight:800;white-space:nowrap}
.zr-card .zr-bos{font-size:12px;color:var(--mut);line-height:1.5;padding-top:4px}
.zr-tag{display:inline-block;background:var(--card2);border:1px solid var(--line2);border-radius:20px;padding:3px 10px;font-size:11.5px;color:var(--mut);margin:3px 4px 0 0}
.zr-not{font-size:11.5px;color:var(--mut);margin-top:12px;line-height:1.5;background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:10px 13px}
.psoc{display:flex;align-items:center;gap:7px;margin:2px 0 1px;font-size:11.5px}
.psoc .pstar{color:#b45309;font-weight:800}
.psoc .prc{color:var(--mut)}
.pkr{position:absolute;bottom:10px;left:10px;z-index:2;font-size:11px;font-weight:900;letter-spacing:.04em;padding:4px 9px;border-radius:8px;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.pkr.al{background:#059669}.pkr.bekle{background:#d97706}.pkr.izle{background:#475569}
/* 90g dip rozeti (Trendyol "son X günün en düşük fiyatı" uyarlaması) — sağ-alt, pkr ile çakışmaz */
.pdip{position:absolute;bottom:10px;right:10px;z-index:2;font-size:10px;font-weight:800;letter-spacing:.02em;padding:3px 8px;border-radius:7px;background:#0f766e;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18)}
#sirasec{border:1px solid var(--line2);background:var(--card);color:var(--mut);border-radius:999px;padding:8px 12px;font-size:12.5px;cursor:pointer;font-family:inherit}
#sirasec:focus{outline:none;border-color:var(--acc)}
.ef{margin-top:5px;font-size:14px;font-weight:800;color:var(--ink)}.ef s{font-weight:600;color:var(--mut);font-size:12px}.eoff{font-size:11px;font-weight:800;color:#b91c1c}
.heroalarm{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 4px;padding:11px 14px;border:1px solid var(--acc);border-radius:12px;background:color-mix(in srgb, var(--acc) 7%, transparent)}
.heroalarm .halbl{font-size:13.5px;font-weight:800;color:var(--ink)}
.heroalarm .halbtn{cursor:pointer;border:0;border-radius:10px;background:var(--acc);color:var(--acc-ink);font-size:13.5px;font-weight:900;padding:9px 16px;letter-spacing:.01em}
.heroalarm .halbtn:hover{filter:brightness(1.07)}
.heroalarm .halnot{font-size:11.5px;color:var(--mut);font-weight:600}
@media(max-width:560px){.heroalarm{gap:8px;padding:10px 12px}.heroalarm .halbtn{width:100%}}
.pveri{display:inline-block;margin-top:4px;margin-left:5px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;background:var(--card2);color:var(--mut);letter-spacing:.01em}
.pgv{display:inline-block;margin-top:4px;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:6px}
.pgv.ok{background:#ecfdf5;color:#047857}.pgv.uyari{background:#fef2f2;color:#b91c1c}.pgv.kismi{background:#eff6ff;color:#1d4ed8}
.pbs{position:absolute;top:8px;left:8px;z-index:2;background:#8a5a00;color:#ffe6b0;font-size:10px;font-weight:800;padding:3px 8px;border-radius:8px;letter-spacing:.02em}
.krs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.krs-card{background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:14px 16px}
.krs-ad{font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:10px;line-height:1.35}
.krs-list{display:flex;flex-direction:column;gap:6px}
.krs-t{display:flex;justify-content:space-between;align-items:center;padding:8px 11px;border-radius:9px;background:var(--card2);border:1px solid var(--line2);font-size:12.5px;color:var(--ink)}
.krs-t b{font-weight:800}.krs-t:hover{border-color:var(--acc)}
.krs-t.ucuz{border-color:var(--acc);background:rgba(234,88,12,.08)}.krs-t.ucuz b{color:var(--acc)}
.krs-foot{font-size:11.5px;color:var(--mut);margin-top:9px}
.krs-2el{display:inline-block;font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.02em;padding:1px 5px;margin-left:5px;border-radius:5px;background:rgba(120,120,128,.16);color:var(--mut);vertical-align:middle}
@media(max-width:720px){.krs-grid{grid-template-columns:1fr}}
.fr-list{display:flex;flex-direction:column;gap:8px}
.fr-i{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--card);border:1px solid var(--line2);border-radius:12px;transition:border-color .15s}
.fr-i:hover{border-color:var(--acc)}
.fr-k{flex:0 0 auto;font-size:10.5px;font-weight:800;color:#fff;padding:3px 9px;border-radius:7px;white-space:nowrap}
.fr-t{flex:1;min-width:0;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fr-e{flex:0 0 auto;font-size:11.5px;color:var(--mut);font-weight:700}
/* ─── Haber Turnuvası ─────────────────────────────────────────── */
.htcard{margin-top:18px;display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:center;border-radius:18px;padding:22px 24px;color:var(--ink);background:linear-gradient(120% 140% at 0% 0%,#fff7f2,var(--card) 60%);border:1px solid var(--line2);box-shadow:0 6px 16px rgba(194,65,12,.10)}
.htcard-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.1em;color:var(--acc);background:rgba(234,88,12,.09);border:1px solid rgba(234,88,12,.22);padding:4px 11px;border-radius:20px}
.htcard-h{font-size:21px;font-weight:800;line-height:1.2;margin:12px 0 6px;color:var(--ink)}
.htcard-p{font-size:13px;line-height:1.5;color:var(--mut);margin:0 0 16px;max-width:44ch}
.htcard-btn,.htbtn,.htwin-oku{cursor:pointer;border:none;font-weight:800;color:var(--acc-ink);border-radius:12px;background:linear-gradient(180deg,#c2410c,#a3350a)}
.htcard-btn{padding:12px 22px;font-size:14.5px;box-shadow:0 6px 16px rgba(234,88,12,.28);transition:transform .15s,box-shadow .15s}
.htcard-btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(234,88,12,.38)}
.htcard-r{background:var(--bg2);border:1px solid var(--line2);border-radius:14px;padding:12px 14px;min-height:60px}
.htlider-t{font-size:11.5px;font-weight:800;letter-spacing:.06em;color:var(--acc);margin-bottom:8px;text-transform:uppercase}
.htlider-i{display:flex;align-items:center;gap:9px;padding:6px 0;border-bottom:1px solid var(--line2);font-size:12.5px}
.htlider-i:last-child{border-bottom:none}
.htlider-n{width:19px;height:19px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(234,88,12,.12);color:var(--acc);font-weight:800;font-size:11.5px}
.htlider-x{flex:1;min-width:0;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.htlider-o{flex:0 0 auto;color:var(--acc);font-weight:800}
.htlider-bos{color:var(--mut);font-size:12.5px;line-height:1.5}
.htmodal{display:none;position:absolute;top:430px;right:22px;z-index:45;width:300px;max-width:calc(100vw - 24px)}
.htmodal.on{display:block}
.htpanel{position:relative;width:100%;border-radius:18px;padding:16px 15px 15px;color:var(--ink);background:var(--card);border:1px solid var(--line2);box-shadow:0 6px 16px rgba(15,23,42,.10);animation:htpop .22s cubic-bezier(.2,.8,.2,1)}
@keyframes htpop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
/* ═══ ANİMASYON KATMANI (emil/animate skill'lerinden) — reduced-motion satır 46'da kapatılır ═══ */
/* 1) Kart hover — spring yükselme */
.pcard{transition:border-color .18s,transform .42s cubic-bezier(.34,1.56,.64,1),box-shadow .42s}
.pcard:hover{border-color:var(--acc);transform:translateY(-6px) scale(1.015)}
/* 3) İndirim rozeti pop-in */
.pcard .poff{animation:poffpop .5s cubic-bezier(.34,1.7,.5,1) both}
@keyframes poffpop{0%{transform:scale(0);opacity:0}62%{transform:scale(1.18)}100%{transform:scale(1);opacity:1}}
/* 3b) Hero karar rozeti pop */
#dcard .badge{animation:badgepop .55s cubic-bezier(.34,1.7,.5,1) both}
@keyframes badgepop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
/* 8) Grid liste — stagger giriş */
#grid .pcard{animation:cardin .5s cubic-bezier(.22,1,.36,1) both}
@keyframes cardin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
#grid .pcard:nth-child(1){animation-delay:.02s}#grid .pcard:nth-child(2){animation-delay:.06s}
#grid .pcard:nth-child(3){animation-delay:.1s}#grid .pcard:nth-child(4){animation-delay:.14s}
#grid .pcard:nth-child(5){animation-delay:.18s}#grid .pcard:nth-child(6){animation-delay:.22s}
#grid .pcard:nth-child(7){animation-delay:.26s}#grid .pcard:nth-child(8){animation-delay:.3s}
#grid .pcard:nth-child(9){animation-delay:.34s}#grid .pcard:nth-child(10){animation-delay:.38s}
/* 7) Filtre chip — spring seçim */
.chip{transition:background .3s cubic-bezier(.34,1.4,.6,1),color .2s,border-color .2s,transform .3s cubic-bezier(.34,1.4,.6,1)}
.chip.on{transform:scale(1.06)}
.chip:active{transform:scale(.94)}
/* 4) Takibe ekle — kalp */
.pcard{position:relative}
.pcard .pfav{position:absolute;top:9px;right:9px;z-index:4;width:31px;height:31px;border-radius:50%;background:rgba(12,16,12,.55);backdrop-filter:blur(4px);border:1px solid var(--line2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer;transition:transform .2s,color .2s,background .2s}
.pcard .pfav:hover{background:rgba(12,16,12,.8)}
.pcard .pfav.on{color:#ff5a6a}
.pcard .pfav.go{animation:favbeat .5s cubic-bezier(.34,1.6,.5,1)}
@keyframes favbeat{0%{transform:scale(1)}30%{transform:scale(1.42)}55%{transform:scale(.9)}100%{transform:scale(1)}}
/* 6) Bildirim toast (Sonner tarzı) */
#toastwrap{position:fixed;left:0;right:0;bottom:22px;display:flex;flex-direction:column;align-items:center;gap:9px;z-index:9999;pointer-events:none}
.stoast{pointer-events:auto;max-width:88vw;font-size:13px;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--line2);box-shadow:0 12px 34px rgba(0,0,0,.4);padding:11px 17px;border-radius:13px;animation:stin .4s cubic-bezier(.22,1,.36,1)}
.stoast.out{animation:stout .32s forwards}
@keyframes stin{from{transform:translateY(64px) scale(.96);opacity:0}to{transform:none;opacity:1}}
@keyframes stout{to{transform:translateY(64px) scale(.96);opacity:0}}
/* ═══ SOFT PREMIUM KATMANI (soft-skill / high-end agency) ═══ */
/* Premium font — banned Roboto/Inter yerine Plus Jakarta Sans */
html,body{font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif!important}
:root{
  --e1:0 1px 2px rgba(15,23,42,.04),0 6px 20px rgba(15,23,42,.06);
  --e2:0 2px 6px rgba(15,23,42,.05),0 18px 44px rgba(15,23,42,.11);
  --hi:inset 0 1px 0 rgba(255,255,255,.85);
}
/* Yumuşak, diffüz ambient gölge + squircle — kartlar "yüzer" */
.pcard{border-radius:20px}
.pcard:hover{box-shadow:0 4px 10px rgba(15,23,42,.06),0 22px 48px rgba(15,23,42,.13),var(--hi)}
.cat{border-radius:20px}
.dcard{border-radius:24px!important}
/* Başlık tipografisi — daha güçlü, sıkı tracking (premium grotesk hissi) */
h1{letter-spacing:-.03em;font-weight:800}
.sec-h h2{font-weight:800;letter-spacing:-.03em}
.brand{letter-spacing:-.02em}
/* Eyebrow — mikro pill, uppercase tracking */
.hero-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px!important;font-weight:600}
.hero-eyebrow b{letter-spacing:.02em}
/* Pill CTA — cömert padding + spring hover (button press physics) */
.cta,.bigsearch .go{border-radius:999px!important;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,filter .2s}
.cta{padding:15px 22px!important}
.cta:hover,.bigsearch .go:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(194,65,12,.32)}
.cta:active,.bigsearch .go:active{transform:scale(.98)}
/* Arama kutusu — yumuşak yükselti + pill */
.bigsearch .box{border-radius:999px;box-shadow:0 2px 6px rgba(15,23,42,.05),0 12px 30px rgba(15,23,42,.07)}
/* Macro-whitespace — bölümler nefes alsın (yalnız masaüstü) */
@media(min-width:768px){.sec{padding:52px 0 6px}.sec-h{margin-bottom:22px}}
/* ─── GÜÇLENDİRME: daha belirgin premium ─── */
/* Eyebrow — dolu premium pill, gradient hairline, canlı nokta */
.hero-eyebrow{background:linear-gradient(180deg,#fff,#f4f6fa)!important;border:1px solid #e2e6ee!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 20px rgba(15,23,42,.06)!important;
  padding:8px 15px!important;color:#475569!important}
.hero-eyebrow b{color:var(--acc)!important;font-weight:800}
.hero-eyebrow .dot{width:7px;height:7px;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.14)}
.hero-eyebrow{letter-spacing:.09em!important;color:#3f4a5a!important}
/* Hero başlık — daha iri, daha sıkı, premium ölçek */
@media(min-width:768px){.hero h1{font-size:44px;line-height:1.08;letter-spacing:-.035em}}
/* Kartlar — hairline ring + belirgin yüzme */
.pcard,.cat,.krs-card,.zr-card,.ncard{box-shadow:0 0 0 1px rgba(15,23,42,.03),var(--e1),var(--hi)}
.pcard:hover{transform:translateY(-7px) scale(1.02)}
/* Bölüm başlıkları — daha iri + premium */
@media(min-width:768px){.sec-h h2{font-size:25px}}
/* CTA — "button-in-button" nested ok dairesi */
.cta{position:relative;padding-right:52px!important}
.cta::after{content:"→";position:absolute;right:8px;top:50%;transform:translateY(-50%);
  width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;
  transition:transform .45s cubic-bezier(.34,1.56,.64,1),background .3s}
.cta:hover::after{transform:translateY(-50%) translateX(3px) scale(1.08);background:rgba(255,255,255,.32)}
/* Hero karar kartı — daha derin, premium yükselti */
.dcard{box-shadow:0 2px 8px rgba(15,23,42,.05),0 30px 66px rgba(15,23,42,.14),var(--hi)!important}
/* ─── En İyiler sekmeleri ─── */
.ei-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.ei-tb{font-size:13px;font-weight:600;padding:8px 15px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--mut);cursor:pointer;white-space:nowrap;transition:all .28s cubic-bezier(.34,1.4,.6,1)}
.ei-tb:hover{border-color:var(--acc);color:var(--ink)}
.ei-tb.active{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:700;transform:scale(1.04);box-shadow:0 6px 16px rgba(194,65,12,.25)}
.ei-tb:active{transform:scale(.96)}
/* ─── Üyelik modalı ─── */
.uye-body{padding:8px 2px 4px}
.uye-prog{display:flex;gap:6px;margin:0 0 16px}
.uye-prog i{flex:1;height:4px;border-radius:99px;background:var(--line2);transition:background .3s}
.uye-prog i.on{background:var(--acc)}
.uye-p{color:var(--ink);font-size:14.5px;line-height:1.5;margin:0 0 14px}
.uye-p b{color:var(--acc)}
.uye-inp{width:100%;box-sizing:border-box;height:48px;border:1px solid var(--line2);border-radius:12px;padding:0 15px;font-size:15px;color:var(--ink);background:var(--card2);outline:none;transition:border-color .2s,box-shadow .2s}
.uye-inp:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(194,65,12,.12);background:#fff}
.uye-err{color:var(--dan);font-size:12.5px;min-height:16px;margin:6px 2px 8px}
.uye-mini{color:var(--mut);font-size:12px;text-align:center;margin:12px 0 0;line-height:1.4}
.uye-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.uye-chips .chip{user-select:none}
.uye-opts{display:flex;flex-direction:column;gap:10px;margin:0 0 14px}
.uye-opt{display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--line2);border-radius:13px;padding:12px 14px;cursor:pointer;transition:border-color .2s,background .2s}
.uye-opt b{font-size:14px;color:var(--ink)}
.uye-opt span{font-size:12px;color:var(--mut)}
.uye-opt.on{border-color:var(--acc);background:rgba(194,65,12,.06)}
.uye-check{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--mut);margin:0 0 16px;cursor:pointer}
.uye-check input{width:17px;height:17px;accent-color:var(--acc)}
.uye-done{text-align:center;padding:8px 0}
.uye-done-i{font-size:44px;margin-bottom:6px}
.uye-done h3{margin:0 0 8px;font-size:19px;color:var(--ink)}
.uye-out{display:block;width:100%;margin-top:12px;background:none;border:none;color:var(--mut);font-size:12.5px;cursor:pointer;text-decoration:underline}
#uyemodal .cta{margin-top:4px}
/* ─── Mağaza Karşılaştırma — rakip-site (Cimri/Google Shopping) dokunuşu ─── */
.krs-t{transition:border-color .18s,background .18s,transform .18s}
.krs-t:hover{transform:translateX(2px)}
.krs-t{gap:10px}
.krs-mg{display:inline-flex;align-items:center;gap:6px;font-weight:600;min-width:0;flex:1;flex-wrap:wrap}
.krs-mgn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.krs-pr{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.krs-eb{font-size:9px;font-weight:800;letter-spacing:.05em;color:#fff;background:var(--acc);padding:2px 6px;border-radius:6px;flex-shrink:0}
.krs-guv{color:#16a34a;font-weight:800;font-size:11px;flex-shrink:0}
.krs-foot .krs-guv{font-size:11px}
.krs-go{color:var(--acc);font-weight:800;opacity:0;transform:translateX(-4px);transition:.18s}
.krs-t:hover .krs-go{opacity:1;transform:translateX(0)}
.krs-t.ucuz .krs-go{opacity:.7}
/* ─── NAV BAR — premium güçlendirme ─── */
.nav{background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid rgba(15,23,42,.06);box-shadow:0 1px 0 rgba(255,255,255,.6),0 6px 24px rgba(15,23,42,.05)}
.nav .container{height:66px}
.brand{font-size:21px}
.nav .links a{font-weight:600;color:#475569;transition:color .2s}
.nav .links a:hover{color:var(--acc)}
/* Arama kutusu — premium pill, tıklanır, nested "Ara" butonu */
.nav .sbox{position:relative;z-index:41;cursor:text;background:#f4f6fa;border:1px solid #e4e8f0;border-radius:999px;height:42px;width:260px;flex:0 1 260px;min-width:150px;padding:0 5px 0 15px;box-shadow:inset 0 1px 2px rgba(15,23,42,.04);transition:box-shadow .25s,border-color .25s,background .25s}
.nav .sbox:hover{background:#fff;border-color:#d7dce6}
.nav .sbox:focus-within{background:#fff;border-color:var(--acc);box-shadow:0 0 0 3px rgba(194,65,12,.12)}
.nav .sbox input{cursor:text;font-size:13.5px}
.nav .sbox .sbtn{flex:0 0 auto;border:none;background:var(--acc);color:#fff;font-weight:700;font-size:12.5px;height:32px;padding:0 14px;border-radius:999px;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .2s}
.nav .sbox .sbtn:hover{filter:brightness(1.07)}
.nav .sbox .sbtn:active{transform:scale(.94)}
.htx{position:absolute;top:11px;right:11px;width:26px;height:26px;border:none;border-radius:8px;background:var(--bg2);color:var(--mut);font-size:13px;cursor:pointer;transition:background .15s,color .15s}
.htx:hover{background:rgba(234,88,12,.1);color:var(--acc)}
.hthead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px;padding-right:28px}
.htbadge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;letter-spacing:.09em;color:var(--acc)}
.htprog{font-size:10px;font-weight:700;color:var(--mut)}
.htq{font-size:14px;font-weight:800;line-height:1.25;margin:5px 0 12px;color:var(--ink)}
.htvs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:stretch}
.htopt{position:relative;cursor:pointer;border-radius:12px;overflow:hidden;background:var(--bg2);border:2px solid var(--line2);transition:border-color .15s,transform .15s}
.htopt:hover{border-color:rgba(234,88,12,.5);transform:translateY(-2px)}
.htopt.sel{border-color:var(--acc);box-shadow:0 0 0 2px rgba(234,88,12,.22)}
.htopt-img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:var(--bg2)}
.htopt-noimg{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--bg2)}
.htopt-t{padding:7px 8px;font-size:10.5px;font-weight:700;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:28px}
.htopt-chk{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;display:none;align-items:center;justify-content:center;font-size:12px;font-weight:900;box-shadow:0 2px 8px rgba(234,88,12,.45)}
.htopt.sel .htopt-chk{display:flex}
.htvs-mid{display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:900;color:var(--acc);opacity:.85}
.htbtn{display:block;width:100%;margin-top:12px;padding:11px;font-size:13.5px;box-shadow:0 5px 14px rgba(234,88,12,.26);transition:opacity .15s,transform .15s}
.htbtn:disabled{opacity:.45;cursor:not-allowed}
.htbtn:not(:disabled):hover{transform:translateY(-2px)}
.htwin{text-align:center;padding:4px 2px 2px}
.htwin-img{width:88px;height:88px;border-radius:13px;object-fit:cover;margin:4px auto 10px;display:block;border:2px solid var(--acc);box-shadow:0 6px 18px rgba(234,88,12,.22)}
.htwin-noimg{width:88px;height:88px;border-radius:13px;margin:4px auto 10px;display:flex;align-items:center;justify-content:center;font-size:38px;background:var(--bg2)}
.htwin-h{font-size:10.5px;font-weight:800;letter-spacing:.07em;color:var(--acc);margin-bottom:5px}
.htwin-t{font-size:13.5px;font-weight:800;line-height:1.3;margin-bottom:12px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.htwin-oku{display:inline-block;padding:10px 20px;font-size:13.5px;text-decoration:none}
.htwin-tekrar{display:block;margin-top:11px;background:none;border:none;color:var(--mut);font-size:11.5px;font-weight:700;cursor:pointer;text-decoration:underline}
.hthint{margin-top:9px;font-size:11.5px;font-weight:600;color:var(--mut);text-align:center}
.htsonuc{margin:2px 0 10px}
.htsonuc-i{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line2);font-size:11.5px}
.htsonuc-i:last-child{border-bottom:none}
.htsonuc-n{width:18px;height:18px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(234,88,12,.12);color:var(--acc);font-weight:800;font-size:10px}
.htsonuc-x{flex:1;min-width:0;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.htsonuc-o{flex:0 0 auto;color:var(--acc);font-weight:800}
@media(max-width:720px){.htcard{grid-template-columns:1fr;gap:14px}.htcard-r{order:-1}.htmodal{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto}}

/* ── NAV KADEMELİ DARALMA (18 Eyl 2026) ──────────────────────────────────────
   ÖLÇÜLEN KUSUR: nav içeriği 1180px konteyneri aşıyordu (marka ~200 + 7 uzun
   bağlantı ~730 + arama 280 + Üye ~110 + ☰ 40 ≈ 1400px) → "Üye Girişi" ve
   kategori şeridinin sonu KIRPILIYOR, sayfa yatay kayıyordu. Kırpmak sessiz
   bir hata; onun yerine dar ekranda en az kritik bağlantı GİZLENİR. Hepsi ☰
   menüsünde duruyor → bilgi kaybı YOK. AL/BEKLE/İZLE her zaman kalır. */
@media (max-width:1280px){ .nav .links a[href="#hesap"]{display:none} }
@media (max-width:1150px){ .nav .links a[href="#haberler"]{display:none} }
@media (max-width:1040px){ .nav .links a[href="#secEditor"]{display:none} }
@media (max-width:960px){  .nav .links a[href="#zamradar"]{display:none} }
@media (max-width:880px){  .nav .links a[href="/endeks"]{display:none} }
@media (max-width:820px){  .nav .links{display:none} }
/* Kategori şeridi kendi içinde kaydırılır, SAYFAYI kaydırmaz */
.catbar .cbin{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.catbar .cbin::-webkit-scrollbar{display:none}

/* ===== 🧺 Sepet planı (19 Eyl 2026) ===== */
.spc{background:var(--kart,#fff);border:1px solid var(--cizgi,#e2e8f0);border-radius:16px;padding:16px 18px}
.spt{font-size:16.5px;font-weight:700;line-height:1.5;margin-bottom:10px}
.spr{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13.5px;color:var(--mut,#64748b);
     padding-bottom:12px;border-bottom:1px solid var(--cizgi,#e2e8f0);margin-bottom:12px}
.spr b{color:var(--yazi,#0f172a)}
.spg{margin-bottom:12px}
.spb{display:inline-block;color:#fff;font-size:12px;font-weight:800;letter-spacing:.4px;
     padding:3px 10px;border-radius:999px;margin-bottom:6px}
.spb span{font-weight:600;opacity:.85}
.spk{display:flex;gap:10px;align-items:baseline;padding:5px 0;font-size:13.6px;
     border-bottom:1px dashed var(--cizgi,#eef2f7)}
.spk a{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
       color:var(--yazi,#0f172a);text-decoration:none}
.spk a:hover{text-decoration:underline}
.spf{flex:0 0 auto;font-weight:700}
.spn{flex:0 0 auto;font-size:12.4px;text-align:right;min-width:150px}
.spu{margin:10px 0 0;padding-left:18px;font-size:12.8px;color:#b45309;line-height:1.6}
.spd{margin-top:10px;font-size:12px;color:var(--mut,#64748b);line-height:1.55}
@media(max-width:560px){.spn{min-width:0;flex:1 1 100%;text-align:left}
  .spk{flex-wrap:wrap;gap:4px 10px}}

/* ⚡ ZAM GELMEDEN AL kartı (22 Eyl 2026) — zam radarının başındaki vaat kartı.
   Diğer radar kartlarından AYRIŞSIN diye marka rengiyle çerçeveli. */
.zo-card{border:2px solid var(--acc,#ea580c);background:linear-gradient(180deg,rgba(234,88,12,.07),transparent 60%)}
.zo-card h3{color:var(--acc,#ea580c)}
.zo-alt{font-size:12.5px;line-height:1.5;color:var(--mut,#64748b);margin:-4px 0 10px}
.zo-i{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 0;border-top:1px solid var(--bd,#e2e8f0);text-decoration:none;color:inherit}
.zo-i:first-of-type{border-top:0}
.zo-ad{font-size:13.5px;line-height:1.35;min-width:0;flex:1 1 auto}
.zo-i:hover .zo-ad{text-decoration:underline}
.zo-sag{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto;white-space:nowrap}
.zo-sag b{font-size:14px}
.zo-sag em{font-style:normal;font-size:11.5px;color:var(--acc,#ea580c);font-weight:600}
@media(max-width:560px){.zo-ad{font-size:12.5px}.zo-sag b{font-size:13px}}

/* ═══════════════════════════════════════════════════════════════════════════
   CANLI / RENKLİ KATMAN (22 Eyl 2026 — kullanıcı: "daha canlı / renkli")
   Tek blok halinde EN SONDA duruyor: geri almak istenirse bu bölüm silinir,
   altındaki hiçbir kural değişmediği için site eski hâline döner.
   ⚠️ KURAL: renk yalnız VURGU katmanıdır — karar rozetlerinin ANLAMI
   değişmedi (AL yeşil · BEKLE amber · İZLE gri · sahte indirim kırmızı).
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --v1:#f97316;   /* turuncu — marka */
  --v2:#e11d48;   /* kızıl — indirim/aciliyet */
  --v3:#2563eb;   /* mavi — ölçüm/veri */
  --v4:#059669;   /* yeşil — AL / gerçek */
  --v5:#7c3aed;   /* mor — teknoloji */
}
/* ── 1) Zemin: tek turuncu hale yerine çok renkli, yumuşak ışık ── */
body{background:
  radial-gradient(1100px 560px at 8% -8%,  rgba(249,115,22,.16), transparent 58%),
  radial-gradient(900px 520px at 92% 4%,   rgba(37,99,235,.11),  transparent 60%),
  radial-gradient(800px 600px at 50% 105%, rgba(124,58,237,.08), transparent 62%),
  var(--bg);background-attachment:fixed}

/* ── 2) Bölüm başlıkları: renkli aksan çubuğu + daha güçlü tipografi ── */
.sec-h h2{position:relative;padding-left:15px;font-size:24px}
.sec-h h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:5px;height:24px;border-radius:3px;
  background:linear-gradient(180deg,var(--v1),var(--v2))}
#eniyiler .sec-h h2::before{background:linear-gradient(180deg,#f59e0b,#f97316)}
#karsilastir .sec-h h2::before{background:linear-gradient(180deg,#38bdf8,var(--v3))}
#zamradar .sec-h h2::before{background:linear-gradient(180deg,#fb7185,var(--v2))}
#secEditor .sec-h h2::before{background:linear-gradient(180deg,#a78bfa,var(--v5))}
#secSepet .sec-h h2::before{background:linear-gradient(180deg,#34d399,var(--v4))}
#hesap .sec-h h2::before{background:linear-gradient(180deg,#38bdf8,var(--v5))}
.sec-h .l{font-weight:700}
.sec-alt-h{color:var(--v5);letter-spacing:.14em}

/* ── 3) Renkli bölüm bantları: sayfa düz beyaz kalmasın ──
   ID ile hedefleniyor (bölümler gizlenip açılabildiği için nth-child kırılgan). */
#eniyiler,#zamradar,#secEditor,#secSepet{
  position:relative;border-radius:24px;padding:28px 22px 14px;margin:26px 0}
#eniyiler{background:linear-gradient(135deg,#fffbeb,#fff7ed);border:1px solid #fde68a}
#zamradar{background:linear-gradient(135deg,#fff1f2,#fff7ed);border:1px solid #fecdd3}
#secEditor{background:linear-gradient(135deg,#faf5ff,#f5f3ff);border:1px solid #ddd6fe}
#secSepet{background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #a7f3d0}

/* ── 4) Ürün kartı: daha dolu, daha canlı ── */
.pcard{border-radius:20px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 26px rgba(15,23,42,.07)}
.pcard:hover{border-color:var(--v1);
  box-shadow:0 18px 44px rgba(249,115,22,.20),0 2px 6px rgba(15,23,42,.06)}
.pcard .poff{background:linear-gradient(135deg,var(--v2),var(--v1));font-size:12px;
  padding:4px 10px;border-radius:9px;box-shadow:0 4px 12px rgba(225,29,72,.34)}
.pcard .pp{font-size:19px;letter-spacing:-.4px;color:#0b1220}
.pcard .pt{font-weight:600}
/* karar rozetleri: dolgu gradyanı + hafif parıltı (ANLAM aynı) */
.pkr{font-size:11.5px;padding:5px 11px;border-radius:9px}
.pkr.al{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 3px 12px rgba(5,150,105,.42)}
.pkr.bekle{background:linear-gradient(135deg,#f59e0b,#b45309);box-shadow:0 3px 12px rgba(217,119,6,.42)}
.pkr.izle{background:linear-gradient(135deg,#64748b,#334155);box-shadow:0 3px 12px rgba(51,65,85,.34)}
.pdip{background:linear-gradient(135deg,#14b8a6,#0f766e);box-shadow:0 3px 12px rgba(15,118,110,.40)}
.pgv{font-weight:800;border:1px solid transparent}
.pgv.ok{background:#d1fae5;color:#065f46;border-color:#6ee7b7}
.pgv.uyari{background:#ffe4e6;color:#9f1239;border-color:#fda4af}
.pgv.kismi{background:#dbeafe;color:#1e40af;border-color:#93c5fd}
.pveri{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe;font-weight:800}

/* ── 5) Chip'ler ve kategori şeridi ── */
.chip{font-weight:600}
.chip:hover{border-color:var(--v1);color:var(--v1);background:#fff7ed}
.chip.on{background:linear-gradient(135deg,var(--v1),var(--v2));border-color:transparent;
  box-shadow:0 6px 18px rgba(249,115,22,.34)}
.catbar a:hover{background:#fff7ed;color:var(--v1)}
.catbar a:hover .cic{color:var(--v1)}

/* ── 6) Keşfet kartları: renkli ikon kutusu ── */
.cat:hover{border-color:var(--v5);box-shadow:0 14px 34px rgba(124,58,237,.16)}
/* ikon kutusu: boyut ORİJİNAL 46px (küçültmek canlılığa hizmet etmez), yalnız renk değişti */
.cat .ic{background:linear-gradient(135deg,#fff7ed,#ffe4e6);color:var(--v1);border-color:#fed7aa}
.cat:hover .ic{background:linear-gradient(135deg,var(--v1),var(--v2));color:#fff;border-color:transparent}
.cat:hover::after{color:var(--v5)}

/* ── 7) Hero: renkli vurgu + daha güçlü CTA ── */
.hero h1{font-size:43px}
.hero h1 u{text-decoration:none;
  background:linear-gradient(180deg,transparent 62%,rgba(249,115,22,.34) 62%);
  padding:0 3px;border-radius:3px}
.hero-eyebrow{border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff1f2)!important}
.bigsearch .go{background:linear-gradient(135deg,var(--v1),var(--v2));
  box-shadow:0 10px 26px rgba(225,29,72,.30)}
.bigsearch .go:hover{filter:brightness(1.06)}
.flow3 .f3d{background:linear-gradient(135deg,var(--v1),var(--v2))!important;color:#fff!important;
  border-color:transparent!important}
.heroalarm{background:linear-gradient(135deg,#fff7ed,#fef2f2);border-color:#fdba74}
.halbtn{background:linear-gradient(135deg,var(--v1),var(--v2))!important;
  box-shadow:0 8px 20px rgba(225,29,72,.28)}

/* ── 8) Hareket azaltma tercihi + mobil sıkıştırma ── */
@media(max-width:720px){
  .sec-h h2{font-size:20px}
  #eniyiler,#zamradar,#secEditor,#secSepet{padding:20px 14px 10px;border-radius:18px;margin:18px 0}
  .hero h1{font-size:31px}
}

/* ═══ KATEGORİ PİYASA PANELİ (TradingView tarzı) — zga.js katPanelYaz ═══ */
.kp{border-radius:18px;margin:10px 0 14px;padding:14px 16px;color:#e6edf8;
  background:radial-gradient(700px 300px at 8% -40%,rgba(56,189,248,.16),transparent 60%),
  linear-gradient(160deg,#0a1220,#111c30 55%,#0b1424);border:1px solid #223350;box-shadow:0 14px 36px rgba(8,15,30,.18)}
.kp-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:11px}
.kp-tag{display:inline-flex;align-items:center;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:11.4px;font-weight:800;letter-spacing:.1em;color:#7dd3fc;text-transform:uppercase}
.kp-tag i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e}
.kp-src{font-size:11px;color:#7d90ab;font-family:ui-monospace,Menlo,monospace}
.kp-kg{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px}
.kp-t{padding:11px 12px;border:1px solid #1e2c46;border-radius:13px;background:rgba(255,255,255,.03)}
.kp-t span{display:block;font-size:11px;color:#8fa3bf;font-weight:700}
.kp-t b{display:block;font-size:21px;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-variant-numeric:tabular-nums;margin-top:2px}
.kp-t em{display:block;font-style:normal;font-size:10.8px;color:#7d90ab;margin-top:2px}
.kp-t b.kp-up{color:#4ade80}.kp-t b.kp-dn{color:#f87171}
.kp-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:10px}
.kp-dist{padding:11px 12px;border:1px solid #1e2c46;border-radius:13px;background:rgba(255,255,255,.03)}
.kp-dh{font-family:ui-monospace,Menlo,monospace;font-size:10.6px;font-weight:800;letter-spacing:.1em;color:#8fa3bf;margin-bottom:9px}
.kp-sb{display:flex;height:12px;border-radius:7px;overflow:hidden;background:#1c2942}
.kp-sb i{display:block;height:100%}
.kp-lg{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:11.6px;color:#cbd5e1}
.kp-lg span{display:inline-flex;align-items:center;gap:5px}.kp-lg i{width:9px;height:9px;border-radius:3px}
.kp-lg b{font-family:ui-monospace,Menlo,monospace;color:#fff}
.kp-hist{display:flex;align-items:flex-end;gap:8px;height:92px}
.kp-hc{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:3px}
.kp-hc i{display:block;width:100%;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#fb923c,#c2410c)}
.kp-hc b{font-size:10.6px;color:#fff;font-family:ui-monospace,Menlo,monospace;order:-1}
.kp-hc span{font-size:9.8px;color:#7d90ab;font-family:ui-monospace,Menlo,monospace}
.kp-best{display:block;margin-top:10px;padding:11px 13px;border-radius:13px;text-decoration:none;color:#e6edf8;
  border:1px solid rgba(34,197,94,.4);background:rgba(34,197,94,.08)}
.kp-best:hover{border-color:#4ade80}
.kp-best span{display:block;font-size:10.8px;color:#4ade80;font-weight:800;letter-spacing:.04em}
.kp-best b{display:block;font-size:13.6px;color:#fff;margin:3px 0}.kp-best em{font-style:normal;font-size:12px;color:#cbd5e1}

/* ═══ MAĞAZA KARŞILAŞTIRMA MASASI (23 Eyl 2026) — .kx-* ═══
   Kart ızgarası (farklı yükseklik, dağınık) yerine tek sütun satır düzeni. */
.kx-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 14px}
.kx-ara{flex:1 1 260px;max-width:380px;padding:10px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font:inherit;font-size:13.5px}
.kx-ara:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(234,88,12,.15)}
.kx-sira{display:flex;gap:6px;flex-wrap:wrap}
.kx-sb{padding:8px 13px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.kx-sb.on{background:linear-gradient(135deg,#f97316,#e11d48);border-color:transparent;color:#fff}
.kx-list{display:flex;flex-direction:column;gap:12px}
.kx-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.35fr) 210px;gap:22px;align-items:center;background:var(--card);border:1px solid var(--line2);border-radius:18px;padding:16px 18px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 22px -14px rgba(15,23,42,.18);transition:border-color .18s,box-shadow .18s}
.kx-row:hover{border-color:rgba(234,88,12,.45);box-shadow:0 1px 2px rgba(15,23,42,.04),0 14px 30px -14px rgba(234,88,12,.28)}
.kx-urun{display:flex;gap:14px;align-items:center;min-width:0}
.kx-img{width:64px;height:64px;flex-shrink:0;border-radius:14px;background:#fff;border:1px solid var(--line2);display:grid;place-items:center;overflow:hidden}
.kx-img img{width:100%;height:100%;object-fit:contain;padding:5px}
.kx-img span{font-size:24px;font-weight:800;color:var(--acc)}
.kx-meta{min-width:0}
.kx-meta h3{font-size:14.5px;font-weight:750;line-height:1.3;margin:0 0 5px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kx-alt{font-size:12px;color:var(--mut)}
.kx-karar{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:#7c3aed}
.kx-karar:hover{text-decoration:underline}
.kx-serit{min-width:0}
.kx-tr{position:relative;height:28px;margin:0 8px}
.kx-tr::before{content:"";position:absolute;left:0;right:0;top:13px;height:3px;border-radius:3px;background:linear-gradient(90deg,#059669,#eab308 55%,#e11d48)}
.kx-d{position:absolute;top:8px;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:#fff;border:3px solid #334155;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.kx-d.dg{background:transparent;border:2px dashed #64748b}
.kx-d.el{border-color:#a1a1aa;background:#e4e4e7}
.kx-d.eu{width:19px;height:19px;margin-left:-9.5px;top:5px;border-color:#f97316;background:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.22);z-index:2}
.kx-med{position:absolute;top:3px;width:2px;height:22px;margin-left:-1px;background:#0f172a;opacity:.35}
.kx-ek{display:flex;justify-content:space-between;font-size:11px;color:var(--mut);margin-top:4px;font-variant-numeric:tabular-nums}
.kx-fark{margin-top:8px;font-size:12.5px;color:var(--ink)}
.kx-fark b{font-weight:800}.kx-fark em{font-style:normal;font-weight:800;color:#e11d48;margin-left:4px}
.kx-best{border-left:1px dashed var(--line2);padding-left:18px;display:flex;flex-direction:column;gap:3px}
.kx-bl{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#059669}
.kx-bm{font-size:13.5px;font-weight:700;color:var(--ink)}
.kx-bp{font-size:23px;font-weight:850;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.kx-btn{margin-top:5px;display:inline-flex;justify-content:center;padding:9px 12px;border-radius:11px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-weight:800;font-size:13px;min-height:40px;align-items:center}
.kx-btn:hover{filter:brightness(1.06)}
.kx-uyar{grid-column:1/-1;font-size:12px;color:#b45309;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:7px 11px;margin-top:-6px}
.kx-det{grid-column:1/-1;margin-top:-6px}
.kx-det summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--acc);list-style:none;display:inline-block;padding:4px 0}
.kx-det summary::-webkit-details-marker{display:none}
.kx-det summary::after{content:" ▾"}.kx-det[open] summary::after{content:" ▴"}
.kx-det table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}
.kx-det th{font-size:11px;font-weight:700;color:var(--mut);text-align:left;padding:6px 8px;border-bottom:1px solid var(--line2);text-transform:uppercase;letter-spacing:.04em}
.kx-det td{padding:8px;border-bottom:1px solid var(--line2);color:var(--ink);font-variant-numeric:tabular-nums}
.kx-det .r{text-align:right}
.kx-det tr.eu td{background:rgba(249,115,22,.07)}
.kx-det td a{font-weight:800;color:var(--acc)}
.kx-fk{color:var(--mut)}
.kx-eb{font-size:9.5px;font-weight:800;letter-spacing:.05em;color:#fff;background:#f97316;padding:2px 6px;border-radius:6px;margin-left:4px}
.kx-c{display:inline-block;font-style:normal;font-size:11px;font-weight:700;padding:1px 6px;border-radius:6px;margin-right:4px}
.kx-c.ok{color:#059669;background:rgba(5,150,105,.1)}
.kx-c.dg{color:#64748b;background:rgba(100,116,139,.12)}
.kx-c.el{color:#71717a;background:rgba(113,113,122,.14)}
.kx-more{display:block;margin:14px auto 0;padding:10px 20px;border-radius:12px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font:inherit;font-weight:700;cursor:pointer;min-height:44px}
.kx-more:hover{border-color:var(--acc);color:var(--acc)}
.kx-not{font-size:12px;color:var(--mut);margin:12px 2px 0;line-height:1.55}
.kx-bos{padding:20px;text-align:center;color:var(--mut);font-size:13px}
@media(max-width:900px){
  .kx-row{grid-template-columns:1fr;gap:14px}
  .kx-best{border-left:0;border-top:1px dashed var(--line2);padding:12px 0 0;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}
  .kx-bl,.kx-bm,.kx-bp{grid-column:1}.kx-btn{grid-column:2;grid-row:1/4}
  .kx-det table{font-size:12px}.kx-det th:nth-child(4),.kx-det td:nth-child(4){display:none}
}

/* ═══ ÜST ŞERİTLER DÜZELTME (23 Eyl 2026) ═══
   Kategori şeridi 2.310px içerik / 1.136px kutu → sağdan kesiliyordu ve kaydırılabildiği
   anlaşılmıyordu. Artık iki yanda ok düğmeleri + iki yanda sönüm. Canlı piyasa etiketi
   şeritten kısa (34px / 41px) ayrı beyaz kutu gibi duruyordu, kayan yazı etiketin altına
   kesik giriyordu → etiket şerit boyu, kayan alana iki yandan sönüm. */
.catbar{position:sticky}
.catbar::before{content:"";position:absolute;left:0;top:0;bottom:1px;width:26px;background:linear-gradient(270deg,transparent,var(--card));pointer-events:none;z-index:1;opacity:0;transition:opacity .15s}
.catbar.sol-var::before{opacity:1}
.catbar.sag-yok::after{opacity:0}
.catbar::after{transition:opacity .15s}
.cb-ok{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid var(--line2);background:#fff;color:#334155;box-shadow:0 2px 8px rgba(15,23,42,.14);display:none;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;padding:0}
.cb-ok:hover{color:var(--v1,#f97316);border-color:var(--v1,#f97316)}
.cb-ok.sol{left:6px}.cb-ok.sag{right:6px}
.catbar.sol-var .cb-ok.sol,.catbar.sag-var .cb-ok.sag{display:inline-flex}
.ticker{align-items:stretch}
.tklbl{height:auto;align-self:stretch;background:var(--bg2);border-right:1px solid var(--line2);padding:0 16px}
.tkwrap{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}
@media(max-width:720px){.cb-ok{display:none!important}}

/* ═══ GÜVEN ŞERİDİ + BUGÜNÜN KARARLARI (23 Eyl 2026) ═══════════════════════ */
.tvmini{padding:18px 0 4px}
.tvm{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;padding:14px 20px;border-radius:16px;
  background:linear-gradient(135deg,#0b1424,#12203a);color:#dbe6f7;box-shadow:0 10px 28px rgba(11,20,36,.16)}
.tvm-eye{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;color:#fff}
.tvm-n{display:flex;gap:10px 20px;flex-wrap:wrap;flex:1;min-width:0}
.tvm-i{font-size:13px;color:#aebdd4;white-space:nowrap}
.tvm-i b{color:#fbbf24;font-size:15px;font-weight:800}
.tvm-lnk{margin-left:auto;color:#93c5fd;font-weight:800;font-size:13.5px;white-space:nowrap}
.tvm-lnk:hover{color:#bfdbfe}

#kararlar{padding-top:26px}
.kr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 10px}
.kr-tb{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1.5px solid #e5e7eb;
  background:#fff;font:inherit;font-weight:800;font-size:14px;color:#334155;cursor:pointer;transition:all .15s}
.kr-tb b{font-size:12px;padding:2px 8px;border-radius:999px;background:#f1f5f9;color:#475569}
.kr-tb:hover{border-color:#cbd5e1;transform:translateY(-1px)}
.kr-tb.on.kr-AL{background:#059669;border-color:#059669;color:#fff}
.kr-tb.on.kr-BEKLE{background:#d97706;border-color:#d97706;color:#fff}
.kr-tb.on.kr-IZLE{background:#475569;border-color:#475569;color:#fff}
.kr-tb.on.kr-ZAM{background:linear-gradient(90deg,#f97316,#e11d48);border-color:#e11d48;color:#fff}
.kr-tb.on b{background:rgba(255,255,255,.22);color:#fff}
.kr-bar{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.kr-acik{margin:0;flex:1;min-width:240px;font-size:14px;color:#64748b;line-height:1.55}
.kr-kat{padding:9px 12px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#334155}
.kr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.krk{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:14px;align-items:start;padding:14px;border-radius:16px;
  background:#fff;border:1px solid #eef0f3;box-shadow:0 2px 10px rgba(15,23,42,.04);transition:box-shadow .15s,border-color .15s}
.krk:hover{border-color:#fed7aa;box-shadow:0 10px 26px rgba(15,23,42,.08)}
.krk-img{width:88px;height:88px;border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}
.krk-img img{width:100%;height:100%;object-fit:contain}
.krk-img.noimg span{font-size:26px;opacity:.5}
.krk-b{min-width:0}
.krk-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:800;font-size:14.5px;color:#0f172a;line-height:1.35}
.krk-t:hover{color:#ea580c}
.krk-p{display:flex;align-items:baseline;gap:8px;margin:5px 0 6px;flex-wrap:wrap}
.krk-p b{font-size:18px;font-weight:900;color:#0f172a}
.krk-p s{font-size:13px;color:#94a3b8}
.krk-p em{font-style:normal;font-size:12px;font-weight:800;color:#e11d48}
.krk-n{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.krk-n li{font-size:12.8px;color:#475569;padding-left:16px;position:relative;line-height:1.4}
.krk-n li::before{content:"•";position:absolute;left:4px;color:#94a3b8;font-weight:900}
.krk-n li.up::before{content:"✓";color:#059669}
.krk-n li.dn::before{content:"!";color:#e11d48}
.krk-s{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:112px}
.krk-k{font-weight:900;font-size:13px;letter-spacing:.04em;padding:6px 12px;border-radius:10px;color:#fff}
.krk-k.al{background:linear-gradient(135deg,#10b981,#059669)}
.krk-k.bekle{background:linear-gradient(135deg,#f59e0b,#d97706)}
.krk-k.izle{background:linear-gradient(135deg,#94a3b8,#64748b)}
.krk-go{font-size:12.8px;font-weight:800;color:#ea580c;white-space:nowrap}
.krk-f{font:inherit;font-size:12.5px;font-weight:800;padding:7px 11px;border-radius:9px;border:1.5px solid #fecdd3;background:#fff1f2;color:#be123c;cursor:pointer;white-space:nowrap}
.krk-f.on{background:#e11d48;border-color:#e11d48;color:#fff}
.kr-more{display:block;margin:16px auto 0;padding:11px 22px;border-radius:12px;border:1.5px solid #e5e7eb;background:#fff;font:inherit;font-weight:800;color:#334155;cursor:pointer}
.kr-more:hover{border-color:#f97316;color:#ea580c}
@media(max-width:860px){.kr-list{grid-template-columns:1fr}}
@media(max-width:520px){
  .krk{grid-template-columns:64px minmax(0,1fr);gap:10px}
  .krk-img{width:64px;height:64px}
  .krk-s{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;min-width:0}
  .tvm-lnk{margin-left:0}
}

/* ═══ 3D KATMAN (23 Eyl 2026) — kütüphanesiz, yalnız CSS transform ═══════════
   Kart imleci izler (JS --rx/--ry yazar), ürün görseli translateZ ile önde yüzer,
   öne çıkan ürünler 3D halkada durur. Renk DEĞİŞMEDİ. Dokunmatik ve azaltılmış
   hareket tercihinde eğim/halka hiç çalışmaz. */
.hero-grid{perspective:1400px}
.d3col{position:relative;transform-style:preserve-3d}
#dcard{overflow:visible;transform-style:preserve-3d;
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
#dcard.t3{transition:transform .12s linear,box-shadow .3s}
#dcard .dc-body{position:relative;transform-style:preserve-3d;animation:d3flip .62s cubic-bezier(.2,.7,.2,1)}
@keyframes d3flip{from{transform:rotateY(-62deg) translateZ(-30px)}to{transform:none}}
#dcard .decide{transform-style:preserve-3d}
#dcard .badge{transform:translateZ(34px)}
.d3img{flex:0 0 92px;width:92px;height:92px;border-radius:18px;background:#fff;display:grid;place-items:center;
  transform:translateZ(58px);box-shadow:0 18px 30px rgba(15,23,42,.18),0 2px 6px rgba(15,23,42,.08);
  animation:d3float 5.5s ease-in-out infinite}
.d3img img{max-width:82px;max-height:82px;object-fit:contain;border-radius:10px}
@keyframes d3float{0%,100%{transform:translateZ(58px) translateY(0)}50%{transform:translateZ(58px) translateY(-7px)}}
.d3off .d3img{animation-play-state:paused}
.d3glare{position:absolute;inset:-20px;border-radius:24px;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(249,115,22,.10),transparent 50%)}
#dcard.t3 .d3glare{opacity:1}
/* 3D halka */
.d3ring{height:0;margin-top:0;perspective:760px;display:none}
.d3col.ring-on .d3ring{display:block;height:92px;margin-top:22px}
.d3rot{position:relative;width:62px;height:62px;margin:14px auto 0;transform-style:preserve-3d;
  transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.d3it{position:absolute;inset:0;padding:0;border:1px solid var(--line2);border-radius:14px;background:#fff;cursor:pointer;
  transform:rotateY(var(--a)) translateZ(var(--R));backface-visibility:hidden;
  box-shadow:0 8px 18px rgba(15,23,42,.12);transition:border-color .2s,box-shadow .2s;overflow:hidden}
.d3it img{width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}
.d3it.on{border-color:var(--acc);box-shadow:0 10px 24px rgba(249,115,22,.28)}
.d3it:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
@media(min-width:721px){.d3col.ring-on .dc-dots{display:none}}
/* Ürün kartları eğim */
.pcard.t3{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px)!important;
  transition:transform .12s linear,box-shadow .3s,border-color .18s!important}
.krk.t3{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .12s linear}
@media(max-width:720px){.d3img{flex-basis:72px;width:72px;height:72px;animation:none;transform:none}.d3img img{max-width:64px;max-height:64px}}
@media(prefers-reduced-motion:reduce){#dcard .dc-body,.d3img{animation:none}.d3rot{transition:none}}

/* ═══ C · KARAR DESTESİ (3D) ═══ */
.kr-deste{margin:6px 0 18px}
.ds-yig{position:relative;height:250px;perspective:1100px;transform-style:preserve-3d;display:flex;justify-content:center}
.ds-k{position:absolute;top:10px;width:150px;height:206px;box-sizing:border-box;padding:10px;border-radius:16px;background:#fff;
  border:1px solid var(--line2,#e2e8f0);box-shadow:0 10px 26px rgba(15,23,42,.12);display:flex;flex-direction:column;align-items:center;gap:5px;
  cursor:pointer;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .4s,box-shadow .3s;backface-visibility:hidden}
.ds-k.on{box-shadow:0 18px 38px rgba(249,115,22,.22);border-color:#fdba74}
.ds-k img{width:96px;height:84px;object-fit:contain}
.ds-t{font-size:12px;line-height:1.3;text-align:center;color:var(--ink,#0f172a);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ds-p{font-size:15px}
.ds-a{font-size:12px;font-weight:700;color:#c2410c;text-decoration:none}
.ds-a:hover{text-decoration:underline}
.ds-ip{text-align:center;font-size:12px;color:var(--mut);margin:4px 0 0}
@media(max-width:720px){.kr-deste{display:none!important}}