/**
 * PegaiPOS — Sepet sayfası (müşteri)
 * Apple Liquid Glass tokens
 */

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{font-family:var(--cust-font,-apple-system,BlinkMacSystemFont,sans-serif);background:transparent;color:var(--cust-text);max-width:430px;margin:0 auto;min-height:100vh;}
.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:var(--cust-surface-chrome);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border-bottom:none;box-shadow:var(--glass-inset);position:sticky;top:0;z-index:100;}
.top-btn{width:36px;height:36px;border-radius:var(--radius-full);background:var(--cust-muted);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cust-text-2);flex-shrink:0;transition:all var(--transition-fast);text-decoration:none;}
.top-btn:active{background:var(--cust-border);}
.top-title{font-size:1rem;font-weight:700;color:var(--cust-text);letter-spacing:-.01em;}
.top-trash{background:none;border:none;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--cust-text);border-radius:var(--radius-sm);transition:all var(--transition-fast);}
.top-trash:active{background:var(--cust-muted);}
.top-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0;}
.cust-theme-btn{width:36px;height:36px;border-radius:var(--radius-full);background:var(--cust-muted);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--cust-text-2);flex-shrink:0;padding:0;transition:background var(--transition-fast),color var(--transition-fast);}
.cust-theme-btn:active{background:var(--cust-border);}
.restoran-kart{background:var(--cust-surface-solid);margin:.75rem .75rem .25rem;border-radius:var(--radius-xl);padding:.85rem 1rem;display:flex;align-items:center;gap:.85rem;cursor:pointer;}
.restoran-kart:active{background:var(--cust-muted);}
.rest-logo{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--cust-muted);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:var(--cust-on-fill);}
.rest-logo img{width:100%;height:100%;object-fit:cover;}
.rest-ad{font-size:.92rem;font-weight:700;color:var(--cust-text);flex:1;min-width:0;}
.rest-chevron{color:var(--cust-placeholder);flex-shrink:0;}
.section-header{padding:.9rem 1rem .4rem;display:flex;align-items:center;justify-content:space-between;}
.section-title{font-size:1.1rem;font-weight:800;color:var(--cust-text);letter-spacing:-.02em;}
.yeni-urun-btn{font-size:.82rem;font-weight:700;color:var(--cust-text);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:.35rem .6rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none;}
.yeni-urun-btn:active{background:var(--cust-muted);}
.sepet-liste{padding:0 .75rem;}
.sepet-item{background:var(--cust-surface-solid);border-radius:var(--radius-xl);padding:.95rem 1rem;margin-bottom:.5rem;border-bottom:1px solid var(--cust-separator);}
.sepet-item:last-child{border-bottom:none;}
.si-ust{display:flex;align-items:flex-start;gap:.75rem;}
.si-resim{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--cust-muted);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.si-resim img{width:100%;height:100%;object-fit:cover;display:block;}
.si-bilgi{flex:1;min-width:0;}
.si-ad{font-size:.88rem;font-weight:700;color:var(--cust-text);line-height:1.35;margin-bottom:.3rem;}
.si-ops-wrap{margin:.1rem 0 .3rem;}
.si-op-satir{font-size:.78rem;color:var(--cust-text-2);line-height:1.5;}
.si-op-satir .op-grup{font-weight:600;color:var(--cust-text-2);}
.si-op-fiyat{color:var(--success);font-weight:700;}
.si-not-row{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;margin:.35rem 0 .1rem;}
.si-not{width:100%;font-size:.78rem;color:var(--cust-text-2);line-height:1.4;}
.si-not-btn{display:inline-flex;align-items:center;gap:.3rem;margin-top:.15rem;padding:.35rem 0;background:none;border:none;font:inherit;font-size:.76rem;font-weight:700;color:var(--cust-text);cursor:pointer;-webkit-tap-highlight-color:transparent;}
.si-not-btn:active{opacity:.7;}
.si-not-btn svg{color:var(--cust-text-3);flex-shrink:0;}
/* Ürün notu sheet — ödeme not modalı ile aynı dil */
.modal-wrap{position:fixed;inset:0;background:var(--scrim);z-index:3000;opacity:0;visibility:hidden;transition:all var(--transition-base);display:flex;align-items:flex-end;}
.modal-wrap.open{opacity:1;visibility:visible;}
.modal-box{background:var(--cust-surface-solid);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom));transform:translateY(100%);transition:all var(--transition-base);}
.modal-wrap.open .modal-box{transform:translateY(0);}
.modal-handle{width:36px;height:4px;background:var(--cust-border);border-radius:var(--radius-xs);margin:0 auto .85rem;}
.modal-title{font-size:.92rem;font-weight:800;color:var(--cust-text);margin-bottom:.75rem;}
.not-textarea{width:100%;border:1.5px solid var(--cust-border);border-radius:var(--radius-lg);padding:.75rem .9rem;font-size:16px;font-family:inherit;outline:none;resize:none;min-height:100px;color:var(--cust-text);box-sizing:border-box;background:var(--cust-surface-solid);}
.not-textarea:focus{border-color:var(--cust-text);}
.modal-btn-full{width:100%;padding:.82rem;background:var(--cust-fill);color:var(--cust-on-fill);border:none;border-radius:var(--radius-xl);font-size:.92rem;font-weight:700;font-family:inherit;cursor:pointer;margin-top:.65rem;}
.si-ops-toggle{background:none;border:none;cursor:pointer;font-size:.78rem;font-weight:700;color:var(--cust-text);padding:.1rem 0;display:inline-flex;align-items:center;gap:.2rem;font-family:inherit;margin-top:.15rem;}
.si-ops-toggle svg{transition:all var(--transition-base);}
.si-ops-toggle.acik svg{transform:rotate(180deg);}
.si-alt{display:flex;align-items:center;justify-content:space-between;margin-top:.55rem;}
.si-fiyat{font-size:.95rem;font-weight:800;color:var(--cust-text);}
.si-kontrol{display:flex;align-items:center;gap:.5rem;}
.si-sil-btn{width:30px;height:30px;border-radius:var(--radius-full);background:var(--cust-muted);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cust-text-2);transition:all var(--transition-fast);}
.si-sil-btn:active{background:var(--cust-border);}
.adet-grup{display:flex;align-items:center;gap:.4rem;background:var(--cust-muted);border-radius:var(--radius-full);padding:.2rem .35rem;}
.adet-btn{width:26px;height:26px;border-radius:var(--radius-full);background:var(--cust-surface-solid);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--cust-text);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);}
.adet-btn:active{background:var(--cust-muted);}
.adet-sayi{font-size:.88rem;font-weight:800;color:var(--cust-text);min-width:20px;text-align:center;}
.ozet-kart{background:var(--cust-surface-solid);border-radius:var(--radius-xl);margin:.25rem .75rem .5rem;padding:.9rem 1rem;}
.ozet-satir{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.88rem;color:var(--cust-text-2);}
.ozet-satir.toplam{font-size:.98rem;font-weight:800;color:var(--cust-text);border-top:1px solid var(--cust-muted);margin-top:.3rem;padding-top:.65rem;}
.ozet-toplam-label{font-size:.98rem;font-weight:800;}
.oneriler-wrap{margin:.5rem 0 0;}
.oneriler-baslik{padding:.9rem 1rem .55rem;font-size:1.05rem;font-weight:800;color:var(--cust-text);letter-spacing:-.01em;}
.oneriler-scroll{display:flex;gap:.65rem;overflow-x:auto;padding:0 .75rem 1rem;scrollbar-width:none;}
.oneriler-scroll::-webkit-scrollbar{display:none;}
.oneri-kart{flex-shrink:0;width:155px;background:var(--cust-surface-solid);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;}
.oneri-kart:active{opacity:.85;}
.oneri-img{width:100%;height:120px;background:var(--cust-muted);display:flex;align-items:center;justify-content:center;font-size:2rem;overflow:hidden;}
.oneri-img img{width:100%;height:100%;object-fit:cover;display:block;}
.oneri-bilgi{padding:.65rem .75rem .75rem;}
.oneri-ad{font-size:.8rem;font-weight:700;color:var(--cust-text);line-height:1.3;margin-bottom:.4rem;min-height:2rem;}
.oneri-alt{display:flex;align-items:center;justify-content:space-between;}
.oneri-fiyat{font-size:.88rem;font-weight:800;color:var(--cust-text);}
.oneri-ekle{width:28px;height:28px;border-radius:var(--radius-full);background:var(--cust-fill);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cust-on-fill);flex-shrink:0;transition:all var(--transition-fast);}
.oneri-ekle:active{background:var(--cust-text-2);}
.alt-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:var(--cust-surface-solid);border-top:1px solid var(--cust-muted);padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));display:flex;align-items:center;gap:.85rem;box-shadow:0 -4px 20px var(--separator);}
.alt-tutar{display:flex;flex-direction:column;gap:.04rem;min-width:0;}
.alt-tutar-label{font-size:.68rem;color:var(--cust-text-3);font-weight:600;white-space:nowrap;}
.alt-tutar-fiyat{font-size:1.05rem;font-weight:800;color:var(--cust-text);white-space:nowrap;}
.btn-devam{flex:1;padding:.8rem 1.2rem;background:var(--cust-fill);color:var(--cust-on-fill);border:none;border-radius:var(--radius-xl);font-size:.92rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all var(--transition-fast);white-space:nowrap;}
.btn-devam:active{background:var(--cust-text-2);}
.btn-devam:disabled{background:var(--cust-placeholder);cursor:not-allowed;}
.sepet-bos{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1.5rem;text-align:center;gap:1rem;}
.sepet-bos-icon{color:var(--cust-placeholder);}
.sepet-bos-title{font-size:1rem;font-weight:800;color:var(--cust-text-2);}
.sepet-bos-sub{font-size:.85rem;color:var(--cust-text-3);line-height:1.5;}
.btn-menu-don{display:inline-flex;align-items:center;gap:.45rem;padding:.75rem 1.5rem;background:var(--cust-fill);color:var(--cust-on-fill);border-radius:var(--radius-xl);text-decoration:none;font-size:.88rem;font-weight:700;margin-top:.5rem;}
.btn-menu-don:active{background:var(--cust-text-2);}
.pb{padding-bottom:5.5rem;}
.toast{position:fixed;top:calc(1rem + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%) translateY(-8px);background:var(--cust-fill);color:var(--cust-on-fill);padding:.65rem 1.25rem;border-radius:var(--radius-full);font-size:.83rem;font-weight:600;z-index:10050;opacity:0;transition:opacity var(--transition-base),transform var(--transition-base);pointer-events:none;white-space:nowrap;max-width:min(92vw,22rem);overflow:hidden;text-overflow:ellipsis;box-shadow:var(--shadow-lg);}
.toast.goster{opacity:1;transform:translateX(-50%) translateY(0);}
.onay-overlay{position:fixed;inset:0;background:var(--scrim);z-index:5000;opacity:0;visibility:hidden;transition:all var(--transition-base);display:flex;align-items:flex-end;}
.onay-overlay.open{opacity:1;visibility:visible;}
.onay-box{background:var(--cust-surface-solid);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));transform:translateY(100%);transition:all var(--transition-base);}
.onay-overlay.open .onay-box{transform:translateY(0);}
.onay-handle{width:36px;height:4px;background:var(--cust-border);border-radius:var(--radius-xs);margin:0 auto 1rem;}
.onay-title{font-size:1rem;font-weight:800;color:var(--cust-text);margin-bottom:.35rem;}
.onay-sub{font-size:.85rem;color:var(--cust-text-2);line-height:1.5;margin-bottom:1.1rem;}
.onay-btns{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;}
.onay-vazgec{padding:.8rem;border:1.5px solid var(--cust-border);border-radius:var(--radius-lg);background:var(--cust-surface-solid);font-size:.88rem;font-weight:700;font-family:inherit;cursor:pointer;color:var(--cust-text-2);}
.onay-tamam{padding:.8rem;border:none;border-radius:var(--radius-lg);background:var(--cust-fill);color:var(--cust-on-fill);font-size:.88rem;font-weight:700;font-family:inherit;cursor:pointer;}