/* v500 — Satış ekranı: adisyon ve ürünler (kullanıcı tasarımı, 16.10.2026: "adisyon ve ürünler bu şekilde yap").
   Sol sütun: üstte masa seçici (yalnız stil ile — öğe yerinde kalır, eski şerit kodu ve testleri bozulmaz), "Tüm Ürünler" +
   simgeli kategori satırları (seçili dolu petrol), altta dolu "Masalar" düğmesi. Orta: Masa Taşı · Masa Birleştir · Müşteri
   Seç, arama + kart / liste, kategori bölümleri ("Tümünü Gör ›"), ürün kartı (ad, fiyat, "+" düğmesi). Sağ: renkli dört
   adisyon düğmesi (Yazdır mavi · Beklet sarı · Hesap İsteği yeşil · İptal kırmızı), Ürün / Adet / Tutar bandı, boş adisyon
   çizimi, Ara Toplam ve dolu ÖDEME AL. Renkler ops-screens-v498 --op-* değişkenlerinden (açık / koyu / karma); iki düzen,
   768 px üstü. "Tüm Ürünler" ve "Tümünü Gör" table-ops-v304 ekler. Eski katmanları geçmek için yedi :not(#…). */
@media (min-width: 768px) {
/* ---------- iskelet ---------- */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-layout { background: var(--op-stage) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-layout:has(.ts328-strip .pos-v247-table-select) { position: relative !important; }
/* ---------- sol sütun ---------- */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats { display: flex !important; flex-direction: column !important; gap: 6px !important; background: var(--op-card) !important; border-right: 1px solid var(--op-line) !important; padding: 12px !important; box-shadow: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-layout:has(.ts328-strip .pos-v247-table-select) > .resto-cats { padding-top: 88px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat-grid { display: flex !important; flex-direction: column !important; gap: 6px !important; padding: 0 !important; margin: 0 !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat {
  flex: 0 0 auto !important; display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-height: 54px !important; height: auto !important; margin: 0 !important; padding: 8px 10px !important;
  border-radius: 12px !important; border: 1px solid var(--op-line-strong) !important; background: var(--op-card) !important; color: var(--op-fg) !important; box-shadow: none !important; text-align: left !important;
}
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat::before, html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat::after { content: none !important; display: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat .resto-cat-code {
  display: inline-block !important; flex: 0 0 auto !important; width: 24px !important; height: 24px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  font-size: 0 !important; color: transparent !important; background: var(--op-fg) !important; -webkit-mask: var(--pp391-mask) center / 22px 22px no-repeat; mask: var(--pp391-mask) center / 22px 22px no-repeat; box-shadow: none !important;
}
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat .resto-cat-code svg { display: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat.op500-all .resto-cat-code { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat .resto-cat-name { flex: 1 1 auto !important; min-width: 0 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.25 !important; color: inherit !important; -webkit-text-fill-color: currentColor !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; hyphens: auto !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat[aria-pressed="true"], html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat.active { background: var(--op-accent) !important; border-color: var(--op-accent) !important; color: var(--op-accent-fg) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat[aria-pressed="true"] .resto-cat-code, html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat.active .resto-cat-code { background: var(--op-accent-fg) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat:not([aria-pressed="true"]):hover { border-color: var(--op-accent-line) !important; background: var(--op-accent-soft) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .pos-v247-tables-shortcut {
  flex: 0 0 auto !important; margin-top: auto !important; position: sticky !important; bottom: 0 !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; width: 100% !important; min-height: 72px !important; padding: 0 14px !important;
  border-radius: 14px !important; border: 0 !important; background: var(--op-accent) !important; color: var(--op-accent-fg) !important; box-shadow: none !important; font-size: 24px !important; font-weight: 800 !important;
}
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .pos-v247-tables-shortcut * { color: inherit !important; -webkit-text-fill-color: currentColor !important; font-size: inherit !important; font-weight: inherit !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .pos-v247-tables-shortcut svg { width: 30px !important; height: 30px !important; }
/* v506 (kullanıcı fotoğrafı: "fazla kategori olunca Masalar kartının arkasına geçiyor, basmak mümkün olmuyor"): kategori
   listesi kendi içinde kayar; "Tüm Ürünler" üstte, Masalar altta sabit (sütun artık taşmaz, hiçbir kategori örtülmez). */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats { overflow: hidden !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat-grid { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; scrollbar-width: thin !important; padding-bottom: 2px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats > :is(.op500-all), html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats > :is(.pos-v247-tables-shortcut) { flex-shrink: 0 !important; }
/* v506: Yönetimde kategoriye seçilen simge (emoji) görünür; çizgisel simge (pos-photos data-pp391-icon) yalnız simge seçilmemişse */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell:not(#ss500h) .resto-cats .resto-cat .resto-cat-code:not([data-pp391-icon]) { display: inline-grid !important; place-items: center !important; font-size: 18px !important; line-height: 1 !important; color: inherit !important; -webkit-text-fill-color: currentColor !important; background: transparent !important; -webkit-mask: none !important; mask: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell:not(#ss500h) .resto-cats .op500-all .resto-cat-code:not([data-pp391-icon]) { background: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat !important; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat !important; }
/* karma tema (v355): kategori sütunu Koyu Petrol; satırlar saydam, seçili beyaz */
html:root[data-valenzo-pos-variant="hybrid"]:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats { background: #062B2D !important; border-right-color: #062B2D !important; }
html:root[data-valenzo-pos-variant="hybrid"]:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat { background: rgb(255 255 255 / .06) !important; border-color: rgb(255 255 255 / .14) !important; color: #E8F5F3 !important; }
html:root[data-valenzo-pos-variant="hybrid"]:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat .resto-cat-code { background: #E8F5F3 !important; }
html:root[data-valenzo-pos-variant="hybrid"]:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat[aria-pressed="true"] { background: #FFFFFF !important; border-color: #FFFFFF !important; color: #062B2D !important; }
html:root[data-valenzo-pos-variant="hybrid"]:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat[aria-pressed="true"] .resto-cat-code { background: #062B2D !important; }
html:root[data-valenzo-pos-variant="hybrid"]:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .resto-cat:not([aria-pressed="true"]):hover { background: rgb(255 255 255 / .12) !important; }
html:root[data-valenzo-pos-variant="hybrid"]:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cats .pos-v247-tables-shortcut { background: #FFFFFF !important; color: #062B2D !important; }
/* masa seçici: sol sütunun tepesinde */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-table-select {
  position: absolute !important; left: 12px !important; top: 12px !important; z-index: 3 !important; width: 167px !important; max-width: none !important; height: 64px !important; margin: 0 !important; padding: 0 12px 0 10px !important;
  display: grid !important; grid-template-columns: 32px minmax(0, 1fr) !important; align-items: center !important; gap: 8px !important;
  border-radius: 14px !important; border: 1px solid var(--op-line) !important; background: var(--op-card) !important; color: var(--op-fg) !important; box-shadow: var(--op-shadow) !important;
}
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-table-select::after { border: 0 !important; border-radius: 0 !important; transform: none !important; content: "" !important; position: absolute !important; right: 14px !important; top: 50% !important; width: 20px !important; height: 20px !important; margin-top: -10px !important; background: var(--op-fg) !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat; pointer-events: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-table-select > span { display: inline-grid !important; place-items: center !important; width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--op-fg) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-table-select > span svg { width: 26px !important; height: 26px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-table-select > b { display: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-table-select select { width: 100% !important; height: 100% !important; min-width: 0 !important; padding: 0 26px 0 0 !important; margin: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; color: var(--op-fg) !important; font-size: 21px !important; font-weight: 800 !important; appearance: none !important; -webkit-appearance: none !important; cursor: pointer !important; text-overflow: ellipsis !important; box-shadow: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell[data-pos-v220-view="quick"] .ts328-strip .pos-v247-table-select select { font-size: 16px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell[data-ts402-bill] .ts328-strip .pos-v247-table-select { background: var(--op-orange-soft) !important; border-color: var(--op-orange-line) !important; }
/* ---------- orta: Masa Taşı · Masa Birleştir · Müşteri Seç ---------- */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .fast-product-area { display: flex !important; flex-direction: column !important; min-height: 0 !important; background: var(--op-stage) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .fast-product-area > :is(.ts328-strip), html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .fast-product-area > :is(.pos-v247-catalog-toolbar) { flex: 0 0 auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .fast-product-area > .fast-products-scroll { flex: 1 1 auto !important; min-height: 0 !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip { display: flex !important; align-items: stretch !important; gap: 12px !important; margin: 0 !important; padding: 12px 16px 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip > .tops304-row { order: 1 !important; display: flex !important; gap: 12px !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip > .pos-v247-order-selectors { order: 2 !important; display: flex !important; flex: 1 1 auto !important; min-width: 0 !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .tops304-hint { display: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .tops304-btn, html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-customer-select {
  display: inline-flex !important; align-items: center !important; gap: 12px !important; height: 64px !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 20px !important;
  border-radius: 14px !important; border: 1px solid var(--op-accent-line) !important; background: var(--op-accent-soft) !important; color: var(--op-fg) !important; box-shadow: none !important;
  font-size: 18px !important; font-weight: 600 !important; letter-spacing: 0 !important; white-space: nowrap !important; cursor: pointer !important;
}
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .tops304-btn svg { width: 24px !important; height: 24px !important; flex: 0 0 auto !important; color: var(--op-accent-ink) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .tops304-btn:disabled { opacity: .55 !important; cursor: default !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-customer-select { position: relative !important; flex: 1 1 auto !important; padding: 0 44px 0 16px !important; display: grid !important; grid-template-columns: 28px minmax(0, 1fr) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-customer-select::after { border: 0 !important; border-radius: 0 !important; transform: none !important; content: "" !important; position: absolute !important; right: 16px !important; top: 50% !important; width: 20px !important; height: 20px !important; margin-top: -10px !important; background: var(--op-fg) !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat; pointer-events: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-customer-select > span { display: inline-grid !important; place-items: center !important; width: 28px !important; height: 28px !important; border: 0 !important; background: transparent !important; color: var(--op-accent-ink) !important; margin: 0 !important; padding: 0 !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-customer-select > b { display: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-customer-select select { width: 100% !important; min-width: 0 !important; height: 100% !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; color: var(--op-fg) !important; font-size: 18px !important; font-weight: 600 !important; appearance: none !important; -webkit-appearance: none !important; text-overflow: ellipsis !important; cursor: pointer !important; box-shadow: none !important; }
/* arama + görünüm */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-catalog-toolbar { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 12px !important; margin: 0 !important; padding: 12px 16px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-catalog-toolbar .resto-search-wrap { display: flex !important; align-items: center !important; gap: 12px !important; height: 58px !important; margin: 0 !important; padding: 0 16px !important; border-radius: 14px !important; border: 1px solid var(--op-line) !important; background: var(--op-card) !important; box-shadow: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-catalog-toolbar .resto-search-wrap:focus-within { border-color: var(--op-accent) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--op-accent) 22%, transparent) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-catalog-toolbar .resto-search-wrap .vz-ico-slot { color: var(--op-fg) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-catalog-toolbar .resto-search-wrap .vz-ico-slot svg { width: 24px !important; height: 24px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-catalog-toolbar .resto-search { height: 100% !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; color: var(--op-fg) !important; font-size: 17px !important; box-shadow: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-catalog-toolbar .resto-search::placeholder { color: var(--op-muted) !important; opacity: 1 !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-catalog-toolbar .pos-v247-view-tools { display: flex !important; gap: 10px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-catalog-toolbar .pos-v247-view-button { display: inline-grid !important; place-items: center !important; width: 58px !important; height: 58px !important; padding: 0 !important; border-radius: 14px !important; border: 1px solid var(--op-line) !important; background: var(--op-card) !important; color: var(--op-fg) !important; box-shadow: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-catalog-toolbar .pos-v247-view-button.active { background: var(--op-accent) !important; border-color: var(--op-accent) !important; color: var(--op-accent-fg) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-catalog-toolbar .pos-v247-view-button svg { width: 24px !important; height: 24px !important; }
/* ---------- ürünler ---------- */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .fast-products-scroll { background: var(--op-stage) !important; padding: 0 16px 16px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-product-groups { display: flex !important; flex-direction: column !important; gap: 18px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-product-group-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-product-group-head h2 { margin: 0 !important; font-size: 22px !important; font-weight: 800 !important; letter-spacing: -.01em !important; color: var(--op-fg) !important; -webkit-text-fill-color: currentColor !important; }
@media (min-width: 1001px) {
  html:root:not([data-vzu-cols]):not([data-valenzo-device="tablet"]):not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-sales:not([data-pos-v247-product-view="list"]) .pos-v247-product-cards { grid-template-columns: repeat(auto-fill, minmax(max(180px, calc((100% - 24px) / 3)), 1fr)) !important; gap: 12px !important; }
}
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-sales:not([data-pos-v247-product-view="list"]) .pos-v247-product-card:not(:has(img)) {
  position: relative !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 10px !important;
  min-height: 104px !important; height: auto !important; margin: 0 !important; padding: 16px !important; container-type: inline-size !important; text-align: left !important;
  border-radius: 12px !important; border: 1px solid var(--op-line-strong) !important; background: var(--op-card) !important; color: var(--op-fg) !important; box-shadow: none !important; background-image: none !important;
}
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-sales:not([data-pos-v247-product-view="list"]) .pos-v247-product-card:not(:has(img))::before { content: none !important; display: none !important; }
/* v508 (kullanıcı fotoğrafı: "şu artı işaretini kaldıralım"): ürün kartında "+" yok, kartın tamamı dokunulur; ad tam genişlik */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-sales:not([data-pos-v247-product-view="list"]) .pos-v247-product-card:not(:has(img))::after { content: none !important; display: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-sales:not([data-pos-v247-product-view="list"]) .pos-v247-product-card:not(:has(img)):hover { border-color: var(--op-accent-line) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-sales:not([data-pos-v247-product-view="list"]) .pos-v247-product-card:not(:has(img)) .resto-product-name { margin: 0 !important; padding: 0 !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.25 !important; color: var(--op-fg) !important; -webkit-text-fill-color: currentColor !important; white-space: normal !important; text-overflow: clip !important; overflow: visible !important; word-break: normal !important; overflow-wrap: anywhere !important; hyphens: manual !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-sales:not([data-pos-v247-product-view="list"]) .pos-v247-product-card:not(:has(img)) .resto-product-price { margin: 0 !important; padding: 0 !important; font-size: 18px !important; font-weight: 600 !important; color: var(--op-fg) !important; -webkit-text-fill-color: currentColor !important; background: transparent !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-product-card .fast-product-badge { position: absolute !important; top: 6px !important; right: 6px !important; left: auto !important; display: grid !important; place-items: center !important; min-width: 26px !important; height: 26px !important; padding: 0 7px !important; border-radius: 13px !important; border: 2px solid var(--op-card) !important; background: var(--op-accent) !important; color: var(--op-accent-fg) !important; font-size: 13px !important; font-weight: 800 !important; z-index: 1 !important; }
/* dar kart (dikey tablet, elle çok sütun): ad harf ortasından bölünmez, yazı küçülür */
@container (max-width: 180px) {
  html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-sales:not([data-pos-v247-product-view="list"]) .pos-v247-product-card:not(:has(img)) .resto-product-name { font-size: 16px !important; }
}
@container (max-width: 140px) {
  html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-sales:not([data-pos-v247-product-view="list"]) .pos-v247-product-card:not(:has(img)) .resto-product-name { font-size: 15px !important; }
  html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .pos-v247-sales:not([data-pos-v247-product-view="list"]) .pos-v247-product-card:not(:has(img)) .resto-product-price { font-size: 16px !important; }
}
/* ---------- masa kartı: açılış saati (kullanıcı, 16.10.2026: "adisyon açıldı ya ... açılış saati yazılsın") ---------- */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-available-table > .tc500-time {
  grid-column: 2 !important; grid-row: 2 !important; align-self: end !important; justify-self: end !important; position: static !important;
  display: inline-flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; padding: 6px 11px !important;
  border-radius: 999px !important; border: 1px solid var(--op-line) !important; background: var(--op-card) !important; color: var(--op-fg) !important;
  font-size: 16px !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; font-variant-numeric: tabular-nums !important; opacity: 1 !important;
}
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-available-table > .tc500-time::before { content: "" !important; width: 17px !important; height: 17px !important; flex: 0 0 auto !important; background: var(--op-accent-ink) !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%206v6l4%202%22%2F%3E%3C%2Fsvg%3E") center / 17px 17px no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%206v6l4%202%22%2F%3E%3C%2Fsvg%3E") center / 17px 17px no-repeat; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-available-table[data-state="requested"] > .tc500-time::before { background: var(--op-orange) !important; }
/* v509: açık masa kartında adisyon tutarı (saatin üstünde, sağda) */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-available-table > .tc509-amount { grid-column: 2 !important; grid-row: 2 !important; align-self: start !important; justify-self: end !important; position: static !important; margin: 2px 2px 0 0 !important; padding: 0 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.2 !important; color: var(--op-fg) !important; white-space: nowrap !important; font-variant-numeric: tabular-nums !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-available-table[data-state="delayed"] > .tc500-time::before { background: var(--op-red) !important; }
/* ---------- sağ: adisyon ---------- */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart { background: var(--op-card) !important; border-left: 1px solid var(--op-line) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(0, 1fr) !important; gap: 8px !important; margin: 0 !important; padding: 10px !important; background: transparent !important; border: 0 !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-pos-v247-action="payment"] { display: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button {
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; min-height: 90px !important; height: auto !important; min-width: 0 !important; margin: 0 !important; padding: 8px 3px !important;
  border-radius: 12px !important; border: 1px solid var(--op-line) !important; background: var(--op-card) !important; color: var(--op-fg) !important; box-shadow: none !important; background-image: none !important;
}
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button .pos-v247-action-icon { display: inline-grid !important; place-items: center !important; width: 32px !important; height: 32px !important; margin: 0 !important; border-radius: 10px !important; border: 0 !important; background: transparent !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button .pos-v247-action-icon svg { width: 26px !important; height: 26px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button .pos-v247-action-label { font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; color: var(--op-fg) !important; -webkit-text-fill-color: currentColor !important; white-space: normal !important; letter-spacing: 0 !important; text-transform: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-pos-v247-action="print"] { background: var(--op-blue-soft) !important; border-color: var(--op-blue-line) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-pos-v247-action="print"] .pos-v247-action-icon { color: var(--op-blue) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-pos-v247-action="hold"] { background: var(--op-yellow-soft) !important; border-color: var(--op-yellow-line) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-pos-v247-action="hold"] .pos-v247-action-icon { background: #F59E0B !important; color: #FFFFFF !important; width: 34px !important; height: 34px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-pos-v247-action="hold"] .pos-v247-action-icon svg { width: 22px !important; height: 22px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-ts331="bill"] { background: var(--op-green-soft) !important; border-color: var(--op-green-line) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-ts331="bill"] .pos-v247-action-icon { color: var(--op-green) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-ts331="bill"][aria-pressed="true"], html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-ts331="bill"][aria-pressed="true"]:hover { background: var(--op-orange) !important; border-color: var(--op-orange) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-ts331="bill"][aria-pressed="true"] :is(.pos-v247-action-icon), html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-ts331="bill"][aria-pressed="true"] :is(.pos-v247-action-label) { color: #FFFFFF !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-pos-v247-action="cancel"] { background: var(--op-red-soft) !important; border-color: var(--op-red-line) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-pos-v247-action="cancel"] :is(.pos-v247-action-icon), html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button[data-pos-v247-action="cancel"] :is(.pos-v247-action-label) { color: var(--op-red) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button:disabled { opacity: .55 !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button.kds412-send { background: var(--op-accent) !important; border-color: var(--op-accent) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button.kds412-send :is(.pos-v247-action-icon), html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions > button.kds412-send :is(.pos-v247-action-label) { color: var(--op-accent-fg) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions:has(> button.kds412-send) { gap: 6px !important; padding: 10px 8px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions:has(> button.kds412-send) > button { padding: 8px 3px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions:has(> button.kds412-send) > button .pos-v247-action-label { font-size: 11px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions:has(> button.kds412-send) > button .pos-v247-action-icon { width: 30px !important; height: 30px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-actions:has(> button.kds412-send) > button .pos-v247-action-icon svg { width: 24px !important; height: 24px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .pos-v247-cart-columns { height: auto !important; min-height: 46px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 110px 96px !important; align-items: center !important; margin: 0 10px !important; padding: 12px 14px !important; border-radius: 10px !important; border: 0 !important; background: var(--op-soft) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .pos-v247-cart-columns > span { font-size: 16px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--op-fg) !important; -webkit-text-fill-color: currentColor !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .pos-v247-cart-columns > span:nth-child(2) { text-align: center !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .pos-v247-cart-columns > span:nth-child(3) { text-align: right !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-cart-row { border-bottom: 1px solid var(--op-line) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-cart-row .pos-v247-cart-name { font-size: 16px !important; font-weight: 600 !important; color: var(--op-fg) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-cart-row .pos-v247-cart-amount { font-size: 16px !important; font-weight: 700 !important; color: var(--op-fg) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-cart-row .resto-qty { border-radius: 10px !important; border: 1px solid var(--op-line-strong) !important; background: var(--op-card) !important; color: var(--op-accent-ink) !important; }
/* boş adisyon */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-cart-list > .place-items-center > div { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 14px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-cart-list > .place-items-center > div::before { content: "" !important; width: 140px !important; height: 104px !important; background: color-mix(in srgb, var(--op-muted) 70%, transparent) !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2090%22%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2210%22%20r%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%225%22%2F%3E%3Cpath%20d%3D%22M60%2016v6M16%2066a44%2044%200%200%201%2088%200%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M38%2034a30%2030%200%200%201%2016-8%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.45%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2266%22%20width%3D%22108%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%225%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2090%22%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2210%22%20r%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%225%22%2F%3E%3Cpath%20d%3D%22M60%2016v6M16%2066a44%2044%200%200%201%2088%200%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M38%2034a30%2030%200%200%201%2016-8%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.45%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2266%22%20width%3D%22108%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%225%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-cart-list > .place-items-center > div > p:first-child { display: none !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-cart-list > .place-items-center > div > p:last-child { margin: 0 !important; max-width: 220px !important; font-size: 21px !important; font-weight: 600 !important; line-height: 1.35 !important; color: var(--op-muted) !important; text-align: center !important; }
/* toplam + ödeme */
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-cart-bottom { padding: 12px !important; border-top: 1px solid var(--op-line) !important; background: var(--op-card) !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-total { display: flex !important; justify-content: space-between !important; align-items: baseline !important; margin: 0 0 12px !important; padding: 0 6px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-total > span { font-size: 21px !important; font-weight: 700 !important; color: var(--op-fg) !important; -webkit-text-fill-color: currentColor !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .resto-total > span:last-child { font-weight: 800 !important; font-variant-numeric: tabular-nums !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .pos-v247-pay-primary {
  display: grid !important; grid-template-columns: 30px minmax(0, 1fr) auto 20px !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-height: 76px !important; margin: 0 !important; padding: 0 14px 0 18px !important;
  border-radius: 14px !important; border: 0 !important; background: var(--op-accent) !important; background-image: none !important; color: var(--op-accent-fg) !important; box-shadow: none !important; opacity: 1 !important; filter: none !important;
}
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .pos-v247-pay-primary * { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .pos-v247-pay-primary > b { white-space: nowrap !important; text-align: left !important; font-size: 20px !important; font-weight: 800 !important; letter-spacing: .01em !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .pos-v247-pay-primary > strong { white-space: nowrap !important; font-size: 20px !important; font-weight: 800 !important; font-variant-numeric: tabular-nums !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .pos-v247-pay-primary svg { width: 24px !important; height: 24px !important; }
html:root:not(#ss500a):not(#ss500b):not(#ss500c):not(#ss500d):not(#ss500e):not(#ss500f):not(#ss500g) body .pos-v247-shell.pos-v220-shell .resto-cart .pos-v247-pay-primary:disabled { cursor: default !important; }
}