:root{
  --red:#e30613;--red-d:#b5000f;--red-dd:#8e000b;--red-l:#fff1f1;--red-l2:#ffe0e0;
  --bg:#fff;--soft:#f6f6f7;--soft2:#efeff1;--line:#ebebee;--line2:#dadade;
  --ink:#0c0c0e;--ink2:#3c3c42;--mute:#71717a;
  --ok:#0b8a4a;--okbg:#e8f6ee;--warn:#a96d00;--warnbg:#fdf4e1;--blue:#1f5fd0;--bluebg:#ebf1fd;
  --r:10px;--rl:16px;
  --hd:Inter,system-ui,sans-serif;--bd:Inter,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
  --sh:0 1px 2px rgba(12,12,14,.04),0 2px 8px rgba(12,12,14,.04);
  --sh2:0 4px 10px rgba(12,12,14,.05),0 22px 48px rgba(12,12,14,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--bd);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
img{max-width:100%;display:block}
::selection{background:var(--red);color:#fff}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
@media(max-width:600px){.wrap{padding:0 16px}}
.mono{font-family:var(--mono)}

/* ================= ÜST BAR ================= */
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}
.top .wrap{display:flex;align-items:center;gap:28px;height:66px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.logo svg{width:34px;height:34px}
.logo b{font:900 19px/1 var(--hd);font-stretch:125%;letter-spacing:-.03em;text-transform:uppercase}
.logo b span{color:var(--red)}
.menu{display:flex;gap:2px;flex:1;justify-content:flex-end;overflow:hidden}
.menu a{position:relative;text-decoration:none;color:var(--ink2);font-weight:600;font-size:14px;padding:22px 10px;white-space:nowrap;transition:color .15s}
.menu a::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:var(--red);transform:scaleX(0);transition:transform .2s;border-radius:3px 3px 0 0}
.menu a:hover{color:var(--ink)}
.menu a:hover::after{transform:scaleX(.4)}
.menu a.on{color:var(--red)}
.menu a.on::after{transform:none}
.burger{display:none;background:none;border:0;width:44px;height:44px;margin-left:auto;cursor:pointer;border-radius:10px}
.burger svg{width:26px;height:26px;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}
@media(max-width:1100px){
  .menu{display:none;position:absolute;top:calc(69px + env(safe-area-inset-top));left:0;right:0;flex-direction:column;background:#fff;border-bottom:3px solid var(--red);padding:6px 16px 16px;gap:0;box-shadow:var(--sh2)}
  .menu.open{display:flex}
  .menu a{padding:15px 4px;font-size:17px;border-bottom:1px solid var(--line)}
  .menu a::after{display:none}
  .burger{display:block}
}

/* ================= TİPOGRAFİ ================= */
.eyebrow{font:700 11.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--red);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:18px;height:2px;background:currentColor;flex:none}
h1,h2,h3{font-family:var(--hd);letter-spacing:-.04em;line-height:1.04;font-weight:750}
.ph{padding:52px 0 30px;border-bottom:1px solid var(--line);margin-bottom:32px}
.ph h1{font-size:clamp(34px,5.4vw,62px);margin:16px 0 12px}
.ph p{color:var(--ink2);max-width:700px;font-size:17.5px}
h2.sec{font-size:clamp(26px,3.4vw,36px);margin:72px 0 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
h2.sec a{font:600 14px var(--bd);letter-spacing:0;color:var(--red);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
h2.sec a:hover{text-decoration:underline;text-underline-offset:4px}
.prose{max-width:780px;color:var(--ink2);font-size:17px;line-height:1.75}
.prose h2{font-size:30px;color:var(--ink);margin:46px 0 14px;padding-top:6px}
.prose h3{font-size:21px;color:var(--ink);margin:30px 0 10px}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 0 20px 22px}
.prose li{margin-bottom:8px;padding-left:4px}
.prose li::marker{color:var(--red);font-weight:700}
.prose b,.prose strong{color:var(--ink)}
.prose table{margin:10px 0 22px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:15px}
.prose a{color:var(--red);text-underline-offset:3px;font-weight:600}
.muted{color:var(--mute)}
.small{font-size:13px}

/* ================= HERO (21st tarzı) ================= */
.hero{position:relative;background:#fff;padding:72px 0 0;overflow:hidden;isolation:isolate}
.beams{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.beams::before{content:"";position:absolute;left:50%;top:-300px;width:1100px;height:640px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(12,12,14,.05),transparent);filter:blur(10px)}
.beams::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 55% at 50% 0%,#000 30%,transparent 75%);opacity:.7}
.beams i{display:none;position:absolute;top:-200px;width:220px;height:760px;background:linear-gradient(180deg,rgba(227,6,19,.28),transparent 75%);filter:blur(40px);border-radius:50%;opacity:.55;animation:beam 9s ease-in-out infinite alternate}
.beams i:nth-child(1){left:calc(50% - 420px);transform:rotate(22deg)}
.beams i:nth-child(2){left:calc(50% - 110px);width:200px;opacity:.35;animation-delay:-3s}
.beams i:nth-child(3){left:calc(50% + 220px);transform:rotate(-22deg);animation-delay:-6s}
@keyframes beam{to{opacity:.2;translate:0 30px}}
.hero-c{text-align:center;display:flex;flex-direction:column;align-items:center}
.pill{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);font-size:13.5px;font-weight:500;color:var(--ink2);text-decoration:none;transition:.2s;box-shadow:var(--sh)}
.pill b{background:var(--ink);color:#fff;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px}
.pill span{color:var(--mute);transition:.2s}
.pill:hover{border-color:var(--ink)}
.pill:hover span{color:var(--ink);transform:translateX(3px)}
.hero h1{font-size:clamp(42px,7.4vw,88px);line-height:1;margin:26px 0 20px;letter-spacing:-.055em;font-weight:800;max-width:900px}
.hero h1 em{font-style:normal;color:#a1a1aa}
.hero p{font-size:clamp(16px,1.8vw,19px);color:var(--mute);max-width:560px;line-height:1.6}
.cta{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap;justify-content:center}
.cta .btn{border-radius:999px;padding:14px 24px;box-shadow:none}
.cta .btn:not(.ghost){background:var(--ink)}
.cta .btn:not(.ghost):hover{background:var(--red)}
.search{position:relative;margin-top:22px;width:100%;max-width:520px;display:flex;align-items:center;background:#fff;border:1px solid var(--line2);border-radius:999px;padding:4px 8px 4px 46px;transition:.15s;box-shadow:var(--sh)}
.search:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px var(--soft2)}
.search input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:15.5px;padding:10px 0;text-align:left}
.search input::placeholder{color:#9a9aa2}
.search svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--mute);fill:none;stroke-width:2.3}
.search kbd{font:600 12px var(--mono);color:var(--mute);border:1px solid var(--line2);border-radius:6px;padding:2px 8px;background:var(--soft)}
.sugg{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px;overflow:hidden;z-index:5;display:none;box-shadow:var(--sh2);text-align:left}
.sugg.on{display:block}
.sugg a{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;text-decoration:none;border-bottom:1px solid var(--line);font-size:14.5px}
.sugg a:last-child{border-bottom:0}
.sugg a:hover,.sugg a.hl{background:var(--red-l)}
.sugg a span{color:var(--mute);font-size:13px;white-space:nowrap}
.frame{width:100%;max-width:1080px;margin:56px auto 0;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:28px 28px 0 0;padding:10px 10px 0;box-shadow:0 30px 80px rgba(12,12,14,.08);backdrop-filter:blur(10px);text-align:left}
.frame-hd{display:flex;align-items:center;gap:14px;padding:10px 14px 14px}
.frame-hd b{font-weight:700;font-size:15px;flex:1}
.frame-hd a{font-size:13px;color:var(--ink2);text-decoration:none;font-weight:600}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--line2)}
.rank{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--soft);border-radius:20px 20px 0 0;padding:10px 10px 0}
.rk{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px 16px 0 0;text-decoration:none;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.rk:hover{border-color:var(--line2);box-shadow:var(--sh2)}
.rk .num{position:absolute;left:14px;top:4px;font:800 120px/1 var(--hd);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--line2);z-index:2;pointer-events:none;transition:.25s}
.rk:hover .num{-webkit-text-stroke-color:var(--ink)}
.rk-img{position:relative;height:200px}
.rk-img .ph-img{padding:26px 18px 6px 70px}
.rk-bd{padding:12px 18px 20px;border-top:1px solid var(--line)}
.rk-bd small{font:700 10px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.14em}
.rk-bd b{display:block;font-weight:750;font-size:18px;letter-spacing:-.03em;margin:2px 0}
.rk-bd span{font-size:13px;color:var(--mute)}
@media(max-width:760px){.rank{grid-template-columns:1fr}.rk:nth-child(n+2){display:none}.hero{padding-top:44px}.frame{margin-top:40px}}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:18px 0;background:#fff;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee div{display:flex;gap:48px;width:max-content;animation:mq 60s linear infinite}
.marquee span{font:700 17px var(--hd);letter-spacing:-.03em;color:#b4b4bb;white-space:nowrap;text-transform:uppercase}
.marquee:hover div{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}

/* Spotlight kart efekti */
.mc,.tile,.gi,.segc,.rk{--mx:50%;--my:50%}
.mc::after,.gi::after,.tile .spot{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(227,6,19,.08),transparent 60%);opacity:0;transition:opacity .25s;z-index:3}
.mc{position:relative}
.mc:hover::after,.gi:hover::after{opacity:1}

/* ================= KISAYOLLAR ================= */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}
@media(max-width:960px){.tiles{grid-template-columns:repeat(2,1fr)}}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:24px 22px;text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:.2s;position:relative}
.tile:hover{border-color:var(--red);box-shadow:var(--sh2);transform:translateY(-3px)}
.tile .ic{width:46px;height:46px;border-radius:12px;background:var(--red-l);display:grid;place-items:center;margin-bottom:8px;transition:.2s}
.tile .ic svg{width:23px;height:23px;stroke:var(--red);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tile:hover .ic{background:var(--red)}
.tile:hover .ic svg{stroke:#fff}
.tile b{font:800 18px/1.15 var(--hd);font-stretch:112%;letter-spacing:-.02em}
.tile span{color:var(--mute);font-size:14px;line-height:1.5}
.tile::after{content:"→";position:absolute;right:22px;top:26px;color:var(--line2);font-size:20px;transition:.2s}
.tile:hover::after{color:var(--red);transform:translateX(3px)}
.tile.feat{background:var(--ink);border-color:var(--ink);color:#fff}
.tile.feat span{color:#a1a1aa}
.tile.feat .ic{background:var(--red)}
.tile.feat .ic svg{stroke:#fff}
.tile.feat::after{color:#52525b}
@media(max-width:600px){.tile{padding:18px 16px}.tile span{display:none}.tile b{font-size:15.5px}.tile::after{display:none}.tile .ic{width:40px;height:40px}}

/* ================= KARTLAR ================= */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:22px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.mc{background:#fff;border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;display:flex;flex-direction:column;transition:.25s cubic-bezier(.2,.8,.2,1)}
.mc:hover{box-shadow:var(--sh2);transform:translateY(-4px);border-color:transparent}
.mc .art{height:196px;position:relative;display:grid;place-items:center;overflow:hidden;background:#fff!important}
.mc .art svg{width:58%;height:auto;opacity:.5}
.mc .art .seg{position:absolute;left:14px;top:14px;z-index:2}
.mc .art .lic{position:absolute;right:14px;top:14px;z-index:2}
.mc .bd{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1;border-top:1px solid var(--line)}
.mc .brand{font:700 10.5px var(--mono);color:var(--red);text-transform:uppercase;letter-spacing:.14em}
.mc h3{font-size:22px;line-height:1.08}
.mc h3 a{text-decoration:none;transition:color .15s}
.mc h3 a:hover{color:var(--red)}
.mc .specs{display:flex;gap:14px;font-size:13px;color:var(--mute);flex-wrap:wrap}
.mc .specs b{color:var(--ink);font-weight:700}
.mc .ft{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;gap:8px}
.price{font:900 23px/1 var(--hd);font-stretch:115%;letter-spacing:-.025em}
.price small{font:500 11px var(--bd);letter-spacing:0;color:var(--mute);display:block;margin-top:6px;font-stretch:100%}
.ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:16px 20px;z-index:1;transition:transform .5s cubic-bezier(.2,.8,.2,1);background:#fff}
.mc:hover .ph-img{transform:scale(1.06)}
.art:has(.ph-img)>svg,.dart:has(.ph-img)>svg,.vsimg>div:has(.ph-img)>svg{visibility:hidden}

svg .w{stroke:var(--red)}
svg .wd{fill:var(--red)}
svg .b{stroke:var(--ink)}

.badge{display:inline-flex;align-items:center;font:700 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:6px 8px;border-radius:6px;background:var(--soft);color:var(--ink2)}
.badge.A1{background:var(--okbg);color:var(--ok)}
.badge.A2{background:var(--bluebg);color:var(--blue)}
.badge.A{background:var(--red-l);color:var(--red)}
.badge.B{background:var(--warnbg);color:var(--warn)}
.cmpbtn{background:#fff;border:1.5px solid var(--line2);border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s;color:var(--ink2)}
.cmpbtn:hover{border-color:var(--red);color:var(--red)}
.cmpbtn.on{background:var(--red);border-color:var(--red);color:#fff}

/* ================= BUTON & FORM ================= */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;border:0;border-radius:10px;padding:14px 22px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;transition:.15s;box-shadow:0 6px 16px rgba(227,6,19,.22)}
.btn:hover{background:var(--red-d)}
.btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line2);box-shadow:none}
.btn.ghost:hover{border-color:var(--ink)}
.btn:active{transform:scale(.97)}
label.l{display:block;font:700 10.5px var(--mono);color:var(--mute);margin-bottom:8px;text-transform:uppercase;letter-spacing:.12em}
.inp,select.inp{width:100%;background:#fff;border:1.5px solid var(--line2);border-radius:10px;padding:12px 14px;outline:none;transition:.15s}
.inp:focus{border-color:var(--red);box-shadow:0 0 0 4px var(--red-l)}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chip{background:#fff;border:1.5px solid var(--line2);border-radius:999px;padding:8px 15px;font-size:14px;font-weight:600;cursor:pointer;color:var(--ink2);transition:.15s}
.chip:hover{border-color:var(--red);color:var(--red)}
.chip.on{background:var(--red);border-color:var(--red);color:#fff}
.chip.on .muted{color:rgba(255,255,255,.75)}
.chip .muted{font-weight:500;margin-left:3px}
input[type=range]{width:100%;accent-color:var(--red)}

/* ================= KATALOG ================= */
.cat{display:grid;grid-template-columns:290px 1fr;gap:28px;align-items:start}
.filters{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.filters .card{display:flex;flex-direction:column;gap:22px;background:var(--soft);border:0}
.filters .chip{background:#fff}
.filters .chip.on{background:var(--red)}
.fhead{display:none}
@media(max-width:880px){
  .cat{grid-template-columns:1fr}
  .filters{position:fixed;inset:auto 0 0 0;top:auto;z-index:30;max-height:84vh;overflow:auto;transform:translateY(100%);transition:.3s cubic-bezier(.2,.8,.2,1);background:#fff;border-radius:20px 20px 0 0;border-top:3px solid var(--red);padding:18px 18px calc(18px + env(safe-area-inset-bottom))}
  .filters.open{transform:none;box-shadow:0 -20px 60px rgba(0,0,0,.2)}
  .filters .card{background:none;padding:0}
  .fhead{display:flex;justify-content:space-between;align-items:center}
}
.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}
.toolbar .cnt{color:var(--ink);font:800 18px var(--hd);font-stretch:115%}
.fbtn{display:none!important}
@media(max-width:880px){.fbtn{display:inline-flex!important}}

.cbar{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(170%);z-index:25;background:var(--ink);color:#fff;border-radius:14px;padding:9px 9px 9px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 24px 60px rgba(0,0,0,.35);transition:.3s cubic-bezier(.2,.8,.2,1);max-width:calc(100vw - 32px)}
.cbar.on{transform:translateX(-50%)}
.cbar .ls{display:flex;gap:6px;overflow:hidden;font-size:13px;font-weight:600}
.cbar .ls span{background:#26262b;padding:7px 11px;border-radius:8px;white-space:nowrap;cursor:pointer}
.cbar .ls span::after{content:" ✕";color:#71717a}
.cbar .btn{box-shadow:none}

/* ================= TABLOLAR ================= */
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:var(--rl);background:#fff}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
tr:last-child td{border-bottom:0}
th{font:700 10.5px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.12em;background:var(--soft);white-space:nowrap}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
tbody tr{transition:background .12s}
tbody tr:hover td{background:#fffafa}
.pt td a{text-decoration:none;font-weight:700}
.pt td a:hover{color:var(--red)}
.brandrow td{background:#fff!important;font:900 17px var(--hd);font-stretch:118%;letter-spacing:-.02em;color:var(--red);padding-top:22px;border-bottom:2px solid var(--red)}

/* ================= MODEL DETAY ================= */
.det{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}
@media(max-width:880px){.det{grid-template-columns:1fr}}
.dart{border-radius:var(--rl);border:1px solid var(--line);height:440px;display:grid;place-items:center;position:relative;overflow:hidden;background:#fff!important}
.dart svg{width:min(440px,74%);opacity:.5}
.dart .ph-img{padding:36px}
.dart .badge{z-index:2}
@media(max-width:600px){.dart{height:280px}.dart .ph-img{padding:18px}}
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--rl);overflow:hidden}
.sp{background:#fff;padding:16px 18px}
.sp small{display:block;font:700 10px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}
.sp b{font:900 25px/1.1 var(--hd);font-stretch:115%;letter-spacing:-.03em}
.sp i{font-style:normal;font-size:13px;color:var(--mute);margin-left:3px}
.bars{display:flex;flex-direction:column;gap:16px}
.bar small{display:flex;justify-content:space-between;font-size:14px;color:var(--ink2);margin-bottom:7px}
.bar div{height:6px;background:var(--soft2);border-radius:6px;overflow:hidden}
.bar div i{display:block;height:100%;background:var(--red);border-radius:6px}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
@media(max-width:520px){.pc{grid-template-columns:1fr}}
.pc ul{list-style:none;font-size:14.5px;color:var(--ink2)}
.pc li{padding:8px 0 8px 26px;position:relative;border-bottom:1px solid var(--line)}
.pc li:last-child{border:0}
.pch{font-size:18px;margin-bottom:8px}
.pch.ok{color:var(--ok)}.pch.bad{color:var(--red)}
.pch.ok~ul li::before{content:"";position:absolute;left:2px;top:13px;width:14px;height:14px;border-radius:50%;background:var(--okbg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b8a4a' stroke-width='4'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/9px no-repeat}
.pch.bad~ul li::before{content:"";position:absolute;left:2px;top:13px;width:14px;height:14px;border-radius:50%;background:var(--red-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e30613' stroke-width='4'%3E%3Cpath d='M12 6v7M12 18v.5'/%3E%3C/svg%3E") center/9px no-repeat}

.ct td.best{color:var(--ok);font-weight:800;background:#f6fcf8}
.ct .hcell{min-width:190px;background:#fff;padding-top:18px}
.ct .hcell b{font:850 21px/1.05 var(--hd);font-stretch:115%;letter-spacing:-.025em;display:block;color:var(--ink);text-transform:none}
.ct .hcell small{color:var(--red);font-size:10px}
.ct tbody th{background:var(--soft);color:var(--ink2);font:600 13.5px var(--bd);text-transform:none;letter-spacing:0}

/* ================= AKORDEON ================= */
details{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;transition:.15s}
details:hover{border-color:var(--line2)}
details[open]{border-color:var(--red);box-shadow:0 0 0 3px var(--red-l)}
summary{padding:18px 22px;cursor:pointer;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:var(--red-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e30613' stroke-width='2.6'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/13px no-repeat;transition:.25s}
details[open] summary::after{transform:rotate(45deg);background-color:var(--red);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E")}
details .a{padding:0 22px 20px;color:var(--ink2);line-height:1.7}
details .a p{margin-bottom:10px}
details .a a{color:var(--red);font-weight:600}
details .a ul{margin:0 0 10px 20px}

/* ================= REHBER & BÖLÜMLER ================= */
.gl{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}
.gi{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:26px;text-decoration:none;transition:.25s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden}
.gi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:.25s}
.gi:hover{box-shadow:var(--sh2);transform:translateY(-4px);border-color:transparent}
.gi:hover::before{transform:none}
.gi:hover h3{color:var(--red)}
.gi h3{font-size:23px;margin:14px 0 10px;transition:.15s}
.gi p{color:var(--mute);font-size:14.5px}
.gi.vs{padding:0}
.gi.vs::before{display:none}
.gi.vs h3,.gi.vs p{padding:0 22px}
.gi.vs h3{margin-top:18px;font-size:20px}
.gi.vs p{padding-bottom:22px;font-family:var(--mono);font-size:12.5px;color:var(--ink2)}
.vsimg{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:140px;border-bottom:1px solid var(--line);background:#fff}
.vsimg>div{position:relative;height:100%;display:grid;place-items:center;overflow:hidden;background:#fff!important}
.vsimg>div svg{width:80%;opacity:.5}
.vsimg .ph-img{padding:12px}
.vsimg>b{font:900 12px var(--hd);font-stretch:125%;color:#fff;background:var(--red);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;z-index:2;margin:0 -12px;box-shadow:0 0 0 5px #fff}

.segs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.segc{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:20px;text-decoration:none;display:flex;flex-direction:column;gap:4px;transition:.25s cubic-bezier(.2,.8,.2,1)}
.segc:hover{border-color:var(--red);background:var(--red);color:#fff;transform:translateY(-3px)}
.segc:hover span{color:rgba(255,255,255,.8)}
.segc:hover svg .w,.segc:hover svg .b{stroke:#fff}
.segc:hover svg .wd{fill:#fff}
.segc svg{width:104px;margin-bottom:14px}
.segc b{font:800 17px/1.1 var(--hd);font-stretch:115%;letter-spacing:-.02em}
.segc span{font-size:12.5px;color:var(--mute);transition:.2s}

.callout{border-left:4px solid var(--red);background:var(--red-l);padding:18px 20px;border-radius:0 var(--r) var(--r) 0;margin:20px 0;color:var(--ink2);font-size:15.5px}
.callout.warn{border-color:var(--warn);background:var(--warnbg)}
.callout.bad{border-color:var(--red)}

/* ================= SİHİRBAZ ================= */
.wz{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media(max-width:760px){.wz{grid-template-columns:1fr}}
.wq{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:24px}
.wq:first-child,.wq:nth-child(3){grid-column:1/-1}
.wq h3{font-size:20px;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.wq h3 span{background:var(--red);color:#fff;font:800 13px var(--mono);width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;flex:none}

/* ================= MASRAF ================= */
.cost{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}
@media(max-width:880px){.cost{grid-template-columns:1fr}}
.cost>.card:last-child{background:var(--red);color:#fff;border:0;position:sticky;top:90px;box-shadow:0 30px 60px rgba(227,6,19,.25)}
.cost>.card:last-child .eyebrow{color:#fff}
.cost>.card:last-child .muted{color:rgba(255,255,255,.8)!important}
.cost>.card:last-child .costline{border-color:rgba(255,255,255,.2)}
.cost>.card:last-child [style*="#2b2c30"]{background:rgba(255,255,255,.2)!important}
.cost>.card:last-child [style*="var(--acc)"]{background:#fff!important}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.costline{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}
.costline b{font-variant-numeric:tabular-nums}
.total{font:900 60px/1 var(--hd);font-stretch:125%;letter-spacing:-.04em;color:#fff;margin:12px 0 8px}

/* ================= ALT BİLGİ ================= */
footer{background:var(--red);color:rgba(255,255,255,.82);margin-top:96px;padding:48px 0 calc(48px + env(safe-area-inset-bottom));font-size:14px;position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:-40px;height:41px;background:var(--red);clip-path:polygon(0 100%,100% 0,100% 100%)}
footer .wrap{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}
footer b{color:#fff!important;font:900 18px var(--hd);font-stretch:125%;text-transform:uppercase;letter-spacing:-.02em;display:inline-block;margin-bottom:6px}
footer a{color:#fff;text-decoration:none;margin-right:18px;font-weight:600}
footer a:hover{text-decoration:underline;text-underline-offset:4px}
.empty{padding:48px;text-align:center;color:var(--mute)}
.toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;font-weight:600;font-size:14px;opacity:0;transition:.25s;pointer-events:none;z-index:40}
.toast.on{opacity:1;transform:translateX(-50%)}
#app{min-height:70vh}
#app>*{animation:fade .35s cubic-bezier(.2,.8,.2,1)}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.segimg{position:relative;height:110px;margin:-4px -4px 14px;border-radius:10px;overflow:hidden;background:#fff}
.segimg .ph-img{padding:6px;background:transparent}
.segc:hover .segimg{background:#fff}

/* ================= AÇILIR MENÜ ================= */
.dd{position:relative}
.dd>a::before{content:"";position:absolute;right:-2px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:.5}
.dd>a{padding-right:16px!important}
.ddm{position:absolute;left:-12px;top:100%;min-width:300px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:var(--sh2);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;z-index:30}
.dd:hover .ddm,.dd:focus-within .ddm{opacity:1;visibility:visible;transform:none}
.ddm a{display:block;padding:10px 14px!important;border-radius:10px;text-decoration:none}
.ddm a::after{display:none}
.ddm a:hover{background:var(--soft)}
.ddm b{display:block;font-size:14.5px;color:var(--ink);font-weight:650}
.ddm span{display:block;font-size:12.5px;color:var(--mute);font-weight:400;margin-top:1px}
@media(max-width:1100px){
  .dd>a{display:none!important}
  .ddm{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0;min-width:0;border-radius:0}
  .ddm a{padding:12px 4px!important;border-bottom:1px solid var(--line);border-radius:0}
  .ddm span{display:none}
  .ddm b{font-size:16.5px;font-weight:600}
}
.rmeta{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:16px;font-size:13px;color:var(--mute)}
.rmeta b{color:var(--ink)}
.dict{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.dt{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.dt b{font-size:16px;letter-spacing:-.02em}
.dt p{color:var(--ink2);font-size:14.5px;margin-top:4px;line-height:1.55}
.tile .spot{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--mx) var(--my),rgba(227,6,19,.07),transparent 60%);opacity:0;transition:opacity .25s}
.tile:hover .spot{opacity:1}
.favbtn{position:absolute;right:12px;top:150px;z-index:4;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:var(--sh);transition:.15s}
.favbtn svg{width:18px;height:18px;fill:none;stroke:var(--ink2);stroke-width:2}
.favbtn:hover svg{stroke:var(--red)}
.favbtn.on{background:var(--red);border-color:var(--red)}
.favbtn.on svg{fill:#fff;stroke:#fff}
.btn.ghost[data-fav].on{border-color:var(--red);color:var(--red)}
.garage span{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:700;margin-left:4px;vertical-align:1px}
.seo img{max-width:420px;margin:16px 0}
.seo{padding:48px 0}
.brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.bc{background:#fff;border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;text-decoration:none;transition:.25s cubic-bezier(.2,.8,.2,1)}
.bc:hover{box-shadow:var(--sh2);transform:translateY(-3px)}
.bc-img{position:relative;height:130px;border-bottom:1px solid var(--line)}
.bc-bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:2px}
.bc-bd b{font-size:18px;letter-spacing:-.03em}
.bc-bd span{font-size:12.5px;color:var(--mute)}
.bc-bd em{font-style:normal;font-size:13px;font-weight:600;margin-top:6px}
.sales{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 28px}
@media(max-width:760px){.sales{grid-template-columns:1fr}}
.srow{display:grid;grid-template-columns:28px 130px 1fr auto;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:.15s}
a.srow:hover b{color:var(--red)}
.sr{font:800 15px var(--mono);color:var(--mute)}
.srow:nth-child(-n+3) .sr{color:var(--red)}
.srow b{font-size:16px;letter-spacing:-.02em;transition:.15s}
.sbar{height:8px;background:var(--soft2);border-radius:6px;overflow:hidden}
.sbar i{display:block;height:100%;background:var(--ink);border-radius:6px}
.srow:nth-child(1) .sbar i{background:var(--red)}
.su{font-size:13px;color:var(--ink2);white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:600px){.srow{grid-template-columns:24px 1fr auto}.sbar{display:none}}
.sold{background:var(--red);color:#fff;padding:2px 6px;border-radius:4px;margin-right:4px;letter-spacing:.06em}

/* ================= REHBER ANİMASYONLARI ================= */
.anim{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:22px;margin:26px 0;box-shadow:var(--sh);color:var(--ink);font-size:15px;line-height:1.55;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
.anim.in{opacity:1;transform:none}
.anim-hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.anim-hd b{font-size:17px;letter-spacing:-.02em}
.anim-hd span{font:600 10.5px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.1em}
.anim-info{margin:12px 0 0!important;color:var(--ink2);background:var(--soft);border-radius:10px;padding:12px 14px}
.anim-info b{color:var(--ink)}
.anim-row{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:22px;align-items:center}
@media(max-width:640px){.anim-row{grid-template-columns:1fr}.anim-row svg{max-width:220px;margin:0 auto}}
.anim-list{list-style:none;margin:0!important;padding:0;display:flex;flex-direction:column;gap:6px}
.anim-list li{padding:10px 12px;border-radius:10px;cursor:pointer;transition:.2s;border:1px solid transparent;margin:0!important}
.anim-list li b{display:block;font-size:14.5px}
.anim-list li span{display:block;font-size:13.5px;color:var(--mute);max-height:0;overflow:hidden;transition:max-height .35s}
.anim-list li.sel{background:var(--red-l);border-color:var(--red-l2)}
.anim-list li.sel b{color:var(--red)}
.anim-list li.sel span{max-height:80px;color:var(--ink2)}
/* kask */
.ka-svg{width:100%;height:auto;overflow:visible}
.ka-l{transform:translateX(380px);transition:transform 1s cubic-bezier(.2,.8,.2,1);cursor:pointer}
.ka-l text{font:600 13px var(--bd);fill:var(--mute);opacity:0;transition:opacity .4s .7s}
.anim.in .ka-l{transform:translateX(var(--x))}
.anim.in .ka-l text{opacity:1}
.ka-l:nth-child(2){transition-delay:.08s}.ka-l:nth-child(3){transition-delay:.16s}.ka-l:nth-child(4){transition-delay:.24s}.ka-l:nth-child(5){transition-delay:.32s}
.ka-l:hover path,.ka-l.sel path{filter:drop-shadow(0 6px 10px rgba(227,6,19,.25))}
.ka-l.sel text{fill:var(--red)}
/* eldiven */
.el-svg,.gv-svg{width:100%;height:auto}
.draw{stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 2s ease}
.anim.in .draw{stroke-dashoffset:0}
.hs{cursor:pointer}
.hs-p{fill:var(--red);opacity:.18;transform-origin:center;transform-box:fill-box;animation:pulse 1.8s ease-out infinite}
.hs-c{fill:var(--red)}
.hs text{font:700 10px var(--bd);fill:#fff;pointer-events:none}
.hs.sel .hs-c{fill:var(--ink)}
@keyframes pulse{0%{transform:scale(.6);opacity:.35}100%{transform:scale(1.6);opacity:0}}
/* gövde */
.zn{fill:var(--red);opacity:.12;transition:opacity .3s,r .3s;cursor:pointer}
.zn.sel{opacity:.75}
/* viraj */
.vr-svg{width:100%;max-width:520px;display:block;margin:6px auto 0;height:auto}
.vr-line{transition:opacity .4s}
.vr-t{font:600 12px var(--bd);fill:var(--ink2)}
.apex-d{transition:opacity .3s}
.anim-tabs{margin-bottom:6px}
/* fren */
.anim-ctl{margin-bottom:16px}
.fr-track{display:flex;height:22px;border-radius:8px;overflow:hidden;background:var(--soft)}
.fr-r,.fr-b{height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.fr-r{background:var(--warn)}.fr-b{background:var(--red)}
.fr-leg{display:flex;gap:16px;align-items:center;margin-top:8px;font-size:13px;color:var(--ink2);flex-wrap:wrap}
.fr-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.fr-leg b{margin-left:auto;font-size:22px;letter-spacing:-.03em}
/* takip */
.tk-road{position:relative;height:56px;background:var(--soft);border-radius:10px;margin-bottom:16px;overflow:hidden}
.tk-road::before{content:"";position:absolute;left:0;right:0;top:27px;border-top:2px dashed #fff}
.tk-mark{position:absolute;left:60%;top:6px;bottom:6px;width:3px;background:var(--ink);border-radius:2px}
.tk-a,.tk-b{position:absolute;top:16px;width:34px;height:24px;border-radius:7px;animation:tk 5s linear infinite}
.tk-a{background:var(--ink)}
.tk-b{background:var(--red);animation-delay:-1.6s}
@keyframes tk{from{left:-40px}to{left:100%}}
.tk-out{font-size:15px;padding-top:6px}
.tk-out b{font-size:22px;letter-spacing:-.03em}
/* çizim + nokta blokları */
.hsb-art svg{width:100%;height:auto;display:block}
.hsb .anim-row{grid-template-columns:minmax(220px,340px) 1fr}
.anim-list li b em{font-style:normal;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px;margin-right:8px;vertical-align:1px}
.anim-list li.sel b em{background:var(--red)}
.pin{cursor:pointer}
.pin-p{fill:var(--red);opacity:0;transform-box:fill-box;transform-origin:center}
.pin-c{fill:#fff;stroke:var(--ink);stroke-width:2.5;transition:.2s}
.pin text{font:800 11px var(--bd);fill:var(--ink);pointer-events:none}
.pin.sel .pin-c{fill:var(--red);stroke:var(--red)}
.pin.sel text{fill:#fff}
.pin.sel .pin-p{animation:pulse 1.6s ease-out infinite}
.hl{transition:filter .3s,opacity .3s}
.hsb .hl.sel{filter:drop-shadow(0 0 0 transparent) brightness(1.15) drop-shadow(0 0 10px rgba(227,6,19,.55))}
.pad{fill:var(--red);opacity:.0;transition:opacity .35s}
.anim.in .pad{opacity:.18}
.pad.sel{opacity:.85!important}
.cut{opacity:0;transition:opacity .8s .3s}
.anim.in .cut{opacity:1}
.strap{transform:translateY(-14px);opacity:0;transition:.6s .6s}
.anim.in .strap{transform:none;opacity:1}
/* mobil alt gezinme */
.bnav{display:none}
@media(max-width:760px){
  .bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:24;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .bnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--mute);text-decoration:none;padding:4px 0}
  .bnav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .bnav a.on{color:var(--red)}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .cbar{bottom:calc(76px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(140px + env(safe-area-inset-bottom))}
}
/* karşılaştırma grafiği */
.cchart{margin-bottom:16px}
.cc-leg{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px;font-size:13.5px;font-weight:600}
.cc-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.cc-row{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.cc-row>b{font-size:14px}
.cc-bars{display:flex;flex-direction:column;gap:5px}
.cc-b{display:grid;grid-template-columns:1fr 92px;gap:10px;align-items:center}
.cc-b i{display:block;height:9px;border-radius:5px;width:var(--w);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.cc-b span{font-size:12.5px;color:var(--ink2);font-variant-numeric:tabular-nums;text-align:right}
.cc-b span.best{color:var(--ink);font-weight:800}
.toolbar .inp{flex:1}
.cbar:not(.on){visibility:hidden;transform:translateX(-50%) translateY(calc(100% + 140px))}
.cbar{transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility .3s}

/* ================= 21st RAFİNE KATMANI ================= */
:root{--bd:"General Sans",Inter,system-ui,sans-serif;--hd:Inter,system-ui,sans-serif;--soft:#f5f5f6;--line:#ececef;--rl:18px}
body{font-family:var(--bd);font-weight:450;letter-spacing:-.005em}
h1,h2,h3{font-family:var(--hd);font-weight:700;letter-spacing:-.045em}
.ph h1{font-size:clamp(32px,4.6vw,52px);line-height:1;letter-spacing:-.05em}
.ph{border-bottom:0;padding:48px 0 18px;margin-bottom:20px}
.ph p{color:var(--mute);font-size:17px}
.hero h1{font-size:clamp(40px,6.4vw,72px);letter-spacing:-.055em}
/* butonlar */
.btn{border-radius:10px;height:46px;padding:0 20px;font-weight:600;font-size:15px;background:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(0,0,0,.2)}
.btn:hover{background:#26262b}
.btn.ghost{background:rgba(12,12,14,.04);border:1px solid var(--line);box-shadow:none;color:var(--ink)}
.btn.ghost:hover{background:rgba(12,12,14,.07);border-color:var(--line2)}
.cta .btn{border-radius:10px}
.cta .btn:not(.ghost){background:var(--ink)}
.cta .btn:not(.ghost):hover{background:#26262b}
/* bölüm başlıkları */
h2.sec{font-size:22px;letter-spacing:-.035em;font-weight:650;margin:64px 0 18px;align-items:flex-end}
h2.sec .st{display:flex;flex-direction:column;gap:4px}
h2.sec .st small{font:450 14px var(--bd);letter-spacing:0;color:var(--mute)}
h2.sec a{color:var(--ink2);font-weight:550;font-size:13.5px;border:0;padding:0}
h2.sec a:hover{color:var(--ink);text-decoration:none}
/* paneller */
.panel{background:var(--soft);border-radius:28px;padding:22px 22px 24px;margin-top:20px}
.panel h2.sec{margin:2px 4px 18px}
@media(max-width:600px){.panel{border-radius:20px;padding:16px 12px 18px;margin-left:-8px;margin-right:-8px}}
/* kartlar: kenarlıksız döşeme */
.mc{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
.mc:hover{box-shadow:none;transform:none}
.mc .art{height:200px;border-radius:16px;background:#fff!important;border:1px solid var(--line);overflow:hidden;transition:border-color .2s,box-shadow .25s}
.panel .mc .art{border-color:transparent}
.mc:hover .art{box-shadow:0 10px 30px rgba(12,12,14,.08);border-color:var(--line2)}
.mc .bd{border-top:0;padding:12px 4px 4px;gap:5px}
.mc h3{font-size:17px;letter-spacing:-.03em;font-weight:650}
.mc .brand{color:var(--mute);font-size:10px}
.mc .specs{gap:10px;font-size:12.5px}
.mc .ft{padding-top:8px;border-top:0}
.price{font:700 18px/1 var(--hd);letter-spacing:-.03em}
.price small{font-size:11px}
.cmpbtn{border-radius:8px;border:1px solid var(--line);background:#fff;font-weight:600;padding:7px 10px}
.favbtn{top:154px;right:10px}
.mc .art .badge{background:rgba(255,255,255,.9);backdrop-filter:blur(6px)}
.grid{gap:22px 18px}
/* diğer kartlar */
.gi,.segc,.tile,.card,.wq,.dt,.bc{border-radius:18px;box-shadow:none;border-color:var(--line)}
.gi:hover,.segc:hover,.tile:hover,.bc:hover{box-shadow:0 10px 30px rgba(12,12,14,.07);transform:translateY(-2px)}
.panel .gi,.panel .segc,.panel .tile{border-color:transparent}
.segc:hover{background:#fff;color:var(--ink);border-color:var(--line2)}
.segc:hover span{color:var(--mute)}
.tile.feat{background:var(--ink)}
.tile .ic{border-radius:10px;background:var(--soft)}
.tile .ic svg{stroke:var(--ink)}
.tile:hover .ic{background:var(--ink)}
.tile:hover .ic svg{stroke:#fff}
.tile:hover{border-color:var(--line2)}
.tile::after{display:none}
/* başlık çubuğu */
.top .wrap{height:60px}
.menu a{font-weight:500;font-size:14px;color:var(--ink2)}
.menu a::after{display:none}
.menu a.on{color:var(--ink);font-weight:600}
.kbtn{display:flex;align-items:center;gap:8px;height:34px;padding:0 8px 0 10px;border:1px solid var(--line);background:var(--soft);border-radius:10px;color:var(--mute);font-size:13px;cursor:pointer;flex:none}
.kbtn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2}
.kbtn kbd{font:600 11px var(--mono);background:#fff;border:1px solid var(--line);border-radius:5px;padding:1px 5px}
.kbtn:hover{border-color:var(--line2);color:var(--ink)}
.hcta{height:34px!important;padding:0 14px!important;font-size:13.5px!important;flex:none}
@media(max-width:1100px){.kbtn span,.kbtn kbd{display:none}.kbtn{margin-left:auto;padding:0 10px}.burger{margin-left:4px}}
@media(max-width:600px){.hcta{display:none}}
/* söylem + bento */
.statement{margin:72px 0 22px}
.statement p{font:600 clamp(24px,3.4vw,40px)/1.15 var(--hd);letter-spacing:-.04em;color:#a1a1aa;max-width:960px}
.statement b{color:var(--ink);font-weight:600}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;gap:14px}
.bx{position:relative;background:var(--soft);border-radius:22px;text-decoration:none;overflow:hidden;display:flex;transition:.25s}
.bx:hover{background:#efeff1}
.bx-big{grid-column:span 2;grid-row:span 2;background:var(--ink);color:#fff}
.bx-big:hover{background:#18181b}
.bx-bd{margin-top:auto;padding:22px;display:flex;flex-direction:column;gap:2px;position:relative;z-index:2}
.bx-bd b{font:700 44px/1 var(--hd);letter-spacing:-.05em}
.bx-big .bx-bd b{font-size:72px}
.bx-bd span{color:var(--mute);font-size:14.5px}
.bx-big .bx-bd span{color:#a1a1aa}
.bx-bd em{font-style:normal;font-size:13px;font-weight:600;margin-top:10px;opacity:0;transform:translateY(4px);transition:.2s}
.bx:hover .bx-bd em{opacity:1;transform:none}
.bx-img{position:absolute;inset:0 0 40% 0;display:flex}
.bx-img .ph-img{position:relative;flex:1;background:transparent;padding:26px 10px 0;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}
.bx-img .ph-img:nth-child(2){margin-top:30px}
@media(max-width:860px){.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.bx-big{grid-column:span 2}}
/* komut paleti */
.cmdk{position:fixed;inset:0;z-index:60;background:rgba(12,12,14,.35);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.cmdk[hidden]{display:none}
.cmdk-box{width:100%;max-width:620px;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.3);overflow:hidden;animation:cmdin .18s ease}
@keyframes cmdin{from{opacity:0;transform:scale(.97) translateY(-6px)}}
.cmdk-in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.cmdk-in svg{width:18px;height:18px;stroke:var(--mute);fill:none;stroke-width:2.2;flex:none}
.cmdk-in input{flex:1;border:0;outline:none;font-size:16.5px;background:none}
.cmdk-in kbd{font:600 11px var(--mono);color:var(--mute);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.cmdk-res{max-height:56vh;overflow:auto;padding:6px}
.cmdk-g{font:600 10.5px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.1em;padding:12px 12px 6px}
.cmdk-i{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;text-decoration:none}
.cmdk-i img{width:44px;height:32px;object-fit:contain}
.cmdk-ic{width:32px;height:32px;margin:0 6px;border-radius:8px;background:var(--soft);display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--ink2)}
.cmdk-i b{font-weight:550;font-size:14.5px;letter-spacing:-.01em}
.cmdk-i span{font-size:12.5px;color:var(--mute)}
.cmdk-i.hl,.cmdk-i:hover{background:var(--soft)}
.cmdk-empty{padding:28px;text-align:center;color:var(--mute)}
.bx-big{background:#fff;color:var(--ink);border:1px solid var(--line)}
.bx-big:hover{background:#fff;box-shadow:0 14px 40px rgba(12,12,14,.08)}
.bx-big .bx-bd span{color:var(--mute)}
.bx-img{inset:0 0 34% 0}
.bx-img .ph-img{mix-blend-mode:multiply;filter:none;padding:24px 18px 0}
.bx-img .ph-img:nth-child(n+2){display:none}
.chip.on{background:var(--ink);border-color:var(--ink)}
/* ölçüm animasyonları */
.ms-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
@media(max-width:760px){.ms-grid{grid-template-columns:1fr}}
.ms-card h3{font-size:18px;letter-spacing:-.03em;margin-bottom:6px}
.ms-svg{width:100%;max-width:300px;display:block;margin:4px auto 6px;height:auto;overflow:visible}
.ms-steps{margin:6px 0 0 20px;color:var(--ink2);font-size:14.5px}
.ms-steps li{margin-bottom:4px}
.ms-steps li::marker{font-weight:700;color:var(--ink)}
.tape{fill:none;stroke:#f5c518;stroke-width:10;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:tape 5s cubic-bezier(.6,0,.3,1) infinite}
.tape.back{stroke:#f5c518;opacity:.45;stroke-width:6;stroke-dasharray:3 3;animation:tapeback 5s ease infinite}
.tape-tick{fill:none;stroke:#7a5b00;stroke-width:4;stroke-dasharray:.4 2.6;opacity:0;animation:tick 5s ease infinite}
@keyframes tape{0%{stroke-dashoffset:100;opacity:1}38%,86%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes tapeback{0%,30%{opacity:0}42%,86%{opacity:.5}100%{opacity:0}}
@keyframes tick{0%,34%{opacity:0}44%,86%{opacity:.8}100%{opacity:0}}
.ms-lab{opacity:0;transform-box:fill-box;transform-origin:center;animation:lab 5s ease infinite}
.ms-lab text{font:700 15px var(--hd);fill:#fff;letter-spacing:-.02em}
@keyframes lab{0%,40%{opacity:0;transform:translateY(6px) scale(.9)}50%,86%{opacity:1;transform:none}100%{opacity:0}}
.ms-note text{font:600 11.5px var(--bd);fill:var(--ink2)}
.ms-note{opacity:0;animation:tick 5s ease infinite}
.band{fill:#f5c518;transform-box:fill-box;transform-origin:left center;transform:scaleX(0);animation:band 5s cubic-bezier(.6,0,.3,1) infinite}
.band-back{fill:none;stroke:#f5c518;stroke-width:2;stroke-dasharray:4 4;opacity:0;animation:tapeback 5s ease infinite}
.band-tick{stroke:#7a5b00;stroke-width:8;stroke-dasharray:1.2 6;opacity:0;animation:tick 5s ease infinite}
@keyframes band{0%{transform:scaleX(0);opacity:1}38%,86%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.tape{stroke-dashoffset:0}.band{transform:none}.ms-lab,.tape-tick,.band-tick,.ms-note{opacity:1}}

/* ================= MOBİL İYİLEŞTİRMELER ================= */
@media(max-width:760px){
  .top .wrap{gap:10px;height:56px}
  .logo{min-width:0;flex:1 1 auto;overflow:hidden}
  .logo svg{width:28px;height:28px;flex:none}
  .logo b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kbtn{margin-left:0;height:36px;width:36px;padding:0;justify-content:center;flex:none}
  .burger{flex:none;width:40px;height:40px;margin-left:0}
  .menu{top:calc(56px + env(safe-area-inset-top))}
  /* hero */
  .hero{padding-top:36px}
  .hero h1{margin:18px 0 14px}
  .hero p{font-size:15.5px}
  .cta{width:100%;flex-wrap:nowrap;gap:8px}
  .cta .btn{flex:1;padding:0 10px;font-size:14px}
  .search kbd{display:none}
  .frame{margin-top:28px;border-radius:20px 20px 0 0;padding:6px 6px 0}
  .frame-hd{padding:8px 10px 10px}
  .frame-hd .dots{display:none}
  .frame-hd b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rank{padding:6px 6px 0;border-radius:14px 14px 0 0}
  .rk-img{height:160px}
  .rk .num{font-size:90px}
  /* söylem ve bento */
  .statement{margin:48px 0 16px}
  .statement p{font-size:22px;line-height:1.2}
  .bento{grid-auto-rows:118px;gap:10px}
  .bx{border-radius:18px}
  .bx-bd{padding:14px}
  .bx-bd b{font-size:32px}
  .bx-big .bx-bd b{font-size:48px}
  .bx-bd span{font-size:12.5px;line-height:1.35}
  .bx-bd em{display:none}
  /* bölümler */
  h2.sec{font-size:19px;margin:40px 0 14px;gap:10px}
  h2.sec .st small{font-size:12.5px}
  h2.sec a{font-size:12.5px}
  .panel{padding:14px 10px 16px;margin-top:14px}
  .panel h2.sec{margin:4px 4px 14px}
  /* kart ızgarası: 2 sütun */
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
  .mc .art{height:124px;border-radius:14px}
  .mc .art .badge{font-size:8.5px;padding:4px 5px;top:8px}
  .mc .art .seg{left:8px}.mc .art .lic{right:8px}
  .ph-img{padding:10px 8px}
  .favbtn{top:90px;right:6px;width:30px;height:30px}
  .favbtn svg{width:15px;height:15px}
  .mc .bd{padding:9px 2px 2px;gap:3px}
  .mc .brand{font-size:9px}
  .mc h3{font-size:14.5px;line-height:1.15}
  .mc .specs{gap:6px;font-size:11px}
  .mc .specs span:nth-child(n+3){display:none}
  .mc .ft{flex-direction:column;align-items:stretch;gap:8px;padding-top:6px}
  .price{font-size:16px}
  .price small{display:none}
  .cmpbtn{font-size:11.5px;padding:6px 8px;text-align:center}
  .gl,.segs,.brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .gi{padding:16px}
  .gi h3{font-size:16px;margin:8px 0 6px}
  .gi p{font-size:12.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .gi.vs{grid-column:span 2}
  .segc{padding:14px}
  .segimg{height:84px;margin-bottom:8px}
  .segc b{font-size:14.5px}
  .bc-img{height:90px}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tile{padding:14px}
  /* model detayı: önce fotoğraf, fiyat ve özellikler */
  .det{display:flex;flex-direction:column;gap:12px}
  .det>div:first-child{display:contents}
  .det .dart{order:1;height:240px}
  .det>div:first-child>p{order:2;margin-top:-6px!important}
  .det>div:last-child{order:3}
  .det>div:first-child>.pc{order:4;margin-top:0}
  .det>div:first-child>.card{order:5;margin-top:0!important}
  .det .price{font-size:34px!important}
  .det .btn{flex:1 1 auto;padding:0 12px;font-size:14px}
  .sp{padding:12px}
  .sp b{font-size:20px}
  .ph{padding:28px 0 12px}
  .ph h1{font-size:32px}
  /* alt menü */
  .bnav a{font-size:10px;letter-spacing:-.01em;min-width:0}
  .bnav{padding-left:2px;padding-right:2px}
  /* tablolar ve formlar */
  th,td{padding:10px 10px}
  .fg{grid-template-columns:1fr 1fr;gap:10px}
  .cost{gap:14px}
  .total{font-size:44px}
  .anim{padding:16px;margin:20px -4px}
  .wz{grid-template-columns:1fr}
}
@media(max-width:360px){.grid{gap:14px 8px}.mc h3{font-size:13.5px}.logo b{font-size:13.5px}}
@media(max-width:760px){.det>*,.det>div:first-child>*{width:100%;min-width:0}}
@media(max-width:760px){
  .mc .art .seg{display:none}
  .toolbar .inp{flex:1 1 100%;max-width:none!important}
  .toolbar .cnt{order:2;font-size:15px}
  .toolbar>div{order:3;margin-left:auto}
}
.tape{stroke:url(#ms-tape);stroke-width:11;filter:drop-shadow(0 2px 2px rgba(120,80,0,.25))}
.tape.back{stroke:#e5b200;opacity:.55;stroke-width:8;stroke-dasharray:none}
.band{fill:url(#ms-tape);filter:drop-shadow(0 2px 2px rgba(120,80,0,.25))}
.band-back{stroke:#e5b200;stroke-width:6;stroke-dasharray:none;fill:none}
/* lastik animasyonu */
.tyre-card{margin-bottom:20px;display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center}
@media(max-width:760px){.tyre-card{grid-template-columns:1fr;gap:10px}}
.tyre-svg{width:100%;height:auto;display:block}
.ty-spin{transform-origin:150px 150px;animation:spin 6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ty-code{font:700 17px var(--mono);fill:#d4d4d8;letter-spacing:1.5px}
.ty-code tspan{transition:fill .25s}
.ty-code tspan.on{fill:#ff3b47}
.ty-dim{stroke:var(--ink2);stroke-width:1.6;fill:none}
.ty-dt{font:700 13px var(--hd);fill:var(--ink2)}
.ty-h{opacity:.35;transition:opacity .3s}
.ty-h.on{opacity:1}
.ty-h.on .ty-dim{stroke:var(--red);stroke-width:2.4}
.ty-h.on .ty-dt{fill:var(--red)}
.tyre-leg{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.tl{padding:10px 12px;border-radius:12px;background:var(--soft);cursor:pointer;transition:.2s;border:1px solid transparent}
.tl b{display:block;font:700 18px var(--mono);letter-spacing:-.02em}
.tl span{display:block;font-size:12.5px;font-weight:600;color:var(--ink2)}
.tl em{display:block;font-style:normal;font-size:12px;color:var(--mute);margin-top:2px}
.tl.on{background:var(--red-l);border-color:var(--red-l2)}
.tl.on b{color:var(--red)}
/* konu kartları (hero) */
.topics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:var(--soft);border-radius:20px 20px 0 0;padding:10px 10px 12px}
.tp{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 14px 10px;display:flex;flex-direction:column;transition:.2s}
.tp:hover{border-color:var(--line2);box-shadow:0 10px 26px rgba(12,12,14,.07);transform:translateY(-2px)}
.tp-hd{display:flex;flex-direction:column;gap:2px;text-decoration:none}
.tp-ic{width:44px;height:44px;border-radius:12px;background:var(--red-l);display:grid;place-items:center;margin-bottom:10px;transition:.2s}
.tp-ic svg{width:30px;height:30px}
.tp-ic .f{fill:#fff}
.tp-ic .s{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tp-ic .d{stroke:var(--red);stroke-dasharray:3 4}
.tp:hover .tp-ic{background:var(--red)}
.tp:hover .tp-ic .s{stroke:#fff}.tp:hover .tp-ic .f{fill:rgba(255,255,255,.18)}.tp:hover .tp-ic .d{stroke:#fff}
.tp-hd b{font-size:15.5px;letter-spacing:-.025em;font-weight:650}
.tp-hd small{font-size:12px;color:var(--mute)}
.tp ul{list-style:none;margin:10px 0 0;padding:8px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column}
.tp li a{display:flex;justify-content:space-between;gap:6px;font-size:12.5px;color:var(--ink2);text-decoration:none;padding:4px 0;font-weight:500}
.tp li a::after{content:"→";color:var(--line2);transition:.15s}
.tp li a:hover{color:var(--red)}
.tp li a:hover::after{color:var(--red);transform:translateX(2px)}
@media(max-width:1100px){.topics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px 6px 8px}.tp{padding:12px 11px 8px}.tp-ic{width:38px;height:38px;margin-bottom:8px}.tp-ic svg{width:26px;height:26px}.tp-hd b{font-size:14px}.tp li a{font-size:12px}.tp li:nth-child(3){display:none}}
/* sıralama paneli (aşağı taşındı) */
.rank-frame{border-radius:28px;margin-top:64px;padding-bottom:10px}
.rank-frame .rank{border-radius:20px;padding-bottom:6px}
.rank-frame .rk{border-radius:16px}
@media(max-width:760px){.rank-frame{margin-top:40px;border-radius:20px}}
/* markalar açılır menüsü */
.dd-brands .ddm{min-width:560px;left:-180px;padding:10px}
.ddb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 6px}
.ddb-grid a{display:flex!important;justify-content:space-between;align-items:center;padding:7px 10px!important;font-size:13.5px;font-weight:500;color:var(--ink2)!important;border-radius:8px}
.ddb-grid a i{font-style:normal;font-size:11px;color:var(--mute)}
.ddb-grid a:hover{background:var(--soft);color:var(--ink)!important}
.ddb-all{display:block;margin-top:6px;padding:10px!important;border-top:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink)!important;border-radius:0!important}
@media(max-width:1100px){
  .dd-brands .ddm{min-width:0;left:auto}
  .ddb-grid{grid-template-columns:repeat(2,1fr)}
  .ddb-grid a{padding:10px 4px!important;font-size:15px;border-bottom:1px solid var(--line);border-radius:0}
}
/* ana sayfa önerileri: 3'lü */
.panel .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.panel .gl{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){
  .panel .grid,.panel .gl{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -10px;padding:0 10px 4px;scrollbar-width:none}
  .panel .grid::-webkit-scrollbar,.panel .gl::-webkit-scrollbar{display:none}
  .panel .grid>*{flex:0 0 46%;scroll-snap-align:start}
  .panel .gl>*{flex:0 0 78%;scroll-snap-align:start}
  .panel .gi.vs{grid-column:auto}
}
@media(min-width:1101px){.menu{overflow:visible}.menu a{padding:20px 9px}}
/* ekipman */
.eq-plan{margin-bottom:8px}
.eq-plan-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px}
.eq-h{font-size:18px;letter-spacing:-.03em;margin-bottom:12px}
.eqpl{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}
.eqp{background:var(--soft);border-radius:14px;padding:12px 14px;text-decoration:none;display:flex;flex-direction:column;gap:2px;transition:.15s}
.eqp:hover{background:#efeff1}
.eqp span{font-size:12px;color:var(--mute);font-weight:600}
.eqp b{font-size:18px;letter-spacing:-.03em}
.eqp em{font-style:normal;font-size:12px;color:var(--ink2);line-height:1.3}
.eqcats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.eqcat{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;transition:.2s}
.eqcat:hover{box-shadow:0 10px 30px rgba(12,12,14,.07);transform:translateY(-2px)}
.eqcat-img{height:150px;display:grid;place-items:center;background:#fff;border-bottom:1px solid var(--line)}
.eqcat-img img{max-height:130px;max-width:80%;object-fit:contain;mix-blend-mode:multiply}
.eqcat-bd{padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.eqcat-bd b{font-size:15.5px;letter-spacing:-.025em}
.eqcat-bd span{font-size:12.5px;color:var(--mute)}
.eqcat-bd em{font-style:normal;font-size:12.5px;font-weight:600;margin-top:6px}
.eq-top{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.eq-look{list-style:none;margin:0;padding:0}
.eq-look li{padding:9px 0 9px 28px;border-bottom:1px solid var(--line);position:relative;font-size:15px;color:var(--ink2)}
.eq-look li:last-child{border:0}
.eq-look li::before{content:"";position:absolute;left:2px;top:13px;width:16px;height:16px;border-radius:50%;background:var(--okbg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b8a4a' stroke-width='4'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat}
.eqgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.eqc{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.eqc-img{position:relative;height:200px;display:grid;place-items:center;border-bottom:1px solid var(--line)}
.eqc-img img{max-height:176px;max-width:84%;object-fit:contain;mix-blend-mode:multiply}
.eq-t{position:absolute;left:12px;top:12px}
.eq-ekonomik{background:var(--okbg);color:var(--ok)}.eq-orta{background:var(--bluebg);color:var(--blue)}.eq-ust{background:var(--ink);color:#fff}
.eqc-bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.eqc-bd small{font:700 10px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.12em}
.eqc-bd b{font-size:16.5px;letter-spacing:-.03em}
.eq-cert{align-self:flex-start;font:700 10px var(--mono);background:var(--soft);padding:3px 7px;border-radius:5px;color:var(--ink2);margin-top:2px}
.eqc-bd ul{list-style:none;margin:6px 0 0;padding:0;font-size:13px;color:var(--ink2)}
.eqc-bd li{padding:2px 0 2px 14px;position:relative}
.eqc-bd li::before{content:"·";position:absolute;left:3px;font-weight:800;color:var(--red)}
.eqc-ft{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.eq-go{height:38px!important;font-size:13px!important;padding:0 12px!important}
@media(max-width:1000px){.eqcats{grid-template-columns:repeat(3,1fr)}.eqgrid{grid-template-columns:repeat(2,1fr)}.eqpl{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.eqcats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.eqcat-img{height:110px}.eqcat-img img{max-height:96px}.eq-top{grid-template-columns:1fr}.eqgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.eqc-img{height:130px}.eqc-img img{max-height:112px}.eqc-bd{padding:10px 10px 12px}.eqc-bd b{font-size:14px}.eqc-bd ul{display:none}.eqc-ft{flex-direction:column;align-items:stretch}.eqpl{grid-template-columns:repeat(2,1fr)}.eq-plan-hd{flex-direction:column;align-items:flex-start}}
.eqbar{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:10px}
.eqbar2{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px}
.eqmax{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink2);min-width:240px;flex:1}
.eqmax input{flex:1}
.eqbar2 .cnt{font-weight:700;font-size:14px}
@media(max-width:760px){.eqbar{grid-template-columns:1fr 1fr}.eqbar #eqq{grid-column:1/-1}.eqmax{min-width:0;width:100%}}
/* menü hizalama düzeltmesi */
@media(min-width:1101px){
  .menu{align-items:center;height:100%}
  .dd{display:flex;align-items:center;height:100%}
  .menu>a,.dd>a{display:inline-flex;align-items:center;height:100%;padding:0 10px;line-height:1}
  .dd>a{padding-right:20px!important}
  .dd>a::before{right:6px}
  .ddm{top:calc(100% - 6px)}
}
/* motor bulucu anketi */
.quiz-wrap{max-width:880px}
.quiz{padding:28px}
.qz-top{display:flex;align-items:center;gap:14px;font:600 12px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em}
.qz-bar{flex:1;height:6px;background:var(--soft2);border-radius:6px;overflow:hidden}
.qz-bar i{display:block;height:100%;background:var(--red);border-radius:6px;transition:width .4s cubic-bezier(.2,.8,.2,1)}
.qz-q{font-size:clamp(24px,3.4vw,32px);margin:24px 0 6px;animation:fade .3s ease}
.qz-h{color:var(--mute);margin-bottom:4px}
.qz-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}
.qz-opts.many{grid-template-columns:repeat(3,1fr)}
.qz-o{text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:16px 18px;cursor:pointer;transition:.15s;display:flex;flex-direction:column;gap:3px;animation:fade .35s ease both}
.qz-o:nth-child(2){animation-delay:.04s}.qz-o:nth-child(3){animation-delay:.08s}.qz-o:nth-child(4){animation-delay:.12s}.qz-o:nth-child(5){animation-delay:.16s}.qz-o:nth-child(6){animation-delay:.2s}
.qz-o b{font-size:16px;letter-spacing:-.02em;font-weight:650}
.qz-o span{font-size:13px;color:var(--mute)}
.qz-o:hover{border-color:var(--ink);transform:translateY(-1px)}
.qz-o.on{border-color:var(--red);background:var(--red-l)}
.qz-nav{display:flex;justify-content:space-between;margin-top:22px}
.qz-done{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.qz-done h2{font-size:30px;margin-top:10px}
.qz-top3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.qz-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;transition:.2s}
.qz-card:first-child{border-color:var(--red);box-shadow:0 0 0 3px var(--red-l)}
.qz-card:hover{box-shadow:0 12px 32px rgba(12,12,14,.08);transform:translateY(-2px)}
.qz-rank{position:absolute;left:12px;top:12px;z-index:3;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.qz-card:first-child .qz-rank{background:var(--red)}
.qz-img{position:relative;height:180px;border-bottom:1px solid var(--line)}
.qz-bd{padding:14px 16px 16px}
.qz-bd small{font:700 10px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.12em}
.qz-bd b{display:block;font-size:19px;letter-spacing:-.03em;margin:2px 0 6px}
.qz-bd ul{list-style:none;margin:10px 0 0;padding:0;font-size:13px;color:var(--ink2)}
.qz-bd li{padding:3px 0 3px 18px;position:relative}
.qz-bd li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}
@media(max-width:760px){.quiz{padding:18px}.qz-opts,.qz-opts.many{grid-template-columns:1fr}.qz-top3{grid-template-columns:1fr}.qz-img{height:150px}}
.eqms{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.eqm{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;text-decoration:none;display:flex;flex-direction:column;gap:2px;transition:.2s}
.eqm:hover{box-shadow:0 10px 26px rgba(12,12,14,.07);transform:translateY(-2px)}
.eqm-img{height:120px;display:grid;place-items:center;margin-bottom:8px}
.eqm-img img{max-height:110px;max-width:90%;object-fit:contain;mix-blend-mode:multiply}
.eqm small{font:700 9.5px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.1em}
.eqm b{font-size:14px;letter-spacing:-.02em;line-height:1.25}
.eqm span{font-weight:700;font-size:15px;margin-top:4px}
#heq{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.eqms{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.eqm-img{height:90px}.eqm-img img{max-height:84px}#heq{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}#heq>*{flex:0 0 70%;scroll-snap-align:start}}
.a2hs{position:fixed;left:10px;right:10px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:26;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.18);padding:10px 10px 10px 12px;display:flex;align-items:center;gap:10px;animation:fade .35s ease}
.a2hs img{width:38px;height:38px;border-radius:9px;flex:none}
.a2hs div{flex:1;min-width:0}
.a2hs b{display:block;font-size:13.5px;letter-spacing:-.01em}
.a2hs span{display:block;font-size:12px;color:var(--mute)}
.a2hs i{font-style:normal}
.a2hs .btn{height:36px!important;padding:0 14px!important;font-size:13px!important;flex:none}
.a2hs-x{background:none;border:0;color:var(--mute);font-size:15px;width:30px;height:30px;cursor:pointer;flex:none}
/* Yeni modeller & haberler */
.nw .nw-img{margin:-26px -26px 18px;aspect-ratio:16/9;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden}
.nw .nw-img img{width:100%;height:100%;object-fit:contain;padding:10px}
.nw h3{font-size:20px}
.nw p{flex:1}
.nw-ft{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.badge.st-ok{background:#e8f6ee;color:#137a3d}
.badge.st-wait{background:#fff5e0;color:#8a5a00}
.chip i{font-style:normal;color:var(--mute);font-weight:500;margin-left:3px}
.nwd{max-width:820px}
.nwd-img{background:var(--soft);border-radius:var(--rl);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:22px}
.nwd-img img{width:100%;height:100%;object-fit:contain;padding:16px}
.nwd-lead{font-size:18px;line-height:1.6;color:var(--ink2)}
.nwd-sp{margin:16px 0}
.nwd-hl{padding-left:20px;margin:16px 0;line-height:1.8}
.pmvl{display:grid;gap:8px}
.pmv{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;color:inherit}
.pmv:hover{border-color:var(--line2)}
.pmv-n small{display:block;color:var(--mute);font-size:12px}
.pmv-p s{color:var(--mute);margin-right:6px;font-size:13px}
.pmv b{font:700 13px/1 var(--mono);padding:6px 8px;border-radius:6px}
.pmv b.up{background:var(--red-l);color:var(--red-d)}
.pmv b.dn{background:#e8f6ee;color:#137a3d}
@media (max-width:640px){.pmv{grid-template-columns:1fr auto}.pmv-p{grid-column:1/-1;order:3;font-size:13px}}
/* En iyi listeler */
.ranklist{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}
.ranklist li{display:grid;grid-template-columns:34px 96px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 16px 10px 12px}
.ranklist .num{font:700 15px/1 var(--mono);color:var(--red);text-align:center}
.ranklist .rl-img{aspect-ratio:4/3;background:var(--soft);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ranklist .rl-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.ranklist .rl-bd small{display:block;color:var(--mute);font-size:12px}
.ranklist .rl-bd a{text-decoration:none;color:var(--ink)}
.ranklist .rl-bd span{display:block;color:var(--mute);font-size:13px;margin-top:2px}
.ranklist .rl-pr{font-weight:700;white-space:nowrap}
@media (max-width:640px){.ranklist li{grid-template-columns:24px 72px 1fr}.ranklist .rl-pr{grid-column:3;font-size:14px}}
a.chip{text-decoration:none;display:inline-block}
/* Bayiden teklif */
.lead{border:1px solid var(--line);border-radius:var(--rl);padding:26px;margin:28px 0;background:#fff}
.lead h2{font-size:22px;margin:10px 0 6px}
.lead-hd p{color:var(--mute);margin:0 0 16px}
.lead-f{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-f label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink2)}
.lead-f input,.lead-f select{height:44px;border:1.5px solid var(--line2);border-radius:10px;padding:0 12px;font:inherit;font-weight:400;background:#fff}
.lead-f .lead-ok{flex-direction:row;align-items:flex-start;font-weight:400;color:var(--mute)}
.lead-f .lead-ok input{height:auto;margin-top:3px}
.lead-full{grid-column:1/-1}
.lead-hp{position:absolute;left:-9999px;height:1px;width:1px;opacity:0}
.lead-msg{margin:0;font-size:14px;color:var(--mute)}
.lead-msg.err{color:var(--red-d)}
.lead-done{grid-column:1/-1;padding:14px;background:#e8f6ee;color:#137a3d;border-radius:10px;margin:0}
@media (max-width:640px){.lead-f{grid-template-columns:1fr}.lead{padding:18px}}