/* hemenanket.com — ziyaretçi sayfaları */
:root{--ana:#1D5FD1;--ana-koyu:#15479E;--vurgu:#E8590C;--koyu:#15192B;--fb:'Bricolage Grotesque';--fg:'DM Sans';
  --zemin:#F6F7FA;--kart:#FFFFFF;--cizgi:#E4E7EE;--cizgi2:#D5D9E3;--metin:#15192B;--soluk:#5A6072;--soluk2:#6E7487;
  --acik:#E8F0FD;--acik-cizgi:#B9CCF0;--yesil:#17703F;--yesil-zemin:#E6F6EE;
  --sp-cizgi:#F2B98C;--sp-zemin:#FFF6EE;--sp-koyu:#C2410C;--sp-metin:#8A4A00;
  --mor:#5B2A9A;--mor-zemin:#F3EAFD;--r:14px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--metin);font-family:var(--fg),system-ui,sans-serif;font-size:16px;line-height:1.5}
h1,h2,h3,.logo,.sec-title,.box-title{font-family:var(--fb),var(--fg),system-ui,sans-serif;letter-spacing:-.01em;line-height:1.2}
a{color:var(--ana);text-decoration:none;transition:color .15s,background .15s,border-color .15s,transform .15s,box-shadow .15s}
a:hover{color:var(--ana-koyu)}
.main a:not(.btn):not(.chip):not(.chip-lg):not(.lk):not(.go):not(.cat-grid a):hover,.side a:not(.btn):not(.chip-lg):hover,.prose a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:3px}
button{font:inherit;cursor:pointer}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--ana);outline-offset:2px;border-radius:4px}
.sr,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:100}.skip:focus{left:8px}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
.muted{color:var(--soluk)}.tiny{font-size:13px}
.preview-bar{background:#FFF3C4;color:#5A4500;text-align:center;font-size:14px;padding:8px 16px}.preview-bar a{color:#5A4500;font-weight:700;text-decoration:underline}
.admin-bar{background:#E8F0FD;color:#15479E}.admin-bar a{color:#15479E}

/* Üst ince menü */
.topbar{background:var(--koyu);color:#C9CEDC;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:16px}
.topbar nav{display:flex;gap:18px;flex-wrap:wrap}
.topbar a{color:#C9CEDC}.topbar a:hover{color:#fff;text-decoration:underline}
.topbar a.hl{color:#E3D2FA}
.topbar .tb-sp{color:#F4B98E;font-weight:700}

/* Başlık */
.header{background:#fff;border-bottom:1px solid var(--cizgi);z-index:40}
@media (min-width:901px){.header{position:sticky;top:0}}
.header .wrap{display:flex;align-items:center;gap:20px;min-height:66px}
.logo{font-size:26px;font-weight:700;color:var(--koyu);white-space:nowrap;display:inline-flex;align-items:flex-start}
.logo span{color:var(--vurgu)}.logo:hover{color:var(--koyu)}
.beta{font-family:var(--fg),sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--vurgu);border:1.5px solid var(--vurgu);border-radius:5px;padding:1px 4px;margin-left:5px;line-height:1.2}
.nav{display:flex;gap:2px;flex:1;flex-wrap:wrap}
.nav a{color:var(--metin);font-weight:500;padding:8px 10px;border-radius:8px;font-size:15px}
.nav a:hover,.nav a[aria-current]{background:var(--acik);color:var(--ana-koyu)}
.tools{display:flex;align-items:center;gap:8px;margin-left:auto}
.clock{font-size:13px;color:var(--soluk);white-space:nowrap}.clock b{color:var(--metin)}
.icon-btn,.search>summary,.burger>summary{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--cizgi2);background:#fff;color:var(--metin);cursor:pointer;list-style:none;transition:background .15s,border-color .15s}
.icon-btn:hover,.search>summary:hover,.burger>summary:hover,.search[open]>summary,.burger[open]>summary{background:var(--acik);border-color:var(--acik-cizgi);color:var(--ana-koyu)}
summary::-webkit-details-marker{display:none}
.search,.burger{position:relative}
.search form{position:absolute;right:0;top:48px;background:#fff;border:1px solid var(--cizgi2);border-radius:12px;padding:10px;display:flex;gap:8px;width:340px;box-shadow:0 12px 30px rgba(21,25,43,.12)}
.burger{display:none}
.m-menu{position:absolute;right:0;top:48px;width:min(320px,calc(100vw - 32px));background:#fff;border:1px solid var(--cizgi2);border-radius:14px;padding:12px;box-shadow:0 12px 30px rgba(21,25,43,.15);display:flex;flex-direction:column;gap:2px;max-height:80vh;overflow:auto}
.m-menu a{padding:10px;border-radius:8px;color:var(--metin);font-weight:500}.m-menu a:hover{background:var(--acik)}
.m-menu .m-strong{font-weight:700;color:var(--ana)}
.m-small{border-top:1px solid var(--cizgi);margin-top:6px;padding-top:6px;display:flex;flex-direction:column}.m-small a{font-size:14px;color:var(--soluk);padding:7px 10px}
@media (max-width:900px){.hide-m{display:none!important}.burger{display:block}.header .wrap{min-height:58px}.logo{font-size:23px}}

/* Düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:none;background:var(--ana);color:#fff;font-weight:700;font-size:15px;transition:background .15s,transform .15s,box-shadow .15s,filter .15s}
.btn:hover{background:var(--ana-koyu);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(21,71,158,.22)}
.btn:disabled{background:#B8C0D3;cursor:not-allowed;transform:none;box-shadow:none}
.btn-out{background:#fff;color:var(--metin);border:1.5px solid var(--cizgi2)}.btn-out:hover{background:var(--acik);color:var(--ana-koyu);border-color:var(--acik-cizgi)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.btn-lg{min-height:50px;padding:0 24px;font-size:16px}
.link-arrow{font-weight:700}
input,select,textarea{font:inherit;color:var(--metin);border:1.5px solid var(--cizgi2);border-radius:10px;background:#fff;padding:10px 12px;min-height:44px;width:100%}
input:hover,select:hover,textarea:hover{border-color:#B5BCCB}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ana);box-shadow:0 0 0 3px rgba(29,95,209,.15)}
label{display:block;font-weight:600;font-size:14px}
label>input,label>select,label>textarea{margin-top:6px;font-weight:400}
.inline-form{display:flex;gap:8px}.inline-form input{flex:1}

/* Kahraman bant */
.hero{background:var(--koyu);color:#fff;padding:44px 0 48px}
.hero h1{font-size:clamp(34px,5vw,54px);margin:0 0 12px;font-weight:700}
.hero p{color:#C9CEDC;font-size:19px;max-width:640px;margin:0 0 24px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.flash{background:var(--yesil-zemin);color:var(--yesil);border-radius:12px;padding:12px 16px;font-weight:600;margin:20px 0 0}
.flash-err{background:#FDECEC;color:#A12828}

/* Yerleşim */
.grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:32px;padding-top:28px;padding-bottom:48px}
.single{padding-top:28px;padding-bottom:48px}
@media (max-width:900px){.grid{grid-template-columns:1fr;gap:28px}}
.main>section{margin-bottom:36px}
.sec-title{font-size:24px;margin:0 0 14px}
.band-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}.band-head h2{margin:0;font-size:24px}
.page-head{margin-bottom:20px}.page-head h1{font-size:clamp(30px,4vw,42px);margin:0 0 8px}.page-head p{margin:0 0 6px;font-size:17px}
.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--vurgu)}
.crumbs{font-size:14px;color:var(--soluk);margin-bottom:14px}
.empty{background:#fff;border:1px dashed var(--cizgi2);border-radius:var(--r);padding:24px;color:var(--soluk)}
.badge-day{display:inline-block;background:var(--vurgu);color:#fff;font-size:14px;font-weight:700;padding:5px 12px;border-radius:999px;font-family:var(--fg),sans-serif}

/* Anket kartı */
.card{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,box-shadow .15s}
.card:hover{border-color:var(--cizgi2);box-shadow:0 6px 22px rgba(21,25,43,.06)}
.feed{display:flex;flex-direction:column;gap:16px}
.cards2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
@media (max-width:700px){.cards2{grid-template-columns:1fr}}
.tags{display:flex;flex-wrap:wrap;gap:6px;background:var(--zemin);border-radius:9px;padding:6px;margin:-4px -4px 0}
.tag{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:#fff;border:1px solid var(--cizgi)}
.tag-bugun{color:var(--yesil);border-color:#BFE5CF;background:var(--yesil-zemin)}
.tag-hafta{color:var(--ana-koyu);border-color:var(--acik-cizgi);background:var(--acik)}
.tag-trend{color:#B42318;border-color:#F6C7C1;background:#FEF0EE}
.tag-ozel{color:var(--mor);border-color:#DCC6F5;background:var(--mor-zemin)}
.tag-kapali{color:var(--soluk);background:#EDEFF4}
.card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chip{font-size:13px;font-weight:600;color:var(--soluk);background:var(--zemin);border:1px solid var(--cizgi);padding:4px 10px;border-radius:999px}
.chip:hover{color:var(--ana-koyu);background:var(--acik);border-color:var(--acik-cizgi)}
.go{margin-left:auto;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;color:var(--soluk);border:1px solid var(--cizgi)}
.go:hover{background:var(--ana);border-color:var(--ana);color:#fff}
.q{font-size:21px;margin:0;font-weight:700}.q a{color:var(--metin)}.q a:hover{color:var(--ana)}
.card-detail .q{font-size:clamp(24px,3vw,30px)}
.desc{margin:-4px 0 0;color:var(--soluk);font-size:15px}
fieldset{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.opt{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border:1.5px solid var(--cizgi2);border-radius:10px;font-weight:500;font-size:16px;cursor:pointer;transition:border-color .15s,background .15s}
.opt:hover{border-color:var(--ana);background:#F7FAFF}
.opt input{position:absolute;opacity:0;width:1px;height:1px}
.opt .box{flex:none;width:20px;height:20px;border:2px solid #9AA2B5;border-radius:50%;display:inline-block;transition:all .15s}
.opt input[type=checkbox]+.box{border-radius:6px}
.opt input:checked+.box{border-color:var(--ana);background:var(--ana);box-shadow:inset 0 0 0 3px #fff}
.opt input[type=checkbox]:checked+.box{box-shadow:none;background:var(--ana) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat}
.opt:has(input:checked){border-color:var(--ana);background:var(--acik)}
.opt:has(input:disabled){opacity:.5;cursor:not-allowed}
.opt input:focus-visible+.box{outline:3px solid var(--ana);outline-offset:2px}
.vote-form{display:flex;flex-direction:column;gap:12px}.vote-form .btn{align-self:flex-start}
.hint{margin:0;font-size:13px;color:var(--soluk)}
.vote-err{margin:0;color:#A12828;font-size:14px;font-weight:600}
.puan{display:flex;flex-direction:column;gap:6px;padding:8px 2px}
.puan-val{font-family:var(--fb),sans-serif;font-size:34px;font-weight:700;color:var(--ana);text-align:center}
.puan input[type=range]{padding:0;border:none;min-height:32px;accent-color:var(--ana);box-shadow:none}
.puan-ends{display:flex;justify-content:space-between;font-size:13px;color:var(--soluk)}
.res{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.res li{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:10px 14px;border-radius:10px;background:var(--zemin);overflow:hidden;font-weight:500}
.res .bar{position:absolute;inset:0 auto 0 0;background:#DCE6F8;border-radius:10px;transition:width .7s ease}
.res li.lead .bar{background:#C7D8F5}
.res li.mine{box-shadow:inset 0 0 0 2px var(--ana)}
.res .t,.res .v{position:relative}
.res .v{white-space:nowrap}.res .n{font-size:13px;font-weight:400;color:var(--soluk2);margin-right:4px}.res b{font-size:16px}
.you{font-style:normal;font-size:12px;font-weight:700;color:var(--ana);margin-left:6px}
.total{margin:0;font-size:14px;color:var(--soluk)}
.note{margin:0;color:var(--soluk);font-size:14px}
.done{background:var(--yesil-zemin);color:var(--yesil);border-radius:10px;padding:10px 14px;font-size:15px}
.after{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid #EDEFF4}
.lk-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lk{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 10px;border-radius:9px;background:var(--zemin);border:1px solid var(--cizgi);color:#4A5064;font-size:14px;font-weight:500;text-align:center}
.lk:hover,.lk[aria-expanded=true]{background:var(--acik);border-color:var(--acik-cizgi);color:var(--ana-koyu);font-weight:700}
.lk-wide{width:100%}
.swap-note{margin:0 0 8px;font-size:14px;color:var(--soluk)}
.card.loading{opacity:.55;pointer-events:none}
@media (max-width:420px){.lk{font-size:13px;padding:0 6px}.lk svg{display:none}}

/* Sponsorlu: sabit renkler */
.card.sp{border:1.5px solid var(--sp-cizgi);background:#fff}
.sp-head{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--sp-zemin);margin:-20px -20px 0;padding:8px 20px;border-radius:13px 13px 0 0;font-size:13px;font-weight:700;color:var(--sp-metin)}
.sp-head a{color:#9A5B2A;font-weight:500;font-size:12px}.sp-head a:hover{color:var(--sp-koyu)}
.sp-info{background:var(--sp-zemin);border:1px solid var(--sp-cizgi);border-radius:var(--r);padding:18px 20px;color:#4A3520;margin:16px 0}
.sp-info h2{font-size:18px;margin:0 0 8px;color:var(--sp-metin)}.sp-info a{color:var(--sp-koyu);font-weight:700}
.box-sp{background:var(--sp-zemin)!important;border-color:var(--sp-cizgi)!important}
.box-sp .sp-kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sp-koyu)}
.btn-sp{background:var(--sp-koyu)}.btn-sp:hover{background:#9A3412}

/* Paylaş kutusu */
.sharebox{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:var(--zemin);border:1px solid var(--cizgi)}
.sharebox .sb-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.sharebox .sb-top label{font-size:14px}
.sharebox .mini{min-height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--cizgi2);background:#fff;font-size:13px;font-weight:700}
.sharebox .mini:hover{background:var(--acik);border-color:var(--acik-cizgi)}
.sharebox p{margin:0;font-size:13px;color:var(--soluk)}
.sb-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}
.sb-btns a,.sb-btns button{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;background:#fff;border:1px solid var(--cizgi2);color:var(--metin);font-weight:700;font-size:14px}
.sb-btns a:hover,.sb-btns button:hover{background:var(--acik);border-color:var(--acik-cizgi);color:var(--ana-koyu);transform:translateY(-2px)}
.sb-btns .copy{background:var(--koyu);color:#fff;border:none}.sb-btns .copy:hover{background:#2E3550;color:#fff}
.sb-btns .copy.ok{background:var(--yesil)}

/* Ana sayfa bölümleri */
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.trust div{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:16px}
.trust b{display:block;font-family:var(--fb),sans-serif;font-size:17px}.trust span{color:var(--soluk);font-size:14px}
@media (max-width:700px){.trust{grid-template-columns:1fr}}
.more{display:flex;justify-content:center;margin-top:18px}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cat-grid a{background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:14px;color:var(--metin)}
.cat-grid a:hover{border-color:var(--acik-cizgi);background:var(--acik);transform:translateY(-2px)}
.cat-grid b{display:block;font-family:var(--fb),sans-serif;font-size:17px}.cat-grid span{color:var(--soluk);font-size:13px}
@media (max-width:700px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}
.chip-lg{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--cizgi2);color:var(--metin);font-weight:500;font-size:14px}
.chip-lg span{color:var(--soluk2);font-size:12px}
.chip-lg:hover{background:var(--acik);border-color:var(--acik-cizgi);color:var(--ana-koyu)}
.chip-lg.on{background:var(--ana);border-color:var(--ana);color:#fff}.chip-lg.on span{color:#DCE6F8}
.chip-lg.dim{color:var(--soluk2)}
.list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.list-head p{margin:0}
.sort{display:flex;align-items:center;gap:8px;margin-left:auto}.sort label{font-weight:500;color:var(--soluk)}.sort select{width:auto;min-height:40px;padding:6px 10px}
.pager{display:flex;gap:6px;justify-content:center;margin:24px 0;flex-wrap:wrap}
.pager a,.pager span{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:10px;background:#fff;border:1px solid var(--cizgi2);color:var(--metin)}
.pager a:hover{background:var(--acik)}.pager span{background:var(--ana);color:#fff;border-color:var(--ana)}
.big-search{max-width:560px;margin-top:8px}

/* Sağ sütun */
.side{display:flex;flex-direction:column;gap:16px}
.box{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:18px}
.box-title{font-size:18px;margin:0 0 8px}
.box p{margin:0 0 12px;font-size:14px}
.box-rnd .btn{width:100%}
.acc{list-style:none;margin:0;padding:0}
.acc>li{border-top:1px solid #EDEFF4}.acc>li:first-child{border-top:none}
.acc summary,.acc .leaf{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 4px;cursor:pointer;list-style:none;border-radius:8px}
.acc summary:hover,.acc .leaf:hover{background:var(--zemin)}
.acc summary::after{content:'';width:8px;height:8px;border-right:2px solid var(--soluk2);border-bottom:2px solid var(--soluk2);transform:rotate(45deg);margin:0 4px 3px 6px;transition:transform .15s}
.acc details[open] summary::after{transform:rotate(225deg);margin-bottom:-3px}
.acc summary a{flex:1}
.acc a{color:var(--metin);font-weight:500}.acc a:hover{color:var(--ana)}
.acc ul{list-style:none;margin:0 0 6px;padding:0 0 0 14px}.acc ul li{display:flex;justify-content:space-between;padding:6px 4px;font-size:15px}
.cnt{font-size:12px;color:var(--soluk2);background:var(--zemin);border-radius:999px;padding:1px 8px;margin-left:auto}
.idea{display:flex;flex-direction:column;gap:10px}.idea p{margin:0}
.idea-wide{margin-top:24px}
.social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.social a{font-weight:700}
.box-html{font-size:14px}

/* Detay */
.detail{margin-bottom:28px}
.detail-img{width:100%;border-radius:var(--r);margin-bottom:16px;aspect-ratio:16/7;object-fit:cover}
.detail .card{border:1.5px solid #9FB6E0}
.detail-sp .card{border-color:var(--sp-cizgi)}
.lead{font-size:18px;color:#3A4054;margin:0 0 16px}
.meta{font-size:13px;color:var(--soluk2);margin:10px 2px}
.editor{background:#fff;border-left:4px solid var(--ana);border-radius:0 var(--r) var(--r) 0;padding:16px 20px;margin:16px 0}
.editor h2{font-size:16px;margin:0 0 6px;text-transform:uppercase;letter-spacing:.06em;color:var(--ana)}.editor p{margin:0 0 8px}
.share-wrap{margin-top:24px}.share-wrap .sec-title{font-size:20px}
.one-more{text-align:right;font-size:17px}

/* Şehirler */
.city-filter{margin-bottom:18px}.city-filter .chips{margin:12px 0 0}
.regions{margin-top:36px}
.region{background:#fff;border:1px solid var(--cizgi);border-radius:12px;margin-bottom:8px}
.region summary{display:flex;align-items:center;gap:8px;padding:14px 16px;font-weight:700;cursor:pointer;list-style:none}
.region summary:hover{background:var(--zemin);border-radius:12px}
.region .chips{padding:0 16px 8px}

/* Oyun */
.game-head .kicker{color:var(--mor)}
.player{display:flex;flex-wrap:wrap;gap:16px;align-items:center;background:var(--mor-zemin);border:1px solid #DCC6F5;border-radius:var(--r);padding:16px 20px;margin-bottom:16px;color:#3F1D70}
.player .lv{font-family:var(--fb),sans-serif;font-size:22px;font-weight:700}
.player .pts{font-size:15px}
.player .prog{flex:1;min-width:200px}.player .prog div{height:10px;background:#fff;border-radius:999px;overflow:hidden;margin-top:6px}.player .prog span{display:block;height:100%;background:var(--mor);border-radius:999px;transition:width .6s}
.game{position:relative;overflow:hidden;min-height:240px}
.game .q{margin:6px 0 14px}
.game .opt{width:100%;text-align:left;background:#fff}
.game .opts{display:flex;flex-direction:column;gap:8px}
.timer{height:6px;background:#EDEFF4;border-radius:999px;overflow:hidden;margin:4px 0 14px}.timer span{display:block;height:100%;background:var(--mor);width:100%}
.verdict{font-family:var(--fb),sans-serif;font-size:26px;font-weight:700;margin:0 0 6px;animation:ha-pop .4s ease}
.verdict.ok{color:var(--yesil)}.verdict.no{color:#A12828}
.gain{font-weight:700;color:var(--mor)}
.btn-mor{background:var(--mor)}.btn-mor:hover{background:#3F1D70}
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
@media (max-width:900px){.rules{grid-template-columns:1fr}}
.rules ol{margin:0;padding-left:20px;font-size:15px}.rules li{margin-bottom:6px}
.pts{width:100%;border-collapse:collapse;font-size:14px}.pts td{padding:7px 0;border-top:1px solid #EDEFF4}.pts td:last-child{text-align:right;font-weight:700;white-space:nowrap}
.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:ha-confetti 1.6s ease-in forwards}
@keyframes ha-confetti{to{transform:translateY(420px) rotate(540deg);opacity:0}}
@keyframes ha-pop{0%{transform:scale(.7);opacity:0}100%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.confetti{display:none}.verdict{animation:none}*{scroll-behavior:auto!important}}

/* Biliyor muydun */
.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media (max-width:700px){.facts{grid-template-columns:1fr}}
.facts li{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:18px;display:flex;gap:14px;transition:border-color .15s,transform .15s}
.facts li:hover{border-color:#DCC6F5;transform:translateY(-2px)}
.facts .no{flex:none;width:34px;height:34px;border-radius:50%;background:var(--mor-zemin);color:var(--mor);font-weight:700;display:flex;align-items:center;justify-content:center}
.facts p{margin:0;font-size:16px}
.facts a{color:var(--metin);text-decoration:underline;text-decoration-color:#B58AF0;text-underline-offset:3px;font-weight:600}.facts a:hover{color:var(--mor)}
.facts li.az{background:var(--zemin);border-style:dashed}.facts li.az p{color:var(--soluk)}

/* Kurumsal */
.prose{font-size:17px;max-width:720px}.prose p{margin:0 0 14px}
.faq details{background:#fff;border:1px solid var(--cizgi);border-radius:12px;margin-bottom:8px}
.faq summary{padding:16px 18px;font-weight:700;cursor:pointer;list-style:none}
.faq summary:hover{color:var(--ana)}
.faq details>div{padding:0 18px 6px;color:#3A4054}
.contact{display:flex;flex-direction:column;gap:14px;max-width:640px}.contact .btn{align-self:flex-start}
.nf{text-align:center;padding:40px 0}.nf h1{font-size:clamp(28px,4vw,40px)}

/* Alt bilgi */
.footer{background:var(--koyu);color:#C9CEDC;padding:36px 0;font-size:14px}
.footer .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.footer nav{display:flex;flex-direction:column;gap:8px}.footer a{color:#C9CEDC}.footer a:hover{color:#fff}
.logo-f{color:#fff;font-size:22px}.logo-f:hover{color:#fff}
.footer .copy{grid-column:1/-1;border-top:1px solid #2E3550;padding-top:16px;margin:0;color:#8E94A8}
@media (max-width:700px){.footer .wrap{grid-template-columns:1fr}}
.banner{max-width:1240px;margin:16px auto;padding:0 16px;text-align:center}
.to-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--cizgi2);color:var(--metin);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(21,25,43,.15);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50}
.to-top.on{opacity:1;pointer-events:auto}.to-top:hover{transform:translateY(-3px);color:var(--ana)}

/* Robot doğrulaması */
.human{position:fixed;inset:0;background:rgba(21,25,43,.45);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}
.human[hidden]{display:none}
.human-in{background:#fff;border-radius:16px;padding:22px;max-width:360px;width:100%;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}
.human-in p{margin:0}

/* ===== Tasarım taslağıyla eşleşen görünüm ===== */
.wrap{max-width:1200px;padding-left:24px;padding-right:24px}
@media (max-width:600px){.wrap{padding-left:16px;padding-right:16px}}
.header .wrap{min-height:72px;gap:16px 28px}
.logo{align-items:center;gap:10px;font-weight:800;font-size:24px;letter-spacing:-.5px}
.logo .logo-t span,.logo-t span{color:var(--ana)}
.logo-mark{flex:none}
.beta{align-self:flex-start;margin-top:6px;margin-left:-2px}
.nav a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border-radius:10px;color:#2C3248}
.nav a:hover{background:#F1F3F7;color:#2C3248}
.nav a[aria-current]{background:var(--acik);color:var(--ana-koyu);font-weight:700}
.search>summary,.icon-btn{width:44px;height:44px;border-radius:50%}
.search[open]>summary{background:var(--acik);border-color:#9DB8E8}
.icon-dark{background:var(--koyu);border-color:var(--koyu);color:#fff}
.icon-dark:hover{background:#2E3550;border-color:#2E3550;color:#fff;transform:translateY(-2px)}
.burger>summary{border-radius:10px}
.search form{top:54px;width:440px;padding:10px;border-radius:14px}
.m-menu .btn{margin-top:6px;color:#fff;background:var(--koyu)}
.m-small a:nth-child(-n+2){color:var(--mor)}

/* Kart */
.card{border-radius:18px;padding:22px;gap:14px;transition:border-color .18s,box-shadow .18s,transform .18s}
.card:hover{border-color:#AFC3E6;box-shadow:0 10px 28px rgba(21,25,43,.08);transform:translateY(-2px)}
.card.sp:hover{border-color:#E39A63}
.card-top{justify-content:space-between;flex-wrap:nowrap}
.chips-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.chip{background:#E9F1F5;color:#1F4E63;border:none;font-weight:700;font-size:13px;padding:5px 11px}
.chip:hover{background:#D5E6EE;color:#163B4B}
.badge{display:inline-flex;padding:5px 11px;border-radius:999px;background:#FFF1E8;color:#B33A08;font-weight:700;font-size:13px}
.sp-label{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--sp-metin)}
.go{flex:none;width:44px;height:44px;border:none;background:#F1F3F7;color:var(--metin)}
.card:hover .go{background:var(--acik);color:var(--ana);transform:translateX(3px)}
.go:hover{background:var(--ana)!important;color:#fff!important}
.q{font-weight:600;font-size:20px;line-height:1.28}
.card:hover .q a{color:var(--ana-koyu)}
.desc{font-size:15px;color:#4A5064;margin:0}
.opt{border-radius:12px;border:1.5px solid #DDE1EA;background:#FBFBFD;transition:border-color .18s,background .18s}
.opt:hover{border-color:#9DB8E8;background:#F5F8FE}
.opt input{position:static;opacity:1;width:20px;height:20px;margin:0;flex:none;accent-color:var(--ana);min-height:0;padding:0;box-shadow:none}
.opt:has(input:checked){border:2px solid var(--ana);background:#F1F6FE;font-weight:700}
.vote-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.counter{font-size:14px;color:var(--soluk)}
.vote-form .btn{align-self:auto;min-height:46px;padding:0 22px}
.vote-form .btn:disabled{background:#E4E7EE;color:var(--soluk)}
.sp-ad{color:#9A5B2A;font-size:13px;font-weight:500}.sp-ad:hover{color:var(--sp-koyu)}
.res{gap:12px}
.res li{display:block;min-height:0;padding:0;background:none;border-radius:0;overflow:visible}
.res-row{display:flex;justify-content:space-between;gap:10px;font-size:15px;margin-bottom:5px;font-weight:500}
.res li.mine .t{font-weight:700}
.res .n{font-size:13px;color:var(--soluk2);margin-right:8px}
.track{height:10px;border-radius:99px;background:#EDEFF4;overflow:hidden}
.track span{display:block;height:100%;border-radius:99px;background:#9DB8E8;transition:width .7s ease}
.res li.mine .track span{background:var(--ana)}
.rmsg{margin:2px 0 0;padding:10px 12px;border-radius:10px;background:#FFF6EE;border:1px solid #F6D3B6;font-size:14px;color:#2C3248}
.done{display:flex;align-items:center;gap:6px;background:none;padding:0;color:#17603A;font-weight:700;font-size:14px;margin:0}
.done .sp-ad{font-weight:500;margin-left:4px}
.lk{min-height:42px;border-radius:10px}

/* Ana sayfa */
.hero2{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding-top:56px;padding-bottom:40px}
.hero2-text{flex:1 1 460px;min-width:0}
.hero2-card{flex:1 1 420px;min-width:0}
.hero2-kicker{margin:0 0 14px;font-weight:700;font-size:14px;letter-spacing:1.2px;text-transform:uppercase;color:var(--sp-koyu)}
.hero2 h1{margin:0;font-weight:800;font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-1.5px}
.hero2-lead{margin:20px 0 0;font-size:19px;line-height:1.55;color:#4A5064;max-width:520px}
.hero2 .hero-cta{margin-top:28px}
.hero2 .btn-lg{border-radius:12px;min-height:52px}
.trust2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding-bottom:48px}
.trust2>div{display:flex;gap:14px;align-items:flex-start;padding:20px;background:#fff;border:1px solid var(--cizgi);border-radius:16px;transition:border-color .15s,transform .15s}
.trust2>div:hover{border-color:#AFC3E6;transform:translateY(-2px)}
.ti{flex:none;width:40px;height:40px;border-radius:10px;background:var(--acik);color:var(--ana);display:flex;align-items:center;justify-content:center;font-family:var(--fb),sans-serif;font-weight:800;font-size:18px}
.trust2 p{margin:0;font-size:14px;line-height:1.5;color:var(--soluk)}.trust2 b{display:block;font-size:16px;color:var(--metin);margin-bottom:4px}
.feed-sec{padding-bottom:56px}
.feed-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.feed-head h2{margin:0;font-weight:800;font-size:32px;letter-spacing:-.5px}
.feed-head h2 a{margin-left:10px;font-family:var(--fg),sans-serif;font-weight:700;font-size:16px;letter-spacing:0;vertical-align:middle}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--cizgi2);background:#fff;color:var(--metin);font-weight:500;font-size:14px}
.pill:hover{background:#F1F3F7;color:var(--metin);transform:translateY(-2px)}
.pill.on{background:var(--koyu);border-color:var(--koyu);color:#fff;font-weight:700}
.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;align-items:stretch}
.feed-grid>.empty{grid-column:1/-1}
.more{margin-top:28px}
.cityband{background:var(--koyu);color:#fff}
.cityband .wrap{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;padding-top:48px;padding-bottom:48px}
.cityband .wrap>div:first-child{flex:1 1 360px}
.cityband h2{margin:0;font-weight:800;font-size:32px;letter-spacing:-.5px}
.cityband p{margin:10px 0 0;font-size:17px;line-height:1.55;color:#C9CEDB}
.cb-chips{flex:1 1 520px;display:flex;flex-wrap:wrap;gap:10px}
.cb-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:#262B40;color:#fff;font-weight:500;font-size:15px;border:1px solid #3A4060}
.cb-chips a:hover{background:#333A55;color:#fff;transform:translateY(-2px)}
.cb-chips a.all{background:#fff;color:var(--metin);font-weight:700;border-color:#fff}
.map-sec{padding-top:40px;padding-bottom:56px}
.map-box{background:#fff;border:1px solid var(--cizgi);border-radius:20px;padding:20px 22px}
.map-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-bottom:10px}
.map-head h2{margin:0;font-weight:800;font-size:22px}
.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#4A5064}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.map{position:relative;width:100%;aspect-ratio:2.35/1;border-radius:14px;background:#F4F7FD}
.dot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px rgba(21,25,43,.18);transition:transform .15s;z-index:1}
.dot:hover,.dot:focus-visible{transform:translate(-50%,-50%) scale(1.35);z-index:3}
.dot::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);padding:6px 10px;border-radius:8px;background:var(--koyu);color:#fff;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s}
.dot:hover::after,.dot:focus-visible::after{opacity:1}
.dot-l{position:absolute;transform:translateX(-50%);font-size:12px;font-weight:700;color:#2C3248;pointer-events:none;white-space:nowrap;z-index:2}
.map-note{margin:10px 0 0;font-size:13px;color:var(--soluk)}
@media (max-width:600px){.dot-l{display:none}.map-box{padding:14px}}
main.full .band{padding-bottom:48px}

/* Alt bilgi (beyaz) */
.footer{background:#fff;color:#4A5064;border-top:1px solid var(--cizgi);padding:0;font-size:15px}
.footer .wrap{display:flex}
.f-top{flex-wrap:wrap;gap:32px;justify-content:space-between;padding-top:44px;padding-bottom:28px}
.f-brand{flex:1 1 280px}.f-brand p{margin:8px 0 0;color:var(--soluk)}
.logo-f{color:var(--metin);font-size:22px}.logo-f:hover{color:var(--metin)}
.f-social{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;flex-direction:row!important}
.f-know{flex:1 1 420px}.f-h{margin:0 0 10px;font-weight:700;color:var(--metin)}
.f-know ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;line-height:1.5}
.f-bottom{flex-wrap:wrap;gap:12px 24px;justify-content:space-between;padding-top:18px;padding-bottom:32px;border-top:1px solid #EDEFF4;font-size:14px;color:var(--soluk)}
.f-bottom nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:18px}
.footer a{color:var(--ana)}.footer a:hover{color:var(--ana-koyu)}
.to-top{width:52px;height:52px;right:20px;bottom:20px}
.logo>.logo-t,.logo-f>.logo-t{color:var(--koyu)}
.logo .logo-t>span{color:var(--ana)}
.dot::after{display:none}
.dot:hover::after,.dot:focus-visible::after{display:block}
html,body{overflow-x:clip}

/* Gerçek il haritası */
.trmap{position:relative;width:100%;background:#F4F7FD;border-radius:14px;padding:16px;min-height:120px}
.trmap svg{display:block;width:100%;height:auto}
.trmap g.il{cursor:pointer;stroke:#fff;stroke-width:.8;transition:fill .15s,opacity .15s;outline:none}
.trmap g.il:hover,.trmap g.il:focus-visible{opacity:.78;stroke:var(--koyu);stroke-width:1.2}
.map-tip{position:absolute;transform:translate(-50%,calc(-100% - 14px));padding:6px 10px;border-radius:8px;background:var(--koyu);color:#fff;font-size:13px;white-space:nowrap;pointer-events:none;z-index:5}
.map-sel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.map-sel .chips{margin:0}
.map-sel button.chip-lg{cursor:pointer;font:inherit;font-size:14px}

/* Koyu sayfa başlığı (sponsorlu, harita) */
.sp-hero{background:var(--koyu);color:#fff}
.sp-hero .wrap{padding-top:32px;padding-bottom:36px}
.sp-hero h1{margin:12px 0 8px;font-weight:800;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.8px}
.sp-hero p{margin:0;font-size:17px;line-height:1.55;color:#C9CEDB;max-width:680px}
.sp-hero .sp-offer{margin:0 0 6px;font-size:20px;font-weight:700;color:#F4B98E}
.crumbs-dark,.crumbs-dark a{color:#C9CEDB;margin:0}.crumbs-dark span{color:#fff}

/* Sponsorlu anket sayfası (sabit renkler) */
.sp-page{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.sp-main{flex:7 1 600px;min-width:0;display:flex;flex-direction:column;gap:24px}
.sp-side{flex:3 1 280px;min-width:0}
.sc-box{background:#fff;border:1px solid var(--cizgi);border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:22px}
.sc-box h2{margin:0;font-weight:600;font-size:24px}.sc-box h2 small{font-family:var(--fg),sans-serif;font-weight:500;font-size:16px;color:var(--soluk)}
.sp-side .sc-box{padding:22px;gap:12px}.sp-side h2{font-size:19px}
.sc-h{display:flex;align-items:center;gap:12px}
.sc-n{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#FFF1E8;color:#B33A08;font-family:var(--fb),sans-serif;font-weight:800;font-size:18px}
.sc-box fieldset{gap:10px}.sc-box legend{font-weight:700;font-size:16px;margin-bottom:10px;padding:0}
.sc-box p{margin:0}
.sc-chips{display:flex;flex-wrap:wrap;gap:8px}
.sc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.sc-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sc-opt{display:block;cursor:pointer;font-weight:500}
.sc-opt input{position:absolute;opacity:0;width:1px;height:1px}
.sc-opt span{display:block;min-height:48px;padding:10px 16px;border-radius:12px;border:1.5px solid var(--cizgi2);background:#fff;color:#2C3248;text-align:center;transition:all .15s}
.sc-opt span:hover{border-color:#9DB8E8;background:#F5F8FE}
.sc-opt b{display:block;font-weight:inherit;font-size:15px}
.sc-grid .sc-opt b{font-family:var(--fb),sans-serif;font-weight:800;font-size:20px}.sc-3 .sc-opt b{font-family:var(--fg),sans-serif;font-weight:700;font-size:17px}
.sc-opt small{display:block;font-size:13px;opacity:.85}
.sc-opt input:checked+span{border:2px solid var(--ana);background:var(--acik);color:var(--ana-koyu);font-weight:700}
.sc-opt input:focus-visible+span{outline:3px solid var(--ana);outline-offset:2px}
.sc-date{max-width:280px}
.sc-warn{padding:16px 18px;border-radius:12px;background:#FFF6E5;border:1px solid #F0C878;color:#6B4405;font-size:15px}
.sc-warn[hidden]{display:none}
.sc-sum{border:1.5px solid #F2B98C;border-radius:18px;overflow:hidden}
.sc-sum-h{padding:16px 22px!important;background:#FFF6EE;border-bottom:1px solid #F6D3B6;font-weight:700;font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:#8A3A0A}
.sc-sum>*:not(.sc-sum-h){margin:0 22px!important}
.sc-sum dl{display:flex;flex-direction:column;gap:10px;font-size:15px;padding-top:22px}
.sc-sum dl div{display:flex;justify-content:space-between;gap:12px}.sc-sum dt{color:#4A5064}.sc-sum dd{margin:0;font-weight:700;text-align:right}.sc-sum dd.g{color:#17603A}
.sc-total{padding-top:14px;margin-top:14px!important;border-top:1px solid #EDEFF4}
.sc-total p{margin:0;font-size:14px;color:#4A5064}
.sc-big{font-family:var(--fb),sans-serif;font-weight:800;font-size:34px!important;letter-spacing:-.6px;color:var(--metin)!important}
.sc-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--acik);color:var(--ana-koyu);font-size:14px;margin-top:14px!important}
.sc-sum>.tiny{margin-top:14px!important;margin-bottom:22px!important}
.sc-info{padding:14px 16px;border-radius:12px;background:var(--zemin);font-size:14px;color:#4A5064}
.sc-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.sc-check{display:flex;align-items:flex-start;gap:12px;font-weight:400;font-size:15px}
.sc-check input{width:20px;height:20px;min-height:0;margin:2px 0 0;flex:none;accent-color:var(--ana)}
.sc-box .btn-lg{align-self:flex-start;border-radius:12px;padding:0 30px}
.sc-ok{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:16px;background:var(--yesil-zemin);color:#17603A}
.sc-ok b{display:flex;align-items:center;gap:8px;font-size:18px}.sc-ok .btn{align-self:flex-start}
.sc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;color:#2C3248}
.sc-list li{display:flex;gap:10px;align-items:flex-start}.sc-list svg{flex:none;margin-top:2px;color:var(--ana)}
@media (max-width:600px){.sc-box{padding:20px}.sc-3{grid-template-columns:1fr}}

/* Oy verilmiş kart: seçilen şıkta çerçeve yok, sadece kalın yazı ve koyu çubuk */
.res li.mine{box-shadow:none}
.res li .bar{display:none}
.card{container-type:inline-size}
.lk{white-space:nowrap}
@container (max-width:420px){.lk-row .lk svg{display:none}.lk-row .lk{padding:0 6px}}

/* Anket fikri kartı ve penceresi */
.idea-card{border:1.5px dashed #B9CCF0;background:#FAFCFF}
.idea-card:hover{transform:none;border-color:var(--ana)}
.idea-head{display:flex;align-items:center;gap:12px}
.idea-ico{flex:none;width:40px;height:40px;border-radius:10px;background:var(--acik);color:var(--ana);display:flex;align-items:center;justify-content:center;font-family:var(--fb),sans-serif;font-weight:800;font-size:24px}
.idea-card .idea{gap:12px}.idea-card .idea p{margin:0}
.idea-card .btn{align-self:flex-start}
.cards2-empty{grid-template-columns:minmax(0,1fr)}
@media (min-width:701px){.cards2-empty{max-width:50%}}
.box-idea .btn{width:100%}
.modal{border:none;padding:0;background:transparent;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}
.modal::backdrop{background:rgba(21,25,43,.5)}
.modal .card{border-style:solid;background:#fff;box-shadow:0 20px 50px rgba(21,25,43,.25)}
.modal-x{position:absolute;right:14px;top:14px;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid var(--cizgi2);background:#fff;font-size:16px;color:var(--metin)}
.modal-x:hover{background:var(--acik)}

/* Sağ sütun düğmeleri: tam boy, çerçeveli */
.side .box-rnd .btn,.side .box-idea .btn,.side .box-sp .btn{width:100%;background:#fff;border:1.5px solid var(--ana);color:var(--ana)}
.side .box-rnd .btn:hover,.side .box-idea .btn:hover{background:var(--acik);color:var(--ana-koyu);border-color:var(--ana-koyu)}
.side .box-sp .btn{border-color:var(--sp-koyu);color:var(--sp-koyu);background:transparent}
.side .box-sp .btn:hover{background:#FFEBDD;color:#9A3412;border-color:#9A3412;box-shadow:0 6px 16px rgba(194,65,12,.15)}

/* Alt bilgi: 4 sütun */
.f-top{display:grid!important;grid-template-columns:.8fr 1.7fr 1.3fr;gap:32px;align-items:start}
.f-catcols{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.f-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;line-height:1.5}
.f-cats a{color:var(--metin)}.f-cats a:hover{color:var(--ana)}
.f-cats span{color:var(--soluk2);font-size:14px}
@media (max-width:900px){.f-top{grid-template-columns:1fr}}

/* Tarih, arama ve karışık anket düğmelerinin üstünde */
.tools{flex-direction:column;align-items:flex-end;gap:4px}
.tools-btns{display:flex;align-items:center;gap:8px}
.clock{font-size:12px;line-height:1.2}
.nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap;flex:none}
@media (max-width:900px){.tools{flex-direction:row}}
.header .wrap{padding-top:8px;padding-bottom:8px}
@media (max-width:1180px){.header .wrap{gap:12px 16px}.nav a{padding:0 8px;font-size:14px}.logo{font-size:21px}.logo-mark{width:30px;height:30px}}

/* Biliyor muydun? — infografik kartlar */
.fxs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:700px){.fxs{grid-template-columns:1fr}}
.fx{--c:#1D5FD1;--z:#EEF4FE;position:relative;overflow:hidden;border-radius:20px;padding:20px 22px;background:linear-gradient(160deg,var(--z) 0%,#fff 70%);border:1px solid color-mix(in srgb,var(--c) 18%,#fff);display:flex;flex-direction:column;gap:10px;transition:transform .18s,box-shadow .18s}
.fx::after{content:'';position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:var(--c);opacity:.07;pointer-events:none}
.fx:hover{transform:translateY(-3px);box-shadow:0 12px 30px color-mix(in srgb,var(--c) 18%,transparent)}
.fx-wide{grid-column:1/-1}
.fx-top{display:flex;align-items:center;gap:10px}
.fx-ico{flex:none;width:46px;height:46px;border-radius:14px;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px color-mix(in srgb,var(--c) 35%,transparent)}
.fx-title{font-weight:700;font-size:14px;letter-spacing:.6px;text-transform:uppercase;color:var(--c)}
.fx-no{margin-left:auto;font-family:var(--fb),sans-serif;font-weight:800;font-size:15px;color:color-mix(in srgb,var(--c) 40%,#fff)}
.fx-big{margin:2px 0 0;font-family:var(--fb),sans-serif;font-weight:800;font-size:44px;line-height:1;letter-spacing:-1px;color:var(--metin)}
.fx-big small{font-family:var(--fg),sans-serif;font-size:16px;font-weight:600;letter-spacing:0;color:var(--soluk)}
.fx-text{margin:0;font-size:16px;line-height:1.5;color:#2C3248}
.fx-text a{color:var(--metin);font-weight:700;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--c) 55%,#fff);text-decoration-thickness:2px;text-underline-offset:3px}
.fx-text a:hover{color:var(--c)}
.fx-toplam{--c:#1D5FD1;--z:#EAF1FD}.fx-anket{--c:#5B2A9A;--z:#F3EAFD}.fx-zirve{--c:#E8590C;--z:#FFF1E6}
.fx-kilpayi{--c:#C0362C;--z:#FDEEEC}.fx-ezici{--c:#17703F;--z:#E6F6EE}.fx-kategori{--c:#0E7C86;--z:#E3F5F6}
.fx-sehir{--c:#1D5FD1;--z:#EAF1FD}.fx-yildiz{--c:#C27C0E;--z:#FFF6E0}.fx-saat{--c:#5B2A9A;--z:#F3EAFD}
.fx-coklu{--c:#0E7C86;--z:#E3F5F6}.fx-taze{--c:#17703F;--z:#E6F6EE}.fx-puan{--c:#E8590C;--z:#FFF1E6}
.fx-az{background:#fff;border-style:dashed;border-color:#D5D9E3}
.fx-az .fx-ico{background:#EDEFF4;color:var(--c);box-shadow:none}
.fx-az::after{opacity:.04}
.fx-big-az{font-size:26px;color:var(--soluk)}
.fx-prog{height:10px;border-radius:99px;background:#EDEFF4;overflow:hidden}.fx-prog i{display:block;height:100%;border-radius:99px;background:var(--c);opacity:.7}
.fx-prog-l{margin:-4px 0 0;font-size:13px;color:var(--soluk2)}
.fx-az .fx-text{color:var(--soluk);font-size:15px}
.fx-duel{display:flex;flex-direction:column;gap:8px;margin:4px 0}
.fx-duel-row{display:grid;grid-template-columns:minmax(80px,1fr) 2fr auto;align-items:center;gap:10px;font-size:15px}
.fx-duel-t{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-duel-bar{height:14px;border-radius:99px;background:#fff;border:1px solid #F3D2CE;overflow:hidden}
.fx-duel-bar i{display:block;height:100%;border-radius:99px}.fx-duel-bar i.a{background:#C0362C}.fx-duel-bar i.b{background:#1D5FD1}
.fx-ring{position:absolute;right:22px;top:72px;width:86px;height:86px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--v)*1%),#DDEFE5 0);display:flex;align-items:center;justify-content:center}
.fx-ring span{width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:var(--c)}
.fx-ezici .fx-big,.fx-ezici .fx-text{padding-right:100px}
.fx-hours{display:flex;align-items:flex-end;gap:3px;height:70px;margin-top:4px}
.fx-hours i{flex:1;background:color-mix(in srgb,var(--c) 30%,#fff);border-radius:4px 4px 0 0;min-height:3px}
.fx-hours i.on{background:var(--c)}
.fx-hours-l{display:flex;justify-content:space-between;font-size:11px;color:var(--soluk2);margin-top:-4px}
@media (prefers-reduced-motion:reduce){.fx{transition:none}.fx:hover{transform:none}}
.fxs{grid-auto-flow:row dense}

/* Sağ sütunda minik harita */
.mini-map{position:relative;display:block;margin-top:14px;border-radius:14px;background:#F4F7FD;padding:12px;border:1px solid #E4ECFA;transition:background .15s,border-color .15s,transform .15s}
.mini-map img{display:block;width:100%;height:auto;transition:opacity .15s}
.mini-map span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:var(--ana);border:1.5px solid var(--ana);border-radius:999px;padding:7px 16px;font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 4px 12px rgba(21,25,43,.1);transition:background .15s,color .15s}
.mini-map:hover{background:var(--acik);border-color:var(--acik-cizgi);transform:translateY(-2px)}
.mini-map:hover img{opacity:.75}
.mini-map:hover span{background:var(--ana);color:#fff;text-decoration:none}

/* Kart üstü: etiketler zeminsiz, sağda üç yuvarlak düğme */
.tags{background:none;padding:0;margin:0}
.card-top{align-items:flex-start;gap:10px}
.card-acts{display:flex;gap:6px;flex:none}
.card-acts .go{width:38px;height:38px;border:none;border-radius:50%;background:#F1F3F7;color:var(--metin);display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;margin:0;padding:0}
.card:hover .card-acts .go{transform:none}
.card-acts .go:hover,.card-acts .go[aria-expanded=true]{background:var(--ana)!important;color:#fff!important}
.card-acts .go svg{width:17px;height:17px}
.card-acts .go[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--koyu);color:#fff;font-size:12px;font-weight:600;padding:5px 9px;border-radius:7px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;z-index:5}
.card-acts .go[data-tip]:hover::after,.card-acts .go[data-tip]:focus-visible::after{opacity:1}
@container (max-width:340px){.card-acts .go{width:32px;height:32px}.card-acts .go svg{width:15px;height:15px}}
.chip-path{display:inline-flex;align-items:center;padding:0}
.chip-path a{color:inherit;padding:5px 4px 5px 11px;border-radius:999px}
.chip-path a+.sep+a,.chip-path .sep+a{padding:5px 11px 5px 4px}
.chip-path .sep{margin:0 6px;opacity:.6}
.chip-path a:hover{color:var(--ana-koyu);text-decoration:underline;text-underline-offset:3px}
.chip-path:hover{background:#E9F1F5}
.share-slot:empty{display:none}
.share-card{gap:14px}
.share-title{font-size:19px;padding-right:44px}
.share-card .sharebox{background:none;border:none;padding:0}
@media (min-width:560px){.share-card .sb-btns{grid-template-columns:repeat(5,minmax(0,1fr))}}
.sort{flex-wrap:wrap;row-gap:8px}
.hide-voted{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:14px;color:var(--soluk);cursor:pointer;margin-left:8px;padding:8px 12px;border:1px solid var(--cizgi2);border-radius:10px;background:#fff;min-height:40px}
.hide-voted:hover{border-color:#9DB8E8;background:#F5F8FE}
.hide-voted input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--ana)}
.hide-voted:has(input:checked){border-color:var(--ana);color:var(--ana-koyu);background:var(--acik);font-weight:700}

/* Kart: rozetler üstte, başlığın altında düz yazı kategori yolu */
.card-top{align-items:center}
.card-top .tags{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.card-top .tags:empty{display:none}
.card-path{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:-6px 0 0;font-size:14px}
.card-path a{color:#6F8FC6;text-decoration:underline;text-decoration-color:#C9D7EF;text-underline-offset:3px;font-weight:500}
.card-path a:hover{color:var(--ana-koyu);text-decoration-color:currentColor}
.card-path .sep{color:#AAB8D3;margin:0 7px;font-size:15px}
.card:hover .q a{color:var(--metin)}
.card .q a:hover{color:var(--ana-koyu)}

/* Ana sayfa güvence kutuları: hafif renkli (Biliyor muydun? kartları gibi) */
.trust2>div{--c:#1D5FD1;--z:#EEF4FE;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--z) 0%,#fff 70%);border-color:color-mix(in srgb,var(--c) 16%,#fff)}
.trust2>div::after{content:'';position:absolute;right:-36px;top:-36px;width:110px;height:110px;border-radius:50%;background:var(--c);opacity:.06;pointer-events:none}
.trust2>div:nth-child(2){--c:#5B2A9A;--z:#F5EEFD}
.trust2>div:nth-child(3){--c:#17703F;--z:#EAF7F0}
.trust2 .ti{background:var(--c);color:#fff;box-shadow:0 5px 12px color-mix(in srgb,var(--c) 30%,transparent)}
.trust2>div:hover{border-color:color-mix(in srgb,var(--c) 35%,#fff);box-shadow:0 10px 24px color-mix(in srgb,var(--c) 14%,transparent)}
.done{flex-wrap:wrap}
.done-msg{font-weight:500;color:#2E6B4A}

.about-sec{margin-top:40px;scroll-margin-top:24px}.about-sec h2{margin:0 0 16px}
.about-contact{margin-top:32px;scroll-margin-top:24px}

/* Mobil menü her zaman içeriğin üstünde */
.header{position:relative;z-index:60}
@media (min-width:901px){.header{position:sticky}}
.m-menu,.search form{z-index:100}
.m-menu{max-height:calc(100vh - 90px);overscroll-behavior:contain}

/* Mobil başlık: arama ve karışık düğmeleri hamburger menünün yanında */
@media (max-width:900px){
  .search form{position:fixed;left:12px;right:12px;top:70px;width:auto}
}
@media (max-width:440px){
  .header .wrap{gap:8px}
  .tools-btns{gap:6px}
  .search>summary,.icon-btn,.burger>summary{width:40px;height:40px}
  .logo{font-size:19px;gap:7px}.logo-mark{width:28px;height:28px}
  .beta{font-size:9px;padding:1px 3px}
}
@media (max-width:360px){.beta{display:none}}
.rnd-link{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}
.m-menu .btn svg{flex:none}