:root{
 --bg:#f8f9fa;--surface:#fff;--line:#dadce0;--line-soft:#e8eaed;
 --ink:#202124;--ink2:#3c4043;--mut:#5f6368;--dim:#80868b;
 --blue:#1a73e8;--green:#188038;--red:#d93025;--yellow:#e37400;
 --chipbg:#e8eaed;--fieldbg:#f1f3f4;
 --sans:'Google Sans','Product Sans',Roboto,system-ui,-apple-system,'Segoe UI',sans-serif;
 --e1:0 1px 2px rgba(60,64,67,.28),0 1px 3px 1px rgba(60,64,67,.10);
 --e2:0 1px 3px rgba(60,64,67,.30),0 4px 8px 3px rgba(60,64,67,.12);
 --e3:0 4px 8px 3px rgba(60,64,67,.15),0 1px 3px rgba(60,64,67,.30);
}

*{box-sizing:border-box} html,body{margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);
 -webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}
input.r{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
a{text-decoration:none;color:inherit}

header.top{background:var(--surface);border-bottom:1px solid var(--line-soft);padding:26px clamp(16px,4vw,44px) 18px}
.brandrow{display:flex;align-items:center;gap:11px}
.mark{width:30px;height:30px;flex-shrink:0}
.eyebrow{font-size:12px;letter-spacing:.6px;color:var(--mut);text-transform:uppercase;font-weight:500}
.nightbtn{margin-left:auto;border:1px solid var(--line);background:var(--surface);color:var(--ink2);
 width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:17px;line-height:1;display:none}
body.js .nightbtn{display:inline-flex;align-items:center;justify-content:center}
.nightbtn:hover{background:var(--bg)}
h1{margin:11px 0 6px;font-size:clamp(25px,4.6vw,40px);font-weight:400;line-height:1.15;letter-spacing:-.4px}
h1 b{font-weight:500}
.tagline{color:var(--mut);font-size:15px;max-width:64ch;line-height:1.55;margin:0}
.legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.leg{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);
 background:var(--bg);border:1px solid var(--line-soft);border-radius:24px;padding:6px 14px 6px 11px}
.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}
.leg .c{color:var(--dim)}

/* ilerleme */
.progress{display:none;margin-top:18px;background:var(--bg);border:1px solid var(--line-soft);
 border-radius:16px;padding:14px 16px}
body.js .progress{display:block}
.prow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ptitle{font-size:14px;font-weight:500}
.pnum{font-size:13px;color:var(--mut)}
.pnum b{color:var(--green);font-size:17px;font-weight:500}
.pbar{height:8px;background:var(--line-soft);border-radius:20px;margin-top:10px;overflow:hidden}
.pfill{height:100%;background:linear-gradient(90deg,var(--green),#34a853);width:0;border-radius:20px;transition:width .35s}

.controls{background:var(--surface);border-bottom:1px solid var(--line-soft);padding:12px clamp(16px,4vw,44px)}
.crow{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink2);padding:9px 15px;
 border-radius:24px;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
 transition:.12s;-webkit-tap-highlight-color:transparent;font-family:var(--sans)}
.chip:hover{background:var(--bg)} .chip .n{color:var(--dim);font-size:12px}
.chip.on{background:var(--chipbg);border-color:transparent;font-weight:500;color:var(--green)}
.jsonly{display:none} body.js .jsonly{display:inline-flex}
details.famsel{margin-top:9px}
details.famsel>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
 border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:9px 15px;font-size:13.5px;color:var(--ink2)}
details.famsel>summary::-webkit-details-marker{display:none}
details.famsel>summary::after{content:"▾";color:var(--dim)}
details.famsel[open]>summary{background:var(--chipbg);border-color:transparent}
.famgrid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;max-height:210px;overflow:auto;
 padding:4px 2px;border-top:1px solid var(--line-soft)}
.famgrid .chip{font-size:12.5px;padding:7px 13px}
.searchwrap{display:none;flex:1;min-width:200px;position:relative}
body.js .searchwrap{display:block}
.searchwrap input{width:100%;background:var(--fieldbg);border:1px solid transparent;border-radius:24px;
 padding:12px 16px 12px 44px;font-size:15px;font-family:var(--sans);outline:none;color:var(--ink)}
.searchwrap input:focus{background:var(--surface);box-shadow:var(--e1)}
.searchwrap svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:19px;height:19px;stroke:var(--mut);fill:none}
select.sortsel{display:none;background:var(--surface);border:1px solid var(--line);color:var(--ink2);
 border-radius:24px;padding:10px 13px;font-size:13.5px;font-family:var(--sans);outline:none;cursor:pointer}
body.js select.sortsel{display:inline-block}

.meta{padding:18px clamp(16px,4vw,44px) 0;color:var(--mut);font-size:13px}
main{padding:12px clamp(16px,4vw,44px) 48px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}
.grouphead{grid-column:1/-1;font-size:13px;font-weight:500;color:var(--mut);letter-spacing:.5px;
 text-transform:uppercase;padding:14px 2px 2px;border-bottom:1px solid var(--line-soft)}
.card{position:relative;display:flex;flex-direction:column;background:var(--surface);
 border:1px solid var(--line-soft);border-radius:16px;overflow:hidden;
 transition:box-shadow .15s,transform .15s;-webkit-tap-highlight-color:transparent}
.card:hover{box-shadow:var(--e2);transform:translateY(-2px)}
.card.hide{display:none!important}
.silwrap{position:relative;display:flex;align-items:center;justify-content:center;
 min-height:0;padding:14px 14px 12px;background:#f8f9fa;background:color-mix(in srgb,var(--tc) 7%,var(--surface))}
svg.sil{width:114px;height:57px;color:var(--tc);display:block}
.ph{width:100%;height:auto;max-height:96px;display:block;pointer-events:none;background-repeat:no-repeat;
 background-position:center;background-size:contain;filter:drop-shadow(0 4px 8px rgba(32,33,36,.20))}
.ph.big{height:auto;max-height:150px;max-width:440px;margin:0 auto;filter:drop-shadow(0 8px 16px rgba(32,33,36,.24))}
span.no{position:absolute;top:10px;right:14px;font-size:11px;color:var(--dim)}
span.hz,span.ban{position:absolute;top:9px;left:12px;display:inline-flex;align-items:center;gap:5px;
 color:#fff;font-size:11px;font-weight:500;padding:4px 10px 4px 8px;border-radius:20px}
span.hz{background:var(--red)} span.ban{background:#5f6368}
.card span.ban+span.hz{top:36px}
span.hz svg,span.ban svg{width:12px;height:12px;stroke:#fff;fill:none}
.cmark{position:absolute;right:10px;bottom:8px;width:24px;height:24px;border-radius:50%;
 background:var(--green);color:#fff;font-size:14px;line-height:24px;text-align:center;
 display:none;box-shadow:var(--e1)}
.card.caught .cmark{display:block}
.card.caught{border-color:var(--green)}
.info{display:flex;flex-direction:column;gap:2px;padding:14px 16px 16px;border-top:1px solid var(--line-soft)}
.fam{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:var(--dim);font-weight:500}
.nm{font-size:19px;font-weight:500;line-height:1.25;margin-top:3px;letter-spacing:-.2px}
.lat{font-style:italic;font-size:13px;color:var(--mut)}
.foot{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.tag{font-size:11.5px;padding:4px 11px;border-radius:20px;background:var(--bg);color:var(--mut);border:1px solid var(--line-soft)}
.tag.acc{background:var(--fieldbg);background:color-mix(in srgb,var(--tc) 12%,var(--surface));color:var(--tc);border-color:transparent;font-weight:500}
#empty{display:none;padding:70px 10px;text-align:center;color:var(--mut)}

/* detay */
.overlay,.detail{position:fixed;inset:0;z-index:60;display:none;overflow:auto;padding:clamp(0px,3vw,44px)}
.detail:target{display:block}
.scrim{position:fixed;inset:0;background:rgba(32,33,36,.55)}
.sheet{position:relative;width:min(680px,100%);margin:auto;background:var(--surface);
 border-radius:clamp(0px,2vw,28px);overflow:hidden;box-shadow:var(--e3)}
.dhead{position:relative;text-align:center;padding:26px 24px 22px;background:color-mix(in srgb,var(--tc) 9%,var(--surface))}
.dhead svg.sil{width:190px;height:95px;margin:0 auto}
.dhead .no{top:20px;left:24px;right:auto}
.close{position:absolute;top:14px;right:14px;z-index:3;width:42px;height:42px;border-radius:50%;
 background:rgba(255,255,255,.8);color:#3c4043;font-size:23px;line-height:42px;text-align:center}
body.night .close{background:rgba(20,26,30,.8);color:#e6edf1}
.zoom{display:block;position:relative;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.zhint{display:block;text-align:center;margin-top:8px;font-size:11.5px;color:var(--dim)}
.dtitle{padding:20px 24px 18px;border-bottom:1px solid var(--line-soft)}
.dtitle .fam{color:var(--tc)}
.dtitle h2{margin:5px 0 0;font-size:clamp(24px,5.5vw,32px);font-weight:400;letter-spacing:-.5px}
.dtitle .lat{font-size:15px;margin-top:4px}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.tb{font-size:12.5px;font-weight:500;padding:6px 14px;border-radius:20px;
 background:color-mix(in srgb,var(--tc) 14%,var(--surface));color:var(--tc)}
.ob{font-size:12.5px;padding:6px 14px;border-radius:20px;border:1px solid var(--line);color:var(--mut);display:inline-flex;align-items:center;gap:7px}
.ob .dot{width:8px;height:8px}
.stats{display:grid;grid-template-columns:repeat(2,1fr)}
.stat{padding:16px 24px;border-bottom:1px solid var(--line-soft)}
.stat:nth-child(odd){border-right:1px solid var(--line-soft)}
.stat .k{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:var(--dim);font-weight:500}
.stat .v{font-size:15px;margin-top:4px}
.warn{padding:15px 24px;display:flex;gap:12px;align-items:flex-start;background:#fce8e6;
 border-bottom:1px solid #f6c9c4;color:#5f1409;font-size:14px;line-height:1.55}
body.night .warn{background:#3a1512;border-color:#5c2018;color:#ffd7d0}
.warn svg{width:20px;height:20px;flex-shrink:0;stroke:var(--red);fill:none;margin-top:1px}
.warn b{color:var(--red);font-weight:500}
.body{padding:4px 24px 8px}
.sec{padding:18px 0;border-bottom:1px solid var(--line-soft)}
.sec:last-child{border-bottom:0}
.sec h3{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--tc);
 margin:0 0 10px;display:flex;align-items:center;gap:10px;font-weight:500}
.sec h3 svg{width:17px;height:17px;stroke:var(--tc);fill:none}
.sec p{margin:0;font-size:15.5px;line-height:1.65;color:var(--ink2)}
.dclose{display:block;text-align:center;padding:16px;color:var(--blue);font-weight:500;
 border-top:1px solid var(--line-soft);font-size:15px}

/* yasal */
.legal{background:var(--bg);border:1px solid var(--line-soft);border-radius:12px;padding:6px 14px}
.legal.ban{background:#fce8e6;border-color:#f6c9c4}
body.night .legal.ban{background:#3a1512;border-color:#5c2018}
.legal.ban .lh{display:flex;align-items:center;gap:9px;color:var(--red);font-size:14px;padding:10px 0 4px}
.legal.ban .lh svg{width:19px;height:19px;stroke:var(--red);fill:none}
.legal.ban p{font-size:14px;color:var(--ink2);padding-bottom:10px;margin:0}
.lr{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:14.5px}
.lr:last-child{border-bottom:0} .lr span{color:var(--mut)} .lr b{font-weight:500}
.lr.warnrow b{color:var(--red)}
.lnote{font-size:13.5px;color:var(--mut);padding:10px 0;margin:0;line-height:1.55}
.lnote.alert{color:var(--red)}
.src{font-size:12px;color:var(--dim);margin-top:10px;line-height:1.5}
.src a{color:var(--blue);text-decoration:underline}

/* mevsim */
.season{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}
.mo{height:38px;border-radius:6px;display:flex;align-items:flex-end;justify-content:center;
 font-size:10px;color:var(--mut);padding-bottom:3px}
.mo i{font-style:normal}
.mo.l0{background:var(--line-soft)} .mo.l1{background:#c8e6c9} .mo.l2{background:#66bb6a;color:#0b2a12}
body.night .mo.l1{background:#28503a} body.night .mo.l2{background:#3f9c5a;color:#04140a}
.slegend{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:12px;color:var(--mut)}
.slegend .k{width:12px;height:12px;border-radius:3px;display:inline-block;margin-left:8px}
.slegend .k.l0{background:var(--line-soft)}
.slegend .k.l1{background:#c8e6c9}
.slegend .k.l2{background:#66bb6a}
body.night .slegend .k.l1{background:#28503a}
body.night .slegend .k.l2{background:#3f9c5a}
.slegend .k:first-child{margin-left:0}

/* ölçek */
.ruler{width:100%;height:auto;display:block}
.ruler .rax{stroke:var(--line);stroke-width:1.5}
.ruler .rt{stroke:var(--line);stroke-width:1}
.ruler .rl{fill:var(--dim);font-size:8px;text-anchor:middle;font-family:var(--sans)}
.ruler .rb{fill:color-mix(in srgb,var(--tc) 40%,var(--surface))}
.ruler .rlim{stroke:var(--red);stroke-width:2;stroke-dasharray:3 2}
.ruler .rlimt{fill:var(--red);font-size:8px;font-family:var(--sans)}
.rcap{font-size:13px;color:var(--mut);margin-top:6px}
.rcap b{color:var(--ink2);font-weight:500}

/* karışan */
.confuse{list-style:none;margin:0;padding:0}
.confuse li{padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:14.5px;line-height:1.55}
.confuse li:last-child{border-bottom:0}
.confuse b{display:block;margin-bottom:3px}
.cflink{color:var(--blue);text-decoration:underline}
.confuse span{color:var(--ink2)}

/* ilk yardım */
.aid{background:#fef7e0;border:1px solid #feefc3;border-radius:12px;padding:14px 16px}
body.night .aid{background:#33290d;border-color:#4a3c14}
.ah{display:flex;align-items:center;gap:9px;color:#b06000;font-size:14.5px;margin-bottom:8px}
body.night .ah{color:var(--yellow)}
.ah svg{width:19px;height:19px;stroke:currentColor;fill:none}
.aid ol{margin:0;padding-left:20px;font-size:14.5px;line-height:1.6;color:var(--ink2)}
.aid li{margin-bottom:5px}
.acil{margin:10px 0 0;font-size:14px;color:var(--red);font-weight:500;line-height:1.5}
.adis{margin:8px 0 0;font-size:12px;color:var(--mut)}

/* av defteri */
.catchbox{border-bottom:1px solid var(--line-soft)}
.cbwrap{padding:16px 24px}
.cbtop{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cbtn{border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:24px;
 padding:11px 18px;font-size:14px;font-family:var(--sans);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.cbtn:hover{background:var(--bg)}
.cbtn.on{background:var(--green);border-color:var(--green);color:#fff;font-weight:500}
.cbmeta{font-size:13px;color:var(--mut)}
.cbmeta b{color:var(--ink2);font-weight:500}
.clist{list-style:none;margin:12px 0 0;padding:0}
.clist li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line-soft);font-size:14px}
.clist .cdate{color:var(--mut);min-width:78px}
.clist .cinfo{flex:1;color:var(--ink2)}
.clist .cinfo i{display:block;color:var(--mut);font-style:normal;font-size:13px;margin-top:2px}
.clist .cdel{border:none;background:none;color:var(--dim);cursor:pointer;font-size:17px;line-height:1;padding:2px 4px}
.clist .cdel:hover{color:var(--red)}
.cform{display:none;margin-top:12px;background:var(--bg);border:1px solid var(--line-soft);border-radius:12px;padding:13px}
.cform.open{display:block}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cform input,.cform textarea{width:100%;background:var(--surface);border:1px solid var(--line);
 border-radius:9px;padding:10px 12px;font-size:14px;font-family:var(--sans);color:var(--ink);outline:none}
.cform input:focus,.cform textarea:focus{border-color:var(--blue)}
.cform textarea{grid-column:1/-1;resize:vertical;min-height:54px}
.cform .cactions{display:flex;gap:9px;margin-top:9px;justify-content:flex-end}
.cprimary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:500}
.cprimary:hover{filter:brightness(1.06);background:var(--blue)}
.cstorewarn{font-size:12.5px;color:var(--mut);margin-top:10px;line-height:1.5}

/* tam ekran foto */
.lb{position:fixed;inset:0;z-index:80;display:none}
.lb:target{display:flex;align-items:center;justify-content:center}
.lbscrim{position:absolute;inset:0;background:#0b0d0f}
.lbinner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;
 align-items:center;justify-content:center;padding:20px;pointer-events:none}
.lbimg{display:block;width:100%;max-width:1100px;height:auto;max-height:74vh;background-repeat:no-repeat;
 background-position:center;background-size:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}
.lbcap{margin-top:14px;text-align:center;color:#e8eaed;font-size:15px}
.lbcap b{font-weight:500} .lbcap i{display:block;font-size:13px;color:#9aa0a6;margin-top:2px}
.lbclose{position:absolute;top:16px;right:16px;z-index:2;width:44px;height:44px;border-radius:50%;
 background:rgba(255,255,255,.14);color:#fff;font-size:24px;line-height:44px;text-align:center}

footer{background:var(--surface);border-top:1px solid var(--line-soft);
 padding:24px clamp(16px,4vw,44px) 44px;color:var(--mut);font-size:13px;line-height:1.7}
footer b{color:var(--ink2);font-weight:500}
footer a{color:var(--blue);text-decoration:underline}
.nojs{background:#fef7e0;border:1px solid #feefc3;color:#5f4a00;border-radius:12px;
 padding:11px 14px;font-size:13px;margin-top:12px;line-height:1.55}
body.js .nojs{display:none}

@media(max-width:560px){
 .grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:11px}
 .silwrap{min-height:0;padding:11px 9px 9px} svg.sil{width:88px;height:44px} .ph{max-height:78px}
 .ph.big{max-height:112px} .info{padding:11px 12px 13px} .nm{font-size:16px} .lat{font-size:12px}
 .tag{font-size:10.5px;padding:3px 8px} .foot{gap:5px;margin-top:9px}
 .stat{padding:13px 16px} .body,.dtitle,.warn,.cbwrap{padding-left:18px;padding-right:18px}
 .dhead svg.sil{width:150px;height:75px} .lbimg{max-height:60vh}
 .cgrid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}













































/* --- av defteri: madalyalar --- */
.cbtn .bi{width:17px;height:17px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2}
.cbtn.tog .bi{stroke-width:2.1}
.clist li{position:relative}
.clist li.med{padding-left:6px}
.rank{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;
 justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;margin-top:1px;
 background:var(--line-soft);color:var(--mut);border:1px solid transparent}
.rank.m1{background:linear-gradient(145deg,#ffd75e,#e0a418);color:#4a3200;border-color:#d79b00;
 box-shadow:0 1px 4px rgba(224,164,24,.45)}
.rank.m2{background:linear-gradient(145deg,#e6ebef,#b3bcc4);color:#39424a;border-color:#a8b2ba;
 box-shadow:0 1px 4px rgba(150,160,170,.4)}
.rank.m3{background:linear-gradient(145deg,#e0a878,#b9793f);color:#402206;border-color:#a96c33;
 box-shadow:0 1px 4px rgba(185,121,63,.4)}
.clist li.m1 .cinfo b{color:#b8860b} .clist li.m2 .cinfo b{color:#6b7680}
.clist li.m3 .cinfo b{color:#a1652f}
body.night .clist li.m1 .cinfo b{color:#f0c455}
body.night .clist li.m2 .cinfo b{color:#c3ced6}
body.night .clist li.m3 .cinfo b{color:#dd9a63}
.clist li.extra{display:none}
.clist.all li.extra{display:flex}
.morebtn{margin-top:10px;border:1px solid var(--line);background:var(--surface);color:var(--blue);
 border-radius:22px;padding:8px 15px;font-size:13.5px;font-family:var(--sans);cursor:pointer}
.morebtn:hover{background:var(--bg)}

/* --- profil --- */
.profbtn{border:1px solid var(--line);background:var(--surface);color:var(--ink2);
 height:40px;padding:0 15px;border-radius:22px;cursor:pointer;font-size:13.5px;
 font-family:var(--sans);display:none;align-items:center;gap:8px}
body.js .profbtn{display:inline-flex}
.profbtn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}
.profbtn:hover{background:var(--bg)}
.prof{position:fixed;inset:0;z-index:70;display:none;overflow:auto;padding:clamp(0px,3vw,44px)}
.prof.on{display:block}
.prof .pscrim{position:fixed;inset:0;background:rgba(32,33,36,.55)}
.prof .psheet{position:relative;width:min(680px,100%);margin:auto;background:var(--surface);
 border-radius:clamp(0px,2vw,28px);overflow:hidden;box-shadow:var(--e3)}
.phead{position:relative;padding:24px 24px 20px;background:color-mix(in srgb,var(--blue) 9%,var(--surface));
 border-bottom:1px solid var(--line-soft)}
.phead h2{margin:4px 0 0;font-size:26px;font-weight:400;letter-spacing:-.4px}
.phead .psub{color:var(--mut);font-size:14px;margin-top:5px}
.pclose{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;
 background:rgba(255,255,255,.8);color:#3c4043;font-size:23px;line-height:42px;text-align:center;
 border:none;cursor:pointer}
body.night .pclose{background:rgba(20,26,30,.8);color:#e6edf1}
.pstats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line-soft)}
.pstat{padding:16px 12px;text-align:center;border-right:1px solid var(--line-soft)}
.pstat:last-child{border-right:0}
.pstat b{display:block;font-size:23px;font-weight:500;color:var(--blue)}
.pstat span{font-size:11.5px;color:var(--mut);letter-spacing:.4px;text-transform:uppercase}
.pbody{padding:6px 24px 22px}
.psec{padding:18px 0;border-bottom:1px solid var(--line-soft)}
.psec:last-child{border-bottom:0}
.psec h3{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--mut);
 margin:0 0 10px;font-weight:500;display:flex;align-items:center;gap:9px}
.psec h3 svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.plist{list-style:none;margin:0;padding:0}
.plist li{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid var(--line-soft);font-size:14.5px}
.plist li:first-child{border-top:0}
.plist .pn{flex:1;min-width:0}
.plist .pn b{display:block;font-weight:500}
.plist .pn i{font-style:normal;color:var(--mut);font-size:12.5px}
.plist .pv{font-weight:500;white-space:nowrap;color:var(--ink)}
.plist a{color:inherit}
.pempty{color:var(--mut);font-size:14px;padding:6px 0}
.prare{display:flex;flex-wrap:wrap;gap:8px}
.prare span{font-size:12.5px;padding:5px 12px;border-radius:20px;border:1px solid var(--line);color:var(--ink2)}
.prare span.r-cok{border-color:var(--yellow);color:var(--yellow)}
.prare span.r-nadir{border-color:var(--blue);color:var(--blue)}
@media(max-width:560px){.pbody,.phead{padding-left:18px;padding-right:18px}
 .pstat b{font-size:20px}}



/* --- deniz filtresi --- */
body:has(#dz-karadeniz:checked) label[for="dz-karadeniz"],
body:has(#dz-marmara:checked) label[for="dz-marmara"],
body:has(#dz-ege:checked) label[for="dz-ege"],
body:has(#dz-akdeniz:checked) label[for="dz-akdeniz"]{background:#e3f0fb;border-color:transparent;
 color:var(--blue);font-weight:500}
body.night :is(body:has(#dz-karadeniz:checked) label[for="dz-karadeniz"],
 body:has(#dz-marmara:checked) label[for="dz-marmara"],
 body:has(#dz-ege:checked) label[for="dz-ege"],
 body:has(#dz-akdeniz:checked) label[for="dz-akdeniz"]){background:#16324a;color:#7cbcf0}
.seas{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.sea{font-size:11.5px;padding:4px 11px;border-radius:20px;background:#e3f0fb;color:#1257a5}
body.night .sea{background:#16324a;color:#8ec2f5}
/* --- yenilebilirlik --- */
.tag.eat-ok{background:#e6f4ea;color:#137333;border-color:transparent}
.tag.eat-warn{background:#fef7e0;color:#a35b00;border-color:transparent}
.tag.eat-no{background:#fce8e6;color:#b3261e;border-color:transparent}
body.night .tag.eat-ok{background:#173d26;color:#7ddc9c}
body.night .tag.eat-warn{background:#3d3111;color:#f0c455}
body.night .tag.eat-no{background:#3d1512;color:#ff8a7a}
.eat{border-radius:12px;padding:12px 15px;border:1px solid var(--line-soft);background:var(--bg)}
.eat .eh{font-weight:500;font-size:15px;margin-bottom:5px}
.eat p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink2)}
.eat.ok{background:#e6f4ea;border-color:#ceead6}.eat.ok .eh{color:#137333}
.eat.warn{background:#fef7e0;border-color:#feefc3}.eat.warn .eh{color:#a35b00}
.eat.no{background:#fce8e6;border-color:#f6c9c4}.eat.no .eh{color:#b3261e}
body.night .eat.ok{background:#173d26;border-color:#215034}
body.night .eat.warn{background:#3d3111;border-color:#54441a}
body.night .eat.no{background:#3d1512;border-color:#55201b}
body.night .eat.ok .eh{color:#7ddc9c}
body.night .eat.warn .eh{color:#f0c455}
body.night .eat.no .eh{color:#ff8a7a}
.loc{font-size:14.5px;line-height:1.6;color:var(--ink2)}


/* ---- av kaydı fotoğrafı ---- */
.fphoto{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.photobtn{display:inline-flex;align-items:center;gap:8px;border:1px dashed var(--line);
 background:var(--surface);color:var(--blue);border-radius:11px;padding:10px 14px;
 font-size:13.5px;cursor:pointer}
.photobtn:hover{background:var(--bg)}
.photobtn svg{width:17px;height:17px}
.photobtn input{display:none}
.fprev{position:relative;display:inline-flex}
.fprev img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.fdel{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;border:none;
 background:var(--red);color:#fff;font-size:14px;line-height:22px;cursor:pointer;padding:0}
.floading,.ferr{font-size:12.5px;color:var(--mut)}
.ferr{color:var(--red)}
.cthumb{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid var(--line);
 cursor:zoom-in;flex-shrink:0}
.imgview{position:fixed;inset:0;z-index:95;background:rgba(6,10,13,.92);display:flex;
 align-items:center;justify-content:center;padding:20px;cursor:zoom-out}
.imgview img{max-width:100%;max-height:100%;border-radius:12px;
 box-shadow:0 18px 50px rgba(0,0,0,.6)}

/* ================= SİTE DÜZENİ ================= */
:root{--wrap:1240px}
.appbar,.searchrow,.filterbar>summary,.fpanel,main,footer,.meta,.hero-in{
 padding-inline:max(clamp(14px,3vw,28px),(100% - var(--wrap))/2)}

/* ---- banner ---- */
.hero{position:relative;overflow:hidden;isolation:isolate;background:#0a4e78}
/* üstteki saydam bandın okunabilirliği için ince koyulaştırma */
.hero::before{content:"";position:absolute;top:0;left:0;right:0;
 height:calc(var(--barh) + 46px);z-index:0;pointer-events:none;
 background:linear-gradient(180deg,rgba(3,26,44,.55),rgba(3,26,44,.18) 55%,transparent)}
.hero-in{position:relative;z-index:1}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.hero-in{padding-top:44px;padding-bottom:40px;color:#fff;max-width:none}
.hbadge{display:inline-block;font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;
 background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);
 padding:6px 14px;border-radius:22px}
.hero h1{margin:16px 0 0;font-size:clamp(30px,5.2vw,50px);font-weight:400;line-height:1.08;
 letter-spacing:-1px;color:#fff}
.hero h1 em{font-style:normal;font-weight:500}
.hero p{margin:14px 0 0;max-width:60ch;font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.86)}
.hstats{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hs{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:14px;
 padding:11px 18px;min-width:92px}
.hs b{display:block;font-size:25px;font-weight:500;line-height:1.1}
.hs span{font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.78)}
body.night .hero{background:#062535}
body.kizil .hero{background:#2a1210}
body.kizil .hero-bg{filter:sepia(.9) saturate(2.4) hue-rotate(-20deg) brightness(.55)}
@media(max-width:560px){.hero-in{padding-top:30px;padding-bottom:28px}
 .hs{padding:9px 14px;min-width:78px}.hs b{font-size:21px}}

/* filtre çubuğu site genelinde yapışkan kalmasın, banner'dan sonra gelsin */
.searchrow{border-top:0}
footer{margin-top:8px}

/* ---- filtre paneli: başlıklar, sıfırlama ---- */
.frow-head{display:flex;align-items:center;gap:10px;margin-top:14px}
.flabel{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--dim);font-weight:500}
.resetbtn{margin-left:auto;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);
 background:var(--surface);color:var(--blue);border-radius:22px;padding:7px 14px;font-size:13px;
 font-family:var(--sans);cursor:pointer}
.resetbtn:hover{background:var(--bg)}
.resetbtn svg{width:15px;height:15px;stroke:currentColor}
.factive{margin-left:8px;font-size:11.5px;font-weight:500;color:#fff;background:var(--blue);
 border-radius:20px;padding:2px 9px;display:none}
.factive.on{display:inline-block}

/* ---- header biraz daha kalın ---- */
.appbar{padding:16px clamp(14px,3vw,30px)}
.logo{width:46px;height:46px}
.appbar .profbtn{height:42px;padding:0 16px}
.appbar .nightbtn{width:42px;height:42px}
@media(max-width:400px){.appbar{padding:13px 14px}}

/* ================= NADİRLİK RENKLERİ (tema duyarlı) ================= */
.t-siradan{--tc:#188038}
.t-nadir{--tc:#1a73e8}
.t-coknadir{--tc:#7b1fa2}
.t-efsanevi{--tc:#b07d00}
/* gece: yumuşatılmış, deniz laciverti üstünde göz almayan tonlar */
body.night .t-siradan{--tc:#63c08c}
body.night .t-nadir{--tc:#7ab6ea}
body.night .t-coknadir{--tc:#b492d8}
body.night .t-efsanevi{--tc:#d6b268}
/* kızıl mod: tüm vurgular amber-kızıl ailesinde */
body.kizil .t-siradan{--tc:#d9926a}
body.kizil .t-nadir{--tc:#e0a074}
body.kizil .t-coknadir{--tc:#e08a6a}
body.kizil .t-efsanevi{--tc:#e8b070}

/* ---- görsel alanı: gece modunda renk tintini bırak, nötr levha kullan ---- */
body.night .silwrap{background:#16303f;filter:none}
body.night .dhead{background:#16303f}
body.night .ph{filter:drop-shadow(0 4px 10px rgba(0,0,0,.55));opacity:.97}
body.night .card{border-color:#1f3b4f}
body.night .card .silwrap{border-bottom:1px solid rgba(255,255,255,.05)}
/* nadirlik rengini kart üstünde ince bir şeritle göster */
.card .silwrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
 background:var(--tc);opacity:.85}
body.kizil .silwrap{background:#2a1210}
body.kizil .dhead{background:#2a1210}

/* kart içi sadeleşti */
.info{padding-bottom:14px}

/* ================= UYGULAMA ÇUBUĞU ================= */
.appbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;
 background:var(--surface);border-bottom:1px solid var(--line-soft);
 padding:10px clamp(12px,3vw,28px);box-shadow:0 1px 2px rgba(60,64,67,.06)}
body.night .appbar{box-shadow:0 1px 0 rgba(0,0,0,.35)}
.brand{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.logo{width:40px;height:40px;flex-shrink:0;border-radius:12px}
.appbar .profbtn{height:38px;padding:0 14px;flex-shrink:0}
.appbar .nightbtn{width:38px;height:38px;flex-shrink:0}

/* ================= ARAMA + FİLTRE PANELİ ================= */
.searchrow{background:var(--surface);border-bottom:1px solid var(--line-soft);
 padding:10px clamp(12px,3vw,28px)}
.searchrow .searchwrap{display:block;width:100%;min-width:0}
body:not(.js) .searchrow{display:none}
.filterbar{background:var(--surface);border-bottom:1px solid var(--line-soft)}
.filterbar>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;
 padding:12px clamp(12px,3vw,28px);font-size:14px;color:var(--ink2);font-weight:500;
 -webkit-tap-highlight-color:transparent}
.filterbar>summary::-webkit-details-marker{display:none}
.filterbar>summary svg{width:17px;height:17px;stroke:currentColor}
.filterbar>summary::after{content:"▾";margin-left:auto;color:var(--dim);transition:transform .15s}
.filterbar[open]>summary::after{transform:rotate(180deg)}
.filterbar>summary:hover{background:var(--bg)}
.fpanel{padding:2px clamp(12px,3vw,28px) 14px;border-top:1px solid var(--line-soft)}
.fpanel .crow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:9px}
.fpanel .legend{margin:12px 0 2px}
.fpanel .famsel{margin-top:9px}

/* profil içindeki koleksiyon çubuğu */
.prof .progress{display:block;margin:16px 24px 0}
body.js .prof .progress{display:block}
@media(max-width:560px){
 .prof .progress{margin:14px 18px 0}
 .appbar .profbtn span{display:none}
 .appbar .profbtn{width:38px;padding:0}
}

/* --- nadirlik çipleri (4 kademe) --- */
body:has(#r-siradan:checked) label[for="r-siradan"],
body:has(#r-nadir:checked) label[for="r-nadir"],
body:has(#r-coknadir:checked) label[for="r-coknadir"],
body:has(#r-efsanevi:checked) label[for="r-efsanevi"]{background:var(--chipbg);border-color:transparent;font-weight:500}
body:has(#r-siradan:checked) label[for="r-siradan"]{color:#188038}
body:has(#r-nadir:checked) label[for="r-nadir"]{color:#1a73e8}
body:has(#r-coknadir:checked) label[for="r-coknadir"]{color:#7b1fa2}
body:has(#r-efsanevi:checked) label[for="r-efsanevi"]{color:#8a6200}
body.night:has(#r-coknadir:checked) label[for="r-coknadir"]{color:#c795e0}
body.night:has(#r-efsanevi:checked) label[for="r-efsanevi"]{color:#e0b95c}

/* --- tehlikeli / istilacı: ayrı künyeler --- */
.hazchip svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
body:has(#haz-yes:checked) label[for="haz-yes"]{background:#fce8e6;color:#b3261e;border-color:transparent;font-weight:500}
body.night:has(#haz-yes:checked) label[for="haz-yes"]{background:#3d1512;color:#ff8a7a}
body:has(#inv-yes:checked) label[for="inv-yes"]{background:#e0f2f4;color:#00636e;border-color:transparent;font-weight:500}
body.night:has(#inv-yes:checked) label[for="inv-yes"]{background:#12333a;color:#6fd0dc}
.inv{background:#00838f}
body.night .inv{background:#0097a7}
.legsep{margin-left:6px}
.ob.hazb{border-color:#d93025;color:#d93025}
.ob.hazb svg{width:14px;height:14px;stroke:#d93025;fill:none;stroke-width:2}
.ob.invb{border-color:#00838f;color:#00838f}
body.night .ob.hazb{border-color:#ff8574;color:#ff8574}
body.night .ob.hazb svg{stroke:#ff8574}
body.night .ob.invb{border-color:#4dd0e1;color:#4dd0e1}
.invbox{background:#e0f2f4;border-color:#b9dfe4}
.invbox .ih{color:#00636e}
body.night .invbox{background:#12333a;border-color:#1d4a54}
body.night .invbox .ih{color:#6fd0dc}

/* ================= GECE (DERİN DENİZ) TEMASI =================
   Koyu deniz laciverti; kontrast düşürülmüş, metin hafif sıcak tonda.
   Amaç: karanlıkta göz almaması ve ekranın etrafı aydınlatmaması. */
body.night{
 --bg:#0b1e2d;--surface:#12293b;--line:#24455e;--line-soft:#1b374c;
 --ink:#dbe7f0;--ink2:#b9cddb;--mut:#8ba7bb;--dim:#6d8a9e;
 --blue:#7cbcf0;--green:#5fc48d;--red:#ff8574;--yellow:#eab86a;
 --chipbg:#1b374c;--fieldbg:#16303f;
 --e1:0 1px 2px rgba(0,0,0,.45);--e2:0 2px 8px rgba(0,0,0,.5);--e3:0 8px 26px rgba(0,0,0,.62);
}
body.night .silwrap{filter:brightness(.9)}
body.night .ph{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) brightness(.92)}

/* ================= KIZIL MOD (gece görüşü) =================
   Mavi ışığı neredeyse tamamen keser; gözün karanlığa uyumunu korur.
   Teknede fenerle harita okur gibi. */
body.kizil{
 --bg:#150607;--surface:#210b0c;--line:#4a1e1c;--line-soft:#341312;
 --ink:#f0b8a8;--ink2:#d9a08f;--mut:#b3796a;--dim:#8d5b4f;
 --blue:#ff9d78;--green:#e0a878;--red:#ff7a5e;--yellow:#ffb066;
 --chipbg:#341312;--fieldbg:#2a0f0f;
 --e1:0 1px 2px rgba(0,0,0,.6);--e2:0 2px 8px rgba(0,0,0,.65);--e3:0 8px 26px rgba(0,0,0,.75);
}
body.kizil .silwrap,body.kizil .dhead{filter:sepia(.85) saturate(2.2) hue-rotate(-18deg) brightness(.62)}
body.kizil .ph{filter:sepia(.8) saturate(2) hue-rotate(-15deg) brightness(.75)}
body.kizil .lbimg{filter:sepia(.7) saturate(1.8) hue-rotate(-15deg) brightness(.7)}
body.kizil .lbscrim{background:#0a0303}
body.kizil .close{background:rgba(60,20,18,.85);color:#f0b8a8}
body.kizil .mo.l1{background:#4a2418}body.kizil .mo.l2{background:#8a4a2a;color:#1a0705}
body.kizil .slegend .k.l1{background:#4a2418}body.kizil .slegend .k.l2{background:#8a4a2a}
body.kizil .eat.ok,body.kizil .eat.warn,body.kizil .eat.no,
body.kizil .aid,body.kizil .warn,body.kizil .legal.ban{background:#2a0f0f;border-color:#4a1e1c}
body.kizil .eat .eh,body.kizil .warn b,body.kizil .ah{color:#ff9d78}
body.kizil .tag.eat-ok,body.kizil .tag.eat-warn,body.kizil .tag.eat-no,
body.kizil .sea,body.kizil .inv{background:#341312;color:#e8a184}
body.kizil .rank.m1{background:#8a5a1e;color:#1a0705}
body.kizil .rank.m2{background:#6b4a42;color:#f0d8cf}
body.kizil .rank.m3{background:#7a3a1e;color:#f5ded2}

/* ================= İSTİLACI TÜR ================= */
.inv{position:absolute;bottom:8px;left:12px;display:inline-flex;align-items:center;gap:5px;
 background:#00838f;color:#fff;font-size:11px;font-weight:500;padding:4px 10px 4px 8px;border-radius:20px}
.inv svg{width:12px;height:12px;stroke:#fff;fill:none}
body.night .inv{background:#0097a7}
.invbox{border-radius:12px;padding:12px 15px;background:#e0f2f4;border:1px solid #b9dfe4}
body.night .invbox{background:#12333a;border-color:#1d4a54}
.invbox .ih{display:flex;align-items:center;gap:9px;font-weight:500;font-size:15px;color:#00636e;margin-bottom:6px}
body.night .invbox .ih{color:#6fd0dc}
body.kizil .invbox{background:#2a0f0f;border-color:#4a1e1c}
body.kizil .invbox .ih{color:#ff9d78}
.invbox .ih svg{width:18px;height:18px;stroke:currentColor;fill:none}
.invbox p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink2)}
body:has(#inv-yes:checked) .card:not(.isinv){display:none}


body:has(#r-siradan:checked):not(:has(#r-nadir:checked)):not(:has(#r-coknadir:checked)):not(:has(#r-efsanevi:checked)) .card:not(.t-siradan){display:none}
body:has(#r-nadir:checked):not(:has(#r-siradan:checked)):not(:has(#r-coknadir:checked)):not(:has(#r-efsanevi:checked)) .card:not(.t-nadir){display:none}
body:has(#r-coknadir:checked):not(:has(#r-siradan:checked)):not(:has(#r-nadir:checked)):not(:has(#r-efsanevi:checked)) .card:not(.t-coknadir){display:none}
body:has(#r-efsanevi:checked):not(:has(#r-siradan:checked)):not(:has(#r-nadir:checked)):not(:has(#r-coknadir:checked)) .card:not(.t-efsanevi){display:none}
body:has(#r-siradan:checked):has(#r-nadir:checked):not(:has(#r-coknadir:checked)):not(:has(#r-efsanevi:checked)) .card:not(.t-siradan):not(.t-nadir){display:none}
body:has(#r-siradan:checked):has(#r-coknadir:checked):not(:has(#r-nadir:checked)):not(:has(#r-efsanevi:checked)) .card:not(.t-siradan):not(.t-coknadir){display:none}
body:has(#r-siradan:checked):has(#r-efsanevi:checked):not(:has(#r-nadir:checked)):not(:has(#r-coknadir:checked)) .card:not(.t-siradan):not(.t-efsanevi){display:none}
body:has(#r-nadir:checked):has(#r-coknadir:checked):not(:has(#r-siradan:checked)):not(:has(#r-efsanevi:checked)) .card:not(.t-nadir):not(.t-coknadir){display:none}
body:has(#r-nadir:checked):has(#r-efsanevi:checked):not(:has(#r-siradan:checked)):not(:has(#r-coknadir:checked)) .card:not(.t-nadir):not(.t-efsanevi){display:none}
body:has(#r-coknadir:checked):has(#r-efsanevi:checked):not(:has(#r-siradan:checked)):not(:has(#r-nadir:checked)) .card:not(.t-coknadir):not(.t-efsanevi){display:none}
body:has(#r-siradan:checked):has(#r-nadir:checked):has(#r-coknadir:checked):not(:has(#r-efsanevi:checked)) .card:not(.t-siradan):not(.t-nadir):not(.t-coknadir){display:none}
body:has(#r-siradan:checked):has(#r-nadir:checked):has(#r-efsanevi:checked):not(:has(#r-coknadir:checked)) .card:not(.t-siradan):not(.t-nadir):not(.t-efsanevi){display:none}
body:has(#r-siradan:checked):has(#r-coknadir:checked):has(#r-efsanevi:checked):not(:has(#r-nadir:checked)) .card:not(.t-siradan):not(.t-coknadir):not(.t-efsanevi){display:none}
body:has(#r-nadir:checked):has(#r-coknadir:checked):has(#r-efsanevi:checked):not(:has(#r-siradan:checked)) .card:not(.t-nadir):not(.t-coknadir):not(.t-efsanevi){display:none}
body:has(#r-siradan:checked):has(#r-nadir:checked):has(#r-coknadir:checked):has(#r-efsanevi:checked) .card:not(.t-siradan):not(.t-nadir):not(.t-coknadir):not(.t-efsanevi){display:none}
body:has(#dz-karadeniz:checked):not(:has(#dz-marmara:checked)):not(:has(#dz-ege:checked)):not(:has(#dz-akdeniz:checked)) .card:not(.dz-karadeniz){display:none}
body:has(#dz-marmara:checked):not(:has(#dz-karadeniz:checked)):not(:has(#dz-ege:checked)):not(:has(#dz-akdeniz:checked)) .card:not(.dz-marmara){display:none}
body:has(#dz-ege:checked):not(:has(#dz-karadeniz:checked)):not(:has(#dz-marmara:checked)):not(:has(#dz-akdeniz:checked)) .card:not(.dz-ege){display:none}
body:has(#dz-akdeniz:checked):not(:has(#dz-karadeniz:checked)):not(:has(#dz-marmara:checked)):not(:has(#dz-ege:checked)) .card:not(.dz-akdeniz){display:none}
body:has(#dz-karadeniz:checked):has(#dz-marmara:checked):not(:has(#dz-ege:checked)):not(:has(#dz-akdeniz:checked)) .card:not(.dz-karadeniz):not(.dz-marmara){display:none}
body:has(#dz-karadeniz:checked):has(#dz-ege:checked):not(:has(#dz-marmara:checked)):not(:has(#dz-akdeniz:checked)) .card:not(.dz-karadeniz):not(.dz-ege){display:none}
body:has(#dz-karadeniz:checked):has(#dz-akdeniz:checked):not(:has(#dz-marmara:checked)):not(:has(#dz-ege:checked)) .card:not(.dz-karadeniz):not(.dz-akdeniz){display:none}
body:has(#dz-marmara:checked):has(#dz-ege:checked):not(:has(#dz-karadeniz:checked)):not(:has(#dz-akdeniz:checked)) .card:not(.dz-marmara):not(.dz-ege){display:none}
body:has(#dz-marmara:checked):has(#dz-akdeniz:checked):not(:has(#dz-karadeniz:checked)):not(:has(#dz-ege:checked)) .card:not(.dz-marmara):not(.dz-akdeniz){display:none}
body:has(#dz-ege:checked):has(#dz-akdeniz:checked):not(:has(#dz-karadeniz:checked)):not(:has(#dz-marmara:checked)) .card:not(.dz-ege):not(.dz-akdeniz){display:none}
body:has(#dz-karadeniz:checked):has(#dz-marmara:checked):has(#dz-ege:checked):not(:has(#dz-akdeniz:checked)) .card:not(.dz-karadeniz):not(.dz-marmara):not(.dz-ege){display:none}
body:has(#dz-karadeniz:checked):has(#dz-marmara:checked):has(#dz-akdeniz:checked):not(:has(#dz-ege:checked)) .card:not(.dz-karadeniz):not(.dz-marmara):not(.dz-akdeniz){display:none}
body:has(#dz-karadeniz:checked):has(#dz-ege:checked):has(#dz-akdeniz:checked):not(:has(#dz-marmara:checked)) .card:not(.dz-karadeniz):not(.dz-ege):not(.dz-akdeniz){display:none}
body:has(#dz-marmara:checked):has(#dz-ege:checked):has(#dz-akdeniz:checked):not(:has(#dz-karadeniz:checked)) .card:not(.dz-marmara):not(.dz-ege):not(.dz-akdeniz){display:none}
body:has(#dz-karadeniz:checked):has(#dz-marmara:checked):has(#dz-ege:checked):has(#dz-akdeniz:checked) .card:not(.dz-karadeniz):not(.dz-marmara):not(.dz-ege):not(.dz-akdeniz){display:none}
body:has(#fam-acipenseridae:checked) .card:not(.fm-acipenseridae){display:none}
body:has(#fam-anguillidae:checked) .card:not(.fm-anguillidae){display:none}
body:has(#fam-atherinidae:checked) .card:not(.fm-atherinidae){display:none}
body:has(#fam-belonidae:checked) .card:not(.fm-belonidae){display:none}
body:has(#fam-blenniidae:checked) .card:not(.fm-blenniidae){display:none}
body:has(#fam-carangidae:checked) .card:not(.fm-carangidae){display:none}
body:has(#fam-clupeidae:checked) .card:not(.fm-clupeidae){display:none}
body:has(#fam-congridae:checked) .card:not(.fm-congridae){display:none}
body:has(#fam-coryphaenidae:checked) .card:not(.fm-coryphaenidae){display:none}
body:has(#fam-dasyatidae:checked) .card:not(.fm-dasyatidae){display:none}
body:has(#fam-engraulidae:checked) .card:not(.fm-engraulidae){display:none}
body:has(#fam-fistulariidae:checked) .card:not(.fm-fistulariidae){display:none}
body:has(#fam-gadidae:checked) .card:not(.fm-gadidae){display:none}
body:has(#fam-gobiidae:checked) .card:not(.fm-gobiidae){display:none}
body:has(#fam-holocentridae:checked) .card:not(.fm-holocentridae){display:none}
body:has(#fam-labridae:checked) .card:not(.fm-labridae){display:none}
body:has(#fam-loliginidae:checked) .card:not(.fm-loliginidae){display:none}
body:has(#fam-lophiidae:checked) .card:not(.fm-lophiidae){display:none}
body:has(#fam-merlucciidae:checked) .card:not(.fm-merlucciidae){display:none}
body:has(#fam-molidae:checked) .card:not(.fm-molidae){display:none}
body:has(#fam-monacanthidae:checked) .card:not(.fm-monacanthidae){display:none}
body:has(#fam-moronidae:checked) .card:not(.fm-moronidae){display:none}
body:has(#fam-mugilidae:checked) .card:not(.fm-mugilidae){display:none}
body:has(#fam-mullidae:checked) .card:not(.fm-mullidae){display:none}
body:has(#fam-muraenidae:checked) .card:not(.fm-muraenidae){display:none}
body:has(#fam-myliobatidae:checked) .card:not(.fm-myliobatidae){display:none}
body:has(#fam-nemipteridae:checked) .card:not(.fm-nemipteridae){display:none}
body:has(#fam-octopodidae:checked) .card:not(.fm-octopodidae){display:none}
body:has(#fam-phycidae:checked) .card:not(.fm-phycidae){display:none}
body:has(#fam-pleuronectidae:checked) .card:not(.fm-pleuronectidae){display:none}
body:has(#fam-plotosidae:checked) .card:not(.fm-plotosidae){display:none}
body:has(#fam-pomacentridae:checked) .card:not(.fm-pomacentridae){display:none}
body:has(#fam-pomatomidae:checked) .card:not(.fm-pomatomidae){display:none}
body:has(#fam-rajidae:checked) .card:not(.fm-rajidae){display:none}
body:has(#fam-rhinobatidae:checked) .card:not(.fm-rhinobatidae){display:none}
body:has(#fam-sciaenidae:checked) .card:not(.fm-sciaenidae){display:none}
body:has(#fam-scombridae:checked) .card:not(.fm-scombridae){display:none}
body:has(#fam-scophthalmidae:checked) .card:not(.fm-scophthalmidae){display:none}
body:has(#fam-scorpaenidae:checked) .card:not(.fm-scorpaenidae){display:none}
body:has(#fam-scyliorhinidae:checked) .card:not(.fm-scyliorhinidae){display:none}
body:has(#fam-sepiidae:checked) .card:not(.fm-sepiidae){display:none}
body:has(#fam-serranidae:checked) .card:not(.fm-serranidae){display:none}
body:has(#fam-siganidae:checked) .card:not(.fm-siganidae){display:none}
body:has(#fam-soleidae:checked) .card:not(.fm-soleidae){display:none}
body:has(#fam-sparidae:checked) .card:not(.fm-sparidae){display:none}
body:has(#fam-sphyraenidae:checked) .card:not(.fm-sphyraenidae){display:none}
body:has(#fam-syngnathidae:checked) .card:not(.fm-syngnathidae){display:none}
body:has(#fam-synodontidae:checked) .card:not(.fm-synodontidae){display:none}
body:has(#fam-tetraodontidae:checked) .card:not(.fm-tetraodontidae){display:none}
body:has(#fam-torpedinidae:checked) .card:not(.fm-torpedinidae){display:none}
body:has(#fam-trachinidae:checked) .card:not(.fm-trachinidae){display:none}
body:has(#fam-triakidae:checked) .card:not(.fm-triakidae){display:none}
body:has(#fam-triglidae:checked) .card:not(.fm-triglidae){display:none}
body:has(#fam-uranoscopidae:checked) .card:not(.fm-uranoscopidae){display:none}
body:has(#fam-xiphiidae:checked) .card:not(.fm-xiphiidae){display:none}
body:has(#fam-zeidae:checked) .card:not(.fm-zeidae){display:none}
body:has(#fam-alopiidae:checked) .card:not(.fm-alopiidae){display:none}
body:has(#fam-cetorhinidae:checked) .card:not(.fm-cetorhinidae){display:none}
body:has(#fam-echinorhinidae:checked) .card:not(.fm-echinorhinidae){display:none}
body:has(#fam-glaucostegidae:checked) .card:not(.fm-glaucostegidae){display:none}
body:has(#fam-hexanchidae:checked) .card:not(.fm-hexanchidae){display:none}
body:has(#fam-lamnidae:checked) .card:not(.fm-lamnidae){display:none}
body:has(#fam-mobulidae:checked) .card:not(.fm-mobulidae){display:none}
body:has(#fam-oxynotidae:checked) .card:not(.fm-oxynotidae){display:none}
body:has(#fam-sphyrnidae:checked) .card:not(.fm-sphyrnidae){display:none}
body:has(#fam-salmonidae:checked) .card:not(.fm-salmonidae){display:none}
body:has(#fam-lotidae:checked) .card:not(.fm-lotidae){display:none}
body:has(#fam-cynoglossidae:checked) .card:not(.fm-cynoglossidae){display:none}
body:has(#fam-apogonidae:checked) .card:not(.fm-apogonidae){display:none}
body:has(#fam-ammodytidae:checked) .card:not(.fm-ammodytidae){display:none}
body:has(#fam-anthiadidae:checked) .card:not(.fm-anthiadidae){display:none}
body:has(#fam-bothidae:checked) .card:not(.fm-bothidae){display:none}
body:has(#fam-citharidae:checked) .card:not(.fm-citharidae){display:none}
body:has(#fam-pempheridae:checked) .card:not(.fm-pempheridae){display:none}
body:has(#fam-exocoetidae:checked) .card:not(.fm-exocoetidae){display:none}
body:has(#fam-platycephalidae:checked) .card:not(.fm-platycephalidae){display:none}
body:has(#fam-callionymidae:checked) .card:not(.fm-callionymidae){display:none}
body:has(#fam-scaridae:checked) .card:not(.fm-scaridae){display:none}
body:has(#fam-trichiuridae:checked) .card:not(.fm-trichiuridae){display:none}
body:has(#fam-gymnuridae:checked) .card:not(.fm-gymnuridae){display:none}
body:has(#fam-squatinidae:checked) .card:not(.fm-squatinidae){display:none}
body:has(#fam-rachycentridae:checked) .card:not(.fm-rachycentridae){display:none}
body:has(#fam-sillaginidae:checked) .card:not(.fm-sillaginidae){display:none}
body:has(#fam-squalidae:checked) .card:not(.fm-squalidae){display:none}
body:has(#fam-ostraciidae:checked) .card:not(.fm-ostraciidae){display:none}
body:has(#fam-carcharhinidae:checked) .card:not(.fm-carcharhinidae){display:none}
body:has(#fam-terapontidae:checked) .card:not(.fm-terapontidae){display:none}
body:has(#fam-ommastrephidae:checked) .card:not(.fm-ommastrephidae){display:none}
body:has(#fam-leiognathidae:checked) .card:not(.fm-leiognathidae){display:none}
body:has(#fam-hemiramphidae:checked) .card:not(.fm-hemiramphidae){display:none}
body:has(#haz-yes:checked) .card:not(.ishaz){display:none}
.p1{background-image:url(img/p1.webp)}.ph.p1{aspect-ratio:2.212}.lbimg.p1{aspect-ratio:2.212}
.p2{background-image:url(img/p2.webp)}.ph.p2{aspect-ratio:1.974}.lbimg.p2{aspect-ratio:1.974}
.p3{background-image:url(img/p3.webp)}.ph.p3{aspect-ratio:1.893}.lbimg.p3{aspect-ratio:1.893}
.p4{background-image:url(img/p4.webp)}.ph.p4{aspect-ratio:1.833}.lbimg.p4{aspect-ratio:1.833}
.p5{background-image:url(img/p5.webp)}.ph.p5{aspect-ratio:1.750}.lbimg.p5{aspect-ratio:1.597}
.p6{background-image:url(img/p6.webp)}.ph.p6{aspect-ratio:1.811}.lbimg.p6{aspect-ratio:1.811}
.p7{background-image:url(img/p7.webp)}.ph.p7{aspect-ratio:2.289}.lbimg.p7{aspect-ratio:2.289}
.p8{background-image:url(img/p8.webp)}.ph.p8{aspect-ratio:2.323}.lbimg.p8{aspect-ratio:2.323}
.p9{background-image:url(img/p9.webp)}.ph.p9{aspect-ratio:1.893}.lbimg.p9{aspect-ratio:1.893}
.p10{background-image:url(img/p10.webp)}.ph.p10{aspect-ratio:1.804}.lbimg.p10{aspect-ratio:1.804}
.p11{background-image:url(img/p11.webp)}.ph.p11{aspect-ratio:2.054}.lbimg.p11{aspect-ratio:2.054}
.p12{background-image:url(img/p12.webp)}.ph.p12{aspect-ratio:1.957}.lbimg.p12{aspect-ratio:1.957}
.p13{background-image:url(img/p13.webp)}.ph.p13{aspect-ratio:1.855}.lbimg.p13{aspect-ratio:1.855}
.p14{background-image:url(img/p14.webp)}.ph.p14{aspect-ratio:1.811}.lbimg.p14{aspect-ratio:1.811}
.p15{background-image:url(img/p15.webp)}.ph.p15{aspect-ratio:2.044}.lbimg.p15{aspect-ratio:2.044}
.p16{background-image:url(img/p16.webp)}.ph.p16{aspect-ratio:2.190}.lbimg.p16{aspect-ratio:2.190}
.p17{background-image:url(img/p17.webp)}.ph.p17{aspect-ratio:2.081}.lbimg.p17{aspect-ratio:2.081}
.p18{background-image:url(img/p18.webp)}.ph.p18{aspect-ratio:2.674}.lbimg.p18{aspect-ratio:2.674}
.p19{background-image:url(img/p19.webp)}.ph.p19{aspect-ratio:2.312}.lbimg.p19{aspect-ratio:2.312}
.p20{background-image:url(img/p20.webp)}.ph.p20{aspect-ratio:2.644}.lbimg.p20{aspect-ratio:2.644}
.p21{background-image:url(img/p21.webp)}.ph.p21{aspect-ratio:2.140}.lbimg.p21{aspect-ratio:2.140}
.p22{background-image:url(img/p22.webp)}.ph.p22{aspect-ratio:2.754}.lbimg.p22{aspect-ratio:2.754}
.p23{background-image:url(img/p23.webp)}.ph.p23{aspect-ratio:2.447}.lbimg.p23{aspect-ratio:2.447}
.p24{background-image:url(img/p24.webp)}.ph.p24{aspect-ratio:2.447}.lbimg.p24{aspect-ratio:2.447}
.p25{background-image:url(img/p25.webp)}.ph.p25{aspect-ratio:2.754}.lbimg.p25{aspect-ratio:2.754}
.p26{background-image:url(img/p26.webp)}.ph.p26{aspect-ratio:2.599}.lbimg.p26{aspect-ratio:2.599}
.p27{background-image:url(img/p27.webp)}.ph.p27{aspect-ratio:2.722}.lbimg.p27{aspect-ratio:2.722}
.p28{background-image:url(img/p28.webp)}.ph.p28{aspect-ratio:2.599}.lbimg.p28{aspect-ratio:2.599}
.p29{background-image:url(img/p29.webp)}.ph.p29{aspect-ratio:2.447}.lbimg.p29{aspect-ratio:2.447}
.p30{background-image:url(img/p30.webp)}.ph.p30{aspect-ratio:2.584}.lbimg.p30{aspect-ratio:2.584}
.p31{background-image:url(img/p31.webp)}.ph.p31{aspect-ratio:1.818}.lbimg.p31{aspect-ratio:1.818}
.p32{background-image:url(img/p32.webp)}.ph.p32{aspect-ratio:2.674}.lbimg.p32{aspect-ratio:2.674}
.p33{background-image:url(img/p33.webp)}.ph.p33{aspect-ratio:2.170}.lbimg.p33{aspect-ratio:2.170}
.p34{background-image:url(img/p34.webp)}.ph.p34{aspect-ratio:2.614}.lbimg.p34{aspect-ratio:2.614}
.p35{background-image:url(img/p35.webp)}.ph.p35{aspect-ratio:3.300}.lbimg.p35{aspect-ratio:3.651}
.p36{background-image:url(img/p36.webp)}.ph.p36{aspect-ratio:3.300}.lbimg.p36{aspect-ratio:3.740}
.p37{background-image:url(img/p37.webp)}.ph.p37{aspect-ratio:3.300}.lbimg.p37{aspect-ratio:3.898}
.p38{background-image:url(img/p38.webp)}.ph.p38{aspect-ratio:3.007}.lbimg.p38{aspect-ratio:3.007}
.p39{background-image:url(img/p39.webp)}.ph.p39{aspect-ratio:3.300}.lbimg.p39{aspect-ratio:3.966}
.p40{background-image:url(img/p40.webp)}.ph.p40{aspect-ratio:3.286}.lbimg.p40{aspect-ratio:3.286}
.p41{background-image:url(img/p41.webp)}.ph.p41{aspect-ratio:2.930}.lbimg.p41{aspect-ratio:2.930}
.p42{background-image:url(img/p42.webp)}.ph.p42{aspect-ratio:2.987}.lbimg.p42{aspect-ratio:2.987}
.p43{background-image:url(img/p43.webp)}.ph.p43{aspect-ratio:3.300}.lbimg.p43{aspect-ratio:7.797}
.p44{background-image:url(img/p44.webp)}.ph.p44{aspect-ratio:1.949}.lbimg.p44{aspect-ratio:1.949}
.p45{background-image:url(img/p45.webp)}.ph.p45{aspect-ratio:1.991}.lbimg.p45{aspect-ratio:1.991}
.p46{background-image:url(img/p46.webp)}.ph.p46{aspect-ratio:2.018}.lbimg.p46{aspect-ratio:2.018}
.p47{background-image:url(img/p47.webp)}.ph.p47{aspect-ratio:3.300}.lbimg.p47{aspect-ratio:3.651}
.p48{background-image:url(img/p48.webp)}.ph.p48{aspect-ratio:2.840}.lbimg.p48{aspect-ratio:2.840}
.p49{background-image:url(img/p49.webp)}.ph.p49{aspect-ratio:3.300}.lbimg.p49{aspect-ratio:4.000}
.p50{background-image:url(img/p50.webp)}.ph.p50{aspect-ratio:3.300}.lbimg.p50{aspect-ratio:3.382}
.p51{background-image:url(img/p51.webp)}.ph.p51{aspect-ratio:2.359}.lbimg.p51{aspect-ratio:2.359}
.p52{background-image:url(img/p52.webp)}.ph.p52{aspect-ratio:3.300}.lbimg.p52{aspect-ratio:4.259}
.p53{background-image:url(img/p53.webp)}.ph.p53{aspect-ratio:3.286}.lbimg.p53{aspect-ratio:3.286}
.p54{background-image:url(img/p54.webp)}.ph.p54{aspect-ratio:2.771}.lbimg.p54{aspect-ratio:2.771}
.p55{background-image:url(img/p55.webp)}.ph.p55{aspect-ratio:2.857}.lbimg.p55{aspect-ratio:2.857}
.p56{background-image:url(img/p56.webp)}.ph.p56{aspect-ratio:2.266}.lbimg.p56{aspect-ratio:2.266}
.p57{background-image:url(img/p57.webp)}.ph.p57{aspect-ratio:2.805}.lbimg.p57{aspect-ratio:2.805}
.p58{background-image:url(img/p58.webp)}.ph.p58{aspect-ratio:2.644}.lbimg.p58{aspect-ratio:2.644}
.p59{background-image:url(img/p59.webp)}.ph.p59{aspect-ratio:2.644}.lbimg.p59{aspect-ratio:2.644}
.p60{background-image:url(img/p60.webp)}.ph.p60{aspect-ratio:3.067}.lbimg.p60{aspect-ratio:3.067}
.p61{background-image:url(img/p61.webp)}.ph.p61{aspect-ratio:3.300}.lbimg.p61{aspect-ratio:4.220}
.p62{background-image:url(img/p62.webp)}.ph.p62{aspect-ratio:3.300}.lbimg.p62{aspect-ratio:4.107}
.p63{background-image:url(img/p63.webp)}.ph.p63{aspect-ratio:3.300}.lbimg.p63{aspect-ratio:3.566}
.p64{background-image:url(img/p64.webp)}.ph.p64{aspect-ratio:3.067}.lbimg.p64{aspect-ratio:3.067}
.p65{background-image:url(img/p65.webp)}.ph.p65{aspect-ratio:3.067}.lbimg.p65{aspect-ratio:3.067}
.p66{background-image:url(img/p66.webp)}.ph.p66{aspect-ratio:3.217}.lbimg.p66{aspect-ratio:3.217}
.p67{background-image:url(img/p67.webp)}.ph.p67{aspect-ratio:2.968}.lbimg.p67{aspect-ratio:2.968}
.p68{background-image:url(img/p68.webp)}.ph.p68{aspect-ratio:3.067}.lbimg.p68{aspect-ratio:3.067}
.p69{background-image:url(img/p69.webp)}.ph.p69{aspect-ratio:1.750}.lbimg.p69{aspect-ratio:1.513}
.p70{background-image:url(img/p70.webp)}.ph.p70{aspect-ratio:3.108}.lbimg.p70{aspect-ratio:3.108}
.p71{background-image:url(img/p71.webp)}.ph.p71{aspect-ratio:1.750}.lbimg.p71{aspect-ratio:1.442}
.p72{background-image:url(img/p72.webp)}.ph.p72{aspect-ratio:2.408}.lbimg.p72{aspect-ratio:2.408}
.p73{background-image:url(img/p73.webp)}.ph.p73{aspect-ratio:3.300}.lbimg.p73{aspect-ratio:4.071}
.p74{background-image:url(img/p74.webp)}.ph.p74{aspect-ratio:3.300}.lbimg.p74{aspect-ratio:4.510}
.p75{background-image:url(img/p75.webp)}.ph.p75{aspect-ratio:3.300}.lbimg.p75{aspect-ratio:4.035}
.p76{background-image:url(img/p76.webp)}.ph.p76{aspect-ratio:2.421}.lbimg.p76{aspect-ratio:2.421}
.p77{background-image:url(img/p77.webp)}.ph.p77{aspect-ratio:2.706}.lbimg.p77{aspect-ratio:2.706}
.p78{background-image:url(img/p78.webp)}.ph.p78{aspect-ratio:2.140}.lbimg.p78{aspect-ratio:2.140}
.p79{background-image:url(img/p79.webp)}.ph.p79{aspect-ratio:3.300}.lbimg.p79{aspect-ratio:4.340}
.p80{background-image:url(img/p80.webp)}.ph.p80{aspect-ratio:3.300}.lbimg.p80{aspect-ratio:3.566}
.p81{background-image:url(img/p81.webp)}.ph.p81{aspect-ratio:3.300}.lbimg.p81{aspect-ratio:4.466}
.p82{background-image:url(img/p82.webp)}.ph.p82{aspect-ratio:1.870}.lbimg.p82{aspect-ratio:1.870}
.p83{background-image:url(img/p83.webp)}.ph.p83{aspect-ratio:2.674}.lbimg.p83{aspect-ratio:2.674}
.p84{background-image:url(img/p84.webp)}.ph.p84{aspect-ratio:1.991}.lbimg.p84{aspect-ratio:1.991}
.p85{background-image:url(img/p85.webp)}.ph.p85{aspect-ratio:1.750}.lbimg.p85{aspect-ratio:1.631}
.p86{background-image:url(img/p86.webp)}.ph.p86{aspect-ratio:1.750}.lbimg.p86{aspect-ratio:1.716}
.p87{background-image:url(img/p87.webp)}.ph.p87{aspect-ratio:3.300}.lbimg.p87{aspect-ratio:3.833}
.p88{background-image:url(img/p88.webp)}.ph.p88{aspect-ratio:1.909}.lbimg.p88{aspect-ratio:1.909}
.p89{background-image:url(img/p89.webp)}.ph.p89{aspect-ratio:3.239}.lbimg.p89{aspect-ratio:3.239}
.p90{background-image:url(img/p90.webp)}.ph.p90{aspect-ratio:3.300}.lbimg.p90{aspect-ratio:3.594}
.p91{background-image:url(img/p91.webp)}.ph.p91{aspect-ratio:2.556}.lbimg.p91{aspect-ratio:2.556}
.p92{background-image:url(img/p92.webp)}.ph.p92{aspect-ratio:2.893}.lbimg.p92{aspect-ratio:2.893}
.p93{background-image:url(img/p93.webp)}.ph.p93{aspect-ratio:2.556}.lbimg.p93{aspect-ratio:2.556}
.p94{background-image:url(img/p94.webp)}.ph.p94{aspect-ratio:2.312}.lbimg.p94{aspect-ratio:2.312}
.p95{background-image:url(img/p95.webp)}.ph.p95{aspect-ratio:2.222}.lbimg.p95{aspect-ratio:2.222}
.p96{background-image:url(img/p96.webp)}.ph.p96{aspect-ratio:1.750}.lbimg.p96{aspect-ratio:1.420}
.p97{background-image:url(img/p97.webp)}.ph.p97{aspect-ratio:3.300}.lbimg.p97{aspect-ratio:3.833}
.p98{background-image:url(img/p98.webp)}.ph.p98{aspect-ratio:3.300}.lbimg.p98{aspect-ratio:3.802}
.p99{background-image:url(img/p99.webp)}.ph.p99{aspect-ratio:1.750}.lbimg.p99{aspect-ratio:0.922}
.p100{background-image:url(img/p100.webp)}.ph.p100{aspect-ratio:3.300}.lbimg.p100{aspect-ratio:3.309}
.p101{background-image:url(img/p101.webp)}.ph.p101{aspect-ratio:2.875}.lbimg.p101{aspect-ratio:2.875}
.p102{background-image:url(img/p102.webp)}.ph.p102{aspect-ratio:1.750}.lbimg.p102{aspect-ratio:0.551}
.p103{background-image:url(img/p103.webp)}.ph.p103{aspect-ratio:2.000}.lbimg.p103{aspect-ratio:2.000}
.p104{background-image:url(img/p104.webp)}.ph.p104{aspect-ratio:3.300}.lbimg.p104{aspect-ratio:3.433}
.p105{background-image:url(img/p105.webp)}.ph.p105{aspect-ratio:3.239}.lbimg.p105{aspect-ratio:3.239}
.p106{background-image:url(img/p106.webp)}.ph.p106{aspect-ratio:1.825}.lbimg.p106{aspect-ratio:1.825}
.p107{background-image:url(img/p107.webp)}.ph.p107{aspect-ratio:2.359}.lbimg.p107{aspect-ratio:2.359}
.p108{background-image:url(img/p108.webp)}.ph.p108{aspect-ratio:2.570}.lbimg.p108{aspect-ratio:2.570}
.p109{background-image:url(img/p109.webp)}.ph.p109{aspect-ratio:2.527}.lbimg.p109{aspect-ratio:2.527}
.p110{background-image:url(img/p110.webp)}.ph.p110{aspect-ratio:3.300}.lbimg.p110{aspect-ratio:3.566}
.p111{background-image:url(img/p111.webp)}.ph.p111{aspect-ratio:3.286}.lbimg.p111{aspect-ratio:3.286}
.p112{background-image:url(img/p112.webp)}.ph.p112{aspect-ratio:3.300}.lbimg.p112{aspect-ratio:3.833}
.p113{background-image:url(img/p113.webp)}.ph.p113{aspect-ratio:1.750}.lbimg.p113{aspect-ratio:1.723}
.p114{background-image:url(img/p114.webp)}.ph.p114{aspect-ratio:2.347}.lbimg.p114{aspect-ratio:2.347}
.p115{background-image:url(img/p115.webp)}.ph.p115{aspect-ratio:3.300}.lbimg.p115{aspect-ratio:3.833}
.p116{background-image:url(img/p116.webp)}.ph.p116{aspect-ratio:2.072}.lbimg.p116{aspect-ratio:2.072}
.p117{background-image:url(img/p117.webp)}.ph.p117{aspect-ratio:3.194}.lbimg.p117{aspect-ratio:3.194}
.p118{background-image:url(img/p118.webp)}.ph.p118{aspect-ratio:3.300}.lbimg.p118{aspect-ratio:4.423}
.p119{background-image:url(img/p119.webp)}.ph.p119{aspect-ratio:2.421}.lbimg.p119{aspect-ratio:2.421}
.p120{background-image:url(img/p120.webp)}.ph.p120{aspect-ratio:3.300}.lbimg.p120{aspect-ratio:3.802}
.p121{background-image:url(img/p121.webp)}.ph.p121{aspect-ratio:3.300}.lbimg.p121{aspect-ratio:3.932}
.p122{background-image:url(img/p122.webp)}.ph.p122{aspect-ratio:3.239}.lbimg.p122{aspect-ratio:3.239}






/* künye/tam ekran: JS ile sınıf üzerinden açılır (çapa kullanılmaz) */
.detail.on{display:block}
.lb.on{display:flex;align-items:center;justify-content:center}
body.modal-open{overflow:hidden}


/* ================= BANNER (yüklenen görsel) ================= */
.hero{position:relative;overflow:hidden;background:#eef2f5;line-height:0}
.hero::before{content:none}
.heroimg{display:block;width:100%;height:auto;object-fit:cover;object-position:left center}
/* üstteki saydam bandın okunması için çok hafif açık perde */
.hero::after{content:"";position:absolute;top:0;left:0;right:0;height:calc(var(--barh) + 20px);
 background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.22) 60%,transparent);
 pointer-events:none}
@media(max-width:900px){.heroimg{height:230px;object-position:12% center}}
@media(max-width:560px){.heroimg{height:190px;object-position:14% center}}

/* üst bant: tepedeyken tamamen saydam, marka gizli (banner kendi logosunu taşıyor) */
body.js .appbar.attop{background:transparent;border-bottom-color:transparent;box-shadow:none}
body.js .appbar.attop .brand{opacity:0;pointer-events:none}
.appbar .brand{transition:opacity .25s}
body.js .appbar.attop .profbtn,
body.js .appbar.attop .nightbtn{background:rgba(255,255,255,.82);border-color:rgba(10,40,60,.14);
 color:#0b3a52;backdrop-filter:blur(6px)}
body.js .appbar.attop .profbtn:hover,
body.js .appbar.attop .nightbtn:hover{background:#fff}

body.night .hero{background:#0b1e2d}
body.night .heroimg{filter:brightness(.82) saturate(.9)}
body.night .hero::after{background:linear-gradient(180deg,rgba(11,30,45,.55),transparent)}
body.night body.js .appbar.attop .profbtn{background:rgba(18,41,59,.85);color:#dbe7f0}
body.kizil .heroimg{filter:sepia(.85) saturate(2) hue-rotate(-18deg) brightness(.6)}
body.kizil .hero{background:#150607}

/* ================= ÜST BANT + BANNER KAYNAŞMASI ================= */
:root{--barh:74px}
@media(max-width:560px){:root{--barh:64px}}
.appbar{position:fixed;top:0;left:0;right:0;z-index:50;
 background:var(--surface);border-bottom:1px solid var(--line-soft);
 transition:background .25s,border-color .25s,box-shadow .25s,color .25s}
/* sayfanın en üstündeyken bant saydam: banner'ın üstüne oturur, ayrı bir şerit görünmez */
body.js .appbar.attop{background:transparent;border-bottom-color:transparent;box-shadow:none;color:#fff}
.appbar.attop .profbtn{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.28);color:#fff}
.appbar.attop .profbtn:hover{background:rgba(255,255,255,.24)}
.appbar.attop .nightbtn{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.28);color:#fff}
.appbar.attop .nightbtn:hover{background:rgba(255,255,255,.24)}
.appbar.attop .logo{filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
/* banner bandın altından başlar, içeriği bandın altında kalır */
.hero-in{padding-top:calc(var(--barh) + 34px)}
@media(max-width:560px){.hero-in{padding-top:calc(var(--barh) + 22px)}}
/* JS yoksa bant her zaman dolu kalır (okunabilirlik) ve banner bandın altında başlar */
body:not(.js) .hero{margin-top:var(--barh)}
body:not(.js) .hero-in{padding-top:34px}

/* ================= DAHA YOĞUN IZGARA ================= */
:root{--wrap:1320px}
.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
@media(max-width:560px){.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}}


/* ================= v3 DÜZELTMELERİ ================= */
/* --- sayfa genişliği: kart boyutu aynı, alanın tamamına yakını dolar --- */
:root{--wrap:min(1780px,96vw)}
.appbar{padding-inline:max(clamp(14px,3vw,28px),(100% - var(--wrap))/2)}
.grid{grid-template-columns:repeat(auto-fill,minmax(198px,1fr));gap:12px}
@media(max-width:900px){:root{--wrap:min(1780px,100vw)}}
@media(min-width:561px) and (max-width:900px){
 .grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr))}}
@media(max-width:560px){.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}}

/* --- banner: sabit yükseklikli şerit, logo ayrı katman --- */
:root{--heroh:clamp(148px,13.5vw,228px)}
.hero{position:relative;overflow:hidden;background:#eef1f4;line-height:0}
.hero::before{content:none}
.heroimg{display:block;width:100%;height:var(--heroh);object-fit:cover;object-position:center 45%}
.herologo{position:absolute;z-index:2;pointer-events:none;width:auto;
 height:calc(var(--heroh)*.66);
 left:calc(max(clamp(14px,3vw,28px),(100% - var(--wrap))/2) + clamp(6px,6vw,120px));
 top:calc((var(--barh) + var(--heroh))/2);transform:translateY(-50%)}
body:not(.js) .herologo{top:50%}
/* banner üstündeki yarım perde kaldırıldı (bant kenarı görünüyordu);
   butonlar zaten kendi zeminini taşıyor */
.hero::after{background:none}
/* JS kapalıyken tür sayacı güncellenemediği için gizlenir (yanıltıcı olmasın) */
body:not(.js) #count{display:none}
body.night .hero::after,body.kizil .hero::after{background:none}
body.night .appbar.attop .profbtn,body.night .appbar.attop .nightbtn{
 background:rgba(16,38,55,.82);border-color:rgba(255,255,255,.22);color:#dbe7f0}
body.night .appbar.attop .profbtn:hover,body.night .appbar.attop .nightbtn:hover{
 background:rgba(22,50,72,.92)}
body.kizil .appbar.attop .profbtn,body.kizil .appbar.attop .nightbtn{
 background:rgba(50,14,11,.82);border-color:rgba(255,170,150,.26);color:#f2ccc1}
body.kizil .appbar.attop .profbtn:hover,body.kizil .appbar.attop .nightbtn:hover{
 background:rgba(66,20,16,.92)}
@media(max-width:900px){.heroimg{height:var(--heroh);object-position:center 45%}}
@media(max-width:560px){.heroimg{height:var(--heroh);object-position:center 45%}}
body.night .hero{background:#0b1d2c}
body.night .heroimg{filter:brightness(.45) saturate(.75)}
body.night .hero::before{content:"";position:absolute;inset:0;height:auto;z-index:1;
 background:rgba(8,26,42,.55);pointer-events:none}
body.night .herologo{filter:invert(1) opacity(.9)}
body.kizil .hero{background:#180809}
body.kizil .heroimg{filter:grayscale(1) brightness(.30) sepia(1) saturate(2.6) hue-rotate(-24deg)}
body.kizil .hero::before{content:"";position:absolute;inset:0;height:auto;z-index:1;
 background:rgba(40,8,6,.62);pointer-events:none}
body.kizil .herologo{filter:invert(1) sepia(1) saturate(3.2) hue-rotate(-25deg) brightness(.85)}

/* --- üst bant: yeni logo + tek satır ad --- */
.brand{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.logo{width:auto;height:36px;border-radius:0;flex-shrink:0}
.btag{font-size:14.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;
 text-overflow:ellipsis;letter-spacing:.1px;line-height:1.2}
.btag::before{content:"";display:inline-block;width:1px;height:17px;margin-right:12px;
 vertical-align:-3px;background:var(--line)}
.appbar.attop .logo{filter:none}
.appbar.attop .btag{color:#fff}
body.night .brand .logo,body.kizil .brand .logo{filter:invert(1)}
@media(max-width:560px){.logo{height:31px}.btag{font-size:12.5px}
 .btag::before{height:14px;margin-right:9px}}
@media(max-width:400px){.btag{display:none}}


/* ================= v4: BANNER — logo dikey ortalı ================= */
.herologo{top:50%}
body:not(.js) .herologo{top:50%}

/* ================= v4: KART GÖRSEL ÇERÇEVESİ SABİT ================= */
/* nadirlik çizgileri tüm kartlarda aynı hizada olsun diye çerçeve sabit yükseklikte */
:root{--phbox:122px}
@media(max-width:560px){:root{--phbox:98px}}
.card .silwrap{height:var(--phbox);box-sizing:border-box;align-items:stretch}
.card .silwrap .ph{width:100%;height:100%;max-height:none;aspect-ratio:auto;align-self:stretch}
.card .silwrap svg.sil{align-self:center;margin:auto}


/* ================= v5: ÜST BANT LACİVERT ================= */
:root{--barnavy:#102a42;--pad:max(clamp(12px,3vw,28px),(100% - var(--wrap))/2)}
.appbar{background:var(--barnavy);border-bottom-color:rgba(255,255,255,.10);color:#fff}
body.night .appbar{background:#0a1c2a}
body.kizil .appbar{background:#1c0808}
.brand .logo,body.night .brand .logo,body.kizil .brand .logo,
.appbar.attop .brand .logo{filter:invert(1)}
.btag{color:rgba(255,255,255,.80)}
.btag::before{background:rgba(255,255,255,.24)}
.appbar .profbtn,.appbar .nightbtn{background:rgba(255,255,255,.13);
 border-color:rgba(255,255,255,.26);color:#fff}
.appbar .profbtn:hover,.appbar .nightbtn:hover{background:rgba(255,255,255,.22)}
body.js .appbar.attop .profbtn,body.js .appbar.attop .nightbtn,
body.night .appbar.attop .profbtn,body.night .appbar.attop .nightbtn,
body.kizil .appbar.attop .profbtn,body.kizil .appbar.attop .nightbtn{
 background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.30);color:#fff}
body.js .appbar.attop .profbtn:hover,body.js .appbar.attop .nightbtn:hover{
 background:rgba(255,255,255,.26)}

/* ================= v5: ARAÇ ÇUBUĞU — 3 açılır + arama ================= */
.toolbar{position:relative;z-index:30;background:var(--surface);
 border-bottom:1px solid var(--line-soft)}
.tbrow{display:flex;align-items:flex-start;gap:14px;padding:9px var(--pad)}
.tbleft{flex:1 1 50%;min-width:0;display:flex;gap:9px}
.tbleft>*{flex:1 1 0;min-width:0}
.tbrow>.searchwrap{flex:1 1 50%;min-width:0;position:relative}
.tbrow>.searchwrap input{height:45px;padding:0 16px 0 44px}
body:not(.js) .tbrow>.searchwrap{display:none}
body:not(.js) .sortwrap{display:none}

/* açılır düğmeler (filtre / familya) ve sıralama seçicisi aynı görünümde */
.dd.filterbar{background:transparent;border-bottom:0}
.dd>summary{list-style:none;cursor:pointer;display:block;padding:0;background:none;pointer-events:auto;
 -webkit-tap-highlight-color:transparent}
.dd>summary::-webkit-details-marker{display:none}
.dd>summary::after{content:none}
.dd>summary:hover{background:transparent}
.ddbtn,select.sortsel{display:flex;align-items:center;gap:8px;width:100%;height:45px;
 padding:0 16px;border-radius:24px;box-sizing:border-box;background:var(--fieldbg);
 border:1px solid transparent;color:var(--ink2);font-size:14px;font-weight:500;
 font-family:var(--sans);white-space:nowrap;overflow:hidden;cursor:pointer;
 transition:background .15s,box-shadow .15s}
.ddbtn:hover,select.sortsel:hover{background:var(--surface);box-shadow:var(--e1)}
.dd[open] .ddbtn{background:var(--surface);box-shadow:var(--e1)}
.ddbtn svg{width:17px;height:17px;stroke:currentColor;fill:none;flex-shrink:0}
.ddtxt{flex-shrink:0}
.ddval{color:var(--mut);font-weight:400;overflow:hidden;text-overflow:ellipsis;
 white-space:nowrap;min-width:0}
.fcaret{margin-left:auto;color:var(--dim);font-size:13px;transition:transform .15s;flex-shrink:0}
.dd[open] .fcaret{transform:rotate(180deg)}
body.js select.sortsel{display:flex}
select.sortsel{appearance:none;-webkit-appearance:none;
 background-image:linear-gradient(45deg,transparent 50%,var(--dim) 50%),
  linear-gradient(135deg,var(--dim) 50%,transparent 50%);
 background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;
 background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}

/* açılır paneller sayfanın ÜZERİNE, aşağı doğru açılır */
.dd>.fpanel,.dd>.ddpanel{position:absolute;top:calc(100% + 8px);
 left:var(--pad);right:var(--pad);z-index:70;
 background:var(--surface);border:1px solid var(--line);border-top:1px solid var(--line);
 border-radius:18px;box-shadow:var(--e3);padding:6px 18px 18px;
 max-height:min(68vh,560px);overflow:auto;overscroll-behavior:contain}
.dd>.ddpanel{padding:16px 18px}
.famgrid{margin-top:0;max-height:none;overflow:visible;border:0;padding:0}
.ddscrim{position:fixed;inset:0;z-index:29;display:none}
body.ddopen .ddscrim{display:block}

@media(min-width:641px) and (max-width:1080px){
 .tbleft{flex:1 1 60%} .tbrow>.searchwrap{flex:1 1 40%}
 .ddbtn svg{display:none} .ddbtn,select.sortsel{padding:0 13px;gap:6px}
 select.sortsel{padding-right:32px;background-position:calc(100% - 17px) 21px,calc(100% - 12px) 21px}
}
@media(max-width:640px){
 .tbrow{flex-wrap:wrap;gap:9px}
 .tbleft{flex-wrap:wrap}
 .tbleft>*{flex:1 1 132px}
 .tbrow>.searchwrap{flex:1 1 100%;order:-1}
 .tbleft{flex:1 1 100%}
 .dd>.fpanel,.dd>.ddpanel{max-height:62vh}
}


/* ================= v6: FOOTER — sorumluluk reddi + görsel şerit ================= */
footer{padding-bottom:30px}
.fintro,.fdisc{max-width:1080px}
.fdisc{margin-top:24px;padding-top:20px;border-top:1px solid var(--line-soft)}
.fdisc h2{margin:0 0 12px;font-size:12px;letter-spacing:1px;text-transform:uppercase;
 color:var(--ink2);font-weight:500}
.fdisc .flead{margin:0 0 14px}
.fdisc ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.fdisc li{position:relative;padding-left:17px}
.fdisc li::before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;
 border-radius:50%;background:var(--dim)}
.fdisc .fnote{margin:16px 0 0;font-size:12.5px;color:var(--dim)}

.footart{position:relative;line-height:0;overflow:hidden;background:var(--surface)}
.footart img{display:block;width:100%;height:clamp(120px,11.5vw,200px);
 object-fit:cover;object-position:center 72%}
.footart::before{content:"";position:absolute;left:0;right:0;top:0;height:46%;z-index:2;
 pointer-events:none;background:linear-gradient(180deg,var(--surface),transparent)}
body.night .footart img{filter:brightness(.6) saturate(.8)}
body.kizil .footart img{filter:grayscale(1) brightness(.42) sepia(1) saturate(2.6) hue-rotate(-24deg)}
body.night .footart::after,body.kizil .footart::after{content:"";position:absolute;inset:0;
 z-index:1;pointer-events:none}
body.night .footart::after{background:rgba(8,26,42,.42)}
body.kizil .footart::after{background:rgba(40,8,6,.5)}
@media(max-width:560px){.fdisc{margin-top:18px}}


/* ================= v7: FOOTER YENİ DÜZEN ================= */
footer{padding-top:30px;padding-bottom:26px}
.fgrid{display:grid;gap:22px 34px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
 max-width:1400px}
.fcol h3{margin:0 0 5px;font-size:11px;letter-spacing:.9px;text-transform:uppercase;
 color:var(--dim);font-weight:500}
.fcol p{margin:0;font-size:12.8px;line-height:1.62}
.fdisc{max-width:1400px;margin-top:24px;border:1px solid var(--line-soft);
 border-radius:14px;background:var(--bg);overflow:hidden}
.fdisc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:11px;
 padding:12px 16px;font-size:12.8px;color:var(--ink2);-webkit-tap-highlight-color:transparent}
.fdisc>summary::-webkit-details-marker{display:none}
.fdisc>summary:hover{background:var(--chipbg)}
.fdisc-icon{display:flex;flex-shrink:0}
.fdisc-icon svg{width:17px;height:17px;stroke:var(--yellow);fill:none}
.fdisc-lead{flex:1;min-width:0}
.fdisc-more{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;
 color:var(--blue);font-weight:500;white-space:nowrap}
.fdisc-more .fcaret{margin:0;color:var(--blue)}
.fdisc[open] .fdisc-more .fcaret{transform:rotate(180deg)}
.fdisc-in{padding:2px 16px 16px 44px;border-top:1px solid var(--line-soft)}
.fdisc-in ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:9px;max-width:1080px}
.fdisc-in li{position:relative;padding-left:16px;font-size:12.8px;line-height:1.62}
.fdisc-in li::before{content:"";position:absolute;left:2px;top:8px;width:5px;height:5px;
 border-radius:50%;background:var(--dim)}
@media(max-width:560px){
 .fgrid{gap:18px}
 .fdisc>summary{flex-wrap:wrap;gap:8px 11px}
 .fdisc-lead{flex:1 1 100%;order:2}
 .fdisc-more{order:1;margin-left:auto}
 .fdisc-in{padding-left:16px}
}


/* ================= v10: dikey görseller (denizatı, ay balığı) ================= */
.lbimg{margin-inline:auto}
.lbimg.p102,.lbimg.p99{max-width:min(100%,calc(74vh * var(--ar,1)))}
.lbimg.p102{--ar:.551} .lbimg.p99{--ar:.922}
@media(max-width:560px){.lbimg.p102,.lbimg.p99{max-width:min(100%,calc(60vh * var(--ar,1)))}}


/* ================= v12: AV KAYDINDA KONUM ================= */
.floc{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.locbtn{display:inline-flex;align-items:center;gap:8px;border:1px dashed var(--line);
 background:var(--surface);color:var(--blue);border-radius:11px;padding:10px 14px;
 font-size:13.5px;cursor:pointer;font-family:var(--sans)}
.locbtn:hover{background:var(--bg)}
.locbtn svg,.floc.banned svg,.maplink svg{width:16px;height:16px;flex-shrink:0}
.locstat{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px}
.lok{color:var(--ink2)} .lwait{color:var(--mut)} .lerr{color:var(--red)}
.locdel{border:none;background:none;color:var(--dim);cursor:pointer;font-size:17px;
 line-height:1;padding:2px 5px}
.locdel:hover{color:var(--red)}
.floc.banned{color:var(--mut);font-size:13px;align-items:flex-start;
 background:var(--bg);border:1px solid var(--line-soft);border-radius:11px;padding:10px 13px;
 line-height:1.5}
.maplink{display:inline-flex;align-items:center;gap:6px;color:var(--blue);
 text-decoration:none;font-size:13px}
.maplink:hover{text-decoration:underline}
.clist .maplink{margin-top:4px}


/* ================= v13: PROFİL İSTATİSTİKLERİ ================= */
.pstart{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;
 padding:34px 10px 26px;color:var(--mut)}
.pstart svg{width:34px;height:34px;stroke:var(--dim);fill:none;stroke-width:1.6}
.pstart b{color:var(--ink2);font-weight:500;font-size:15px}
.pstart span{font-size:13.5px;line-height:1.6;max-width:380px}
.psub2{margin:14px 0 6px;font-size:12.5px;font-weight:500;color:var(--ink2);
 letter-spacing:.2px}
.psec h4.psub2:first-of-type{margin-top:4px}
.pbar.sm{height:6px;margin-top:7px}
.pgrid{list-style:none;margin:0;padding:0;display:grid;gap:11px;
 grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.pg{background:var(--bg);border:1px solid var(--line-soft);border-radius:11px;padding:10px 13px}
.pg.full{border-color:var(--green)}
.pgh{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink2)}
.pgh b{margin-left:auto;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.d-siradan{background:var(--green)} .d-nadir{background:var(--blue)}
.d-cok{background:var(--purple)} .d-efs{background:var(--yellow)}
.pfill.f-siradan{background:var(--green)} .pfill.f-nadir{background:var(--blue)}
.pfill.f-cok{background:var(--purple)} .pfill.f-efs{background:var(--yellow)}
.pnote{margin:11px 0 0;font-size:12px;color:var(--mut);line-height:1.55}
.pseas{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.pseas>li{background:var(--bg);border:1px solid var(--line-soft);border-radius:11px;padding:11px 13px}
.chipwrap{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.chipx{font-size:12px;padding:4px 10px;border-radius:20px;border:1px solid var(--line);
 color:var(--ink2);background:var(--surface)}
.chipx.r-cok{border-color:var(--purple);color:var(--purple)}
.chipx.r-nadir{border-color:var(--blue);color:var(--blue)}
.chipx.r-efs{border-color:var(--yellow);color:var(--yellow)}
.pbadges{list-style:none;margin:0;padding:0;display:grid;gap:10px;
 grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.pbadges li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;
 background:var(--bg);border:1px solid var(--line-soft);border-radius:12px;padding:14px 10px;
 opacity:.55}
.pbadges li svg{width:26px;height:26px;stroke:var(--dim);fill:none;stroke-width:1.6}
.pbadges li b{font-size:12.5px;font-weight:500;color:var(--ink2)}
.pbadges li i{font-style:normal;font-size:11.5px;color:var(--mut);line-height:1.4}
.pbadges li.earned{opacity:1;background:var(--surface);box-shadow:var(--e1)}
.pbadges li.earned.b-siradan{border-color:var(--green)}
.pbadges li.earned.b-siradan svg{stroke:var(--green)}
.pbadges li.earned.b-nadir{border-color:var(--blue)}
.pbadges li.earned.b-nadir svg{stroke:var(--blue)}
.pbadges li.earned.b-cok{border-color:var(--purple)}
.pbadges li.earned.b-cok svg{stroke:var(--purple)}
.pbadges li.earned.b-efs{border-color:var(--yellow)}
.pbadges li.earned.b-efs svg{stroke:var(--yellow)}
.pbadges li.earned.master{border-width:2px}
.pbadges li.earned.master i{color:var(--ink2)}
@media(max-width:560px){
 .pgrid{grid-template-columns:1fr}
 .pbadges{grid-template-columns:1fr 1fr}
}


/* ================= v16: ZOKA CLUB MARKASI ================= */
.brand{gap:9px}
.brand .logo{height:30px;width:auto}
.bname{font-size:15px;font-weight:600;letter-spacing:.3px;color:#fff;white-space:nowrap}
.btag{font-size:13.5px}
.btag::before{margin-inline:11px}
@media(max-width:640px){.btag{display:none}}
.herologo{height:calc(var(--heroh)*.72)}
@media(max-width:560px){.herologo{height:calc(var(--heroh)*.86)}}

/* footer marka bloğu */
.fbrand{display:flex;align-items:center;gap:13px;margin:0 0 22px}
.fbrand img{height:44px;width:auto}
body.night .fbrand img,body.kizil .fbrand img{filter:invert(1) opacity(.9)}
.fbrand .fbn{font-size:16px;font-weight:600;letter-spacing:.3px;color:var(--ink)}
.fbrand .fbm{display:block;font-size:12.5px;font-weight:400;color:var(--mut);margin-top:2px;letter-spacing:.2px}


.herologo.sm{display:none}
@media(max-width:640px){
 .herologo{display:none}
 .herologo.sm{display:block;height:calc(var(--heroh)*.30);
  left:calc(max(clamp(14px,3vw,28px),(100% - var(--wrap))/2) + clamp(4px,2vw,20px))}
}


/* ================= v17: FOOTER ARMASI + KÜNYE UYARISI ================= */
.footart .fmark{position:absolute;z-index:3;left:50%;top:52%;transform:translate(-50%,-50%);
 height:clamp(56px,6vw,100px);width:auto;display:block;object-fit:contain;
 pointer-events:none;opacity:.92}
body.night .footart .fmark,body.kizil .footart .fmark{filter:invert(1);opacity:.85}
@media(max-width:560px){.footart .fmark{height:50px;top:50%}}

.dnote{margin:22px 0 4px;padding:13px 15px;border:1px solid var(--line-soft);
 border-radius:12px;background:var(--bg);font-size:12px;line-height:1.6;color:var(--mut)}
.dnote b{color:var(--ink2);font-weight:500}


/* ================= v18: KÜNYE UYARISI AÇILIR ================= */
details.dnote{margin:22px 0 4px;padding:0;border:1px solid var(--line-soft);
 border-radius:12px;background:var(--bg);overflow:hidden}
details.dnote>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;
 padding:11px 14px;font-size:12px;line-height:1.5;color:var(--mut);
 -webkit-tap-highlight-color:transparent}
details.dnote>summary::-webkit-details-marker{display:none}
details.dnote>summary:hover{background:var(--chipbg)}
details.dnote>summary>svg{width:16px;height:16px;stroke:var(--yellow);fill:none;flex-shrink:0}
.dn-lead{flex:1;min-width:0}
.dn-more{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;color:var(--blue);font-weight:500}
.dn-more .fcaret{margin:0;color:var(--blue);font-size:12px}
details.dnote[open] .dn-more .fcaret{transform:rotate(180deg)}
.dn-in{padding:0 14px 14px 40px;border-top:1px solid var(--line-soft)}
.dn-in p{margin:12px 0 0;font-size:12px;line-height:1.65;color:var(--mut)}
.dn-in b{color:var(--ink2);font-weight:500}
@media(max-width:560px){
 details.dnote>summary{flex-wrap:wrap;gap:8px 10px}
 .dn-lead{flex:1 1 100%;order:2}
 .dn-more{order:1;margin-left:auto}
 .dn-in{padding-left:14px}
}


/* ================= v20: YEDEKLEME ================= */
.pbackup{padding:20px clamp(16px,4vw,26px) 26px;border-top:1px solid var(--line-soft);background:var(--bg)}
.pbackup h3{margin:0 0 7px;font-size:12px;letter-spacing:.9px;text-transform:uppercase;
 color:var(--dim);font-weight:500}
.pbackup p{margin:0 0 14px;font-size:12.8px;line-height:1.6;color:var(--mut);max-width:640px}
.bkrow{display:flex;gap:10px;flex-wrap:wrap}
.bkbtn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13.5px;
 font-family:var(--sans);font-weight:500;padding:11px 17px;border-radius:11px;
 border:1px solid var(--line);background:var(--surface);color:var(--ink2);
 transition:background .15s,box-shadow .15s}
.bkbtn:hover{background:var(--bg);box-shadow:var(--e1)}
.bkbtn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.bkbtn.primary:hover{background:var(--blue);filter:brightness(1.08)}
.bkbtn svg{width:17px;height:17px;stroke:currentColor;fill:none;flex-shrink:0}
.bkbtn input[type=file]{display:none}
.bkmsg{margin-top:13px;font-size:13px;line-height:1.6}
.bkmsg:empty{display:none}
.bkbox{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.bkbox>b{display:block;color:var(--ink);font-weight:500;margin-bottom:4px}
.bkbox p b{color:var(--ink2);font-weight:500}
.bkbox p{margin:0 0 12px;font-size:12.8px;color:var(--mut)}
.bkacts{display:flex;gap:9px;flex-wrap:wrap}
.bkacts button{cursor:pointer;font-family:var(--sans);font-size:13px;font-weight:500;
 padding:9px 15px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink2)}
.bkacts button.go{background:var(--green);border-color:var(--green);color:#fff}
.bkacts button.warn{border-color:var(--red);color:var(--red)}
.bkok{color:var(--green)} .bkerr{color:var(--red)}
body:not(.js) .pbackup{display:none}
/* ================= v22: ekran dışı kartları geciktir (site sürümü) ================= */
.card{content-visibility:auto;contain-intrinsic-size:auto 300px}