/* Kahve Dükkanım - sıcak, rahat kahveci teması */
body.oyunSayfa{background:#2a1a12}
.oAlan{overflow:hidden}
.kdKap{position:absolute;inset:0;overflow:hidden;background:#3a2418;touch-action:none;font-family:Nunito,system-ui,sans-serif}
#kdCv{position:absolute;left:0;top:0;display:block;touch-action:none;cursor:pointer}

/* pencereler: sıcak kahve tonları */
.oModal{background:linear-gradient(180deg,#4a2e1f,#3a2418);border-color:#7a5236;color:#fff3e0}
.oModal h2{color:#ffcf8a}
.oModal p{color:#f3dcc2}
.oModal .satir{border-bottom-color:#ffffff14}
.oModal .butonlar:last-child{background:linear-gradient(to bottom,transparent,#3a2418 35%)}
.oModal .secim button{background:#5a3a28;border-color:#7a5236}
.oModal .secim button.aktif{background:#7a4a1f;border-color:#ffb35c}
.btn{background:linear-gradient(180deg,#ffc98a,#e8954a);color:#3a1a08}
.btnIkincil{background:#5a3a28;color:#fff3e0}

/* üst bilgi */
.kdHud{position:absolute;left:8px;right:8px;top:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;pointer-events:none;z-index:3}
.kdHudSol{display:flex;gap:6px;flex-wrap:wrap}
.kdRozet,.kdSaat{background:#fff8ecee;color:#4a2a17;font:800 15px Nunito,sans-serif;padding:5px 12px;border-radius:20px;box-shadow:0 3px 0 #00000030,0 6px 14px #0003;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.kdSaat{flex-direction:column;gap:0;line-height:1.1;padding:4px 14px;text-align:center}
.kdSaat b{font:800 14px 'Baloo 2',Nunito,sans-serif;color:#a0522d}
.kdSaat span{font-size:13px;color:#6a4a3a}
.kdIkPara{display:inline-block;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3a8,#e0a92a 70%);box-shadow:inset 0 0 0 2px #c48a1a;margin-right:2px}
.kdEtk{position:absolute;right:0;top:44px;font-size:26px;width:42px;height:42px;display:grid;place-items:center;background:#fff8ecee;border-radius:50%;box-shadow:0 3px 0 #00000030;pointer-events:auto}
.kdKap:not(.kdDikey) .kdEtk{position:static}
.kdAfis{position:absolute;left:50%;top:58px;transform:translateX(-50%);z-index:4;background:#fff8ec;color:#4a2a17;border-radius:16px;padding:10px 18px;box-shadow:0 8px 24px #0005;text-align:center;max-width:min(92%,440px);animation:kdAfis .4s ease-out}
.kdAfis b{display:block;font:800 18px 'Baloo 2',Nunito,sans-serif;color:#a0522d}
.kdAfis span{font-size:14px}
@keyframes kdAfis{from{transform:translate(-50%,-20px);opacity:0}}

/* alt menü */
.kdAlt{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 8px max(10px,env(safe-area-inset-bottom));z-index:3;background:linear-gradient(to top,#2a1a12cc,#2a1a1200)}
.kdKap:not(.kdDikey) .kdAlt{flex-direction:row-reverse;justify-content:center;gap:18px;padding-bottom:12px}
.kdAcBtn{font:800 22px 'Baloo 2',Nunito,sans-serif;border:0;border-radius:18px;padding:12px 30px;cursor:pointer;color:#3a1a08;background:linear-gradient(180deg,#ffd9a0,#f0a050 60%,#e08a3a);box-shadow:0 5px 0 #8a4a1a,0 10px 24px #0006,0 0 0 4px #fff3d6aa;animation:kdNabiz 1.6s ease-in-out infinite}
.kdAcBtn:active{transform:translateY(4px);box-shadow:0 1px 0 #8a4a1a}
@keyframes kdNabiz{50%{box-shadow:0 5px 0 #8a4a1a,0 10px 24px #0006,0 0 0 9px #fff3d633}}
.kdAltSira{display:flex;gap:6px;justify-content:center;width:100%;max-width:420px}
.kdKap:not(.kdDikey) .kdAltSira{width:auto}
.kdAltBtn{position:relative;flex:1;max-width:76px;min-width:60px;height:58px;border:0;border-radius:14px;background:#fff8ec;color:#4a2a17;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:0 4px 0 #b9875a,0 6px 14px #0004;font:800 12px Nunito,sans-serif}
.kdAltBtn i{font-style:normal;font-size:22px;line-height:1}
.kdAltBtn:active{transform:translateY(3px);box-shadow:0 1px 0 #b9875a}
.kdNokta{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:#ff4d6d;border:2px solid #fff;animation:kdZipla 1s infinite}
@keyframes kdZipla{50%{transform:translateY(-3px)}}

/* gün içi alt çubuk */
.kdGunAlt{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px max(10px,env(safe-area-inset-bottom));z-index:3;background:linear-gradient(to top,#2a1a12dd,#2a1a1200)}
.kdKap:not(.kdDikey) .kdGunAlt{justify-content:center;gap:24px}
.kdGunBtn{height:48px;border:0;border-radius:14px;padding:0 14px;font:800 16px Nunito,sans-serif;cursor:pointer;background:#fff8ec;color:#4a2a17;box-shadow:0 4px 0 #b9875a;display:inline-flex;align-items:center;gap:6px}
.kdGunBtn.reklam{background:linear-gradient(180deg,#9b85ff,#6a46e0);color:#fff;box-shadow:0 4px 0 #3d2590}
.kdGunBtn i{font-style:normal;font-size:12px}
.kdGunBtn:active{transform:translateY(3px);box-shadow:none}
.kdGunKazanc{background:#2a1a12cc;color:#ffe08a;font:800 20px 'Baloo 2',Nunito,sans-serif;padding:6px 16px;border-radius:14px;display:flex;align-items:center;gap:6px;border:2px solid #ffffff22}
.kdGunKazanc small{color:#f3dcc2;font-size:14px}

/* dekor paneli */
.kdPanel{position:absolute;left:0;right:0;bottom:0;max-height:56%;z-index:5;background:#fff8ec;color:#4a2a17;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px #0006;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);animation:kdPanel .25s ease-out}
.kdKap:not(.kdDikey) .kdPanel{left:auto;width:420px;top:60px;max-height:none;border-radius:20px 0 0 0}
@keyframes kdPanel{from{transform:translateY(40px);opacity:0}}
.kdPanelBas{display:flex;align-items:center;gap:8px;padding:10px 14px 6px;flex-wrap:wrap}
.kdPanelBas b{font:800 18px 'Baloo 2',Nunito,sans-serif}
.kdSirin{font-size:13px;color:#a0522d;font-weight:800;flex:1}
.kdPanelKapat{border:0;background:#f0dcc4;border-radius:50%;width:34px;height:34px;font-size:16px;cursor:pointer;color:#4a2a17}
.kdSekme{display:flex;gap:4px;overflow-x:auto;padding:0 10px 6px;scrollbar-width:none}
.kdSekme::-webkit-scrollbar{display:none}
.kdSekme button{flex:0 0 auto;border:2px solid #ead2b4;background:#fff;border-radius:12px;padding:4px 8px;font:800 12px Nunito,sans-serif;color:#6a4a3a;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:0;min-width:58px}
.kdSekme button span{font-size:10px;white-space:nowrap}
.kdSekme button.aktif{border-color:#e8954a;background:#ffe9cf;color:#4a2a17}
.kdDekorlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;padding:4px 12px 8px;overflow-y:auto;flex:1;min-height:0}
.kdDekor{position:relative;border:2px solid #ead2b4;background:#fff;border-radius:14px;padding:5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;font:800 12px Nunito,sans-serif;color:#4a2a17}
.kdDekor img{width:100%;aspect-ratio:4/3;border-radius:9px;object-fit:cover;background:#f3e2c7}
.kdDekor b{margin-top:3px;line-height:1.1;text-align:center}
.kdDekor small{color:#a0522d}
.kdDekor i{position:absolute;top:8px;right:8px;font-style:normal;background:#fff8ecee;border-radius:8px;padding:0 4px;font-size:11px}
.kdDekor.secili{border-color:#e8954a;box-shadow:0 0 0 3px #e8954a55}
.kdDekor.kullan small{color:#2f9e5a}
.kdPanelAlt{padding:6px 12px 10px;display:flex;justify-content:center}
.kdPanelAlt .btn{min-width:200px}
.kdPanelAlt:empty{display:none}

/* hazırlama ekranı */
.kdHaz{position:absolute;inset:0;z-index:6;background:#2a1a12;display:flex;flex-direction:column}
.kdSipKart{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff8ec;color:#4a2a17;box-shadow:0 4px 10px #0004;z-index:1}
.kdSipKart>div{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.kdSipKart b{font:800 17px 'Baloo 2',Nunito,sans-serif}
.kdSipKart span{font-size:13px;font-weight:800;color:#a0522d}
.kdPortreK{width:42px;height:42px;border-radius:50%;box-shadow:0 0 0 2px #e8954a}
.kdSipIk{width:42px;height:42px}
.kdVazgec{border:0;background:#f0dcc4;border-radius:50%;width:34px;height:34px;cursor:pointer;color:#4a2a17;font-size:15px;flex:0 0 auto}
.kdAdimlar{display:flex;gap:4px;padding:6px 8px;overflow-x:auto;scrollbar-width:none;background:#3a2418}
.kdAdimlar::-webkit-scrollbar{display:none}
.kdAdimlar span{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font:800 12px Nunito,sans-serif;color:#c9a88a;background:#4a2e1f;padding:3px 8px 3px 3px;border-radius:12px}
.kdAdimlar span:before{content:'';display:none}
.kdAdimlar span{counter-increment:none}
.kdAdimlar span b{font-weight:800}
.kdAdimlar span{position:relative}
.kdAdimlar span>*{pointer-events:none}
.kdAdimlar span{white-space:nowrap}
.kdAdimlar span.simdi{background:#e8954a;color:#3a1a08}
.kdAdimlar span.tamam{background:#2f6d4a;color:#d8ffe6}
.kdAdimlar span:not(.simdi) b{display:none}
.kdAdimlar span{min-width:24px;justify-content:center}
.kdIstKutu{flex:1;min-height:0;position:relative;overflow:hidden}
#kdIstCv{position:absolute;inset:0;display:block;touch-action:none}
.kdIstAlt{flex:0 0 auto;min-height:122px;padding:8px 10px max(10px,env(safe-area-inset-bottom));background:#3a2418;border-top:2px solid #ffffff12;display:flex;flex-direction:column;align-items:center;gap:6px}
.kdIpucu{color:#f3dcc2;font-weight:800;font-size:14px;text-align:center}
.kdIpucu b{color:#ffcf8a}
.kdKont{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%;max-width:560px}
.kdBuyukBtn{flex:1 1 220px;max-width:380px;min-height:62px;border:0;border-radius:18px;font:800 20px 'Baloo 2',Nunito,sans-serif;color:#3a1a08;background:linear-gradient(180deg,#ffd9a0,#e8954a);box-shadow:0 5px 0 #8a4a1a;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;transition:transform .06s}
.kdBuyukBtn.kdYarim{flex:1 1 140px}
.kdBuyukBtn.turuncu{background:linear-gradient(180deg,#ffb38a,#e8663a);color:#fff;box-shadow:0 5px 0 #8a2a10}
.kdBuyukBtn.kirmizi{background:linear-gradient(180deg,#ff9a8a,#d8443a);color:#fff;box-shadow:0 5px 0 #7a1a10}
.kdBuyukBtn.basili,.kdBuyukBtn:active{transform:translateY(4px);box-shadow:0 1px 0 #8a4a1a;filter:brightness(1.08)}
.kdBuyukBtn:disabled{opacity:.5}
.kdBtn2{min-height:62px;border:0;border-radius:18px;padding:0 18px;font:800 17px Nunito,sans-serif;background:#5a3a28;color:#fff3e0;box-shadow:0 5px 0 #2a1a12;cursor:pointer}
.kdBtn2:disabled{opacity:.4}
.kdBtn2:active{transform:translateY(4px);box-shadow:none}
.kdSecBtn{flex:1;max-width:120px;border:2px solid #7a5236;background:#4a2e1f;border-radius:16px;padding:6px;cursor:pointer;color:#fff3e0;font:800 14px Nunito,sans-serif;display:flex;flex-direction:column;align-items:center}
.kdSecBtn img{width:48px;height:48px}
.kdSecBtn:active{transform:scale(.96)}
.kdCip{border:2px solid #7a5236;background:#4a2e1f;color:#fff3e0;border-radius:14px;padding:10px 14px;font:800 15px Nunito,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:48px}
.kdCip:active{transform:scale(.96)}
.kdSutI{display:inline-block;width:16px;height:22px;border-radius:4px 4px 6px 6px;background:var(--r);box-shadow:inset 0 -6px 0 #4a90d955}
.kdRaf{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}
.kdMlz{border:2px solid #7a5236;background:#4a2e1f;color:#fff3e0;border-radius:12px;padding:7px 4px;font:800 12px Nunito,sans-serif;cursor:pointer;display:flex;align-items:center;gap:5px;line-height:1.1;text-align:left;min-height:44px}
.kdMlz i{flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:var(--r);box-shadow:inset 0 -3px 0 #0003,0 0 0 2px #ffffff40}
.kdMlz.dogru{background:#2f6d4a;border-color:#4fd17a}
.kdMlz.yanlis{background:#7a2a20;border-color:#e5484d;animation:kdSalla .3s}
@keyframes kdSalla{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.kdSutGosterge{display:inline-block;width:140px;height:16px;border-radius:8px;background:#2a1a12;border:2px solid #7a5236;overflow:hidden;align-self:center}
.kdSutGosterge i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#f3e6d0,#fff)}
.kdServis{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}
.kdServis img{width:120px;height:90px}
.kdServis>div{display:flex;flex-direction:column;align-items:flex-start;color:#fff3e0}
.kdServis b{font:800 22px 'Baloo 2',Nunito,sans-serif;color:#ffcf8a}
.kdServis small{font-weight:800;color:#ffe08a}
.kdKalpler span{font-size:26px;color:#6a4a3a;margin-right:2px}
.kdKalpler span.dolu{color:#ff5d7a;text-shadow:0 0 10px #ff5d7a88}
.kdServis .kdBuyukBtn{flex:1 1 100%}

/* sipariş penceresi */
.kdSipDiyalog,.kdMudDetay{text-align:left}
.kdSipDiyalog{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center}
.kdSipDiyalog .kdKonusma,.kdSipDiyalog .kdSipKutu,.kdSipDiyalog .butonlar{grid-column:1/-1}
.kdPortre{width:84px;height:84px;border-radius:50%;box-shadow:0 0 0 3px #e8954a,0 6px 16px #0006}
.kdKim{display:flex;flex-direction:column;line-height:1.2}
.kdKim b{font:800 22px 'Baloo 2',Nunito,sans-serif;color:#ffcf8a}
.kdKim small{color:#e6c9a8;font-weight:800}
.kdDost{color:#ff7a95;font-size:18px;letter-spacing:1px}
.kdKonusma{position:relative;background:#fff8ec;color:#4a2a17;border-radius:16px;padding:10px 14px;font-weight:800;font-size:15px;margin:6px 0}
.kdKonusma:before{content:'';position:absolute;left:28px;top:-9px;border:10px solid transparent;border-top:0;border-bottom-color:#fff8ec}
.kdSipKutu{display:flex;gap:10px;align-items:center;background:#2a1a1288;border:2px solid #7a5236;border-radius:14px;padding:8px}
.kdSipKutu img{width:60px;height:60px}
.kdSipKutu b{font:800 19px 'Baloo 2',Nunito,sans-serif}
.kdCipler{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.kdCipK{background:#e8954a33;border:1px solid #e8954a88;border-radius:10px;padding:1px 8px;font-size:13px;font-weight:800;color:#ffe3c2}

/* listeler */
.kdAlt2{font-weight:800;color:#e6c9a8!important;margin:4px 0}
.kdListeKap{display:flex;flex-direction:column;gap:6px;text-align:left;margin-top:8px}
.kdListe{display:flex;align-items:center;gap:10px;background:#2a1a1266;border:1px solid #ffffff14;border-radius:14px;padding:6px 8px}
.kdListe img{width:46px;height:46px;flex:0 0 auto}
.kdListe>div{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.kdListe b{font-size:15px}
.kdListe small{color:#e6c9a8;font-size:12px}
.kdListe .kdFiyat{color:#ffe08a;font-weight:800}
.kdListe.kilitli img{filter:grayscale(.7) brightness(.8)}
.kdListe .btn{white-space:nowrap}
.kdAcik{color:#6fe39a;font-weight:800;font-size:13px;white-space:nowrap}
.kdKilit{color:#e6c9a8;font-weight:800;font-size:13px;white-space:nowrap}
.kdBuyukIk{font-size:32px;width:46px;text-align:center}
.kdSeviye{display:flex;gap:4px;margin-top:3px}
.kdSeviye i{width:16px;height:8px;border-radius:4px;background:#ffffff22}
.kdSeviye i.dolu{background:#ffb35c}
.kdMudlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px;margin-top:8px}
.kdMud{position:relative;border:2px solid #7a5236;background:#2a1a1266;border-radius:14px;padding:6px 4px;color:#fff3e0;cursor:pointer;display:flex;flex-direction:column;align-items:center;font:800 13px Nunito,sans-serif;line-height:1.15}
.kdMud img{width:58px;height:58px;border-radius:50%}
.kdMud small{color:#ff7a95;font-size:12px}
.kdMud.kilitli{opacity:.6}
.kdMud.kilitli small{color:#e6c9a8}
.kdMud .kdNokta{top:2px;right:2px}
.kdBolum{font-size:11px;color:#e6c9a8}
.kdBolumler{display:flex;flex-direction:column;gap:6px;text-align:left;margin-top:8px}
.kdBolumK{background:#2a1a1266;border:1px solid #ffffff18;border-radius:12px;padding:8px 12px;font-weight:800;font-size:14px}
.kdBolumK summary{cursor:pointer;color:#ffcf8a}
.kdBolumK p{margin:6px 0 2px;font-weight:600;font-size:14.5px;line-height:1.5}
.kdBolumK.kilitli{color:#bfa58c}
.kdBolumAc{width:100%;animation:kdNabiz2 1.4s infinite}
@keyframes kdNabiz2{50%{filter:brightness(1.12)}}
.kdIlerleme{height:8px;border-radius:4px;background:#ffffff18;margin-top:6px;overflow:hidden}
.kdIlerleme i{display:block;height:100%;background:linear-gradient(90deg,#ffcf8a,#e8954a)}
.kdHikaye{text-align:center}
.kdHikBas{display:inline-block;background:#e8954a;color:#3a1a08;font-weight:800;border-radius:10px;padding:2px 10px;font-size:13px;margin-bottom:6px}
.kdHikaye p{text-align:left;font-size:15.5px;line-height:1.6}
.kdOdul{text-align:center!important;font-weight:800;color:#ffe08a!important}
.kdOzetUst{display:flex;justify-content:center;margin:4px 0 8px}
.kdOzetUst small{color:#e6c9a8;font-weight:800}
.kdRekor{display:inline-block;margin-top:4px;background:#ffcf8a;color:#3a1a08;border-radius:10px;padding:1px 10px;font-weight:800;font-size:13px}
.kdKirmizi,.kdKirmizi b{color:#ff9a8a}
.kdNot{font-weight:800;color:#ffe3c2!important;font-size:14px}
.kdLiderSekme{margin-top:0}

.kdYukle{position:absolute;inset:0;display:grid;place-items:center;background:#3a2418;color:#ffcf8a;font:800 20px 'Baloo 2',Nunito,sans-serif;z-index:9}

/* dar ekran ayarları */
@media (max-width:380px){.kdAltBtn{min-width:52px;height:54px;font-size:11px}.kdAcBtn{font-size:20px;padding:10px 24px}.kdRozet,.kdSaat{font-size:14px;padding:4px 10px}}
@media (max-height:560px){.kdIstAlt{min-height:96px}.kdBuyukBtn,.kdBtn2{min-height:50px}.kdAltBtn{height:50px}}
.oModal .secim button,.kdSekme button,.kdMlz,.kdCip,.kdSecBtn{font-family:Nunito,system-ui,sans-serif}