:root{
  --bg:#06070b; --srf:#0a1120; --srf2:#0f1a2e; --line:#16233a;
  --ink:#e9edf4; --dim:#7c8aa3; --acc:#4da3ff; --cta:#e8b25c;
  --w:1240px;
}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--ink);
  font:400 16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto;background:var(--srf2)}
.mono{font:500 11px/1 ui-monospace,monospace;text-transform:uppercase;
  letter-spacing:.1em;color:var(--acc)}

/* başlık */
header.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;
  align-items:center;padding:13px 18px;border-bottom:1px solid var(--line);
  background:rgba(6,7,11,.94);backdrop-filter:blur(14px)}
.marka{font:600 17px/1 system-ui;letter-spacing:-.02em}
.marka b{color:var(--acc)}
header.top nav{display:flex;gap:16px;overflow:auto;max-width:62vw}
header.top nav a{font:500 11px/1 ui-monospace,monospace;text-transform:uppercase;
  letter-spacing:.09em;color:var(--dim);white-space:nowrap}
header.top nav a:hover{color:var(--acc)}

.sar{max-width:var(--w);margin:0 auto;padding:0 16px;
  display:flex;flex-direction:column;gap:0}
/* SIRA: mobilde ilanlar önce, masaüstünde blog önce */
.sira--ilan{order:1}
.sira--blog{order:2}
@media(min-width:769px){
  .sira--blog{order:1;padding-top:26px}
  .sira--ilan{order:2;border-top:1px solid var(--line);margin-top:44px;padding-top:26px}
}

.vitrin-bas h1{font:700 clamp(26px,4.6vw,42px)/1.06 system-ui;letter-spacing:-.03em;margin:18px 0 10px}
.vitrin-bas p{color:var(--dim);max-width:60ch;margin-bottom:20px}
.blog-bas h2{font:700 clamp(24px,3.6vw,34px)/1.1 system-ui;letter-spacing:-.025em;margin:12px 0 10px}
.blog-bas p{color:var(--dim);margin-bottom:18px}

/* ızgara */
.izgara{display:grid;gap:1px;background:var(--line);
  grid-template-columns:repeat(2,1fr)}
@media(min-width:560px){.izgara{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.izgara{grid-template-columns:repeat(5,1fr)}}

.kart{background:var(--bg);padding-bottom:12px;display:flex;flex-direction:column}
.kart__g{position:relative;overflow:hidden;display:block}
.kart__g img{aspect-ratio:4/5;object-fit:cover;transition:transform .45s,filter .45s;filter:grayscale(.2)}
.kart:hover .kart__g img{transform:scale(1.04);filter:none}
.kart__g::after{content:"";position:absolute;inset:0 0 auto;height:56px;
  background:linear-gradient(rgba(6,7,11,.72),transparent);pointer-events:none}

/* rozetler */
.kart__rz{position:absolute;top:7px;left:7px;z-index:2;display:flex;flex-wrap:wrap;gap:3px;
  max-width:calc(100% - 14px)}
.rz{padding:4px 6px;font:700 8.5px/1 ui-monospace,monospace;text-transform:uppercase;
  letter-spacing:.07em;white-space:nowrap;border-radius:1px}
.rz--cizgi{background:rgba(6,7,11,.82);border:1px solid currentColor}

.r-vip{background:#e8b25c;color:#06070b}
.r-sinirsiz{background:#8b5cf6;color:#fff}
.r-ev{background:#22c55e;color:#06070b}
.r-foto{color:#4da3ff}
.r-yeni{background:#06b6d4;color:#06070b}
.r-gece{background:#312e81;color:#c7d2fe}
.r-turk{background:#334155;color:#cbd5e1}
.r-rus{background:#1e3a8a;color:#bfdbfe}
.r-anal{color:#ec4899}
.r-oral{color:#f472b6}
.r-ogrenci{background:#475569;color:#e2e8f0}
.r-olgun{background:#3f3f46;color:#d4d4d8}
.r-masoz{background:#0f766e;color:#99f6e4}
.r-cift{background:#7c2d12;color:#fed7aa}

/* rozet filtresi */
.rozet-bar{display:flex;gap:6px;overflow-x:auto;padding:2px 0 12px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rozet-bar::-webkit-scrollbar{display:none}
.rozet-bar a{flex:0 0 auto;padding:7px 11px;border:1px solid var(--line);
  background:var(--srf2);color:var(--dim);font:600 10px/1 ui-monospace,monospace;
  text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.rozet-bar a:hover,.rozet-bar a.on{border-color:var(--acc);color:var(--acc)}
.rozet-bar a small{color:var(--acc);opacity:.6;margin-left:4px}
.kart__b{padding:9px 9px 0;display:flex;flex-direction:column;flex:1}
.kart h3{font:600 16px/1.25 system-ui;letter-spacing:-.01em}
.kart__m{font:400 10px/1.4 ui-monospace,monospace;color:var(--dim);margin:3px 0 9px;
  text-transform:uppercase;letter-spacing:.05em}
.btn{margin-top:auto;display:block;text-align:center;padding:10px;
  background:var(--cta);color:#06070b;font:700 11px/1 ui-monospace,monospace;
  text-transform:uppercase;letter-spacing:.09em;transition:.18s}
.btn:hover{background:#f5c877}
.daha{width:100%;margin:16px 0 0;padding:14px;background:var(--srf2);color:var(--acc);
  border:1px solid var(--line);font:600 12px/1 ui-monospace,monospace;
  text-transform:uppercase;letter-spacing:.1em;cursor:pointer}
.daha:hover{border-color:var(--acc)}

/* blog */
.acc{border-bottom:1px solid var(--line)}
.acc summary{display:flex;justify-content:space-between;align-items:center;
  padding:15px 0;cursor:pointer;list-style:none;gap:12px}
.acc summary::-webkit-details-marker{display:none}
.acc summary b{font:600 17px/1.3 system-ui}
.acc summary::after{content:"+";color:var(--acc);font:400 20px/1 ui-monospace,monospace}
.acc[open] summary::after{content:"–"}
.acc__ic{padding:0 0 20px;color:var(--dim);font-size:15px}
.acc__ic p{margin-bottom:12px;max-width:72ch}
.acc__devam{color:var(--acc);font:600 12px/1 ui-monospace,monospace;
  text-transform:uppercase;letter-spacing:.08em}

h2{font:700 25px/1.2 system-ui;letter-spacing:-.02em;margin:36px 0 12px;
  padding-top:16px;border-top:1px solid var(--line)}
h1{font:700 clamp(26px,4.4vw,40px)/1.08 system-ui;letter-spacing:-.03em;margin:22px 0 8px}
.byline{font:400 11px/1 ui-monospace,monospace;color:var(--dim);
  text-transform:uppercase;letter-spacing:.07em;margin-bottom:16px}
.byline b{color:var(--acc)}
.lead{color:var(--ink);max-width:68ch;margin-bottom:20px;font-size:17px}
.tablo{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.tablo th{text-align:left;width:40%;padding:11px;border-bottom:1px solid var(--line);
  color:var(--acc);font:600 12px/1.4 ui-monospace,monospace;text-transform:uppercase;vertical-align:top}
.tablo td{padding:11px;border-bottom:1px solid var(--line);color:var(--dim)}
.band{display:flex;align-items:baseline;gap:14px;padding:18px;border:1px solid var(--line);
  border-left:2px solid var(--cta);margin:16px 0;background:var(--srf)}
.band b{font:700 30px/1 system-ui;color:var(--cta)}
.band span{font:500 10px/1 ui-monospace,monospace;color:var(--dim);text-transform:uppercase}
.cipler{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:14px 0}
.cipler a{display:block;padding:8px 11px;border:1px solid var(--line);background:var(--srf2);
  font:500 11px/1 ui-monospace,monospace;color:var(--acc);text-transform:uppercase}
.cipler a:hover{border-color:var(--acc)}
details summary{cursor:pointer}
main details{padding:13px 0;border-bottom:1px solid var(--line)}
main details p{color:var(--dim);margin-top:9px;max-width:70ch}
main > p, main > .tablo + p{max-width:70ch}
main > p{color:var(--dim)}
.masaustu{display:inline-block;margin:26px 0;color:var(--acc);
  font:600 11px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}
footer{border-top:1px solid var(--line);margin-top:52px;padding:24px 18px;
  font:400 10px/1.7 ui-monospace,monospace;color:var(--dim);
  text-transform:uppercase;letter-spacing:.06em}
footer p + p{margin-top:5px;opacity:.7}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}