/* Kaypin v2 – mobil taslak + cüzdan (kendi CSS'imiz) */
.mtop,.hic,.dpill,.chat{display:none}
.hic{position:relative;color:var(--tx)}.hic svg,.msoc svg,.eye svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hic i{position:absolute;top:-8px;right:-10px;background:var(--ac);color:#fff;font:700 11px/1 sans-serif;border-radius:10px;padding:4px 6px}.hic i.red{background:#e5333b}
@media(min-width:901px){.hic{display:block}.hic svg{width:24px;height:24px}}
@media(max-width:768px){
.mtop{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 6px;background:#1f2227}
.msoc{display:flex;gap:22px}.msoc svg{width:28px;height:28px;color:#e8ebf0}
.bal{display:flex;align-items:center;gap:8px;color:#7fd0ff;font-weight:600;font-size:15px}.bal b{color:#4ade80;font-size:20px;font-weight:400}
.eye{background:none;border:0;color:var(--mu);padding:0}.eye svg{width:20px;height:20px}
.hdr{position:relative;border-bottom:0}.hrow{padding:10px 16px 12px;gap:14px}.burger{border:0;font-size:24px;width:auto;height:auto;padding:0 4px}
.logo img{height:38px}.cart,.theme{display:none}.hic{display:block}.hic svg{width:30px;height:30px}.hic+.hic{margin-left:12px}
.search{border:0;background:#1a1c20;border-radius:8px;height:44px}.search input{padding:0 16px}.search button{background:none;font-size:18px}
main{padding-top:10px}
.stories{gap:12px;padding:2px 0 6px;margin:0 -16px 14px;padding-left:12px;scrollbar-width:none}.stories::-webkit-scrollbar{display:none}
.stories div{flex:0 0 86px;height:86px;border:3px solid #15171a;box-shadow:0 0 0 1px #3a3f48}
.hero{margin:0 -4px 18px}.slider{height:276px;border-radius:14px;border:3px solid #0d0f12;box-shadow:0 6px 20px #0008}
.slide{padding:22px}.slide h1{font-size:28px}.dots{right:14px;bottom:12px}
.games{grid-template-columns:repeat(3,1fr)}
.box .sh h2{font-size:24px;font-weight:600}.box .sh small{font-size:15px;margin-top:4px}.box .sh .btn{font-size:15px;padding:10px 18px;border-radius:2px;text-transform:uppercase}
.bnav{padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:#1f2227}.bnav a{font-size:15px;gap:4px;color:#d7dbe2}.bnav svg{width:32px;height:32px;stroke-width:1.6}
.bnav i{top:-8px;font-size:11px;padding:3px 6px;border-radius:10px}
body{padding-bottom:96px}
.dpill{display:flex;gap:16px;position:fixed;left:26px;bottom:116px;z-index:21;background:#2f6fb0;color:#fff;font-weight:600;font-size:15px;padding:9px 18px;border-radius:4px;box-shadow:0 4px 14px #0007}
.chat{display:grid;place-items:center;position:fixed;left:32px;bottom:30px;z-index:22;width:86px;height:86px;border-radius:50%;background:#3cb6e8;box-shadow:0 4px 16px #0008}.chat svg{width:40px;height:40px;fill:#fff;stroke:none}
}
/* Cüzdan */
.wallet{padding-top:0}.whero{background:radial-gradient(500px 200px at 80% 60%,#3fb6ff66,transparent 70%),linear-gradient(120deg,#0754c4,#0965e9 55%,#2f8dc7);padding:32px 0 70px}
.whero h1{color:#fff;font-size:26px;font-weight:500;line-height:1.5;max-width:460px}
.wcard{background:#222428;border-radius:12px;padding:28px 30px;margin:-56px 0 18px;box-shadow:0 8px 24px #0007;position:relative}
.wcard>span{font-size:16px}.wcard>b{display:block;color:#8c8fef;font-size:26px;font-weight:600;margin:20px 0 26px}
.wsub{display:flex;gap:44px;font-size:14px}.wsub span{display:block;font-weight:600;margin-bottom:6px}
.wh2{font-size:25px;font-weight:400;margin:0 22px 18px}
.wrow{background:#33363b;border-radius:8px;margin:0 22px 10px}.wrow summary{list-style:none;display:flex;align-items:center;gap:20px;padding:14px 14px;cursor:pointer}.wrow summary::-webkit-details-marker{display:none}
.wic{flex:0 0 66px;height:66px;border-radius:50%;background:#0c0d0f;display:grid;place-items:center}.wic svg{width:32px;height:32px;fill:none;stroke:#e9ecf1;stroke-width:1.8;stroke-linejoin:round}
.wtx{flex:1;display:flex;flex-direction:column;gap:4px}.wtx b{font-size:19px;font-weight:500}.wtx em{font-style:normal;color:#8c8fef;font-size:14px}.wtx small{font-size:14px;color:#d3d6dc;line-height:1.5}
.chev{flex:0 0 42px;height:42px;border-radius:50%;background:#1f2125;display:grid;place-items:center;transition:.2s}.chev svg{width:22px;height:22px;fill:none;stroke:#cfd3da;stroke-width:2}.wrow[open] .chev{transform:rotate(180deg)}
.wbody{padding:0 16px 16px 100px}.amts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.amts button{background:#1f2125;color:var(--tx);border:1px solid var(--line);border-radius:6px;padding:8px 12px}.wb{display:inline-block}
.wl{list-style:none;padding:0}.wl li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #444850;font-size:13px}.wl .p{color:#4ade80}
@media(min-width:769px){.wallet .wrap{max-width:900px}.wh2,.wrow{margin-left:0;margin-right:0}.whero h1{font-size:34px}}
@media(max-width:768px){.wcard{margin:-60px 2px 18px}.whero{padding:24px 0 70px}}
@media(max-width:768px){.hdr .cats,.login{display:none}.hrow{padding-bottom:14px}
.wrow{margin:0 14px 10px}.wh2{margin:0 14px 16px;font-size:24px}.wrow summary{gap:14px;padding:14px 12px}.wic{flex-basis:60px;height:60px}.wtx b{font-size:18px}.wbody{padding:0 14px 14px 86px}
.wcard{margin:-62px -4px 18px;padding:24px 26px}}
/* header isikli gecis (Kaan referansi): kenarlar koyu, orta aydinlik */
@media (max-width:768px){
.mtop,.hdr{background:radial-gradient(ellipse 75% 140% at 50% 30%,#2b2d33 0%,#202226 55%,#0b0b0d 100%)!important}
.mtop{border-bottom:0}
}
/* header v3 – Kaan mockup olculeri */
@media (max-width:768px){
.mtop{padding:12px 18px 4px;height:44px;box-sizing:content-box;background:radial-gradient(ellipse 70% 260% at 50% 100%,#33363d 0%,#26282d 50%,#0e0f11 100%)!important}
.hdr{background:radial-gradient(ellipse 70% 130% at 50% 0%,#33363d 0%,#26282d 50%,#0e0f11 100%)!important}
.msoc{gap:26px}.msoc svg{width:24px;height:24px;stroke-width:2}
.bal{font-size:16px;gap:10px}.bal b{font-size:22px}.eye svg{width:20px;height:20px}
.hrow{padding:4px 18px 12px;gap:12px}.burger{font-size:26px;color:#c9cdd4;padding:0}
.logo img{height:42px}
.hic svg{width:28px;height:28px;stroke:#b9bdc4;stroke-width:1.6}.hic+.hic{margin-left:18px}
.hic i{top:-10px;right:-14px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;display:grid;place-items:center;font:600 12px/1 sans-serif;background:#e04a4a!important}
.search{background:#1d1f23;border-radius:6px;height:44px;margin-top:6px}.search input{font-size:16px;color:#d8dbe0}.search input::placeholder{color:#c6c9cf}
.search button{font-size:0;width:44px;background:no-repeat center/22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8eaee' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E")}
}
@media (max-width:768px){
.mtop{padding:12px 18px 0;height:32px}.hdr{box-shadow:none!important}
.msoc{gap:24px}.msoc svg{width:26px;height:26px;stroke-width:2.2}
.hrow{padding:8px 18px 10px}.hic svg{width:30px;height:30px}.hic+.hic{margin-left:22px}
.hic i{top:-14px;right:-16px;min-width:26px;height:26px;border-radius:13px;font-size:13px}
.search{margin-top:4px}.search input{padding:0 16px}
}
@media (max-width:768px){
.logo img{height:46px}.hic svg{width:34px;height:34px}.hic i{top:-12px;right:-14px}
.search{margin-top:10px}.hrow{padding-bottom:6px}.hdr{padding-bottom:6px}
.msoc svg{color:#d9dce1}
}
/* header v4 – cizgisiz, daha isiltili (Kaan mockup) */
@media (max-width:768px){
.hdr::before{display:none!important}
.mtop,.hdr,.hrow,.util{border:0!important;box-shadow:none!important}
.mtop{background:radial-gradient(ellipse 60% 300% at 12% 100%,#3a3d50 0%,#2e3036 50%,#2a2b2f 100%)!important}
.hdr{background:radial-gradient(ellipse 60% 120% at 12% 0%,#3a3d50 0%,#2e3036 50%,#2a2b2f 100%)!important}
}