/* Layout: "Fiş ve Mühür" — kağıt zeminde üst menü, para yeşili vitrin, fişler termal kağıt; her fiyata bir mühür. */
:root{
  --page:#F3F0E7; --shell:#FFFDF8; --ink:#14201A; --muted:#5F6862; --line:#DDD6C6;
  --card:#F8F5EC; --card-line:#DDD6C6; --tab:#EAE5D8; --paper:#FFFEFA;
  --beige:#DDEBDF; --card-b:#F6F0E0; --tab-b:#EFE3C6; --line-b:#E6D8B8;
  --pill:#FFFDF8; --black:#0D5C3B; --on-black:#FFFDF8; --gold:#B8892B; --stamp:#1F5F8B;
  --ok:#12784A; --ok-soft:#DDF1E5; --bad:#B3261E; --bad-soft:#F9DEDC;
  --norm:#1F5F8B; --norm-soft:#DCE8F3; --warn:#9A5200; --warn-soft:#FBE7CC; --gold-soft:#F3E6C4; --gold-ink:#7A5A12; --hl:#FFE680;
  --b1:#D9EAD6; --b1i:#22492D; --b2:#D5E4E8; --b2i:#1D4350; --b3:#EEE1C1; --b3i:#5A4113; --b4:#E4DAE8; --b4i:#482E57; --b5:#EED8CE; --b5i:#6A2B1B;
  --bubble:#EAE5D8; --bubble-me:#0D5C3B; --bubble-me-ink:#FFFDF8;
  --hero:#0A3F29; --hero-ink:#F3F0E7; --hero-accent:#F2D27A; --hero-line:rgba(242,210,122,.22);
  --band:#CFE6D7; --band-edge:#12784A; --dot:#2E4A3C; --dot-out:#B9B2A2; --focus:#0B57D0; --field-line:#8A8270;
  --r-paper:#FFFEFA; --r-ink:#17201A; --r-ink-2:#535B55; --r-line:#C9C2B1; --r-ok:#0F6B41; --r-norm:#1F5F8B; --r-warn:#8A4A00; --r-bad:#B3261E;
  --sh-1:0 1px 0 rgba(20,32,26,.05),0 1px 3px rgba(20,32,26,.07); --sh-2:0 18px 40px -18px rgba(20,32,26,.30);
  --f-ui:"Bricolage Grotesque",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-serif:var(--f-ui);
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --page:#0E1411;--shell:#1A231F;--ink:#EEF1EC;--muted:#9AA69E;--line:#2B3631;
  --card:#1F2924;--card-line:#2B3631;--tab:#26302A;--paper:#1F2924;
  --beige:#173A2A;--card-b:#29251A;--tab-b:#342D1E;--line-b:#3A3222;
  --pill:#1F2924;--black:#3DD68C;--on-black:#04170E;--gold:#E6C46A;--stamp:#7DB7F0;
  --ok:#5BD69A;--ok-soft:#173A2A;--bad:#FF8A80;--bad-soft:#3E1D1A;
  --norm:#7DB7F0;--norm-soft:#16293A;--warn:#F5B556;--warn-soft:#3A2A12;--gold-soft:#3A3018;--gold-ink:#E6C46A;
  --b1:#203B27;--b1i:#CBE9D1;--b2:#1D3540;--b2i:#CDE5EE;--b3:#43351A;--b3i:#F1E2BF;--b4:#352A40;--b4i:#E6DAF0;--b5:#45261D;--b5i:#F4D7CC;
  --bubble:#1F2924;--bubble-me:#3DD68C;--bubble-me-ink:#04170E;
  --hero:#0F2E20;--hero-ink:#EEF1EC;--hero-line:rgba(242,210,122,.16);
  --band:#1E4A35;--band-edge:#3DD68C;--dot:#D9E4DC;--dot-out:#4E5A53;--focus:#8AB4FF;--field-line:#6F7C74;
  --r-paper:#EDE8DB;--r-ink-2:#4A514C;--r-line:#BDB5A2;
  --sh-1:0 1px 0 rgba(0,0,0,.25);--sh-2:0 18px 40px -18px rgba(0,0,0,.6);color-scheme:dark}}
:root[data-theme="dark"]{
  --page:#0E1411;--shell:#1A231F;--ink:#EEF1EC;--muted:#9AA69E;--line:#2B3631;
  --card:#1F2924;--card-line:#2B3631;--tab:#26302A;--paper:#1F2924;
  --beige:#173A2A;--card-b:#29251A;--tab-b:#342D1E;--line-b:#3A3222;
  --pill:#1F2924;--black:#3DD68C;--on-black:#04170E;--gold:#E6C46A;--stamp:#7DB7F0;
  --ok:#5BD69A;--ok-soft:#173A2A;--bad:#FF8A80;--bad-soft:#3E1D1A;
  --norm:#7DB7F0;--norm-soft:#16293A;--warn:#F5B556;--warn-soft:#3A2A12;--gold-soft:#3A3018;--gold-ink:#E6C46A;
  --b1:#203B27;--b1i:#CBE9D1;--b2:#1D3540;--b2i:#CDE5EE;--b3:#43351A;--b3i:#F1E2BF;--b4:#352A40;--b4i:#E6DAF0;--b5:#45261D;--b5i:#F4D7CC;
  --bubble:#1F2924;--bubble-me:#3DD68C;--bubble-me-ink:#04170E;
  --hero:#0F2E20;--hero-ink:#EEF1EC;--hero-line:rgba(242,210,122,.16);
  --band:#1E4A35;--band-edge:#3DD68C;--dot:#D9E4DC;--dot-out:#4E5A53;--focus:#8AB4FF;--field-line:#6F7C74;
  --r-paper:#EDE8DB;--r-ink-2:#4A514C;--r-line:#BDB5A2;
  --sh-1:0 1px 0 rgba(0,0,0,.25);--sh-2:0 18px 40px -18px rgba(0,0,0,.6);color-scheme:dark}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--f-ui);font-size:15.5px;line-height:1.5;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;min-height:100vh;display:flex;flex-direction:column}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--page)}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}
svg.i{width:20px;height:20px;flex:0 0 auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--black);color:var(--on-black);padding:8px 12px;border-radius:8px;z-index:30}
.skip:focus{left:12px}
h1,h2,h3{text-wrap:balance}

/* Üst menü */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:8;background:color-mix(in srgb,var(--page) 90%,transparent);backdrop-filter:saturate(1.2) blur(8px);-webkit-backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}
.top-in,.ft-in,.shell{width:100%;max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:768px){.top-in,.ft-in,.shell{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
.top-in{display:flex;align-items:center;gap:6px;min-height:64px}
.brandw{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:800;font-size:21px;letter-spacing:-.03em;margin-right:14px;flex:0 0 auto}
.brandw b{color:var(--black)}
.logo-s{color:var(--black)}
.tnav{display:flex;gap:2px}
.tnav a{text-decoration:none;padding:8px 13px;border-radius:999px;color:var(--muted);font-weight:550;white-space:nowrap}
.tnav a:hover{color:var(--ink)}
.tnav a[aria-current="page"]{color:var(--ink);background:var(--tab)}
.top .sp{flex:1}
.ibtn{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:0;background:transparent;color:var(--ink);cursor:pointer;text-decoration:none;flex:0 0 auto}
.ibtn:hover,.ibtn[aria-current="page"]{background:var(--tab)}
.ibtn svg.i{width:21px;height:21px}
.tprof{display:grid;place-items:center;text-decoration:none;margin:0 4px}
.tprof .av{width:36px;height:36px;font-size:13px}
.tprof[aria-current="page"] .av{box-shadow:0 0 0 2px var(--ink)}
.tkes{margin-left:6px}
.tkes svg.i{width:18px;height:18px}
.rbadge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--bad);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;font-family:var(--f-mono)}
.shell{flex:1;min-width:0;padding-block:8px 48px}
.ft{border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.ft-in{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;padding-block:22px 28px}
.ft a{color:var(--muted)}
nav.mbar{display:none}
@media (max-width:899px){
  .tnav,.dsk{display:none!important}
  .brandw{margin-right:auto}
  .shell{padding-bottom:28px}
  .ft-in{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  nav.mbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:9;background:var(--shell);border-top:1px solid var(--line);padding:6px max(6px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px))}
  nav.mbar a{position:relative;display:grid;justify-items:center;align-content:center;gap:2px;min-height:48px;padding:4px 2px;font-size:11px;font-weight:600;color:var(--muted);text-decoration:none}
  nav.mbar a[aria-current="page"]{color:var(--black)}
  nav.mbar svg.i{width:22px;height:22px}
  nav.mbar .kes .c{width:48px;height:48px;border-radius:16px;background:var(--black);color:var(--on-black);display:grid;place-items:center;margin-top:-22px;box-shadow:var(--sh-2)}
  nav.mbar .kes em{font-style:normal;color:var(--black)}
  nav.mbar .rbadge{top:0;right:calc(50% - 22px)}
}

/* Genel */
.btn{border:0;border-radius:999px;padding:11px 20px;font-weight:600;font-size:15px;cursor:pointer;white-space:nowrap;line-height:1.2;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.btn-black{background:var(--black);color:var(--on-black)}
.btn-black:hover{opacity:.9}
.btn-line{background:var(--shell);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn-line:hover{box-shadow:inset 0 0 0 1px var(--muted)}
.btn-danger{background:var(--bad);color:#fff}
.btn-sm{padding:8px 14px;font-size:13.5px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.linkbtn{border:0;background:none;padding:6px 2px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--shell);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.av.on{background:var(--b3);color:var(--b3i);box-shadow:none}

.loginbar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;background:var(--beige);border-radius:20px;padding:10px 10px 10px 18px;font-size:14px}
.hero{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;padding:34px 8px 22px}
.hero h1{font-size:clamp(34px,5vw,48px);font-weight:600;letter-spacing:-.035em;line-height:1;margin:0 0 10px}
.hero p{margin:0;color:var(--muted);font-size:16px}
.hero .acts{display:flex;gap:10px;flex-wrap:wrap}
.searchrow{display:flex;gap:10px;padding:0 8px}
.search{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:0 18px;background:var(--shell);box-shadow:0 2px 6px -4px rgba(0,0,0,.12)}
.search input{border:0;background:transparent;outline:none;width:100%;min-width:0;padding:14px 0;font-size:15px}
.search svg{color:var(--muted)}
.ara{width:54px;height:54px;border-radius:50%;border:0;background:var(--black);color:var(--on-black);font-weight:600;cursor:pointer;flex:0 0 auto}
.sortrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:24px 8px 0}
.sortrow .sp{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
@media (max-width:820px){.sortrow .sp{margin-left:0}.sortrow .pill{padding:9px 14px;font-size:14px}}
@media (max-width:520px){.bn-no{display:none}.bn{padding:18px 20px 14px}}
.pill{border:0;border-radius:999px;padding:10px 20px;font-size:14.5px;font-weight:500;cursor:pointer;background:var(--shell);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;display:inline-flex;gap:8px;align-items:center}
.pill[aria-pressed="true"],.pill[aria-expanded="true"]{background:var(--black);color:var(--on-black);box-shadow:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;padding:20px 8px 0}
.chips .pill{padding:9px 16px;font-size:14px}
@media (max-width:820px){.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.hero{padding-top:18px}.searchrow,.sortrow,.chips,.hero{padding-left:0;padding-right:0}}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 8px 0;padding:16px;border-radius:20px;background:var(--card);border:1px solid var(--card-line)}
@media (max-width:820px){.filters{margin-inline:0}}
.resultline{font-size:13px;color:var(--muted);padding:14px 10px 0}

/* Kartlar: para (2'li) ve fiş (3'lü) */
.grid{display:grid;gap:22px;padding:28px 8px 10px}
.g-para{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-fis{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;align-items:start}
@media (max-width:1100px){.g-fis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.g-para,.g-fis{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){.grid{padding-inline:0}}
.bm{position:relative;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:color-mix(in srgb,var(--shell) 70%,transparent);display:grid;place-items:center;cursor:pointer;color:var(--ink);flex:0 0 auto}
.bm svg{width:17px;height:17px}
.bm[aria-pressed="true"] svg{fill:currentColor}
.stale{font-weight:600;color:var(--bad)}

/* Banknot kart */
.bn{--c:var(--b2);--ci:var(--b2i);position:relative;isolation:isolate;overflow:hidden;border-radius:16px;color:var(--ci);min-height:250px;padding:20px 24px 14px;display:flex;flex-direction:column;gap:6px;min-width:0;
  background:repeating-linear-gradient(118deg,transparent 0 9px,color-mix(in srgb,var(--ci) 5%,transparent) 9px 10px),repeating-linear-gradient(62deg,transparent 0 9px,color-mix(in srgb,var(--ci) 4%,transparent) 9px 10px),var(--c);
  box-shadow:inset 0 0 0 7px var(--c),inset 0 0 0 8px color-mix(in srgb,var(--ci) 32%,transparent),inset 0 0 0 10px var(--c),inset 0 0 0 11px color-mix(in srgb,var(--ci) 18%,transparent),0 1px 2px rgba(0,0,0,.06),0 12px 22px -18px rgba(0,0,0,.4);transition:transform .15s}
.bn:hover{transform:translateY(-2px)}
.bn.b1{--c:var(--b1);--ci:var(--b1i)}.bn.b2{--c:var(--b2);--ci:var(--b2i)}.bn.b3{--c:var(--b3);--ci:var(--b3i)}.bn.b4{--c:var(--b4);--ci:var(--b4i)}.bn.b5{--c:var(--b5);--ci:var(--b5i)}
.bn.q,.bn.ad{--c:var(--shell);--ci:var(--ink)}
.bn.ad{box-shadow:inset 0 0 0 1px var(--line)}
.bn.old{opacity:.7}
.bn .ros{position:absolute;right:-34px;top:50%;width:220px;height:220px;margin-top:-110px;border-radius:50%;z-index:-1;pointer-events:none;
  background:repeating-radial-gradient(circle,transparent 0 6px,color-mix(in srgb,var(--ci) 14%,transparent) 6px 7px);
  -webkit-mask:radial-gradient(circle,#000 35%,transparent 70%);mask:radial-gradient(circle,#000 35%,transparent 70%)}
.bn .ros::after{content:"₺";position:absolute;inset:0;display:grid;place-items:center;font-size:90px;font-weight:700;opacity:.1}
.bn-top{display:flex;align-items:center;gap:10px;min-width:0}
.bn .seal{width:34px;height:34px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-weight:700;font-size:16px;flex:0 0 auto;box-shadow:inset 0 0 0 3px var(--c),inset 0 0 0 4px color-mix(in srgb,var(--ci) 40%,transparent)}
.bn-cat{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.bn-no{margin-left:auto;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;opacity:.7;white-space:nowrap}
.bn-lbl{margin-top:12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.bn-mid{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:2px}
.bn-sub{font-size:13px;font-weight:600;opacity:.85}
.stamp{position:absolute;right:30px;top:50%;transform:translateY(-62%) rotate(-11deg);color:var(--stamp);border:2.5px solid currentColor;border-radius:10px;padding:8px 14px;font-weight:800;font-size:14px;line-height:1.1;letter-spacing:.16em;text-transform:uppercase;text-align:center;opacity:.8;pointer-events:none;box-shadow:inset 0 0 0 2px var(--c,var(--paper)),inset 0 0 0 3.5px currentColor}
@media (max-width:520px){.bn .stamp{top:auto;bottom:62px;right:16px;transform:rotate(-11deg);font-size:11.5px;padding:6px 10px}}
.rc .stamp{top:34px;right:18px;transform:rotate(9deg);font-size:10.5px;padding:5px 8px;letter-spacing:.12em;--c:var(--paper)}
.bn-amt{font-size:clamp(34px,4vw,48px);font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.bn-amt small{font-size:.5em;margin-left:4px;font-weight:600}
.bn-vd{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--ci) 12%,transparent);white-space:nowrap}
.bn h3{margin:6px 0 0;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.25;overflow-wrap:anywhere;max-width:82%}
.bn h3 a{text-decoration:none}
.bn h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.bn-pv{margin:0;font-size:14px;line-height:1.5;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;max-width:86%}
.bn-foot{margin-top:auto;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--ci) 35%,transparent);display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;font-size:12.5px}
.bn-foot a{position:relative;z-index:2;font-weight:600;text-decoration:none}
.bn-foot a:hover{text-decoration:underline}
.st{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.st svg{width:15px;height:15px}
.bn-stats{display:inline-flex;gap:12px;flex-wrap:wrap}

/* Fiş kart */
.rwrap{position:relative;min-width:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.07)) drop-shadow(0 10px 12px rgba(0,0,0,.07));transition:transform .15s}
.rwrap:hover{transform:translateY(-2px)}
.rwrap.old{opacity:.7}
.rc{position:relative;background:var(--paper);color:var(--ink);font-family:var(--f-mono);font-size:12.5px;line-height:1.55;padding:26px 20px 28px;display:flex;flex-direction:column;gap:8px;
  -webkit-mask:radial-gradient(6px at 50% 0,#0000 98%,#000) 50% 0/14px 51% repeat-x,radial-gradient(6px at 50% 100%,#0000 98%,#000) 50% 100%/14px 51% repeat-x;
  mask:radial-gradient(6px at 50% 0,#0000 98%,#000) 50% 0/14px 51% repeat-x,radial-gradient(6px at 50% 100%,#0000 98%,#000) 50% 100%/14px 51% repeat-x}
.rc-h{text-align:center;display:grid;gap:1px}
.rc-h b{font-family:var(--f-ui);font-size:21px;font-weight:700;letter-spacing:-.02em}
.rc-h span{font-size:10.5px;letter-spacing:.16em;color:var(--muted)}
.rc-sep{border-top:1.5px dashed color-mix(in srgb,var(--ink) 28%,transparent);margin:2px 0}
.rc-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.14em;font-weight:600}
.rc .bm{background:var(--card);width:34px;height:34px}
.rc h3{margin:0;font-family:var(--f-mono);font-size:15px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.rc h3 a{text-decoration:none}
.rc h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.rc-sm{color:var(--muted);font-size:11.5px}
.rc-note{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.rc-tags{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:11.5px}
.rc-line{display:flex;justify-content:space-between;gap:10px;font-variant-numeric:tabular-nums}
.rc-line.big{font-size:17px;font-weight:600;align-items:center}
.rc-line.big b{background:var(--c,var(--card));color:var(--ci,var(--ink));padding:1px 8px;border-radius:4px;font-weight:600}
.rc-line .up{color:var(--bad);font-weight:600}.rc-line .down{color:var(--ok);font-weight:600}
.rc.b1{--c:var(--b1);--ci:var(--b1i)}.rc.b2{--c:var(--b2);--ci:var(--b2i)}.rc.b3{--c:var(--b3);--ci:var(--b3i)}.rc.b4{--c:var(--b4);--ci:var(--b4i)}.rc.b5{--c:var(--b5);--ci:var(--b5i)}
.rc-foot{text-align:center;font-size:11.5px;color:var(--muted);display:grid;gap:3px}
.rc-foot a{position:relative;z-index:2;color:var(--ink);font-weight:600;text-decoration:none}
.rc-foot a:hover{text-decoration:underline}
.rc-bar{height:30px;margin:4px 22px 0;opacity:.75;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 12px,var(--ink) 12px 13px,transparent 13px 16px)}

/* Banknot */
.bill{--c:var(--b2);--ci:var(--b2i);position:relative;width:100%;height:96px;border-radius:10px;color:var(--ci);overflow:hidden;
  background:
    radial-gradient(circle at 82% 50%,transparent 0 16px,color-mix(in srgb,var(--ci) 16%,transparent) 16px 17px,transparent 17px 24px,color-mix(in srgb,var(--ci) 12%,transparent) 24px 25px,transparent 25px 32px,color-mix(in srgb,var(--ci) 8%,transparent) 32px 33px,transparent 33px),
    repeating-linear-gradient(118deg,transparent 0 7px,color-mix(in srgb,var(--ci) 6%,transparent) 7px 8px),
    var(--c);
  box-shadow:inset 0 0 0 4px var(--c),inset 0 0 0 5px color-mix(in srgb,var(--ci) 30%,transparent);
  padding:10px 14px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;font-variant-numeric:tabular-nums}
.bill .seal{grid-row:1;grid-column:1;width:24px;height:24px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-size:13px;font-weight:700;opacity:.85}
.bill .mt{grid-row:1;grid-column:2;justify-self:end;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.65;align-self:center}
.bill .amt{grid-row:3;grid-column:1 / 3;font-weight:700;font-size:30px;letter-spacing:-.02em;line-height:1;white-space:nowrap;align-self:end}
.bill .amt small{font-size:.6em;font-weight:600;margin-left:3px}
.bill .vd{position:absolute;right:14px;bottom:11px;font-size:11.5px;font-weight:600;opacity:.85;background:color-mix(in srgb,var(--c) 70%,transparent);padding:1px 4px;border-radius:4px}
.bill.long .amt{font-size:25px}
.bill.b1{--c:var(--b1);--ci:var(--b1i)}.bill.b2{--c:var(--b2);--ci:var(--b2i)}.bill.b3{--c:var(--b3);--ci:var(--b3i)}.bill.b4{--c:var(--b4);--ci:var(--b4i)}.bill.b5{--c:var(--b5);--ci:var(--b5i)}
.bill.q{background:repeating-linear-gradient(118deg,transparent 0 7px,color-mix(in srgb,var(--ink) 4%,transparent) 7px 8px);box-shadow:none;border:1.5px dashed color-mix(in srgb,var(--ink) 35%,transparent);color:var(--ink)}
.bill.lg{height:140px;padding:14px 20px}.bill.lg .amt{font-size:46px}.bill.lg.long .amt{font-size:36px}.bill.lg .seal{width:32px;height:32px;font-size:17px}.bill.lg .mt{font-size:11px}.bill.lg .vd{right:20px;bottom:16px;font-size:13px}
.bill.sm{width:auto;height:auto;display:inline-flex;gap:6px;align-items:center;padding:3px 9px;border-radius:5px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ci) 30%,transparent)}
.bill.sm .seal,.bill.sm .mt{display:none}.bill.sm .amt{font-size:13px;font-family:var(--f-mono);font-weight:600}
@media (max-width:520px){.bill.lg{height:118px}.bill.lg .amt{font-size:36px}.bill.lg.long .amt{font-size:29px}}

/* Detay (mektup) */
.narrow{max-width:830px;margin:0 auto;padding:26px 0 10px}
.dtop{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 4px 14px}
.dtop a,.dtop button{display:inline-flex;gap:8px;align-items:center;text-decoration:none;border:0;background:none;cursor:pointer;font-size:15px;color:var(--ink)}
.dtop button{color:var(--muted);font-size:14px}
.letter{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:clamp(22px,6vw,52px);display:grid;gap:22px;box-shadow:0 8px 24px -18px rgba(0,0,0,.25)}
.letter h1{margin:0;font-size:clamp(28px,4.4vw,40px);font-weight:600;letter-spacing:-.03em;line-height:1.15;text-wrap:balance;overflow-wrap:anywhere}
.letter hr{border:0;border-top:1px solid var(--line);margin:0}
.l-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--muted);margin-top:-6px}
.l-meta a{color:var(--ink);font-weight:600;text-decoration:none}
.l-meta .r{margin-left:auto}
.l-body{font-family:var(--f-serif);font-size:19px;line-height:1.85;margin:0;overflow-wrap:anywhere}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tg{font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:999px;background:var(--card);border:1px solid var(--card-line)}
.l-sign{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-top:-6px}
.l-sign b{color:var(--ink);font-weight:600}
.l-under{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:16px 6px 4px;font-size:14px;color:var(--muted)}
.l-under .r{display:flex;gap:16px;align-items:center}
.l-under button{border:0;background:none;display:inline-flex;gap:7px;align-items:center;cursor:pointer;color:var(--ink);font-weight:500;padding:6px}
.l-under button[aria-pressed="true"] svg{fill:currentColor}
.confirm{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--bad-soft);font-size:14px;margin-top:8px}
.confirm span{flex:1 1 200px}
.extras{display:grid;gap:18px;padding-top:22px}
.box{background:var(--shell);border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;gap:14px;min-width:0}
.box h2{margin:0;font-size:19px;font-weight:600;letter-spacing:-.015em}
.box .sub{margin:-8px 0 0;font-size:13.5px;color:var(--muted)}
.sade .l-under,.sade .extras{display:none}

/* Bant + oylar */
.band{display:grid;gap:6px;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--card-line)}
.band-top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.band-top b{color:var(--ink);font-weight:600}
.verdict{font-weight:700}.verdict.up{color:var(--bad)}.verdict.down{color:var(--ok)}
.track{position:relative;height:22px}
.track .rail2{position:absolute;left:0;right:0;top:10px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--ok-soft),var(--line) 50%,var(--bad-soft))}
.track .pt{position:absolute;top:8px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--muted);opacity:.55}
.track .med{position:absolute;top:3px;width:2px;height:17px;margin-left:-1px;background:var(--ink)}
.track .me{position:absolute;top:4px;width:15px;height:15px;margin-left:-7.5px;border-radius:50%;background:var(--b3);box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--ink)}
.band-axis{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11.5px;color:var(--muted)}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vote{border:0;border-radius:999px;padding:10px 18px;font-weight:600;font-size:14px;cursor:pointer;background:var(--shell);box-shadow:inset 0 0 0 1px var(--line);display:inline-flex;gap:8px;align-items:center}
.vote .n{font-family:var(--f-mono);font-size:12.5px;opacity:.75}
.vote.ok[aria-pressed="true"]{background:var(--ok);color:#fff;box-shadow:none}
.vote.bad[aria-pressed="true"]{background:var(--bad);color:#fff;box-shadow:none}
.vote.on[aria-pressed="true"]{background:var(--black);color:var(--on-black);box-shadow:none}
.split{display:flex;height:7px;border-radius:7px;overflow:hidden;background:var(--card)}
.split i{display:block;height:100%}.split .a{background:var(--ok)}.split .b{background:var(--bad)}
.split-l{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-family:var(--f-mono)}
.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.inline-form input{width:170px;background:var(--shell);border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-family:var(--f-mono)}

/* Yorumlar */
.comments{display:grid}
.cm{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.cm:first-child{border-top:0;padding-top:0}
.cm-h{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;font-size:13px;color:var(--muted)}
.cm-h a{color:var(--ink);font-weight:600;text-decoration:none}
.cm p{margin:3px 0 0;overflow-wrap:anywhere}
.cm>div{min-width:0}

/* Formlar */
.field{display:grid;gap:6px;min-width:0}
.field label,.field .lbl{font-size:13.5px;font-weight:600}
.hint{font-size:12.5px;color:var(--muted);font-weight:400}
.field input,.field select,.field textarea,.ta{background:var(--shell);border:1px solid var(--line);border-radius:14px;padding:11px 14px;width:100%;min-width:0}
.field textarea,.ta{resize:vertical;min-height:90px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.two{grid-template-columns:1fr}}
.amount-in{position:relative}
.amount-in input{font-family:var(--f-mono);font-size:18px;padding-right:36px}
.amount-in span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-family:var(--f-mono);color:var(--muted)}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.checks label{display:inline-flex;gap:7px;align-items:center;font-size:13.5px;font-weight:500;background:var(--shell);box-shadow:inset 0 0 0 1px var(--line);padding:7px 12px;border-radius:999px;cursor:pointer}
.warn{font-size:13.5px;color:var(--bad);background:var(--bad-soft);padding:9px 12px;border-radius:12px}
.info{font-size:13.5px;background:var(--beige);padding:10px 14px;border-radius:12px}
.counter{font-family:var(--f-mono);font-size:11.5px;color:var(--muted);justify-self:end}
.seg{display:inline-flex;gap:6px}

/* Sayfa başlığı */
.ph{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;padding:30px 8px 18px}
.ph h1{font-size:clamp(28px,4vw,38px);font-weight:600;letter-spacing:-.03em;margin:0;line-height:1.05}
.ph p{margin:8px 0 0;color:var(--muted)}
@media (max-width:820px){.ph{padding-inline:0}}
.page{max-width:830px}

/* Gelen kutusu + bildirimler */
.inbox{display:grid;background:var(--shell);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.irow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 18px;border-top:1px solid var(--line);text-decoration:none}
.irow:first-child{border-top:0}
.irow:hover{background:var(--card)}
.irow .t{font-weight:600;display:flex;gap:6px;align-items:center}
.irow .s{display:block;font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dot{width:9px;height:9px;border-radius:50%;background:var(--bad);display:inline-block}
.state{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.state.acik{background:var(--ok-soft);color:var(--ok)}
.state.cevapla,.state.bekleniyor{background:var(--beige)}
.state.doldu,.state.bitti,.state.kapandi,.state.engel{background:var(--card);color:var(--muted)}
.right{display:grid;justify-items:end;gap:4px;font-size:12px;color:var(--muted);font-family:var(--f-mono)}
.nrow{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 18px;border-top:1px solid var(--line);text-decoration:none;font-size:14.5px}
.nrow:first-child{border-top:0}
.nrow .d{width:8px;height:8px;border-radius:50%}
.nrow.unread .d{background:var(--ink)}
.nrow.unread{font-weight:600}
.nrow time{font-size:12px;color:var(--muted);font-family:var(--f-mono);font-weight:400}

/* Sohbet */
.chat{display:grid;background:var(--shell);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.chat-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)}
.chat-h .who{min-width:0;flex:1 1 160px}
.chat-h .who b{display:block;font-weight:600}
.chat-h .who a{font-size:13px;color:var(--muted)}
.timer{font-family:var(--f-mono);font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:999px;background:var(--ok-soft);color:var(--ok);white-space:nowrap}
.timer.off{background:var(--card);color:var(--muted)}
.tools{display:flex;gap:2px}
.tools button{border:0;background:transparent;color:var(--muted);font-weight:600;font-size:13px;padding:7px 9px;border-radius:10px;cursor:pointer}
.tools button:hover{background:var(--card);color:var(--ink)}
.safety{font-size:13px;color:var(--muted);background:var(--beige);padding:9px 16px}
.msgs{display:flex;flex-direction:column;gap:8px;padding:18px 16px;overflow-y:auto;max-height:52vh;min-height:220px}
.msg{max-width:78%;padding:10px 14px;border-radius:18px;background:var(--bubble);overflow-wrap:anywhere}
.msg.me{align-self:flex-end;background:var(--bubble-me);color:var(--bubble-me-ink);border-bottom-right-radius:5px}
.msg:not(.me){border-bottom-left-radius:5px}
.msg time{display:block;font-size:11px;opacity:.6;margin-top:2px;font-family:var(--f-mono)}
.sysmsg{align-self:center;font-size:12px;color:var(--muted);background:var(--card);padding:4px 12px;border-radius:999px;text-align:center}
.composer{display:flex;gap:8px;align-items:flex-end;padding:12px;border-top:1px solid var(--line)}
.composer textarea{flex:1;min-width:0;min-height:46px;max-height:140px;resize:none;background:var(--card);border:0;border-radius:16px;padding:12px 14px}
.closed{padding:16px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:14px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stat{background:var(--card);border-radius:14px;padding:12px 14px}
.stat b{display:block;font-family:var(--f-mono);font-size:21px}
.stat span{font-size:12.5px;color:var(--muted)}
.help ul{margin:0;padding-left:18px;display:grid;gap:7px}
.help p,.help li{margin:0;font-size:15px}
.empty{padding:30px 18px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:20px}
.proto{font-size:12px;color:var(--muted);text-align:center;padding:10px 0 0}

/* Dialog */
dialog{border:0;border-radius:24px;padding:0;background:var(--shell);color:var(--ink);width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-shadow:0 30px 60px -20px rgba(0,0,0,.45)}
dialog::backdrop{background:rgba(17,20,18,.45)}
.dlg{display:grid;gap:14px;padding:22px}
.dlg h2{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0}
.dlg p{margin:0;color:var(--muted);font-size:14.5px}
.dlg-foot{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.spin{display:flex;gap:10px;align-items:center;font-size:14px;padding:12px 14px;border-radius:14px;background:var(--card)}
.spin i{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--ink);animation:sp .8s linear infinite}
.spin.done i{animation:none;border-color:var(--ok);background:var(--ok)}
@keyframes sp{to{transform:rotate(360deg)}}
.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(20px);opacity:0;background:var(--black);color:var(--on-black);padding:11px 18px;border-radius:999px;font-size:14px;font-weight:600;transition:.25s;pointer-events:none;z-index:20;max-width:calc(100vw - 32px);text-align:center}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:820px){.toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---- Canlı sürüm eklemeleri ---- */
.loading{padding:40px 10px;text-align:center;color:var(--muted)}
.more{display:flex;justify-content:center;padding:10px 0 20px}
.bn.ad h3 a,.rc.ad h3 a{text-decoration:none}
.adlink{position:relative;z-index:2;font-weight:600;text-decoration:none}
.adlink:hover{text-decoration:underline}
.cm-act{border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer;padding:0 2px;text-decoration:underline;text-underline-offset:2px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 8px 16px}
@media (max-width:820px){.tabs{padding-inline:0}}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--shell)}
table.t{width:100%;border-collapse:collapse;font-size:13.5px;min-width:720px}
table.t th,table.t td{text-align:left;padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
table.t th{border-top:0;font-size:12px;color:var(--muted);font-weight:600;background:var(--card)}
table.t td.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.badge-s{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--card)}
.badge-s.on{background:var(--ok-soft);color:var(--ok)}.badge-s.off{background:var(--bad-soft);color:var(--bad)}
.rep{display:grid;gap:8px;padding:16px;border-top:1px solid var(--line)}
.rep:first-child{border-top:0}
.rep pre{white-space:pre-wrap;font-family:var(--f-mono);font-size:12.5px;margin:0;background:var(--card);padding:10px;border-radius:10px;max-height:220px;overflow:auto}
.ts-box{min-height:70px;display:grid;place-items:center}
.devlogin{display:grid;gap:8px;padding:12px;border-radius:14px;background:var(--card)}
.legal p,.legal li{font-size:15px}
.legal h2{margin-top:6px}
.draft{font-size:13px;background:var(--bad-soft);color:var(--bad);padding:8px 12px;border-radius:10px}
body{margin:0}
[hidden]{display:none!important}
img{max-width:100%}

.bn-biz,.l-biz{display:flex;flex-wrap:wrap;gap:6px;font-size:12.5px;font-weight:600}
.bn-biz span{background:color-mix(in srgb,var(--ci) 11%,transparent);padding:2px 9px;border-radius:6px;position:relative;z-index:2}
.l-biz{font-size:13.5px;margin-top:-8px}
.l-biz span{background:var(--card);border:1px solid var(--card-line);padding:3px 10px;border-radius:999px}

/* Reklam veren sayfasında site gezinmesi gizlenir */
.adv nav.mbar,.adv .rail nav{display:none!important}
.adv{padding-bottom:0!important}

/* Fiyat rehberi şeridi */
.jobs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:16px 8px 0}
@media (max-width:820px){.jobs{padding-inline:0;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}}
.jobchip{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;text-decoration:none;font-size:13.5px;padding:7px 12px;border-radius:999px;background:var(--card);border:1px solid var(--card-line)}
.jobchip b{font-family:var(--f-mono);font-weight:600}
.jobchip:hover{border-color:var(--muted)}

a.pill{text-decoration:none;color:inherit}
a.pill[aria-pressed="true"]{color:var(--on-black)}
@media (max-width:520px){.stat b{font-size:16px;white-space:nowrap}.stat{padding:10px}}

/* ===== Ana sayfa ve yeni bileşenler ===== */
.hero2{background:var(--black);color:var(--on-black);border-radius:26px;padding:clamp(24px,5vw,52px);margin:18px 8px 0;display:grid;gap:18px;position:relative}
.hero2 h1{margin:0;font-size:clamp(42px,7.4vw,80px);line-height:.96;letter-spacing:-.045em;font-weight:700;text-wrap:balance}
.hero2 h1 em{font-style:normal;color:var(--b3)}
.hero2 p{margin:0;font-size:clamp(16px,2vw,19px);opacity:.85;max-width:56ch}
.sbox{position:relative}
.sfield{display:flex;align-items:center;gap:10px;background:var(--shell);color:var(--ink);border-radius:18px;padding:6px 6px 6px 18px;box-shadow:0 14px 32px -16px rgba(0,0,0,.45)}
.sfield svg{color:var(--muted)}
.sfield input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:clamp(17px,2.2vw,20px);padding:14px 0}
.sfield button{border:0;border-radius:14px;background:var(--black);color:var(--on-black);font-weight:600;padding:14px 22px;cursor:pointer;font-size:15px}
.field .sfield{box-shadow:none;border:1px solid var(--line);border-radius:14px;padding:2px 2px 2px 14px}
.field .sfield input{font-size:16px;padding:10px 0}
.sugg{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:9;background:var(--shell);color:var(--ink);border-radius:16px;box-shadow:0 22px 44px -18px rgba(0,0,0,.5),0 0 0 1px var(--line);padding:6px;display:grid;max-height:min(60vh,460px);overflow:auto}
.sugg [role=option]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;cursor:pointer;font-size:15px}
.sugg [role=option][aria-selected=true],.sugg [role=option]:hover{background:var(--card)}
.sugg .t{font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sugg .s{font-size:12.5px;color:var(--muted)}
.sugg .sic{width:40px;display:grid;place-items:center;color:var(--muted)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 8px 0}
@media (max-width:620px){.tiles{grid-template-columns:1fr}}
.tile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 20px;border-radius:20px;background:var(--card);border:1px solid var(--card-line);text-decoration:none;color:var(--ink)}
.tile b{font-size:19px;display:block;letter-spacing:-.01em}
.tile .s{font-size:14px;color:var(--muted)}
.tile .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--shell)}
.tile .go,.jrow .go{color:var(--muted);font-size:22px}
.tile:hover{border-color:var(--muted)}
.sec{margin:36px 8px 0}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
.sec-h h2{margin:0;font-size:clamp(22px,3vw,28px);letter-spacing:-.025em}
.sec-h a{font-weight:600;text-decoration:none;font-size:14px;white-space:nowrap}
@media (max-width:820px){.hero2,.tiles,.sec{margin-left:0;margin-right:0}}
.hero2{grid-template-columns:minmax(0,1fr)}.hero2>*{min-width:0}
@media (max-width:520px){.hero2{padding:24px 18px;border-radius:22px}.hero2 h1{font-size:clamp(34px,10.5vw,42px)}.sfield{padding:5px 5px 5px 12px;gap:8px}.sfield input{font-size:16px;padding:12px 0}.sfield button{padding:12px 14px}}
/* Fiyat tablosu: döviz bürosu tabelası gibi */
.board{background:var(--shell);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.jhead{display:flex;justify-content:space-between;padding:10px 46px 8px 18px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:var(--card)}
.jrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 18px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.jrow:hover{background:var(--card)}
.jrow .t{font-weight:600;font-size:16.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jrow .s{display:block;font-size:12.5px;color:var(--muted)}
.jrow .amt{font-family:var(--f-mono);font-weight:600;font-size:clamp(18px,2.4vw,24px);font-variant-numeric:tabular-nums;white-space:nowrap}
/* Mini banknot ve sık fiş satırı */
.mbill{--c:var(--b2);--ci:var(--b2i);display:inline-flex;align-items:baseline;justify-content:flex-end;gap:2px;min-width:108px;padding:9px 10px;border-radius:8px;color:var(--ci);font-family:var(--f-mono);font-weight:600;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap;
  background:repeating-linear-gradient(118deg,transparent 0 6px,color-mix(in srgb,var(--ci) 7%,transparent) 6px 7px),var(--c);box-shadow:inset 0 0 0 2px var(--c),inset 0 0 0 3px color-mix(in srgb,var(--ci) 30%,transparent)}
.mbill small{font-size:.72em}
.mbill.b1{--c:var(--b1);--ci:var(--b1i)}.mbill.b2{--c:var(--b2);--ci:var(--b2i)}.mbill.b3{--c:var(--b3);--ci:var(--b3i)}.mbill.b4{--c:var(--b4);--ci:var(--b4i)}.mbill.b5{--c:var(--b5);--ci:var(--b5i)}
.mbill.q{--c:var(--shell);--ci:var(--ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 30%,transparent);justify-content:center;font-family:var(--f-ui);font-size:13px}
.rlist{display:grid;background:var(--shell);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin:26px 8px 10px}
@media (max-width:820px){.rlist{margin-left:0;margin-right:0}}
.prow{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.prow:first-child{border-top:0}
.prow:hover{background:var(--card)}
.prow.old{opacity:.65}
.prow .t{font-weight:600;font-size:15.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prow .s{font-size:12.5px;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prow.ad{background:color-mix(in srgb,var(--card) 50%,transparent)}
.vchip{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;background:var(--card)}
.vchip.up{background:var(--bad-soft);color:var(--bad)}.vchip.down{background:var(--ok-soft);color:var(--ok)}.vchip.q{background:color-mix(in srgb,var(--stamp) 14%,transparent);color:var(--stamp)}
@media (max-width:520px){.prow{grid-template-columns:auto minmax(0,1fr);row-gap:4px}.prow .vchip{grid-column:2;justify-self:start}.mbill{min-width:92px;font-size:14px;padding:8px}}
/* Teklif kontrolü */
.checker{gap:14px}
.cres{display:grid;gap:10px;padding:16px;border-radius:16px;background:var(--card)}
.cres .big{font-size:clamp(24px,3.6vw,32px);font-weight:700;letter-spacing:-.025em;line-height:1.1}
.cres .big.up{color:var(--bad)}.cres .big.down{color:var(--ok)}
.track .offer{position:absolute;top:1px;width:4px;height:21px;margin-left:-2px;background:var(--stamp);border-radius:2px}
/* Paylaşma sihirbazı */
.steps{display:flex;gap:6px;flex-wrap:wrap;font-size:13px}
.steps span{padding:5px 11px;border-radius:999px;background:var(--card);color:var(--muted);font-weight:600}
.steps span.on{background:var(--black);color:var(--on-black)}
.steps span.done{color:var(--ink)}
.bigamt .amount-in input{font-size:clamp(26px,5vw,36px);padding:12px 44px 12px 16px}
/* Üst arama */
.topsearch{margin:12px 8px 0}
.topsearch .sfield{box-shadow:none;border:1px solid var(--line);border-radius:999px;padding:3px 3px 3px 16px}
.topsearch .sfield input{font-size:15px;padding:9px 0}
.topsearch .sfield button{border-radius:999px;padding:9px 18px}
@media (max-width:820px){.topsearch{margin-left:0;margin-right:0}}
.mtop .rbtn{position:relative}

/* Ana sayfa: son fişler fiş görünümünde; telefonda yana kaydırılır */
.hfis{padding:4px 0 10px}
@media (max-width:760px){.hfis{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:6px 2px 16px;margin:0 -16px;padding-inline:16px;scrollbar-width:none}.hfis::-webkit-scrollbar{display:none}.hfis>.rwrap{flex:0 0 84%;scroll-snap-align:center}.hfis>.empty,.hfis>.loading,.hfis>div:not(.rwrap){flex:1 0 100%}}

/* İletişim formu */
.cform{display:grid;gap:14px}
.crow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:620px){.crow{grid-template-columns:minmax(0,1fr)}}
.cform .counter{justify-self:end}
.done-msg{display:grid;gap:10px;padding:8px 0}
.rep.done{opacity:.65}

/* =====================================================================
   v3 · "Fiş ve Mühür"
   ===================================================================== */
[hidden]{display:none!important}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btn{min-height:44px;justify-content:center}
.btn-sm{min-height:36px}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--field-line)}
.btn-ghost:hover{background:var(--tab)}
/* kabuk zaten kenar boşluğu veriyor: eski 8 px iç kenarlar sıfırlanır */
.hero2,.tiles,.sec,.rlist,.topsearch,.filters{margin-left:0;margin-right:0}
.grid,.ph,.chips,.searchrow,.sortrow,.tabs,.jobs,.hero,.resultline{padding-left:0;padding-right:0}
.box{background:var(--shell);box-shadow:var(--sh-1)}
.ph h1{font-weight:800;letter-spacing:-.035em;font-size:clamp(32px,4.6vw,52px)}
.hero h1{font-weight:800;letter-spacing:-.035em}
.pill[aria-pressed="true"],.pill[aria-expanded="true"]{background:var(--ink);color:var(--page)}
@media (max-width:899px){.jobs{display:none}}

/* Vitrin (hero) */
.hero2{background:var(--hero);color:var(--hero-ink);border-radius:28px;padding:28px 20px 24px;margin-top:20px;isolation:isolate;overflow:visible;gap:0}
.hero2 .deco{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:-1;pointer-events:none}
.hero2 .guil{position:absolute;right:-120px;bottom:-160px;width:560px;height:560px;color:var(--hero-line)}
.hero2 .guil2{position:absolute;left:-140px;top:-180px;width:420px;height:420px;color:var(--hero-line)}
.hero-grid{display:grid;gap:28px;min-width:0}
.hero-main{min-width:0}
.kick{margin:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--hero-accent);display:flex;gap:10px;align-items:center}
.kick::before{content:"";width:22px;height:2px;background:currentColor}
.hero2 h1{font-size:clamp(40px,7vw,92px);line-height:.94;letter-spacing:-.045em;font-weight:800;margin:14px 0 0}
.hero2 h1 em{color:var(--hero-accent)}
.hero2 .lead{font-size:18px;line-height:1.45;margin:16px 0 0;max-width:36ch;opacity:.88}
.hero2 .sbox{margin-top:24px}
.hero2 .sfield{background:#FFFDF8;color:#14201A}
.hero2 .sfield input::placeholder,.hero2 .sfield svg{color:#5F6862}
.hero2 .sfield:focus-within{box-shadow:0 0 0 4px var(--hero-accent)}
.hero2 .sfield button{background:#0D5C3B;color:#FFFDF8}
.pop{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.pop>span{opacity:.72;margin-right:2px}
.pop a{display:inline-flex;gap:8px;align-items:center;text-decoration:none;border:1px solid rgba(243,240,231,.3);border-radius:999px;padding:6px 13px;min-height:36px;color:var(--hero-ink)}
.pop a .mono{color:var(--hero-accent);font-size:13px}
.pop a.acc{background:var(--hero-accent);color:#14201A;border-color:transparent;font-weight:650}
.pop a.acc svg.i{width:18px;height:18px}
.hero-rc{display:none;position:relative;justify-self:center;width:300px;transform:rotate(3deg)}
.hero-rc .pin{position:absolute;top:-10px;left:50%;width:70px;height:22px;transform:translateX(-50%) rotate(-3deg);background:rgba(242,210,122,.78);border-radius:2px;z-index:3}
.hero-rc .rc h3 a::after{display:none}
@media (min-width:900px){.hero2{padding:56px 56px 48px}.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:center}.hero2 .lead{font-size:20px}.hero-rc{display:block}}
@media (max-width:520px){.hero2{padding:26px 18px 22px;border-radius:22px}.hero2 h1{font-size:clamp(36px,11vw,44px)}.hero2 .sfield button{padding:12px 14px}}

/* İki eylem kutusu */
.tiles{margin-top:16px;gap:12px}
.tile{background:var(--shell);border:1px solid var(--line);box-shadow:var(--sh-1);padding:18px}
.tile .ic{width:52px;height:52px}
.tile .ic svg.i{width:26px;height:26px}
.tile.t1 .ic{background:var(--norm-soft);color:var(--norm)}
.tile.t2 .ic{background:var(--gold-soft);color:var(--gold-ink)}
.tile b{font-size:20px;font-weight:750}
.tile .s{font-size:15px;line-height:1.35}
.tile .go{color:var(--muted)}

/* Bölüm başlıkları */
.sec{margin-top:48px}
.sec-h{align-items:end;margin-bottom:16px}
.sec-h h2{font-size:28px;line-height:1.1;letter-spacing:-.02em;font-weight:750;margin:0}
.sec-h p{margin:4px 0 0;color:var(--muted);font-size:15px}
.sec-h a{color:var(--black)}
#hcats{padding:0 0 14px}

/* Fiyat panosu */
.board{background:var(--shell);box-shadow:var(--sh-1)}
.bhead{display:none;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 150px 24px;gap:20px;padding:12px 20px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--line);background:var(--card)}
.bhead span:nth-child(3){text-align:right}
.brow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n p" "b b";gap:10px 16px;padding:16px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);align-items:center}
.bhead+.brow,.board>.brow:first-child{border-top:0}
.brow:hover{background:var(--card)}
.brow .n{grid-area:n;min-width:0}
.brow .n b{display:block;font-size:17px;font-weight:650;line-height:1.25}
.brow .n small{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13px;color:var(--muted);margin-top:2px;align-items:center}
.brow .n small svg.i{width:14px;height:14px}
.brow .bar{grid-area:b;min-width:0}
.brow .p{grid-area:p;text-align:right;font-family:var(--f-mono);font-weight:600;font-size:22px;letter-spacing:-.02em;white-space:nowrap}
.brow .p small,.crow2 .p small{display:block;font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--muted)}
.brow .p.few,.crow2 .p.few{color:var(--muted)}
.brow .go{display:none;color:var(--muted)}
@media (min-width:800px){.bhead{display:grid}.brow{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 150px 24px;grid-template-areas:"n b p g";gap:20px;padding:14px 20px}.brow .go{display:block;grid-area:g}}
.conf{display:inline-flex;gap:3px;align-items:center;font-size:13px}
.conf i{width:7px;height:7px;border-radius:2px;background:var(--line)}
.conf.c1 i:nth-child(1){background:var(--warn)}
.conf.c2 i:nth-child(-n+2){background:var(--norm)}
.conf.c3 i{background:var(--ok)}
.conf em{font-style:normal;margin-left:4px}
/* mini bant */
.mb2{position:relative;display:block;height:32px;min-width:0}
.mb2 .tr{position:absolute;left:0;right:0;top:9px;height:6px;border-radius:3px;background:var(--tab)}
.mb2 .iq{position:absolute;top:5px;height:14px;min-width:4px;border-radius:4px;background:var(--band);box-shadow:inset 0 0 0 1.5px var(--band-edge)}
.mb2 .md{position:absolute;top:2px;width:3px;height:20px;margin-left:-1.5px;border-radius:2px;background:var(--ink)}
.mb2 .mk{position:absolute;top:0;width:4px;height:24px;margin-left:-2px;border-radius:2px;background:var(--norm)}
.mb2 .lab{position:absolute;top:22px;left:0;right:0;display:flex;justify-content:space-between;gap:6px;font-family:var(--f-mono);font-size:10.5px;color:var(--muted);line-height:1}
.mb2 .lab>span{white-space:nowrap}
.mb2.lock .tr{background:repeating-linear-gradient(90deg,var(--tab) 0 8px,transparent 8px 12px)}
.mb2.lock .fill{position:absolute;left:0;top:9px;height:6px;border-radius:3px;background:var(--gold)}

/* Fiş kartı: her temada kağıt */
.rc{--ink:var(--r-ink);--muted:var(--r-ink-2);--card:rgba(0,0,0,.05);--paper:var(--r-paper);--line:var(--r-line);background:var(--r-paper);color:var(--r-ink);font-size:13px;padding:26px 20px 28px;gap:7px}
.rc-h b{font-weight:800;letter-spacing:-.03em;font-size:22px}
.rc-h span{letter-spacing:.24em}
.rc-sep{border-top:1.5px dashed var(--r-line)}
.rc h3{font-size:16px;font-weight:700;letter-spacing:-.01em}
.rc-biz{font-weight:600;letter-spacing:.04em;color:var(--r-ink)}
.rc-tot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.rc-tot span{font-size:15px;font-weight:700;letter-spacing:.06em}
.rc-tot b{font-size:20px;font-weight:700;background:linear-gradient(transparent 12%,var(--hl) 12%,var(--hl) 88%,transparent 88%);padding:0 6px;letter-spacing:-.02em;white-space:nowrap}
.rc.q .rc-tot b{background:none;border:1.5px dashed var(--r-ink-2);padding:0 8px}
.rc-verd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;min-height:34px}
.rc-verd small{font-size:11.5px;color:var(--r-ink-2);text-align:right}
.rc-st{font-size:12px;color:var(--r-ink-2)}
.rc-code{display:block;width:100%;height:34px;margin-top:8px;color:var(--r-ink)}
.rc-foot{color:var(--r-ink-2);gap:2px}
.rc-foot a,.rc-foot b{color:var(--r-ink);font-weight:700}
.rc .stale{color:var(--r-bad)}
.rc.big{font-size:14.5px;padding:34px 30px 36px}
.rc.big .rc-h b{font-size:30px}
.rc.big h3{font-size:22px}
.rc.big .rc-tot b{font-size:30px}
.rc.big .rc-tot span{font-size:18px}
.rc.big .rc-note{-webkit-line-clamp:unset;display:block}
.rc.ghost{color:var(--r-ink-2)}
.rc.ghost .gl{height:10px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--r-line) 0 6px,transparent 6px 10px)}
.rwrap{filter:drop-shadow(0 1px 1px rgba(20,32,26,.10)) drop-shadow(0 10px 18px rgba(20,32,26,.10))}
:root[data-theme="dark"] .rwrap{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35)) drop-shadow(0 12px 22px rgba(0,0,0,.35))}
/* Mühür */
.mh{--c:var(--norm);display:inline-flex;align-items:center;font-family:var(--f-mono);font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--c);border:2.5px solid var(--c);outline:1px solid var(--c);outline-offset:2px;padding:3px 8px;border-radius:4px;transform:rotate(-5deg);white-space:nowrap;
  -webkit-mask:radial-gradient(circle at 30% 40%,#000 62%,rgba(0,0,0,.72) 63%) 0 0/9px 9px;mask:radial-gradient(circle at 30% 40%,#000 62%,rgba(0,0,0,.72) 63%) 0 0/9px 9px}
.mh.ok{--c:var(--ok)}.mh.norm{--c:var(--norm)}.mh.warn{--c:var(--warn)}.mh.bad{--c:var(--bad)}.mh.wait{--c:var(--muted)}
.rc .mh.ok{--c:var(--r-ok)}.rc .mh.norm{--c:var(--r-norm)}.rc .mh.warn{--c:var(--r-warn)}.rc .mh.bad{--c:var(--r-bad)}.rc .mh.wait{--c:var(--r-ink-2)}
.mh.xl{font-size:clamp(18px,3.2vw,24px);border-width:3.5px;padding:6px 14px;outline-offset:3px;transform:rotate(-6deg)}
.vchip.ok{background:var(--ok-soft);color:var(--ok)}.vchip.norm{background:var(--norm-soft);color:var(--norm)}.vchip.warn{background:var(--warn-soft);color:var(--warn)}.vchip.bad{background:var(--bad-soft);color:var(--bad)}
/* Duvar: en kısa sütun */
.g-fis.mas{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:22px;align-items:start}
.mcol{display:grid;gap:26px;align-content:start;min-width:0}

/* Boş site */
.cold{display:grid;gap:16px;margin-top:16px}
@media (min-width:900px){.cold{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.kasa{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}
.kasa .num{font-family:var(--f-mono);font-weight:700;font-size:48px;letter-spacing:-.03em;line-height:1}
.kasa .num small{font-size:16px;font-weight:500;color:var(--muted);letter-spacing:0}
.kasa b{font-size:18px}
.prog{height:10px;border-radius:999px;background:var(--tab);overflow:hidden}
.prog i{display:block;height:100%;min-width:10px;background:var(--gold);border-radius:999px}
.cold-q{margin:8px 0 0;font-weight:700;font-size:18px}
.recall{display:grid;gap:10px}
@media (min-width:600px){.recall{grid-template-columns:1fr 1fr}}
.recall a{display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;border:1.5px dashed var(--field-line);border-radius:14px;padding:12px 14px;font-weight:600;background:var(--shell);min-height:52px}
.recall a span{color:var(--black);font-size:14px;white-space:nowrap}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--tab);color:var(--muted);white-space:nowrap;justify-self:start}
.badge svg.i{width:16px;height:16px}
.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.norm{background:var(--norm-soft);color:var(--norm)}.badge.gold{background:var(--gold-soft);color:var(--gold-ink)}
.tsteps,.steps3{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:s}
.tsteps li,.steps3 li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-items:start}
.tsteps li::before,.steps3 li::before{counter-increment:s;content:counter(s);grid-row:span 2;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--page);display:grid;place-items:center;font-family:var(--f-mono);font-weight:700}
.tsteps b,.steps3 b{font-size:17px}
.tsteps span,.steps3 span{font-size:14.5px;color:var(--muted)}
.steps3 li{background:var(--shell);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--sh-1)}
@media (min-width:800px){.steps3{grid-template-columns:repeat(3,1fr)}}

/* İş sayfası */
.ipage{padding-top:24px}
.crumb{font-size:14px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap}
.crumb a{text-decoration:none}
.jh{margin:10px 0 0;font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:-.035em;font-weight:800}
.jmeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.jgrid{display:grid;gap:20px;margin-top:24px}
@media (min-width:1000px){.jgrid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start}.jgrid .kc{position:sticky;top:84px}}
.jsum,.kc{padding:24px}
.big-say{margin:0;font-size:clamp(24px,3.2vw,34px);line-height:1.15;letter-spacing:-.02em;font-weight:700}
.big-say .mono{font-weight:600;white-space:nowrap;background:linear-gradient(transparent 60%,var(--band) 60%);padding:0 2px}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;min-width:0}
.kpi b{display:block;font-family:var(--f-mono);font-size:clamp(16px,2.4vw,24px);font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi span{font-size:13px;color:var(--muted)}
.kpi.m{background:var(--gold-soft);border-color:transparent}
.kpi.m b{color:var(--gold-ink)}
.dist{margin-top:4px}
.dplot{position:relative;margin-top:96px}
.dplot .area{position:relative}
.dplot .band{position:absolute;top:-6px;bottom:0;background:var(--band);border-left:2px solid var(--band-edge);border-right:2px solid var(--band-edge);border-radius:6px 6px 0 0;margin:0;padding:0}
.dplot .band span{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:650;color:var(--ok);white-space:nowrap}
.dplot .dot{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--dot)}
.dplot .med{position:absolute;bottom:0;width:3px;margin-left:-1.5px;background:var(--ink);border-radius:2px}
.dplot .axis{position:relative;height:30px;border-top:2px solid var(--ink)}
.dplot .axis i{position:absolute;top:0;width:1px;height:6px;background:var(--ink)}
.dplot .axis span{position:absolute;top:8px;transform:translateX(-50%);font-family:var(--f-mono);font-size:11.5px;color:var(--muted);white-space:nowrap}
.dplot .offer{position:absolute;bottom:-30px;width:0;z-index:2}
.dplot .offer::before{content:"";position:absolute;left:-1.5px;bottom:30px;width:3px;height:var(--h,80px);background:var(--c,var(--warn))}
.dplot .offer b{position:absolute;bottom:calc(30px + var(--h,80px));transform:translateX(var(--tx,-50%));background:var(--c,var(--warn));color:var(--shell);font-family:var(--f-mono);font-size:12.5px;font-weight:600;padding:4px 8px;border-radius:8px;white-space:nowrap}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:13px;color:var(--muted)}
.legend span{display:inline-flex;gap:6px;align-items:center}
.legend i{display:inline-block}
.legend .ld{width:10px;height:10px;border-radius:50%;background:var(--dot)}
.legend .lb{width:18px;height:10px;border-radius:3px;background:var(--band);box-shadow:inset 0 0 0 1.5px var(--band-edge)}
.legend .lm{width:3px;height:14px;background:var(--ink)}
.legend .lo{width:3px;height:14px;background:var(--warn)}
.note{display:flex;gap:10px;align-items:flex-start;background:var(--card);border:1px dashed var(--line);border-radius:14px;padding:12px 14px;font-size:14px;color:var(--muted)}
.kc h2{font-size:24px;font-weight:750;letter-spacing:-.02em}
.kc .tips{font-size:14px;color:var(--muted)}
.kc .tips ul{margin:6px 0 0;padding-left:18px}
.cres{background:var(--card);border:1px solid var(--line)}
.cres .say{margin:0;font-size:19px;line-height:1.35;font-weight:600}
.stamp-wrap{padding:6px 0 2px}
.cbar{padding:6px 0 4px}
.cities{gap:0;padding-block:6px}
.crow2{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"c p" "b b";gap:6px 12px;padding:12px 0;border-top:1px solid var(--line);align-items:center}
.crow2:first-child{border-top:0}
.crow2 .c{grid-area:c;font-weight:600}
.crow2 .c small{font-weight:400;color:var(--muted);margin-left:6px;font-size:13px}
.crow2 .bar{grid-area:b;min-width:0}
.crow2 .p{grid-area:p;font-family:var(--f-mono);font-weight:600;font-size:17px;white-space:nowrap}
@media (min-width:800px){.crow2{grid-template-columns:200px minmax(0,1fr) 120px;grid-template-areas:"c b p"}.crow2 .p{text-align:right}}

/* Fiş detayı */
.fdw{padding-top:22px}
.fd{display:grid;gap:24px}
@media (min-width:1000px){.fd{grid-template-columns:minmax(0,500px) minmax(0,1fr);align-items:start}.fd-l{position:sticky;top:84px}}
.fd-l{display:grid;gap:12px;min-width:0}
.fd-r{padding-top:0}
.fdw.sade .fd-r{display:none}
.fdw.sade .fd{grid-template-columns:minmax(0,560px);justify-content:center}

/* Paylaş */
.wzw{max-width:1080px;margin:0 auto}
.wz{display:grid;gap:24px}
@media (min-width:960px){.wz{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}.preview{position:sticky;top:84px}}
.plbl{margin:0 0 10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;display:flex;align-items:center;gap:8px}
.plbl::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}
.printer{position:relative;padding-top:14px}
.printer::before{content:"";position:absolute;left:-6px;right:-6px;top:0;height:18px;border-radius:9px;background:var(--ink);opacity:.9}
.printer .rwrap{margin:0 10px}
.printer.anim .rwrap{animation:kp-print 1.2s cubic-bezier(.2,.7,.2,1) both}
.printer .rwrap:hover{transform:none}
@keyframes kp-print{from{clip-path:inset(0 0 100% 0);transform:translateY(-24px)}to{clip-path:inset(0 0 0 0);transform:none}}
@media (prefers-reduced-motion:reduce){.printer .rwrap{animation:none}}
@media (max-width:959px){.preview{order:2}}
.hero-rc .rc p{font-size:inherit;opacity:1;max-width:none;margin:0}
.pop a{max-width:100%;min-width:0}
.pop a .pt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pop a .mono{white-space:nowrap}
@media (max-width:520px){.pop>span{display:none}.pop a:nth-of-type(n+3){display:none}}
.cold .box{align-content:start}
.mob{display:none!important}
@media (max-width:899px){.mob:not([hidden]){display:inline-flex!important}}
.checks label{white-space:nowrap}
.checks input,.field .checks input{width:auto;min-height:0;padding:0;margin:0;border:0;box-shadow:none;background:none;accent-color:var(--black)}
.vote[disabled]{cursor:default;opacity:.8}
.legal .box p{margin:0}.legal .box ul{margin:0;padding-left:20px;display:grid;gap:4px}

/* Tanıtım penceresi */
#dlg-tanit{width:min(520px,calc(100vw - 24px));overflow:auto}
.tn{display:grid}
.tn-top{background:var(--hero);color:var(--hero-ink);padding:26px 24px 22px;display:grid;gap:10px}
.tn-top h2{margin:0;font-size:clamp(28px,6.4vw,38px);line-height:1.02;letter-spacing:-.035em;font-weight:800}
.tn-top h2 em{font-style:normal;color:var(--hero-accent)}
.tn-sub{margin:0;font-size:16px;line-height:1.4;opacity:.9}
.tn-steps{padding:20px 24px 4px}
.tn-foot{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:14px 24px 22px}
.tn-foot .btn svg.i{width:18px;height:18px}
@media (max-width:480px){.tn-foot{flex-direction:column-reverse}.tn-foot .btn{width:100%}}
.ftb{border:0;background:none;padding:0;color:var(--muted);font-size:inherit;text-decoration:underline;cursor:pointer}