/* EticaretRadarı tasarım sistemi v8 (2026-10-22) — ana sayfa, Gündem, haber ve Rehber merkezi.
   Turuncu ana, mor ikinci, sarı vurgu. Kırmızı yalnız fiyat artışı; yeşil yalnız fiyat düşüşü. */
:root{--or:#f27a1a;--or-d:#c2570a;--or-s:#fff3e8;--pu:#5d3ebc;--pu-d:#3b1f8f;--pu-s:#efeaff;--ye:#ffd300;--up:#d92d20;--dn:#119b55;
--ink:#1d1b26;--ink2:#4a4756;--mu:#77748a;--ln:#ece9f1;--bg:#f6f5f9;--hd:Poppins,"DM Sans",Arial,sans-serif;--tx:"DM Sans",Arial,sans-serif;--r:18px;--sh:0 2px 10px rgba(60,40,120,.06)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.v8{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.55 var(--tx);-webkit-font-smoothing:antialiased}
.v8 a{color:inherit;text-decoration:none}.v8 a:hover .hh{color:var(--or)}
.v8 img,.v8 svg{max-width:100%}
.v8 svg.i{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.v8 .w{max-width:1200px;margin:0 auto;padding:0 18px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:-9999px}.atla:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px;border-radius:8px}

/* üst bilgi, başlık, menü, gündem şeridi */
.ub{background:var(--ink);color:#bdb9cc;font-size:12.5px}.ub .w{display:flex;gap:20px;align-items:center;min-height:32px}.ub b{color:#fff}.ub .sg{margin-left:auto;display:flex;gap:16px}.ub .sg a:hover{color:#fff}
.bas{background:#fff}.bas .w{display:flex;align-items:center;gap:26px;min-height:82px}.bas .logo img{height:34px;width:auto;display:block}
.ara{flex:1;max-width:620px;display:flex;align-items:center;gap:10px;height:50px;border:2px solid var(--or);border-radius:14px;padding:0 6px 0 14px;background:#fff;margin:0}
.ara input{flex:1;min-width:0;border:0;outline:0;font:500 15px var(--tx);color:var(--ink);background:transparent}
.ara button{height:38px;border:0;padding:0 18px;border-radius:10px;background:var(--or);color:#fff;font:700 14px var(--hd);cursor:pointer}
.bul1{margin-left:auto;height:44px;display:flex;align-items:center;padding:0 18px;border-radius:12px;background:var(--ye);color:var(--pu-d)!important;font:800 14px var(--hd)}
.mn{background:var(--or);position:sticky;top:0;z-index:50}.mn .w{display:flex;min-height:48px;overflow-x:auto;scrollbar-width:none}.mn .w::-webkit-scrollbar{display:none}
.mn a{color:#fff!important;font:700 13.5px var(--hd);padding:0 14px;display:flex;align-items:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.01em}.mn a:hover,.mn a.on{background:rgba(0,0,0,.14)}
.sd{background:#fff;border-bottom:1px solid var(--ln)}.sd .w{display:flex;align-items:center;gap:14px;min-height:42px;overflow:hidden;white-space:nowrap}
.sd b{background:var(--pu);color:#fff;font:800 12px var(--hd);padding:4px 10px;border-radius:6px}.sd a{font-weight:700;font-size:13.5px}.sd a:hover{color:var(--or)}.sd i{font-style:normal;color:var(--or-d);margin-right:6px}.sd a+a:before{content:"•";color:#cfcbd8;margin-right:14px}

/* ortak parçalar */
.kutu{background:#fff;border-radius:var(--r);padding:16px;box-shadow:var(--sh)}
.bh{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:3px solid var(--c,var(--or));margin-bottom:10px}
.bh h2{margin:0;background:var(--c,var(--or));color:#fff;font:800 14px var(--hd);text-transform:uppercase;padding:6px 14px;border-radius:10px 10px 0 0}
.bh a{font:700 12.5px var(--hd);color:var(--c,var(--or))!important}
.ct{display:inline-block;font:800 11.5px var(--hd);text-transform:uppercase;color:var(--c,var(--or))}
.kat{display:inline-block;background:var(--c,var(--or));color:#fff;font:800 11.5px var(--hd);padding:3px 9px;border-radius:6px;text-transform:uppercase}
.img{display:block;width:100%;overflow:hidden;background:var(--or)}.img svg{display:block;width:100%;height:100%}
.p{display:inline-block;margin-left:6px;font:800 11px var(--hd);padding:2px 7px;border-radius:6px}.p.u{background:#ffe4e4;color:var(--up)}.p.d{background:#e7f8ee;color:var(--dn)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:12px;font:800 14px var(--hd);border:0;cursor:pointer}
.btn.y{background:var(--ye);color:var(--pu-d)!important}.btn.o{background:var(--or);color:#fff!important}.btn.u{background:var(--pu);color:#fff!important}.btn.l{background:#fff;color:var(--ink)!important;border:1.5px solid var(--ln)}
.krm{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;font-size:13px;color:var(--mu);margin:16px 0 10px}.krm a{color:var(--ink2);font-weight:600}.krm span:before{content:"›";margin-right:8px}
.not{font-size:11.5px;color:var(--mu);margin:8px 0 0}

/* ana sayfa */
.kh{display:flex;justify-content:space-between;gap:10px;margin-top:16px;background:#fff;border-radius:18px;padding:16px 18px;overflow-x:auto;scrollbar-width:none;box-shadow:var(--sh)}
.kh a{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:84px;font:600 12.5px var(--tx);color:var(--ink2);text-align:center}
.kh span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--b,var(--or-s));color:var(--c,var(--or))}
.kh a:hover span{transform:translateY(-2px)}
.ms{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:16px;margin-top:16px}
.sl{display:block;border-radius:18px;overflow:hidden;position:relative;background:var(--pu-d)}.sl .img{height:410px}
.sl .ov{position:absolute;left:0;right:0;bottom:0;padding:110px 26px 22px;background:linear-gradient(transparent,rgba(29,15,60,.92) 55%)}
.sl .mh{margin:10px 0 0;color:#fff;font:800 30px/1.16 var(--hd)}.sl p{margin:8px 0 0;color:#efeaf7}
.sm{display:grid;grid-template-rows:1fr 1fr;gap:16px}.sm a{position:relative;display:block;border-radius:18px;overflow:hidden;background:var(--pu-d)}.sm .img{height:100%;min-height:197px}
.sm .ov{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 14px;background:linear-gradient(transparent,rgba(29,15,60,.9))}.sm h3{margin:8px 0 0;color:#fff;font:700 17px/1.25 var(--hd)}
.hb{margin-top:16px;background:var(--pu);border-radius:22px;color:#fff;padding:26px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:26px;align-items:center;position:relative;overflow:hidden}
.hb:after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:rgba(255,211,0,.13)}.hb>*{position:relative;z-index:1}
.hb h2{margin:0 0 8px;font:800 31px/1.12 var(--hd)}.hb h2 span{background:var(--ye);color:var(--pu);padding:0 8px;border-radius:8px}.hb p{margin:0 0 16px;opacity:.92}
.hf{background:#fff;color:var(--ink);border-radius:18px;padding:16px}.hf .al{display:grid;grid-template-columns:1.1fr 1fr 1fr .8fr .8fr;gap:10px}
.hf label{display:block;font:600 11.5px var(--tx);color:var(--mu);margin-bottom:4px}.hf .in{height:42px;border:1.5px solid var(--ln);border-radius:11px;display:flex;align-items:center;padding:0 10px;background:#fff}
.hf .in:focus-within{border-color:var(--or)}.hf input,.hf select{border:0;outline:0;font:700 14.5px var(--tx);width:100%;min-width:0;background:transparent;color:var(--ink)}.hf em{font-style:normal;color:var(--mu);font-weight:700;padding-left:4px}
.hc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.hc div{border-radius:14px;padding:10px 12px;background:var(--bg);text-align:center;font:600 12px var(--tx);color:var(--ink2)}
.hc b{display:block;font:800 20px var(--hd);color:var(--ink)}.hc .k{background:var(--pu-s)}.hc .k b{color:var(--pu)}.hc .z b{color:var(--up)}
.hf .alt{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;font-size:12px;color:var(--mu)}.hf .alt a{font:800 13px var(--hd);color:var(--pu)!important;white-space:nowrap}
.u3{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.85fr);gap:16px;margin-top:16px;align-items:start}
.sh2{list-style:none;margin:0;padding:0}.sh2 li{display:grid;grid-template-columns:56px 1fr;gap:8px;border-top:1px solid var(--ln);padding:9px 0}.sh2 li:first-child{border-top:0}
.sh2 time{font:800 12px var(--hd);color:var(--or-d)}.sh2 .hh{font:600 14.5px/1.34 var(--tx)}.sh2 small{display:block;color:var(--mu);font-size:11.5px}
.dg{width:100%;border-collapse:collapse;font-size:13.5px}.dg td{border-top:1px solid var(--ln);padding:9px 2px;vertical-align:top}.dg tr:first-child td{border-top:0}.dg td small{display:block;color:var(--mu);font-size:11.5px}.dg .v{text-align:right;font:800 14px var(--hd);white-space:nowrap}.dg .v .p{display:block;margin:3px 0 0 auto;width:max-content}
.co{list-style:none;margin:0;padding:0;counter-reset:c}.co li{counter-increment:c;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;border-top:1px solid var(--ln);padding:8px 0}.co li:first-child{border-top:0}
.co li:before{content:counter(c);font:800 22px var(--hd);color:var(--or);text-align:center}.co .hh{font:700 14px/1.3 var(--tx)}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.kr{background:#fff;border-radius:18px;overflow:hidden;display:block;box-shadow:var(--sh)}.kr .img{height:150px}.kr .ic{padding:12px 14px 16px}.kr h3{margin:5px 0 0;font:700 15.5px/1.3 var(--hd)}.kr small{display:block;color:var(--mu);margin-top:7px;font-size:12px}
.bn2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.bn{border-radius:20px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:136px}.bn h3{margin:0 0 6px;font:800 20px/1.2 var(--hd)}.bn p{margin:0 0 12px;font-size:13.5px}
.bn .ik{width:92px;height:92px;border-radius:24px;display:grid;place-items:center;flex:0 0 92px;background:#fff}.bn .ik svg{width:46px;height:46px}
.bn.a{background:linear-gradient(110deg,#ffe8d6,#ffd2ad);color:#7c2d12}.bn.a h3{color:var(--or-d)}.bn.a .ik{color:var(--or)}
.bn.b{background:linear-gradient(110deg,#ece6ff,#d9ceff);color:var(--pu-d)}.bn.b h3{color:var(--pu)}.bn.b .ik{color:var(--pu)}
.vb{margin-top:16px;border-radius:22px;background:linear-gradient(120deg,var(--pu-d),var(--pu));color:#fff;padding:24px}
.vb .bh{--c:var(--ye);border-color:var(--ye)}.vb .bh h2{color:var(--pu-d)}.vb .bh a{color:var(--ye)!important}
.v4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vk{background:rgba(255,255,255,.1);border-radius:16px;padding:16px}.vk b{display:block;font:800 30px/1 var(--hd);color:var(--ye)}.vk span{display:block;margin-top:6px;font-size:13px;color:#e6defc;line-height:1.4}
.vb .not{color:#d6ccf7}
.rh4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rh4 a{display:block;padding:14px;border-radius:14px;background:var(--bg);border:1px solid var(--ln)}.rh4 a:hover{border-color:var(--or)}.rh4 .ct{margin-bottom:4px}.rh4 b{display:block;font:700 14.5px/1.3 var(--hd)}
.kt2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;margin-top:16px}
.ktl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kt{padding:12px;border-radius:14px;background:var(--or-s);display:block}.kt:hover{background:#ffe2c7}.kt b{display:block;font:700 13.5px var(--hd)}.kt span{font-size:12px;color:var(--or-d);font-weight:700}
.tk{list-style:none;margin:0;padding:0}.tk li{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--ln);padding:9px 0}.tk li:first-child{border-top:0}
.tk .gn{background:var(--pu);color:#fff;border-radius:12px;text-align:center;padding:6px 0;font:800 20px/1 var(--hd)}.tk .gn small{display:block;font:700 10px var(--hd);margin-top:2px}.tk b{font:700 14.5px var(--hd)}.tk span{display:block;font-size:12px;color:var(--mu)}
.tk .kl{font:800 12px var(--hd);background:var(--ye);color:var(--pu-d);border-radius:10px;padding:5px 9px;white-space:nowrap}
.ilk{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;margin:18px 0 0;font-size:13px;color:var(--ink2)}.ilk span:before{content:"✓ ";color:var(--dn);font-weight:800}

.ozb{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:18px 22px;border-radius:18px;background:var(--ink);color:#fff}
.v8 .ozb{color:#fff}.ozb b{display:block;font:800 18px var(--hd);color:#fff}.ozb div span{display:block;font-size:14px;color:#cfcbe0;margin-top:2px}.ozb .btn{flex:0 0 auto}
.ozb-et{position:absolute;top:-9px;left:18px;font:800 10.5px var(--hd);letter-spacing:.04em;text-transform:uppercase;background:#fff;color:var(--ink2);border:1px solid var(--ln);border-radius:6px;padding:2px 7px}

/* Gündem merkezi ve Rehber merkezi */
.sb{margin:16px 0 0;padding:22px 24px;border-radius:22px;background:#fff;box-shadow:var(--sh)}.sb h1{margin:0 0 6px;font:800 30px/1.15 var(--hd)}.sb p{margin:0;color:var(--ink2);max-width:70ch}
.cip{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.cip button,.cip a{min-height:34px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;border:1.5px solid var(--ln);background:#fff;font:700 13px var(--tx);color:var(--ink2);cursor:pointer}
.cip button.on,.cip a.on{background:var(--or);border-color:var(--or);color:#fff}
.ys{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;margin-top:16px}
.hl{display:grid;gap:14px}.hk{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--sh)}.hk .img{height:100%;min-height:150px}
.hk .ic{padding:14px 16px 14px 0}.hk h2{margin:6px 0 6px;font:800 19px/1.25 var(--hd)}.hk p{margin:0;color:var(--ink2);font-size:14.5px}.hk small{display:block;margin-top:8px;color:var(--mu);font-size:12px}
.bos{padding:26px;border-radius:18px;background:#fff;text-align:center;color:var(--ink2)}
.yan .kutu+.kutu{margin-top:16px}
.kb2{border-radius:16px;background:var(--ye);padding:16px;color:var(--pu-d)}.kb2 h3{margin:0 0 6px;font:800 17px var(--hd)}.kb2 p{margin:0 0 10px;font-size:13px}
.rg{margin-top:18px}.rg h2{margin:0 0 10px;font:800 20px var(--hd)}.rg p.ra{margin:-4px 0 12px;color:var(--mu);font-size:14px}
.rl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rl a{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:#fff;box-shadow:var(--sh);border:1px solid transparent}.rl a:hover{border-color:var(--or)}
.rl b{font:700 15.5px/1.3 var(--hd)}.rl span{font-size:13px;color:var(--ink2)}.rl .yn{display:inline-block;width:max-content;font:800 10.5px var(--hd);background:var(--ye);color:var(--pu-d);padding:2px 7px;border-radius:6px}

/* haber sayfası */
.hb2 h1{margin:12px 0 10px;font:800 34px/1.15 var(--hd)}.hb2 .spot{font-size:18px;line-height:1.55;color:var(--ink2);margin:0}
.im{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:16px 0;padding:12px 0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);font-size:13px;color:var(--mu)}.im b{color:var(--ink)}
.im .pl{margin-left:auto;display:flex;gap:8px}.im .pl a,.im .pl button{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid var(--ln);display:grid;place-items:center;color:var(--ink2);cursor:pointer;padding:0}.im .pl svg{width:17px;height:17px}
.kp{margin:0}.kp .img{height:380px;border-radius:20px}.kp figcaption{font-size:12px;color:var(--mu);margin-top:6px}
.met{font-size:17px;line-height:1.75;color:#2b2934}.met h2{font:800 23px/1.25 var(--hd);margin:28px 0 10px;color:var(--ink)}.met h3{font:800 18px/1.3 var(--hd);margin:20px 0 8px}.met p{margin:0 0 14px}
.met a{color:var(--or-d);font-weight:700;text-decoration:underline;text-underline-offset:2px}.met ul,.met ol{padding-left:22px;margin:0 0 16px}.met li{margin:6px 0}
.met table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--sh)}.met th,.met td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--ln)}.met th{background:var(--or-s);font:700 13px var(--hd);color:var(--or-d)}
.met h2:first-child{margin-top:8px}
.met .kisa-k,.met h2+ul:first-of-type{}
.kisa{margin:20px 0;background:var(--pu-s);border-radius:18px;padding:18px 20px}.kisa h2{margin:0 0 8px!important;font:800 16px var(--hd)!important;color:var(--pu-d)!important;text-transform:uppercase;letter-spacing:.02em}.kisa ul{margin:0;padding-left:18px}.kisa li{margin:5px 0}
.acta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0;padding:18px 22px;border-radius:20px;background:linear-gradient(110deg,#ffe8d6,#ffd2ad)}.acta b{display:block;font:800 18px var(--hd);color:var(--or-d)}.acta span{font-size:14px;color:#7c2d12}
.kyn{margin-top:22px;background:#fff;border-radius:18px;padding:16px 18px;border:1px solid var(--ln);font-size:13.5px;color:var(--ink2)}.kyn b{display:block;font:800 14px var(--hd);margin-bottom:6px;color:var(--ink)}
.kyn div{display:flex;gap:8px;align-items:flex-start;margin:5px 0}.kyn svg{width:16px;height:16px;color:var(--or);margin-top:3px}.kyn a{color:var(--or-d);font-weight:700;text-decoration:underline}
.met p.etr-kaynak{display:none}
.il3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.il3 a{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--sh)}.il3 .img{height:120px}.il3 h3{margin:0;padding:10px 12px 14px;font:700 14.5px/1.3 var(--hd)}

/* altbilgi */
.v8-alt{background:var(--ink);color:#a8a4b8;margin-top:32px;font-size:13.5px}.ftg{display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:22px;padding:36px 0 24px}.ftg img{height:28px;width:auto}
.ftg h4{color:#fff;font:700 12.5px var(--hd);text-transform:uppercase;margin:4px 0 10px}.ftg ul{list-style:none;margin:0;padding:0}.ftg li{margin:6px 0}.ftg a:hover{color:#fff}
.fb{border-top:1px solid #2e2b3a;padding:14px 0 20px;font-size:12px;color:#8f8ba1}.fb a{text-decoration:underline}

@media(max-width:1000px){
 .ub .sg,.ub .w>span:not(:first-child),.bas .bul1{display:none}.bas .w{min-height:0;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px}.ara{order:3;max-width:none;flex:1 1 100%;height:46px}
 .ms,.u3,.kt2,.hb,.bn2,.ys{grid-template-columns:1fr}.sl .img{height:230px}.sl .ov{position:static;background:var(--pu-d);padding:14px 16px 16px}.sl .mh{font-size:22px}
 .sm{grid-template-rows:none}.sm .img{min-height:185px}.g4,.v4,.ktl,.rh4{grid-template-columns:1fr 1fr}.hf .al{grid-template-columns:1fr 1fr}.hb h2{font-size:25px}.hb{padding:20px}.kh{justify-content:flex-start}
 .ftg{grid-template-columns:1fr 1fr}.rl{grid-template-columns:1fr 1fr}.hk{grid-template-columns:1fr}.hk .img{min-height:170px}.hk .ic{padding:0 16px 16px}
 .hb2 h1{font-size:26px}.kp .img{height:220px}.acta{flex-direction:column;align-items:flex-start}.im .pl{margin-left:0}.il3{grid-template-columns:1fr}.sb h1{font-size:24px}
}
@media(max-width:560px){.hc{grid-template-columns:1fr 1fr}.hc .k{grid-column:1/-1}.ozb{flex-direction:column;align-items:flex-start}.g4,.rl,.rh4{grid-template-columns:1fr}.v4{grid-template-columns:1fr 1fr}.vk b{font-size:24px}.hc b{font-size:17px}.bn{flex-direction:column;align-items:flex-start}.bn .ik{display:none}.ktl{grid-template-columns:1fr 1fr}}