*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#1c1917;color:#fafaf9;line-height:1.5;padding-bottom:96px}
a{color:inherit}
.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(28,25,23,.95);border-bottom:1px solid #44403c}
.bar .logo{font-size:20px;font-weight:900;text-decoration:none}
.bar .logo span{color:#f97316}
.adim{font-size:14px;font-weight:800;color:#fdba74;background:#292524;padding:4px 12px;border-radius:999px}
main{max-width:560px;margin:0 auto;padding:16px 14px}
h1{font-size:26px;font-weight:900;line-height:1.2}
h2{font-size:19px;font-weight:800;margin:18px 0 8px}
p.alt-yazi{color:#d6d3d1;margin-top:6px}
.kart{background:#292524;border:1px solid #44403c;border-radius:18px;padding:16px;margin-top:14px}
.kart.orta{text-align:center}
.buyuk{font-size:52px}
.not{font-size:14px;color:#a8a29e;margin-top:8px}
.not a{color:#fdba74;font-weight:800}
.hata{background:#7f1d1d;border:1px solid #ef4444;color:#fecaca;border-radius:14px;padding:12px;margin-top:12px;font-weight:700}
.sayac{display:flex;align-items:center;justify-content:center;gap:18px}
.sayac button{width:56px;height:56px;border-radius:50%;border:0;background:#44403c;color:#fff;font-size:28px;font-weight:800;cursor:pointer}
.sayac button:disabled{opacity:.3}
.sayac b{font-size:38px;min-width:60px;text-align:center}
.saatler{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.secim{border:2px solid #44403c;background:#1c1917;color:#fafaf9;border-radius:12px;padding:11px 4px;font-size:16px;font-weight:800;cursor:pointer;text-align:center}
.secim.secili{border-color:#f97316;background:#7c2d12}
.secenekler{display:grid;gap:10px}
.secenek{display:flex;align-items:center;gap:14px;text-align:left;border:2px solid #44403c;background:#1c1917;color:#fafaf9;border-radius:16px;padding:16px;cursor:pointer;font-size:16px}
.secenek .ikon{font-size:34px}
.secenek b{display:block;font-size:18px}
.secenek.secili{border-color:#f97316;background:#431407}
.kroki{display:grid;gap:3px;background:#f5f5f4;background-image:linear-gradient(#e7e5e4 1px,transparent 1px),linear-gradient(90deg,#e7e5e4 1px,transparent 1px);background-size:calc(100% / 16) calc(100% / 9);border:3px solid #78716c;border-radius:12px;padding:6px;margin-top:10px}
.kroki .h{display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:5px;min-width:0;min-height:0}
.kroki .blok{font-size:clamp(9px,2.4vw,13px);font-weight:800;color:#1c1917;line-height:1.1;text-align:center;overflow:hidden}
.kroki .blok.wall{background:repeating-linear-gradient(45deg,#57534e 0 5px,#44403c 5px 10px);border-radius:2px}
.kroki .blok.window{background:linear-gradient(135deg,#bae6fd,#e0f2fe 50%,#7dd3fc);opacity:.85;font-size:10px}
.kroki .blok.door{background:#fef3c7;border:2px dashed #d97706;color:#78350f}
.kroki .blok.grill{background:linear-gradient(180deg,#fdba74,#ea580c);color:#fff}
.kroki .blok.kitchen{background:#fde68a;color:#78350f}
.kroki .blok.wc{background:#bfdbfe;color:#1e3a8a}
.kroki .blok.prayer{background:#bbf7d0;color:#14532d}
.kroki .blok.cashier{background:#e9d5ff;color:#581c87}
.kroki .blok.wc_men{background:#bfdbfe;color:#1e3a8a}
.kroki .blok.wc_women{background:#fbcfe8;color:#831843}
.kroki .blok.display{background:linear-gradient(135deg,#ecfeff,#a5f3fc 50%,#ecfeff);border:2px solid #0891b2;color:#155e75}
.kroki .masa{background:transparent;border:0;padding:0;cursor:default}
.kroki .masa span{display:flex;align-items:center;justify-content:center;width:74%;height:58%;font-size:clamp(9px,2.6vw,13px);font-weight:900;border-radius:4px;background:#57534e;color:#a8a29e;box-shadow:0 -.4em 0 -.13em #78716c,0 .4em 0 -.13em #78716c}
.kroki .masa.bos{cursor:pointer}
.kroki .masa.bos span{background:#16a34a;color:#fff;box-shadow:0 -.4em 0 -.13em #a8a29e,0 .4em 0 -.13em #a8a29e}
.kroki .masa.secili span{background:#f97316;color:#1c1917;outline:2px solid #fff}
.kroki .masa.yuvarlak span{width:64%;height:64%;border-radius:50%}
.lejant{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#d6d3d1;margin-top:8px}
.lejant i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px}
.sekmeler{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}
.sekmeler button{font-size:15px;font-weight:800;padding:9px 13px;border-radius:999px;border:2px solid #44403c;background:#292524;color:#fafaf9;cursor:pointer}
.sekmeler button.secili{background:#f97316;border-color:#f97316;color:#1c1917}
.urun{display:flex;gap:12px;background:#292524;border:1px solid #44403c;border-radius:16px;padding:10px;margin-top:10px}
.urun img,.urun .yok{flex:none;width:76px;height:76px;border-radius:12px;object-fit:cover;background:#44403c;display:flex;align-items:center;justify-content:center;font-size:34px}
.urun .ic{flex:1;min-width:0}
.urun b{display:block;font-size:17px}
.porsiyon{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.porsiyon span{font-size:15px;color:#fdba74;font-weight:700}
.adet{display:flex;align-items:center;gap:8px}
.adet button{width:36px;height:36px;border-radius:50%;border:0;background:#44403c;color:#fff;font-size:20px;font-weight:800;cursor:pointer}
.adet button.arti{background:#f97316;color:#1c1917}
.adet b{min-width:20px;text-align:center}
.ozet div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed #44403c}
.ozet .toplam{font-size:20px;font-weight:900;border:0;color:#fdba74}
label.alan{display:block;font-weight:700;margin:12px 0 4px}
input.alan{width:100%;font-size:18px;padding:13px;border-radius:12px;border:2px solid #44403c;background:#1c1917;color:#fafaf9}
input.alan:focus{outline:none;border-color:#f97316}
.onay{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:14px;color:#d6d3d1}
.onay input{width:22px;height:22px;flex:none;margin-top:2px}
.alt{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(28,25,23,.97);border-top:1px solid #44403c;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
.alt-ic{max-width:560px;margin:0 auto;display:flex;align-items:center;gap:10px}
.alt-ic .bilgi{flex:1;font-weight:800;font-size:15px}
.dugme{display:inline-block;text-align:center;text-decoration:none;font-size:17px;font-weight:800;padding:14px 18px;border-radius:14px;border:0;background:#44403c;color:#fff;cursor:pointer;margin-top:10px}
.dugme.ana{background:#f97316;color:#1c1917}
.dugme:disabled{opacity:.35;cursor:default}
.alt .dugme{margin:0}
.kopya{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1c1917;border:2px dashed #f97316;border-radius:14px;padding:12px;margin-top:8px}
.kopya code{font-size:18px;font-weight:900;letter-spacing:1px;word-break:break-all}
.kopya button{flex:none;font-size:15px;font-weight:800;padding:9px 12px;border-radius:10px;border:0;background:#f97316;color:#1c1917;cursor:pointer}
.durum{border-radius:18px;padding:18px;text-align:center;margin-top:12px}
.durum b{display:block;font-size:22px}
.durum.bekliyor{background:#422006;border:2px solid #ca8a04}
.durum.tamam{background:#14532d;border:2px solid #22c55e}
.durum.bitti{background:#44403c;border:2px solid #78716c}
.geri-sayim{font-size:34px;font-weight:900;color:#facc15;margin-top:4px}