:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.871 0.15 154.449);
  --chart-2: oklch(0.723 0.219 149.579);
  --chart-3: oklch(0.627 0.194 149.214);
  --chart-4: oklch(0.527 0.154 150.069);
  --chart-5: oklch(0.448 0.119 151.328);
  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
  color-scheme: light;
  --space-4: .25rem;
  --space-8: .5rem;
  --space-16: 1rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-48: 3rem;
  --font-family: 'Inter Variable', sans-serif;
  --font-family-heading: 'Geist Variable', sans-serif;
  --type-title: 500 24px/32px var(--font-family-heading);
  --type-section: 500 16px/24px var(--font-family-heading);
  --type-body: 400 14px/22px var(--font-family);
  --type-control: 500 14px/20px var(--font-family);
  --type-meta: 400 12px/18px var(--font-family);
  --control-height: 44px;
  --action-height: 48px;
  --action-primary: var(--primary);
  --surface-base: var(--background);
  --surface-subtle: var(--muted);
  --surface-tint: var(--accent);
  --text-primary: var(--foreground);
  --text-secondary: var(--muted-foreground);
  --text-tertiary: var(--muted-foreground);
  --text-muted: var(--muted-foreground);
  --control-edge: var(--input);
  --border-soft: var(--border);
  --line: var(--border);
  --surface-selected: var(--accent);
  --surface-pressed: var(--secondary);
  --radius-sm: calc(var(--radius) * .6);
  --radius-md: calc(var(--radius) * .8);
  --radius-lg: var(--radius);
  --radius-control: calc(var(--radius) * 2.6);
  --radius-media: calc(var(--radius) * 1.4);
  --shape-surface: round;
  --shadow-card: none;
  --shadow-pressed: none;
  --page-margin: var(--space-16);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --nav-height: 64px;
  --motion-press: 100ms;
  --motion-state: 160ms;
  --motion-navigation: 260ms;
  --motion-distance: 6px;
  --motion-ease-out: cubic-bezier(.22,1,.36,1);
  --motion-accent: var(--accent);
  --motion-feedback: cubic-bezier(.2,0,0,1);
  --glass-surface: var(--background);
  --glass-blur: none;
  
  --allergen-ink: #75521e;
  --allergen-surface: #fbf5e9;
  --status-success-strong: #3f704a;
  --warning-strong: var(--destructive);
  --accent-butter: #ffe58a;
}
* {box-sizing:border-box;}
[hidden] {display:none !important;}
html {background:var(--surface-base);}
body {margin:0;padding:var(--space-16) var(--page-margin) calc(var(--nav-height) + var(--safe-bottom) + var(--space-48));margin-inline:auto;color:var(--text-primary);background:var(--surface-base);


  font-family:var(--font-family);font-size:14px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;}
button,input,select,textarea {font:inherit;color:inherit;}
button {cursor:pointer;}
img {display:block;max-width:100%;user-select:none;}
a {color:var(--action-primary);}
:focus-visible {scroll-margin-top:var(--top-offset,124px);border-radius:8px;}
.chip {display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-16);border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-base);color:var(--text-primary);font-size:12px;font-weight:500;white-space:nowrap;}



.foto.tek {cursor:default;}

.pricenote {margin:10px 0 0;padding:12px 14px;border-radius:var(--radius-sm);background:#fff1ef;color:var(--warning-strong);font-size:13px;line-height:1.45;}
.pricenote strong {font-weight:700;}

#grid {display:block;padding:0;margin:var(--space-32) 0 0;list-style:none;}
#grid > li.cat {margin:0 0 var(--space-48);}
ul.cards {display:grid;padding:0;margin:0;list-style:none;














  align-items:start;}
ul.cards > li {display:flex;flex-direction:column;min-width:0;background:var(--surface-base);box-shadow:var(--shadow-card);transition:border-color 160ms ease,transform 160ms ease;}






.kart-govde {display:flex;flex-direction:column;flex:1;min-width:0;min-height:96px;justify-content:center;}



.kart-link {display:flex;flex-direction:row;align-items:stretch;gap:16px;padding:8px;min-height:44px;transition:background-color var(--motion-press) var(--motion-feedback);color:inherit;text-decoration:none;border-radius:inherit;}
.kart-link:focus-visible {outline-offset:-3px;}

.kart-meta {display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);margin-top:4px;min-width:0;color:var(--text-tertiary);font-size:12px;line-height:16px;}


.alerjen-cip {display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:8px;gap:4px;background:#fff1ef;color:var(--warning-strong);font-size:12px;font-weight:500;}
.alerjen-cip .system-icon {width:12px;height:12px;}




.photo {width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;background:var(--surface-subtle);}
@media (max-width:359px) {


  ul.cards {grid-template-columns:minmax(0,1fr);}
}
@media (min-width: 620px) {ul.cards {grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
}
.foto {position:relative;cursor:pointer;}
.noktalar {position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:5px;}


.nokta {box-shadow:0 0 3px rgba(0,0,0,.55);}
.nokta.aktif {width:18px;border-radius:999px;background:#fff;}
.head {display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
.item {margin:0;font-family:var(--font-family-heading);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.25;}
.price {color:var(--text-primary);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;}
.desc {display:-webkit-box;margin-top:var(--space-8);overflow:hidden;color:var(--text-muted);font-size:13px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.tags {display:flex;flex-wrap:wrap;gap:4px;margin-top:10px;}
.tag {display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid var(--border);border-radius:999px;color:var(--action-primary);font-size:12px;font-weight:600;}








.reason {overflow-wrap:anywhere;}
.weather-reason,.prep-time {display:inline-flex;align-items:center;gap:4px;}
.weather-reason svg,.prep-time svg {width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.meta {display:flex;gap:10px;margin-top:6px;color:var(--text-muted);font-size:11px;}
.muted {color:var(--text-muted);}
.warn {color:var(--warning-strong);}
.bad {color:var(--warning-strong);}
.ok {color:var(--status-success-strong);}
.pending {color:#8a5a00;}

.qty {display:flex;align-items:center;gap:0;margin-top:8px;padding:0;border:0;border-radius:var(--radius-control);background:var(--surface-subtle);box-shadow:inset 0 0 0 1px var(--control-edge);width:fit-content;}
.qty button {display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--radius-control);background:transparent;font-size:18px;font-weight:400;}
.qty button:not(:disabled):active {background:var(--surface-pressed);box-shadow:var(--shadow-pressed);}
.qty button:disabled {opacity:1;color:var(--text-tertiary);cursor:not-allowed;}
.qty output {min-width:28px;text-align:center;font:var(--type-control);font-variant-numeric:tabular-nums;}































#detail {display:block;margin-top:0;padding-bottom:var(--space-24);}
#detail:focus {outline:none;}
.geri {display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;color:var(--foreground);text-decoration:none;border-radius:var(--radius-sm);}
.geri .system-icon {flex:none;}
.geri:hover {background:var(--muted);}
.detail-content {min-width:0;}



.foto.hero {overflow:hidden;}
.foto.hero .photo {aspect-ratio:auto;object-fit:contain;}
.foto.hero .noktalar {bottom:12px;}




























.acilir {margin-top:0;padding:var(--space-16) 0;border-bottom:1px solid var(--border-soft);}
.acilir summary {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;list-style:none;}
.acilir summary::-webkit-details-marker {display:none;}

.acilir summary::after {content:'⌄';flex:none;color:var(--text-muted);font-size:16px;line-height:1;transition:transform 180ms ease;}
.acilir[open] summary::after {transform:rotate(180deg);}
.acilir-etiket {min-width:0;}
.acilir-etiket strong {display:block;font-size:14px;font-weight:600;}
.acilir-etiket small {display:block;margin-top:2px;color:var(--text-muted);font-size:12px;line-height:1.35;}
.acilir > p {margin:6px 0 4px;color:var(--text-muted);font-size:13px;line-height:1.5;}


.acilir.var .acilir-etiket small {color:var(--warning-strong);font-weight:600;}
.acilir.yok .acilir-etiket small {color:var(--status-success-strong);}












@media (min-width:800px) {.detail-shell {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,0.85fr);gap:32px;align-items:start;}
.detail-media {position:sticky;top:var(--space-24);}
}

:is(.birincil,.birincil-genis,#send) {min-height:var(--action-height);border-radius:var(--radius-control);font:var(--type-control);}
:is(.ikincil,.ikincil-genis,.ikincil-dar) {font:var(--type-control);}
:is(.ikincil,.ikincil-genis,.ikincil-dar):not(:disabled):active {background:var(--surface-pressed);box-shadow:var(--shadow-pressed);}





#sheet {width:min(520px,100%);max-height:88svh;margin:auto auto 0;padding:0;border:1px solid rgba(0,0,0,.06);border-radius:28px 28px 0 0;background:var(--surface-base);color:var(--text-primary);box-shadow:0 -12px 44px rgba(0,0,0,.16);}
#sheet::backdrop {background:rgba(0,0,0,.2);backdrop-filter:blur(2px);}
.sheet-tutamak {width:36px;height:4px;margin:10px auto 0;border-radius:999px;background:var(--border);}
.sheet-bas {position:relative;padding:8px 16px 16px;}
#sheetTitle {max-width:none;padding-right:48px;margin:0;font:var(--type-title);letter-spacing:0;}


.sheet-kapat {position:absolute;top:0;right:8px;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--border-soft);border-radius:999px;background:rgba(255,255,255,0.92);color:var(--text-muted);font:inherit;font-size:15px;cursor:pointer;box-shadow:none;}
#sheetGroups {max-height:min(438px,calc(88svh - 200px));padding:0 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;}
#sheetGroups::-webkit-scrollbar {display:none;}


.choices .grup {margin:24px 0 0;min-width:0;padding:12px 0;border:0;border-top:1px solid var(--border-soft);border-radius:0;background:var(--surface-base);}
.choices .grup + .grup {margin-top:8px;}
.choices .grup.hatali {border-color:var(--warning-strong);box-shadow:inset 3px 0 var(--warning-strong);padding-left:12px;}







.choices legend {float:left;display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:8px;padding:0 0 8px;}
.choices .grup::after {content:'';display:table;clear:both;}
.grup-ad {min-width:0;font:var(--type-control);overflow-wrap:anywhere;}

.grup-yardim {display:block;margin-top:3px;color:var(--text-muted);font-size:12px;font-weight:400;}
.choices .rozet {flex:none;padding:5px 8px;border-radius:999px;background:#fff0ef;color:#b9443d;font:500 11px/16px var(--font-family);}
.choices .rozet.sessiz {background:var(--surface-subtle);color:var(--text-muted);}


.choices .secenek {min-height:52px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px;border-top:0;color:var(--text-secondary);font:var(--type-body);cursor:pointer;}
.choices .secenek:has(input:checked) {background:var(--surface-tint);color:var(--text-primary);font-weight:500;}
.choices .secenek > span:first-child {min-width:0;overflow-wrap:anywhere;}
.choices .secenek:active {background:var(--surface-subtle);}


.choices .secenek .fark {margin-inline-start:auto;font-weight:400;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;}
.choices .secenek input {flex:none;width:20px;height:20px;accent-color:var(--action-primary);}
:is(#sheet,#detail) .hata {display:flex;align-items:center;gap:6px;margin:8px 16px 0;color:#ad4039;font-size:12px;font-weight:600;}
.sheet-bar {padding:12px 16px calc(16px + var(--safe-bottom));border-top:1px solid var(--border-soft);background:var(--surface-base);}


.sheet-bar .birincil {justify-content:center;gap:9px;min-height:var(--action-height);cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.12);}
.sheet-bar .birincil span {margin-left:auto;white-space:nowrap;}


.masa-section-head {grid-column:1 / -1;}
.masa-section-head h3 {margin:0;font-family:var(--font-family-heading);font-size:18px;font-weight:600;line-height:1.2;}
.masa-section-head p {margin:4px 0 0;color:var(--text-muted);font-size:12px;}



.call-icon {display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--surface-tint);color:var(--action-primary);}
.call-icon .system-icon {width:20px;height:20px;}
.call-copy {display:block;}








.bos-isaret {display:grid;place-items:center;border-radius:24px;}
.bos-isaret .system-icon {width:28px;height:28px;}
.ikincil {display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:8px 16px;border:1px solid var(--control-edge);border-radius:var(--radius-control);background:var(--surface-base);color:var(--text-primary);font:var(--type-control);text-decoration:none;}


.not-uyari {margin:0;color:var(--text-muted);font-size:12px;}
.total {display:flex;justify-content:space-between;padding:0 0 10px;border-bottom:1px solid var(--border);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;}
#orderState {margin-top:var(--space-16);min-height:1.2em;font-weight:500;}
#orderState:empty {display:none;}
#orderState.ok,#orderState.pending,#orderState.bad {width:fit-content;max-width:100%;}
#orderState.ok {background:#edf7ef;color:var(--status-success-strong);}
#orderState.bad {background:#fff1ef;color:var(--warning-strong);}










.tur-bas {margin:0 0 6px;color:var(--text-muted);font-size:12px;font-weight:700;}

.cizgi {position:relative;margin:0;padding:0 0 0 18px;list-style:none;}


.cizgi::before {content:'';position:absolute;top:7px;bottom:7px;left:4px;width:2px;background:var(--line);}
.adim {position:relative;display:flex;gap:8px;align-items:baseline;padding:3px 0;color:var(--text-muted);font-size:12px;}
.nokta {position:absolute;top:7px;left:-18px;width:10px;height:10px;border:2px solid var(--line);border-radius:50%;background:var(--surface-base);}



.adim.simdi {color:var(--text-primary);font-weight:500;}
.adim.simdi .nokta {border-color:var(--action-primary);background:var(--action-primary);}
.adim-ad {flex:1;}
.adim-saat {flex:none;color:var(--text-muted);font-variant-numeric:tabular-nums;}


.sor-dugme {display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,var(--action-primary) 75%,white);border-radius:var(--radius-sm);background:var(--action-primary);color:var(--primary-foreground);font:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.12);transition:background-color 160ms ease,transform 160ms ease;}
.sor-dugme:hover {background:var(--primary);}
.sor-dugme:active {background:var(--surface-pressed);}
#ask {width:min(520px,100%);max-height:82svh;margin:auto auto 0;padding:0;border:1px solid rgba(0,0,0,.06);border-radius:28px 28px 0 0;background:var(--surface-base);color:var(--text-primary);box-shadow:0 -12px 44px rgba(0,0,0,.16);}
#ask::backdrop {background:rgba(0,0,0,.2);backdrop-filter:blur(2px);}
#askTitle {margin:0;padding-right:48px;font:var(--type-title);letter-spacing:0;}
#askNote {margin:8px 0 0;color:var(--text-secondary);font:var(--type-meta);}
.istem-izgara {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 16px;}
.istem-izgara button {min-width:0;overflow-wrap:anywhere;display:flex;align-items:center;min-height:var(--action-height);padding:12px;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface-subtle);color:var(--text-primary);font:var(--type-body);text-align:left;cursor:pointer;}
.istem-izgara button.secili {border-color:var(--control-edge);background:var(--surface-selected);color:var(--text-primary);box-shadow:var(--shadow-pressed);}
#askResults {padding:0 16px;}
.oneri {display:block;margin-top:8px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:16px;color:inherit;text-decoration:none;}
.oneri strong {display:block;font:var(--type-control);}
.oneri span {display:block;margin-top:3px;color:var(--text-muted);font-size:12px;}
#askFoot {padding:12px 16px calc(16px + var(--safe-bottom));}




#durum {display:flex;gap:10px;margin-top:14px;padding:13px;border-radius:18px;}
#durum.bayat {background:#fff7db;color:#7b5a16;}
#durum.kotu {background:#fff0ee;color:var(--warning-strong);}
.durum-isaret {flex:none;width:18px;height:18px;margin-top:1px;border-radius:50%;background:currentColor;opacity:0.22;}
#durum p {margin:0;}
#durum strong {display:block;font-size:12px;}
#durum span {display:block;margin-top:4px;font-size:11px;line-height:1.4;}





@media (min-width:760px) {:root {--page-margin:var(--space-32);}
body {padding-top:var(--space-24);}
}

.sr-only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}



#presence {position:fixed;inset:0;z-index:40;display:grid;place-items:center;overflow-y:auto;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--surface-base);}
#presence::backdrop {background:var(--surface-base);}
.entry-kart {width:min(480px,100%);margin-inline:auto;padding:var(--space-24) var(--space-16) var(--space-32);align-self:start;text-align:left;}
#presence .entry-kart {width:min(480px,calc(100% - 32px));padding:var(--space-32);}
#presenceInput {width:100%;min-height:52px;margin-top:var(--space-16);padding:0 var(--space-16);border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-subtle);font-variant-numeric:tabular-nums;}




.ikincil-genis {display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--action-height);margin-top:8px;padding:10px 16px;border:1px solid var(--line);border-radius:var(--radius-control);background:transparent;color:inherit;font:var(--type-control);cursor:pointer;}
.birincil-genis {display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--action-height);margin-top:16px;padding:10px 16px;border:0;border-radius:var(--radius-control);background:var(--action-primary);color:var(--primary-foreground);font:var(--type-control);cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.12);}








.ikincil-dar {display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;padding:0 16px;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface-subtle);color:var(--text-primary);font:inherit;font-size:13px;font-weight:600;cursor:pointer;}




#payMethods {display:grid;gap:8px;margin-top:12px;}
#payMethods:empty {display:none;}
.odeme-yol {min-height:52px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface-base);font-size:13px;font-weight:600;}

.tercih {display:flex;align-items:center;gap:11px;width:100%;min-height:66px;padding:11px 13px;border:1px solid var(--border-soft);border-radius:18px;background:var(--surface-base);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;}
.tercih.olgu {background:var(--surface-base);cursor:default;}
.tercih > span:first-child {flex:1;min-width:0;}
.tercih strong {display:block;font:var(--type-control);}
.tercih small {display:block;margin-top:3px;color:var(--text-muted);font-size:11px;}

.anahtar {display:flex;align-items:center;flex:none;width:46px;height:28px;padding:3px;border-radius:999px;background:var(--input);transition:background 0.18s;}
.anahtar > span {width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:transform 0.18s;}
.tercih[aria-pressed='true'] .anahtar {background:var(--action-primary);}
.tercih[aria-pressed='true'] .anahtar > span {transform:translateX(18px);}











#timing {margin:14px 0 0;color:var(--text-muted);font-size:11px;}

.gnav {position:fixed;z-index:20;right:var(--space-16);bottom:calc(var(--safe-bottom) + 10px);left:var(--space-16);display:grid;grid-template-columns:repeat(3,1fr);max-width:480px;margin-inline:auto;min-height:var(--nav-height);padding:var(--space-4);border:1px solid var(--border-soft);background:var(--surface-base);}

.gnav::before {content:"";position:absolute;inset:4px auto 4px 4px;width:calc((100% - 8px) / 3);border-radius:28px;pointer-events:none;transition:transform var(--motion-navigation) var(--motion-ease-out);}
.gnav:has([href="#/siparis"][aria-current])::before {transform:translateX(100%);}
.gnav:has([href="#/masa"][aria-current])::before {transform:translateX(200%);}
.gnav-item {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:44px;min-height:44px;border-radius:28px;color:var(--text-muted);font:var(--type-meta);text-decoration:none;}
.gnav-item svg {width:22px;height:22px;}
.gnav-item[aria-current] {font-weight:500;}
.gnav-item:active {background:var(--accent);transition-duration:0s;}


#navCount {position:absolute;top:4px;right:50%;transform:translateX(22px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--action-primary);color:var(--primary-foreground);font-size:11px;font-weight:700;line-height:18px;text-align:center;}


@media (min-width:800px) {.entry-kart {align-self:center;padding-inline:0;}
}


body {line-height:1.5;}
#grid h2,#detail .item {font-family:var(--font-family);}
ul.cards {grid-template-columns:repeat(2,minmax(0,1fr));}
ul.cards > li {border:1px solid transparent;border-radius:16px;overflow:visible;}
.kart-link .foto {flex:0 0 96px;width:96px;overflow:hidden;align-self:start;border-radius:8px;cursor:pointer;}
.kart-link:not(:has(.foto)) .kart-govde {min-height:0;}
.kart-govde .item {font:600 16px/24px var(--font-family-heading);}
.kart-govde .desc {display:block;margin:4px 0 0;overflow:visible;font-size:14px;line-height:20px;}
.kart-govde :is(.item,.desc) {overflow-wrap:anywhere;}
#detail .detail-shell {margin-top:0;}
.detail-reason {margin:0 0 6px;font-size:12px;line-height:18px;color:var(--text-secondary);}
#detail .desc {display:block;max-width:52ch;margin:4px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.5;}
#detail .detail-ordering .acilir {margin:0;}
#detail .acilir.var .acilir-etiket small {color:var(--allergen-ink);}
#detail .acilir-etiket small {font-size:12px;line-height:1.5;}
.detail-support {border-top:1px solid var(--border-soft);}
.estimate-note {color:var(--text-tertiary);font-size:12px;line-height:18px;}
.qty button {min-width:44px;min-height:44px;}
.qty output {color:var(--text-primary);}
.not,#presenceInput {border-color:var(--control-edge);}
input::placeholder,textarea::placeholder {color:var(--text-tertiary);opacity:1;}
@media (max-width:759px) {ul.cards {grid-template-columns:minmax(0,1fr);}
}

button,.gnav-item {transition:background-color var(--motion-press) var(--motion-feedback),border-color var(--motion-press) var(--motion-feedback);}
button:focus-visible,.gnav-item:focus-visible {transition:none;}
.kart-link:active {background:var(--surface-tint);transition-duration:0s;}
.photo {transition:none;}
.birincil:not(:disabled),.birincil-genis:not(:disabled) {background:var(--action-primary);color:var(--primary-foreground);box-shadow:none;}
.birincil:not(:disabled):active,.birincil-genis:not(:disabled):active {background:var(--primary);}
html.az-hareket *,html.az-hareket *::before,html.az-hareket *::after {animation:none !important;transition:none !important;scroll-behavior:auto !important;}
@media (prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none !important;transition:none !important;scroll-behavior:auto !important;}
}




#orderState {font-size:14px;line-height:22px;}
#orderState.ok,#orderState.pending,#orderState.bad {padding:12px 16px;border-radius:var(--radius-control);}
#orderState.pending {background:var(--allergen-surface);color:var(--allergen-ink);}
.stream-warning {border-left:3px solid var(--allergen-ink);background:var(--allergen-surface);color:var(--allergen-ink);padding:12px 14px;border-radius:0 10px 10px 0;margin:16px 0 0;font-size:13px;line-height:21px;}

#searchCount,#tableOrders,.pricenote.routine-notice {color:var(--text-secondary);background:var(--surface-subtle);}
#orderFeedback:has(#orderState:not(:empty)) {margin-top:24px;padding-top:16px;border-top:1px solid var(--border-soft);}
#cart[data-has-draft=true] #orderState.ok {padding:0;border-radius:0;background:transparent;color:var(--text-secondary);}
#orderState.warn {padding:12px 16px;border-radius:var(--radius-control);background:#fff1ef;color:var(--warning-strong);}
#bill[data-state=unavailable] #billNote,#bill[data-state=unknown] #billNote {margin-top:10px;padding:12px;border-left:3px solid var(--warning-strong);background:#fff1ef;color:var(--warning-strong);font-size:13px;line-height:21px;}
#bill:is([data-state=loading],[data-state=unavailable],[data-state=unknown]) .bill-toplam b {min-width:0;color:var(--text-secondary);font:var(--type-control);white-space:normal;text-align:right;}

@media (min-width:800px) {#draftScope {grid-area:draft;margin-bottom:0;}
}



header {position:sticky;top:0;z-index:12;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:0;padding:4px var(--page-margin);margin:-8px calc(-1 * var(--page-margin)) 16px;border-bottom:0;background:var(--surface-base);
--search-reserve:44px;}
body:has(#menuIntro:not([hidden]),#detail:not([hidden])) header {margin-bottom:0;}
header:has(#lang[hidden]) {--search-reserve:0px;}
header .who {display:flex;align-items:center;align-self:center;flex:1 1 auto;gap:8px;min-width:0;padding-top:0;}
header .who-text {min-width:0;}
header .ctx {display:flex;flex:0 0 auto;gap:0;align-items:start;}
header .system-icon {width:18px;height:18px;}
.venue {margin:0;font-family:var(--font-family);font-size:16px;font-weight:600;line-height:1.3;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
header .venue {font:500 16px/22px var(--font-family);letter-spacing:0;overflow-wrap:anywhere;white-space:normal;}
h1#title {margin:0;font-family:var(--font-family-heading);font-size:20px;font-weight:600;line-height:1.2;letter-spacing:0;}

header.has-venue h1#title {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;font-size:10px;font-weight:500;line-height:18px;letter-spacing:.03em;text-transform:uppercase;color:var(--text-tertiary);}
#lang {color:var(--text-primary);font-weight:500;appearance:none;-webkit-appearance:none;}
header :is(#searchToggle,#lang) {width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;border-radius:8px;}
header #lang {text-align:center;font-size:12px;}
header :is(button,select):active {background:var(--accent);}

#mode {display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;}
header #mode {grid-column:1 / -1;justify-self:start;}
#mode.last-known-good {background:var(--accent-butter);color:#5a4300;}
#mode.static {background:#ffe9e6;color:var(--warning-strong);}
#mode.bad {background:var(--warning-strong);color:#fff;}

.ara-dugme {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-base);color:var(--text-primary);cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease;}
.ara-dugme:hover {background:var(--surface-subtle);border-color:var(--border);}
.ara-alan {display:block;}
#search {position:relative;margin:8px 0 12px;}
#searchSlot {position:relative;width:44px;height:44px;flex:none;}
#searchControl {position:absolute;z-index:1;top:0;right:0;display:flex;align-items:center;overflow:hidden;width:44px;height:44px;border:0;border-radius:24px;background:transparent;}
#searchControl[data-motion="pointer"] {transition:width var(--motion-navigation) var(--motion-ease-out),background-color var(--motion-state) var(--motion-ease-out),border-color var(--motion-state) var(--motion-ease-out);}
#searchControl[data-open="true"] {width:min(360px,calc(min(100vw,1184px) - 2 * var(--page-margin) - var(--search-reserve)));border-radius:var(--radius-control);background:var(--surface-subtle);box-shadow:inset 0 0 0 1px var(--control-edge);}
#searchControl:focus-within {outline:2px solid var(--action-primary);outline-offset:2px;}
#searchControl #searchToggle {flex:none;min-width:44px;width:44px;height:44px;min-height:44px;border-radius:50%;}
#searchControl #searchToggle:focus-visible {outline-offset:-4px;}
#searchControl .search-back,#searchControl[data-open="true"] .search-glyph {display:none;}
#searchControl[data-open="true"] .search-back {display:block;}
#searchField {flex:1;min-width:0;}
#searchInput {width:100%;border:1px solid var(--control-edge);background:var(--surface-subtle);font:inherit;}
#searchControl #searchInput {width:100%;min-height:44px;height:44px;padding:10px 4px;border:0;border-radius:0;background:transparent;font:400 16px/22px var(--font-family);box-shadow:none;outline:none;}
#searchInput::-webkit-search-cancel-button {display:none;}
#searchControl .ara-temizle {flex:none;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--text-secondary);border-radius:50%;}
#searchControl[data-open="false"] .ara-temizle {display:none;}
header:has(#searchControl[data-open="true"]) .who {visibility:hidden;}
#searchChips {display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
#searchChips:empty {display:none;}
#searchChips .ara-cip {min-height:44px;padding-inline:12px;}
.ara-cip {cursor:pointer;}
.ara-cip.aktif {border-color:transparent;background:var(--action-primary);color:var(--primary-foreground);}
#searchCount {margin-top:10px;}

.category-navigation {position:sticky;top:var(--header-height,60px);z-index:9;display:block;padding:0;background:white;
--glass-surface:rgba(255,255,255,.92);}
.category-navigation:has(#katray[hidden]) {display:none;}
#katray {display:flex;min-width:0;gap:8px;padding:4px;margin-inline:-4px;scroll-padding-inline:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
#katray::-webkit-scrollbar {display:none;}
#katray[data-overflow=true]:not([data-at-end=true]) {mask-image:linear-gradient(to right,#000 calc(100% - 16px),transparent);}
.kat-cip {display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:4px 8px;border:1px solid var(--accent);color:var(--foreground);font:400 13px/20px var(--font-family);white-space:nowrap;text-decoration:none;transition:box-shadow var(--motion-state) var(--motion-ease-out),background-color var(--motion-state) var(--motion-ease-out);}
.kat-cip.has-icon {padding-left:6px;}
.category-icon {display:block;width:26px;height:26px;flex:none;object-fit:contain;}
.kat-cip::before {display:none;}
.kat-cip:active {transition-duration:0s;}
.kat-cip:focus-visible {transition:none;outline-offset:1px;}
#categoryHint {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media (prefers-contrast:more) {.kat-cip {border-color:var(--control-edge);}
.kat-cip.secili {outline:2px solid var(--text-secondary);outline-offset:-2px;}
}

#grid {margin-top:8px;scroll-margin-top:var(--top-offset,124px);}
#grid > li.cat {scroll-margin-top:var(--top-offset,124px);}
#grid h2 {margin:0 0 12px;font-size:17px;line-height:24px;color:var(--text-primary);}
ul.cards {gap:8px;}
.kart-link .photo {width:100%;height:auto;aspect-ratio:1;}
.kart-govde .head .item {flex:1;min-width:0;}
.card-price {flex:none;max-width:50%;}
.kart-govde .price {color:var(--text-primary);line-height:24px;white-space:normal;overflow-wrap:anywhere;}
@media (hover:hover) and (pointer:fine) {.kart-link:hover {background:var(--muted);}
}
.estimate-note {margin:4px 0 0;}
@media (max-width:359px) {.kart-link .foto {flex-basis:88px;width:88px;}
.kart-govde {min-height:88px;}
}

@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {header,.category-navigation,.gnav {--action-primary:var(--primary);
--text-muted:var(--muted-foreground);background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);}
.gnav {--glass-surface:rgba(255,255,255,.60);
--text-muted:var(--foreground);}
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {header,.category-navigation,.gnav {background:var(--surface-base);-webkit-backdrop-filter:none;backdrop-filter:none;}
}

.gnav:has(:focus-visible)::before {transition:none;}
@supports not selector(:has(*)) {.gnav::before {display:none;}
.gnav-item[aria-current] {background:var(--surface-tint);}
}
@media (prefers-contrast:more) {.gnav {border-color:var(--control-edge);}
.gnav-item[aria-current] {outline:2px solid var(--text-primary);outline-offset:-3px;}
}


@supports (corner-shape:squircle) {:is(.kart-link,.foto,.cart-gorsel,.qty,#cartSummary,#cartLines > li,#searchInput,.not,.birincil,.birincil-genis,.ikincil,#send,#calls button,#splitToggle,#split,.acilir,#sheet,#ask,#presence) {corner-shape:var(--shape-surface);}
.kart-link .foto,#detail .foto.hero {border-radius:var(--radius-lg);}
.kart-link .photo,#detail .foto.hero .photo {border-radius:inherit;corner-shape:inherit;}
}

#menuCatalog {display:grid;grid-template-columns:minmax(0,1fr);}
#menuCatalog > :is(#grid,#menuIntro) {grid-area:1 / 1;min-width:0;}
#menuIntro {display:flex;align-self:start;justify-self:end;z-index:1;}
#menuCatalog > #grid {margin-top:0;}
.menu-view {display:flex;gap:0;}
.menu-view button {min-width:44px;min-height:44px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);font:400 12px/20px var(--font-family);}
.menu-view button[aria-pressed=true] {color:var(--primary);font-weight:500;}
.menu-view button:active {background:var(--surface-subtle);}
#grid > li.cat:first-child > h2 {display:flex;align-items:center;min-height:44px;margin:0 0 4px;padding-right:116px;font-weight:500;}
#menuCatalog:has(#menuIntro:not([hidden])) #grid:not(:has(h2)) {padding-top:44px;}
#grid[data-menu-view=list] ul.cards {grid-template-columns:minmax(0,1fr);}
#grid[data-menu-view=editorial] ul.cards {
--menu-card-width:calc((min(100vw,960px) - 2 * var(--page-margin) - 12px) / 2);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:24px 12px;overflow:visible;margin:0;padding:0;}
#grid[data-menu-view=editorial] > li.cat {margin-bottom:8px;}
#grid[data-menu-view=editorial] > li.cat:not(:first-child) > h2 {margin-bottom:6px;}
#grid[data-menu-view=editorial] ul.cards > li {position:relative;}
#grid[data-menu-view=editorial] .menu-card-actions {margin-top:0;}
#grid[data-menu-view=editorial] .menu-card-actions > .purchase-shortcut {position:absolute;top:calc(var(--menu-card-width) - 47px);right:1px;z-index:2;background:transparent;}
#grid[data-menu-view=editorial] .menu-card-actions > .purchase-shortcut::before {content:'';position:absolute;inset:7px;border-radius:inherit;box-sizing:border-box;background:var(--muted);border:1px solid color-mix(in oklch,var(--background) 55%,transparent);box-shadow:inset 0 1px 1px #ffffff66,0 1px 4px #00000024;}
@supports (backdrop-filter:blur(1px)) {#grid[data-menu-view=editorial] .menu-card-actions > .purchase-shortcut::before {background:color-mix(in oklch,var(--muted) 72%,transparent);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);}}
#grid[data-menu-view=editorial] .purchase-shortcut:not(:disabled):active::before {background:var(--accent);}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {#grid[data-menu-view=editorial] .purchase-shortcut::before {background:var(--muted)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:var(--foreground)!important;}}
#grid[data-menu-view=editorial] .kart-link {position:relative;flex-direction:column;padding:0;border:0;border-radius:0;background:transparent;}
#grid[data-menu-view=editorial] .kart-link .foto {width:100%;flex-basis:auto;align-self:stretch;}
#grid[data-menu-view=editorial] .kart-govde {min-height:0;justify-content:flex-start;padding:0;}
#grid[data-menu-view=editorial] .kart-govde .head {flex-direction:column;align-items:flex-start;gap:0;}
#grid[data-menu-view=editorial] .card-price {max-width:100%;}


#grid[data-menu-view=editorial] .item {font:500 15px/21px var(--font-family-heading);letter-spacing:0;}
#grid[data-menu-view=editorial] .price {font:400 14px/22px var(--font-family);}
#grid[data-menu-view=editorial] :is(.desc,.prep-time) {display:none;}
#grid[data-menu-view=editorial] .kart-meta {margin:0;min-height:0;gap:4px 8px;}
#grid[data-menu-view=editorial] .foto + .kart-govde .alerjen-cip {position:absolute;top:8px;right:8px;max-width:calc(100% - 16px);margin:0;padding:3px 6px;border-radius:8px;background:var(--allergen-surface);color:var(--allergen-ink);font-size:11px;line-height:16px;box-shadow:0 1px 3px #00000010;}
#grid[data-menu-view=editorial] .kart-link:focus-visible {border-radius:16px;outline-offset:1px;}
#grid[data-menu-view=editorial] .kart-link:active .foto {opacity:.9;}
#grid[data-menu-view=list] :is(.item,.price) {font-weight:500;}



body {max-width:960px;}
#arrival {display:flex;align-items:center;padding:0;}
#arrivalTable {display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 10px;border-radius:var(--radius-lg);color:var(--foreground);background:var(--muted);text-decoration:none;font:var(--type-meta);white-space:nowrap;}
#arrivalTable .system-icon {width:14px;height:14px;color:var(--status-success-strong);flex:none;}
header:has(#arrival:not([hidden])) .venue {white-space:nowrap;}
.category-navigation {padding-block:4px 10px;}
.kat-cip {gap:6px;padding-inline:12px;border-radius:14px;box-shadow:none;background:var(--surface-subtle);border-color:transparent;}
.kat-cip.secili {box-shadow:none;border-color:var(--border);background:var(--surface-tint);color:var(--primary);}
.kat-cip:active {box-shadow:none;background:var(--accent);}
#grid > li.cat {margin-bottom:16px;}
#grid h2 {font:500 18px/26px var(--font-family-heading);letter-spacing:-.015em;}
#grid[data-menu-view=editorial] .kart-link .foto {border-radius:18px;box-shadow:none;overflow:hidden;}

#grid[data-menu-view=editorial] .kart-link:not(:has(.foto))::before {content:'';display:block;aspect-ratio:1;border-radius:18px;background:var(--muted);}
#grid[data-menu-view=editorial] .kart-link {gap:10px;}
#grid[data-menu-view=list] .kart-link {border-radius:16px;padding:12px;border:0;}
#grid[data-menu-view=list] ul.cards {gap:10px;}
#detail .detail-identity {margin-top:12px;}
#detail .head {margin-top:0;align-items:baseline;flex-wrap:wrap;gap:6px 12px;}
#detail .item {max-width:none;overflow-wrap:anywhere;font:500 26px/34px var(--font-family-heading);letter-spacing:-.025em;}
#detail .price {padding-top:0;white-space:nowrap;font:500 18px/26px var(--font-family);}
#presence .entry-kart {background:var(--surface-base);border:1px solid var(--border-soft);border-radius:24px;}
#presenceInput {font-size:24px;letter-spacing:.2em;}
.visit-recovery {max-width:460px;margin:max(36px,12svh) auto;padding:28px;border:1px solid var(--border-soft);border-radius:24px;background:var(--surface-base);}
.visit-recovery .recovery-icon {display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--surface-tint);color:var(--action-primary);font-size:24px;}
.visit-recovery h1 {margin:24px 0 12px;font:500 28px/36px var(--font-family-heading);letter-spacing:-.025em;}
.visit-recovery p,.visit-recovery li {color:var(--text-secondary);font-size:14px;line-height:23px;}
.visit-recovery ol {padding-left:20px;margin:20px 0 24px;}
.visit-recovery .birincil {display:flex;align-items:center;justify-content:center;min-height:48px;text-decoration:none;}
.visit-recovery details {margin-top:24px;border-top:1px solid var(--border-soft);padding-top:12px;}
.visit-recovery summary {min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13px;}

.menu-loading > div {display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin-top:28px;}
.menu-loading i {display:block;aspect-ratio:6/5;border-radius:18px;background:var(--surface-subtle);}
#orderFeedback:has(#orderState:empty) {display:none;}
.order-round[data-receipt=local] {border-color:#dcc7a3;background:#fffdf8;}
#cart #orderState:is(.pending,.bad,.warn) {padding:16px;border-radius:16px;}
#sheet,#ask {max-height:90dvh;}
#sheet .sheet-bas {padding-top:8px;}
#sheetAdd {display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;border-radius:16px;}
@media (min-width:700px) {#sheet,#ask {border-radius:24px;}
}
svg.system-icon.guest-service-icon {fill:none !important;stroke:currentColor !important;}

.receipt-retry {min-height:44px;border:1px solid var(--border-soft);background:var(--surface-subtle);border-radius:12px;padding-inline:12px;}


@font-face {font-family:'Inter Variable';font-style:normal;font-weight:100 900;font-display:swap;src:url('/catalog-fonts/inter-latin-wght-normal.woff2') format('woff2');}
@font-face {font-family:'Inter Variable';font-style:normal;font-weight:100 900;font-display:swap;src:url('/catalog-fonts/inter-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face {font-family:'Geist Variable';font-style:normal;font-weight:100 900;font-display:swap;src:url('/catalog-fonts/geist-latin-wght-normal.woff2') format('woff2');}
@font-face {font-family:'Geist Variable';font-style:normal;font-weight:100 900;font-display:swap;src:url('/catalog-fonts/geist-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
:is(header,.gnav) {--action-primary:var(--primary);
--text-muted:var(--muted-foreground);background:var(--background);backdrop-filter:none;-webkit-backdrop-filter:none;}
.gnav {border-color:var(--border);box-shadow:0 1px 3px #0000000d;}
.gnav::before {background:var(--accent);box-shadow:none;}
.gnav-item[aria-current] {color:var(--primary);}
:focus-visible {outline:3px solid var(--primary);outline-offset:2px;}
:is(button,.birincil,.ikincil):active {transform:translateY(1px);}
#send:not(:disabled):active {background:color-mix(in oklch,var(--primary),transparent 20%);}
#orderMenuLink {display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--radius-lg);background:var(--muted);color:var(--foreground);font:var(--type-meta);text-decoration:none;}
body:has(:is(#cart,#masa):not([hidden])) header :is(.venue,#searchSlot) {display:none;}
body:has(:is(#cart,#masa):not([hidden])) header #title {position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;text-transform:none;color:var(--foreground);font:500 20px/28px var(--font-family-heading);letter-spacing:-.02em;}
body:has(:is(#cart,#masa):not([hidden])) header .ctx {gap:4px;}
#cart,#masa {margin-top:12px;}
#cart #cartBaslik {font:500 28px/36px var(--font-family-heading);letter-spacing:-.02em;}

#cart #cartBox {display:block;padding:0;}
#cart .draft-scope {margin:0 0 8px;font:var(--type-meta);color:var(--text-secondary);}
#cart #cartLines {gap:0;}
#cart #cartLines .cart-urun {grid-template-columns:56px minmax(0,1fr);gap:12px;background:var(--surface-base);border-radius:0;padding:12px 0;border-bottom:1px solid var(--border-soft);}
#cart .cart-gorsel {width:56px;height:56px;min-height:0;border-radius:var(--radius-lg);}
#cart .cart-urun .satir {align-items:start;gap:8px;}
#cart .cart-identity {min-width:0;}
#cart .cart-identity strong {font:var(--type-control);}
#cart .cart-identity small {display:block;color:var(--text-secondary);margin-top:3px;font-size:12px;line-height:18px;overflow-wrap:anywhere;}
#cart .cart-urun .price {flex-shrink:0;white-space:nowrap;font:var(--type-control);}
#cart .cart-actions {grid-column:1 / -1;display:flex;align-items:center;gap:8px;margin-top:0;}
#cart .cart-adet {margin:0;border-radius:calc(var(--radius) * 2.6);background:var(--surface-subtle);border-color:transparent;}
#cart .cart-adet button {min-width:44px;min-height:44px;border:0;background:transparent;}
#cart .cart-adet output {min-width:20px;font-size:14px;}
#cart .cart-edit,#cart .cart-note-toggle {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;border:0;border-radius:var(--radius-lg);background:transparent;color:var(--text-secondary);font:var(--type-meta);}
#cart .cart-edit {margin-left:auto;color:var(--foreground);}
#cart .cart-note-toggle {margin-left:auto;}
#cart .cart-edit + .cart-note-toggle {margin-left:0;}
#cart :is(.cart-edit,.cart-note-toggle):active {background:var(--muted);}
#cart .cart-note {grid-column:1 / -1;min-width:0;}
#cart .cart-note label {display:block;}
#cart #cartLines .cart-note .not {border-radius:var(--radius-lg);border-color:transparent;background:color-mix(in oklch,var(--input),transparent 50%);padding:10px 14px;}
#cart .cart-note small {display:block;margin-top:6px;}
#cartSummary {margin-top:20px;padding-top:0;border:0;}
#cartSummary #cartTotal {padding:0;font-size:14px;}
#cartSummary #cartTotal strong {font:500 24px/32px var(--font-family-heading);}
#send {border-radius:calc(var(--radius) * 2.6);min-height:48px;}
#cart[data-has-draft=true] #cartNote {margin:0;text-align:center;}
#orderActivity {margin-top:24px;}
#activitySummary {margin:0 0 12px;font:var(--type-control);color:var(--text-secondary);}
body:has(#cart[data-has-draft=false]) #orderActivity {margin-top:8px;}
#rounds {gap:12px;margin-top:8px;}
#rounds > .order-round,.past-orders .order-round {padding:16px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-base);box-shadow:none;}
#rounds .round-heading {margin-bottom:8px;}
#rounds .round-heading .tur-bas,#rounds .round-heading time {color:var(--text-secondary);font:var(--type-meta);}
#rounds .round-status {font:500 18px/24px var(--font-family-heading);letter-spacing:-.02em;margin:0 0 12px;}
#rounds .round-status::first-letter {text-transform:uppercase;}
#rounds .round-detail {margin:0;padding:0;border:0;}
#rounds .round-lines li {padding-block:10px;}
#rounds .round-lines strong,#rounds .receipt-price {font-size:14px;}
#rounds .round-total {padding-block:12px 0;margin-top:4px;}
#rounds details summary,#billDetails summary,.table-secondary > summary,.visit-details > summary,#loyalty summary {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer;list-style:none;font:var(--type-control);}
#rounds details summary::after,#billDetails summary::after,.table-secondary > summary::after,.visit-details > summary::after,#loyalty summary::after {content:'+';color:var(--text-secondary);font-size:18px;font-weight:400;}
#rounds details[open] > summary::after,#billDetails[open] summary::after,.table-secondary[open] > summary::after,.visit-details[open] > summary::after,#loyalty details[open] summary::after {content:'−';}
#rounds .round-history {margin-top:0;border-top:1px solid var(--border-soft);}
#rounds .round-history summary {font-size:12px;color:var(--text-secondary);}
#rounds .cizgi {margin-block:4px 0;}
#rounds .nokta {background:var(--surface-base);border-color:var(--border-soft);}
#rounds .simdi .nokta {background:var(--text-primary);border-color:var(--text-primary);}
#rounds .past-orders {list-style:none;border-top:1px solid var(--border-soft);margin-top:8px;padding-top:4px;}
.past-orders > details > summary > span {margin-right:auto;color:var(--text-secondary);font:var(--type-meta);}
.past-orders ol {padding:0;list-style:none;display:grid;gap:12px;}
#masa .table-services {margin:0;}
#masa #calls {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
#calls .masa-section-head {grid-column:1/-1;margin:0 0 4px;}
#calls h3 {font:var(--type-control);margin:0;}
#calls button {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:88px;padding:12px 6px;border:0;border-radius:18px;background:var(--muted);}
#calls button .call-icon {color:var(--text-primary);flex:none;}
#calls button small {display:none;}
#callState {grid-column:1/-1;font-size:13px;line-height:20px;}
#calls #callState {grid-row:3;}
#callState:empty {display:none;}
#tableBill {margin:0 0 24px;padding:16px;border:1px solid var(--border-soft);border-radius:calc(var(--radius) * 2.6);}
#masa #bill {margin:0;padding:0;border:0;border-radius:0;}
#bill .bill-scope {color:var(--text-secondary);font:var(--type-control);margin-bottom:4px;}
#bill .bill-bas {display:block;}
#bill .bill-bas span {display:block;}
#bill .bill-toplam {margin:4px 0 16px;padding:0;border:0;}
#bill .bill-toplam > span {display:none;}
#bill .bill-toplam b {font:500 32px/40px var(--font-family-heading);letter-spacing:-.025em;}
#billDetails {border-top:1px solid var(--border-soft);}
#billDetails summary {font:var(--type-control);}
#billDetails #billLines {margin:0 0 8px;}
#billLines li {gap:12px;font-size:13px;}
#billLines .price {font-size:13px;}
#bill #splitToggle {margin:0;padding:0;border:0;border-top:1px solid var(--border-soft);border-radius:0;min-height:48px;background:transparent;font:var(--type-control);}
#splitToggle::after {content:"+";font-size:18px;color:var(--text-secondary);}
#splitToggle[aria-expanded=true]::after {content:"−";}
#bill #pay .bill-bas strong {display:none;}
#bill #pay .bill-bas span {font-size:12px;line-height:19px;}
#callBill {display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border:0;border-radius:calc(var(--radius) * 2.6);background:var(--action-primary);color:var(--primary-foreground);gap:8px;font:var(--type-control);}
#callBill .call-icon {display:none;}
#callBill strong {font-weight:500;}
#callBillNote2 {display:none;}
#callBill:disabled {opacity:.5;}
#masa .visit-details,#masa .table-secondary,#masa #loyalty {margin-top:0;padding:0;border:0;border-bottom:1px solid var(--border-soft);border-radius:0;background:transparent;}
#masa .visit-details {margin-top:20px;}
#masa summary::-webkit-details-marker {display:none;}
#masa .visit-details summary {padding-block:12px;min-height:48px;}
#masa .masa-grid {display:block;}
#masa #prefs {margin-top:0;}
#masa #loyalty form {padding-block:8px 16px;}
#masa #loyalty input {border-radius:calc(var(--radius) * 2.2);}
#masa #loyalty button {border-radius:calc(var(--radius) * 2.6);}
@media (max-width:359px) {#cart #cartLines .cart-urun {padding:12px 0;grid-template-columns:40px minmax(0,1fr);gap:10px;}
#cart .cart-gorsel {width:40px;height:48px;}
#tableBill {padding:16px;}
}
#tableBill:has(#bill[hidden]) {display:none;}
#bill .bill-request {margin:0 0 12px;}
svg.system-icon,svg.system-icon use {fill:none !important;stroke:currentColor !important;}

:is(.birincil,.birincil-genis,.ikincil,.ikincil-genis,.ikincil-dar,#sheetAdd,#loyaltyGo,.receipt-retry) {border-radius:calc(var(--radius) * 2.6);}
:is(#presenceInput,#loyaltyPhone,#loyaltyCode) {border-radius:calc(var(--radius) * 2.2);}
.gnav {border-radius:calc(var(--radius) * 2.6);}
.gnav::before,.gnav-item {border-radius:calc(var(--radius) * 2.6);}
#sheet,#ask {border-radius:calc(var(--radius) * 2.6) calc(var(--radius) * 2.6) 0 0;}
#callBill:not(:disabled):active {background:color-mix(in oklch,var(--primary),transparent 20%);}
#bill[data-state=available] > .bill-bas {display:none;}
#bill #pay {border:0;margin:0 0 12px;padding:0;}
#bill .bill-mali {margin:4px 0 0;padding:0;color:var(--text-secondary);font:var(--type-meta);}
@media(min-width:700px) {#sheet,#ask {border-radius:calc(var(--radius) * 2.6);}
}
:is(.birincil,.birincil-genis,#send):not(:disabled) {color:var(--primary-foreground);}

#cart:focus,#masa:focus {outline:none;}
#cartEmpty {display:grid;place-items:center;align-content:center;gap:16px;min-height:260px;padding:24px;border-radius:calc(var(--radius) * 2.6);background:var(--surface-subtle);}
#cartEmpty p {margin:0;color:var(--text-secondary);text-align:center;}
#cartEmpty .bos-isaret {width:48px;height:48px;background:var(--surface-base);color:var(--text-secondary);}
#cartLines,#rounds,#billLines {padding:0;list-style:none;}
#cartLines {margin:0;}
#cart .cart-urun {display:grid;}
#cart .cart-gorsel {object-fit:cover;}
.cart-urun-govde {min-width:0;}
#cart .satir {display:flex;justify-content:space-between;}
#cartSummary {display:grid;gap:8px;}
#cartNote {color:var(--text-secondary);font:var(--type-meta);}
#cart #cartLines .not {width:100%;min-width:0;min-height:44px;margin:0;border:0;padding:10px 14px;font:400 16px/22px var(--font-family);}
#send {display:flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;border:0;background:var(--primary);color:var(--primary-foreground);font:var(--type-control);}
#send:disabled {opacity:.5;}
#rounds {display:grid;}
.round-heading {display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
.round-lines {list-style:none;padding:0;margin:0;}
.round-lines li {display:flex;align-items:start;justify-content:space-between;gap:12px;}
.round-lines li > div {min-width:0;}
.round-lines strong {font:var(--type-control);overflow-wrap:anywhere;}
.round-lines strong span {font-weight:400;}
.round-lines small {display:block;margin-top:3px;color:var(--text-secondary);font-size:12px;line-height:19px;overflow-wrap:anywhere;}
.receipt-price {white-space:nowrap;font:var(--type-control);}
.round-total {display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border-soft);font-size:13px;}
.round-total > span,.round-receipt-note,.round-scope {color:var(--text-secondary);font:var(--type-meta);}
.round-receipt-note {margin-block:12px;}
#calls .call-icon {width:20px;height:20px;}
#calls strong {font:var(--type-control);}
#calls :disabled {opacity:.5;}
#billLines li {display:flex;justify-content:space-between;align-items:start;padding:12px 0;}
#billLines li + li {border-top:1px solid var(--border-soft);}
#billLines li > span:first-child {min-width:0;overflow-wrap:anywhere;}
#billLines .price {white-space:nowrap;flex-shrink:0;font-weight:500;}
#split {padding:16px;margin-block:12px;background:var(--surface-subtle);border-radius:calc(var(--radius) * 1.8);}
.split-sekme {display:flex;padding:4px;gap:4px;margin-bottom:16px;background:var(--accent);border-radius:calc(var(--radius) * 2.6);}
.split-sekme button {flex:1;min-height:44px;border:0;border-radius:calc(var(--radius) * 2.6);background:transparent;font-size:13px;}
.split-sekme button[aria-selected=true] {background:var(--background);color:var(--foreground);box-shadow:0 1px 3px #00000018;}
.split-sonuc {display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px;}
.split-sonuc b {font:500 24px/32px var(--font-family-heading);}
#splitNote {margin-top:12px;font:var(--type-meta);}
.split-item-amount {margin-left:auto;white-space:nowrap;font:var(--type-control);}
#ziyaret {display:grid;gap:16px;}
#loyalty form {display:grid;gap:8px;}
#loyalty input {width:100%;min-height:48px;font-size:16px;border:1px solid var(--input);background:var(--background);padding:10px 14px;}
#loyalty button {min-height:48px;border:0;background:var(--primary);color:var(--primary-foreground);font:var(--type-control);}
#loyaltyPref {display:flex;gap:10px;font:var(--type-meta);}
#loyaltyPref input {flex:none;width:20px;min-width:20px;height:20px;min-height:20px;}
#loyaltyNote {display:block;margin-bottom:16px;color:var(--text-secondary);font:var(--type-meta);}
#loyaltyOptional {color:var(--text-secondary);font:var(--type-meta);}
:is(.sor-dugme):not(:disabled):active {background:color-mix(in oklch,var(--primary),transparent 20%);}
.visit-recovery .system-icon {width:24px;height:24px;}
#calls button {text-align:center;}
#bill #pay {color:var(--text-secondary);}
#bill .bill-scope {margin:0 0 4px;}
#bill #splitToggle {display:flex;align-items:center;justify-content:space-between;width:100%;}
#splitItems .secenek {display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:start;gap:8px;min-height:48px;padding:12px 0;border-top:1px solid var(--border);cursor:pointer;font-size:13px;line-height:20px;}
#splitItems .secenek > span {min-width:0;overflow-wrap:anywhere;}
#splitItems input {margin:0;width:20px;height:20px;accent-color:var(--primary);}

.purchase-primary,.purchase-shortcut {display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;border:0;border-radius:calc(var(--radius) * 2.6);font:var(--type-control);}
.purchase-primary {justify-content:center;background:var(--primary);color:var(--primary-foreground);}
.purchase-shortcut {justify-content:center;width:auto;min-width:44px;min-height:44px;padding:0 12px;border-radius:var(--radius-control);color:var(--foreground);background:var(--secondary);font:var(--type-meta);}
.shortcut-plus {position:relative;display:block;flex:none;width:14px;height:14px;font-size:0;}
.shortcut-plus::before,.shortcut-plus::after {content:'';position:absolute;inset:0;margin:auto;width:14px;height:1.5px;border-radius:1px;background:currentColor;}
.shortcut-plus::after {transform:rotate(90deg);}
:is(.purchase-primary,.purchase-shortcut):disabled {opacity:.5;cursor:not-allowed;}
.purchase-primary:not(:disabled):active {background:color-mix(in oklch,var(--primary),transparent 20%);}
.menu-card-actions {margin-top:8px;}
#detail .detail-support {padding-top:0;margin-top:16px;}
#detail .detail-support > summary {display:flex;align-items:center;min-height:48px;cursor:pointer;font:var(--type-control);}
#detail .detail-support > summary::after {content:'+';margin-left:auto;color:var(--text-secondary);}
#detail .detail-support[open] > summary::after {content:'−';}
.purchase-feedback:empty {display:none;}
.purchase-feedback {margin-top:12px;padding:12px 16px;border-radius:calc(var(--radius) * 1.8);background:var(--muted);font:var(--type-meta);}
.purchase-feedback p {margin:0;}
.purchase-feedback a {display:inline-flex;align-items:center;min-height:44px;color:var(--foreground);font:var(--type-control);text-underline-offset:3px;}
.purchase-feedback .continue-menu {margin-left:16px;color:var(--text-secondary);font:var(--type-meta);}
.purchase-note {color:var(--text-secondary);font:var(--type-meta);}

#grid .purchase-feedback {display:flex;align-items:center;flex-wrap:wrap;gap:0 8px;padding:0;margin:0;background:transparent;}
#grid .purchase-feedback a {font:var(--type-meta);}
#grid[data-menu-view=list] ul.cards > li {background:var(--muted);border-radius:calc(var(--radius) * 2.6);}
#grid[data-menu-view=list] .kart-link {background:transparent;}
#grid[data-menu-view=list] .menu-card-actions {display:flex;align-items:center;flex-wrap:wrap;gap:0 12px;margin:0 12px 12px;}
#grid[data-menu-view=list] .purchase-shortcut {background:var(--background);}

#itemGroups .grup {scroll-margin-block:100px 180px;margin-top:12px;padding:8px 0;}
#itemGroups legend {padding-bottom:0;margin-bottom:8px;}
#itemGroups .grup-yardim {display:inline;margin-left:8px;font-size:11px;}
#itemGroups .secenek {min-height:44px;padding:10px 12px;margin-block:4px;background:var(--muted);color:var(--foreground);}
#detailContext {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--type-control);}
body:has(#detail:not([hidden])) header :is(.who,#searchSlot) {display:none;}
body:has(#detail:not([hidden])) header {margin-bottom:8px;}
#detail .purchase-note {margin-block:10px;}
#itemGroups .secenek:has(input:checked) {background:var(--accent);box-shadow:inset 0 0 0 1px var(--primary);}
#itemGroups .secenek:focus-within {outline:2px solid var(--ring);outline-offset:2px;}
#itemGroups .secenek input {margin:0;}
#itemGroups .item-extras .grup {margin:0;padding-top:0;border:0;}
#detail .detail-purchase {margin-top:12px;position:sticky;bottom:calc(var(--nav-height) + var(--safe-bottom) + 18px);z-index:10;padding:12px 0;border-top:1px solid var(--border);background:var(--background);}
.olculer {display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:0;}
.olculer > div {display:flex;justify-content:center;align-items:baseline;min-width:104px;gap:6px;}
.olculer strong {font-size:13px;line-height:20px;color:var(--text-secondary);}
.olculer span {color:var(--text-tertiary);font-size:12px;line-height:18px;}


.purchase-shortcut > span {position:relative;}