:root {
  --orange: #ff5a1f;
  --orange-dark: #e7460e;
  --orange-soft: #fff0e9;
  --navy: #14202c;
  --navy-soft: #263748;
  --ink: #18222c;
  --muted: #69737d;
  --line: #e5e8e9;
  --cream: #f6f3ec;
  --paper: #fff;
  --green: #26a66d;
  --red: #cc4934;
  --shadow: 0 18px 50px rgba(20, 32, 44, .09);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
fieldset { min-width: 0; }
.shell { width: 100%; max-width: 1240px; margin: 0 auto; padding-inline: 32px; }
.eyebrow { color: var(--orange); display: block; font-size: 11px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.muted { color: var(--muted); }

.brand { align-items: center; display: inline-flex; flex: none; width: fit-content; }
.brand-logo { height: auto; width: 174px; }
.brand-compact .brand-logo { width: 138px; }

.button { align-items: center; border: 0; border-radius: 11px; display: inline-flex; font-size: 13px; font-weight: 800; justify-content: center; min-height: 44px; padding: 0 17px; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.button:hover { transform: translateY(-1px); }
.button-primary { background: var(--orange); color: #fff; box-shadow: 0 8px 20px rgba(255, 90, 31, .2); }
.button-primary:hover { background: var(--orange-dark); }
.button-dark { background: var(--navy); color: #fff; }
.button-light { background: #fff; border: 1px solid var(--line); color: var(--navy); }
.button-success { background: #e7f8ef; color: #168354; }
.button-danger { background: #fff0ed; color: var(--red); }
.button-full { width: 100%; }
.text-link { color: var(--navy); display: inline-block; font-size: 14px; font-weight: 850; margin-top: 28px; }

label { color: var(--navy); display: flex; flex-direction: column; font-size: 12px; font-weight: 760; gap: 8px; }
input, select, textarea { background: #fff; border: 1px solid var(--line); border-radius: 11px; outline: 0; padding: 0 13px; width: 100%; }
input, select { height: 47px; }
textarea { line-height: 1.55; padding-block: 12px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--orange); box-shadow: 0 0 0 3px var(--orange-soft); }
input:disabled { background: #f1f3f3; color: var(--muted); }
.form-grid-two { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-footer { border-top: 1px solid var(--line); display: flex; justify-content: flex-end; margin-top: 28px; padding-top: 22px; }
.form-helper-text { background: #f6f7f7; border-left: 3px solid var(--orange); border-radius: 0 9px 9px 0; color: var(--muted); font-size: 12px; line-height: 1.6; padding: 12px 14px; }
.check-line { align-items: center; flex-direction: row; gap: 10px; }
.check-line input { height: 18px; width: 18px; }
.alert { border-radius: 11px; font-size: 12px; line-height: 1.5; margin-bottom: 18px; padding: 12px 14px; }
.alert-error { background: #fff0ed; border: 1px solid #ffd3ca; color: #b83b28; }

/* Setup */
.setup-body { align-items: center; background: radial-gradient(circle at 85% 8%, rgba(255,90,31,.14), transparent 29%), var(--cream); display: flex; justify-content: center; min-height: 100vh; padding: 30px; }
.setup-card { background: #fff; border: 1px solid rgba(20,32,44,.08); border-radius: 26px; box-shadow: var(--shadow); max-width: 690px; padding: 42px; width: 100%; }
.setup-card > .eyebrow { margin-top: 36px; }
.setup-card h1 { color: var(--navy); font-size: 42px; letter-spacing: -.055em; margin: 12px 0; }
.setup-card > p { color: var(--muted); line-height: 1.65; }
.setup-form { display: grid; gap: 18px; margin-top: 30px; }
.setup-form fieldset { border: 1px solid var(--line); border-radius: 16px; display: grid; gap: 14px; margin: 0; padding: 18px; }
.setup-form legend { color: var(--navy); font-size: 13px; font-weight: 850; padding-inline: 7px; }
.setup-form fieldset small { color: var(--muted); }
.setup-icon { align-items: center; background: var(--orange-soft); border-radius: 15px; color: var(--orange); display: flex; font-size: 28px; font-weight: 900; height: 58px; justify-content: center; margin-top: 34px; width: 58px; }
.setup-required { max-width: 560px; text-align: center; }
.setup-required .brand, .setup-required .setup-icon { margin-inline: auto; }

/* Home */
.showcase-page { background: var(--cream); min-height: 100vh; overflow: hidden; }
.showcase-nav { align-items: center; display: flex; height: 92px; justify-content: space-between; }
.hamburger-button { background: var(--navy); border: 0; border-radius: 50%; height: 50px; position: relative; width: 50px; z-index: 31; }
.hamburger-button i { background: #fff; height: 2px; left: 15px; position: absolute; transition: .18s ease; width: 20px; }
.hamburger-button i:first-child { top: 20px; }
.hamburger-button i:last-child { top: 28px; width: 14px; }
.hamburger-button.open i:first-child { top: 24px; transform: rotate(45deg); }
.hamburger-button.open i:last-child { top: 24px; transform: rotate(-45deg); width: 20px; }
.site-menu-backdrop { background: rgba(7,15,23,.45); border: 0; display: none; inset: 0; padding: 0; position: fixed; z-index: 25; }
.site-menu-backdrop.open { display: block; }
.site-menu { background: var(--navy); color: #fff; height: 100vh; max-width: 470px; padding: 38px; position: fixed; right: 0; top: 0; transform: translateX(102%); transition: transform .24s ease; width: 92%; z-index: 30; }
.site-menu.open { transform: translateX(0); }
.site-menu-head { align-items: center; color: rgba(255,255,255,.5); display: flex; font-size: 11px; font-weight: 800; justify-content: space-between; letter-spacing: .13em; text-transform: uppercase; }
.site-menu-head button { background: transparent; border: 0; color: #fff; font-size: 34px; }
.site-menu nav { display: grid; margin-top: 90px; }
.site-menu nav a { align-items: center; border-bottom: 1px solid rgba(255,255,255,.1); display: grid; gap: 18px; grid-template-columns: 32px 1fr 30px; padding: 22px 0; }
.site-menu nav small { color: var(--orange); }
.site-menu nav span { font-size: 28px; font-weight: 800; letter-spacing: -.04em; }
.site-menu nav b { color: var(--orange); font-size: 22px; }
.site-menu > p { bottom: 38px; color: rgba(255,255,255,.45); font-size: 12px; position: absolute; }
.showcase-hero { align-items: center; display: grid; gap: 80px; grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr); min-height: 650px; padding-block: 58px 90px; }
.showcase-copy h1 { color: var(--navy); font-size: clamp(68px,8vw,108px); font-weight: 900; letter-spacing: -.08em; line-height: .88; margin: 23px 0 30px; }
.showcase-copy h1 span { color: var(--orange); }
.showcase-copy p { color: #5f696f; font-size: 18px; line-height: 1.7; margin: 0; max-width: 610px; }
.hero-orbit { aspect-ratio: 1; position: relative; width: 100%; }
.orbit-ring { border: 1px solid rgba(20,32,44,.13); border-radius: 50%; inset: 7%; position: absolute; }
.orbit-ring-two { border-style: dashed; inset: 21%; transform: rotate(18deg); }
.hero-brand-mark { align-items: center; background: #fff; border-radius: 32%; box-shadow: 0 40px 90px rgba(20,32,44,.14); display: flex; height: 48%; justify-content: center; left: 26%; padding: 8%; position: absolute; top: 26%; transform: rotate(-6deg); width: 48%; }
.hero-brand-mark img { transform: rotate(6deg); width: 100%; }
.floating-chip { align-items: center; background: var(--navy); border-radius: 999px; box-shadow: 0 12px 32px rgba(20,32,44,.16); color: #fff; display: flex; font-size: 11px; font-weight: 900; justify-content: center; letter-spacing: .12em; padding: 12px 16px; position: absolute; }
.chip-one { left: 4%; top: 22%; }.chip-two { right: 3%; top: 38%; }.chip-three { bottom: 16%; left: 15%; }
.home-story { border-top: 1px solid rgba(20,32,44,.1); padding-block: 90px; }
.home-story-grid { display: grid; gap: 90px; grid-template-columns: 1.1fr .9fr; margin-top: 24px; }
.home-story h2 { color: var(--navy); font-size: clamp(38px,5vw,64px); letter-spacing: -.06em; line-height: 1.03; margin: 0; }
.home-story p { color: var(--muted); font-size: 16px; line-height: 1.7; margin: 0 0 24px; }
.home-story a { color: var(--orange); font-size: 14px; font-weight: 850; }
.contact-section { background: var(--navy); color: #fff; padding-block: 100px; }
.contact-grid { display: grid; gap: 90px; grid-template-columns: 1fr 1fr; }
.contact-grid h2 { font-size: clamp(40px,5vw,64px); letter-spacing: -.06em; line-height: 1; margin: 17px 0 22px; }
.contact-grid > div p { color: rgba(255,255,255,.52); line-height: 1.7; }
.contact-form { background: #fff; border-radius: 22px; display: grid; gap: 15px; padding: 27px; }
.showcase-footer { align-items: center; color: var(--muted); display: flex; font-size: 12px; justify-content: space-between; min-height: 120px; }

/* Login */
.login-layout { background: var(--cream); display: grid; grid-template-columns: minmax(0,1.08fr) minmax(430px,.92fr); min-height: 100vh; }
.login-brand-panel { background: var(--navy); color: #fff; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 50px 7vw; position: relative; }
.login-brand-panel::after { border: 1px solid rgba(255,90,31,.24); border-radius: 50%; content: ""; height: 460px; position: absolute; right: -220px; top: 15%; width: 460px; }
.login-brand-panel > div { max-width: 640px; position: relative; z-index: 1; }
.login-brand-panel h1 { font-size: clamp(48px,6vw,82px); letter-spacing: -.07em; line-height: .98; margin: 22px 0 28px; }
.login-brand-panel p { color: rgba(255,255,255,.55); line-height: 1.7; max-width: 520px; }
.login-brand-panel > small { color: rgba(255,255,255,.34); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.login-form-panel { align-items: center; display: flex; justify-content: center; padding: 55px; }
.login-form { max-width: 410px; width: 100%; }
.login-lock { align-items: center; background: var(--orange-soft); border-radius: 15px; color: var(--orange); display: flex; font-size: 25px; height: 52px; justify-content: center; margin-bottom: 26px; width: 52px; }
.login-form h2 { color: var(--navy); font-size: 40px; letter-spacing: -.055em; margin: 10px 0 8px; }
.login-form > p { color: var(--muted); font-size: 13px; margin: 0 0 30px; }
.login-form > label { margin-bottom: 16px; }
.password-field { position: relative; }
.password-field input { padding-right: 74px; }
.password-field button { background: transparent; border: 0; color: var(--orange); font-size: 11px; font-weight: 850; height: 47px; position: absolute; right: 8px; top: 0; }
.login-back { color: var(--muted); display: block; font-size: 12px; margin-top: 22px; text-align: center; }
.login-form > small { color: var(--muted); display: block; font-size: 11px; line-height: 1.6; margin-top: 16px; text-align: center; }

/* Dashboard */
.dashboard-body { background: #f4f6f6; }
.dashboard-layout { background: #f4f6f6; display: grid; grid-template-columns: 250px minmax(0,1fr); min-height: 100vh; }
.dashboard-sidebar { background: var(--navy); color: #fff; display: flex; flex-direction: column; height: 100vh; justify-content: space-between; padding: 28px 20px 24px; position: sticky; top: 0; }
.sidebar-role { color: rgba(255,255,255,.42); display: block; font-size: 10px; font-weight: 800; letter-spacing: .15em; margin: 14px 0 30px 42px; text-transform: uppercase; }
.dashboard-sidebar nav { display: flex; flex-direction: column; gap: 7px; }
.dashboard-sidebar nav a { align-items: center; border-radius: 12px; color: rgba(255,255,255,.58); display: flex; font-size: 13px; font-weight: 700; gap: 12px; padding: 12px 13px; }
.dashboard-sidebar nav a span { align-items: center; display: flex; font-size: 17px; justify-content: center; width: 22px; }
.dashboard-sidebar nav a:hover, .dashboard-sidebar nav a.active { background: rgba(255,255,255,.09); color: #fff; }
.dashboard-sidebar nav a.active span { color: var(--orange); }
.sidebar-footer { border-top: 1px solid rgba(255,255,255,.1); display: grid; gap: 7px; padding: 18px 10px 0; }
.sidebar-footer span { color: rgba(255,255,255,.65); font-size: 11px; }
.sidebar-footer button { background: transparent; border: 0; color: var(--orange); font-size: 11px; font-weight: 800; padding: 0; }
.dashboard-main { min-width: 0; }
.dashboard-topbar { align-items: center; background: rgba(255,255,255,.91); border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; min-height: 98px; padding: 22px 36px; position: sticky; top: 0; z-index: 15; }
.dashboard-topbar > div:first-child > span { color: var(--muted); font-size: 11px; font-weight: 700; }
.dashboard-topbar h1 { color: var(--navy); font-size: 28px; letter-spacing: -.04em; margin: 4px 0 0; }
.topbar-actions { display: flex; gap: 9px; }
.dashboard-content { margin: 0 auto; max-width: 1320px; padding: 32px 36px 60px; }
.dashboard-panel { background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 8px 25px rgba(20,32,44,.03); padding: 26px; }
.workspace-heading { align-items: flex-end; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 24px; }
.workspace-heading h2 { color: var(--navy); font-size: 28px; letter-spacing: -.045em; margin: 8px 0 0; }
.workspace-heading > span { color: var(--muted); font-size: 11px; }
.section-divider { border-top: 1px solid var(--line); margin-top: 30px; padding-top: 30px; }
.flash-stack { display: grid; gap: 8px; max-width: 430px; position: fixed; right: 24px; top: 20px; z-index: 100; }
.flash { animation: flash-in .25s ease; border-radius: 12px; box-shadow: var(--shadow); font-size: 13px; font-weight: 750; padding: 14px 17px; }
.flash-success { background: #e9f8f0; border: 1px solid #c7ecd8; color: #18784f; }
.flash-error { background: #fff0ed; border: 1px solid #ffd3ca; color: #b83b28; }
@keyframes flash-in { from { opacity: 0; transform: translateY(-10px); } }

.business-welcome { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 22px; display: flex; justify-content: space-between; padding: 30px; }
.business-welcome h2 { color: var(--navy); font-size: 31px; letter-spacing: -.05em; margin: 9px 0 7px; }
.business-welcome p { color: var(--muted); margin: 0; }
.business-welcome > a { background: #f4f5f5; border-radius: 16px; display: grid; gap: 7px; min-width: 200px; padding: 17px; }
.business-welcome > a span { color: var(--muted); font-size: 10px; }.business-welcome > a strong { color: var(--navy); font-size: 22px; }
.business-welcome > a i { background: #dfe2e2; border-radius: 99px; height: 5px; overflow: hidden; }.business-welcome > a b { background: var(--orange); display: block; height: 100%; }
.business-module-grid { display: grid; gap: 18px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 20px; }
.business-module-card { border-radius: 22px; display: flex; flex-direction: column; justify-content: space-between; min-height: 320px; padding: 25px; }
.module-orange { background: var(--orange); color: #fff; }.module-navy { background: var(--navy); color: #fff; }.module-cream { background: var(--cream); border: 1px solid #e3ded4; color: var(--navy); }
.module-card-top { align-items: center; display: flex; justify-content: space-between; }.module-card-top > span { font-size: 30px; }.module-card-top b { font-size: 20px; }
.business-module-card h2 { font-size: 28px; letter-spacing: -.04em; margin: 0 0 10px; }.business-module-card p { font-size: 13px; line-height: 1.6; margin: 0; opacity: .68; }
.business-module-card footer { align-items: end; border-top: 1px solid currentColor; display: flex; justify-content: space-between; margin-top: 24px; opacity: .8; padding-top: 18px; }.business-module-card footer strong { font-size: 27px; }.business-module-card footer span { font-size: 10px; }
.dashboard-tip { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 16px; display: grid; gap: 16px; grid-template-columns: auto 1fr auto; margin-top: 20px; padding: 18px 22px; }
.dashboard-tip > span { background: var(--orange-soft); border-radius: 999px; color: var(--orange); font-size: 10px; font-weight: 850; padding: 7px 10px; }.dashboard-tip p { color: var(--muted); font-size: 12px; }.dashboard-tip a { color: var(--orange); font-size: 12px; font-weight: 800; }

.company-form { display: grid; gap: 18px; }
.google-rating-field { align-items: end; display: grid; gap: 9px 12px; grid-template-columns: minmax(0,1fr) auto; }.google-rating-field > label { margin: 0; }.google-rating-field > button { margin-bottom: 1px; }.google-rating-field > small { color: var(--muted); font-size: 9px; grid-column: 1 / -1; }.google-rating-field > small:empty { display: none; }
.color-grid { display: grid; gap: 15px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.color-grid input { cursor: pointer; padding: 5px; }.color-grid label small { color: var(--muted); display: block; font-size: 8px; line-height: 1.4; margin-top: 5px; }
.background-upload { align-items: center; display: grid; gap: 30px; grid-template-columns: 1fr 330px; }
.background-upload h2 { color: var(--navy); font-size: 28px; letter-spacing: -.04em; margin: 8px 0; }.background-upload p { color: var(--muted); font-size: 12px; line-height: 1.6; }.background-upload img { border-radius: 15px; height: 190px; object-fit: cover; width: 100%; }
.menu-management-grid { display: grid; gap: 18px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.management-card { background: #fff; border: 1px solid var(--line); border-radius: 20px; display: grid; gap: 20px; min-height: 240px; padding: 25px; transition: transform .15s ease, box-shadow .15s ease; }.management-card:hover { box-shadow: var(--shadow); transform: translateY(-3px); }.management-card > span { color: var(--orange); font-size: 31px; }.management-card h2 { color: var(--navy); font-size: 27px; letter-spacing: -.04em; margin: 0 0 9px; }.management-card p { color: var(--muted); font-size: 13px; line-height: 1.6; margin: 0; }.management-card footer { align-items: center; border-top: 1px solid var(--line); display: flex; justify-content: space-between; padding-top: 17px; }.management-card footer strong { color: var(--muted); font-size: 11px; }.management-card footer b { color: var(--orange); }
.menu-section-nav { display: flex; gap: 7px; margin-bottom: 18px; overflow-x: auto; padding-bottom: 3px; }.menu-section-nav a { background: #fff; border: 1px solid var(--line); border-radius: 999px; flex: none; font-size: 11px; font-weight: 760; padding: 9px 13px; }.menu-section-nav a.active { background: var(--navy); color: #fff; }
.section-workspace { overflow: visible; }
.category-editor-list { display: grid; gap: 9px; margin-bottom: 20px; }
.category-editor-item { align-items: center; background: #f7f8f8; border: 1px solid var(--line); border-radius: 13px; display: grid; gap: 12px; grid-template-columns: 25px 54px minmax(160px,1fr) 65px 75px 35px; padding: 10px; }
.drag-handle { color: #a5abad; }.category-editor-item > input { height: 41px; }.category-editor-item > span { color: var(--muted); font-size: 10px; }.order-input { text-align: center; }
.category-icon-picker { position: relative; }.category-icon-button { background: #fff; border: 1px solid var(--line); border-radius: 10px; font-size: 24px; height: 42px; width: 48px; }.food-icon-popover { background: #fff; border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow); left: 0; padding: 14px; position: absolute; top: 50px; width: 310px; z-index: 20; }.food-icon-popover strong { color: var(--navy); display: block; font-size: 11px; margin-bottom: 10px; }.food-icon-popover > div { display: grid; gap: 5px; grid-template-columns: repeat(7,1fr); max-height: 230px; overflow: auto; }.food-icon-popover button { background: #f5f6f6; border: 0; border-radius: 7px; font-size: 19px; height: 34px; }
.icon-danger { background: #fff0ed; border: 0; border-radius: 8px; color: var(--red); font-size: 18px; height: 34px; }.add-category-form { border-top: 1px solid var(--line); display: grid; gap: 10px; grid-template-columns: 1fr 90px auto; margin-top: 24px; padding-top: 20px; }
.product-editor-panel { margin-bottom: 18px; }.product-form-grid { display: grid; gap: 25px; grid-template-columns: minmax(0,1.5fr) 320px; }.product-form-fields { display: grid; gap: 15px; }.product-form-fields fieldset { border: 1px solid var(--line); border-radius: 14px; margin: 0; padding: 15px; }.product-form-fields legend { color: var(--navy); font-size: 11px; font-weight: 800; padding-inline: 5px; }
.product-ai-assistant { align-items: start; background: linear-gradient(135deg,var(--navy),#24384a); border-radius: 16px; color: #fff; display: grid; gap: 13px; grid-template-columns: 39px 1fr; padding: 16px; }.product-ai-assistant > span { align-items: center; background: var(--orange); border-radius: 11px; display: flex; font-size: 17px; height: 39px; justify-content: center; }.product-ai-assistant strong { display: block; font-size: 13px; }.product-ai-assistant p { color: rgba(255,255,255,.62); font-size: 10px; line-height: 1.55; margin: 5px 0 12px; }.product-ai-assistant small { color: rgba(255,255,255,.56); display: block; font-size: 9px; line-height: 1.45; margin-top: 10px; }.product-ai-assistant small.success { color: #86e5b8; }.product-ai-assistant small.error { color: #ffae9e; }.button-ai { background: #fff; color: var(--navy); min-height: 38px; padding-inline: 13px; }.button-ai.loading { opacity: .7; pointer-events: none; }.field-help, .fieldset-help { color: var(--muted); display: block; font-size: 9px; font-weight: 500; line-height: 1.45; margin-top: 6px; }
.option-chip-grid { display: flex; flex-wrap: wrap; gap: 7px; }.option-chip-grid label { display: block; }.option-chip-grid input { left: -9999px; position: absolute; }.option-chip-grid span { background: #f1f3f3; border: 1px solid transparent; border-radius: 999px; color: var(--muted); cursor: pointer; display: block; font-size: 10px; padding: 8px 10px; }.option-chip-grid input:checked + span { background: var(--orange-soft); border-color: #ffc6b2; color: var(--orange); }
.image-upload-card { background: #f7f8f8; border: 1px solid var(--line); border-radius: 16px; height: fit-content; padding: 17px; }.image-upload-preview { background: #e9ecec; border-radius: 12px; height: 220px; margin: 13px 0; overflow: hidden; position: relative; }.image-upload-preview img { height: 100%; object-fit: cover; width: 100%; }.image-upload-card p { color: var(--muted); font-size: 10px; line-height: 1.6; }.ai-photo-badge { background: rgba(20,32,44,.9); border-radius: 999px; bottom: 10px; color: #fff; font-size: 10px; font-weight: 850; left: 10px; padding: 6px 8px; position: absolute; }.ai-photo-studio { background: var(--orange-soft); border: 1px solid #ffd0bf; border-radius: 14px; display: grid; gap: 11px; margin-top: 16px; padding: 14px; }.ai-photo-studio > header { align-items: center; display: flex; gap: 10px; }.ai-photo-studio > header > span { align-items: center; background: var(--orange); border-radius: 9px; color: #fff; display: flex; flex: none; height: 34px; justify-content: center; width: 34px; }.ai-photo-studio header strong, .ai-photo-studio header small { display: block; }.ai-photo-studio header strong { color: var(--navy); font-size: 14px; }.ai-photo-studio header small { color: var(--muted); font-size: 11px; margin-top: 2px; }.ai-photo-studio label { color: var(--navy); font-size: 12px; gap: 5px; }.ai-photo-studio select { background: #fff; font-size: 12px; height: 42px; }.button-ai-photo { background: var(--navy); color: #fff; font-size: 11px; min-height: 42px; width: 100%; }.button-ai-photo.loading { opacity: .7; pointer-events: none; }.ai-photo-studio > small { color: var(--muted); font-size: 10px; line-height: 1.5; }.ai-photo-studio > small.success { color: #167a50; }.ai-photo-studio > small.error { color: var(--red); }.ai-photo-studio > p { border-top: 1px solid #ffd0bf; font-size: 10px; margin: 0; padding-top: 9px; }.product-media-upload { display: grid; gap: 18px; }.video-upload-section { border-top: 1px solid var(--line); padding-top: 18px; }.video-upload-title { align-items: center; display: flex; justify-content: space-between; }.video-upload-title b { background: var(--orange-soft); border-radius: 999px; color: var(--orange); font-size: 9px; padding: 5px 7px; }.video-upload-preview { align-items: center; background: var(--navy); border-radius: 12px; color: #fff; display: flex; height: 190px; justify-content: center; margin: 13px 0; overflow: hidden; position: relative; }.video-upload-preview video { height: 100%; object-fit: cover; width: 100%; }.video-upload-preview > div { align-items: center; display: flex; flex-direction: column; gap: 6px; text-align: center; }.video-upload-preview > div span { align-items: center; background: var(--orange); border-radius: 50%; display: flex; height: 42px; justify-content: center; padding-left: 3px; width: 42px; }.video-upload-preview > div strong { font-size: 12px; }.video-upload-preview > div small { color: rgba(255,255,255,.5); font-size: 9px; }.remove-video-check { align-items: center; color: var(--muted); flex-direction: row; font-size: 10px; margin-top: 11px; }.remove-video-check input { height: 17px; width: 17px; }
.detailed-product-list { display: grid; gap: 9px; }.detailed-product-list article { align-items: center; border: 1px solid var(--line); border-radius: 14px; display: grid; gap: 15px; grid-template-columns: 90px minmax(200px,1fr) 115px auto; padding: 10px; }.product-list-image { height: 72px; position: relative; width: 90px; }.product-list-image img { border-radius: 9px; height: 100%; object-fit: cover; width: 100%; }.product-list-image span { background: var(--navy); border-radius: 999px; bottom: 5px; color: #fff; font-size: 8px; font-weight: 800; left: 5px; padding: 4px 6px; position: absolute; }.detailed-product-main { min-width: 0; }.detailed-product-main > span { color: var(--orange); display: block; font-size: 9px; font-weight: 800; text-transform: uppercase; }.detailed-product-main strong { color: var(--navy); display: block; margin: 4px 0; }.detailed-product-main p { color: var(--muted); font-size: 11px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.detailed-product-main small { color: #969da1; font-size: 9px; }.detailed-product-price strong { color: var(--navy); display: block; }.detailed-product-price small { color: var(--green); font-size: 9px; }
.bulk-price-list { display: grid; gap: 8px; }.bulk-price-list > label { align-items: center; border: 1px solid var(--line); border-radius: 13px; display: grid; gap: 14px; grid-template-columns: 66px 1fr 150px; padding: 9px 12px; }.bulk-price-list img { border-radius: 8px; height: 55px; object-fit: cover; width: 66px; }.bulk-price-list label > span strong, .bulk-price-list label > span small { display: block; }.bulk-price-list label > span small { color: var(--muted); font-size: 9px; }.bulk-price-list label > div { align-items: center; display: flex; position: relative; }.bulk-price-list label > div input { padding-right: 35px; text-align: right; }.bulk-price-list label > div b { color: var(--orange); position: absolute; right: 12px; }.bulk-price-footer { align-items: center; display: flex; justify-content: space-between; margin-top: 20px; }.bulk-price-footer p { color: var(--muted); font-size: 11px; }
.price-history-list { display: grid; }.price-history-list article { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 15px; grid-template-columns: 34px 1fr auto; padding: 17px 0; }.price-history-list article > span { align-items: center; background: var(--orange-soft); border-radius: 50%; color: var(--orange); display: flex; font-size: 10px; height: 30px; justify-content: center; }.price-history-list strong, .price-history-list small { display: block; }.price-history-list small { color: var(--muted); font-size: 9px; margin-top: 4px; }.price-history-list b { color: var(--navy); font-size: 11px; }
.selection-count { color: var(--orange); font-size: 22px; }.workspace-help { color: var(--muted); font-size: 12px; line-height: 1.6; margin: -8px 0 22px; }.favorite-product-grid { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 22px; }.favorite-product-grid label { align-items: center; border: 1px solid var(--line); border-radius: 13px; cursor: pointer; display: grid; gap: 12px; grid-template-columns: 60px 1fr 28px; padding: 9px; }.favorite-product-grid label.selected { background: var(--orange-soft); border-color: #ffc6b2; }.favorite-product-grid input { left: -9999px; position: absolute; }.favorite-product-grid img { border-radius: 8px; height: 50px; object-fit: cover; width: 60px; }.favorite-product-grid strong, .favorite-product-grid small { display: block; }.favorite-product-grid small { color: var(--muted); font-size: 9px; }.favorite-product-grid i { align-items: center; background: #e8ebeb; border-radius: 50%; color: transparent; display: flex; font-style: normal; height: 25px; justify-content: center; }.favorite-product-grid label.selected i { background: var(--orange); color: #fff; }

.metric-grid { display: grid; gap: 15px; grid-template-columns: repeat(4,minmax(0,1fr)); }.metric-card { background: #fff; border: 1px solid var(--line); border-radius: 18px; min-height: 190px; padding: 21px; }.metric-primary { background: var(--orange); border-color: var(--orange); color: #fff; }.metric-icon { display: block; font-size: 25px; margin-bottom: 27px; }.metric-card small { display: block; font-size: 10px; opacity: .62; }.metric-card > strong { display: block; font-size: 35px; letter-spacing: -.05em; margin: 7px 0; }.metric-card .metric-product { font-size: 20px; }.metric-change, .metric-note { font-size: 10px; opacity: .7; }
.stats-detail-grid { display: grid; gap: 18px; grid-template-columns: 1.25fr .75fr; margin-top: 18px; }.growth-card { background: var(--navy); border-radius: 20px; color: #fff; padding: 26px; }.growth-card h2, .top-products-card h2 { font-size: 27px; letter-spacing: -.04em; margin: 8px 0 26px; }.bar-chart { align-items: end; display: grid; gap: 12px; grid-template-columns: repeat(7,1fr); height: 220px; }.bar-chart div { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; }.bar-chart div span { background: var(--orange); border-radius: 6px 6px 2px 2px; min-height: 4px; width: 58%; }.bar-chart small { color: rgba(255,255,255,.45); font-size: 9px; margin-top: 10px; }.top-product-row { align-items: center; border-top: 1px solid var(--line); display: grid; gap: 10px; grid-template-columns: 25px 1fr auto; padding: 13px 0; }.top-product-row > span { color: var(--orange); font-size: 11px; font-weight: 850; }.top-product-row strong { color: var(--navy); font-size: 12px; }.top-product-row small { color: var(--muted); font-size: 9px; }
.qr-page-grid { display: grid; gap: 22px; grid-template-columns: minmax(370px,.8fr) minmax(320px,1.2fr); }.qr-main-card { align-items: center; display: flex; flex-direction: column; text-align: center; }.qr-real { border: 10px solid #fff; border-radius: 16px; box-shadow: var(--shadow); margin-bottom: 23px; max-width: 320px; width: 100%; }.qr-main-card h2 { color: var(--navy); font-size: 30px; margin: 8px 0; }.qr-main-card > p { color: var(--muted); font-size: 12px; }.qr-url { background: #f3f4f4; border-radius: 10px; color: var(--navy); font-family: ui-monospace, monospace; font-size: 10px; margin: 16px 0; max-width: 100%; overflow: hidden; padding: 12px; text-overflow: ellipsis; }.qr-action-row { display: flex; gap: 8px; }.qr-guide { background: var(--navy); border-radius: 20px; color: #fff; padding: 34px; }.qr-guide h2 { font-size: 36px; letter-spacing: -.05em; line-height: 1.05; }.qr-guide ol { list-style: none; margin: 36px 0 0; padding: 0; }.qr-guide li { border-top: 1px solid rgba(255,255,255,.12); display: grid; gap: 17px; grid-template-columns: 40px 1fr; padding: 20px 0; }.qr-guide li span { color: var(--orange); font-size: 12px; font-weight: 850; }.qr-guide li p { color: rgba(255,255,255,.6); font-size: 12px; line-height: 1.6; margin: 0; }

/* Printable menu studio */
.print-studio { display: grid; gap: 24px; grid-template-columns: 300px minmax(0,1fr); }
.print-studio-controls { align-self: start; background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); display: grid; gap: 20px; padding: 22px; position: sticky; top: 116px; }
.print-studio-controls h2 { color: var(--navy); font-size: 29px; letter-spacing: -.045em; margin: 7px 0; }.print-studio-controls > div > p { color: var(--muted); font-size: 12px; line-height: 1.55; margin: 0; }
.print-studio-controls fieldset { border: 0; border-top: 1px solid var(--line); margin: 0; padding: 18px 0 0; }.print-studio-controls legend { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .08em; padding: 0 0 12px; text-transform: uppercase; }
.print-size-options { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; }.print-size-options button { background: #f5f6f6; border: 1px solid transparent; border-radius: 12px; min-height: 105px; padding: 12px; text-align: left; }.print-size-options button.active { background: var(--orange-soft); border-color: #ffc1aa; }.print-size-options span, .print-size-options strong, .print-size-options small { display: block; }.print-size-options span { color: var(--orange); font-size: 17px; font-weight: 900; }.print-size-options strong { color: var(--navy); font-size: 11px; margin: 9px 0 3px; }.print-size-options small { color: var(--muted); font-size: 9px; }
.print-switch { align-items: center; border-bottom: 1px solid var(--line); flex-direction: row; justify-content: space-between; padding: 10px 0; }.print-switch > span strong, .print-switch > span small { display: block; }.print-switch > span strong { font-size: 11px; }.print-switch > span small { color: var(--muted); font-size: 9px; font-weight: 500; margin-top: 3px; }.print-switch input { accent-color: var(--orange); height: 19px; width: 19px; }
.complimentary-editor { background: linear-gradient(135deg,#fff8ec,#fff); border: 1px solid #f1ddbd; border-radius: 18px; margin-top: 18px; padding: 18px; }.complimentary-toggle { align-items: center; flex-direction: row; justify-content: space-between; margin: 0; }.complimentary-toggle > span strong, .complimentary-toggle > span small { display: block; }.complimentary-toggle > span small { color: var(--muted); font-size: 9px; font-weight: 500; margin-top: 4px; }.complimentary-toggle input { accent-color: var(--orange); height: 22px; width: 22px; }.complimentary-editor [data-complimentary-fields] { border-top: 1px solid #f1ddbd; display: grid; gap: 13px; grid-template-columns: 1fr 1fr; margin-top: 16px; padding-top: 16px; }.complimentary-editor [data-complimentary-fields][hidden] { display: none; }.optional-label { color: var(--muted); font-size: 8px; font-weight: 600; }
.ai-print-card { background: var(--navy); border-radius: 15px; color: #fff; display: grid; gap: 12px; grid-template-columns: 32px 1fr; padding: 15px; }.ai-print-card > span { align-items: center; background: var(--orange); border-radius: 9px; display: flex; height: 32px; justify-content: center; }.ai-print-card small { color: var(--orange); font-size: 8px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.ai-print-card h3 { font-size: 14px; margin: 5px 0 7px; }.ai-print-card p { color: rgba(255,255,255,.55); font-size: 9px; line-height: 1.55; margin: 0; }.print-help { color: var(--muted); font-size: 9px; line-height: 1.5; text-align: center; }
.print-preview-stage { background: #dde1e2; border-radius: 20px; min-width: 0; overflow: auto; padding: 32px; }.print-sheet { background: #fff; color: var(--print-ink); margin: 0 auto; overflow: hidden; print-color-adjust: exact; -webkit-print-color-adjust: exact; }.print-sheet[hidden] { display: none!important; }
.print-sheet-a4 { display: flex; flex-direction: column; min-height: 297mm; width: 210mm; }.print-a4-cover { color: #fff; height: 59mm; overflow: hidden; position: relative; }.print-a4-cover > img { height: 100%; object-fit: cover; position: absolute; width: 100%; }.print-a4-cover > div { background: linear-gradient(90deg,rgba(13,22,30,.94),rgba(13,22,30,.28)); inset: 0; position: absolute; }.print-a4-cover > section { bottom: 11mm; left: 13mm; position: absolute; }.print-a4-cover span { color: var(--print-accent); font-size: 8pt; font-weight: 900; letter-spacing: .18em; }.print-a4-cover h2 { font-size: 31pt; letter-spacing: -.06em; line-height: .95; margin: 3mm 0 2mm; }.print-a4-cover p { font-size: 8pt; margin: 0; opacity: .7; }
.print-featured-strip { display: grid; gap: 3mm; grid-template-columns: repeat(3,1fr); margin: -7mm 12mm 0; position: relative; z-index: 1; }.print-featured-strip article { background: #fff; border-radius: 3mm; box-shadow: 0 3mm 8mm rgba(20,32,44,.13); height: 34mm; overflow: hidden; position: relative; }.print-featured-strip article > img { height: 100%; object-fit: cover; width: 100%; }.print-featured-strip article::after { background: linear-gradient(transparent,rgba(12,20,27,.84)); content: ""; inset: 0; position: absolute; }.print-featured-strip article > div { bottom: 3mm; color: #fff; display: flex; gap: 2mm; justify-content: space-between; left: 3mm; position: absolute; right: 3mm; z-index: 1; }.print-featured-strip strong, .print-featured-strip b { font-size: 7.5pt; }
.print-a4-menu { padding: 11mm 13mm 8mm; }.print-a4-menu > header { align-items: end; border-bottom: .4mm solid var(--print-accent); display: flex; justify-content: space-between; margin-bottom: 6mm; padding-bottom: 3mm; }.print-a4-menu > header span { color: var(--print-accent); font-size: 7pt; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.print-a4-menu > header h2 { font-size: 22pt; letter-spacing: -.05em; margin: 1mm 0 0; }.print-a4-menu > header p { color: #798086; font-size: 7pt; margin: 0; }.print-category-columns { column-count: 2; column-gap: 9mm; }
.print-category { break-inside: avoid; margin: 0 0 6mm; }.print-category > header { align-items: center; display: flex; gap: 2mm; margin-bottom: 2mm; }.print-category > header span { align-items: center; background: color-mix(in srgb,var(--print-accent) 12%,white); border-radius: 2mm; display: flex; font-size: 11pt; height: 7mm; justify-content: center; width: 7mm; }.print-category h3 { color: var(--print-ink); font-size: 11pt; margin: 0; }.print-product-list article { align-items: start; border-bottom: .2mm solid rgba(20,32,44,.1); display: flex; gap: 3mm; justify-content: space-between; padding: 2.2mm 0; }.print-product-list article > div { min-width: 0; }.print-product-list strong { display: block; font-size: 8.2pt; }.print-product-list p { color: #747b80; font-size: 6.4pt; line-height: 1.35; margin: 1mm 0 0; }.print-product-list b { color: var(--print-accent); font-size: 8pt; white-space: nowrap; }
.print-sheet-footer { align-items: center; border-top: .2mm solid rgba(20,32,44,.11); display: flex; justify-content: space-between; margin: auto 13mm 0; padding: 5mm 0 7mm; }.print-sheet-footer > div img { width: 30mm; }.print-sheet-footer > div span { color: #858b90; display: block; font-size: 6.5pt; margin-top: 2mm; }.print-sheet-footer > section { align-items: center; display: flex; gap: 3mm; text-align: right; }.print-sheet-footer section strong, .print-sheet-footer section small { display: block; }.print-sheet-footer section strong { font-size: 7pt; }.print-sheet-footer section small { color: #858b90; font-size: 6pt; margin-top: 1mm; }.print-sheet-footer section img { height: 18mm; width: 18mm; }
.print-sheet-compact { display: flex; flex-direction: column; min-height: 210mm; width: 145mm; }.print-compact-brand { color: #fff; height: 56mm; min-height: 56mm; overflow: hidden; padding: 8mm; position: relative; }.print-compact-brand > img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }.print-compact-brand > div { background: linear-gradient(90deg,rgba(13,22,30,.95),rgba(13,22,30,.55)); inset: 0; position: absolute; }.print-compact-brand > section { max-width: 82mm; position: relative; }.print-compact-brand > section span { color: var(--print-accent); font-size: 7pt; font-weight: 900; letter-spacing: .18em; }.print-compact-brand h2 { font-size: 23pt; letter-spacing: -.06em; line-height: .95; margin: 3mm 0 2mm; }.print-compact-brand p { font-size: 6.5pt; line-height: 1.4; margin: 0 0 2mm; opacity: .7; }.print-compact-brand section small { font-size: 6.5pt; }.print-compact-brand > footer { align-items: center; bottom: 8mm; display: flex; gap: 3mm; position: absolute; right: 8mm; width: 38mm; }.print-compact-brand footer img { background: #fff; border-radius: 2mm; height: 16mm; padding: 1mm; width: 16mm; }.print-compact-brand footer strong, .print-compact-brand footer small { display: block; }.print-compact-brand footer strong { font-size: 6.3pt; }.print-compact-brand footer small { font-size: 5.5pt; margin-top: 1mm; opacity: .58; }
.print-compact-menu { display: flex; flex: 1; flex-direction: column; min-height: 154mm; padding: 8mm 9mm 6mm; }.print-compact-menu > header { align-items: end; border-bottom: .4mm solid var(--print-accent); display: flex; justify-content: space-between; margin-bottom: 4mm; padding-bottom: 3mm; }.print-compact-menu > header span { color: var(--print-accent); font-size: 6pt; font-weight: 900; letter-spacing: .14em; }.print-compact-menu > header h2 { font-size: 19pt; letter-spacing: -.05em; margin: 1mm 0 0; }.print-compact-menu > header small { color: #858b90; font-size: 6pt; }.print-compact-columns { column-count: 2; column-gap: 7mm; }.print-category-compact { margin-bottom: 4mm; }.print-category-compact > header { margin-bottom: 1mm; }.print-category-compact > header span { height: 6mm; width: 6mm; }.print-category-compact h3 { font-size: 9pt; }.print-category-compact .print-product-list article { padding: 1.5mm 0; }.print-category-compact .print-product-list strong { font-size: 7.1pt; }.print-category-compact .print-product-list p { font-size: 5.4pt; }.print-category-compact .print-product-list b { font-size: 6.8pt; }.print-compact-menu > footer { align-items: center; border-top: .2mm solid rgba(20,32,44,.1); display: flex; justify-content: space-between; margin-top: auto; padding-top: 3mm; }.print-compact-menu > footer img { width: 23mm; }.print-compact-menu > footer span { color: #858b90; font-size: 6pt; }
.print-studio.hide-descriptions [data-print-description], .print-studio.hide-images [data-print-images], .print-studio.hide-qr [data-print-qr] { display: none!important; }

/* Admin */
.admin-metrics { margin-bottom: 18px; }.admin-business-form { margin-bottom: 18px; }.admin-business-form form { display: grid; gap: 15px; }.admin-businesses { scroll-margin-top: 115px; }.admin-table-wrap { overflow-x: auto; }.admin-table { border-collapse: collapse; min-width: 900px; width: 100%; }.admin-table th { color: var(--muted); font-size: 9px; letter-spacing: .08em; padding: 10px; text-align: left; text-transform: uppercase; }.admin-table td { border-top: 1px solid var(--line); font-size: 11px; padding: 13px 10px; vertical-align: middle; }.admin-table td strong, .admin-table td small { display: block; }.admin-table td small { color: var(--muted); font-size: 9px; margin-top: 3px; }.admin-table code { background: #f2f4f4; border-radius: 6px; font-size: 9px; padding: 5px 7px; }.status-pill { border-radius: 999px; display: inline-block; font-size: 9px; font-weight: 850; padding: 6px 8px; }.status-active { background: #e7f8ef; color: #188054; }.status-inactive { background: #fff0ed; color: var(--red); }.status-pending { background: #fff7db; color: #8a6a00; }.table-actions { display: flex; gap: 5px; }.table-actions form { margin: 0; }.table-actions .button { font-size: 9px; min-height: 32px; padding-inline: 9px; }.admin-bottom-grid { display: grid; gap: 18px; grid-template-columns: 1fr; margin-top: 18px; }.activity-list { display: grid; }.activity-list > div { border-top: 1px solid var(--line); display: grid; grid-template-columns: 30px 1fr; padding: 11px 0; }.message-list { display: grid; }

/* Customer menu */
.customer-page { --menu-bg: #f7f7f4; --menu-card: #fff; --menu-text: #14202c; --menu-product-text: #14202c; --menu-accent: #ff5a1f; --menu-on-accent: #fff; background: var(--menu-bg); color: var(--menu-text); min-height: 100vh; }
.customer-page .eyebrow { color: var(--menu-accent); }.customer-topbar { align-items: center; background: #fff; display: flex; height: 72px; justify-content: space-between; margin: 0 auto; max-width: 1180px; padding: 0 24px; }.demo-back-link { color: var(--muted); font-size: 12px; font-weight: 750; }.demo-back-link span { color: var(--menu-accent); }
.restaurant-hero { height: 390px; margin: 0 auto; max-width: 1180px; overflow: hidden; position: relative; }.restaurant-hero-image { height: 100%; object-fit: cover; position: absolute; width: 100%; }.restaurant-hero-overlay { background: linear-gradient(90deg,rgba(14,22,30,.86),rgba(14,22,30,.08)); inset: 0; position: absolute; }.restaurant-hero-content { bottom: 55px; color: #fff; left: 55px; max-width: 75%; position: absolute; }.restaurant-status { align-items: center; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.2); border-radius: 999px; display: inline-flex; font-size: 11px; font-weight: 750; gap: 7px; padding: 8px 11px; }.restaurant-status i { background: #55d997; border-radius: 50%; height: 7px; width: 7px; }.restaurant-status i.closed { background: #ff826b; }.restaurant-hero h1 { font-size: clamp(40px,6vw,64px); letter-spacing: -.06em; line-height: 1; margin: 17px 0 10px; }.restaurant-hero p { margin: 0 0 17px; opacity: .75; }.restaurant-meta { display: flex; font-size: 12px; font-weight: 750; gap: 20px; }
.menu-container { margin: 0 auto; max-width: 1180px; padding: 50px 54px 90px; }.menu-intro { align-items: flex-end; display: flex; gap: 25px; justify-content: space-between; }.menu-intro h2 { font-size: 38px; letter-spacing: -.05em; margin: 10px 0 0; }.menu-search { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 14px; display: flex; flex-direction: row; gap: 8px; min-width: 270px; padding: 0 15px; }.menu-search span { color: var(--muted); font-size: 20px; }.menu-search input { border: 0; height: 48px; padding: 0; }
.category-icon-grid { display: grid; gap: 10px; grid-template-columns: repeat(6,minmax(0,1fr)); margin: 30px 0 52px; }.category-icon-grid button { align-items: center; background: var(--menu-card); border: 1px solid rgba(20,32,44,.1); border-radius: 16px; color: var(--menu-text); display: flex; flex-direction: column; min-height: 120px; padding: 15px 8px; }.category-icon-grid button > span { align-items: center; display: flex; font-size: 28px; height: 40px; justify-content: center; }.category-icon-grid button strong { font-size: 11px; margin-top: 7px; }.category-icon-grid button small { color: var(--muted); font-size: 9px; margin-top: 4px; }.category-icon-grid button.active { background: var(--menu-text); color: var(--menu-card); }.category-all-mark { background: #fff; border: 1px solid rgba(20,32,44,.1); border-radius: 10px; height: 40px!important; padding: 5px; transform: rotate(-4deg); width: 48px; }.category-all-mark img { height: 100%; object-fit: contain; width: 100%; }
.menu-showcase-section { margin-bottom: 52px; }.menu-section-heading { align-items: flex-end; border-bottom: 1px solid rgba(20,32,44,.12); display: flex; justify-content: space-between; margin-bottom: 18px; padding-bottom: 15px; }.menu-section-heading h2 { font-size: 30px; letter-spacing: -.045em; margin: 7px 0 0; }.menu-section-heading > span { color: var(--muted); font-size: 10px; }.featured-menu-grid { display: grid; gap: 16px; grid-template-columns: repeat(5,minmax(0,1fr)); }.top-rated-grid { display: grid; gap: 16px; grid-template-columns: repeat(3,minmax(0,1fr)); }.top-rated-item { position: relative; }.rank-badge { align-items: center; background: var(--menu-accent); border: 3px solid var(--menu-bg); border-radius: 50%; color: #fff; display: flex; font-size: 10px; font-weight: 900; height: 34px; justify-content: center; left: -8px; position: absolute; top: -8px; width: 34px; z-index: 2; }.all-menu-section { padding-top: 12px; }.menu-grid { display: grid; gap: 22px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.menu-card { background: var(--menu-card); border: 1px solid rgba(20,32,44,.11); border-radius: 20px; box-shadow: 0 8px 25px rgba(20,32,44,.035); color: var(--menu-text); display: block; overflow: hidden; padding: 0; text-align: left; transition: transform .17s ease, box-shadow .17s ease; width: 100%; }.menu-card:hover { box-shadow: var(--shadow); transform: translateY(-3px); }.menu-card-image-wrap { display: block; height: 205px; overflow: hidden; position: relative; }.menu-card-image-wrap img { height: 100%; object-fit: cover; transition: transform .24s ease; width: 100%; }.menu-card:hover img { transform: scale(1.035); }.menu-video-badge { align-items: center; background: rgba(20,32,44,.88); border: 1px solid rgba(255,255,255,.28); border-radius: 999px; bottom: 11px; color: #fff; display: flex; font-size: 9px; font-weight: 850; gap: 5px; height: auto!important; left: 11px; padding: 7px 9px; position: absolute; width: auto; }.menu-video-badge i { color: var(--menu-accent); font-size: 8px; font-style: normal; }.menu-card-content { display: flex; flex-direction: column; padding: 18px; }.menu-card-content strong { font-size: 18px; letter-spacing: -.025em; }.menu-card-description { color: var(--muted); display: -webkit-box; font-size: 12px; line-height: 1.55; margin-top: 7px; min-height: 38px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.menu-card-content b { color: var(--menu-accent); font-size: 16px; margin-top: 17px; }.menu-card-compact .menu-card-image-wrap { height: 135px; }.menu-card-compact .menu-card-content { padding: 14px; }.menu-card-compact .menu-card-content strong { font-size: 14px; }.menu-card-compact .menu-card-description { font-size: 10px; min-height: 31px; }.menu-card-compact .menu-card-content b { font-size: 13px; margin-top: 10px; }
.empty-state { align-items: center; background: #fff; border: 1px dashed #d6dada; border-radius: 20px; display: flex; flex-direction: column; grid-column: 1/-1; justify-content: center; min-height: 250px; text-align: center; }.empty-state > span { color: var(--orange); font-size: 35px; }.empty-state h3 { color: var(--navy); margin: 10px 0 5px; }.empty-state p { color: var(--muted); margin: 0; }
.rating-reminder { align-items: center; background: var(--navy); border-radius: 16px; bottom: 22px; box-shadow: 0 18px 55px rgba(0,0,0,.23); color: #fff; display: grid; gap: 12px; grid-template-columns: 36px 1fr 28px; max-width: 440px; padding: 15px; position: fixed; right: 22px; z-index: 40; }.rating-reminder > span { align-items: center; background: var(--orange); border-radius: 50%; display: flex; height: 34px; justify-content: center; }.rating-reminder strong { display: block; font-size: 12px; }.rating-reminder p { color: rgba(255,255,255,.55); font-size: 9px; margin: 4px 0 0; }.rating-reminder button { background: transparent; border: 0; color: #fff; font-size: 21px; }
.modal-backdrop { align-items: center; background: rgba(7,15,23,.7); display: none; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 80; }.modal-backdrop.open { display: flex; }.product-modal { background: #fff; border-radius: 24px; max-height: calc(100vh - 40px); max-width: 610px; overflow: auto; position: relative; width: 100%; }.product-modal-media { background: var(--navy); height: 310px; overflow: hidden; position: relative; }.product-modal-media > img, .product-modal-media > video { height: 100%; object-fit: cover; width: 100%; }.modal-video-label { align-items: center; background: rgba(20,32,44,.88); border: 1px solid rgba(255,255,255,.24); border-radius: 999px; bottom: 15px; color: #fff; display: flex; font-size: 10px; font-weight: 800; gap: 6px; left: 15px; padding: 7px 10px; position: absolute; }.modal-video-label i { color: var(--orange); font-style: normal; }.modal-close { align-items: center; background: #fff; border: 0; border-radius: 50%; box-shadow: var(--shadow); display: flex; font-size: 23px; height: 38px; justify-content: center; position: absolute; right: 15px; top: 15px; width: 38px; z-index: 2; }.product-modal-body { padding: 25px; }.product-detail-title-row { align-items: start; display: flex; gap: 20px; justify-content: space-between; }.product-detail-title-row small { color: var(--orange); font-size: 9px; font-weight: 850; text-transform: uppercase; }.product-detail-title-row h2 { color: var(--navy); font-size: 29px; letter-spacing: -.045em; margin: 5px 0; }.product-detail-title-row > strong { color: var(--orange); font-size: 22px; white-space: nowrap; }.product-modal-body > p { color: var(--muted); font-size: 13px; line-height: 1.65; }.product-detail-stats { display: grid; gap: 10px; grid-template-columns: repeat(2,1fr); margin: 20px 0; }.product-detail-stats > span { background: #f5f6f6; border-radius: 13px; padding: 13px; }.product-detail-stats small, .product-detail-stats b, .product-detail-stats i { display: block; }.product-detail-stats small { color: var(--muted); font-size: 9px; }.product-detail-stats b { color: var(--navy); font-size: 17px; margin: 4px 0; }.product-detail-stats i { color: var(--muted); font-size: 9px; font-style: normal; }.product-detail-block { border-top: 1px solid var(--line); padding-block: 16px; }.product-detail-block > small { color: var(--muted); display: block; font-size: 9px; font-weight: 800; margin-bottom: 9px; text-transform: uppercase; }.detail-chip-row { display: flex; flex-wrap: wrap; gap: 6px; }.detail-chip-row span { background: var(--orange-soft); border-radius: 999px; color: var(--orange); font-size: 9px; font-weight: 750; padding: 7px 9px; }.product-detail-block p { color: var(--muted); font-size: 12px; margin: 0; }.product-rating-box { background: var(--navy); border-radius: 15px; color: #fff; padding: 17px; }.product-rating-box strong, .product-rating-box small { display: block; }.product-rating-box small { color: rgba(255,255,255,.5); font-size: 9px; margin-top: 3px; }.star-rating { display: flex; gap: 5px; margin-top: 13px; }.star-rating button { background: rgba(255,255,255,.1); border: 0; border-radius: 8px; color: #ffd15c; font-size: 20px; height: 38px; width: 42px; }.product-rating-box > p { color: #89e4b7; font-size: 10px; margin: 9px 0 0; }
.service-unavailable-page { align-items: center; background: radial-gradient(circle at 80% 12%,rgba(255,90,31,.12),transparent 27%),var(--cream); display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; padding: 34px; }.service-unavailable-page > section { align-items: center; display: flex; flex-direction: column; max-width: 670px; text-align: center; }.service-unavailable-mark { align-items: center; background: var(--navy); border-radius: 27px; box-shadow: var(--shadow); color: #fff; display: flex; height: 108px; justify-content: center; margin-bottom: 32px; position: relative; width: 108px; }.service-unavailable-mark span { font-size: 44px; }.service-unavailable-mark i { background: var(--orange); border: 5px solid var(--cream); border-radius: 50%; bottom: -8px; height: 30px; position: absolute; right: -8px; width: 30px; }.service-unavailable-page h1 { color: var(--navy); font-size: clamp(42px,6vw,72px); letter-spacing: -.065em; line-height: 1; margin: 17px 0; }.service-unavailable-page p { color: var(--muted); line-height: 1.7; }.service-unavailable-page > small { color: var(--muted); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }

@media (max-width: 1220px) {
  .print-studio { grid-template-columns: 1fr; }.print-studio-controls { grid-template-columns: repeat(2,minmax(0,1fr)); position: static; }.print-studio-controls > div, .print-studio-controls .print-action, .print-studio-controls .print-help { grid-column: 1/-1; }
}

@media (max-width: 1050px) {
  .showcase-hero { gap: 40px; grid-template-columns: 1fr .75fr; }
  .dashboard-layout { grid-template-columns: 215px minmax(0,1fr); }
  .business-module-grid, .metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .category-icon-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .featured-menu-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .product-form-grid { grid-template-columns: 1fr; }.product-media-upload { grid-template-columns: 1fr 1fr; }.product-media-upload .video-upload-section { border-left: 1px solid var(--line); border-top: 0; padding-left: 18px; padding-top: 0; }
}

@media (max-width: 780px) {
  .shell { padding-inline: 20px; }
  .showcase-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 70px; }.showcase-copy h1 { font-size: 70px; }.hero-orbit { margin: 0 auto; max-width: 500px; }
  .home-story-grid, .contact-grid { gap: 36px; grid-template-columns: 1fr; }.showcase-footer { align-items: flex-start; flex-direction: column; justify-content: center; padding-block: 30px; }
  .login-layout { grid-template-columns: 1fr; }.login-brand-panel { min-height: 300px; padding: 34px; }.login-brand-panel h1 { font-size: 45px; }.login-brand-panel p, .login-brand-panel > small { display: none; }.login-form-panel { padding: 45px 24px 70px; }
  .dashboard-layout { display: block; }.dashboard-sidebar { height: auto; padding: 18px; position: static; }.dashboard-sidebar > div:first-child { align-items: center; display: flex; flex-wrap: wrap; gap: 15px; }.sidebar-role { margin: 0; }.dashboard-sidebar nav { flex-direction: row; overflow-x: auto; width: 100%; }.dashboard-sidebar nav a { flex: none; }.sidebar-footer { display: none; }.dashboard-topbar { padding: 17px 20px; position: static; }.dashboard-topbar h1 { font-size: 22px; }.topbar-actions .button-light { display: none; }.dashboard-content { padding: 20px; }
  .business-welcome { align-items: stretch; flex-direction: column; gap: 20px; }.business-module-grid, .menu-management-grid { grid-template-columns: 1fr; }.business-module-card { min-height: 280px; }
  .color-grid { grid-template-columns: repeat(2,1fr); }.background-upload { grid-template-columns: 1fr; }.stats-detail-grid, .qr-page-grid { grid-template-columns: 1fr; }.complimentary-editor [data-complimentary-fields] { grid-template-columns: 1fr; }
  .menu-container { padding: 36px 20px 80px; }.restaurant-hero { height: 340px; }.restaurant-hero-content { bottom: 32px; left: 24px; max-width: calc(100% - 48px); }.menu-intro { align-items: stretch; flex-direction: column; }.menu-search { min-width: 0; }.menu-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.featured-menu-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.top-rated-grid { grid-template-columns: 1fr; }.menu-card-compact .menu-card-image-wrap { height: 170px; }
  .category-editor-item { grid-template-columns: 20px 50px 1fr 54px 32px; }.category-editor-item > span { display: none; }.detailed-product-list article { grid-template-columns: 76px 1fr auto; }.product-list-image { width: 76px; }.detailed-product-price { display: none; }.favorite-product-grid { grid-template-columns: 1fr; }.admin-table-wrap { margin-inline: -12px; }.form-grid-two { grid-template-columns: 1fr; }
  .print-studio-controls { display: grid; grid-template-columns: 1fr; }.print-studio-controls > * { grid-column: 1!important; }.print-preview-stage { border-radius: 15px; padding: 16px; }
}

@media (max-width: 520px) {
  .showcase-copy h1 { font-size: 58px; }.showcase-copy p { font-size: 16px; }.home-story h2, .contact-grid h2 { font-size: 40px; }.hero-orbit { width: 105%; }
  .dashboard-topbar { align-items: flex-start; flex-direction: column; gap: 12px; }.topbar-actions { width: 100%; }.topbar-actions .button { flex: 1; }.dashboard-content { padding: 16px 13px 45px; }.dashboard-panel { border-radius: 16px; padding: 18px; }.business-module-grid, .metric-grid { grid-template-columns: 1fr; }.dashboard-tip { grid-template-columns: auto 1fr; }.dashboard-tip a { grid-column: 1/-1; }
  .category-icon-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.menu-grid { grid-template-columns: 1fr; }.featured-menu-grid { grid-template-columns: 1fr 1fr; }.menu-card-image-wrap { height: 230px; }.menu-card-compact .menu-card-image-wrap { height: 125px; }.menu-card-compact .menu-card-description { display: none; }.restaurant-hero h1 { font-size: 42px; }.restaurant-meta { flex-direction: column; gap: 6px; }
  .rating-reminder { bottom: 10px; left: 10px; max-width: none; right: 10px; }.product-modal-media { height: 240px; }.product-detail-title-row { flex-direction: column; gap: 5px; }.product-detail-stats { grid-template-columns: 1fr 1fr; }.star-rating button { flex: 1; width: auto; }.customer-complimentary { align-items: start; grid-template-columns: 46px 1fr; padding: 18px; }.complimentary-mark { border-radius: 14px; font-size: 20px; height: 44px; width: 44px; }
  .category-editor-item { grid-template-columns: 45px 1fr 50px 32px; }.drag-handle { display: none; }.food-icon-popover { max-width: 280px; width: 80vw; }.add-category-form { grid-template-columns: 1fr 75px; }.add-category-form .button { grid-column: 1/-1; }.detailed-product-list article { grid-template-columns: 65px 1fr; }.product-list-image { height: 62px; width: 65px; }.detailed-product-list article > .button { grid-column: 1/-1; }.bulk-price-list > label { grid-template-columns: 50px 1fr; }.bulk-price-list img { height: 45px; width: 50px; }.bulk-price-list label > div { grid-column: 1/-1; }.bulk-price-footer { align-items: stretch; flex-direction: column; gap: 12px; }.product-media-upload { display: block; }.product-media-upload .video-upload-section { border-left: 0; border-top: 1px solid var(--line); margin-top: 18px; padding-left: 0; padding-top: 18px; }.price-history-list article { grid-template-columns: 30px 1fr; }.price-history-list article > b { grid-column: 2; }
  .setup-body { padding: 14px; }.setup-card { padding: 25px 19px; }.setup-card h1 { font-size: 34px; }
}

@media print {
  html, body { background: #fff!important; height: auto; margin: 0!important; padding: 0!important; }
  .dashboard-sidebar, .dashboard-topbar, .menu-section-nav, .print-studio-controls, .flash-stack { display: none!important; }
  .dashboard-layout, .dashboard-main, .dashboard-content, .print-studio, .print-preview-stage { background: #fff!important; display: block!important; height: auto!important; margin: 0!important; max-width: none!important; min-height: 0!important; overflow: visible!important; padding: 0!important; width: auto!important; }
  .print-sheet { box-shadow: none!important; margin: 0!important; }
  .print-sheet:not(.active), .print-sheet[hidden] { display: none!important; }
  .print-sheet.active.print-sheet-a4 { display: flex!important; }
  .print-sheet.active.print-sheet-compact { display: flex!important; }
}

/* BakSeçYe V2 */
.button:disabled { cursor: not-allowed; opacity: .5; transform: none; }
.publish-control-card { align-items: center; background: var(--navy); border-radius: 21px; color: #fff; display: flex; gap: 28px; justify-content: space-between; margin-bottom: 19px; overflow: hidden; padding: 24px 27px; position: relative; }
.publish-control-card::before { background: var(--orange); border-radius: 50%; content: ""; filter: blur(35px); height: 130px; opacity: .22; position: absolute; right: 12%; top: -80px; width: 130px; }
.publish-control-card > div { position: relative; z-index: 1; }.publish-control-card > div:first-child > span { color: #ff9b75; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.publish-control-card h2 { font-size: 23px; letter-spacing: -.035em; margin: 7px 0 5px; }.publish-control-card p { color: rgba(255,255,255,.5); font-size: 10px; margin: 0; }.publish-control-card > div:last-child { display: flex; gap: 9px; }.publish-control-card form { display: flex; }.publish-control-card.is-live { background: #e9f8f0; color: #176e4b; }.publish-control-card.is-live > div:first-child > span { color: #168354; }.publish-control-card.is-live p { color: #55806e; }
.schedule-fields { background: #f6f8f8; border: 1px solid var(--line); border-radius: 15px; display: grid; gap: 20px; grid-template-columns: 1fr 1fr; padding: 16px; }.schedule-fields > div:first-child > strong { color: var(--navy); display: block; font-size: 13px; margin-top: 6px; }.schedule-fields p { color: var(--muted); font-size: 10px; line-height: 1.5; margin: 5px 0 0; }.product-options-editor > p { margin: 0 0 13px; }.product-option-row { align-items: center; display: grid; gap: 8px; grid-template-columns: 1fr 140px 34px; margin-bottom: 8px; }.product-option-row label { position: relative; }.product-option-row label input { padding-right: 30px; }.product-option-row label span { bottom: 16px; color: var(--muted); position: absolute; right: 12px; }.product-option-row button { background: #fff0ed; border: 0; border-radius: 9px; color: var(--red); font-size: 19px; height: 39px; }.product-options-editor .button { margin-top: 4px; }.stock-button { min-height: 37px; padding-inline: 11px; }.detailed-product-list article { grid-template-columns: 90px minmax(200px,1fr) 115px auto auto; }.detailed-product-list article.sold-out-admin { background: #fff6f2; }.sold-out-admin .product-list-image img { filter: grayscale(.45); opacity: .7; }

.draft-preview-bar { align-items: center; background: var(--navy); color: #fff; display: flex; font-size: 11px; gap: 15px; justify-content: center; padding: 10px 18px; }.draft-preview-bar span { color: #ff9b75; font-weight: 850; }.draft-preview-bar p { color: rgba(255,255,255,.55); margin: 0; }.draft-preview-bar a { color: #fff; font-weight: 800; text-decoration: underline; }.customer-top-actions { align-items: center; display: flex; gap: 14px; }.language-switcher { align-items: center; background: #f3f5f5; border-radius: 999px; flex-direction: row; gap: 3px; padding-left: 10px; }.language-switcher > span { color: var(--menu-accent); font-size: 15px; }.language-switcher select { background: transparent; border: 0; box-shadow: none; font-size: 10px; font-weight: 850; height: 35px; padding: 0 26px 0 5px; width: auto; }
.customer-campaigns { margin-bottom: 42px; }.customer-campaigns > div:last-child { display: grid; gap: 13px; grid-template-columns: repeat(2,minmax(0,1fr)); }.customer-campaigns article { background: var(--menu-text); border-radius: 19px; color: var(--menu-card); display: grid; grid-template-columns: 150px 1fr; min-height: 155px; overflow: hidden; }.customer-campaigns article > img { height: 100%; object-fit: cover; width: 100%; }.customer-campaigns article > section { align-self: center; padding: 20px; }.customer-campaigns article section > span { background: var(--menu-accent); border-radius: 999px; color: #fff; display: inline-block; font-size: 8px; font-weight: 900; letter-spacing: .07em; padding: 6px 8px; text-transform: uppercase; }.customer-campaigns h3 { font-size: 20px; letter-spacing: -.035em; margin: 9px 0 5px; }.customer-campaigns p { color: rgba(255,255,255,.6); font-size: 10px; line-height: 1.5; margin: 0 0 9px; }.customer-campaigns small { color: var(--menu-accent); font-weight: 800; }
.customer-complimentary { align-items: center; background: var(--menu-card); border: 1px solid color-mix(in srgb,var(--menu-accent) 25%,transparent); border-radius: 20px; box-shadow: 0 10px 32px rgba(20,32,44,.04); display: grid; gap: 18px; grid-template-columns: 62px 1fr; margin-bottom: 36px; padding: 22px 24px; }.complimentary-mark { align-items: center; background: var(--menu-accent); border-radius: 18px; color: var(--menu-on-accent); display: flex; font-size: 25px; height: 58px; justify-content: center; width: 58px; }.customer-complimentary h2 { font-size: 24px; letter-spacing: -.04em; margin: 5px 0 11px; }.complimentary-items { display: flex; flex-wrap: wrap; gap: 7px; }.complimentary-items span { background: color-mix(in srgb,var(--menu-accent) 11%,var(--menu-bg)); border-radius: 999px; color: var(--menu-text); font-size: 10px; font-weight: 800; padding: 7px 10px; }.customer-complimentary p { color: var(--muted); font-size: 10px; line-height: 1.55; margin: 12px 0 0; }
.menu-card.is-sold-out { opacity: .72; }.menu-card.is-sold-out .menu-card-image-wrap img { filter: grayscale(.55); }.sold-out-badge { background: #b83b28; border-radius: 999px; color: #fff; font-size: 9px; font-weight: 850; padding: 7px 10px; position: absolute; right: 11px; top: 11px; }.menu-card-content b small { color: var(--muted); font-size: 8px; font-weight: 700; }.modal-option-list { display: grid; gap: 6px; }.modal-option-list > span { align-items: center; background: #f5f6f6; border-radius: 10px; display: flex; justify-content: space-between; padding: 10px 12px; }.modal-option-list strong { color: var(--navy); font-size: 11px; }.modal-option-list b { color: var(--orange); font-size: 11px; }.modal-sold-out { background: #fff0ed; border: 1px solid #ffd3ca; border-radius: 13px; color: #a93f2c; display: grid; gap: 3px; margin-bottom: 15px; padding: 13px; }.modal-sold-out strong { font-size: 12px; }.modal-sold-out span { font-size: 10px; line-height: 1.5; }

.v2-nav { margin-bottom: 19px; }.v2-split-layout { display: grid; gap: 20px; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); }.v2-feature-panel { padding: 34px; }.v2-feature-icon { align-items: center; background: var(--navy); border-radius: 14px; color: var(--orange); display: flex; font-size: 23px; height: 50px; justify-content: center; margin-bottom: 25px; width: 50px; }.v2-feature-panel h2, .campaign-form h2, .branch-form h2 { color: var(--navy); font-size: 34px; letter-spacing: -.05em; line-height: 1.05; margin: 10px 0 12px; }.v2-feature-panel > p { color: var(--muted); font-size: 13px; line-height: 1.65; }.v2-upload-form { margin-top: 24px; }.v2-dropzone { align-items: center; border: 1px dashed #bcc4c6; border-radius: 17px; cursor: pointer; display: flex; min-height: 175px; padding: 25px; text-align: center; }.v2-dropzone:hover { background: #fafbfb; border-color: var(--orange); }.v2-dropzone > span { color: var(--orange); font-size: 30px; }.v2-dropzone strong { color: var(--navy); font-size: 14px; }.v2-dropzone small, .v2-file-name, .v2-privacy-note { color: var(--muted); font-size: 10px; }.v2-dropzone input { display: none; }.v2-file-name { margin: 10px 0 14px; text-align: center; }.v2-privacy-note { display: block; line-height: 1.5; margin-top: 14px; }.v2-step-list { display: grid; gap: 11px; }.v2-step-list article { align-items: start; background: #fff; border: 1px solid var(--line); border-radius: 17px; display: grid; gap: 13px; grid-template-columns: 37px 1fr; padding: 20px; }.v2-step-list b { align-items: center; background: var(--orange-soft); border-radius: 11px; color: var(--orange); display: flex; height: 36px; justify-content: center; }.v2-step-list strong { color: var(--navy); font-size: 13px; }.v2-step-list p { color: var(--muted); font-size: 10px; line-height: 1.55; margin: 5px 0 0; }
.import-mode-picker { display: grid; gap: 9px; margin: 0 0 14px; }.import-mode-picker label { cursor: pointer; margin: 0; }.import-mode-picker input { position: absolute; visibility: hidden; }.import-mode-picker span { align-items: center; background: #f5f7f6; border: 1px solid var(--line); border-radius: 13px; display: grid; gap: 4px; min-height: 65px; padding: 13px 16px 13px 48px; position: relative; }.import-mode-picker span::before { border: 2px solid #b9c1be; border-radius: 50%; content: ''; height: 18px; left: 17px; position: absolute; top: 22px; width: 18px; }.import-mode-picker input:checked + span { background: #fff5f0; border-color: var(--orange); }.import-mode-picker input:checked + span::before { background: var(--orange); border-color: var(--orange); box-shadow: inset 0 0 0 4px #fff; }.import-mode-picker b { color: var(--navy); font-size: 11px; }.import-mode-picker small { color: var(--muted); font-size: 8px; line-height: 1.4; }
.import-review-panel { margin-top: 20px; }.import-notes { background: #fff8dc; border: 1px solid #f2dfa0; border-radius: 13px; color: #745e19; font-size: 11px; margin-bottom: 18px; padding: 13px 15px; }.import-notes ul { margin: 7px 0 0; padding-left: 18px; }.import-category-list { display: grid; gap: 15px; }.import-category-list > section { background: #f7f8f8; border: 1px solid var(--line); border-radius: 15px; overflow: hidden; }.import-category-list section > header { align-items: center; display: flex; gap: 11px; padding: 15px; }.import-category-list section > header > span { font-size: 25px; }.import-category-list header small { color: var(--muted); font-size: 8px; text-transform: uppercase; }.import-category-list h3 { color: var(--navy); margin: 2px 0 0; }.import-product-row { align-items: end; background: #fff; border-top: 1px solid var(--line); display: grid; gap: 10px; grid-template-columns: minmax(170px,.9fr) 120px minmax(220px,1.25fr) minmax(220px,1.25fr); padding: 12px 15px; }.import-product-row textarea { min-height: 68px; resize: vertical; }.import-review-panel .form-footer { align-items: center; justify-content: space-between; }.import-review-panel .form-footer > span { color: var(--muted); font-size: 10px; }
.language-panel { padding: 32px; }.language-choice-grid { display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 25px 0; }.language-choice-grid label { align-items: center; background: #f7f8f8; border: 1px solid var(--line); border-radius: 15px; cursor: pointer; display: grid; gap: 13px; grid-template-columns: 46px 1fr 24px; padding: 15px; }.language-choice-grid label.selected { background: #fff5f1; border-color: #ffc3ad; }.language-choice-grid input { display: none; }.language-choice-grid label > span { align-items: center; background: var(--navy); border-radius: 11px; color: #fff; display: flex; font-size: 10px; height: 43px; justify-content: center; }.language-choice-grid strong, .language-choice-grid small { display: block; }.language-choice-grid strong { color: var(--navy); font-size: 13px; }.language-choice-grid small { color: var(--muted); font-size: 9px; margin-top: 4px; }.language-choice-grid i { color: var(--orange); font-style: normal; }.ai-action-footer { align-items: center; background: var(--navy); border-radius: 15px; color: #fff; display: flex; justify-content: space-between; padding: 17px; }.ai-action-footer strong, .ai-action-footer small { display: block; }.ai-action-footer small { color: rgba(255,255,255,.5); font-size: 9px; margin-top: 3px; }
.menu-doctor-hero { align-items: center; background: linear-gradient(135deg,#fff 58%,#fff2ed); display: flex; justify-content: space-between; padding: 34px; }.menu-doctor-hero > div { max-width: 700px; }.menu-doctor-hero .v2-feature-icon { margin-bottom: 19px; }.menu-doctor-hero h2 { color: var(--navy); font-size: 38px; letter-spacing: -.055em; margin: 8px 0; }.menu-doctor-hero p { color: var(--muted); line-height: 1.6; max-width: 620px; }.menu-doctor-hero form { display: grid; gap: 8px; min-width: 215px; }.menu-doctor-hero form small { color: var(--muted); font-size: 8px; text-align: center; }.doctor-report-grid { display: grid; gap: 18px; grid-template-columns: .75fr 1.25fr; margin-top: 18px; }.doctor-score-card { background: var(--navy); border-radius: 20px; color: #fff; padding: 27px; }.doctor-score-card > small { color: rgba(255,255,255,.48); font-size: 10px; }.doctor-score-card > strong { display: block; font-size: 62px; letter-spacing: -.07em; margin: 13px 0; }.doctor-score-card strong i { color: rgba(255,255,255,.35); font-size: 18px; font-style: normal; }.doctor-score-card > span { background: rgba(255,255,255,.12); border-radius: 99px; display: block; height: 7px; overflow: hidden; }.doctor-score-card > span b { background: var(--orange); display: block; height: 100%; width: var(--score); }.doctor-score-card p { color: rgba(255,255,255,.6); font-size: 11px; line-height: 1.6; }.doctor-wins p { align-items: start; border-top: 1px solid var(--line); color: var(--muted); display: flex; font-size: 11px; gap: 9px; line-height: 1.5; margin: 0; padding: 12px 0; }.doctor-wins p b { color: #168354; }.doctor-issues { margin-top: 18px; }.doctor-issues > article { align-items: center; border-top: 1px solid var(--line); display: grid; gap: 13px; grid-template-columns: 60px 1fr auto; padding: 15px 0; }.doctor-issues article > span { border-radius: 999px; font-size: 8px; font-weight: 850; padding: 6px 8px; text-align: center; text-transform: uppercase; }.severity-yüksek > span { background: #fff0ed; color: #b83b28; }.severity-orta > span { background: #fff7db; color: #80620b; }.severity-düşük > span { background: #eaf4ff; color: #276ca2; }.doctor-issues strong { color: var(--navy); font-size: 12px; }.doctor-issues p { color: var(--muted); font-size: 10px; margin: 4px 0 0; }.doctor-issues a { color: var(--orange); font-size: 10px; font-weight: 800; }
.campaign-layout { grid-template-columns: 430px 1fr; }.campaign-form { display: grid; gap: 15px; }.campaign-list { display: grid; gap: 10px; align-content: start; }.campaign-admin-card { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 16px; display: grid; gap: 14px; grid-template-columns: auto 1fr auto; padding: 16px; }.campaign-admin-card > span { background: var(--orange); border-radius: 999px; color: #fff; font-size: 8px; font-weight: 850; padding: 7px 9px; text-transform: uppercase; }.campaign-admin-card h3 { color: var(--navy); font-size: 14px; margin: 0; }.campaign-admin-card p { color: var(--muted); font-size: 10px; line-height: 1.5; margin: 5px 0; }.campaign-admin-card small { color: var(--orange); font-size: 9px; }
.branch-summary { align-items: center; background: var(--navy); border-radius: 19px; color: #fff; display: flex; gap: 26px; margin-bottom: 19px; padding: 23px; }.branch-summary > div { align-items: center; border-right: 1px solid rgba(255,255,255,.12); display: grid; gap: 9px; grid-template-columns: 35px auto; padding-right: 27px; }.branch-summary > div > span { color: var(--orange); font-size: 25px; grid-row: 1/3; }.branch-summary strong { font-size: 28px; }.branch-summary small { color: rgba(255,255,255,.45); font-size: 9px; }.branch-summary p { color: rgba(255,255,255,.58); font-size: 11px; line-height: 1.6; max-width: 650px; }.branch-layout { grid-template-columns: minmax(450px,.85fr) 1.15fr; }.branch-form { display: grid; gap: 15px; }.slug-field { align-items: center; background: #f7f8f8; border: 1px solid var(--line); border-radius: 11px; display: flex; overflow: hidden; }.slug-field span { color: var(--muted); font-size: 11px; padding-left: 12px; }.slug-field input { background: transparent; border: 0; box-shadow: none; padding-left: 4px; }.branch-list { align-content: start; display: grid; gap: 9px; }.branch-card { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 15px; display: flex; justify-content: space-between; padding: 14px; }.branch-card.current { border-color: #ffc3ad; box-shadow: inset 3px 0 var(--orange); }.branch-card > div { align-items: center; display: flex; gap: 12px; }.branch-card > div > span { align-items: center; background: var(--navy); border-radius: 11px; color: #fff; display: flex; font-weight: 900; height: 42px; justify-content: center; width: 42px; }.branch-card strong, .branch-card small { display: block; }.branch-card strong { color: var(--navy); font-size: 12px; }.branch-card small { color: var(--muted); font-size: 9px; margin-top: 4px; }.branch-card > b { background: #e7f8ef; border-radius: 999px; color: #168354; font-size: 8px; padding: 6px 8px; }

.qr-designer { display: grid; gap: 22px; grid-template-columns: 390px 1fr; }.qr-designer-controls { align-self: start; display: grid; gap: 18px; position: sticky; top: 120px; }.qr-designer-controls > h2 { color: var(--navy); font-size: 29px; letter-spacing: -.05em; margin: -8px 0 0; }.qr-designer-controls fieldset { border: 0; margin: 0; padding: 0; }.qr-designer-controls legend { color: var(--navy); font-size: 11px; font-weight: 850; margin-bottom: 9px; }.qr-choice-grid { display: grid; gap: 7px; grid-template-columns: repeat(2,1fr); }.qr-choice-grid button { background: #f7f8f8; border: 1px solid var(--line); border-radius: 11px; color: var(--navy); min-height: 62px; padding: 10px; text-align: left; }.qr-choice-grid button.active { background: #fff4ef; border-color: #ffbda5; box-shadow: 0 0 0 2px rgba(255,90,31,.08); }.qr-choice-grid strong, .qr-choice-grid small { display: block; }.qr-choice-grid strong { font-size: 11px; }.qr-choice-grid small { color: var(--muted); font-size: 8px; margin-top: 3px; }.qr-template-choices { grid-template-columns: repeat(3,1fr); }.qr-template-choices button { text-align: center; }.qr-template-choices i { background: linear-gradient(135deg,var(--navy) 50%,var(--orange) 50%); border-radius: 4px; display: block; height: 21px; margin: 0 auto 6px; width: 34px; }.qr-template-choices button:nth-child(2) i { background: var(--orange); }.qr-template-choices button:nth-child(3) i { background: linear-gradient(135deg,#fff0dc 50%,var(--navy) 50%); }.qr-ai-control { background: var(--navy); border-radius: 15px; color: #fff; display: grid; gap: 11px; grid-template-columns: 32px 1fr; padding: 15px; }.qr-ai-control > span { align-items: center; background: var(--orange); border-radius: 9px; display: flex; height: 31px; justify-content: center; }.qr-ai-control strong { font-size: 11px; }.qr-ai-control p { color: rgba(255,255,255,.5); font-size: 9px; line-height: 1.5; }.qr-ai-control small { color: #89e4b7; display: block; font-size: 9px; margin-top: 7px; }.qr-action-stack { display: grid; gap: 8px; }.qr-preview-stage { align-items: center; background: #dfe3e3; border-radius: 22px; display: flex; flex-direction: column; justify-content: center; min-height: 780px; padding: 50px; }.qr-print-card { --qr-accent:#ff5a1f; background: #fff; box-shadow: 0 22px 60px rgba(20,32,44,.15); color: var(--navy); display: flex; flex-direction: column; height: 630px; justify-content: space-between; overflow: hidden; padding: 28px; position: relative; width: 420px; }.qr-print-card::before { background: var(--qr-accent); border-radius: 50%; content: ""; height: 180px; opacity: .12; position: absolute; right: -80px; top: -90px; width: 180px; }.qr-print-card header, .qr-print-card footer { align-items: center; display: flex; justify-content: space-between; position: relative; z-index: 1; }.qr-print-card header img { width: 105px; }.qr-print-card header span { font-size: 9px; font-weight: 850; text-transform: uppercase; }.qr-print-card > section { align-items: center; display: flex; flex-direction: column; text-align: center; }.qr-print-card section > small { color: var(--qr-accent); font-size: 8px; font-weight: 900; letter-spacing: .18em; }.qr-print-card h2 { font-size: 34px; letter-spacing: -.06em; line-height: .96; margin: 12px 0 8px; max-width: 330px; }.qr-print-card section > p { color: #6a7479; font-size: 11px; margin: 0 0 19px; }.qr-frame { background: #fff; border: 2px solid var(--navy); border-radius: 18px; padding: 12px; position: relative; }.qr-frame::before, .qr-frame::after, .qr-frame i::before, .qr-frame i::after { border-color: var(--qr-accent); border-style: solid; content: ""; height: 20px; position: absolute; width: 20px; }.qr-frame::before { border-width: 4px 0 0 4px; left: -4px; top: -4px; }.qr-frame::after { border-width: 4px 4px 0 0; right: -4px; top: -4px; }.qr-frame i::before { border-width: 0 0 4px 4px; bottom: -4px; left: -4px; }.qr-frame i::after { border-width: 0 4px 4px 0; bottom: -4px; right: -4px; }.qr-frame img { display: block; height: 205px; width: 205px; }.qr-print-card section > strong { font-size: 14px; margin-top: 18px; }.qr-print-card section > b { color: var(--qr-accent); font-size: 9px; margin-top: 4px; }.qr-print-card footer { border-top: 1px solid #e8ebeb; font-size: 8px; padding-top: 15px; }.qr-print-card footer img { height: 25px; object-fit: contain; width: 35px; }.qr-print-card.template-bold { background: var(--navy); color: #fff; }.qr-print-card.template-bold header img { background: #fff; border-radius: 7px; padding: 4px; }.qr-print-card.template-bold section > p, .qr-print-card.template-bold footer { color: rgba(255,255,255,.55); }.qr-print-card.template-bold footer { border-color: rgba(255,255,255,.15); }.qr-print-card.template-bold .qr-frame { border-color: #fff; }.qr-print-card.template-warm { background: #fff4df; }.qr-print-card.template-warm::before { opacity: .35; }.qr-print-card.size-a5 { height: 670px; width: 474px; }.qr-print-card.size-a4 { height: 720px; width: 510px; padding: 38px; }.qr-print-card.size-a4 h2 { font-size: 43px; }.qr-print-card.size-a4 .qr-frame img { height: 245px; width: 245px; }.qr-print-card.size-square { height: 520px; width: 520px; }.qr-print-card.size-square h2 { font-size: 29px; }.qr-print-card.size-square .qr-frame img { height: 180px; width: 180px; }.qr-preview-note { color: #667174; font-size: 9px; margin-top: 15px; }

.import-category-list section > header label { flex: 1; }.import-category-list section > header input { height: 39px; }.campaign-admin-card.is-paused { opacity: .58; }.campaign-actions { align-items: center; display: flex; gap: 6px; }.campaign-actions button { background: #f3f5f5; border: 0; border-radius: 8px; color: var(--navy); font-size: 8px; font-weight: 800; height: 34px; padding: 0 9px; }.campaign-actions .icon-danger { color: var(--red); font-size: 18px; padding: 0; width: 34px; }

@media (max-width: 1050px) {
  .v2-split-layout, .campaign-layout, .branch-layout, .qr-designer { grid-template-columns: 1fr; }.qr-designer-controls { position: static; }.qr-preview-stage { min-height: 650px; }.doctor-report-grid { grid-template-columns: 1fr; }
}
@media (max-width: 780px) {
  .publish-control-card, .menu-doctor-hero, .ai-action-footer { align-items: stretch; flex-direction: column; }.publish-control-card > div:last-child { width: 100%; }.publish-control-card .button, .publish-control-card form { flex: 1; }.schedule-fields, .language-choice-grid, .customer-campaigns > div:last-child { grid-template-columns: 1fr; }.import-product-row { grid-template-columns: 1fr 120px; }.import-product-row p { grid-column: 1/-1; }.doctor-issues > article { grid-template-columns: 55px 1fr; }.doctor-issues a { grid-column: 2; }.detailed-product-list article { grid-template-columns: 76px minmax(160px,1fr) auto auto; }.detailed-product-price { display: none; }.qr-preview-stage { overflow-x: auto; padding: 25px 10px; }.qr-print-card { transform: scale(.8); }
}
@media (max-width: 520px) {
  .draft-preview-bar { align-items: flex-start; flex-direction: column; gap: 4px; }.customer-topbar .demo-back-link { display: none; }.customer-campaigns article { grid-template-columns: 105px 1fr; }.customer-complimentary { align-items: start; grid-template-columns: 46px 1fr; padding: 18px; }.complimentary-mark { border-radius: 14px; font-size: 20px; height: 44px; width: 44px; }.v2-feature-panel { padding: 21px; }.language-choice-grid { grid-template-columns: 1fr; }.product-option-row { grid-template-columns: 1fr 105px 32px; }.branch-summary { align-items: flex-start; flex-direction: column; }.branch-summary > div { border: 0; padding: 0; }.detailed-product-list article { grid-template-columns: 65px 1fr; }.detailed-product-list article > form, .detailed-product-list article > .button { grid-column: 1/-1; }.detailed-product-list article > form .button { width: 100%; }.qr-print-card { transform: scale(.68); }.qr-preview-stage { min-height: 520px; }.import-review-panel .form-footer { align-items: stretch; flex-direction: column; gap: 12px; }
}

@media print {
  body:has(.qr-designer) .dashboard-sidebar, body:has(.qr-designer) .dashboard-topbar, body:has(.qr-designer) .qr-designer-controls, body:has(.qr-designer) .qr-preview-note, body:has(.qr-designer) .flash-stack { display: none!important; }
  body:has(.qr-designer) .dashboard-layout, body:has(.qr-designer) .dashboard-main, body:has(.qr-designer) .dashboard-content, body:has(.qr-designer) .qr-designer, body:has(.qr-designer) .qr-preview-stage { background: #fff!important; display: block!important; margin: 0!important; max-width: none!important; min-height: 0!important; padding: 0!important; width: auto!important; }
  body:has(.qr-designer) .qr-print-card { box-shadow: none!important; height: 100vh!important; margin: 0!important; transform: none!important; width: 100vw!important; }
}
.business-delete-panel { max-width: 720px; border: 1px solid #efb4b4; }
.business-delete-panel h2 { font-size: 1.5rem; }
.business-delete-panel p { font-size: 1rem; line-height: 1.65; }
.business-delete-summary { display: grid; gap: 12px; background: #f7f8f8; border-radius: 12px; padding: 18px; margin: 22px 0; }
.business-delete-summary div { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: space-between; font-size: .875rem; }
.business-delete-summary dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.business-delete-panel form { display: grid; gap: 14px; }
.business-delete-panel form > label, .business-delete-panel input, .business-delete-panel .button { font-size: .875rem; }
.business-delete-panel form > small { color: var(--muted); font-size: .8125rem; line-height: 1.5; }
.business-delete-panel .business-delete-check { display: flex; flex-direction: row; gap: 12px; align-items: flex-start; line-height: 1.6; }
.business-delete-check input { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 2px; }
.business-delete-actions { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.business-delete-actions button:disabled { opacity: .45; cursor: not-allowed; }
.table-actions { flex-wrap: wrap; }
.business-clone-panel { max-width: 860px; }
.business-clone-panel > p { color: var(--muted); font-size: 13px; line-height: 1.65; }
.business-clone-panel > form { display: grid; gap: 18px; }
.business-clone-summary { display: grid; gap: 10px; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 20px 0; }
.business-clone-summary div { background: #f4f7f6; border: 1px solid var(--line); border-radius: 13px; padding: 15px; }
.business-clone-summary dt { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.business-clone-summary dd { color: var(--navy); font-size: 22px; font-weight: 900; margin: 7px 0 0; }
.clone-info-callout { background: #edf8f5; border: 1px solid #bcded4; border-radius: 14px; color: var(--navy); margin-bottom: 20px; padding: 16px; }
.clone-info-callout strong { display: block; font-size: 12px; margin-bottom: 5px; }
.clone-info-callout p { color: var(--muted); font-size: 10px; line-height: 1.6; margin: 0; }
.clone-confirm-check { align-items: flex-start; background: #f7f8f8; border-radius: 12px; display: flex !important; flex-direction: row !important; gap: 10px; line-height: 1.5; padding: 13px; }
.clone-confirm-check input { flex: 0 0 18px; height: 18px; margin-top: 1px; width: 18px; }
.business-clone-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
@media (max-width: 700px) { .business-clone-summary { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.admin-restore-box { background: linear-gradient(145deg,#f4f8f7,#fff); border: 1px solid #cfe1dc; border-radius: 16px; margin: 18px 0 20px; padding: 18px; }
.admin-restore-box form { margin-top: 16px; }
.admin-dynamic-qr-box { align-items: center; display: grid; gap: 18px; grid-template-columns: 120px 1fr; }
.admin-dynamic-qr-box > img { background: #fff; border: 1px solid var(--line); border-radius: 14px; height: 120px; padding: 8px; width: 120px; }
.admin-dynamic-qr-box code { overflow-wrap: anywhere; }
@media (max-width: 680px) { .admin-dynamic-qr-box { grid-template-columns: 1fr; }.admin-dynamic-qr-box > img { height: 150px; width: 150px; } }
.admin-restore-heading { align-items: flex-start; display: flex; gap: 13px; }
.admin-restore-heading strong { color: var(--navy); display: block; font-size: 14px; }
.admin-restore-heading p { color: var(--muted); font-size: 10px; line-height: 1.55; margin: 5px 0 0; }
.admin-restore-icon { align-items: center; background: var(--navy); border-radius: 11px; color: #fff; display: flex; flex: 0 0 38px; font-size: 18px; height: 38px; justify-content: center; }
.archive-upload-field { background: #fff; border: 1px dashed #aebfba; border-radius: 12px; padding: 13px; }
.archive-upload-field input { background: transparent; border: 0; height: auto; padding: 8px 0 0; }
.admin-form-divider { align-items: center; color: var(--muted); display: flex; font-size: 9px; font-weight: 800; gap: 12px; letter-spacing: .08em; margin: 5px 0 20px; text-transform: uppercase; }
.admin-form-divider::before, .admin-form-divider::after { background: var(--line); content: ''; flex: 1; height: 1px; }
.business-backup-callout { align-items: center; background: #eef8f5; border: 1px solid #c8e5dc; border-radius: 14px; display: flex; gap: 18px; justify-content: space-between; margin: 0 0 22px; padding: 17px; }
.business-backup-callout strong { color: var(--navy); display: block; font-size: 14px; }
.business-backup-callout p { color: var(--muted); font-size: 11px; line-height: 1.55; margin: 5px 0; }
.business-backup-callout small { color: var(--muted); font-size: 9px; line-height: 1.5; }
.business-backup-callout form { display: block; flex: 0 0 auto; }

/* Link page */
.module-link { background: linear-gradient(145deg,#e9e2ff,#faf8ff); color: var(--navy); }.module-link .module-card-top > span { background: #6d4ce8; color: #fff; }
.link-editor-layout { display: grid; gap: 24px; grid-template-columns: minmax(0,1fr) 390px; }.link-editor-form { display: grid; gap: 23px; }.link-enable-switch { align-items: center; background: #f3f5f5; border-radius: 999px; flex-direction: row; gap: 10px; padding: 8px 12px; }.link-enable-switch span { font-size: 9px; font-weight: 850; }.link-enable-switch input { accent-color: var(--orange); height: 18px; width: 18px; }.link-form-section { border-top: 1px solid var(--line); display: grid; gap: 15px; padding-top: 20px; }.link-theme-picker { display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); }.link-theme-picker > label { align-items: center; border: 1px solid var(--line); border-radius: 14px; cursor: pointer; display: grid; gap: 10px; grid-template-columns: 48px 1fr 20px; padding: 10px; }.link-theme-picker > label.selected { background: #fff5f0; border-color: #ffad8f; box-shadow: 0 0 0 2px rgba(255,90,31,.08); }.link-theme-picker input { position: absolute; opacity: 0; }.link-theme-picker strong,.link-theme-picker small { display: block; }.link-theme-picker strong { font-size: 10px; }.link-theme-picker small { color: var(--muted); font-size: 8px; line-height: 1.4; margin-top: 3px; }.link-theme-picker b { color: var(--orange); opacity: 0; }.link-theme-picker .selected b { opacity: 1; }.theme-swatch { background: linear-gradient(145deg,#ff7550,#6d4ce8); border-radius: 11px; display: block; height: 42px; position: relative; }.theme-swatch::after { background: rgba(255,255,255,.88); border-radius: 5px; bottom: 7px; content: ''; left: 7px; position: absolute; right: 7px; top: 19px; }.theme-swatch-editorial { background: linear-gradient(90deg,#f1e6d2 50%,#1d1d1d 50%); border-radius: 0; }.theme-swatch-glass { background: linear-gradient(145deg,#94b7c8,#663f73); }.theme-swatch-mosaic { background: conic-gradient(#ff6a3d,#ffd166,#51b9a3,#7655d7,#ff6a3d); }.theme-swatch-classic { background: #12243b; }.theme-swatch-organic { background: linear-gradient(145deg,#dbe9d0,#8daf77); border-radius: 50% 35% 45% 30%; }.theme-swatch-neon { background: #11131a; box-shadow: inset 0 0 0 2px #72ffcb; }.link-color-grid { grid-template-columns: repeat(4,1fr); }.link-button-editor { display: grid; gap: 8px; }.link-button-row { align-items: end; background: #f7f8f8; border-radius: 13px; display: grid; gap: 9px; grid-template-columns: 28px 135px minmax(130px,.8fr) minmax(190px,1.2fr); padding: 10px; }.link-button-row[data-link-kind="phone"],.link-button-row[data-link-kind="whatsapp"] { background: #eef8f5; box-shadow: inset 3px 0 0 #23a36d; }.link-button-row > span { align-items: center; background: var(--navy); border-radius: 8px; color: #fff; display: flex; font-size: 9px; font-weight: 900; height: 30px; justify-content: center; margin-bottom: 4px; width: 28px; }.link-button-row label { font-size: 8px; }.link-button-row label small { color: var(--muted); display: block; font-size: 7px; line-height: 1.35; margin-top: 4px; }.link-button-row input,.link-button-row select { font-size: 10px; height: 40px; }.link-phone-preview { align-self: start; position: sticky; text-align: center; top: 105px; }.phone-shell { background: #12161b; border: 7px solid #12161b; border-radius: 44px; box-shadow: 0 25px 65px rgba(20,32,44,.2); height: 720px; margin: 0 auto; overflow: hidden; padding: 8px; position: relative; width: 350px; }.phone-speaker { background: #12161b; border-radius: 0 0 12px 12px; height: 24px; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 110px; z-index: 5; }.link-phone-preview > p { color: var(--muted); font-size: 9px; font-weight: 750; margin-top: 13px; }.phone-shell .link-public-page { border-radius: 31px; height: 100%; min-height: 0; overflow-y: auto; width: 100%; }.phone-shell .link-cover { min-height: 150px; }.phone-shell .link-profile { padding-inline: 22px; }.phone-shell .link-profile h1 { font-size: 25px; }.phone-shell .link-button-list { padding-inline: 18px; }.phone-shell .link-button-list a,.phone-shell .link-button-list > span { min-height: 54px; }.phone-shell .link-public-page footer { padding-bottom: 24px; }
.link-page-body { background: #e5e8e8; margin: 0; }.link-public-page { background: var(--link-bg); color: var(--link-text); margin: 0 auto; min-height: 100vh; overflow: hidden; position: relative; width: min(100%,620px); }.link-cover { background: color-mix(in srgb,var(--link-accent) 32%,var(--link-bg)); background-position: center; background-size: cover; min-height: 230px; position: relative; }.link-cover::after { background: linear-gradient(transparent,var(--link-bg)); bottom: 0; content: ''; height: 65%; left: 0; position: absolute; right: 0; }.link-profile { margin-top: -72px; padding: 0 42px; position: relative; text-align: center; z-index: 1; }.link-avatar { align-items: center; background: var(--link-accent); border: 5px solid var(--link-bg); border-radius: 50%; color: #fff; display: flex; font-size: 35px; font-weight: 900; height: 112px; justify-content: center; margin: 0 auto 15px; overflow: hidden; width: 112px; }.link-avatar img { height: 100%; object-fit: cover; width: 100%; }.link-profile h1 { font-size: 38px; letter-spacing: -.055em; line-height: 1; margin: 8px 0 10px; }.link-profile p { color: color-mix(in srgb,var(--link-text) 65%,transparent); font-size: 13px; line-height: 1.65; margin: 0 auto; max-width: 450px; }.link-button-list { display: grid; gap: 11px; padding: 27px 36px; }.link-button-list a,.link-button-list > span { align-items: center; background: var(--link-card); border: 1px solid color-mix(in srgb,var(--link-text) 10%,transparent); border-radius: 17px; box-shadow: 0 8px 25px rgba(20,32,44,.055); color: var(--link-text); display: grid; gap: 12px; grid-template-columns: 39px 1fr 18px; min-height: 66px; padding: 10px 14px; text-align: left; }.link-button-list i { align-items: center; background: var(--link-accent); border-radius: 12px; color: #fff; display: flex; font-size: 16px; font-style: normal; height: 38px; justify-content: center; width: 38px; }.link-button-list strong { font-size: 12px; }.link-button-list b { color: var(--link-accent); font-size: 20px; }.link-public-page > footer { align-items: center; display: flex; flex-direction: column; gap: 5px; opacity: .7; padding: 16px 25px 30px; }.link-public-page > footer .brand img { max-width: 62px; }.link-public-page > footer > span { color: color-mix(in srgb,var(--link-text) 42%,transparent); font-size: 6px; letter-spacing: .12em; text-transform: uppercase; }.link-empty { color: color-mix(in srgb,var(--link-text) 55%,transparent); padding: 35px; text-align: center; }
/* Seven genuinely different link layouts */
.link-theme-aurora { background: radial-gradient(circle at 15% 8%,color-mix(in srgb,var(--link-accent) 35%,transparent),transparent 30%),radial-gradient(circle at 90% 42%,rgba(116,84,230,.18),transparent 34%),var(--link-bg); }.link-theme-aurora .link-cover { clip-path: ellipse(85% 68% at 50% 28%); }.link-theme-aurora .link-button-list a,.link-theme-aurora .link-button-list > span { border-radius: 999px; }
.link-theme-editorial { padding-bottom: 20px; }.link-theme-editorial .link-cover { margin: 22px; min-height: 280px; }.link-theme-editorial .link-cover::after { display: none; }.link-theme-editorial .link-profile { margin-top: 0; padding: 2px 30px 14px; text-align: left; }.link-theme-editorial .link-avatar { border: 0; border-radius: 0; height: 82px; margin: -62px 0 17px; width: 82px; }.link-theme-editorial .link-profile h1 { font-family: Georgia,serif; font-size: 46px; letter-spacing: -.06em; }.link-theme-editorial .link-profile p { margin: 0; }.link-theme-editorial .link-button-list { gap: 0; padding: 5px 30px; }.link-theme-editorial .link-button-list a,.link-theme-editorial .link-button-list > span { background: transparent; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--link-text) 22%,transparent); border-radius: 0; box-shadow: none; padding-inline: 0; }.link-theme-editorial .link-button-list i { background: transparent; color: var(--link-accent); font-size: 21px; }
.link-theme-glass .link-cover { min-height: 100vh; position: absolute; inset: 0; }.link-theme-glass .link-cover::after { background: linear-gradient(rgba(15,20,28,.38),rgba(15,20,28,.76)); height: 100%; }.link-theme-glass .link-profile { color: #fff; margin-top: 0; padding-top: 90px; }.link-theme-glass .link-profile p { color: rgba(255,255,255,.72); }.link-theme-glass .link-avatar { border-color: rgba(255,255,255,.4); }.link-theme-glass .link-button-list { position: relative; }.link-theme-glass .link-button-list a,.link-theme-glass .link-button-list > span { background: rgba(255,255,255,.17); border-color: rgba(255,255,255,.25); backdrop-filter: blur(13px); box-shadow: none; color: #fff; }.link-theme-glass > footer { color: #fff; position: relative; }.link-theme-glass > footer .brand { background: rgba(255,255,255,.88); border-radius: 8px; padding: 5px; }
.link-theme-mosaic { padding: 18px; }.link-theme-mosaic .link-cover { border-radius: 28px; min-height: 250px; }.link-theme-mosaic .link-cover::after { display: none; }.link-theme-mosaic .link-profile { background: var(--link-card); border-radius: 24px; margin: -65px 15px 0; padding: 20px; }.link-theme-mosaic .link-avatar { height: 88px; width: 88px; }.link-theme-mosaic .link-button-list { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 16px 15px; }.link-theme-mosaic .link-button-list a,.link-theme-mosaic .link-button-list > span { align-content: space-between; border: 0; grid-template-columns: 1fr auto; min-height: 118px; }.link-theme-mosaic .link-button-list i { grid-column: 1/-1; }.link-theme-mosaic .link-button-list strong { font-size: 13px; }.link-theme-mosaic .link-button-list a:nth-child(3n+1),.link-theme-mosaic .link-button-list > span:nth-child(3n+1) { background: color-mix(in srgb,var(--link-accent) 18%,var(--link-card)); }
.link-theme-classic { border-inline: 1px solid color-mix(in srgb,var(--link-text) 20%,transparent); }.link-theme-classic .link-cover { min-height: 175px; }.link-theme-classic .link-profile { margin-top: -45px; }.link-theme-classic .link-avatar { border-radius: 8px; height: 90px; width: 90px; }.link-theme-classic .link-profile h1 { font-family: Georgia,serif; }.link-theme-classic .link-button-list a,.link-theme-classic .link-button-list > span { border-radius: 5px; box-shadow: none; }.link-theme-classic .link-button-list i { border-radius: 3px; }
.link-theme-organic::before,.link-theme-organic::after { background: color-mix(in srgb,var(--link-accent) 18%,transparent); border-radius: 60% 40% 70% 30%; content: ''; height: 260px; position: absolute; width: 260px; }.link-theme-organic::before { left: -130px; top: 280px; }.link-theme-organic::after { right: -170px; top: 520px; }.link-theme-organic .link-cover { border-radius: 0 0 48% 22%; }.link-theme-organic .link-avatar { border-radius: 60% 40% 55% 45%; }.link-theme-organic .link-button-list { position: relative; }.link-theme-organic .link-button-list a,.link-theme-organic .link-button-list > span { border-radius: 28px 12px 28px 12px; }
.link-theme-neon { background: linear-gradient(155deg,#11131a,color-mix(in srgb,var(--link-accent) 12%,#11131a)); color: #f8fbff; }.link-theme-neon .link-cover { filter: saturate(.8) contrast(1.1); min-height: 190px; opacity: .7; }.link-theme-neon .link-cover::after { background: linear-gradient(transparent,#11131a); }.link-theme-neon .link-profile { margin-top: -58px; }.link-theme-neon .link-profile p { color: rgba(255,255,255,.65); }.link-theme-neon .link-avatar { border-color: #11131a; box-shadow: 0 0 24px color-mix(in srgb,var(--link-accent) 65%,transparent); }.link-theme-neon .link-button-list a,.link-theme-neon .link-button-list > span { background: rgba(255,255,255,.055); border-color: color-mix(in srgb,var(--link-accent) 55%,transparent); box-shadow: 0 0 18px color-mix(in srgb,var(--link-accent) 12%,transparent); color: #fff; }.link-theme-neon .link-button-list i { box-shadow: 0 0 16px color-mix(in srgb,var(--link-accent) 70%,transparent); }.link-theme-neon > footer > span { color: rgba(255,255,255,.4); }
.qr-target-choices { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; }.qr-target-choices button { background: #f5f7f7; border: 1px solid var(--line); border-radius: 13px; display: grid; gap: 3px; grid-template-columns: 30px 1fr; padding: 11px; text-align: left; }.qr-target-choices button.active { background: #fff3ed; border-color: #ffae91; box-shadow: 0 0 0 2px rgba(255,90,31,.08); }.qr-target-choices button > span { align-items: center; background: var(--navy); border-radius: 8px; color: #fff; display: flex; grid-row: 1/3; height: 30px; justify-content: center; }.qr-target-choices strong { font-size: 10px; }.qr-target-choices small { color: var(--muted); font-size: 7px; }.qr-target-status { color: var(--muted); display: block; font-size: 8px; line-height: 1.5; margin-top: 7px; }
@media (max-width: 1120px) { .link-editor-layout { grid-template-columns: 1fr; }.link-phone-preview { position: static; }.link-button-row { grid-template-columns: 28px 120px 1fr; }.link-button-row label:last-child { grid-column: 2/-1; } }
@media (max-width: 620px) { .link-theme-picker { grid-template-columns: 1fr; }.link-color-grid { grid-template-columns: repeat(2,1fr); }.link-button-row { grid-template-columns: 28px 1fr; }.link-button-row label:last-child { grid-column: 1/-1; }.phone-shell { height: 680px; max-width: 350px; width: 100%; }.link-profile { padding-inline: 24px; }.link-button-list { padding-inline: 18px; }.link-theme-mosaic .link-button-list { grid-template-columns: 1fr 1fr; padding-inline: 0; }.qr-target-choices { grid-template-columns: 1fr; } }
.business-backup-callout .button { white-space: nowrap; }

/* Dynamic Link Page buttons and visual icon picker */
.link-button-row { grid-template-columns: 28px 150px minmax(130px,.8fr) minmax(190px,1.2fr) 34px; position: relative; }
.link-icon-field { display: grid; font-size: 8px; gap: 6px; position: relative; }
.link-icon-picker { position: relative; }
.link-icon-picker-button { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 10px; color: var(--navy); display: grid; gap: 7px; grid-template-columns: 27px 1fr 12px; height: 40px; padding: 5px 8px; text-align: left; width: 100%; }
.link-icon-picker-button i { align-items: center; background: #fff1eb; border-radius: 7px; color: var(--orange); display: flex; font-size: 14px; font-style: normal; height: 27px; justify-content: center; width: 27px; }
.link-icon-picker-button b { font-size: 9px; }.link-icon-picker-button em { color: var(--muted); font-style: normal; }
.link-icon-picker-grid { background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 18px 45px rgba(20,32,44,.18); display: grid; gap: 6px; grid-template-columns: repeat(3,1fr); left: 0; min-width: 310px; padding: 9px; position: absolute; top: calc(100% + 7px); z-index: 30; }
.link-icon-picker-grid[hidden] { display: none; }
.link-icon-picker-grid button { align-items: center; background: #f6f7f7; border: 1px solid transparent; border-radius: 9px; color: var(--navy); display: flex; gap: 6px; min-height: 36px; padding: 6px; text-align: left; }
.link-icon-picker-grid button:hover,.link-icon-picker-grid button.selected { background: #fff1eb; border-color: #ffb59a; }
.link-icon-picker-grid i { align-items: center; display: flex; font-size: 14px; font-style: normal; justify-content: center; width: 20px; }.link-icon-picker-grid small { font-size: 7px; }
.link-button-list i svg,.link-icon-picker i svg { fill: none; height: 18px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 18px; }.link-button-list i svg .svg-fill,.link-icon-picker i svg .svg-fill { fill: currentColor; stroke: none; }.link-icon-picker-grid i svg { height: 16px; width: 16px; }
.link-button-remove { align-items: center; align-self: end; background: #fff; border: 1px solid #f0c8c8; border-radius: 9px; color: #be3c3c; display: flex; font-size: 18px; height: 40px; justify-content: center; width: 34px; }
.link-button-remove:hover { background: #fff0f0; }
.link-button-empty { background: #f7f8f8; border: 1px dashed #cdd3d3; border-radius: 13px; color: var(--muted); font-size: 10px; line-height: 1.55; margin: 0; padding: 18px; text-align: center; }
.link-add-button { justify-self: start; }.link-add-button > span { font-size: 17px; line-height: 1; }.link-add-button.is-full { opacity: .55; }
.link-public-address { align-items: center; background: #eef8f5; border: 1px solid #c8e5dc; border-radius: 14px; display: flex; gap: 15px; justify-content: space-between; padding: 13px 15px; }.link-public-address small,.link-public-address strong { display: block; }.link-public-address small { color: #55806e; font-size: 8px; margin-bottom: 4px; }.link-public-address strong { color: var(--navy); font-size: 11px; overflow-wrap: anywhere; }.link-public-address .button { flex: 0 0 auto; }
.complimentary-item-editor { min-width: 0; }.complimentary-item-editor .workspace-heading { margin-bottom: 9px; }.complimentary-item-editor .workspace-heading strong,.complimentary-item-editor .workspace-heading small { display: block; }.complimentary-item-editor .workspace-heading strong { color: var(--navy); font-size: 11px; }.complimentary-item-editor .workspace-heading small { color: var(--muted); font-size: 8px; margin-top: 3px; }.complimentary-item-list { display: grid; gap: 8px; margin-bottom: 10px; }.complimentary-item-list > p { border: 1px dashed #d8c9ad; border-radius: 12px; color: var(--muted); font-size: 9px; margin: 0; padding: 17px; text-align: center; }.complimentary-item-row { align-items: center; background: rgba(255,255,255,.72); border: 1px solid #eadbc2; border-radius: 13px; display: grid; gap: 10px; grid-template-columns: 92px 1fr 32px; padding: 9px; }.complimentary-item-row > label { font-size: 8px; }.complimentary-image-picker { background: #f4ead9; border-radius: 10px; height: 72px; overflow: hidden; position: relative; }.complimentary-image-picker > img { height: 100%; object-fit: cover; width: 100%; }.complimentary-image-picker > span { align-items: center; color: #b88a44; display: flex; font-size: 22px; height: 100%; justify-content: center; }.complimentary-image-picker > label { background: rgba(20,32,44,.82); bottom: 0; color: #fff; cursor: pointer; font-size: 7px; left: 0; padding: 5px; position: absolute; right: 0; text-align: center; }.complimentary-image-picker input { display: none; }.complimentary-item-row > button { background: #fff0ed; border: 0; border-radius: 8px; color: var(--red); font-size: 18px; height: 32px; width: 32px; }
.complimentary-manage-link { align-items: center; border-top: 1px solid #f1ddbd; display: flex; justify-content: space-between; margin-top: 15px; padding-top: 15px; }.complimentary-manage-link > span { color: var(--muted); font-size: 9px; font-weight: 700; }.complimentary-management-form .complimentary-editor { margin-top: 0; }.complimentary-management-form .complimentary-editor [data-complimentary-fields] { border-top: 0; margin-top: 0; padding-top: 0; }.complimentary-management-form .complimentary-item-list { margin-top: 14px; }
.customer-complimentary { display: block; }.customer-complimentary > header { align-items: center; display: flex; gap: 14px; margin-bottom: 17px; }.customer-complimentary > header h2 { margin-bottom: 0; }.complimentary-items { display: grid; gap: 10px; grid-template-columns: repeat(4,minmax(0,1fr)); }.complimentary-items article { background: color-mix(in srgb,var(--menu-accent) 7%,var(--menu-bg)); border: 1px solid color-mix(in srgb,var(--menu-accent) 18%,transparent); border-radius: 15px; overflow: hidden; }.complimentary-items article > img,.complimentary-items article > span { height: 105px; width: 100%; }.complimentary-items article > img { display: block; object-fit: cover; }.complimentary-items article > span { align-items: center; color: var(--menu-accent); display: flex; font-size: 28px; justify-content: center; }.complimentary-items article > strong { color: var(--menu-text); display: block; font-size: 10px; padding: 10px; text-align: center; }.customer-complimentary > p { color: var(--muted); font-size: 10px; line-height: 1.55; margin: 14px 0 0; }
.qr-template-choices { grid-template-columns: repeat(2,1fr); }.qr-template-choices button:first-child i { background: #fff; border: 5px solid #111; box-shadow: inset 0 0 0 2px #fff; }.qr-template-choices button:nth-child(2) i { background: linear-gradient(135deg,var(--navy) 50%,var(--orange) 50%); }.qr-template-choices button:nth-child(3) i { background: var(--orange); }.qr-template-choices button:nth-child(4) i { background: linear-gradient(135deg,#fff0dc 50%,var(--navy) 50%); }
.qr-print-card.template-plain { background: #fff; padding: 0; }.qr-print-card.template-plain::before,.qr-print-card.template-plain > header,.qr-print-card.template-plain > footer,.qr-print-card.template-plain > section > small,.qr-print-card.template-plain > section > h2,.qr-print-card.template-plain > section > p,.qr-print-card.template-plain > section > strong,.qr-print-card.template-plain > section > b { display: none; }.qr-print-card.template-plain > section { display: flex; height: 100%; justify-content: center; }.qr-print-card.template-plain .qr-frame { border: 0; border-radius: 0; padding: 20px; }.qr-print-card.template-plain .qr-frame::before,.qr-print-card.template-plain .qr-frame::after,.qr-print-card.template-plain .qr-frame i::before,.qr-print-card.template-plain .qr-frame i::after { display: none; }.qr-print-card.template-plain .qr-frame img { height: 290px; width: 290px; }.qr-print-card.template-plain.size-a5 .qr-frame img { height: 330px; width: 330px; }.qr-print-card.template-plain.size-a4 .qr-frame img { height: 390px; width: 390px; }.qr-print-card.template-plain.size-square .qr-frame img { height: 340px; width: 340px; }
@media (max-width: 1120px) { .link-button-row { grid-template-columns: 28px 150px 1fr 34px; }.link-button-row > label:nth-of-type(2) { grid-column: 2/4; }.link-icon-picker-grid { min-width: 290px; } }
@media (max-width: 620px) { .link-button-row { grid-template-columns: 28px 1fr 34px; }.link-icon-field { grid-column: 2; }.link-button-row > label { grid-column: 1/-1; }.link-button-row > label:nth-of-type(2) { grid-column: 1/-1; }.link-button-remove { grid-column: 3; grid-row: 1; }.link-icon-picker-grid { grid-template-columns: repeat(2,1fr); min-width: min(290px,calc(100vw - 74px)); } }
@media (max-width: 620px) { .complimentary-editor [data-complimentary-fields] { grid-template-columns: 1fr; }.complimentary-manage-link { align-items: stretch; flex-direction: column; gap: 10px; }.complimentary-manage-link .button { width: 100%; }.complimentary-items { grid-template-columns: repeat(2,minmax(0,1fr)); }.complimentary-items article > img,.complimentary-items article > span { height: 115px; }.complimentary-item-row { grid-template-columns: 82px 1fr 32px; } }

/* Business type, theme packages and smart meal finder */
.theme-package-fieldset { border: 0; border-top: 1px solid var(--line); margin: 4px 0 0; padding: 22px 0 0; }
.theme-package-fieldset > legend { color: var(--navy); font-size: 13px; font-weight: 850; padding-right: 10px; }
.theme-package-fieldset > p { color: var(--muted); font-size: 11px; line-height: 1.55; margin: 0 0 14px; }
.theme-package-grid { display: grid; gap: 10px; grid-template-columns: repeat(5,minmax(0,1fr)); }
.theme-package-card { background: #f7f8f8; border: 1px solid var(--line); border-radius: 15px; cursor: pointer; gap: 0; overflow: hidden; padding: 8px; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.theme-package-card:hover { transform: translateY(-2px); }
.theme-package-card.selected { border-color: var(--orange); box-shadow: 0 0 0 3px var(--orange-soft); }
.theme-package-card > input { left: -9999px; position: absolute; }
.theme-package-preview { background: var(--theme-preview-bg); border-radius: 10px; display: grid; gap: 5px; grid-template-columns: 1.1fr .9fr; height: 78px; overflow: hidden; padding: 8px; position: relative; }
.theme-package-preview::before { background: linear-gradient(135deg,var(--theme-preview-text),var(--theme-preview-accent)); border-radius: 7px; content: ''; grid-column: 1/-1; height: 23px; }
.theme-package-preview i, .theme-package-preview b { background: var(--theme-preview-card); border-radius: 6px; display: block; }
.theme-package-preview em { background: var(--theme-preview-accent); border-radius: 999px; bottom: 7px; height: 5px; position: absolute; right: 8px; width: 23px; }
.theme-package-card > strong { color: var(--navy); font-size: 11px; margin: 9px 4px 3px; }
.theme-package-card > small { color: var(--muted); font-size: 8px; font-weight: 550; line-height: 1.4; margin: 0 4px 5px; }

.customer-page { --menu-muted: color-mix(in srgb,var(--menu-text) 62%,transparent); --menu-line: color-mix(in srgb,var(--menu-text) 13%,transparent); }
.customer-page .customer-topbar { background: var(--menu-card); }
.customer-page .demo-back-link, .customer-page .category-icon-grid button small, .customer-page .menu-card-description, .customer-page .menu-section-heading > span { color: var(--menu-muted); }
.customer-page .category-icon-grid button, .customer-page .menu-card, .customer-page .menu-section-heading { border-color: var(--menu-line); }
.customer-page .menu-search { background: var(--menu-card); border-color: var(--menu-line); }
.customer-page .menu-search input { background: transparent; color: var(--menu-text); }
.customer-page .product-modal { background: var(--menu-card); color: var(--menu-text); }
.customer-page .product-detail-title-row h2, .customer-page .product-detail-stats b { color: var(--menu-text); }
.customer-page .product-detail-title-row > strong, .customer-page .product-detail-title-row small { color: var(--menu-accent); }
.customer-page .product-modal-body > p, .customer-page .product-detail-stats small, .customer-page .product-detail-stats i, .customer-page .product-detail-block p, .customer-page .product-detail-block > small { color: var(--menu-muted); }
.customer-page .product-detail-stats > span { background: color-mix(in srgb,var(--menu-text) 7%,var(--menu-card)); }
.customer-page .product-detail-block { border-color: var(--menu-line); }
.customer-page .detail-chip-row span { background: color-mix(in srgb,var(--menu-accent) 12%,var(--menu-card)); color: var(--menu-accent); }
.customer-page .product-rating-box { background: var(--menu-text); color: var(--menu-card); }
.customer-page .modal-close { background: var(--menu-card); color: var(--menu-text); }
.meal-finder-card { align-items: center; background: var(--menu-text); border-radius: 23px; color: var(--menu-card); display: grid; gap: 20px; grid-template-columns: 58px 1fr auto; margin: 25px 0 30px; overflow: hidden; padding: 23px; position: relative; }
.meal-finder-card::after { background: var(--menu-accent); border-radius: 50%; content: ''; filter: blur(35px); height: 125px; opacity: .22; position: absolute; right: 9%; top: -75px; width: 125px; }
.meal-finder-card > * { position: relative; z-index: 1; }
.meal-finder-mark { align-items: center; background: var(--menu-accent); border-radius: 17px; display: flex; height: 56px; justify-content: center; position: relative; width: 56px; }
.meal-finder-mark > span { color: #fff; font-size: 29px; font-weight: 900; }
.meal-finder-mark > i { align-items: center; background: var(--menu-card); border-radius: 50%; color: var(--menu-accent); display: flex; font-size: 8px; height: 20px; justify-content: center; position: absolute; right: -6px; top: -6px; width: 20px; }
.meal-finder-card h2 { font-size: 25px; letter-spacing: -.045em; margin: 5px 0; }
.meal-finder-card p { color: color-mix(in srgb,var(--menu-card) 62%,transparent); font-size: 11px; line-height: 1.55; margin: 0; max-width: 620px; }
.meal-finder-card .button { background: var(--menu-accent); color: #fff; gap: 14px; white-space: nowrap; }
.meal-finder-card .button span { font-size: 17px; }
.meal-finder-backdrop { z-index: 90; }
.meal-finder-modal { background: var(--menu-bg); border-radius: 25px; color: var(--menu-text); max-height: calc(100vh - 40px); max-width: 720px; overflow: auto; padding: 31px; position: relative; width: 100%; }
.meal-finder-modal > header { max-width: 570px; }
.meal-finder-modal > header > span { color: var(--menu-accent); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.meal-finder-modal > header h2 { font-size: 37px; letter-spacing: -.06em; margin: 8px 0 6px; }
.meal-finder-modal > header p { color: var(--menu-muted); font-size: 11px; line-height: 1.55; margin: 0; }
.meal-finder-progress { background: var(--menu-line); border-radius: 999px; height: 5px; margin: 24px 0; overflow: hidden; }
.meal-finder-progress i { background: var(--menu-accent); display: block; height: 100%; transition: width .24s ease; width: 8%; }
[data-meal-finder-question] > small { color: var(--menu-accent); display: block; font-size: 9px; font-weight: 850; }
[data-meal-finder-question] > h3, .meal-finder-results > h3 { font-size: 23px; letter-spacing: -.035em; margin: 7px 0 17px; }
.meal-finder-choices { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.meal-finder-choices button { align-items: center; background: var(--menu-card); border: 1px solid var(--menu-line); border-radius: 15px; color: var(--menu-text); display: flex; gap: 12px; min-height: 70px; padding: 12px 15px; text-align: left; }
.meal-finder-choices button:hover { border-color: var(--menu-accent); transform: translateY(-1px); }
.meal-finder-choices span { align-items: center; background: color-mix(in srgb,var(--menu-accent) 12%,var(--menu-card)); border-radius: 11px; display: flex; font-size: 22px; height: 43px; justify-content: center; width: 43px; }
.meal-finder-choices strong { font-size: 12px; }
.meal-finder-results > div { display: grid; gap: 9px; margin-bottom: 17px; }
.meal-finder-result { align-items: center; background: var(--menu-card); border: 1px solid var(--menu-line); border-radius: 15px; color: var(--menu-text); display: grid; gap: 11px; grid-template-columns: 70px 28px 1fr 25px; padding: 8px; text-align: left; width: 100%; }
.meal-finder-result:hover { border-color: var(--menu-accent); }
.meal-finder-result img { border-radius: 10px; height: 62px; object-fit: cover; width: 70px; }
.meal-finder-result > span { color: var(--menu-accent); font-size: 10px; font-weight: 900; }
.meal-finder-result strong, .meal-finder-result small { display: block; }
.meal-finder-result strong { font-size: 13px; }
.meal-finder-result small { color: var(--menu-accent); font-size: 9px; margin-top: 3px; }
.meal-finder-result p { color: var(--menu-muted); display: -webkit-box; font-size: 9px; line-height: 1.45; margin: 4px 0 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.meal-finder-result > b { color: var(--menu-accent); font-size: 18px; }
.meal-finder-modal .button-light { background: var(--menu-card); border-color: var(--menu-line); color: var(--menu-text); }

.menu-theme-minimal .restaurant-hero { height: 215px; margin-top: 14px; }.menu-theme-minimal .restaurant-hero-content { bottom: 25px; left: 30px; }.menu-theme-minimal .restaurant-hero h1 { font-size: 38px; margin: 10px 0 5px; }.menu-theme-minimal .restaurant-hero p, .menu-theme-minimal .restaurant-meta { display: none; }
.menu-theme-minimal .category-icon-grid { display: flex; gap: 8px; margin-bottom: 38px; overflow-x: auto; padding-bottom: 5px; }.menu-theme-minimal .category-icon-grid button { flex: 0 0 auto; flex-direction: row; gap: 8px; min-height: 48px; padding: 7px 13px; }.menu-theme-minimal .category-icon-grid button > span { font-size: 18px; height: 30px; width: 30px; }.menu-theme-minimal .category-icon-grid button strong { margin: 0; }.menu-theme-minimal .category-icon-grid button small { display: none; }
.menu-theme-minimal .menu-grid { grid-template-columns: 1fr; }.menu-theme-minimal .menu-grid .menu-card { display: grid; grid-template-columns: 155px 1fr; }.menu-theme-minimal .menu-grid .menu-card-image-wrap { height: 145px; }.menu-theme-minimal .menu-grid .menu-card-content { justify-content: center; }.menu-theme-minimal .menu-card, .menu-theme-minimal .restaurant-hero, .menu-theme-minimal .meal-finder-card { border-radius: 7px; box-shadow: none; }
.menu-theme-chef .customer-topbar { max-width: 1320px; }.menu-theme-chef .restaurant-hero { height: 520px; max-width: 1320px; }.menu-theme-chef .restaurant-hero-content { bottom: 70px; left: 7%; }.menu-theme-chef .restaurant-hero h1 { font-family: Georgia,'Times New Roman',serif; font-size: clamp(54px,8vw,92px); font-weight: 400; }.menu-theme-chef .menu-container { max-width: 1260px; }.menu-theme-chef .menu-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.menu-theme-chef .menu-grid .menu-card-image-wrap { height: 310px; }.menu-theme-chef .menu-card-content { padding: 24px; }.menu-theme-chef .menu-card-content strong, .menu-theme-chef .menu-section-heading h2, .menu-theme-chef .menu-intro h2 { font-family: Georgia,'Times New Roman',serif; font-weight: 500; }.menu-theme-chef .category-icon-grid button { min-height: 145px; }.menu-theme-chef .meal-finder-card { border-radius: 0; }
.menu-theme-pastel .restaurant-hero { border-radius: 0 0 58px 58px; height: 330px; }.menu-theme-pastel .category-icon-grid { grid-template-columns: repeat(6,1fr); }.menu-theme-pastel .category-icon-grid button { aspect-ratio: 1; border-radius: 50%; min-height: 0; }.menu-theme-pastel .menu-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.menu-theme-pastel .menu-card, .menu-theme-pastel .category-icon-grid button { border-radius: 32px; }.menu-theme-pastel .menu-card-image-wrap { border-radius: 30px 30px 0 0; height: 260px; }.menu-theme-pastel .meal-finder-card { border-radius: 34px; }
.menu-theme-natural .restaurant-hero { border-radius: 44px 8px 44px 8px; height: 300px; margin-top: 18px; }.menu-theme-natural .menu-intro h2, .menu-theme-natural .menu-section-heading h2, .menu-theme-natural .restaurant-hero h1, .menu-theme-natural .meal-finder-card h2 { font-family: Georgia,'Times New Roman',serif; font-weight: 500; }.menu-theme-natural .menu-grid { grid-template-columns: 1fr; }.menu-theme-natural .menu-grid .menu-card { display: grid; grid-template-columns: 240px 1fr; min-height: 205px; }.menu-theme-natural .menu-grid .menu-card-image-wrap { height: 100%; }.menu-theme-natural .menu-grid .menu-card-content { justify-content: center; padding: 28px; }.menu-theme-natural .menu-card { border-radius: 32px 8px 32px 8px; }.menu-theme-natural .category-icon-grid button { border-radius: 22px 6px 22px 6px; }

/* Premium menu themes — every color still comes from the business palette */
.menu-theme-neon { background: radial-gradient(circle at 82% 5%,color-mix(in srgb,var(--menu-accent) 26%,transparent),transparent 27%),radial-gradient(circle at 12% 32%,color-mix(in srgb,var(--menu-accent) 15%,transparent),transparent 22%),var(--menu-bg); }.menu-theme-neon .customer-topbar { backdrop-filter: blur(18px); background: color-mix(in srgb,var(--menu-card) 82%,transparent); border-bottom: 1px solid color-mix(in srgb,var(--menu-accent) 35%,transparent); max-width: none; padding-inline: max(24px,calc((100% - 1280px)/2)); position: relative; z-index: 2; }.menu-theme-neon .restaurant-hero { border: 1px solid color-mix(in srgb,var(--menu-accent) 58%,transparent); border-radius: 26px; box-shadow: 0 0 0 5px color-mix(in srgb,var(--menu-accent) 7%,transparent),0 28px 80px color-mix(in srgb,var(--menu-accent) 24%,transparent); height: 460px; margin-top: 22px; max-width: 1280px; }.menu-theme-neon .restaurant-hero-overlay { background: linear-gradient(0deg,color-mix(in srgb,var(--menu-bg) 92%,#000 8%),transparent 72%); }.menu-theme-neon .restaurant-hero-content { bottom: 45px; left: 48px; }.menu-theme-neon .restaurant-hero h1,.menu-theme-neon .menu-intro h2,.menu-theme-neon .menu-section-heading h2 { font-weight: 950; letter-spacing: -.065em; text-transform: uppercase; }.menu-theme-neon .restaurant-hero h1 { text-shadow: 0 0 28px color-mix(in srgb,var(--menu-accent) 70%,transparent); }.menu-theme-neon .menu-container { max-width: 1280px; }.menu-theme-neon .category-icon-grid { display: flex; overflow-x: auto; }.menu-theme-neon .category-icon-grid button { border: 1px solid color-mix(in srgb,var(--menu-accent) 38%,var(--menu-line)); border-radius: 999px; flex: 0 0 145px; min-height: 86px; }.menu-theme-neon .category-icon-grid button.active { box-shadow: 0 0 24px color-mix(in srgb,var(--menu-accent) 42%,transparent); }.menu-theme-neon .menu-card { border-color: color-mix(in srgb,var(--menu-accent) 32%,var(--menu-line)); border-radius: 10px; box-shadow: 0 12px 38px color-mix(in srgb,var(--menu-accent) 10%,transparent); }.menu-theme-neon .menu-card-image-wrap { height: 245px; }.menu-theme-neon .menu-card-content b { align-self: flex-start; background: var(--menu-accent); border-radius: 999px; color: var(--menu-on-accent); padding: 7px 10px; }.menu-theme-neon .meal-finder-card { border: 1px solid color-mix(in srgb,var(--menu-accent) 65%,transparent); box-shadow: 0 0 32px color-mix(in srgb,var(--menu-accent) 18%,transparent); }

.menu-theme-glass { background: radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--menu-accent) 24%,transparent),transparent 25%),radial-gradient(circle at 92% 38%,color-mix(in srgb,var(--menu-text) 10%,transparent),transparent 27%),var(--menu-bg); background-attachment: fixed; }.menu-theme-glass .customer-topbar { backdrop-filter: blur(22px); background: color-mix(in srgb,var(--menu-card) 70%,transparent); border: 1px solid color-mix(in srgb,var(--menu-card) 74%,var(--menu-line)); border-radius: 0 0 22px 22px; box-shadow: 0 10px 35px rgba(20,32,44,.06); max-width: 1240px; }.menu-theme-glass .restaurant-hero { border: 8px solid color-mix(in srgb,var(--menu-card) 64%,transparent); border-radius: 44px; box-shadow: 0 28px 75px rgba(20,32,44,.17); height: 410px; margin-top: 25px; max-width: 1240px; }.menu-theme-glass .restaurant-hero-overlay { background: linear-gradient(90deg,color-mix(in srgb,var(--menu-text) 78%,transparent),transparent 70%); }.menu-theme-glass .menu-container { max-width: 1240px; }.menu-theme-glass .menu-intro,.menu-theme-glass .menu-section-heading { backdrop-filter: blur(18px); background: color-mix(in srgb,var(--menu-card) 64%,transparent); border: 1px solid color-mix(in srgb,var(--menu-card) 76%,var(--menu-line)); border-radius: 22px; padding: 18px 20px; }.menu-theme-glass .category-icon-grid button,.menu-theme-glass .menu-card,.menu-theme-glass .customer-complimentary { backdrop-filter: blur(18px); background: color-mix(in srgb,var(--menu-card) 70%,transparent); border-color: color-mix(in srgb,var(--menu-card) 70%,var(--menu-line)); box-shadow: 0 15px 45px rgba(20,32,44,.08); }.menu-theme-glass .category-icon-grid button { border-radius: 24px; }.menu-theme-glass .menu-card { border-radius: 30px; padding: 10px; }.menu-theme-glass .menu-card-image-wrap { border-radius: 22px; height: 205px; }.menu-theme-glass .menu-card-content { padding: 16px 10px 12px; }.menu-theme-glass .meal-finder-card { backdrop-filter: blur(18px); background: color-mix(in srgb,var(--menu-text) 86%,transparent); border: 1px solid color-mix(in srgb,var(--menu-card) 35%,transparent); border-radius: 30px; }

.menu-theme-mosaic { background-color: var(--menu-bg); background-image: linear-gradient(30deg,color-mix(in srgb,var(--menu-accent) 8%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--menu-accent) 8%,transparent) 87.5%),linear-gradient(150deg,color-mix(in srgb,var(--menu-text) 5%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--menu-text) 5%,transparent) 87.5%); background-size: 48px 84px; }.menu-theme-mosaic .customer-topbar { border-bottom: 4px solid var(--menu-accent); max-width: none; padding-inline: max(24px,calc((100% - 1260px)/2)); }.menu-theme-mosaic .restaurant-hero { border-radius: 0 0 48% 48% / 0 0 17% 17%; height: 480px; max-width: none; }.menu-theme-mosaic .restaurant-hero-overlay { background: linear-gradient(0deg,color-mix(in srgb,var(--menu-text) 92%,transparent),transparent 70%); }.menu-theme-mosaic .restaurant-hero-content { bottom: 70px; left: max(40px,calc((100% - 1160px)/2)); }.menu-theme-mosaic .restaurant-hero h1,.menu-theme-mosaic .menu-intro h2,.menu-theme-mosaic .menu-section-heading h2 { font-family: Georgia,'Times New Roman',serif; font-weight: 500; }.menu-theme-mosaic .menu-container { max-width: 1260px; }.menu-theme-mosaic .category-icon-grid button { border: 2px solid color-mix(in srgb,var(--menu-accent) 32%,var(--menu-line)); border-radius: 5px 24px 5px 24px; }.menu-theme-mosaic .category-icon-grid button:nth-child(even) { border-radius: 24px 5px 24px 5px; }.menu-theme-mosaic .menu-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.menu-theme-mosaic .menu-grid .menu-card { border-radius: 7px 32px 7px 32px; }.menu-theme-mosaic .menu-grid .menu-card:nth-child(3n+1) { display: grid; grid-column: 1/-1; grid-template-columns: 1.25fr .75fr; min-height: 285px; }.menu-theme-mosaic .menu-grid .menu-card:nth-child(3n+1) .menu-card-image-wrap { height: 100%; }.menu-theme-mosaic .menu-grid .menu-card:nth-child(3n+1) .menu-card-content { justify-content: center; padding: 32px; }.menu-theme-mosaic .menu-grid .menu-card:not(:nth-child(3n+1)) .menu-card-image-wrap { height: 245px; }.menu-theme-mosaic .menu-card-content strong { font-family: Georgia,'Times New Roman',serif; font-size: 21px; }.menu-theme-mosaic .meal-finder-card { border-radius: 6px 32px 6px 32px; }

.menu-theme-poster { background: linear-gradient(90deg,color-mix(in srgb,var(--menu-text) 5%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--menu-text) 5%,transparent) 1px,transparent 1px),var(--menu-bg); background-size: 28px 28px; }.menu-theme-poster .customer-topbar { border-bottom: 3px solid var(--menu-text); max-width: none; padding-inline: max(24px,calc((100% - 1220px)/2)); }.menu-theme-poster .restaurant-hero { border: 3px solid var(--menu-text); box-shadow: 13px 13px 0 var(--menu-accent); height: 440px; margin: 26px auto 13px; max-width: 1190px; overflow: visible; }.menu-theme-poster .restaurant-hero-image,.menu-theme-poster .restaurant-hero-overlay { overflow: hidden; }.menu-theme-poster .restaurant-hero h1,.menu-theme-poster .menu-intro h2,.menu-theme-poster .menu-section-heading h2 { font-weight: 950; letter-spacing: -.07em; text-transform: uppercase; }.menu-theme-poster .restaurant-hero h1 { font-size: clamp(52px,8vw,88px); text-shadow: 4px 4px 0 var(--menu-accent); }.menu-theme-poster .menu-container { max-width: 1220px; }.menu-theme-poster .menu-intro { border-bottom: 5px solid var(--menu-text); padding-bottom: 20px; }.menu-theme-poster .menu-search { border: 2px solid var(--menu-text); border-radius: 0; box-shadow: 5px 5px 0 var(--menu-accent); }.menu-theme-poster .category-icon-grid button { border: 2px solid var(--menu-text); border-radius: 0; box-shadow: 5px 5px 0 color-mix(in srgb,var(--menu-accent) 80%,var(--menu-text)); transition: transform .15s ease,box-shadow .15s ease; }.menu-theme-poster .category-icon-grid button:hover,.menu-theme-poster .category-icon-grid button.active { box-shadow: 2px 2px 0 var(--menu-accent); transform: translate(3px,3px); }.menu-theme-poster .menu-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.menu-theme-poster .menu-card { border: 3px solid var(--menu-text); border-radius: 0; box-shadow: 9px 9px 0 var(--menu-accent); display: grid; grid-template-columns: 170px 1fr; min-height: 190px; overflow: visible; }.menu-theme-poster .menu-card:hover { box-shadow: 4px 4px 0 var(--menu-accent); transform: translate(5px,5px); }.menu-theme-poster .menu-card-image-wrap { height: 100%; min-height: 190px; }.menu-theme-poster .menu-card-content { justify-content: center; }.menu-theme-poster .menu-card-content strong { font-size: 20px; font-weight: 950; text-transform: uppercase; }.menu-theme-poster .menu-card-content b { align-self: flex-start; background: var(--menu-accent); color: var(--menu-on-accent); padding: 7px 10px; }.menu-theme-poster .meal-finder-card { border: 3px solid var(--menu-text); border-radius: 0; box-shadow: 9px 9px 0 var(--menu-accent); }

/* Menu appearance studio */
.appearance-intro { align-items: center; display: flex; gap: 28px; justify-content: space-between; margin-bottom: 20px; }.appearance-intro h2 { color: var(--navy); font-size: 28px; letter-spacing: -.04em; margin: 7px 0; }.appearance-intro p { color: var(--muted); font-size: 11px; line-height: 1.6; margin: 0; max-width: 680px; }
.appearance-picker { background: #eef1f0; border: 1px solid var(--line); border-radius: 22px; padding: 22px; }.appearance-grid { display: grid; gap: 18px; grid-template-columns: repeat(3,minmax(0,1fr)); }.appearance-choice { background: #fff; border: 2px solid transparent; border-radius: 20px; cursor: pointer; display: grid; gap: 15px; justify-items: center; padding: 18px; transition: .18s ease; }.appearance-choice:hover { transform: translateY(-3px); }.appearance-choice.selected { border-color: var(--orange); box-shadow: 0 14px 35px rgba(20,32,44,.11); }.appearance-choice > input { position: absolute; visibility: hidden; }
.appearance-phone { background: #151a1f; border: 5px solid #151a1f; border-radius: 28px; box-shadow: 0 15px 25px rgba(20,32,44,.16); display: block; height: 390px; overflow: hidden; padding: 5px; position: relative; width: 205px; }.appearance-speaker { background: #151a1f; border-radius: 999px; height: 12px; left: 50%; position: absolute; top: 6px; transform: translateX(-50%); width: 66px; z-index: 4; }.appearance-screen { background: var(--appearance-bg); border-radius: 20px; color: var(--appearance-text); display: block; height: 100%; overflow: hidden; padding: 14px 10px 10px; }.appearance-top { align-items: center; display: flex; font-size: 7px; height: 24px; justify-content: space-between; }.appearance-top i { font-style: normal; }.appearance-hero { display: block; height: 104px; overflow: hidden; position: relative; }.appearance-hero img { height: 100%; object-fit: cover; width: 100%; }.appearance-hero > i { background: linear-gradient(0deg,rgba(10,15,20,.8),transparent); inset: 0; position: absolute; }.appearance-hero b { bottom: 13px; color: #fff; font-size: 13px; left: 10px; position: absolute; }.appearance-hero small { bottom: 5px; color: #fff; font-size: 5px; left: 10px; opacity: .75; position: absolute; }.appearance-categories { display: flex; gap: 4px; margin: 10px 0; overflow: hidden; }.appearance-categories > * { background: var(--appearance-card); border-radius: 6px; flex: 0 0 auto; font-size: 5px; font-style: normal; padding: 6px 8px; }.appearance-categories > b { background: var(--appearance-text); color: var(--appearance-card); }.appearance-products { display: grid; gap: 6px; grid-template-columns: 1fr 1fr; }.appearance-products > span { background: var(--appearance-card); border-radius: 8px; display: block; overflow: hidden; }.appearance-products img { height: 66px; object-fit: cover; width: 100%; }.appearance-products i { display: grid; font-style: normal; gap: 3px; padding: 6px; }.appearance-products b { font-size: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.appearance-products small { color: var(--appearance-accent); font-size: 6px; font-weight: 800; }
.appearance-copy { display: grid; gap: 5px; text-align: center; }.appearance-copy b { color: var(--navy); font-size: 15px; }.appearance-copy small { color: var(--muted); font-size: 9px; line-height: 1.45; min-height: 40px; }.appearance-copy i { color: var(--orange); font-size: 9px; font-style: normal; font-weight: 850; }
.appearance-minimal .appearance-hero { height: 65px; }.appearance-minimal .appearance-products { grid-template-columns: 1fr; }.appearance-minimal .appearance-products > span { display: grid; grid-template-columns: 55px 1fr; }.appearance-minimal .appearance-products img { height: 57px; }.appearance-minimal .appearance-categories > * { border-radius: 2px; }
.appearance-chef .appearance-hero { height: 145px; }.appearance-chef .appearance-hero b { font-family: Georgia,serif; font-size: 18px; }.appearance-chef .appearance-products { grid-template-columns: 1fr 1fr; }.appearance-chef .appearance-products img { height: 77px; }.appearance-chef .appearance-categories { margin: 7px 0; }
.appearance-pastel .appearance-hero { border-radius: 0 0 22px 22px; height: 90px; }.appearance-pastel .appearance-categories > * { align-items: center; border-radius: 50%; display: flex; height: 32px; justify-content: center; padding: 4px; width: 32px; }.appearance-pastel .appearance-products > span { border-radius: 15px; }.appearance-pastel .appearance-products img { height: 75px; }
.appearance-natural .appearance-hero { border-radius: 16px 3px 16px 3px; height: 85px; }.appearance-natural .appearance-products { grid-template-columns: 1fr; }.appearance-natural .appearance-products > span { border-radius: 12px 3px 12px 3px; display: grid; grid-template-columns: 68px 1fr; }.appearance-natural .appearance-products img { height: 63px; }.appearance-natural .appearance-products b { font-family: Georgia,serif; font-size: 8px; }
.appearance-footer { align-items: center; display: flex; gap: 20px; justify-content: space-between; padding: 22px 2px 0; }.appearance-footer p { color: var(--muted); font-size: 10px; margin: 0; }
@media (max-width: 1080px) { .appearance-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 700px) { .appearance-intro, .appearance-footer { align-items: stretch; flex-direction: column; }.appearance-grid { grid-template-columns: 1fr; }.appearance-choice { padding: 15px; }.menu-theme-minimal .menu-grid .menu-card, .menu-theme-natural .menu-grid .menu-card { grid-template-columns: 115px 1fr; }.menu-theme-minimal .menu-grid .menu-card-image-wrap, .menu-theme-natural .menu-grid .menu-card-image-wrap { height: 145px; }.menu-theme-chef .restaurant-hero { height: 400px; }.menu-theme-chef .menu-grid, .menu-theme-pastel .menu-grid { grid-template-columns: 1fr; }.menu-theme-pastel .category-icon-grid { display: flex; overflow-x: auto; }.menu-theme-pastel .category-icon-grid button { flex: 0 0 95px; } }

/* Clear menu appearance chooser */
.appearance-picker { background: transparent; border: 0; border-radius: 0; padding: 0; }
.appearance-workspace { align-items: start; display: grid; gap: 22px; grid-template-columns: minmax(0,1fr) 410px; }
.appearance-selector-panel { background: #fff; border: 1px solid var(--line); border-radius: 22px; padding: 24px; }
.appearance-selector-panel > header { align-items: end; display: flex; justify-content: space-between; margin-bottom: 18px; }
.appearance-selector-panel > header h3,.appearance-live-panel > header h3 { color: var(--navy); font-size: 24px; letter-spacing: -.04em; margin: 5px 0 0; }
.appearance-count { background: #f1f3f2; border-radius: 999px; color: var(--muted); font-size: 9px; font-weight: 800; padding: 7px 10px; }
.appearance-option-list { display: grid; gap: 10px; }
.appearance-choice { align-items: center; background: #f8f9f9; border: 1px solid #e3e7e5; border-radius: 16px; display: grid; gap: 15px; grid-template-columns: 76px minmax(0,1fr) auto; justify-items: stretch; min-height: 126px; padding: 13px; text-align: left; transform: none; }
.appearance-choice:hover { background: #fff; border-color: #cfd6d3; transform: translateY(-1px); }
.appearance-choice.selected { background: #fff8f5; border-color: var(--orange); box-shadow: 0 10px 28px rgba(20,32,44,.08); }
.appearance-choice > input { position: absolute; visibility: hidden; }
.appearance-option-thumb { background: var(--appearance-bg); border: 3px solid #1b232b; border-radius: 12px; box-shadow: 0 7px 14px rgba(20,32,44,.12); display: grid; gap: 3px; grid-template-columns: 1fr 1fr; height: 98px; overflow: hidden; padding: 7px 5px 5px; position: relative; width: 66px; }
.appearance-option-thumb::before { background: #1b232b; border-radius: 999px; content: ''; height: 3px; left: 50%; position: absolute; top: 2px; transform: translateX(-50%); width: 22px; }
.appearance-option-thumb i { background: linear-gradient(145deg,var(--appearance-accent),#ffb18f); display: block; grid-column: 1/-1; height: 35px; }
.appearance-option-thumb b { background: var(--appearance-card); border-radius: 2px; display: block; min-height: 19px; }
.appearance-option-copy { display: block; min-width: 0; }
.appearance-option-copy > span { align-items: center; display: flex; gap: 8px; }
.appearance-option-copy > span i { color: var(--orange); font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .12em; }
.appearance-option-copy > span b { color: var(--navy); font-size: 15px; }
.appearance-option-copy > small { color: var(--muted); display: block; font-size: 9px; line-height: 1.45; margin: 4px 0 9px; }
.appearance-option-copy > em { background: #eef1f0; border-radius: 999px; color: #54615c; display: inline-block; font-size: 7px; font-style: normal; font-weight: 750; margin: 2px 3px 0 0; padding: 5px 7px; }
.appearance-state { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); display: flex; font-size: 8px; font-weight: 900; justify-content: center; min-width: 58px; padding: 8px 10px; }
.appearance-choice.selected .appearance-state { background: var(--orange); border-color: var(--orange); color: #fff; }
.appearance-minimal .appearance-option-thumb { grid-template-columns: 1fr; }.appearance-minimal .appearance-option-thumb i { height: 24px; }.appearance-minimal .appearance-option-thumb b { min-height: 14px; }
.appearance-chef .appearance-option-thumb i { height: 52px; }.appearance-chef .appearance-option-thumb b { min-height: 13px; }
.appearance-pastel .appearance-option-thumb i { border-radius: 0 0 12px 12px; height: 30px; }.appearance-pastel .appearance-option-thumb b { border-radius: 7px; min-height: 22px; }
.appearance-natural .appearance-option-thumb { grid-template-columns: 23px 1fr; }.appearance-natural .appearance-option-thumb i { border-radius: 7px 1px 7px 1px; height: 30px; }.appearance-natural .appearance-option-thumb b { min-height: 17px; }
.appearance-palette-note { align-items: start; background: #f3f6f4; border-radius: 14px; display: grid; gap: 11px; grid-template-columns: 30px 1fr; margin-top: 16px; padding: 14px; }
.appearance-palette-note > span { align-items: center; background: #fff; border-radius: 9px; display: flex; height: 30px; justify-content: center; width: 30px; }
.appearance-palette-note strong,.appearance-palette-note small { display: block; }.appearance-palette-note strong { color: var(--navy); font-size: 10px; }.appearance-palette-note small { color: var(--muted); font-size: 8px; line-height: 1.5; margin-top: 3px; }
.appearance-selector-panel .appearance-footer { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 18px; }
.appearance-selector-panel .appearance-footer .button { flex: 0 0 auto; }
.appearance-live-panel { background: #17222e; border-radius: 22px; color: #fff; overflow: hidden; padding: 22px; position: sticky; top: 18px; }
.appearance-live-panel > header { align-items: start; display: flex; gap: 18px; justify-content: space-between; }
.appearance-live-panel > header .eyebrow { color: #ff8a5e; }
.appearance-live-panel > header h3 { color: #fff; }
.appearance-live-panel > header p { color: rgba(255,255,255,.55); font-size: 9px; line-height: 1.45; margin: 5px 0 0; max-width: 250px; }
.appearance-live-panel > header > span { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); border-radius: 999px; color: rgba(255,255,255,.58); font-size: 7px; font-weight: 800; padding: 7px 9px; white-space: nowrap; }
.appearance-preview-stage { align-items: center; background: radial-gradient(circle at 50% 45%,rgba(255,255,255,.13),transparent 57%); display: flex; justify-content: center; min-height: 635px; padding: 22px 0 10px; }
.appearance-live-panel .appearance-phone-large { border-width: 7px; border-radius: 38px; height: 590px; padding: 7px; width: 300px; }
.appearance-live-panel .appearance-phone-large .appearance-speaker { height: 15px; top: 8px; width: 88px; }
.appearance-live-panel .appearance-phone-large .appearance-screen { border-radius: 27px; padding: 19px 14px 14px; }
.appearance-live-panel .appearance-phone-large .appearance-top { font-size: 10px; height: 34px; }
.appearance-live-panel .appearance-phone-large .appearance-hero { height: 155px; }
.appearance-live-panel .appearance-phone-large .appearance-hero b { bottom: 21px; font-size: 18px; left: 14px; }
.appearance-live-panel .appearance-phone-large .appearance-hero small { bottom: 9px; font-size: 7px; left: 14px; }
.appearance-live-panel .appearance-phone-large .appearance-categories { gap: 6px; margin: 13px 0; }
.appearance-live-panel .appearance-phone-large .appearance-categories > * { border-radius: 8px; font-size: 7px; padding: 8px 10px; }
.appearance-live-panel .appearance-phone-large .appearance-products { gap: 8px; }
.appearance-live-panel .appearance-phone-large .appearance-products img { height: 104px; }
.appearance-live-panel .appearance-phone-large .appearance-products i { gap: 5px; padding: 8px; }
.appearance-live-panel .appearance-phone-large .appearance-products b,.appearance-live-panel .appearance-phone-large .appearance-products small { font-size: 8px; }
.appearance-live-panel.appearance-minimal .appearance-phone-large .appearance-hero { height: 92px; }
.appearance-live-panel.appearance-minimal .appearance-phone-large .appearance-products > span { grid-template-columns: 82px 1fr; }.appearance-live-panel.appearance-minimal .appearance-phone-large .appearance-products img { height: 86px; }
.appearance-live-panel.appearance-chef .appearance-phone-large .appearance-hero { height: 215px; }.appearance-live-panel.appearance-chef .appearance-phone-large .appearance-hero b { font-size: 24px; }.appearance-live-panel.appearance-chef .appearance-phone-large .appearance-products img { height: 112px; }
.appearance-live-panel.appearance-pastel .appearance-phone-large .appearance-hero { height: 130px; }.appearance-live-panel.appearance-pastel .appearance-phone-large .appearance-categories > * { height: 46px; width: 46px; }.appearance-live-panel.appearance-pastel .appearance-phone-large .appearance-products img { height: 108px; }
.appearance-live-panel.appearance-natural .appearance-phone-large .appearance-hero { height: 125px; }.appearance-live-panel.appearance-natural .appearance-phone-large .appearance-products > span { grid-template-columns: 96px 1fr; }.appearance-live-panel.appearance-natural .appearance-phone-large .appearance-products img { height: 92px; }.appearance-live-panel.appearance-natural .appearance-phone-large .appearance-products b { font-size: 10px; }
.appearance-live-panel > footer { align-items: center; border-top: 1px solid rgba(255,255,255,.1); display: flex; justify-content: space-between; padding-top: 15px; }
.appearance-live-panel > footer span { color: rgba(255,255,255,.55); font-size: 8px; }.appearance-live-panel > footer span i { background: #26a66d; border-radius: 50%; display: inline-block; height: 6px; margin-right: 5px; width: 6px; }.appearance-live-panel > footer a { color: #fff; font-size: 9px; font-weight: 850; }
@media (max-width: 1180px) { .appearance-workspace { grid-template-columns: 1fr; }.appearance-live-panel { position: static; }.appearance-preview-stage { min-height: 620px; } }
@media (max-width: 700px) { .appearance-selector-panel,.appearance-live-panel { border-radius: 17px; padding: 16px; }.appearance-choice { grid-template-columns: 66px minmax(0,1fr); }.appearance-state { grid-column: 1/-1; width: 100%; }.appearance-option-thumb { width: 58px; }.appearance-live-panel > header { align-items: stretch; flex-direction: column; gap: 10px; }.appearance-live-panel > header > span { align-self: flex-start; }.appearance-preview-stage { min-height: 560px; overflow: hidden; }.appearance-live-panel .appearance-phone-large { height: 540px; max-width: 100%; width: 275px; }.appearance-selector-panel .appearance-footer { gap: 12px; }.appearance-selector-panel .appearance-footer .button { width: 100%; } }

/* Simple theme list and one phone preview */
.appearance-simple-picker { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 28px; }
.appearance-simple-workspace { align-items: center; display: grid; gap: clamp(35px,6vw,90px); grid-template-columns: minmax(360px,1fr) minmax(340px,.8fr); margin: 0 auto; max-width: 1060px; }
.appearance-simple-list > header { margin-bottom: 18px; }.appearance-simple-list > header h2 { color: var(--navy); font-size: 29px; letter-spacing: -.05em; margin: 5px 0 0; }
.appearance-simple-choice { align-items: center; background: var(--orange); border: 2px solid transparent; border-radius: 24px; color: #fff; cursor: pointer; display: grid; gap: 19px; grid-template-columns: 48px 1fr 32px; margin-bottom: 13px; min-height: 88px; padding: 13px 23px; transition: transform .16s ease,box-shadow .16s ease,background .16s ease; }
.appearance-simple-choice:hover { box-shadow: 0 13px 26px rgba(255,90,31,.2); transform: translateX(4px); }
.appearance-simple-choice.selected { background: var(--navy); border-color: var(--navy); box-shadow: 0 14px 30px rgba(20,32,44,.17); }
.appearance-simple-choice > input { position: absolute; visibility: hidden; }.appearance-simple-choice > span { font-size: 31px; font-weight: 950; line-height: 1; }.appearance-simple-choice > strong { font-size: 20px; font-weight: 850; }.appearance-simple-choice > i { align-items: center; background: rgba(255,255,255,.16); border-radius: 50%; display: flex; font-size: 14px; font-style: normal; height: 31px; justify-content: center; width: 31px; }
.appearance-simple-save { margin-top: 7px; min-height: 50px; width: 100%; }
.appearance-live-panel.appearance-simple-preview { background: #f4f5f4; border: 1px solid var(--line); color: var(--navy); padding: 20px; position: static; }
.appearance-simple-preview-title { align-items: center; display: flex; justify-content: space-between; padding: 0 4px 9px; }.appearance-simple-preview-title > span { color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }.appearance-simple-preview-title > strong { color: var(--orange); font-size: 16px; }
.appearance-simple-preview .appearance-preview-stage { background: radial-gradient(circle at 50% 45%,#fff 0,#fff 33%,transparent 70%); min-height: 610px; padding: 10px 0; }
.appearance-simple-fullscreen { color: var(--navy); display: block; font-size: 10px; font-weight: 850; padding: 10px 4px 0; text-align: center; }
@media (max-width: 950px) { .appearance-simple-workspace { grid-template-columns: 1fr; }.appearance-simple-preview { margin: 0 auto; max-width: 430px; width: 100%; } }
@media (max-width: 560px) { .appearance-simple-picker { padding: 16px; }.appearance-simple-workspace { gap: 25px; grid-template-columns: minmax(0,1fr); }.appearance-simple-choice { border-radius: 18px; grid-template-columns: 39px 1fr 28px; min-height: 72px; padding: 10px 16px; }.appearance-simple-choice > span { font-size: 26px; }.appearance-simple-choice > strong { font-size: 17px; }.appearance-simple-preview .appearance-preview-stage { min-height: 550px; } }

/* Public pricing and admin package management */
.pricing-section { background: #fff; border-top: 1px solid rgba(20,32,44,.08); padding-block: 105px; }
.pricing-heading { align-items: end; display: flex; gap: 60px; justify-content: space-between; margin-bottom: 48px; }
.pricing-heading h2 { color: var(--navy); font-size: clamp(42px,5vw,66px); letter-spacing: -.065em; line-height: 1; margin: 15px 0 0; }
.pricing-heading p { color: var(--muted); font-size: 13px; line-height: 1.65; margin: 0; max-width: 360px; }
.pricing-grid { align-items: stretch; display: grid; gap: 18px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.pricing-card { background: var(--cream); border: 1px solid #e3ded4; border-radius: 24px; display: flex; flex-direction: column; min-height: 610px; overflow: hidden; padding: 30px; position: relative; }
.pricing-card-featured { background: var(--navy); border-color: var(--navy); color: #fff; box-shadow: 0 28px 70px rgba(20,32,44,.18); transform: translateY(-12px); }
.pricing-popular { background: var(--orange); border-radius: 0 0 0 14px; color: #fff; font-size: 9px; font-weight: 900; letter-spacing: .08em; padding: 10px 13px; position: absolute; right: 0; text-transform: uppercase; top: 0; }
.pricing-card header > span { color: var(--orange); font-size: 13px; font-weight: 900; letter-spacing: .17em; }
.pricing-card header p { color: var(--muted); font-size: 13px; line-height: 1.55; margin: 13px 0 25px; min-height: 40px; }
.pricing-card-featured header p { color: rgba(255,255,255,.55); }
.pricing-price { align-items: baseline; display: flex; gap: 8px; }
.pricing-price strong { color: var(--navy); font-size: 44px; letter-spacing: -.06em; }
.pricing-card-featured .pricing-price strong { color: #fff; }
.pricing-price span { color: var(--muted); font-size: 12px; font-weight: 750; }
.pricing-card > small { color: var(--orange); display: block; font-size: 10px; font-weight: 800; margin-top: 4px; }
.pricing-card ul { border-top: 1px solid rgba(20,32,44,.1); display: grid; gap: 12px; list-style: none; margin: 28px 0 30px; padding: 24px 0 0; }
.pricing-card-featured ul { border-color: rgba(255,255,255,.12); }
.pricing-card li { align-items: start; color: var(--muted); display: grid; font-size: 11px; gap: 9px; grid-template-columns: 18px 1fr; line-height: 1.45; }
.pricing-card-featured li { color: rgba(255,255,255,.68); }
.pricing-card li i { align-items: center; background: rgba(38,166,109,.12); border-radius: 50%; color: var(--green); display: flex; font-size: 8px; font-style: normal; font-weight: 900; height: 17px; justify-content: center; width: 17px; }
.pricing-card .button { margin-top: auto; width: 100%; }
.form-span-two { grid-column: 1/-1; }
.form-span-two > small { color: var(--muted); font-size: 10px; font-weight: 500; line-height: 1.5; }
.plan-pill { background: var(--orange-soft); border-radius: 999px; color: var(--orange); display: inline-flex; font-size: 9px; font-weight: 850; padding: 6px 9px; white-space: nowrap; }
.admin-package-form { margin-bottom: 20px; }
.admin-plan-grid { display: grid; gap: 16px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.admin-plan-card { background: #f7f8f8; border: 1px solid var(--line); border-radius: 18px; display: flex; flex-direction: column; min-height: 430px; padding: 21px; }
.admin-plan-card.featured { background: linear-gradient(145deg,#fff 60%,#fff1eb); border-color: #ffc2ac; }
.admin-plan-card > header { align-items: center; display: flex; justify-content: space-between; }
.admin-plan-card > header > div { align-items: center; display: flex; gap: 8px; }
.admin-plan-card > header b { background: var(--orange); border-radius: 999px; color: #fff; font-size: 7px; padding: 5px 7px; text-transform: uppercase; }
.plan-code { color: var(--navy); font-size: 20px; font-weight: 900; letter-spacing: .08em; }
.admin-plan-card > p { color: var(--muted); font-size: 11px; line-height: 1.55; min-height: 34px; }
.admin-plan-prices { border-bottom: 1px solid var(--line); display: grid; gap: 6px; padding: 13px 0 18px; }
.admin-plan-prices strong { color: var(--navy); font-size: 31px; letter-spacing: -.05em; }
.admin-plan-prices strong small { color: var(--muted); font-size: 9px; letter-spacing: 0; margin-left: 5px; }
.admin-plan-prices > span { color: var(--orange); font-size: 10px; font-weight: 800; }
.admin-plan-card ul { display: grid; gap: 8px; list-style: none; margin: 18px 0; padding: 0; }
.admin-plan-card li { color: var(--muted); font-size: 9px; line-height: 1.4; }
.admin-plan-card > footer { align-items: center; border-top: 1px solid var(--line); display: flex; justify-content: space-between; margin-top: auto; padding-top: 16px; }
.admin-plan-card > footer > span { color: var(--muted); font-size: 9px; }
.admin-plan-card > footer > div { display: flex; gap: 6px; }
.admin-plan-card > footer form { display: contents; }
.admin-plan-card .button { font-size: 10px; min-height: 36px; padding: 0 11px; }

@media (max-width: 1050px) {
  .pricing-grid, .admin-plan-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pricing-card-featured { transform: none; }
  .theme-package-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 780px) {
  .pricing-heading { align-items: start; flex-direction: column; gap: 18px; }
  .pricing-grid, .admin-plan-grid { grid-template-columns: 1fr; }
  .pricing-card { min-height: 0; }
  .business-backup-callout { align-items: stretch; flex-direction: column; }
  .business-backup-callout .button { width: 100%; }
  .meal-finder-card { align-items: start; grid-template-columns: 50px 1fr; }
  .meal-finder-mark { border-radius: 14px; height: 48px; width: 48px; }
  .meal-finder-card .button { grid-column: 1/-1; width: 100%; }
}
@media (max-width: 520px) {
  .pricing-section { padding-block: 70px; }
  .pricing-card { padding: 24px; }
  .pricing-heading h2 { font-size: 40px; }
  .admin-plan-card > footer { align-items: flex-start; flex-direction: column; gap: 12px; }
  .theme-package-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .meal-finder-modal { border-radius: 18px; padding: 22px 16px; }
  .meal-finder-choices { grid-template-columns: 1fr; }
  .meal-finder-result { grid-template-columns: 60px 24px 1fr 18px; }
  .meal-finder-result img { height: 55px; width: 60px; }
}

/* Branch workspace and business-specific activity filters */
.branch-summary > .button { flex: 0 0 auto; }
.branch-managed-label { color: var(--muted); font-size: 10px; font-weight: 750; }
.overview-branch-panel { background: var(--navy); border-radius: 22px; color: #fff; margin-top: 20px; overflow: hidden; padding: 26px; }
.overview-branch-heading { align-items: flex-end; display: flex; gap: 24px; justify-content: space-between; }
.overview-branch-heading h2 { font-size: 25px; letter-spacing: -.04em; margin: 7px 0; }
.overview-branch-heading p { color: rgba(255,255,255,.56); font-size: 12px; line-height: 1.55; margin: 0; }
.overview-branch-heading .button { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.16); color: #fff; }
.overview-branch-grid { display: grid; gap: 10px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 22px; }
.overview-branch-choice { margin: 0; }
.overview-branch-choice button { align-items: center; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 15px; color: #fff; cursor: pointer; display: grid; gap: 11px; grid-template-columns: 42px minmax(0,1fr) auto; min-height: 82px; padding: 13px; text-align: left; transition: background .18s ease,border-color .18s ease,transform .18s ease; width: 100%; }
.overview-branch-choice button:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.22); transform: translateY(-1px); }
.overview-branch-choice.is-current button { background: #fff; border-color: #fff; color: var(--navy); cursor: default; }
.overview-branch-choice.is-current button:hover { transform: none; }
.branch-choice-mark { align-items: center; background: var(--orange); border-radius: 11px; color: #fff; display: flex; font-size: 16px; font-weight: 900; height: 42px; justify-content: center; text-transform: uppercase; width: 42px; }
.overview-branch-choice strong,.overview-branch-choice small { display: block; }
.overview-branch-choice strong { font-size: 13px; }
.overview-branch-choice small { color: rgba(255,255,255,.48); font-size: 9px; line-height: 1.4; margin-top: 4px; }
.overview-branch-choice.is-current small { color: var(--muted); }
.overview-branch-choice b { color: rgba(255,255,255,.7); font-size: 9px; white-space: nowrap; }
.overview-branch-choice.is-current b { color: var(--green); }
.overview-section-heading { align-items: flex-end; display: flex; gap: 24px; justify-content: space-between; margin-top: 28px; }
.overview-section-heading h2 { color: var(--navy); font-size: 24px; letter-spacing: -.04em; margin: 6px 0 0; }
.overview-section-heading > span { color: var(--muted); font-size: 10px; }
.network-stats-panel { background: #fff; border: 1px solid var(--line); border-radius: 22px; margin-top: 20px; padding: 0 25px 25px; }
.network-stat-grid { display: grid; gap: 10px; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 18px; }
.network-stat-grid article { background: #f5f6f6; border-radius: 15px; display: grid; min-height: 145px; padding: 17px; }
.network-stat-grid article > span { color: var(--orange); font-size: 21px; }
.network-stat-grid article small { align-self: end; color: var(--muted); font-size: 10px; }
.network-stat-grid article strong { color: var(--navy); font-size: 29px; letter-spacing: -.05em; margin-top: 5px; }
.network-stat-grid article b { color: var(--muted); font-size: 9px; font-weight: 650; }
.activity-panel-heading { align-items: flex-end; display: flex; gap: 25px; justify-content: space-between; margin-bottom: 12px; }
.activity-panel-heading h2 { margin: 5px 0; }
.activity-panel-heading p { color: var(--muted); font-size: 11px; line-height: 1.5; margin: 0; }
.activity-filter { align-items: end; display: grid; gap: 7px; grid-template-columns: minmax(210px,300px) auto; margin: 0; }
.activity-filter label { color: var(--muted); font-size: 10px; font-weight: 750; grid-column: 1/-1; }
.activity-filter select,.activity-filter .button { min-height: 40px; }
.activity-list > div > span { color: var(--orange); padding-top: 2px; }
.activity-list p { line-height: 1.45; margin: 0; }
.activity-list p strong { margin-right: 4px; }
.activity-list p small { color: var(--muted); display: block; font-size: 9px; margin-top: 4px; }
.message-list article strong,.message-list article > span,.message-list article small { display: block; }
.message-list article > span { color: var(--muted); margin-top: 3px; }

@media (max-width: 1050px) {
  .overview-branch-grid,.network-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 780px) {
  .overview-branch-heading,.overview-section-heading,.activity-panel-heading { align-items: flex-start; flex-direction: column; }
  .activity-filter { width: 100%; }
}
@media (max-width: 520px) {
  .overview-branch-panel { padding: 20px; }
  .overview-branch-grid,.network-stat-grid { grid-template-columns: 1fr; }
  .overview-branch-choice button { grid-template-columns: 42px 1fr; }
  .overview-branch-choice b { grid-column: 2; }
  .network-stats-panel { padding: 0 18px 18px; }
  .activity-filter { grid-template-columns: 1fr; }
  .activity-filter label { grid-column: 1; }
  .activity-filter .button { width: 100%; }
}

/* Independent readable menu colors */
.customer-page .category-icon-grid button.active { background: var(--menu-accent); color: var(--menu-on-accent); }
.customer-page .category-icon-grid button.active small { color: color-mix(in srgb,var(--menu-on-accent) 70%,transparent); }
.customer-page .menu-card { color: var(--menu-product-text); }
.customer-page .menu-card-description { color: color-mix(in srgb,var(--menu-product-text) 62%,transparent); }
.customer-page .rank-badge,.customer-page .customer-campaigns article section > span,.customer-page .meal-finder-card .button { color: var(--menu-on-accent); }
.appearance-categories > b { background: var(--appearance-accent); color: var(--appearance-on-accent,#fff); }
.customer-price-notice { align-items: center; background: color-mix(in srgb,var(--menu-accent) 9%,var(--menu-card)); border-top: 1px solid var(--menu-line); color: var(--menu-text); display: flex; gap: 18px; justify-content: center; padding: 17px 24px; text-align: center; }.customer-price-notice strong { font-size: 11px; }.customer-price-notice span { color: var(--menu-muted); font-size: 9px; }
.customer-footer { align-items: center; background: var(--menu-card); border-top: 1px solid var(--menu-line); display: flex; justify-content: space-between; padding: 25px max(24px,calc((100% - 1072px)/2)); }.customer-footer .brand { transform: scale(.82); transform-origin: left center; }.customer-footer p { color: var(--menu-muted); font-size: 9px; margin: 0; }
.empty-state[hidden] { display: none!important; }
[data-modal-description][hidden],[data-modal-calories-block][hidden],[data-modal-tags-block][hidden],[data-modal-ingredients-block][hidden],[data-modal-allergens-block][hidden],[data-modal-sold-out][hidden] { display: none!important; }
[data-modal-video][hidden],[data-modal-video-label][hidden] { display: none!important; }
@media (max-width: 620px) { .google-rating-field { align-items: stretch; grid-template-columns: 1fr; }.google-rating-field > small { grid-column: auto; } }
@media (max-width: 560px) { .customer-price-notice,.customer-footer { align-items: center; flex-direction: column; gap: 7px; }.customer-footer .brand { transform-origin: center; } }

/* Searchable BakSecYe food icon library */
.food-svg-icon { color: inherit; display: block; height: 1em; width: 1em; }.food-emoji-icon { align-items: center; display: inline-flex; height: 1em; justify-content: center; width: 1em; }
.category-icon-button { align-items: center; color: var(--navy); display: inline-flex; justify-content: center; }.category-icon-button [data-icon-visual] { align-items: center; display: flex; font-size: 26px; justify-content: center; }.category-icon-button .food-svg-icon { height: 29px; width: 29px; }
.food-icon-popover { padding: 16px; width: min(430px,calc(100vw - 42px)); }.food-icon-popover > header { align-items: center; display: flex; justify-content: space-between; }.food-icon-popover > header strong { margin: 0; }.food-icon-popover > header small { color: var(--muted); font-size: 8px; }
.food-icon-search { align-items: center; background: #f4f6f5; border: 1px solid var(--line); border-radius: 10px; display: flex; flex-direction: row; gap: 7px; margin: 12px 0; padding: 0 11px; }.food-icon-search > span { color: var(--muted); font-size: 17px; }.food-icon-search input { background: transparent; border: 0; box-shadow: none; font-size: 10px; height: 38px; padding: 0; width: 100%; }
.food-icon-popover > div[data-icon-list] { display: grid; gap: 7px; grid-template-columns: repeat(4,minmax(0,1fr)); max-height: 335px; overflow: auto; }.food-icon-popover button[data-icon-value] { align-items: center; background: #f6f7f7; border: 1px solid transparent; border-radius: 10px; color: var(--navy); display: flex; flex-direction: column; gap: 5px; height: 72px; justify-content: center; padding: 7px; }.food-icon-popover button[data-icon-value]:hover { background: #fff4ef; border-color: var(--orange); }.food-icon-popover button[data-icon-value] [data-icon-visual] { font-size: 25px; }.food-icon-popover button[data-icon-value] .food-svg-icon { height: 30px; width: 30px; }.food-icon-popover button[data-icon-value] small { font-size: 7px; font-weight: 750; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.food-icon-popover [data-icon-empty] { color: var(--muted); font-size: 9px; margin: 15px 0 4px; text-align: center; }
.food-icon-popover button[data-icon-value][hidden] { display: none!important; }
.category-icon-grid button > span .food-svg-icon { height: 36px; width: 36px; }.print-category-section > header .food-svg-icon,.import-category-list header .food-svg-icon { height: 28px; width: 28px; }
@media (max-width: 520px) { .food-icon-popover { left: -55px; }.food-icon-popover > div[data-icon-list] { grid-template-columns: repeat(3,minmax(0,1fr)); } }

/* Simplified business navigation and menu workspace */
.dashboard-sidebar { overflow: hidden; }.dashboard-sidebar > div:first-child { min-height: 0; overflow-y: auto; scrollbar-color: rgba(255,255,255,.18) transparent; }.sidebar-role { margin-bottom: 20px; }.dashboard-sidebar nav.sidebar-nav { gap: 20px; }.sidebar-nav-group > small { color: rgba(255,255,255,.32); display: block; font-size: 8px; font-weight: 850; letter-spacing: .15em; margin: 0 12px 7px; text-transform: uppercase; }.sidebar-nav-group > div { display: grid; gap: 3px; }.dashboard-sidebar nav.sidebar-nav a { font-size: 12px; padding: 9px 11px; }.dashboard-sidebar nav.sidebar-nav a span { font-size: 15px; }
.menu-workspace-nav { background: #fff; border: 1px solid var(--line); border-radius: 15px; gap: 5px; padding: 7px; }.menu-workspace-nav a { background: transparent; border: 0; border-radius: 9px; padding: 10px 12px; }.menu-workspace-nav a:hover { background: #f3f5f4; }.menu-workspace-nav a.active { background: var(--navy); }.menu-tools-subnav { margin-top: -8px; padding-left: 8px; }.menu-tools-subnav::before { color: var(--muted); content: 'Araçlar:'; flex: none; font-size: 9px; font-weight: 800; padding: 10px 2px; }
.menu-start-guide { background: #fff; border: 1px solid var(--line); border-radius: 20px; margin-top: 18px; padding: 24px; }.menu-start-guide > header { align-items: end; display: flex; justify-content: space-between; }.menu-start-guide h2 { color: var(--navy); font-size: 24px; letter-spacing: -.04em; margin: 7px 0 0; }.menu-start-guide > div { display: grid; gap: 10px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 20px; }.menu-start-guide a { align-items: center; background: #f5f6f6; border: 1px solid transparent; border-radius: 14px; display: grid; gap: 12px; grid-template-columns: 38px 1fr; min-height: 76px; padding: 13px; }.menu-start-guide a:hover { background: #fff7f3; border-color: #ffd2c2; }.menu-start-guide a > b { align-items: center; background: var(--navy); border-radius: 11px; color: #fff; display: flex; font-size: 12px; height: 38px; justify-content: center; width: 38px; }.menu-start-guide a.completed > b { background: var(--green); }.menu-start-guide strong,.menu-start-guide small { display: block; }.menu-start-guide strong { color: var(--navy); font-size: 11px; }.menu-start-guide small { color: var(--muted); font-size: 8px; line-height: 1.45; margin-top: 4px; }
.management-section { margin-top: 32px; scroll-margin-top: 120px; }.management-section-heading { align-items: end; display: flex; gap: 24px; justify-content: space-between; margin-bottom: 14px; }.management-section-heading h2 { color: var(--navy); font-size: 25px; letter-spacing: -.04em; margin: 6px 0 0; }.management-section-heading > p { color: var(--muted); font-size: 10px; line-height: 1.5; margin: 0; max-width: 420px; text-align: right; }.menu-management-grid-compact { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.management-card-compact { gap: 13px; min-height: 190px; padding: 20px; }.management-card-compact > span { font-size: 24px; }.management-card-compact h3 { color: var(--navy); font-size: 19px; letter-spacing: -.035em; margin: 0 0 7px; }.management-card-compact p { font-size: 10px; line-height: 1.55; }.management-card-compact footer { padding-top: 12px; }
.detailed-product-list article { grid-template-columns: 34px 90px minmax(200px,1fr) 115px minmax(250px,auto); transition: border-color .16s ease,box-shadow .16s ease,opacity .16s ease; }.detailed-product-list article.dragging { border-color: var(--orange); box-shadow: 0 12px 28px rgba(255,90,31,.13); opacity: .55; }.product-drag-handle { align-items: center; align-self: stretch; background: #f4f6f5; border: 1px solid var(--line); border-radius: 9px; color: #9aa1a3; cursor: grab; display: flex; flex-direction: column; font-size: 16px; justify-content: center; letter-spacing: -4px; min-height: 60px; user-select: none; }.product-drag-handle:active { cursor: grabbing; }.product-drag-handle small { font-size: 6px; font-weight: 800; letter-spacing: 0; margin-top: 5px; text-transform: uppercase; writing-mode: vertical-rl; }.product-row-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }.product-row-actions form { margin: 0; }.product-row-actions .button { min-height: 36px; padding: 9px 11px; }.product-delete-button { min-width: 48px; }.product-move-buttons { display: flex; gap: 3px; }.product-move-buttons button { align-items: center; background: #f4f6f5; border: 1px solid var(--line); border-radius: 8px; color: var(--navy); display: flex; font-size: 13px; height: 34px; justify-content: center; width: 30px; }.product-move-buttons button:hover { background: var(--navy); color: #fff; }
.product-visibility-check { background: #f5f7f6; border: 1px solid var(--line); border-radius: 12px; padding: 13px; }.product-details-section { border-top: 1px solid var(--line); display: grid; gap: 15px; margin-top: 2px; padding-top: 20px; }.product-details-section > header { background: #f6f8f8; border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; }.product-details-section > header strong,.product-details-section > header small { display: block; }.product-details-section > header strong { color: var(--navy); font-size: 14px; margin-top: 4px; }.product-details-section > header small { color: var(--muted); font-size: 9px; line-height: 1.5; margin-top: 4px; }.product-category-filter { min-width: 220px; }.product-category-filter > span { color: var(--muted); display: block; font-size: 9px; font-weight: 800; margin-bottom: 6px; text-transform: uppercase; }.product-category-filter select { background: #fff; min-width: 220px; }.product-sort-toolbar { background: linear-gradient(135deg,#f7f9f8,#fff8f4); border: 1px solid var(--line); border-radius: 16px; display: grid; gap: 13px 18px; grid-template-columns: minmax(190px,.8fr) minmax(320px,1.4fr) minmax(220px,.9fr); margin-bottom: 13px; padding: 15px; }.product-sort-copy strong,.product-sort-copy small { display: block; }.product-sort-copy strong { color: var(--navy); font-size: 13px; margin-top: 5px; }.product-sort-copy small { color: var(--muted); font-size: 8px; line-height: 1.45; margin-top: 4px; }.product-sort-actions { align-content: center; display: grid; gap: 6px; grid-template-columns: repeat(3,minmax(0,1fr)); }.product-sort-actions .button { font-size: 8px; min-height: 40px; padding: 8px; }.drink-last-toggle { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 12px; color: var(--navy); display: grid; gap: 9px; grid-template-columns: 34px 1fr 22px; padding: 9px 11px; text-align: left; }.drink-last-toggle > span:first-child { align-items: center; background: #eef4f8; border-radius: 9px; display: flex; font-size: 17px; height: 34px; justify-content: center; }.drink-last-toggle strong,.drink-last-toggle small { display: block; }.drink-last-toggle strong { font-size: 9px; line-height: 1.3; }.drink-last-toggle small { color: var(--muted); font-size: 7px; margin-top: 3px; }.drink-last-toggle i { align-items: center; background: #e3e7e6; border-radius: 50%; color: transparent; display: flex; font-size: 10px; font-style: normal; height: 22px; justify-content: center; width: 22px; }.drink-last-toggle.active { background: #edfaf4; border-color: #9bd8b7; }.drink-last-toggle.active i { background: var(--green); color: #fff; }.product-sort-save { align-items: center; border-top: 1px solid var(--line); display: flex; grid-column: 1/-1; justify-content: space-between; padding-top: 11px; }.product-sort-save small { color: var(--muted); font-size: 9px; }.product-list-quick-action { align-items: center; background: #f6f8f8; border: 1px solid var(--line); border-radius: 13px; display: flex; justify-content: space-between; margin-bottom: 14px; padding: 10px 12px 10px 15px; }.product-list-quick-action > span { color: var(--muted); font-size: 10px; font-weight: 700; }.product-filter-empty { grid-column: 1/-1; }[data-admin-product-row][hidden],[data-product-card][hidden],[data-default-showcases][hidden] { display: none!important; }

@media (max-width: 1120px) {
  .menu-management-grid-compact { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-sort-toolbar { grid-template-columns: 1fr 1.5fr; }.drink-last-toggle { grid-column: 1/-1; }.detailed-product-list article { grid-template-columns: 34px 76px minmax(170px,1fr) 95px; }.product-list-image { width: 76px; }.product-row-actions { grid-column: 3/-1; justify-content: flex-start; }
}
@media (max-width: 780px) {
  .dashboard-sidebar { overflow: visible; }.dashboard-sidebar > div:first-child { overflow: visible; }.dashboard-sidebar nav.sidebar-nav { gap: 0; }.sidebar-nav-group { display: contents; }.sidebar-nav-group > small { display: none; }.sidebar-nav-group > div { display: contents; }
  .menu-start-guide > div,.menu-management-grid-compact { grid-template-columns: 1fr; }.management-section-heading { align-items: flex-start; flex-direction: column; gap: 5px; }.management-section-heading > p { text-align: left; }.management-card-compact { min-height: 165px; }
  .product-list-heading { align-items: stretch; flex-direction: column; }.product-category-filter,.product-category-filter select { min-width: 0; width: 100%; }.product-sort-toolbar { grid-template-columns: 1fr; }.product-sort-actions,.drink-last-toggle { grid-column: 1; }.product-sort-save { align-items: stretch; flex-direction: column; gap: 9px; }.product-sort-save .button { width: 100%; }
}
@media (max-width: 520px) {
  .menu-workspace-nav { border-radius: 12px; margin-inline: -4px; }.menu-start-guide { padding: 18px; }.menu-start-guide > header { display: block; }.menu-start-guide h2 { font-size: 21px; }.management-section { margin-top: 26px; }
  .product-sort-actions { grid-template-columns: 1fr; }.detailed-product-list article { grid-template-columns: 28px 65px 1fr; }.product-drag-handle { font-size: 13px; min-height: 54px; }.product-drag-handle small { display: none; }.detailed-product-price { display: block; grid-column: 3; }.product-row-actions { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,1fr); }.product-row-actions .button { width: 100%; }.product-move-buttons { grid-column: 1/-1; }.product-move-buttons button { flex: 1; width: auto; }
  .product-list-quick-action { align-items: stretch; flex-direction: column; gap: 9px; }.product-list-quick-action .button { width: 100%; }
}

/* Compact, collapsible complimentary area on the customer menu */
.customer-complimentary { background: var(--menu-card); border: 1px solid color-mix(in srgb,var(--menu-accent) 20%,transparent); border-radius: 17px; box-shadow: 0 8px 25px rgba(20,32,44,.03); display: block; margin-bottom: 25px; overflow: hidden; padding: 0; }.customer-complimentary > summary { align-items: center; cursor: pointer; display: grid; gap: 13px; grid-template-columns: 46px minmax(0,1fr) auto; list-style: none; padding: 13px 16px; }.customer-complimentary > summary::-webkit-details-marker { display: none; }.customer-complimentary > summary:hover { background: color-mix(in srgb,var(--menu-accent) 5%,transparent); }.customer-complimentary > summary .complimentary-mark { border-radius: 13px; font-size: 19px; height: 44px; width: 44px; }.customer-complimentary > summary h2 { font-size: 18px; letter-spacing: -.035em; margin: 3px 0 0; }.complimentary-summary-action { align-items: center; display: grid; gap: 2px 8px; grid-template-columns: auto 22px; text-align: right; }.complimentary-summary-action small { color: var(--menu-muted); font-size: 8px; grid-column: 1; }.complimentary-summary-action b { color: var(--menu-accent); font-size: 9px; grid-column: 1; }.complimentary-summary-action i { align-items: center; background: color-mix(in srgb,var(--menu-accent) 10%,transparent); border-radius: 50%; color: var(--menu-accent); display: flex; font-size: 13px; font-style: normal; grid-column: 2; grid-row: 1/3; height: 22px; justify-content: center; transition: transform .18s ease; width: 22px; }.customer-complimentary[open] .complimentary-summary-action i { transform: rotate(180deg); }.customer-complimentary[open] .complimentary-summary-action b { font-size: 0; }.customer-complimentary[open] .complimentary-summary-action b::after { content: 'Kapat'; font-size: 9px; }.complimentary-content { border-top: 1px solid var(--menu-line); padding: 16px; }.complimentary-content > p { color: var(--menu-muted); font-size: 10px; line-height: 1.55; margin: 14px 0 0; }
@media (max-width: 560px) { .customer-complimentary { margin-bottom: 20px; }.customer-complimentary > summary { gap: 10px; grid-template-columns: 42px minmax(0,1fr) auto; padding: 11px 12px; }.customer-complimentary > summary .complimentary-mark { border-radius: 12px; height: 40px; width: 40px; }.customer-complimentary > summary h2 { font-size: 16px; }.complimentary-summary-action small { display: none; }.complimentary-summary-action { grid-template-columns: auto 22px; }.complimentary-summary-action b { grid-row: 1; }.complimentary-summary-action i { grid-row: 1; }.complimentary-content { padding: 12px; } }

/* Premium theme previews and richer theme selector */
.appearance-simple-workspace { align-items: start; }.appearance-simple-choice { min-height: 104px; }.appearance-simple-choice > div { display: block; min-width: 0; }.appearance-simple-choice > div strong,.appearance-simple-choice > div small { display: block; }.appearance-simple-choice > div strong { color: inherit; font-size: 18px; font-weight: 900; }.appearance-simple-choice > div small { color: rgba(255,255,255,.72); font-size: 8px; line-height: 1.4; margin-top: 4px; }.appearance-simple-choice > div em { background: rgba(255,255,255,.17); border-radius: 999px; color: #fff; display: inline-block; font-size: 6px; font-style: normal; font-weight: 900; letter-spacing: .08em; margin-top: 7px; padding: 4px 6px; }.appearance-premium-choice { background: linear-gradient(135deg,var(--navy),color-mix(in srgb,var(--navy) 72%,var(--orange))); }.appearance-premium-choice:hover { box-shadow: 0 14px 30px rgba(20,32,44,.2); }.appearance-simple-choice.selected > div small { color: rgba(255,255,255,.68); }.appearance-live-panel.appearance-simple-preview { position: sticky; top: 112px; }
.appearance-neon .appearance-screen { background: radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--appearance-accent) 35%,transparent),transparent 30%),var(--appearance-bg); }.appearance-neon .appearance-hero { border: 1px solid var(--appearance-accent); border-radius: 9px; box-shadow: 0 0 13px color-mix(in srgb,var(--appearance-accent) 45%,transparent); height: 138px; }.appearance-neon .appearance-hero b { font-weight: 950; text-shadow: 0 0 8px var(--appearance-accent); text-transform: uppercase; }.appearance-neon .appearance-categories > * { border: 1px solid color-mix(in srgb,var(--appearance-accent) 55%,transparent); border-radius: 999px; }.appearance-neon .appearance-products > span { border: 1px solid color-mix(in srgb,var(--appearance-accent) 45%,transparent); border-radius: 4px; box-shadow: 0 0 8px color-mix(in srgb,var(--appearance-accent) 18%,transparent); }.appearance-neon .appearance-products small { background: var(--appearance-accent); border-radius: 999px; color: var(--appearance-on-accent); justify-self: start; padding: 3px 5px; }
.appearance-glass .appearance-screen { background: radial-gradient(circle at 0 0,color-mix(in srgb,var(--appearance-accent) 28%,transparent),transparent 35%),var(--appearance-bg); }.appearance-glass .appearance-hero { border: 4px solid color-mix(in srgb,var(--appearance-card) 70%,transparent); border-radius: 18px; box-shadow: 0 10px 20px rgba(20,32,44,.15); height: 135px; }.appearance-glass .appearance-categories > *,.appearance-glass .appearance-products > span { backdrop-filter: blur(8px); background: color-mix(in srgb,var(--appearance-card) 72%,transparent); border: 1px solid color-mix(in srgb,var(--appearance-card) 74%,var(--appearance-text)); }.appearance-glass .appearance-categories > * { border-radius: 10px; }.appearance-glass .appearance-products > span { border-radius: 15px; padding: 4px; }.appearance-glass .appearance-products img { border-radius: 11px; }
.appearance-mosaic .appearance-screen { background-color: var(--appearance-bg); background-image: linear-gradient(30deg,color-mix(in srgb,var(--appearance-accent) 12%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--appearance-accent) 12%,transparent) 87.5%); background-size: 25px 44px; }.appearance-mosaic .appearance-hero { border-radius: 0 0 48% 48% / 0 0 18% 18%; height: 155px; }.appearance-mosaic .appearance-hero b { font-family: Georgia,serif; font-size: 21px; }.appearance-mosaic .appearance-categories > * { border: 1px solid var(--appearance-accent); border-radius: 2px 10px 2px 10px; }.appearance-mosaic .appearance-products > span { border-radius: 3px 14px 3px 14px; }.appearance-mosaic .appearance-products > span:first-child { display: grid; grid-column: 1/-1; grid-template-columns: 1.2fr .8fr; }.appearance-mosaic .appearance-products > span:first-child img { height: 82px; }.appearance-mosaic .appearance-products > span:first-child i { align-content: center; }
.appearance-poster .appearance-screen { background: linear-gradient(90deg,color-mix(in srgb,var(--appearance-text) 8%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--appearance-text) 8%,transparent) 1px,transparent 1px),var(--appearance-bg); background-size: 13px 13px; }.appearance-poster .appearance-hero { border: 2px solid var(--appearance-text); border-radius: 0; box-shadow: 6px 6px 0 var(--appearance-accent); height: 130px; margin: 0 6px 9px 0; overflow: visible; }.appearance-poster .appearance-hero b { font-size: 23px; font-weight: 950; text-shadow: 2px 2px 0 var(--appearance-accent); text-transform: uppercase; }.appearance-poster .appearance-categories > * { border: 1px solid var(--appearance-text); border-radius: 0; box-shadow: 2px 2px 0 var(--appearance-accent); }.appearance-poster .appearance-products { grid-template-columns: 1fr; }.appearance-poster .appearance-products > span { border: 2px solid var(--appearance-text); border-radius: 0; box-shadow: 4px 4px 0 var(--appearance-accent); display: grid; grid-template-columns: 72px 1fr; margin: 0 4px 4px 0; }.appearance-poster .appearance-products img { height: 62px; }.appearance-poster .appearance-products b { font-weight: 950; text-transform: uppercase; }.appearance-poster .appearance-products small { background: var(--appearance-accent); color: var(--appearance-on-accent); justify-self: start; padding: 3px 5px; }

@media (max-width: 950px) { .appearance-live-panel.appearance-simple-preview { position: static; } }
@media (max-width: 700px) {
  .menu-theme-neon .restaurant-hero,.menu-theme-glass .restaurant-hero,.menu-theme-mosaic .restaurant-hero,.menu-theme-poster .restaurant-hero { height: 355px; margin-inline: 18px; }
  .menu-theme-mosaic .restaurant-hero-content { left: 35px; }.menu-theme-mosaic .menu-grid,.menu-theme-poster .menu-grid { grid-template-columns: 1fr; }.menu-theme-mosaic .menu-grid .menu-card:nth-child(3n+1) { display: block; grid-column: auto; min-height: 0; }.menu-theme-mosaic .menu-grid .menu-card:nth-child(3n+1) .menu-card-image-wrap { height: 230px; }
  .menu-theme-poster .restaurant-hero { box-shadow: 8px 8px 0 var(--menu-accent); }.menu-theme-poster .restaurant-hero h1 { font-size: 52px; }.menu-theme-poster .menu-card { grid-template-columns: 145px 1fr; }
}
@media (max-width: 520px) {
  .appearance-simple-choice { min-height: 92px; }.appearance-simple-choice > div strong { font-size: 16px; }.appearance-simple-choice > div small { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; }
  .menu-theme-neon .restaurant-hero,.menu-theme-glass .restaurant-hero,.menu-theme-mosaic .restaurant-hero,.menu-theme-poster .restaurant-hero { border-radius: 18px; height: 315px; margin-inline: 12px; }.menu-theme-neon .restaurant-hero-content,.menu-theme-glass .restaurant-hero-content,.menu-theme-mosaic .restaurant-hero-content,.menu-theme-poster .restaurant-hero-content { bottom: 32px; left: 24px; }
  .menu-theme-neon .menu-container,.menu-theme-glass .menu-container,.menu-theme-mosaic .menu-container,.menu-theme-poster .menu-container { padding-inline: 16px; }.menu-theme-neon .menu-grid,.menu-theme-glass .menu-grid { grid-template-columns: 1fr; }
  .menu-theme-mosaic .restaurant-hero { border-radius: 0 0 38% 38% / 0 0 10% 10%; margin-inline: 0; }.menu-theme-poster .restaurant-hero { border-radius: 0; box-shadow: 6px 6px 0 var(--menu-accent); margin-right: 18px; }.menu-theme-poster .restaurant-hero h1 { font-size: 43px; }.menu-theme-poster .menu-card { grid-template-columns: 120px 1fr; }.menu-theme-poster .menu-card-image-wrap { min-height: 170px; }
}

/* Featured product ordering and uncropped customer product photography */
.featured-order-editor { background: #f6f8f8; border: 1px solid var(--line); border-radius: 16px; margin-bottom: 20px; padding: 16px; }.featured-order-editor > header { align-items: end; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 12px; }.featured-order-editor h3 { color: var(--navy); font-size: 18px; letter-spacing: -.03em; margin: 5px 0 0; }.featured-order-editor header p { color: var(--muted); font-size: 9px; line-height: 1.5; margin: 5px 0 0; }.featured-order-editor > header > span { color: var(--orange); font-size: 9px; font-weight: 850; }.featured-order-list { display: grid; gap: 7px; }.featured-order-list article { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 12px; display: grid; gap: 10px; grid-template-columns: 30px 58px minmax(0,1fr) 28px 70px; padding: 7px; transition: opacity .16s ease,border-color .16s ease,box-shadow .16s ease; }.featured-order-list article.dragging { border-color: var(--orange); box-shadow: 0 10px 24px rgba(255,90,31,.12); opacity: .55; }.featured-drag-handle { align-items: center; align-self: stretch; background: #f3f5f4; border-radius: 8px; color: #9ba2a3; cursor: grab; display: flex; font-size: 15px; justify-content: center; letter-spacing: -4px; user-select: none; }.featured-order-list img { background: #f2f2ef; border-radius: 8px; height: 48px; object-fit: contain; width: 58px; }.featured-order-list article > div:nth-of-type(1) strong,.featured-order-list article > div:nth-of-type(1) small { display: block; }.featured-order-list article > div:nth-of-type(1) strong { color: var(--navy); font-size: 11px; }.featured-order-list article > div:nth-of-type(1) small { color: var(--muted); font-size: 8px; margin-top: 3px; }.featured-position { align-items: center; background: var(--orange-soft); border-radius: 50%; color: var(--orange); display: flex; font-size: 10px; font-weight: 900; height: 27px; justify-content: center; width: 27px; }.featured-move-buttons { display: flex; gap: 4px; }.featured-move-buttons button { background: #f3f5f4; border: 1px solid var(--line); border-radius: 7px; color: var(--navy); font-size: 12px; height: 30px; width: 31px; }.featured-move-buttons button:hover { background: var(--navy); color: #fff; }.featured-order-empty { border: 1px dashed #cfd5d3; border-radius: 11px; color: var(--muted); font-size: 9px; margin: 0; padding: 18px; text-align: center; }[data-featured-order-item][hidden],.featured-order-empty[hidden] { display: none!important; }
main.customer-page:not(.menu-design-v3) .menu-card-image-wrap { aspect-ratio: 4/3; background: var(--menu-card); height: auto!important; min-height: 0!important; overflow: hidden; position: relative; }.customer-page .menu-card-image-wrap::before,.customer-page .menu-card-image-wrap::after { display: none; }.customer-page .menu-card-image-wrap > img { display: block; height: 100%; object-fit: cover; object-position: center; position: relative; width: 100%; z-index: 1; }.customer-page .menu-card:hover .menu-card-image-wrap > img { transform: scale(1.015); }.customer-page .menu-card-image-wrap .menu-video-badge,.customer-page .menu-card-image-wrap .sold-out-badge { z-index: 2; }.menu-grid .menu-card,.featured-menu-grid .menu-card-compact { height: 100%; }.menu-grid .menu-card-content,.featured-menu-grid .menu-card-compact .menu-card-content { flex: 1; }.menu-grid .menu-card-content b,.featured-menu-grid .menu-card-compact .menu-card-content b { margin-top: auto; padding-top: 10px; }.featured-menu-grid .menu-card-compact { display: flex; flex-direction: column; }
@media (max-width: 620px) { .featured-order-editor > header { align-items: flex-start; flex-direction: column; gap: 5px; }.featured-order-list article { grid-template-columns: 25px 48px minmax(0,1fr) 26px; }.featured-order-list img { height: 43px; width: 48px; }.featured-move-buttons { grid-column: 1/-1; }.featured-move-buttons button { flex: 1; width: auto; } }

/* Bulk price comparison */
.bulk-price-list > label { grid-template-columns: 66px minmax(180px,1fr) 310px; }.bulk-price-list > label.price-changed { background: #fff9f5; border-color: #ffc9b5; }.bulk-price-editor { align-items: center; display: flex!important; justify-content: flex-end; min-width: 0; position: relative; width: 100%; }.bulk-price-editor > span { display: block; flex: 0 0 150px; position: relative; width: 150px; }.bulk-price-editor > span input { padding-right: 35px; text-align: right; width: 150px; }.bulk-price-editor > span b { color: var(--orange); position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }.bulk-old-price { color: var(--muted); font-size: 9px; position: absolute; right: 162px; text-align: right; top: 50%; transform: translateY(-50%); white-space: nowrap; }.bulk-old-price strong { color: var(--navy); font-size: 10px; }.bulk-old-price[hidden] { display: none!important; }
@media (max-width: 650px) { .bulk-price-list > label { grid-template-columns: 50px 1fr; }.bulk-price-editor { grid-column: 1/-1!important; min-height: 42px; }.bulk-old-price { right: 162px; text-align: right; } }

/* Four reference-inspired menu interfaces */
.appearance-catalog .appearance-screen { background: color-mix(in srgb,var(--appearance-bg) 90%,var(--appearance-card)); }.appearance-catalog .appearance-hero { border-radius: 13px; height: 96px!important; }.appearance-catalog .appearance-hero b { font-family: Georgia,serif; }.appearance-catalog .appearance-categories { display: grid!important; gap: 6px!important; grid-template-columns: 1fr!important; }.appearance-catalog .appearance-categories > * { align-items: center; background: linear-gradient(90deg,var(--appearance-card) 58%,color-mix(in srgb,var(--appearance-accent) 22%,var(--appearance-card))); border: 0; border-radius: 11px!important; display: flex; height: 43px; justify-content: flex-start; padding: 0 12px!important; }.appearance-catalog .appearance-products { grid-template-columns: 1fr; }.appearance-catalog .appearance-products > span { display: grid; grid-template-columns: 62px 1fr; }.appearance-catalog .appearance-products img { height: 55px!important; }
.appearance-botanic .appearance-screen { background: color-mix(in srgb,var(--appearance-bg) 65%,white); }.appearance-botanic .appearance-hero { border-radius: 16px; height: 125px!important; }.appearance-botanic .appearance-categories { display: flex!important; overflow: hidden; }.appearance-botanic .appearance-categories > * { background: transparent; border: 1px solid color-mix(in srgb,var(--appearance-text) 13%,transparent); border-radius: 999px!important; white-space: nowrap; }.appearance-botanic .appearance-products { grid-template-columns: 1fr; }.appearance-botanic .appearance-products > span { align-items: center; background: transparent; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--appearance-text) 10%,transparent); border-radius: 0; display: grid; grid-template-columns: 58px 1fr; }.appearance-botanic .appearance-products img { border-radius: 50%; height: 50px!important; margin: 4px; width: 50px; }.appearance-botanic .appearance-products i { padding-block: 7px; }
.appearance-foodflow .appearance-screen { background: color-mix(in srgb,var(--appearance-bg) 80%,#e9e9e9); }.appearance-foodflow .appearance-hero { border-radius: 17px; box-shadow: 0 9px 22px color-mix(in srgb,var(--appearance-text) 16%,transparent); height: 170px!important; }.appearance-foodflow .appearance-categories { display: flex!important; overflow: hidden; }.appearance-foodflow .appearance-categories > * { align-items: center; aspect-ratio: 1; background: var(--appearance-card); border: 3px solid color-mix(in srgb,var(--appearance-accent) 22%,transparent); border-radius: 50%!important; display: flex; justify-content: center; min-width: 46px; padding: 5px!important; }.appearance-foodflow .appearance-products > span { border-radius: 12px; box-shadow: 0 6px 16px color-mix(in srgb,var(--appearance-text) 10%,transparent); overflow: hidden; }.appearance-foodflow .appearance-products img { height: 93px!important; }
.appearance-violet .appearance-screen { background: linear-gradient(155deg,color-mix(in srgb,var(--appearance-accent) 12%,var(--appearance-bg)),var(--appearance-bg) 45%); }.appearance-violet .appearance-top b { color: var(--appearance-accent); }.appearance-violet .appearance-hero { border-radius: 15px; box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--appearance-accent) 26%,transparent); height: 118px!important; }.appearance-violet .appearance-categories { display: flex!important; overflow: hidden; }.appearance-violet .appearance-categories > * { background: color-mix(in srgb,var(--appearance-accent) 8%,var(--appearance-card)); border: 1px solid color-mix(in srgb,var(--appearance-accent) 35%,transparent); border-radius: 9px!important; }.appearance-violet .appearance-products > span { background: var(--appearance-card); border: 1px solid color-mix(in srgb,var(--appearance-accent) 18%,transparent); border-radius: 13px; padding: 5px; }.appearance-violet .appearance-products img { background: color-mix(in srgb,var(--appearance-accent) 7%,var(--appearance-card)); border-radius: 9px; height: 91px!important; object-fit: contain; }.appearance-violet .appearance-products small { color: var(--appearance-accent); font-weight: 900; }

.menu-theme-catalog { background: linear-gradient(180deg,color-mix(in srgb,var(--menu-accent) 8%,var(--menu-bg)),var(--menu-bg) 520px); }.menu-theme-catalog .customer-topbar { background: transparent; }.menu-theme-catalog .restaurant-hero { border-radius: 0 0 32px 32px; height: 285px; }.menu-theme-catalog .restaurant-hero-overlay { background: linear-gradient(90deg,color-mix(in srgb,var(--menu-text) 84%,transparent),transparent 75%); }.menu-theme-catalog .restaurant-hero h1,.menu-theme-catalog .menu-intro h2,.menu-theme-catalog .menu-section-heading h2 { font-family: Georgia,'Times New Roman',serif; font-weight: 500; }.menu-theme-catalog .menu-container { max-width: 1080px; }.menu-theme-catalog .category-icon-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.menu-theme-catalog .category-icon-grid button { align-content: center; background: linear-gradient(105deg,var(--menu-card) 0 58%,color-mix(in srgb,var(--menu-accent) 22%,var(--menu-card)) 100%); border: 0; border-radius: 20px; box-shadow: 0 10px 28px color-mix(in srgb,var(--menu-text) 8%,transparent); display: grid; grid-template-columns: minmax(0,1fr) 78px; grid-template-rows: auto auto; min-height: 128px; overflow: hidden; padding: 22px; text-align: left; }.menu-theme-catalog .category-icon-grid button > span { font-size: 42px; grid-column: 2; grid-row: 1/3; height: 76px; justify-content: center; opacity: .82; }.menu-theme-catalog .category-icon-grid button strong { font-family: Georgia,'Times New Roman',serif; font-size: 20px; grid-column: 1; grid-row: 1; margin: 0; }.menu-theme-catalog .category-icon-grid button small { grid-column: 1; grid-row: 2; }.menu-theme-catalog .category-icon-grid button.active { background: linear-gradient(105deg,var(--menu-accent),color-mix(in srgb,var(--menu-accent) 68%,var(--menu-card))); color: var(--menu-on-accent); }.menu-theme-catalog .category-icon-grid button.active small { color: color-mix(in srgb,var(--menu-on-accent) 70%,transparent); }.menu-theme-catalog .menu-grid { grid-template-columns: 1fr; }.menu-theme-catalog .menu-grid .menu-card { border: 0; border-radius: 20px; box-shadow: 0 10px 28px color-mix(in srgb,var(--menu-text) 7%,transparent); display: grid; grid-template-columns: 220px minmax(0,1fr); padding: 8px; }.menu-theme-catalog .menu-grid .menu-card-image-wrap { aspect-ratio: auto; border-radius: 14px; height: 172px!important; }.menu-theme-catalog .menu-grid .menu-card-content { justify-content: center; padding: 20px 24px; }

.menu-theme-botanic { background: color-mix(in srgb,var(--menu-bg) 65%,white); }.menu-theme-botanic .customer-topbar { background: transparent; border-bottom: 1px solid color-mix(in srgb,var(--menu-text) 8%,transparent); }.menu-theme-botanic .restaurant-hero { border-radius: 30px; height: 300px; margin-top: 22px; }.menu-theme-botanic .restaurant-hero-overlay { background: linear-gradient(90deg,color-mix(in srgb,var(--menu-text) 76%,transparent),transparent 72%); }.menu-theme-botanic .menu-container { max-width: 980px; }.menu-theme-botanic .menu-intro h2,.menu-theme-botanic .menu-section-heading h2 { letter-spacing: -.035em; }.menu-theme-botanic .category-icon-grid { display: flex; gap: 7px; overflow-x: auto; }.menu-theme-botanic .category-icon-grid button { background: transparent; border: 1px solid color-mix(in srgb,var(--menu-text) 14%,transparent); border-radius: 999px; flex: 0 0 auto; flex-direction: row; gap: 7px; min-height: 43px; padding: 6px 13px; }.menu-theme-botanic .category-icon-grid button > span { font-size: 18px; height: 27px; }.menu-theme-botanic .category-icon-grid button strong { margin: 0; }.menu-theme-botanic .category-icon-grid button small { display: none; }.menu-theme-botanic .category-icon-grid button.active { background: var(--menu-accent); border-color: var(--menu-accent); color: var(--menu-on-accent); }.menu-theme-botanic .menu-grid { gap: 0; grid-template-columns: 1fr; }.menu-theme-botanic .menu-grid .menu-card { align-items: center; background: transparent; border: 0; border-bottom: 1px solid color-mix(in srgb,var(--menu-text) 10%,transparent); border-radius: 0; box-shadow: none; display: grid; grid-template-columns: 118px minmax(0,1fr); min-height: 142px; padding: 10px 0; }.menu-theme-botanic .menu-grid .menu-card:hover { box-shadow: none; transform: translateX(4px); }.menu-theme-botanic .menu-grid .menu-card-image-wrap { aspect-ratio: 1; border-radius: 50%; height: 96px!important; margin: 0 11px; width: 96px; }.menu-theme-botanic .menu-grid .menu-card-content { justify-content: center; padding: 14px 125px 14px 14px; position: relative; }.menu-theme-botanic .menu-grid .menu-card-content b { margin: 0; padding: 0; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }.menu-theme-botanic .menu-card-description { min-height: 0; }

.menu-theme-foodflow { background: color-mix(in srgb,var(--menu-bg) 86%,#e9e9e9); }.menu-theme-foodflow .customer-topbar { background: var(--menu-card); border-radius: 0 0 18px 18px; box-shadow: 0 8px 24px color-mix(in srgb,var(--menu-text) 7%,transparent); }.menu-theme-foodflow .restaurant-hero { border-radius: 28px; box-shadow: 0 20px 48px color-mix(in srgb,var(--menu-text) 16%,transparent); height: 410px; margin-top: 24px; }.menu-theme-foodflow .restaurant-hero-overlay { background: linear-gradient(0deg,color-mix(in srgb,var(--menu-text) 90%,transparent),transparent 68%); }.menu-theme-foodflow .menu-container { max-width: 1220px; }.menu-theme-foodflow .category-icon-grid { display: flex; gap: 15px; overflow-x: auto; padding: 6px 2px 12px; }.menu-theme-foodflow .category-icon-grid button { background: transparent; border: 0; flex: 0 0 92px; min-height: 105px; padding: 6px; }.menu-theme-foodflow .category-icon-grid button > span { background: var(--menu-card); border: 4px solid color-mix(in srgb,var(--menu-accent) 20%,var(--menu-card)); border-radius: 50%; box-shadow: 0 7px 20px color-mix(in srgb,var(--menu-text) 10%,transparent); font-size: 28px; height: 68px; width: 68px; }.menu-theme-foodflow .category-icon-grid button strong { font-size: 10px; }.menu-theme-foodflow .category-icon-grid button small { display: none; }.menu-theme-foodflow .category-icon-grid button.active { background: transparent; color: var(--menu-text); }.menu-theme-foodflow .category-icon-grid button.active > span { background: var(--menu-accent); border-color: color-mix(in srgb,var(--menu-accent) 55%,var(--menu-card)); color: var(--menu-on-accent); }.menu-theme-foodflow .menu-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.menu-theme-foodflow .menu-card { border: 0; border-radius: 18px; box-shadow: 0 9px 28px color-mix(in srgb,var(--menu-text) 10%,transparent); }.menu-theme-foodflow .menu-card-image-wrap { aspect-ratio: 4/3; }.menu-theme-foodflow .menu-card-content { padding: 16px; }.menu-theme-foodflow .menu-card-content b { align-self: flex-start; background: color-mix(in srgb,var(--menu-accent) 12%,var(--menu-card)); border-radius: 8px; padding: 7px 9px; }

.menu-theme-violet { background: linear-gradient(150deg,color-mix(in srgb,var(--menu-accent) 9%,var(--menu-bg)),var(--menu-bg) 45%,color-mix(in srgb,var(--menu-accent) 5%,var(--menu-bg))); }.menu-theme-violet .customer-topbar { background: var(--menu-card); border-bottom: 2px solid color-mix(in srgb,var(--menu-accent) 22%,transparent); max-width: none; padding-inline: max(24px,calc((100% - 1180px)/2)); }.menu-theme-violet .restaurant-hero { border-radius: 24px; box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--menu-accent) 30%,transparent); height: 285px; margin-top: 20px; }.menu-theme-violet .restaurant-hero-overlay { background: linear-gradient(90deg,color-mix(in srgb,var(--menu-text) 83%,transparent),transparent 74%); }.menu-theme-violet .menu-container { max-width: 1180px; }.menu-theme-violet .category-icon-grid { display: flex; gap: 8px; overflow-x: auto; }.menu-theme-violet .category-icon-grid button { background: color-mix(in srgb,var(--menu-accent) 7%,var(--menu-card)); border: 1px solid color-mix(in srgb,var(--menu-accent) 24%,transparent); border-radius: 14px; flex: 0 0 120px; min-height: 92px; }.menu-theme-violet .category-icon-grid button.active { background: var(--menu-accent); border-color: var(--menu-accent); color: var(--menu-on-accent); }.menu-theme-violet .menu-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.menu-theme-violet .menu-card { border-color: color-mix(in srgb,var(--menu-accent) 16%,transparent); border-radius: 17px; box-shadow: 0 8px 24px color-mix(in srgb,var(--menu-accent) 8%,transparent); display: grid; grid-template-columns: 145px minmax(0,1fr); min-height: 175px; padding: 8px; }.menu-theme-violet .menu-card-image-wrap { aspect-ratio: 1; background: color-mix(in srgb,var(--menu-accent) 6%,var(--menu-card)); border-radius: 12px; height: 145px!important; }.menu-theme-violet .menu-card-content { justify-content: center; padding: 13px 15px; }.menu-theme-violet .menu-card-content strong { font-size: 15px; }.menu-theme-violet .menu-card-description { font-size: 10px; min-height: 0; }.menu-theme-violet .menu-card-content b { color: var(--menu-accent); }

@media (max-width: 820px) {
  .menu-theme-foodflow .menu-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .menu-theme-violet .menu-card { display: block; min-height: 0; }.menu-theme-violet .menu-card-image-wrap { aspect-ratio: 4/3; height: auto!important; }.menu-theme-violet .menu-card-content { min-height: 130px; }
}
@media (max-width: 560px) {
  .menu-theme-catalog .restaurant-hero,.menu-theme-botanic .restaurant-hero,.menu-theme-foodflow .restaurant-hero,.menu-theme-violet .restaurant-hero { border-radius: 0 0 22px 22px; height: 270px; margin-top: 0; }
  .menu-theme-catalog .category-icon-grid { grid-template-columns: 1fr; }.menu-theme-catalog .category-icon-grid button { min-height: 105px; }.menu-theme-catalog .menu-grid .menu-card { grid-template-columns: 116px minmax(0,1fr); }.menu-theme-catalog .menu-grid .menu-card-image-wrap { height: 125px!important; }.menu-theme-catalog .menu-grid .menu-card-content { padding: 12px; }
  .menu-theme-botanic .menu-grid .menu-card { grid-template-columns: 86px minmax(0,1fr); min-height: 112px; }.menu-theme-botanic .menu-grid .menu-card-image-wrap { height: 72px!important; margin: 0 7px; width: 72px; }.menu-theme-botanic .menu-grid .menu-card-content { padding: 10px 8px; }.menu-theme-botanic .menu-grid .menu-card-content b { margin-top: 7px; padding-top: 0; position: static; transform: none; }
  .menu-theme-foodflow .menu-grid { grid-template-columns: 1fr; }.menu-theme-foodflow .category-icon-grid button { flex-basis: 78px; }.menu-theme-foodflow .category-icon-grid button > span { height: 58px; width: 58px; }
  .menu-theme-violet .menu-grid { gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); }.menu-theme-violet .menu-card { padding: 5px; }.menu-theme-violet .menu-card-content { min-height: 116px; padding: 10px 7px; }.menu-theme-violet .menu-card-content strong { font-size: 12px; }.menu-theme-violet .menu-card-description { display: none; }.menu-theme-violet .menu-card-content b { font-size: 12px; }
}

/* Business-controlled mobile product column count */
.mobile-column-picker { border: 0; border-top: 1px solid var(--line); margin: 25px 0 5px; padding: 23px 0 0; }.mobile-column-picker legend { color: var(--navy); font-size: 16px; font-weight: 900; padding-right: 10px; }.mobile-column-picker > p { color: var(--muted); font-size: 9px; line-height: 1.5; margin: 4px 0 13px; }.mobile-column-picker > div { display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); }.mobile-column-choice { background: #f6f8f7; border: 1px solid var(--line); border-radius: 13px; cursor: pointer; display: grid; gap: 3px; grid-template-columns: 46px 1fr 19px; min-width: 0; padding: 9px; position: relative; }.mobile-column-choice:hover { border-color: #ffb79d; }.mobile-column-choice.selected { background: #fff5f0; border-color: var(--orange); box-shadow: 0 0 0 2px var(--orange-soft); }.mobile-column-choice > input { opacity: 0; position: absolute; }.mobile-column-choice > strong,.mobile-column-choice > small { display: block; grid-column: 2; min-width: 0; }.mobile-column-choice > strong { align-self: end; color: var(--navy); font-size: 9px; }.mobile-column-choice > small { color: var(--muted); font-size: 7px; }.mobile-column-choice > b { align-items: center; align-self: center; background: var(--orange); border-radius: 50%; color: #fff; display: flex; font-size: 8px; grid-column: 3; grid-row: 1/3; height: 18px; justify-content: center; width: 18px; }.mobile-column-choice:not(.selected) > b { background: #dce1df; color: transparent; }.mobile-column-icon { align-self: stretch; background: var(--navy); border-radius: 9px; display: grid; gap: 3px; grid-column: 1; grid-row: 1/3; padding: 7px; }.mobile-column-icon.columns-1 { grid-template-columns: 1fr; }.mobile-column-icon.columns-2 { grid-template-columns: repeat(2,1fr); }.mobile-column-icon.columns-3 { grid-template-columns: repeat(3,1fr); }.mobile-column-icon i { background: #fff; border-radius: 2px; display: block; min-height: 7px; opacity: .9; }
.showcase-visibility-picker { border: 0; border-top: 1px solid var(--line); margin: 25px 0 5px; padding: 23px 0 0; }.showcase-visibility-picker legend { color: var(--navy); font-size: 16px; font-weight: 900; padding-right: 10px; }.showcase-visibility-picker > p { color: var(--muted); font-size: 9px; line-height: 1.5; margin: 4px 0 13px; }.showcase-visibility-picker > div { display: grid; gap: 8px; }.showcase-visibility-picker label { align-items: center; background: #f6f8f7; border: 1px solid var(--line); border-radius: 13px; cursor: pointer; display: grid; gap: 10px; grid-template-columns: minmax(0,1fr) 42px; padding: 11px 13px; position: relative; }.showcase-visibility-picker label > span { align-items: center; display: grid; gap: 2px 9px; grid-template-columns: 32px 1fr; }.showcase-visibility-picker label i { align-items: center; background: var(--orange-soft); border-radius: 9px; color: var(--orange); display: flex; font-size: 13px; font-style: normal; grid-row: 1/3; height: 32px; justify-content: center; width: 32px; }.showcase-visibility-picker label b,.showcase-visibility-picker label small { display: block; grid-column: 2; }.showcase-visibility-picker label b { color: var(--navy); font-size: 10px; }.showcase-visibility-picker label small { color: var(--muted); font-size: 8px; }.showcase-visibility-picker input { height: 1px; opacity: 0; position: absolute; width: 1px; }.showcase-visibility-picker em { background: #d8dddb; border-radius: 999px; height: 23px; position: relative; transition: background .16s ease; width: 42px; }.showcase-visibility-picker em::after { background: #fff; border-radius: 50%; box-shadow: 0 2px 5px rgba(20,32,44,.2); content: ''; height: 17px; left: 3px; position: absolute; top: 3px; transition: transform .16s ease; width: 17px; }.showcase-visibility-picker input:checked + em { background: var(--green); }.showcase-visibility-picker input:checked + em::after { transform: translateX(19px); }.showcase-visibility-picker label:has(input:checked) { background: #f0faf5; border-color: #abdcc3; }

.appearance-simple-preview.mobile-preview-columns-1 .appearance-products { grid-template-columns: 1fr!important; }.appearance-simple-preview.mobile-preview-columns-2 .appearance-products { grid-template-columns: repeat(2,minmax(0,1fr))!important; }.appearance-simple-preview.mobile-preview-columns-3 .appearance-products { gap: 4px!important; grid-template-columns: repeat(3,minmax(0,1fr))!important; }.appearance-simple-preview.mobile-preview-columns-2 .appearance-products > span,.appearance-simple-preview.mobile-preview-columns-3 .appearance-products > span { display: block!important; min-width: 0; }.appearance-simple-preview.mobile-preview-columns-2 .appearance-products img { border-radius: 7px!important; height: 76px!important; margin: 0!important; width: 100%!important; }.appearance-simple-preview.mobile-preview-columns-3 .appearance-products img { border-radius: 5px!important; height: 52px!important; margin: 0!important; width: 100%!important; }.appearance-simple-preview.mobile-preview-columns-2 .appearance-products i,.appearance-simple-preview.mobile-preview-columns-3 .appearance-products i { display: grid; padding: 6px!important; }.appearance-simple-preview.mobile-preview-columns-3 .appearance-products b,.appearance-simple-preview.mobile-preview-columns-3 .appearance-products small { font-size: 6px!important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 560px) {
  .customer-page:not(.menu-design-v3).mobile-menu-columns-1 .menu-grid { grid-template-columns: 1fr!important; }
  .customer-page:not(.menu-design-v3).mobile-menu-columns-2 .menu-grid { gap: 12px!important; grid-template-columns: repeat(2,minmax(0,1fr))!important; }
  .customer-page:not(.menu-design-v3).mobile-menu-columns-3 .menu-grid { gap: 7px!important; grid-template-columns: repeat(3,minmax(0,1fr))!important; }
  .customer-page:not(.menu-design-v3).mobile-menu-columns-2 .menu-grid .menu-card,.customer-page:not(.menu-design-v3).mobile-menu-columns-3 .menu-grid .menu-card { background: var(--menu-card); border: 1px solid var(--menu-line); border-radius: 16px; box-shadow: 0 7px 20px color-mix(in srgb,var(--menu-text) 7%,transparent); display: flex; flex-direction: column; height: auto!important; min-height: 0!important; overflow: hidden; padding: 0!important; transform: none; }
  .customer-page:not(.menu-design-v3).mobile-menu-columns-2 .menu-grid .menu-card-image-wrap,.customer-page:not(.menu-design-v3).mobile-menu-columns-3 .menu-grid .menu-card-image-wrap { aspect-ratio: 4/3!important; border-radius: 0!important; height: auto!important; margin: 0!important; min-height: 0!important; width: 100%!important; }
  .customer-page:not(.menu-design-v3).mobile-menu-columns-2 .menu-grid .menu-card-content,.customer-page:not(.menu-design-v3).mobile-menu-columns-3 .menu-grid .menu-card-content { justify-content: flex-start; min-width: 0; position: static; }
  .customer-page:not(.menu-design-v3).mobile-menu-columns-2 .menu-grid .menu-card-content { min-height: 92px; padding: 12px; }.customer-page:not(.menu-design-v3).mobile-menu-columns-2 .menu-grid .menu-card-content strong { font-size: 14px; line-height: 1.25; }.customer-page:not(.menu-design-v3).mobile-menu-columns-2 .menu-grid .menu-card-content b { font-size: 13px; }
  .customer-page:not(.menu-design-v3).mobile-menu-columns-3 .menu-grid .menu-card { border-radius: 12px; }.customer-page:not(.menu-design-v3).mobile-menu-columns-3 .menu-grid .menu-card-content { min-height: 78px; padding: 8px 7px; }.customer-page:not(.menu-design-v3).mobile-menu-columns-3 .menu-grid .menu-card-content strong { font-size: 10px; line-height: 1.25; }.customer-page:not(.menu-design-v3).mobile-menu-columns-3 .menu-grid .menu-card-content b { font-size: 10px; }
  .customer-page:not(.menu-design-v3).mobile-menu-columns-2 .menu-grid .menu-card-description,.customer-page:not(.menu-design-v3).mobile-menu-columns-3 .menu-grid .menu-card-description { display: none!important; }
  .customer-page:not(.menu-design-v3).mobile-menu-columns-2 .menu-grid .menu-card-content b,.customer-page:not(.menu-design-v3).mobile-menu-columns-3 .menu-grid .menu-card-content b { align-self: flex-start; background: transparent; margin-top: auto!important; padding: 9px 0 0!important; position: static!important; transform: none!important; white-space: nowrap; }
  .customer-page:not(.menu-design-v3).mobile-menu-columns-3 .menu-grid .menu-video-badge { bottom: 5px; font-size: 6px; left: 5px; padding: 4px 5px; }
  .customer-page:not(.menu-design-v3).mobile-menu-columns-3 .menu-grid .sold-out-badge { font-size: 6px; padding: 4px 5px; }
}
@media (max-width: 560px) { .mobile-column-picker > div { grid-template-columns: 1fr; }.mobile-column-choice { min-height: 58px; } }

/* BAKSECYE_THEME_COLLECTION_BUNDLE */
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/dm-serif-display-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/barlow-condensed-700-full.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/cormorant-garamond-600-full.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/dm-sans-400-full.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/dm-sans-500-full.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/dm-sans-600-full.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/dm-sans-700-full.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/nunito-800-full.ttf) format('truetype');
}
/* Shared behaviors, scoped to the eight opt-in designs. Classic has no overrides. */
.menu-design-v3 {
 --theme-line:color-mix(in srgb,var(--menu-text) 18%,transparent);
 --theme-muted:color-mix(in srgb,var(--menu-text) 70%,var(--menu-bg));
 --card-line:color-mix(in srgb,var(--menu-product-text) 18%,transparent);
 --card-muted:color-mix(in srgb,var(--menu-product-text) 75%,var(--menu-card));
 --muted:var(--theme-muted);--navy:var(--menu-text);--orange:var(--menu-accent);--line:var(--theme-line);
 font-family:'DM Sans',Arial,sans-serif;background:var(--menu-bg);color:var(--menu-text);overflow-x:clip;
}
.menu-design-v3 :is(button,input,select) { font-family:inherit; }
.menu-design-v3 [hidden] { display:none!important; }
.menu-design-v3 :is(button,a,input,select,summary):focus-visible { outline:2px solid var(--menu-accent);outline-offset:3px; }
.menu-design-v3 .customer-topbar { max-width:540px;height:60px;padding:12px 18px; background:var(--menu-bg); }
.menu-wordmark { color:var(--menu-text);font-size:23px;font-weight:700;letter-spacing:-1px;white-space:nowrap; }
.menu-wordmark span { color:var(--menu-accent); }
.menu-design-v3 .demo-back-link,.menu-design-v3 .language-switcher>span { display:none; }
.menu-design-v3 .language-switcher { border:1px solid var(--theme-line);background:transparent;padding:0 6px; }
.menu-design-v3 .language-switcher select { color:var(--menu-text);font-size:11px;min-height:27px;font-weight:500; }
.menu-design-v3 .language-switcher option { color:var(--menu-text);background:var(--menu-bg); }
.menu-design-v3 .restaurant-hero { max-width:540px; margin:0 auto; height:200px;border-radius:0; }
.menu-design-v3 .restaurant-hero-content { left:18px;right:18px;bottom:18px;max-width:none; }
.menu-design-v3 .restaurant-hero h1 { font-size:28px;line-height:1.12;letter-spacing:-.7px;margin:0 0 7px; }
.menu-design-v3 .restaurant-hero p { margin:0;font-size:11px;line-height:1.4; }
.theme-restaurant-info { display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px; }
.menu-design-v3 .restaurant-status { padding:0;border:0;background:transparent;font-size:9px;font-weight:400; }
.menu-design-v3 .restaurant-status i { width:6px;height:6px; }
.menu-design-v3 .restaurant-meta { display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;font-weight:400; }
.menu-design-v3 .restaurant-meta a { color:inherit; }
.menu-design-v3 .menu-container { max-width:540px;padding:12px 16px 28px; }
.menu-design-v3 .menu-intro { display:block;margin:0 0 12px; }
.menu-design-v3 .menu-intro>div { display:none; }
.menu-design-v3 .menu-search { display:flex;width:100%;max-width:none;min-width:0;border:1px solid var(--theme-line);border-radius:12px;background:transparent;padding:0 12px;gap:10px; }
.menu-design-v3 .menu-search input { height:40px;padding:0;background:transparent;color:var(--menu-text);font-size:12px;font-weight:400; }
.menu-design-v3 .menu-search input::placeholder { color:var(--theme-muted); }
.menu-design-v3 .menu-search>span { display:flex;color:var(--menu-text); }
.discovery-icon { display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none; }
.discovery-icon svg { width:100%;height:100%; }
.theme-utilities { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px; }
.menu-design-v3 .theme-utilities>* { margin:0!important;min-width:0;min-height:0;border:1px solid var(--theme-line);border-radius:9px;background:transparent;color:var(--menu-text);box-shadow:none; }
.menu-design-v3 .theme-campaign-disclosure { grid-column:1/-1;overflow:hidden; }
.menu-design-v3 .theme-utilities :is(summary,.meal-finder-card .button) { display:flex;align-items:center;gap:9px;padding:11px 12px;min-height:45px;margin:0;list-style:none;background:transparent;border:0;border-radius:inherit;color:inherit;box-shadow:none;width:100%;cursor:pointer; }
.menu-design-v3 .theme-utilities summary::-webkit-details-marker { display:none; }
.utility-text { display:flex;flex-direction:column;text-align:left;flex:1;min-width:0;gap:3px; }
.utility-text b { font-size:12px;font-weight:600;line-height:1.2; }
.utility-text small { display:none;font-size:9px;line-height:1.35;font-weight:400;opacity:.78; }
.utility-arrow { font-size:22px;font-weight:400;line-height:1;margin-left:auto; }
.utility-photo { display:none; }
.menu-design-v3 .meal-finder-card { display:block;padding:0; }
.menu-design-v3 .meal-finder-card::before,.menu-design-v3 .meal-finder-card>div,.menu-design-v3 .meal-finder-card>p { display:none; }
.menu-design-v3 .customer-complimentary { display:block;padding:0; }
.menu-design-v3 .complimentary-content { padding:12px; }
.menu-design-v3 .complimentary-content p { color:var(--menu-text);font-size:12px; }
.menu-design-v3 .complimentary-items { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.menu-design-v3 .complimentary-items article { background:var(--menu-card);border-color:var(--card-line); }
.menu-design-v3 .complimentary-items strong { color:var(--menu-product-text); }
.menu-design-v3 .customer-complimentary[open] { grid-column:1/-1; }
.menu-design-v3 .customer-campaigns { margin:0;padding:10px; }
.menu-design-v3 .customer-campaigns>.menu-section-heading { display:none; }
.menu-design-v3 .customer-campaigns>div:last-child { display:grid;grid-template-columns:1fr;gap:8px; }
.menu-design-v3 .customer-campaigns article { display:flex;min-height:0;background:var(--menu-card);color:var(--menu-product-text);border-radius:6px; }
.menu-design-v3 .customer-campaigns article>img { width:90px;object-fit:cover; }
.menu-design-v3 .customer-campaigns article>section { padding:12px; }
.menu-design-v3 .customer-campaigns h3 { color:inherit;font-size:17px; }
.menu-design-v3 .customer-campaigns :is(p,small) { color:inherit;font-size:11px; }
.menu-design-v3 .customer-campaigns article section>span { background:transparent;color:inherit;padding:0; }
.menu-design-v3 .category-icon-grid { display:flex;gap:7px;overflow:auto;scrollbar-width:none;margin:0 0 12px;padding:0 0 2px; }
.menu-design-v3 .category-icon-grid button { flex:1 0 auto;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:5px;min-height:34px;padding:7px 13px;border:1px solid var(--theme-line);border-radius:999px;background:transparent;color:var(--menu-text); }
.menu-design-v3 .category-icon-grid strong { margin:0;font-size:11px;white-space:nowrap;font-weight:400; }
.menu-design-v3 .category-icon-grid button>span { display:none; }
.menu-design-v3 .category-icon-grid small { display:none; }
.menu-design-v3 .category-icon-grid button.active { color:var(--menu-on-accent);background:var(--menu-accent);border-color:var(--menu-accent); }
.theme-menu-tabs { display:flex;gap:8px;border-bottom:1px solid var(--theme-line);margin:0 0 12px;overflow-x:auto;scrollbar-width:none; }
.theme-menu-tabs button { flex:1 0 auto;min-height:35px;padding:9px 2px;background:none;color:var(--theme-muted);border:0;border-bottom:2px solid transparent;font-size:11px;font-weight:400;white-space:nowrap; }
.theme-menu-tabs button[aria-pressed=true] { color:var(--menu-accent);border-color:var(--menu-accent);font-weight:600; }
.menu-design-v3 .menu-showcase-section { margin:0;padding:0; }
.menu-design-v3 :is(.all-menu-section,.menu-showcase-section)>.menu-section-heading { display:none; }
.menu-design-v3 .all-menu-section { padding:0; }
.menu-design-v3 .theme-product-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.menu-design-v3 .top-rated-item { display:contents; }
.menu-design-v3 .rank-badge { display:none; }
.menu-design-v3 .menu-card { display:block;position:relative;margin:0;background:var(--menu-card);color:var(--menu-product-text);border:1px solid var(--card-line);border-radius:10px;overflow:hidden;box-shadow:none;min-width:0;text-align:left; }
.menu-design-v3 .menu-card:hover { transform:none; }
.menu-design-v3 .menu-card-image-wrap { display:block;height:auto;aspect-ratio:1.5; }
.menu-design-v3 .menu-card-image-wrap img { display:block;width:100%;height:100%;object-fit:cover; }
.menu-design-v3 .menu-card-content { display:flex;flex-direction:column;position:relative;padding:10px;gap:5px; }
.menu-design-v3 .menu-card-content strong { color:var(--menu-product-text);font-size:16px;line-height:1.15;font-weight:600;letter-spacing:-.3px; }
.menu-design-v3 .menu-card-description { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:0;margin:0;color:var(--card-muted);font-size:10px;line-height:1.45; }
.menu-design-v3 .menu-card-content b { color:var(--menu-accent);font-size:17px;line-height:1.15;margin:0;font-weight:700; }
.menu-design-v3 .menu-card-content b small { color:var(--card-muted);font-size:8px;font-weight:400; }
.theme-card-category,.theme-card-arrow { display:none; }
.menu-design-v3 .menu-video-badge { font-size:8px;padding:5px 7px;bottom:7px;left:7px; }
.menu-design-v3 .sold-out-badge { font-size:8px;padding:5px 7px;top:7px;right:7px; }
.menu-design-v3 .customer-price-notice { margin:0;border-color:var(--theme-line);color:var(--theme-muted);background:transparent;padding:15px;font-size:10px; }
.menu-design-v3 .customer-footer { background:transparent;color:var(--theme-muted);padding:20px; }
.menu-design-v3 .customer-footer p { color:inherit;font-size:9px; }
.menu-design-v3 .customer-footer .brand { background:#fff;border-radius:6px;padding:6px; }
.menu-design-v3 .rating-reminder { background:var(--menu-card);color:var(--menu-product-text);border-color:var(--card-line); }
.menu-design-v3 .rating-reminder :is(p,button) { color:var(--card-muted); }
/* Product details: one real product payload and the existing handlers for every theme. */
.menu-design-v3 .modal-backdrop { padding:0; }
.menu-design-v3 .product-modal { width:100%;max-width:540px;max-height:100dvh;border-radius:0;background:var(--menu-card);color:var(--menu-product-text); }
.menu-design-v3 .product-modal-media { height:auto;aspect-ratio:1.24;background:var(--menu-bg); }
.menu-design-v3 .product-modal-media>img { display:block; }
.menu-design-v3 .modal-close { left:14px;right:auto;top:14px;width:36px;height:36px;background:var(--menu-card);color:var(--menu-product-text);border:0;box-shadow:0 3px 15px #0002;font-size:28px;font-weight:400; }
.menu-design-v3 .modal-video-label { left:auto;right:14px;bottom:14px;font-size:11px;background:#0008;color:#fff;border-color:#fff;border-radius:999px; }
.menu-design-v3 .modal-video-label i { color:inherit; }
.menu-design-v3 .product-modal-body { padding:19px 20px 24px;background:var(--menu-card);color:var(--menu-product-text); }
.menu-design-v3 .product-detail-title-row { display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px; }
.menu-design-v3 .product-detail-title-row h2 { margin:0;font-size:30px;line-height:1.1;letter-spacing:-.6px;color:var(--menu-product-text);font-weight:600; }
.menu-design-v3 .product-detail-title-row>strong { color:var(--menu-accent);font-size:24px;white-space:nowrap; }
.menu-design-v3 .product-detail-title-row .menu-card-category { display:none; }
.menu-design-v3 .product-modal-body>p { font-size:12px;line-height:1.55;color:var(--card-muted);margin:12px 0; }
.menu-design-v3 .product-detail-stats { display:flex;gap:13px;margin:16px 0; }
.menu-design-v3 .product-detail-stats>span { display:flex;align-items:center;flex-wrap:wrap;gap:5px;background:none;padding:0 13px 0 0;border-radius:0;border-right:1px solid var(--card-line); }
.menu-design-v3 .product-detail-stats>span:last-child { border:0; }
.menu-design-v3 .product-detail-stats small { font-size:9px;color:var(--card-muted); }
.menu-design-v3 .product-detail-stats b { font-size:13px;margin:0;color:var(--menu-product-text); }
.menu-design-v3 .product-detail-stats i { font-size:9px;color:var(--card-muted); }
.menu-design-v3 .product-detail-block { border-color:var(--card-line);padding:16px 0; }
.menu-design-v3 .product-detail-block>small { font-size:13px;font-weight:600;text-transform:none;color:var(--menu-product-text);margin-bottom:7px; }
.menu-design-v3 .product-detail-block p { color:var(--card-muted);font-size:12px;line-height:1.5; }
.menu-design-v3 .detail-chip-row span { background:color-mix(in srgb,var(--menu-accent) 8%,var(--menu-card));color:var(--menu-product-text); }
.menu-design-v3 .modal-option-list { gap:7px; }
.menu-design-v3 .modal-option-list>span { padding:12px;border:1px solid var(--card-line);border-radius:8px;background:transparent;color:var(--menu-product-text); }
.menu-design-v3 .modal-option-list strong { color:var(--menu-product-text);font-size:11px; }
.menu-design-v3 .modal-option-list b { color:var(--menu-accent);font-size:11px; }
.menu-design-v3 .product-rating-box { border-radius:0;border-top:1px solid var(--card-line);background:transparent;padding:16px 0 0;color:var(--menu-product-text); }
.menu-design-v3 .product-rating-box strong { font-size:13px; }
.menu-design-v3 .product-rating-box small { color:var(--card-muted);font-size:9px; }
.menu-design-v3 .star-rating { justify-content:space-between;gap:8px; }
.menu-design-v3 .star-rating button { flex:1;background:transparent;color:var(--menu-accent);font-family:Arial,sans-serif;font-size:34px;min-height:42px;border-radius:0;padding:0; }
.menu-design-v3 .product-rating-box>p { color:var(--menu-accent); }
.menu-design-v3 .meal-finder-modal { background:var(--menu-card);color:var(--menu-product-text); }
.menu-design-v3 .meal-finder-modal :is(h2,h3,p,small,strong) { color:inherit; }
.menu-design-v3 :is(.meal-finder-choices button,.meal-finder-result) { background:var(--menu-card);color:var(--menu-product-text);border-color:var(--card-line); }
/* 01 — Sade Liste: rectangular restaurant thumbnail, three quiet rows, right-hand food photos. */
.menu-theme-sade .restaurant-hero { display:flex;align-items:center;height:auto;padding:8px 17px 12px;gap:12px; }
.menu-theme-sade .restaurant-hero-image { position:static;width:115px;height:64px;flex:none;object-fit:cover;border-radius:7px; }
.menu-theme-sade .restaurant-hero-overlay { display:none; }
.menu-theme-sade .restaurant-hero-content { position:static;color:var(--menu-text);flex:1;min-width:0; }
.menu-theme-sade .restaurant-hero h1 { font-size:17px;letter-spacing:-.4px;margin:0 0 7px; }
.menu-theme-sade .theme-restaurant-info { gap:5px 9px; }
.menu-theme-sade .restaurant-meta { font-size:9px; }
.menu-theme-sade .theme-utilities { grid-template-columns:1fr;gap:8px; }
.menu-theme-sade .theme-utilities>* { border-color:var(--theme-line);grid-column:1; }
.menu-theme-sade .theme-utilities .discovery-icon { color:var(--menu-accent);width:27px; }
.menu-theme-sade .theme-utilities .utility-text small { display:block; }
.menu-theme-sade .theme-utilities :is(summary,.meal-finder-card .button) { min-height:49px;padding:9px 11px; }
.menu-theme-sade .theme-product-grid { grid-template-columns:1fr;gap:0; }
.menu-theme-sade .menu-card { display:flex;flex-direction:row-reverse;align-items:center;border:0;border-bottom:1px solid var(--theme-line);border-radius:0;padding:11px 0;background:transparent;gap:12px; }
.menu-theme-sade .menu-card-image-wrap { width:105px;height:88px;flex:none;aspect-ratio:auto;border-radius:6px; }
.menu-theme-sade .menu-card-content { flex:1;padding:0;gap:6px; }
.menu-theme-sade .menu-card-content strong { font-size:17px; }
.menu-theme-sade .menu-card-description { font-size:11px; }
.menu-theme-sade .menu-card-content b { font-size:19px; }
.menu-theme-sade .category-icon-grid { gap:0;border-bottom:1px solid var(--theme-line);padding:0; }
.menu-theme-sade .category-icon-grid button { border:0;border-radius:0;border-bottom:2px solid transparent;background:none;padding:10px 12px; }
.menu-theme-sade .category-icon-grid button.active { background:transparent;color:var(--menu-accent);border-color:var(--menu-accent);font-weight:600; }
/* 02 — Asil Menü: serif typography, full-bleed hero, gold rules and an editorial lead card. */
.menu-theme-asil { --theme-serif:'Cormorant Garamond',Georgia,serif; }
.menu-theme-asil :is(.menu-wordmark,.restaurant-hero h1,.menu-card-content strong,.menu-card-content b,.product-detail-title-row h2,.product-detail-title-row>strong,.product-detail-block>small,.theme-detail-top) { font-family:var(--theme-serif);font-weight:600; }
.menu-theme-asil .menu-wordmark { font-size:27px;letter-spacing:-.7px; }
.menu-theme-asil .menu-wordmark span { color:inherit; }
.menu-theme-asil .language-switcher { border:0; }
.menu-theme-asil .restaurant-hero { height:190px; }
.menu-theme-asil .restaurant-hero-overlay { background:linear-gradient(transparent 8%,color-mix(in srgb,var(--menu-bg) 45%,transparent) 48%,var(--menu-bg) 100%); }
.menu-theme-asil .restaurant-hero-content { text-align:center;bottom:7px;color:var(--menu-text); }
.menu-theme-asil .restaurant-hero h1 { font-size:34px; }
.menu-theme-asil .theme-restaurant-info { justify-content:center;gap:6px 10px; }
.menu-theme-asil .theme-restaurant-info>p { flex-basis:100%;font-family:var(--theme-serif);font-size:18px; }
.menu-theme-asil .menu-container { padding-top:7px; }
.menu-theme-asil .menu-search { border-radius:5px;border-color:color-mix(in srgb,var(--menu-accent) 50%,transparent); }
.menu-theme-asil .theme-utilities { grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
.menu-theme-asil .theme-utilities>* { grid-column:auto;border-radius:4px;border-color:color-mix(in srgb,var(--menu-accent) 30%,transparent); }
.menu-theme-asil .theme-utilities details[open] { grid-column:1/-1; }
.menu-theme-asil .theme-utilities :is(summary,.meal-finder-card .button) { padding:7px 6px;min-height:54px;gap:5px; }
.menu-theme-asil .utility-text b { font-family:var(--theme-serif);font-size:14px;font-weight:600; }
.menu-theme-asil .utility-arrow { font-size:16px; }
.menu-theme-asil .utility-photo { display:block;width:36px;height:40px;object-fit:cover;border-radius:3px;order:-1; }
.menu-theme-asil summary:has(.utility-photo)>.discovery-icon { display:none; }
.menu-theme-asil .theme-utilities .discovery-icon { width:18px;color:var(--menu-accent); }
.menu-theme-asil .category-icon-grid { gap:0;border-bottom:1px solid var(--theme-line);padding:0; }
.menu-theme-asil .category-icon-grid button { border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:10px 12px; }
.menu-theme-asil .category-icon-grid strong { font-family:var(--theme-serif);text-transform:uppercase;font-size:12px; }
.menu-theme-asil .category-icon-grid button.active { background:transparent;color:var(--menu-accent);border-color:var(--menu-accent); }
.menu-theme-asil .theme-menu-tabs button { font-family:var(--theme-serif);font-size:15px; }
.menu-theme-asil .theme-product-grid { grid-template-columns:1fr;gap:12px; }
.menu-theme-asil .menu-card { display:grid;grid-template-columns:42% 1fr;border-color:color-mix(in srgb,var(--menu-accent) 32%,transparent);border-radius:6px;background:transparent; }
.menu-theme-asil .menu-card-image-wrap { height:100%;min-height:110px;aspect-ratio:auto; }
.menu-theme-asil .menu-card-content { display:grid;grid-template-columns:1fr auto;align-content:center;padding:11px;gap:5px; }
.menu-theme-asil .menu-card-content strong { font-size:22px;grid-column:1; }
.menu-theme-asil .menu-card-content b { font-size:21px;grid-column:2;grid-row:1;align-self:center;color:var(--menu-product-text); }
.menu-theme-asil .menu-card-content b small { display:none; }
.menu-theme-asil .menu-card-description { grid-column:1/-1;font-size:11px; }
.menu-theme-asil .menu-card.is-theme-lead { display:block; }
.menu-theme-asil .menu-card.is-theme-lead .menu-card-image-wrap { aspect-ratio:2.15;min-height:0;height:auto; }
.menu-theme-asil .menu-card.is-theme-lead .menu-card-content strong { font-size:28px; }
.menu-theme-asil .theme-detail-top { height:65px;display:flex;justify-content:center;align-items:center;font-size:23px;background:var(--menu-bg);color:var(--menu-text); }
.menu-theme-asil .product-modal .modal-close { background:transparent;color:var(--menu-text);box-shadow:none; }
.menu-theme-asil .product-detail-title-row h2 { font-size:39px; }
.menu-theme-asil .product-detail-title-row>strong { font-size:30px;color:var(--menu-product-text); }
.menu-theme-asil .product-detail-stats { padding:13px 0;border-block:1px solid var(--menu-accent); }
.menu-theme-asil .product-detail-block,.menu-theme-asil .product-rating-box { border-color:var(--menu-accent); }
.menu-theme-asil .product-detail-block>small { font-size:23px; }
.menu-theme-asil .modal-option-list>span { border-color:color-mix(in srgb,var(--menu-accent) 40%,transparent);border-radius:5px; }
/* 03 — Modern Vitrin: overlapping restaurant heading, rounded two-column product gallery. */
.menu-theme-vitrin .restaurant-hero { height:180px;overflow:visible;margin-bottom:46px; }
.menu-theme-vitrin .restaurant-hero-overlay { display:none; }
.menu-theme-vitrin .restaurant-hero-content { left:0;right:0;bottom:-43px;padding:12px 16px 6px;color:var(--menu-text);background:var(--menu-bg);border-radius:19px 19px 0 0; }
.menu-theme-vitrin .restaurant-hero h1 { font-size:23px; }
.menu-theme-vitrin .menu-search { border-radius:999px; }
.menu-theme-vitrin .theme-utilities>* { background:color-mix(in srgb,var(--menu-accent) 4%,var(--menu-bg));border:0;border-radius:14px; }
.menu-theme-vitrin .theme-utilities .utility-text small { display:block; }
.menu-theme-vitrin .theme-utilities .discovery-icon { color:var(--menu-accent); }
.menu-theme-vitrin .theme-campaign-disclosure { order:3;background:var(--menu-accent);color:var(--menu-on-accent); }
.menu-theme-vitrin .theme-campaign-disclosure .discovery-icon { color:inherit; }
.menu-theme-vitrin .theme-campaign-disclosure>summary { min-height:55px;position:relative; }
.menu-theme-vitrin .theme-campaign-disclosure .utility-photo { display:block;order:4;width:76px;height:55px;object-fit:cover;margin:-11px -12px -11px 4px; }
.menu-theme-vitrin .category-icon-grid button>span { display:block;width:16px;height:16px;margin:0; }
.menu-theme-vitrin .category-icon-grid .food-svg-icon { width:16px;height:16px; }
.menu-theme-vitrin .category-icon-grid .category-all-mark { display:none; }
.menu-theme-vitrin .menu-card { border:0;border-radius:12px;box-shadow:0 4px 12px #00000009;height:100%; }
.menu-theme-vitrin .menu-card-image-wrap { aspect-ratio:1.55; }
.menu-theme-vitrin .menu-card-description { display:none; }
.menu-theme-vitrin .menu-card-content { padding:10px; }
.menu-theme-vitrin .menu-card-content strong { font-size:16px; }
.theme-card-shell { position:relative;min-width:0; }
.theme-card-shell:has(>[hidden]) { display:none; }
.theme-favorite { z-index:5;position:absolute;top:7px;right:7px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #fff8;background:#0005;border-radius:50%;color:#fff;font-size:24px;line-height:1; }
.theme-favorite[aria-pressed=true] { background:var(--menu-accent); }
.menu-theme-vitrin .product-modal-body { position:relative;margin-top:-20px;border-radius:25px 25px 0 0;padding-top:30px; }
.menu-theme-vitrin .product-modal-body::before { content:'';position:absolute;top:9px;left:calc(50% - 19px);width:38px;height:4px;border-radius:5px;background:var(--card-line); }
.menu-theme-vitrin .modal-close { left:auto;right:14px; }
/* 04 — Köz & Ateş: a red campaign, woven divider, diagonal cream lead card. */
.menu-theme-koz { background:radial-gradient(ellipse at top,color-mix(in srgb,var(--menu-accent) 8%,transparent),transparent 45%),var(--menu-bg); }
.menu-theme-koz :is(.menu-card-content strong,.menu-card-content b,.product-detail-title-row h2,.product-detail-title-row>strong,.theme-campaign-disclosure .utility-text b) { font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700; }
.menu-theme-koz .restaurant-hero { height:165px; }
.menu-theme-koz .restaurant-hero-content { bottom:12px; }
.menu-theme-koz .restaurant-hero h1 { font-family:'Cormorant Garamond',Georgia,serif;font-size:30px; }
.menu-theme-koz .restaurant-hero-overlay { background:linear-gradient(transparent 25%,var(--menu-bg)); }
.menu-theme-koz .menu-container { padding-top:6px; }
.menu-theme-koz .menu-search { border-radius:999px; }
.menu-theme-koz .theme-campaign-disclosure { background:linear-gradient(115deg,var(--menu-accent),color-mix(in srgb,var(--menu-accent) 85%,#000));color:var(--menu-on-accent);border:0; }
.menu-theme-koz .theme-campaign-disclosure>summary { min-height:58px; }
.menu-theme-koz .theme-campaign-disclosure .utility-text b { font-size:25px; }
.menu-theme-koz .theme-campaign-disclosure .utility-text small { display:block;font-size:10px; }
.menu-theme-koz .theme-campaign-disclosure .utility-photo { display:block;order:4;width:100px;height:60px;object-fit:cover;margin:-12px -12px -12px 3px; }
.menu-theme-koz .theme-campaign-disclosure .discovery-icon { display:none; }
.menu-theme-koz .theme-utilities>* { border-radius:7px; }
.menu-theme-koz .theme-utilities .utility-arrow { display:none; }
.menu-theme-koz .theme-menu-tabs { position:relative;padding-top:12px;gap:5px;margin-top:18px; }
.menu-theme-koz .theme-menu-tabs::before { content:'';position:absolute;top:0;left:0;right:0;height:6px;background:repeating-conic-gradient(from 45deg,var(--menu-accent) 0 25%,transparent 0 50%) 0 0/9px 9px;border-block:1px solid var(--menu-accent); }
.menu-theme-koz .theme-menu-tabs button { font-family:'Barlow Condensed',sans-serif;font-size:16px; }
.menu-theme-koz .menu-card { border:0;border-radius:9px; }
.menu-theme-koz .menu-card-image-wrap { margin-top:45px;height:100px;aspect-ratio:auto; }
.menu-theme-koz .menu-card-content { position:static;padding:9px 12px 12px;min-height:74px; }
.menu-theme-koz .menu-card-content strong { position:absolute;top:19px;left:12px;right:10px;font-size:24px;line-height:1; }
.menu-theme-koz .theme-card-category { display:block;position:absolute;top:7px;left:12px;color:var(--menu-product-text);font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase; }
.menu-theme-koz .menu-card-description { display:none; }
.menu-theme-koz .menu-card-content b { font-size:29px; }
.menu-theme-koz .menu-card-content b small { font-family:'DM Sans',sans-serif;font-size:7px; }
.menu-theme-koz .theme-card-arrow { display:grid;place-items:center;border:1px solid var(--card-line);border-radius:50%;width:22px;height:22px;font-size:15px;color:var(--menu-product-text); }
.menu-theme-koz .menu-card.is-theme-lead { grid-column:1/-1;min-height:153px; }
.menu-theme-koz .menu-card.is-theme-lead .menu-card-image-wrap { position:absolute;inset:0 0 0 36%;height:100%;width:64%;margin:0;clip-path:polygon(25% 0,100% 0,100% 100%,0 100%); }
.menu-theme-koz .menu-card.is-theme-lead .menu-card-content { width:50%;padding:15px 14px;gap:5px; }
.menu-theme-koz .menu-card.is-theme-lead .theme-card-category { position:static;font-size:12px;color:var(--menu-accent); }
.menu-theme-koz .menu-card.is-theme-lead .menu-card-content strong { position:static;font-size:29px;text-transform:uppercase; }
.menu-theme-koz .menu-card.is-theme-lead .menu-card-content b { font-size:35px; }
.menu-theme-koz .menu-card.is-theme-lead .theme-card-arrow { margin-top:6px; }
.menu-theme-koz .product-detail-title-row { display:block; }
.menu-theme-koz .product-detail-title-row .menu-card-category { display:block;color:var(--menu-accent);font-family:'Barlow Condensed',sans-serif;font-size:17px;text-transform:uppercase;margin-bottom:4px; }
.menu-theme-koz .product-detail-title-row h2 { font-size:49px;letter-spacing:-.7px; }
.menu-theme-koz .product-detail-title-row>strong { display:block;font-size:45px;line-height:1.1;padding-bottom:12px; }
.menu-theme-koz .product-detail-title-row>strong::after { content:'';display:block;width:32px;height:3px;background:var(--menu-accent);margin-top:11px; }
.menu-theme-koz .product-detail-block { padding-left:25px;position:relative; }
.menu-theme-koz .product-detail-block::before { content:'◇';position:absolute;left:0;color:var(--menu-accent);font-size:20px;line-height:1; }
/* 05 — Salaş Atölye: friendly headings, checker edge and warm price labels. */
.menu-theme-salas { --theme-warm:color-mix(in srgb,var(--menu-accent) 8%,#b84a30);background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--menu-accent) 3%,transparent),transparent 65%),var(--menu-bg); }
.menu-theme-salas :is(.menu-wordmark,.restaurant-hero h1,.salas-welcome h2,.menu-card-content strong,.product-detail-title-row h2,.product-detail-block>small) { font-family:'Nunito','DM Sans',sans-serif;font-weight:800;letter-spacing:-.6px; }
.menu-theme-salas .menu-wordmark,.menu-theme-salas .menu-wordmark span { color:var(--menu-accent); }
.salas-welcome { max-width:540px;margin:0 auto;padding:0 17px 9px; }
.salas-welcome h2 { font-size:31px;line-height:1.1;margin:0 0 3px;color:var(--menu-text); }
.salas-welcome h2::after { content:'〃';display:inline-block;transform:rotate(-20deg);color:var(--theme-warm);margin-left:6px; }
.salas-welcome p { font-size:11px;margin:0;color:var(--menu-text); }
.menu-theme-salas .restaurant-hero { display:flex;flex-direction:row-reverse;height:auto;padding:0 17px;gap:13px; }
.menu-theme-salas .restaurant-hero-image { width:56%;height:132px;position:static;flex:none;border-radius:0 8px 8px 0;border-right:16px solid transparent; }
.menu-theme-salas .restaurant-hero::after { content:'';position:absolute;right:17px;top:0;bottom:0;width:16px;background:conic-gradient(var(--menu-accent) 25%,var(--menu-bg) 0 50%,var(--menu-accent) 0 75%,var(--menu-bg) 0) 0 0/14px 14px;border-radius:0 5px 5px 0; }
.menu-theme-salas .restaurant-hero-overlay { display:none; }
.menu-theme-salas .restaurant-hero-content { position:static;color:var(--menu-text);min-width:0;flex:1; }
.menu-theme-salas .restaurant-hero h1 { font-size:27px;line-height:1.02; }
.menu-theme-salas .theme-restaurant-info { gap:6px;font-size:9px; }
.menu-theme-salas .restaurant-meta { font-size:9px; }
.menu-theme-salas .restaurant-status { font-size:8px; }
.menu-theme-salas .menu-search { border-radius:999px; }
.menu-theme-salas .theme-campaign-disclosure { grid-column:auto;background:var(--menu-accent);color:var(--menu-on-accent); }
.menu-theme-salas .theme-utilities .customer-complimentary { background:color-mix(in srgb,var(--theme-warm) 4%,var(--menu-bg));border-color:color-mix(in srgb,var(--theme-warm) 35%,transparent); }
.menu-theme-salas .theme-utilities .meal-finder-card { grid-column:1/-1;background:var(--theme-warm);color:#fff;border:0; }
.menu-theme-salas .theme-utilities .utility-text small { display:block;font-size:9px; }
.menu-theme-salas .theme-utilities .utility-text b { font-weight:700; }
.menu-theme-salas .theme-utilities :is(summary,.meal-finder-card .button) { padding:10px; }
.menu-theme-salas .theme-product-grid { grid-template-columns:1fr;gap:9px; }
.menu-theme-salas .menu-card { display:grid;grid-template-columns:46% 1fr;background:transparent;border:1px solid var(--theme-line);border-radius:10px; }
.menu-theme-salas .menu-card-image-wrap { height:100%;min-height:92px;aspect-ratio:auto;border-radius:9px; }
.menu-theme-salas .menu-card-content { padding:7px 10px;gap:3px; }
.menu-theme-salas .menu-card-content strong { font-size:18px; }
.menu-theme-salas .menu-card-content strong::after { content:'〃';color:var(--theme-warm);font-family:Arial,sans-serif;font-size:18px;margin-left:3px; }
.menu-theme-salas .menu-card-description { font-size:10px;line-height:1.35; }
.menu-theme-salas .menu-card-content b { background:var(--theme-warm);color:white;align-self:flex-end;border:1px solid white;border-radius:9px;padding:4px 9px;font-size:16px;line-height:1; }
.menu-theme-salas .menu-card-content b small { display:none; }
.menu-theme-salas .product-modal-body { position:relative;margin-top:-12px;border-radius:14px 14px 0 0; }
.menu-theme-salas .product-detail-title-row h2 { color:var(--menu-accent);font-size:40px; }
.menu-theme-salas .product-detail-title-row>strong { color:white;background:var(--theme-warm);padding:6px 10px;border-radius:10px;font-size:24px; }
.menu-theme-salas .product-detail-block,.menu-theme-salas .product-rating-box { border-color:color-mix(in srgb,var(--menu-accent) 45%,transparent); }
.menu-theme-salas .product-detail-block>small { color:var(--menu-accent);font-size:18px; }
/* 06 — Ocakbaşı Miras: woven header, title above the photograph, burgundy editorial ribbon. */
.menu-theme-miras { --theme-copper:color-mix(in srgb,var(--menu-accent) 40%,#b96a30); }
.menu-theme-miras :is(.menu-wordmark,.restaurant-hero h1,.menu-card-content strong,.menu-card-content b,.product-detail-title-row h2,.product-detail-title-row>strong,.product-detail-block>small) { font-family:'Cormorant Garamond',Georgia,serif;font-weight:600; }
.menu-theme-miras .customer-topbar { position:relative;height:60px;padding-bottom:18px; }
.menu-theme-miras .customer-topbar::after { content:'';position:absolute;bottom:0;left:0;right:0;height:9px;border-block:1px solid var(--menu-accent);background:repeating-conic-gradient(from 45deg,var(--menu-accent) 0 25%,transparent 0 50%) 0 0/10px 10px; }
.menu-theme-miras .menu-wordmark,.menu-theme-miras .menu-wordmark span { color:var(--menu-accent);font-size:23px; }
.menu-theme-miras .restaurant-hero { display:flex;flex-direction:column-reverse;height:auto; }
.menu-theme-miras .restaurant-hero-overlay { display:none; }
.menu-theme-miras .restaurant-hero-content { position:static;color:var(--menu-text);padding:8px 16px 10px;width:100%; }
.menu-theme-miras .restaurant-hero h1 { text-align:center;font-size:32px;color:var(--menu-accent);margin:0 0 7px; }
.menu-theme-miras .theme-restaurant-info { justify-content:space-between;gap:5px 9px; }
.menu-theme-miras .restaurant-hero-image { position:static;height:100px;width:100%;object-fit:cover; }
.menu-theme-miras .menu-container { padding-top:8px; }
.menu-theme-miras .menu-search { border-radius:5px; }
.menu-theme-miras .theme-utilities>* { border-color:var(--menu-accent);border-radius:4px; }
.menu-theme-miras .theme-campaign-disclosure { color:var(--menu-on-accent);background:var(--menu-accent);border:0; }
.menu-theme-miras .theme-campaign-disclosure .utility-text b { font-family:'Cormorant Garamond',serif;font-size:20px; }
.menu-theme-miras .theme-utilities :is(summary,.meal-finder-card .button) { padding:8px 10px;min-height:36px; }
.menu-theme-miras .category-icon-grid button { border:0;border-radius:5px;background:color-mix(in srgb,var(--menu-accent) 5%,var(--menu-bg)); }
.menu-theme-miras .category-icon-grid button.active { background:var(--menu-accent); }
.menu-theme-miras .menu-card { border:0;border-radius:3px;background:transparent; }
.menu-theme-miras .menu-card-content { display:grid;grid-template-columns:1fr auto;gap:3px;padding:6px 0; }
.menu-theme-miras .menu-card-content strong { grid-column:1;font-size:21px; }
.menu-theme-miras .menu-card-content b { grid-column:2;grid-row:1;font-size:20px;color:var(--theme-copper); }
.menu-theme-miras .menu-card-content b small { display:none; }
.menu-theme-miras .menu-card-description { grid-column:1/-1;font-size:9px; }
.menu-theme-miras .menu-card.is-theme-lead { grid-column:1/-1; }
.menu-theme-miras .menu-card.is-theme-lead::before { content:'◇   Ocaktan sofraya   ◇';display:block;background:var(--menu-accent);color:var(--menu-on-accent);font-family:'Cormorant Garamond',serif;font-weight:600;font-size:21px;line-height:1.1;padding:7px 14px; }
.menu-theme-miras .menu-card.is-theme-lead .menu-card-image-wrap { aspect-ratio:2.15; }
.menu-theme-miras .menu-card.is-theme-lead .menu-card-content strong { font-size:27px; }
.menu-theme-miras .menu-card.is-theme-lead .menu-card-content b { font-size:27px; }
.menu-theme-miras .menu-card.is-theme-lead .menu-card-description { font-size:11px; }
.menu-theme-miras .product-detail-title-row h2 { color:var(--menu-accent);font-size:39px; }
.menu-theme-miras .product-detail-title-row>strong { color:var(--theme-copper);font-size:33px; }
.menu-theme-miras .product-detail-block,.menu-theme-miras .product-rating-box { border-color:var(--theme-copper); }
.menu-theme-miras .product-detail-block>small { font-family:'Barlow Condensed',sans-serif;color:var(--menu-accent);font-size:19px; }
.menu-theme-miras .modal-option-list>span { border-color:var(--theme-copper);border-radius:4px; }
/* 07/08 — perspective discovery, with independent dark-glass and light-paper materials. */
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .restaurant-hero { display:flex;align-items:center;height:auto;padding:5px 18px 10px;gap:13px; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .restaurant-hero-image { position:static;width:61px;height:61px;border-radius:50%;flex:none; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .restaurant-hero-overlay { display:none; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .restaurant-hero-content { position:static;color:var(--menu-text);flex:1;min-width:0; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .restaurant-hero h1 { font-size:18px;letter-spacing:-.4px; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .theme-restaurant-info { gap:5px 9px; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .restaurant-meta { font-size:9px; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .menu-search { border-radius:999px; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .theme-utilities { grid-template-columns:repeat(3,minmax(0,1fr));gap:7px; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .theme-utilities>* { grid-column:auto; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .theme-utilities details[open] { grid-column:1/-1; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .theme-utilities :is(summary,.meal-finder-card .button) { padding:8px 7px;gap:6px;min-height:36px; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .utility-text b { font-size:10px;font-weight:400; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .utility-arrow { display:none; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .discovery-icon { width:19px;height:19px; }
.menu-coverflow { margin:0 -16px 0;overflow:hidden;padding-bottom:4px; }
.coverflow-stage { position:relative;height:348px;perspective:850px;transform-style:preserve-3d;touch-action:pan-y;isolation:isolate;outline-offset:-3px!important; }
.menu-design-v3 .coverflow-card { position:absolute;display:flex;flex-direction:column;align-items:stretch;width:56%;max-width:302px;height:319px;top:15px;left:22%;padding:0;overflow:visible;transform-origin:center;border-radius:15px;background:var(--menu-card);border:1px solid var(--card-line);box-shadow:0 18px 30px #0002;transition:transform .4s cubic-bezier(.2,.75,.2,1),opacity .3s; }
.menu-design-v3 .coverflow-card[data-offset="0"] { z-index:3;transform:translateZ(0); }
.menu-design-v3 .coverflow-card[data-offset="-1"] { z-index:2;transform:translateX(-64%) translateZ(-90px) rotateY(42deg) scale(.9);opacity:.92; }
.menu-design-v3 .coverflow-card[data-offset="1"] { z-index:2;transform:translateX(64%) translateZ(-90px) rotateY(-42deg) scale(.9);opacity:.92; }
.menu-design-v3 .coverflow-card:is([data-offset="-2"],[data-offset="2"]) { z-index:1;opacity:0;visibility:hidden; }
.menu-design-v3 .coverflow-card[data-offset="-2"] { transform:translateX(-120%) translateZ(-200px); }
.menu-design-v3 .coverflow-card[data-offset="2"] { transform:translateX(120%) translateZ(-200px); }
.menu-design-v3 .coverflow-card .menu-card-image-wrap { width:calc(100% + 18px);height:159px;aspect-ratio:auto;margin:10px -9px 0;flex:none;overflow:visible;background:transparent; }
.menu-design-v3 .coverflow-card .menu-card-image-wrap img { width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 10px 15px #0003; }
.menu-design-v3 .coverflow-card .menu-card-content { display:grid;grid-template-columns:1fr auto;align-content:center;align-items:center;gap:5px;padding:10px 13px 3px;flex:1;min-height:0; }
.menu-design-v3 .coverflow-card .menu-card-content strong { grid-column:1/-1;font-size:21px;font-weight:600;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.menu-design-v3 .coverflow-card .menu-card-description { grid-column:1/-1;line-height:1.3;min-height:0;font-size:10px;color:var(--menu-product-text); }
.menu-design-v3 .coverflow-card .menu-card-content b { font-size:24px;line-height:1.15;margin:0; }
.menu-design-v3 .coverflow-card .menu-card-content b small { display:none; }
.discovery-card-rating { font-size:11px;color:var(--menu-product-text);white-space:nowrap; }
.menu-design-v3 .coverflow-card:not([data-offset="0"]) .menu-card-description { display:none; }
.menu-design-v3 .coverflow-card:not([data-offset="0"]) .menu-card-content { flex:0;gap:12px;padding-top:20px; }
.coverflow-detail { display:block;flex:none;align-self:stretch;width:calc(100% - 26px);margin:7px 13px 11px;padding:9px 7px;text-align:center;border-radius:999px;font-size:12px;font-weight:600;line-height:1;background:var(--menu-accent);color:var(--menu-on-accent); }
.coverflow-controls { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 24px; }
.coverflow-arrow { width:40px;height:40px;border:1px solid var(--theme-line);border-radius:50%;background:var(--menu-card);color:var(--menu-product-text);font-family:Arial,sans-serif;font-size:28px;font-weight:400; }
.coverflow-arrow:disabled { opacity:.3;cursor:default; }
.coverflow-status { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
.coverflow-dots { display:flex;align-items:center;justify-content:center; }
.coverflow-dot { display:grid;place-items:center;width:23px;height:30px;padding:0;background:none;border:0; }
.coverflow-dot::before { content:'';width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--menu-text) 25%,transparent); }
.coverflow-dot[aria-current=true]::before { background:var(--menu-accent); }
.coverflow-hint { color:var(--theme-muted);text-align:center;font-size:10px;margin:-2px 0 10px; }
.coverflow-thumbs { display:flex;position:relative;gap:6px;overflow:auto;scrollbar-width:none;padding:5px 12px 7px; }
.coverflow-thumb { background:transparent;color:var(--menu-text);padding:2px;border:0;border-radius:7px;flex:0 0 72px; }
.coverflow-thumb img { display:block;width:66px;height:51px;object-fit:cover;border-radius:6px;border:1px solid var(--theme-line); }
.coverflow-thumb span { display:block;max-width:68px;font-size:9px;font-weight:400;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.coverflow-thumb[aria-current=true] img { outline:1px solid var(--menu-accent);outline-offset:2px; }
.coverflow-toggle { display:block;margin:7px 18px 0 auto;padding:8px 0;min-height:32px;background:transparent;border:0;color:var(--menu-text);font-size:10px; }
.menu-theme-kesif3d { background:radial-gradient(ellipse at 50% 32%,color-mix(in srgb,var(--menu-card) 50%,transparent),transparent 65%),var(--menu-bg); }
.menu-theme-kesif3d .customer-topbar { background:transparent; }
.menu-theme-kesif3d .menu-wordmark span { color:inherit; }
.menu-theme-kesif3d .menu-search,.menu-theme-kesif3d .theme-utilities>*,.menu-theme-kesif3d .category-icon-grid button,.menu-theme-kesif3d .coverflow-arrow { background:linear-gradient(125deg,color-mix(in srgb,var(--menu-text) 8%,transparent),transparent),color-mix(in srgb,var(--menu-card) 65%,transparent);border-color:color-mix(in srgb,var(--menu-text) 28%,transparent);border-radius:999px; }
.menu-theme-kesif3d .theme-utilities details[open] { border-radius:15px; }
.menu-theme-kesif3d .category-icon-grid button.active { background:linear-gradient(110deg,color-mix(in srgb,var(--menu-accent) 82%,white),var(--menu-accent));color:var(--menu-on-accent);border-color:var(--menu-accent); }
.menu-theme-kesif3d .theme-menu-tabs { gap:0;border:1px solid var(--theme-line);border-radius:999px;background:color-mix(in srgb,var(--menu-card) 65%,transparent); }
.menu-theme-kesif3d .theme-menu-tabs button { min-height:29px;padding:6px 4px;border:1px solid transparent;border-radius:999px;font-size:10px; }
.menu-theme-kesif3d .theme-menu-tabs button[aria-pressed=true] { border-color:var(--menu-accent); }
.menu-theme-kesif3d .coverflow-card { background:linear-gradient(135deg,color-mix(in srgb,var(--menu-accent) 8%,transparent),transparent),var(--menu-card);box-shadow:0 20px 30px #0004,inset 0 1px 0 #ffffff10;border-color:color-mix(in srgb,var(--menu-product-text) 30%,transparent); }
.menu-theme-kesif3d .coverflow-detail { background:linear-gradient(110deg,color-mix(in srgb,var(--menu-accent) 82%,white),var(--menu-accent)); }
.menu-theme-kesif3d .product-modal-body { position:relative;border-radius:20px 20px 0 0;margin-top:-20px;background:var(--menu-bg);color:var(--menu-text); }
.menu-theme-kesif3d .product-modal-body :is(h2,strong,p,small,b) { color:var(--menu-text); }
.menu-theme-kesif3d .product-detail-title-row>strong { color:var(--menu-accent); }
.menu-theme-kesif3d .product-detail-block { display:grid;grid-template-columns:38% 1fr;gap:10px; }
.menu-theme-kesif3d [data-modal-options-block] { display:block; }
.menu-theme-kesif3d .modal-option-list>span { border:0;border-bottom:1px solid var(--theme-line);border-radius:0;padding:10px 0; }
.menu-theme-ferah3d .theme-utilities>* { background:var(--menu-card);border:0;border-radius:10px; }
.menu-theme-ferah3d .theme-utilities :is(summary,.meal-finder-card .button) { min-height:46px; }
.menu-theme-ferah3d .theme-utilities .discovery-icon { color:var(--menu-accent); }
.menu-theme-ferah3d .category-icon-grid button { border:0;background:var(--menu-card); }
.menu-theme-ferah3d .category-icon-grid button.active { background:var(--menu-accent); }
.menu-theme-ferah3d .coverflow-card { border:0;box-shadow:0 18px 26px color-mix(in srgb,var(--menu-accent) 16%,#0001); }
.menu-theme-ferah3d .coverflow-card .menu-card-content { display:flex;align-items:center;text-align:center;gap:4px; }
.menu-theme-ferah3d .coverflow-card .menu-card-content strong { font-family:'Barlow Condensed',sans-serif;font-size:27px; }
.menu-theme-ferah3d .coverflow-card .menu-card-content b { font-family:'Barlow Condensed',sans-serif;font-size:30px;order:1; }
.menu-theme-ferah3d .coverflow-card .menu-card-description { order:2;font-size:9px;line-height:1.3; }
.menu-theme-ferah3d .discovery-card-rating { order:3;font-size:10px; }
.menu-theme-ferah3d .coverflow-card { height:344px; }
.menu-theme-ferah3d .coverflow-stage { height:371px; }
.menu-theme-ferah3d .product-modal-body { position:relative;margin-top:-20px;border-radius:24px 24px 0 0; }
/* Existing column selection applies to All menu / list mode. Featured layouts follow their design. */
@media(max-width:560px) {
 .menu-design-v3.mobile-menu-columns-1 .menu-grid { grid-template-columns:1fr; }
 .menu-design-v3.mobile-menu-columns-2 .menu-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .menu-design-v3.mobile-menu-columns-3 .menu-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .menu-design-v3:is(.mobile-menu-columns-2,.mobile-menu-columns-3) .menu-grid .menu-card { display:block;padding:0;min-height:0; }
 .menu-design-v3:is(.mobile-menu-columns-2,.mobile-menu-columns-3) .menu-grid .menu-card-image-wrap { position:relative;inset:auto;margin:0;width:100%;height:auto;min-height:0;aspect-ratio:1.2;clip-path:none; }
 .menu-design-v3:is(.mobile-menu-columns-2,.mobile-menu-columns-3) .menu-grid .menu-card-content { display:flex;position:relative;flex-direction:column;align-items:flex-start;width:100%;padding:9px; }
 .menu-design-v3:is(.mobile-menu-columns-2,.mobile-menu-columns-3) .menu-grid .menu-card-content strong { position:static;font-size:17px; }
 .menu-design-v3:is(.mobile-menu-columns-2,.mobile-menu-columns-3) .menu-grid .menu-card-content b { position:static;font-size:18px; }
 .menu-design-v3:is(.mobile-menu-columns-2,.mobile-menu-columns-3) .menu-grid .is-theme-lead { grid-column:auto; }
 .menu-design-v3:is(.mobile-menu-columns-2,.mobile-menu-columns-3) .menu-grid .is-theme-lead::before { display:none; }
 .menu-design-v3:is(.mobile-menu-columns-2,.mobile-menu-columns-3) .menu-grid .theme-card-category { position:static; }
 .menu-design-v3.mobile-menu-columns-3 .menu-grid .menu-card-content { padding:7px; }
 .menu-design-v3.mobile-menu-columns-3 .menu-grid .menu-card-content strong { font-size:13px; }
 .menu-design-v3.mobile-menu-columns-3 .menu-grid .menu-card-content b { font-size:14px; }
 .menu-design-v3.mobile-menu-columns-3 .menu-grid .menu-card-description { font-size:9px; }
}
@media(max-width:370px) {
 .menu-design-v3 .menu-container { padding-inline:12px; }
 .menu-design-v3 .customer-topbar { padding-inline:14px; }
 .menu-design-v3 .utility-text b { font-size:11px; }
 .menu-theme-asil .utility-text b { font-size:12px; }
 .menu-theme-asil .theme-utilities .utility-photo { width:25px;height:35px; }
 .menu-theme-asil .theme-utilities .utility-arrow { display:none; }
 .menu-theme-salas .restaurant-hero h1 { font-size:22px; }
 .menu-theme-sade .restaurant-hero-image { width:90px; }
 .menu-theme-sade .restaurant-hero h1 { font-size:15px; }
 .menu-design-v3 .product-detail-title-row h2 { font-size:26px; }
 .menu-theme-koz .product-detail-title-row h2 { font-size:42px; }
 .menu-theme-salas .product-detail-title-row h2 { font-size:33px; }
 .menu-theme-miras .product-detail-title-row h2 { font-size:32px; }
 .menu-design-v3 .product-detail-title-row>strong { font-size:23px; }
 .menu-theme-koz .product-detail-title-row>strong { font-size:38px; }
 :is(.menu-theme-kesif3d,.menu-theme-ferah3d) .utility-text b { font-size:9px; }
 :is(.menu-theme-kesif3d,.menu-theme-ferah3d) .theme-utilities :is(summary,.meal-finder-card .button) { gap:4px;padding-inline:5px; }
 .menu-coverflow { margin-inline:-12px; }
 .menu-design-v3 .coverflow-card .menu-card-image-wrap { height:138px; }
 .menu-design-v3 .coverflow-card .menu-card-content strong { font-size:18px; }
 .menu-theme-ferah3d .coverflow-card .menu-card-content strong { font-size:23px; }
 .menu-design-v3 .coverflow-card { height:306px; }
 .menu-design-v3 .coverflow-stage { height:335px; }
 .menu-theme-ferah3d .coverflow-card { height:328px; }
 .menu-theme-ferah3d .coverflow-stage { height:357px; }
}
@media(prefers-reduced-motion:reduce) { .menu-design-v3 *,.menu-design-v3 *::before { scroll-behavior:auto!important;animation:none!important;transition:none!important; } }
/* All nine previews render the actual customer view, with safe unsaved appearance overrides. */
.customer-page.is-appearance-embedded .draft-preview-bar,.customer-page.is-appearance-embedded .rating-reminder { display:none; }
.appearance-simple-picker .appearance-simple-choice { background:#fff;color:#24302b;border:1px solid #dbe1dd;min-height:90px;box-shadow:none;border-radius:15px; }
.appearance-simple-picker .appearance-simple-choice.selected { background:#eff5ef;border:2px solid #42684d;color:#1b3826; }
.appearance-simple-picker .appearance-simple-choice>div small { color:#627369;font-size:11px;line-height:1.45; }
.appearance-simple-picker .appearance-simple-choice>div strong { font-size:18px; }
.appearance-simple-picker .appearance-simple-choice>span { font-size:24px; }
.appearance-simple-picker .appearance-simple-choice input { width:1px;height:1px;visibility:visible;opacity:0; }
.appearance-simple-picker .appearance-simple-choice:focus-within { outline:3px solid #467858;outline-offset:2px; }
.theme-swatches { display:flex;gap:5px;margin-top:8px; }
.theme-swatches i { display:block;width:16px;height:16px;border-radius:50%;border:1px solid #0002; }
.theme-color-editor { border:1px solid #dbe1dd;border-radius:16px;padding:18px;margin:24px 0; }
.theme-color-editor legend { font-weight:700;padding-inline:8px;font-size:17px; }
.theme-color-editor p,.theme-color-editor small { color:#596b61;font-size:12px;line-height:1.5; }
.theme-color-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0; }
.theme-color-grid label { font-size:12px;color:#304238; }
.theme-color-grid input { width:100%;min-height:45px;padding:4px;border-radius:9px;cursor:pointer; }
.theme-keep-colors { display:flex;flex-direction:row;align-items:center;font-size:12px;gap:9px; }
.theme-keep-colors input { width:17px;height:17px; }
.appearance-preview-stage { display:block;min-height:0; }
.appearance-real-preview { display:block;width:100%;max-width:390px;margin:auto; }
.appearance-real-preview iframe { display:block;width:100%;height:790px;border:7px solid #171b19;border-radius:30px;background:var(--appearance-bg,#fff);box-shadow:0 18px 40px #0002; }
.appearance-real-preview>small { display:block;padding:12px 7px;text-align:center;font-size:11px;line-height:1.5;color:#58615c; }
.appearance-real-preview>[data-preview-retry] { margin:auto; }
@media(max-width:950px) { .appearance-live-panel.appearance-simple-preview { position:static; } }
@media(max-width:420px) { .theme-color-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* Fine typography and food-card proportions from the approved references. */
.menu-theme-miras :is(.menu-wordmark,.restaurant-hero h1,.menu-card-content strong,.menu-card-content b,.product-detail-title-row h2,.product-detail-title-row>strong) { font-family:'DM Serif Display',Georgia,serif;font-weight:400; }
.menu-theme-miras .restaurant-hero h1 { font-size:30px; }
.menu-theme-miras .menu-card-content strong { font-size:19px; }
.menu-theme-miras .menu-card-content b { font-size:18px; }
.menu-theme-miras .menu-card.is-theme-lead .menu-card-content strong { font-size:25px; }
.menu-theme-miras .product-detail-title-row h2 { font-size:33px; }
.menu-theme-salas .menu-card-content strong::after { content:'';display:inline-block;width:12px;height:14px;margin-left:4px;vertical-align:top;background:linear-gradient(105deg,transparent 40%,var(--theme-warm) 42% 60%,transparent 62%) left top/6px 8px no-repeat,linear-gradient(140deg,transparent 40%,var(--theme-warm) 42% 60%,transparent 62%) right center/8px 8px no-repeat,linear-gradient(10deg,transparent 40%,var(--theme-warm) 42% 60%,transparent 62%) right bottom/7px 4px no-repeat; }
.salas-welcome h2::after { content:'';display:inline-block;width:16px;height:29px;vertical-align:middle;background:var(--theme-warm);transform:rotate(18deg);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cpath d='M1 0h2v8h2V0h2v8h2V0h2v9c0 3-2 5-4 5v14H5V14c-2 0-4-2-4-5Z'/%3E%3C/svg%3E") center/contain no-repeat; }
.menu-theme-ferah3d .coverflow-card { height:365px; }
.menu-theme-ferah3d .coverflow-stage { height:393px; }
.menu-theme-ferah3d .coverflow-card .menu-card-content { flex:1 0 auto; }
.menu-theme-ferah3d .coverflow-card .menu-card-content>* { flex-shrink:0; }
.menu-design-v3 .product-modal-body>p { font-size:13px; }
.menu-design-v3 .product-detail-block p { font-size:12px; }
.menu-design-v3 .product-detail-stats b { font-size:14px; }
@media(max-width:370px) {
 .menu-theme-miras .product-detail-title-row h2 { font-size:27px; }
 .menu-theme-miras .menu-card-content strong { font-size:17px; }
 .menu-theme-ferah3d .coverflow-card { height:345px; }
 .menu-theme-ferah3d .coverflow-stage { height:372px; }
}

/* Editable product surfaces also apply to the quieter list themes. */
:is(.menu-theme-sade,.menu-theme-asil,.menu-theme-salas,.menu-theme-miras) .menu-card { background:var(--menu-card); }

/* Responsive collection — common spacing, full-size desktops, and five new designs. */
.menu-design-v3 { --theme-radius:18px; min-height:100svh; }
.menu-design-v3 *, .appearance-simple-picker * { box-sizing:border-box; }
.menu-design-v3 :is(.menu-card-content,.restaurant-hero-content,.utility-text,.product-detail-title-row>div) { min-width:0; }
.menu-design-v3 :is(h1,h2,h3,strong,b,p) { overflow-wrap:anywhere; }
.menu-design-v3 .customer-topbar { height:64px; }
.menu-design-v3 .restaurant-hero-image { object-position:center; }
.menu-design-v3 .restaurant-hero-content { color:#fff; }
.menu-design-v3 .restaurant-hero h1 { text-wrap:balance; }
.menu-design-v3 .restaurant-status { font-size:11px;line-height:1.5; }
.menu-design-v3 .restaurant-hero p { font-size:12px;line-height:1.5; }
.menu-design-v3 .restaurant-meta { font-size:11px;line-height:1.5; }
.menu-design-v3 .menu-container { padding:18px 18px 40px; }
.menu-design-v3 .menu-search { min-height:46px; }
.menu-design-v3 .menu-search input { font-size:16px;min-width:0; }
.menu-design-v3 .language-switcher select { min-height:36px; }
.menu-design-v3 .theme-utilities { gap:10px;margin-bottom:20px; }
.menu-design-v3 .theme-utilities :is(summary,.meal-finder-card .button) { min-height:52px; }
.menu-design-v3 .utility-text b { font-size:13px;line-height:1.3; }
.menu-design-v3 .utility-text small { font-size:11px; }
.menu-design-v3 .category-icon-grid { gap:8px;margin:0;padding:0 0 9px;overscroll-behavior-x:contain;scroll-padding-inline:8px; }
.menu-design-v3 .category-icon-grid button { min-height:44px;padding:10px 16px; }
.menu-design-v3 .category-icon-grid strong { font-size:12px; }
.menu-design-v3 .theme-menu-tabs { margin:0;padding-bottom:0; }
.menu-design-v3 .theme-menu-tabs button { min-height:44px;font-size:12px; }
.theme-navigation { position:sticky;top:0;z-index:12;background:var(--menu-bg);padding:10px 0 0;margin:0 0 18px;box-shadow:0 8px 12px -12px #0005; }
.theme-menu-heading { display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:0 0 16px; }
.theme-menu-heading h2 { font-size:22px;font-weight:600;margin:0;letter-spacing:-.6px;color:var(--menu-text); }
.theme-menu-heading span { flex:none;color:var(--theme-muted);font-size:12px; }
.menu-design-v3 .theme-product-grid { gap:14px;align-items:stretch; }
.menu-design-v3 .menu-card { isolation:isolate;transition:border-color .2s,box-shadow .2s; }
.menu-design-v3 .menu-card-image-wrap { background:color-mix(in srgb,var(--menu-accent) 5%,var(--menu-card));overflow:hidden;aspect-ratio:4/3; }
.menu-design-v3 .menu-card-image-wrap img { transition:transform .4s ease; }
.menu-design-v3 .menu-card-content { gap:8px;padding:14px; }
.menu-design-v3 .menu-card-content strong { font-size:18px;line-height:1.25; }
.menu-design-v3 .menu-card-description { font-size:12px;line-height:1.5; }
.menu-design-v3 .menu-card-content b { font-size:20px;line-height:1.25;font-variant-numeric:tabular-nums;padding-top:0; }
.menu-design-v3 .menu-card-content b small { font-size:10px;font-weight:400;display:block;margin-top:3px; }
.menu-design-v3 .sold-out-badge { max-width:calc(100% - 12px);font-size:10px;line-height:1.2;padding:6px 8px; }
.menu-design-v3 .menu-card.is-sold-out { opacity:.75; }
.menu-design-v3 .menu-video-badge { font-size:10px; }
.menu-design-v3 .customer-price-notice { padding:22px;font-size:12px; }
.menu-design-v3 .customer-footer p { font-size:11px; }
.menu-design-v3 .empty-state { background:var(--menu-card);color:var(--menu-product-text);border:1px dashed var(--card-line);padding:36px 20px;border-radius:18px; }
.menu-design-v3 .empty-state :is(h3,p) { color:inherit; }
.theme-reset-search { display:block;border:1px solid var(--card-line);border-radius:999px;padding:12px 18px;margin:18px auto 0;background:var(--menu-accent);color:var(--menu-on-accent);font-size:13px; }
.menu-design-v3 .theme-card-category { font-size:10px;letter-spacing:.08em; }
.menu-design-v3 .product-modal { overscroll-behavior:contain;scrollbar-width:thin; }
.menu-design-v3 .product-modal-media { aspect-ratio:4/3; }
.menu-design-v3 .product-modal-media>img,.menu-design-v3 .product-modal-media>video { object-fit:contain; }
.menu-design-v3 .product-modal-body { padding:24px 22px calc(26px + env(safe-area-inset-bottom)); }
.menu-design-v3 .product-detail-title-row { flex-wrap:wrap;align-items:baseline;gap:12px; }
.menu-design-v3 .product-detail-title-row>div { flex:1 1 180px; }
.menu-design-v3 .product-detail-title-row h2 { font-size:30px;line-height:1.12; }
.menu-design-v3 .product-detail-title-row>strong { max-width:100%;white-space:normal;font-size:26px; }
.menu-design-v3 .product-modal-body>p,.menu-design-v3 .product-detail-block p { font-size:14px;line-height:1.7; }
.menu-design-v3 .product-detail-block>small { font-size:14px; }
.menu-design-v3 .product-detail-stats { flex-wrap:wrap; }
.menu-design-v3 .product-detail-stats :is(small,i) { font-size:11px; }
.menu-design-v3 .modal-option-list :is(strong,b) { font-size:13px; }
.menu-design-v3 .modal-option-list>span { gap:16px; }
.menu-design-v3 .product-rating-box small { font-size:12px;line-height:1.5; }
.menu-design-v3 .modal-close { width:44px;height:44px;z-index:5; }
.menu-design-v3 .star-rating button { min-height:48px; }
.menu-design-v3 .meal-finder-modal { width:min(620px,100%);max-height:92dvh;overflow:auto;border-radius:24px;overscroll-behavior:contain; }
.menu-design-v3 .meal-finder-choices button { min-height:52px; }
.menu-design-v3 .theme-favorite { width:40px;height:40px;font-size:28px; }
.menu-design-v3 .image-unavailable { display:grid;place-items:center;min-height:90px;background:color-mix(in srgb,var(--menu-accent) 6%,var(--menu-card));color:var(--card-muted); }
.menu-design-v3 .image-unavailable::after { content:'Fotoğraf hazırlanıyor';font-size:11px;padding:20px;text-align:center; }
.menu-design-v3 .image-unavailable>img { display:none; }
/* Refinement of the original eight themes. */
:is(.menu-theme-sade,.menu-theme-vitrin,.menu-theme-salas,.menu-theme-miras,.menu-theme-kesif3d,.menu-theme-ferah3d) .restaurant-hero-content { color:var(--menu-text); }
.menu-theme-sade .restaurant-hero { padding:12px 18px;gap:16px; }
.menu-theme-sade .restaurant-hero-image { width:92px;height:92px;border-radius:16px; }
.menu-theme-sade .restaurant-hero h1 { font-size:22px; }
.menu-theme-sade .theme-product-grid { gap:0; }
.menu-theme-sade .menu-card { gap:18px;padding:18px 0;background:var(--menu-bg); }
.menu-theme-sade .menu-card-content { padding:0; }
.menu-theme-sade .menu-card-image-wrap { width:112px;height:108px;border-radius:12px; }
.menu-theme-sade .menu-card-content strong { font-size:18px; }
.menu-theme-sade .theme-menu-heading h2 { font-size:23px; }
.menu-theme-asil .restaurant-hero { height:240px; }
.menu-theme-asil .restaurant-hero-content { color:var(--menu-text);bottom:16px; }
.menu-theme-asil .restaurant-hero h1 { font-size:39px; }
.menu-theme-asil .theme-utilities .utility-photo { display:none; }
.menu-theme-asil .theme-utilities :is(summary,.meal-finder-card .button) { gap:7px;padding:10px 8px; }
.menu-theme-asil .theme-menu-heading h2 { font-family:'Cormorant Garamond',serif;font-size:30px; }
.menu-theme-asil .menu-card { padding:14px 0;background:var(--menu-bg); }
.menu-theme-asil .menu-card-content { padding:0 4px; }
.menu-theme-asil .menu-card-content strong { font-size:26px; }
.menu-theme-asil .menu-card-content b { font-size:26px; }
.menu-theme-asil .menu-card-image-wrap { border-radius:6px; }
.menu-theme-asil .menu-card.is-theme-lead .menu-card-image-wrap { height:auto;aspect-ratio:1.6; }
.menu-theme-asil .menu-card.is-theme-lead .menu-card-content { padding:18px 4px; }
.menu-theme-vitrin .restaurant-hero { height:auto;margin:0 auto;display:flex;flex-direction:column; }
.menu-theme-vitrin .restaurant-hero-image { position:static;height:200px; }
.menu-theme-vitrin .restaurant-hero-content { position:relative;bottom:auto;left:auto;right:auto;margin-top:-24px;padding:24px 18px 8px; }
.menu-theme-vitrin .restaurant-hero h1 { font-size:27px; }
.menu-theme-vitrin .menu-card { border-radius:18px;box-shadow:0 4px 16px #00000008; }
.menu-theme-vitrin .menu-card-description { display:-webkit-box; }
.menu-theme-vitrin .menu-card-content { padding:13px; }
.menu-theme-koz .restaurant-hero { height:218px; }
.menu-theme-koz .restaurant-hero-content { bottom:22px; }
.menu-theme-koz .restaurant-hero h1 { font-family:'Barlow Condensed',sans-serif;font-size:40px;font-weight:700; }
.menu-theme-koz .restaurant-hero-overlay { background:linear-gradient(transparent,#0009 60%,var(--menu-bg)); }
.menu-theme-koz .theme-menu-heading h2 { font-family:'Barlow Condensed',sans-serif;font-size:30px;text-transform:uppercase; }
.menu-theme-koz .theme-menu-tabs { margin-top:0; }
.menu-theme-koz .theme-menu-tabs button { font-size:17px; }
.menu-theme-koz .theme-product-grid .menu-card:not(.is-theme-lead) { display:flex;flex-direction:column;min-height:0; }
.menu-theme-koz .theme-product-grid .menu-card:not(.is-theme-lead) .menu-card-image-wrap { position:relative;inset:auto;transform:none;clip-path:none;width:100%;height:auto;aspect-ratio:1.15;border-radius:0;margin:0;order:0; }
.menu-theme-koz .theme-product-grid .menu-card:not(.is-theme-lead) .menu-card-content { position:relative;min-height:0;flex:1;padding:14px;gap:6px; }
.menu-theme-koz .theme-product-grid .menu-card:not(.is-theme-lead) .menu-card-content :is(strong,b,.theme-card-category) { position:static; }
.menu-theme-koz .theme-product-grid .menu-card:not(.is-theme-lead) .menu-card-content strong { font-size:25px;line-height:1.1; }
.menu-theme-koz .theme-product-grid .menu-card:not(.is-theme-lead) .menu-card-content b { font-size:27px;margin-top:auto; }
.menu-theme-koz .theme-card-arrow { display:none; }
.menu-theme-koz .menu-card.is-theme-lead { min-height:210px; }
.menu-theme-koz .menu-card.is-theme-lead .menu-card-content { width:51%;padding:22px 14px; }
.menu-theme-koz .menu-card.is-theme-lead .menu-card-content strong { font-size:31px;line-height:1.05; }
.menu-theme-koz .menu-card.is-theme-lead .menu-card-content b { font-size:34px; }
.menu-theme-koz .menu-card.is-theme-lead .menu-card-image-wrap { z-index:-1; }
.menu-theme-salas .restaurant-hero { align-items:center; }
.menu-theme-salas .restaurant-hero-image { width:45%;height:174px;border-radius:12px 0 0 12px; }
.menu-theme-salas .restaurant-hero h1 { font-size:26px; }
.menu-theme-salas .theme-restaurant-info { gap:8px; }
.menu-theme-salas .restaurant-status,.menu-theme-salas .restaurant-meta { font-size:10px; }
.menu-theme-salas .menu-card { grid-template-columns:38% minmax(0,1fr);border-radius:16px; }
.menu-theme-salas .menu-card-image-wrap { min-height:148px;border-radius:0;height:100%;aspect-ratio:auto; }
.menu-theme-salas .menu-card-content { padding:16px 12px;gap:9px; }
.menu-theme-salas .menu-card-content strong { font-size:20px; }
.menu-theme-salas .menu-card-content strong::after { display:none; }
.menu-theme-salas .menu-card-content b { font-size:19px;margin-top:auto;padding:7px 10px; }
.menu-theme-salas .theme-menu-heading h2 { font-family:Nunito,sans-serif;font-weight:800; }
.menu-theme-miras .restaurant-hero-content { padding:20px 18px; }
.menu-theme-miras .restaurant-hero-image { height:164px; }
.menu-theme-miras .restaurant-hero h1 { font-size:34px; }
.menu-theme-miras .theme-restaurant-info { justify-content:center; }
.menu-theme-miras .theme-menu-heading h2 { font-family:'DM Serif Display',serif;font-weight:400; }
.menu-theme-miras .menu-card-content { display:flex;padding:12px 10px;gap:8px; }
.menu-theme-miras .menu-card-content b { font-size:23px; }
.menu-theme-miras .menu-card-content strong { font-size:22px; }
.menu-theme-miras .menu-card.is-theme-lead .menu-card-image-wrap { height:auto;aspect-ratio:1.65; }
.menu-theme-miras .menu-card.is-theme-lead .menu-card-content { padding:18px; }
.menu-theme-miras .menu-card.is-theme-lead::before { font-size:22px;padding:12px 18px; }
/* Real food photography is framed, never stretched into an oval. */
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .restaurant-hero { padding:14px 18px 10px;gap:14px; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .restaurant-hero-image { width:72px;height:72px; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .restaurant-hero h1 { font-size:22px; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .utility-text b { font-size:11px; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .theme-utilities :is(summary,.meal-finder-card .button) { padding:9px 7px; }
:is(.menu-theme-kesif3d,.menu-theme-ferah3d) .theme-menu-heading h2 { font-size:21px; }
.menu-design-v3 .menu-coverflow { margin-inline:-18px;padding:0 0 10px; }
.menu-design-v3 .coverflow-stage { height:432px;perspective:1100px; }
.menu-design-v3 .coverflow-card { width:66%;max-width:340px;left:17%;height:386px;top:10px;overflow:hidden;border-radius:24px; }
.menu-design-v3 .coverflow-card .menu-card-image-wrap { width:calc(100% - 20px);height:184px;margin:10px 10px 0;aspect-ratio:auto;border-radius:18px;overflow:hidden; }
.menu-design-v3 .coverflow-card .menu-card-image-wrap img { border-radius:0;box-shadow:none; }
.menu-design-v3 .coverflow-card .menu-card-content { display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;gap:7px;padding:14px 16px 4px; }
.menu-design-v3 .coverflow-card .menu-card-content strong { font-size:22px;line-height:1.12;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%; }
.menu-design-v3 .coverflow-card .menu-card-content b { font-size:26px;order:0; }
.menu-design-v3 .coverflow-card .menu-card-description { font-size:12px;line-height:1.4;order:1; }
.menu-design-v3 .coverflow-card .discovery-card-rating { position:absolute;right:16px;bottom:9px;font-size:12px;display:none; }
.menu-design-v3 .coverflow-card:not([data-offset="0"]) .menu-card-content { flex:1;gap:10px;padding-top:16px; }
.menu-design-v3 .coverflow-card[data-offset="-1"] { transform:translateX(-69%) translateZ(-115px) rotateY(35deg) scale(.94);opacity:.7; }
.menu-design-v3 .coverflow-card[data-offset="1"] { transform:translateX(69%) translateZ(-115px) rotateY(-35deg) scale(.94);opacity:.7; }
.menu-design-v3 .coverflow-detail { min-height:42px;line-height:1.2;margin:8px 14px 14px;width:calc(100% - 28px);font-size:13px;display:grid;place-items:center; }
.menu-design-v3 .coverflow-controls { padding-inline:28px; }
.menu-design-v3 .coverflow-arrow { width:46px;height:46px; }
.menu-design-v3 .coverflow-dot { width:30px;height:44px; }
.menu-design-v3 .coverflow-hint { font-size:12px;margin:2px 0 16px; }
.menu-design-v3 .coverflow-thumbs { padding:6px 18px 12px;gap:9px; }
.menu-design-v3 .coverflow-thumb { flex-basis:80px; }
.menu-design-v3 .coverflow-thumb img { width:76px;height:60px;border-radius:10px; }
.menu-design-v3 .coverflow-thumb span { font-size:11px;max-width:76px; }
.menu-design-v3 .coverflow-toggle { min-height:44px;font-size:12px;padding:10px 15px;margin:10px auto;border:1px solid var(--theme-line);border-radius:999px; }
.menu-theme-ferah3d .coverflow-card .menu-card-content { align-items:center;text-align:center; }
.menu-theme-ferah3d .coverflow-card .menu-card-content strong { font-family:'DM Sans',sans-serif;font-size:23px; }
.menu-theme-ferah3d .coverflow-card .menu-card-content b { font-family:'DM Sans',sans-serif;font-size:26px; }
/* 09 — Bistro Editoryal: large typography, ruled sections, asymmetric feature. */
.menu-theme-bistro { --editorial:'DM Serif Display',Georgia,serif; }
.menu-theme-bistro :is(.restaurant-hero h1,.theme-menu-heading h2,.menu-card-content strong,.product-detail-title-row h2) { font-family:var(--editorial);font-weight:400; }
.menu-theme-bistro .customer-topbar { border-bottom:1px solid var(--theme-line); }
.menu-theme-bistro .restaurant-hero { display:flex;flex-direction:column-reverse;height:auto;padding:24px 18px 0;gap:24px; }
.menu-theme-bistro .restaurant-hero-content { position:static;color:var(--menu-text); }
.menu-theme-bistro .restaurant-hero h1 { color:var(--menu-accent);font-size:46px;letter-spacing:-1.5px; }
.menu-theme-bistro .restaurant-hero-image { position:static;height:200px;border-radius:4px 4px 90px 4px; }
.menu-theme-bistro .restaurant-hero-overlay { display:none; }
.menu-theme-bistro .theme-utilities>* { border-radius:3px;border-color:var(--menu-accent); }
.menu-theme-bistro .theme-campaign-disclosure { background:var(--menu-accent);color:var(--menu-on-accent); }
.menu-theme-bistro .menu-search { border-radius:3px; }
.menu-theme-bistro .category-icon-grid button { border-radius:4px; }
.menu-theme-bistro .theme-menu-heading { border-top:2px solid var(--menu-accent);padding-top:18px; }
.menu-theme-bistro .theme-menu-heading h2 { font-size:32px; }
.menu-theme-bistro .menu-card { border:0;border-radius:4px; }
.menu-theme-bistro .menu-card-image-wrap { aspect-ratio:1; }
.menu-theme-bistro .menu-card-content strong { font-size:24px; }
.menu-theme-bistro .theme-card-category { display:block;color:var(--card-muted);text-transform:uppercase; }
.menu-theme-bistro .menu-card.is-theme-lead { grid-column:1/-1; }
.menu-theme-bistro .menu-card.is-theme-lead .menu-card-image-wrap { aspect-ratio:1.65; }
.menu-theme-bistro .menu-card.is-theme-lead .menu-card-content { padding:22px; }
.menu-theme-bistro .menu-card.is-theme-lead .menu-card-content strong { font-size:32px; }
.menu-theme-bistro .product-detail-title-row h2 { font-size:37px; }
/* 10 — Botanik Bahçe: arched cover, leafy outlines, soft green gallery. */
.menu-theme-botanik { background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--menu-accent) 10%,transparent),transparent 32%),var(--menu-bg); }
.menu-theme-botanik .restaurant-hero { display:flex;flex-direction:column;height:auto;padding:16px 30px 8px;gap:23px; }
.menu-theme-botanik .restaurant-hero-image { position:static;width:100%;height:206px;border-radius:140px 140px 18px 18px; }
.menu-theme-botanik .restaurant-hero-overlay { display:none; }
.menu-theme-botanik .restaurant-hero-content { position:static;text-align:center;color:var(--menu-text); }
.menu-theme-botanik .restaurant-hero h1 { font-family:'DM Serif Display',serif;font-size:37px;font-weight:400; }
.menu-theme-botanik .theme-restaurant-info { justify-content:center; }
.menu-theme-botanik .menu-search { border-radius:999px;background:var(--menu-card); }
.menu-theme-botanik .theme-utilities>* { background:var(--menu-card);border:0;border-radius:18px; }
.menu-theme-botanik .theme-campaign-disclosure { background:var(--menu-accent);color:var(--menu-on-accent); }
.menu-theme-botanik .menu-card { padding:7px;border-radius:22px;border-color:color-mix(in srgb,var(--menu-accent) 12%,transparent); }
.menu-theme-botanik .menu-card-image-wrap { border-radius:16px;aspect-ratio:1; }
.menu-theme-botanik .menu-card-content { padding:12px 7px; }
.menu-theme-botanik .theme-menu-heading h2 { font-family:'DM Serif Display',serif;font-size:28px;font-weight:400; }
.menu-theme-botanik .product-modal-body { border-radius:28px 28px 0 0;margin-top:-25px;position:relative; }
.menu-theme-botanik .product-detail-title-row h2 { font-family:'DM Serif Display',serif;font-weight:400; }
/* 11 — Gece Neon: dark plum, glowing outline, immersive photo cards. */
.menu-theme-gece { background:radial-gradient(ellipse at 10% 4%,color-mix(in srgb,var(--menu-accent) 14%,transparent),transparent 28%),var(--menu-bg); }
.menu-theme-gece .customer-topbar { background:transparent; }
.menu-theme-gece .restaurant-hero { height:280px;max-width:504px;width:calc(100% - 36px);border-radius:26px;border:1px solid color-mix(in srgb,var(--menu-accent) 45%,transparent); }
.menu-theme-gece .restaurant-hero-overlay { background:linear-gradient(transparent,#120c18db); }
.menu-theme-gece .restaurant-hero h1 { font-size:36px;font-weight:700;letter-spacing:-1px; }
.menu-theme-gece .restaurant-hero-content { bottom:24px; }
.menu-theme-gece .menu-search { background:var(--menu-card);border-radius:14px; }
.menu-theme-gece .theme-utilities>* { border-radius:14px;background:var(--menu-card); }
.menu-theme-gece .theme-campaign-disclosure { border-color:var(--menu-accent);box-shadow:inset 0 0 24px color-mix(in srgb,var(--menu-accent) 8%,transparent); }
.menu-theme-gece .theme-utilities .discovery-icon { color:var(--menu-accent); }
.menu-theme-gece .theme-product-grid { grid-template-columns:1fr; }
.menu-theme-gece .menu-card { border-radius:22px;border-color:color-mix(in srgb,var(--menu-accent) 25%,transparent); }
.menu-theme-gece .menu-card-image-wrap { aspect-ratio:1.7; }
.menu-theme-gece .menu-card-content { display:grid;grid-template-columns:minmax(0,1fr) auto;padding:20px;gap:10px; }
.menu-theme-gece .menu-card-content strong { font-size:24px; }
.menu-theme-gece .menu-card-description { grid-column:1/-1;grid-row:2; }
.menu-theme-gece .menu-card-content b { font-size:23px; }
.menu-theme-gece .theme-menu-heading h2 { font-size:25px; }
.menu-theme-gece .product-modal { border:1px solid color-mix(in srgb,var(--menu-accent) 30%,transparent); }
/* 12 — Sahil: cobalt stripes, a framed photograph and airy horizontal cards. */
.menu-theme-sahil .customer-topbar { border-bottom:6px solid transparent;border-image:repeating-linear-gradient(90deg,var(--menu-accent) 0 8px,transparent 8px 16px) 6; }
.menu-theme-sahil .restaurant-hero { display:flex;flex-direction:column-reverse;height:auto;padding:26px 18px 0;gap:24px; }
.menu-theme-sahil .restaurant-hero-overlay { display:none; }
.menu-theme-sahil .restaurant-hero-content { position:static;color:var(--menu-text);text-align:center; }
.menu-theme-sahil .restaurant-hero h1 { font-family:'DM Serif Display',serif;font-weight:400;font-size:39px;color:var(--menu-accent); }
.menu-theme-sahil .theme-restaurant-info { justify-content:center; }
.menu-theme-sahil .restaurant-hero-image { position:static;height:185px;border:7px solid var(--menu-card);outline:1px solid var(--theme-line);border-radius:100px 100px 8px 8px; }
.menu-theme-sahil .menu-search { border-radius:6px; }
.menu-theme-sahil .theme-utilities>* { border-radius:6px;background:var(--menu-card); }
.menu-theme-sahil .theme-campaign-disclosure { color:var(--menu-on-accent);background:var(--menu-accent); }
.menu-theme-sahil .category-icon-grid button { border-radius:6px; }
.menu-theme-sahil .theme-product-grid { grid-template-columns:1fr;gap:16px; }
.menu-theme-sahil .menu-card { display:grid;grid-template-columns:112px minmax(0,1fr);border:0;border-bottom:1px solid var(--theme-line);border-radius:0;padding:0 0 16px;background:transparent;gap:16px; }
.menu-theme-sahil .menu-card-image-wrap { height:112px;aspect-ratio:1;border-radius:60px 60px 8px 8px; }
.menu-theme-sahil .menu-card-content { padding:4px 0;gap:7px; }
.menu-theme-sahil .menu-card-content strong { font-family:'DM Serif Display',serif;font-size:23px;font-weight:400; }
.menu-theme-sahil .theme-menu-heading h2 { font-family:'DM Serif Display',serif;font-size:30px;font-weight:400; }
.menu-theme-sahil .product-detail-block { border-top-style:dashed; }
/* 13 — Kahve Defteri: notebook rules, espresso typography and numbered rows. */
.menu-theme-kahve .customer-topbar { border-bottom:1px solid var(--theme-line); }
.menu-theme-kahve .restaurant-hero { display:flex;flex-direction:column;height:auto;padding:22px 18px 6px;gap:22px; }
.menu-theme-kahve .restaurant-hero-image { position:static;height:160px;object-fit:cover;border-radius:4px;filter:saturate(.8); }
.menu-theme-kahve .restaurant-hero-overlay { display:none; }
.menu-theme-kahve .restaurant-hero-content { position:static;color:var(--menu-text); }
.menu-theme-kahve .restaurant-hero h1 { font-family:'Barlow Condensed',sans-serif;font-size:45px;font-weight:700;text-transform:uppercase;letter-spacing:-.6px; }
.menu-theme-kahve .menu-search { border-radius:4px;background:var(--menu-card); }
.menu-theme-kahve .theme-utilities>* { border-radius:4px;border-style:dashed; }
.menu-theme-kahve .theme-utilities .utility-text small { display:block; }
.menu-theme-kahve .category-icon-grid button { border-radius:4px; }
.menu-theme-kahve .theme-menu-heading { border-block:2px solid var(--menu-text);padding:14px 0; }
.menu-theme-kahve .theme-menu-heading h2 { font-family:'Barlow Condensed',sans-serif;font-size:29px;text-transform:uppercase; }
.menu-theme-kahve .theme-product-grid { grid-template-columns:1fr;gap:0;counter-reset:dish; }
.menu-theme-kahve .menu-card { display:flex;flex-direction:row-reverse;align-items:center;border:0;border-bottom:1px dashed var(--theme-line);border-radius:0;padding:18px 0;gap:14px;background:transparent;counter-increment:dish; }
.menu-theme-kahve .menu-card-image-wrap { width:100px;height:112px;flex:none;border-radius:4px; }
.menu-theme-kahve .menu-card-content { padding:0;flex:1; }
.menu-theme-kahve .menu-card-content::before { content:counter(dish,decimal-leading-zero);font-size:11px;color:var(--card-muted);letter-spacing:.12em; }
.menu-theme-kahve .menu-card-content strong { font-size:21px;font-family:'DM Serif Display',serif;font-weight:400; }
.menu-theme-kahve .product-detail-title-row h2 { font-family:'Barlow Condensed',sans-serif;font-size:40px;text-transform:uppercase; }
.menu-theme-kahve .product-detail-block { border-style:dashed; }
/* Layout scales by available screen space, never by enlarging a phone frame. */
@media(min-width:600px) {
 .menu-design-v3 :is(.customer-topbar,.restaurant-hero,.menu-container,.salas-welcome) { max-width:760px; }
 .menu-design-v3 .menu-container { padding:28px 28px 60px; }
 .menu-design-v3 .customer-topbar { padding-inline:28px; }
 .menu-design-v3 .restaurant-hero { border-radius:20px; }
 .menu-design-v3 .theme-product-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; }
 .menu-design-v3 .theme-utilities { grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
 .menu-design-v3 .theme-utilities>* { grid-column:auto; }
 .menu-design-v3 .theme-utilities details[open] { grid-column:1/-1; }
 .menu-design-v3 .theme-utilities .utility-text small { display:block; }
 .menu-design-v3 .theme-utilities :is(summary,.meal-finder-card .button) { min-height:70px;padding:14px; }
 .menu-design-v3 .utility-text b { font-size:15px; }
 .menu-design-v3 .coverflow-card { width:320px;max-width:none;left:calc(50% - 160px);height:422px; }
 .menu-design-v3 .coverflow-card .menu-card-image-wrap { height:210px; }
 .menu-design-v3 .coverflow-stage { height:470px; }
 .menu-design-v3 .coverflow-thumbs { max-width:680px;margin:auto; }
 .menu-design-v3 .coverflow-controls { max-width:560px;margin:auto; }
 .menu-design-v3 .theme-product-grid .menu-card-content strong { font-size:23px; }
 .menu-theme-koz .theme-product-grid .menu-card:not(.is-theme-lead) .menu-card-content strong { font-size:30px; }
 .menu-theme-koz .menu-card.is-theme-lead { min-height:270px; }
 .menu-theme-koz .menu-card.is-theme-lead .menu-card-content { padding:32px; }
 .menu-theme-koz .menu-card.is-theme-lead .menu-card-content strong { font-size:42px; }
 .menu-theme-miras .menu-card.is-theme-lead .menu-card-image-wrap { aspect-ratio:2.1; }
 .menu-theme-asil .theme-product-grid,.menu-theme-sade .theme-product-grid { grid-template-columns:1fr; }
 .menu-theme-asil .menu-card.is-theme-lead .menu-card-image-wrap { aspect-ratio:1.8; }
 .menu-theme-salas .menu-card { grid-template-columns:1fr; }
 .menu-theme-salas .menu-card-image-wrap { aspect-ratio:1.4;height:auto; }
 .menu-theme-salas .restaurant-hero-image { height:240px; }
 .menu-theme-salas .restaurant-hero h1 { font-size:42px; }
 .menu-theme-gece .restaurant-hero { max-width:704px;width:calc(100% - 56px); }
 .menu-theme-botanik .restaurant-hero { flex-direction:row;align-items:center;gap:30px; }
 .menu-theme-botanik .restaurant-hero-image { width:45%;height:260px; }
 .menu-theme-botanik .restaurant-hero-content { text-align:left; }
 .menu-theme-botanik .theme-restaurant-info { justify-content:flex-start; }
 .menu-theme-sahil .theme-product-grid,.menu-theme-kahve .theme-product-grid { grid-template-columns:1fr; }
 .menu-theme-bistro .restaurant-hero { flex-direction:row-reverse;align-items:center;gap:32px;padding-top:24px; }
 .menu-theme-bistro .restaurant-hero-image { width:46%;height:300px; }
 .menu-theme-bistro .restaurant-hero-content { flex:1; }
 .menu-theme-kahve .restaurant-hero { flex-direction:row-reverse;align-items:center;gap:30px; }
 .menu-theme-kahve .restaurant-hero-image { width:45%;height:240px; }
}
@media(min-width:1024px) {
 .menu-design-v3 :is(.customer-topbar,.restaurant-hero,.menu-container,.salas-welcome) { max-width:1200px; }
 .menu-design-v3 .customer-topbar { height:84px;padding-inline:36px; }
 .menu-design-v3 .menu-wordmark { font-size:26px; }
 .menu-design-v3 .restaurant-hero { width:calc(100% - 72px); }
 .menu-design-v3 .restaurant-hero h1 { font-size:52px; }
 .menu-design-v3 .restaurant-hero-content { left:40px;right:40px;bottom:40px; }
 .menu-design-v3 .restaurant-hero p { font-size:15px; }
 .menu-design-v3 .restaurant-status,.menu-design-v3 .restaurant-meta { font-size:13px; }
 .menu-design-v3 .menu-container { display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:34px;padding:32px 36px 72px; }
 .menu-design-v3 .menu-intro { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:24px; }
 .menu-design-v3 .menu-intro>div { display:block; }
 .menu-design-v3 .menu-intro>div .eyebrow { color:var(--theme-muted);font-size:11px; }
 .menu-design-v3 .menu-intro h2 { color:var(--menu-text);font-size:28px;margin:5px 0; }
 .menu-design-v3 .menu-search { width:360px;flex:none; }
 .menu-design-v3 .theme-utilities { grid-column:1/-1;grid-row:2;margin-bottom:36px; }
 .menu-design-v3 .theme-utilities :is(summary,.meal-finder-card .button) { min-height:80px;padding:18px 20px; }
 .menu-design-v3 .theme-utilities .utility-text b { font-size:17px; }
 .menu-design-v3 .theme-utilities .utility-text small { font-size:12px; }
 .menu-design-v3 .theme-navigation { grid-column:1;grid-row:3 / span 2;align-self:start;position:sticky;top:24px;margin:0;padding:0 22px 0 0;border-right:1px solid var(--theme-line);box-shadow:none;max-height:calc(100dvh - 48px);overflow:auto;scrollbar-width:thin; }
 .menu-design-v3 .category-icon-grid { flex-direction:column;overflow:visible;gap:7px;border:0;margin-bottom:26px; }
 .menu-design-v3 .category-icon-grid button { flex:none;justify-content:flex-start;min-height:47px;border-radius:9px;padding:12px; }
 .menu-design-v3 .category-icon-grid strong { font-size:14px; }
 .menu-design-v3 .category-icon-grid small { display:block;margin-left:auto;font-size:10px;color:inherit; }
 .menu-design-v3 .category-icon-grid button>span { width:20px;height:20px; }
 .menu-design-v3 .theme-menu-tabs { flex-direction:column;gap:6px;border:0;padding-top:18px;border-top:1px solid var(--theme-line);border-radius:0;background:none; }
 .menu-design-v3 .theme-menu-tabs button { text-align:left;flex:none;border:0;border-radius:6px;padding:12px;white-space:normal; }
 .menu-design-v3 .theme-menu-tabs button[aria-pressed=true] { background:color-mix(in srgb,var(--menu-accent) 10%,transparent);color:var(--menu-accent); }
 .menu-design-v3 .theme-menu-heading { grid-column:2;grid-row:3;margin:0 0 22px; }
 .menu-design-v3 .theme-menu-heading h2 { font-size:29px; }
 .menu-design-v3 :is([data-default-showcases],.all-menu-section) { grid-column:2;grid-row:4;min-width:0; }
 .menu-design-v3 .theme-product-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
 .menu-design-v3 .menu-card-content { padding:18px; }
 .menu-design-v3 .menu-card-content strong { font-size:22px; }
 .menu-design-v3 .menu-card-description { font-size:13px; }
 .menu-design-v3 .menu-card-content b { font-size:23px; }
 .menu-design-v3 .customer-price-notice { padding:28px; }
 .menu-design-v3 .customer-footer { padding:32px; }
 .menu-theme-sade .restaurant-hero { padding:32px;gap:30px;background:var(--menu-card);border:1px solid var(--theme-line); }
 .menu-theme-sade .restaurant-hero-image { width:176px;height:152px; }
 .menu-theme-sade .restaurant-hero h1 { font-size:36px; }
 .menu-theme-sade .theme-product-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px; }
 .menu-theme-sade .menu-card-content { padding:0; }
 .menu-theme-sade .menu-card-image-wrap { width:118px;height:118px; }
 .menu-theme-asil .restaurant-hero { height:360px; }
 .menu-theme-asil .restaurant-hero h1 { font-size:66px; }
 .menu-theme-asil .restaurant-hero-content { bottom:28px; }
 .menu-theme-asil .theme-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .menu-theme-asil .menu-card.is-theme-lead { grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;padding:0;gap:30px;align-items:center; }
 .menu-theme-asil .menu-card.is-theme-lead .menu-card-content { padding:22px 16px 22px 0; }
 .menu-theme-asil .menu-card.is-theme-lead .menu-card-content strong { font-size:38px; }
 .menu-theme-asil .menu-card.is-theme-lead .menu-card-image-wrap { aspect-ratio:1.3;height:auto; }
 .menu-theme-vitrin .restaurant-hero-image { height:330px;border-radius:20px; }
 .menu-theme-vitrin .restaurant-hero-content { left:auto;right:auto;bottom:auto;width:calc(100% - 64px);margin:-54px auto 0;padding:28px 32px;border:1px solid var(--theme-line);border-radius:18px; }
 .menu-theme-vitrin .restaurant-hero h1 { font-size:38px; }
 .menu-theme-vitrin .theme-card-shell .menu-card { height:100%; }
 .menu-theme-koz .restaurant-hero { height:330px; }
 .menu-theme-koz .restaurant-hero h1 { font-size:62px; }
 .menu-theme-koz .menu-card.is-theme-lead { grid-column:span 2;min-height:350px; }
 .menu-theme-koz .menu-card.is-theme-lead .menu-card-content { padding:32px 24px; }
 .menu-theme-koz .theme-product-grid .menu-card:not(.is-theme-lead) .menu-card-image-wrap { aspect-ratio:1.4; }
 .menu-theme-koz .theme-product-grid .menu-card:not(.is-theme-lead) .menu-card-content strong { font-size:31px; }
 .menu-theme-koz .theme-menu-tabs::before { display:none; }
 .menu-theme-salas .salas-welcome { padding:10px 36px 24px; }
 .menu-theme-salas .salas-welcome h2 { font-size:40px; }
 .menu-theme-salas .restaurant-hero { padding:0;gap:56px; }
 .menu-theme-salas .restaurant-hero-image { height:300px;width:50%; }
 .menu-theme-salas .restaurant-hero::after { right:0; }
 .menu-theme-salas .theme-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .menu-theme-salas .menu-card { display:grid;grid-template-columns:1fr; }
 .menu-theme-salas .menu-card-image-wrap { height:auto;aspect-ratio:1.65; }
 .menu-theme-salas .menu-card-content { padding:20px; }
 .menu-theme-miras .restaurant-hero-image { height:285px;border-radius:12px; }
 .menu-theme-miras .restaurant-hero-content { padding:26px 32px; }
 .menu-theme-miras .restaurant-hero h1 { font-size:53px; }
 .menu-theme-miras .theme-restaurant-info { justify-content:center;gap:20px; }
 .menu-theme-miras .menu-card.is-theme-lead { grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr; }
 .menu-theme-miras .menu-card.is-theme-lead::before { grid-column:1/-1; }
 .menu-theme-miras .menu-card.is-theme-lead .menu-card-image-wrap { aspect-ratio:1.65; }
 .menu-theme-miras .menu-card.is-theme-lead .menu-card-content { justify-content:center;padding:28px; }
 .menu-theme-miras .menu-card.is-theme-lead .menu-card-content strong { font-size:34px; }
 :is(.menu-theme-kesif3d,.menu-theme-ferah3d) .restaurant-hero { padding:28px 32px;gap:26px;border:1px solid var(--theme-line);background:color-mix(in srgb,var(--menu-card) 50%,transparent); }
 :is(.menu-theme-kesif3d,.menu-theme-ferah3d) .restaurant-hero-image { width:108px;height:108px; }
 :is(.menu-theme-kesif3d,.menu-theme-ferah3d) .restaurant-hero h1 { font-size:36px; }
 .menu-design-v3 .menu-coverflow { margin-inline:0; }
 .menu-design-v3 .coverflow-stage { height:500px; }
 .menu-design-v3 .coverflow-card { width:340px;left:calc(50% - 170px);height:447px; }
 .menu-design-v3 .coverflow-card .menu-card-image-wrap { height:230px; }
 .menu-theme-bistro .restaurant-hero { padding:28px 0;gap:64px; }
 .menu-theme-bistro .restaurant-hero-image { height:360px; }
 .menu-theme-bistro .restaurant-hero h1 { font-size:68px; }
 .menu-theme-bistro .menu-card.is-theme-lead { grid-column:span 2; }
 .menu-theme-bistro .menu-card.is-theme-lead .menu-card-image-wrap { aspect-ratio:2; }
 .menu-theme-bistro .menu-card.is-theme-lead .menu-card-content strong { font-size:34px; }
 .menu-theme-botanik .restaurant-hero { padding:24px 70px;gap:80px; }
 .menu-theme-botanik .restaurant-hero-image { height:340px;width:43%;border-radius:190px 190px 18px 18px; }
 .menu-theme-botanik .restaurant-hero h1 { font-size:57px; }
 .menu-theme-gece .restaurant-hero { width:calc(100% - 72px);max-width:1200px;height:370px; }
 .menu-theme-gece .theme-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .menu-theme-gece .menu-card-content { display:grid;padding:24px; }
 .menu-theme-gece .menu-card-content strong { font-size:27px; }
 .menu-theme-sahil .restaurant-hero { flex-direction:row-reverse;align-items:center;gap:60px;padding:24px 32px; }
 .menu-theme-sahil .restaurant-hero-image { height:290px;width:46%;border-radius:150px 150px 8px 8px; }
 .menu-theme-sahil .restaurant-hero-content { flex:1;text-align:left; }
 .menu-theme-sahil .theme-restaurant-info { justify-content:flex-start; }
 .menu-theme-sahil .theme-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .menu-theme-sahil .menu-card-content { padding:0; }
 .menu-theme-kahve .restaurant-hero { padding:32px 0;gap:64px; }
 .menu-theme-kahve .restaurant-hero-image { height:300px; }
 .menu-theme-kahve .restaurant-hero h1 { font-size:67px; }
 .menu-theme-kahve .theme-product-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px; }
 .menu-theme-kahve .menu-card-content { padding:0; }
}
/* Dialogs use two columns on large screens and a natural sheet on phones. */
@media(min-width:800px) {
 .menu-design-v3 .modal-backdrop { padding:28px; }
 .menu-design-v3 .product-modal { display:grid;grid-template-columns:1fr 1fr;max-width:1000px;max-height:calc(100dvh - 56px);border-radius:26px;overflow:auto; }
 .menu-design-v3 .product-modal-media { position:sticky;top:0;align-self:start;height:min(680px,calc(100dvh - 56px));aspect-ratio:auto;display:flex;align-items:center; }
 .menu-design-v3 .product-modal-media>img,.menu-design-v3 .product-modal-media>video { object-fit:contain;height:100%; }
 .menu-design-v3 .product-modal-body { border-radius:0;margin:0;padding:36px 30px; }
 .menu-design-v3 .product-modal-body::before { display:none; }
 .menu-design-v3 .theme-detail-top { grid-column:1/-1; }
 .menu-design-v3 .modal-close { left:16px;right:auto;position:absolute; }
 .menu-design-v3 .product-detail-title-row h2 { font-size:34px; }
 .menu-theme-koz .product-detail-title-row h2,.menu-theme-kahve .product-detail-title-row h2 { font-size:46px; }
}
@media(max-width:599px) {
 .menu-design-v3.mobile-menu-columns-1 .menu-grid { grid-template-columns:1fr; }
 .menu-design-v3.mobile-menu-columns-2 .menu-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .menu-design-v3.mobile-menu-columns-3 .menu-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
 .menu-design-v3:is(.mobile-menu-columns-2,.mobile-menu-columns-3) .menu-grid .menu-card { display:flex;flex-direction:column;padding:0;min-height:0;grid-column:auto;gap:0; }
 .menu-design-v3:is(.mobile-menu-columns-2,.mobile-menu-columns-3) .menu-grid .menu-card-image-wrap { position:relative;inset:auto;width:100%;height:auto;min-height:0;aspect-ratio:1;margin:0;clip-path:none;transform:none;border-radius:0;z-index:auto; }
 .menu-design-v3:is(.mobile-menu-columns-2,.mobile-menu-columns-3) .menu-grid .menu-card-content { display:flex;flex-direction:column;width:100%;padding:12px;gap:8px; }
 .menu-design-v3:is(.mobile-menu-columns-2,.mobile-menu-columns-3) .menu-grid .menu-card-content strong { position:static;font-size:17px;line-height:1.25; }
 .menu-design-v3:is(.mobile-menu-columns-2,.mobile-menu-columns-3) .menu-grid .menu-card-content b { position:static;font-size:19px; }
 .menu-design-v3.mobile-menu-columns-3 .menu-grid .menu-card-content { padding:8px; }
 .menu-design-v3.mobile-menu-columns-3 .menu-grid .menu-card-content strong { font-size:14px; }
 .menu-design-v3.mobile-menu-columns-3 .menu-grid .menu-card-content b { font-size:16px; }
 .menu-design-v3.mobile-menu-columns-3 .menu-grid :is(.menu-card-description,.theme-card-category,.menu-card-content b small) { display:none; }
 .menu-design-v3.mobile-menu-columns-3 .menu-grid .sold-out-badge { font-size:8px;padding:4px; }
 .menu-design-v3.mobile-menu-columns-3 .menu-grid .theme-favorite { width:32px;height:32px;font-size:23px; }
 .menu-design-v3 .product-modal { border-radius:20px 20px 0 0;max-height:96dvh; }
 .menu-design-v3 .modal-backdrop { align-items:flex-end; }
 .menu-design-v3 .meal-finder-modal { border-radius:20px 20px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom)); }
}
@media(max-width:359px) {
 .menu-design-v3 .menu-container { padding-inline:12px; }
 .menu-design-v3 .menu-coverflow { margin-inline:-12px; }
 .menu-design-v3 .theme-product-grid { gap:10px; }
 .menu-design-v3 .menu-card-content { padding:11px; }
 .menu-design-v3 .menu-card-content strong { font-size:17px; }
 .menu-design-v3 .coverflow-card { width:72%;left:14%;height:385px; }
 .menu-design-v3 .coverflow-stage { height:432px; }
 .menu-design-v3 .coverflow-card .menu-card-image-wrap { height:166px; }
 .menu-design-v3 .coverflow-card .menu-card-content { padding:14px; }
 .menu-design-v3 .coverflow-card .menu-card-content strong { font-size:21px; }
 .menu-theme-koz .menu-card.is-theme-lead .menu-card-content { padding:20px 12px; }
 .menu-theme-koz .menu-card.is-theme-lead .menu-card-content strong { font-size:27px; }
 .menu-theme-salas .restaurant-hero { align-items:flex-start;gap:12px; }
 .menu-theme-salas .restaurant-hero h1 { font-size:24px; }
 .menu-theme-sade .restaurant-hero-image { width:72px;height:84px; }
 .menu-theme-sade .menu-card-image-wrap { width:94px;height:98px; }
 .menu-theme-sahil .menu-card { grid-template-columns:94px minmax(0,1fr);gap:12px; }
 :is(.menu-theme-asil,.menu-theme-kesif3d,.menu-theme-ferah3d) .theme-utilities :is(summary,.meal-finder-card .button) { flex-direction:column;justify-content:center;text-align:center;gap:5px;padding:9px 4px; }
 :is(.menu-theme-asil,.menu-theme-kesif3d,.menu-theme-ferah3d) .utility-text { text-align:center;flex:none; }
 :is(.menu-theme-asil,.menu-theme-kesif3d,.menu-theme-ferah3d) .utility-arrow { display:none; }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .menu-design-v3 .menu-card:not(.coverflow-card):hover { border-color:var(--menu-accent);box-shadow:0 8px 25px #0000000c; }
 .menu-design-v3 .menu-card:not(.coverflow-card):hover .menu-card-image-wrap img { transform:scale(1.035); }
}
/* Appearance studio: readable cards, a real responsive viewport, and a mobile preview overlay. */
.appearance-simple-picker { padding:24px;background:#fff;border-radius:22px; }
.appearance-simple-workspace { grid-template-columns:minmax(340px,.9fr) minmax(360px,1.1fr);gap:32px;max-width:1600px;align-items:start; }
.appearance-simple-list { min-width:0; }
.appearance-simple-list>header h2 { font-size:27px;line-height:1.2; }
.appearance-simple-list>header p { color:#627067;font-size:13px;line-height:1.6; }
.theme-selection-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.appearance-simple-picker .appearance-simple-choice { display:flex;align-items:flex-start;position:relative;margin:0;padding:18px 14px 14px;min-height:160px;border:2px solid #e9ede9;gap:0;border-radius:16px;overflow:hidden; }
.appearance-simple-picker .appearance-simple-choice:hover { transform:none;border-color:#a9bbad;background:#f8faf7;box-shadow:none; }
.appearance-simple-picker .appearance-simple-choice.selected { border-color:#346747;background:#f0f6ef; }
.appearance-simple-picker .appearance-simple-choice>div { padding-top:24px;width:100%; }
.appearance-simple-picker .appearance-simple-choice>div strong { font-size:16px;line-height:1.25; }
.appearance-simple-picker .appearance-simple-choice>div small { font-size:11px;line-height:1.45;color:#5d6d62;display:block; }
.appearance-simple-picker .appearance-simple-choice .theme-choice-number { font-size:12px;color:#6f8075;position:absolute;top:14px;left:14px;letter-spacing:.08em; }
.appearance-simple-picker .appearance-simple-choice>i { position:absolute;right:12px;top:10px;width:24px;height:24px;background:#e8eee7;font-size:13px; }
.appearance-simple-picker .appearance-simple-choice.selected>i { background:#346747;color:#fff; }
.theme-swatches i { width:20px;height:10px;border-radius:3px; }
.appearance-settings-heading { margin-top:30px; }
.appearance-settings-heading h2 { font-size:22px;line-height:1.3;margin-top:6px; }
.theme-color-editor { margin-top:18px;padding:16px; }
.theme-color-editor .theme-color-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.theme-color-grid input { min-height:48px; }
.appearance-save-bar { position:sticky;bottom:12px;z-index:20;background:#fff;border:1px solid #dce5dc;border-radius:16px;padding:14px;margin-top:24px;box-shadow:0 5px 24px #142b1915; }
.appearance-save-bar>span { display:block;font-size:12px;color:#56745e; }
.appearance-save-bar>small { display:block;text-align:center;color:#657069;font-size:11px;margin-top:9px; }
.appearance-simple-save { margin-top:8px; }
.appearance-live-panel.appearance-simple-preview { position:sticky;top:100px;width:100%;max-width:none;padding:22px;background:#f3f5f2;border-radius:20px;min-width:0; }
.appearance-simple-preview-title { align-items:flex-start;gap:12px; }
.appearance-simple-preview-title>span { font-size:10px; }
.appearance-simple-preview-title>strong { color:#23472f;font-size:18px; }
.appearance-preview-description { font-size:12px;line-height:1.5;color:#67756b;margin:0 0 18px; }
.preview-toolbar { display:flex;gap:5px;padding:5px;background:#e5eae4;border-radius:12px;margin-bottom:12px; }
.preview-toolbar button { flex:1;border:0;border-radius:8px;background:transparent;color:#526357;padding:10px 6px;font-size:12px;min-height:40px; }
.preview-toolbar button[aria-pressed=true] { color:#21482d;background:#fff;box-shadow:0 2px 6px #0001; }
.preview-toolbar [data-preview-expand] { flex:0 0 42px;font-size:20px; }
.preview-dimensions { display:flex;justify-content:space-between;font-size:10px;color:#79837c;margin:0 3px 12px; }
.appearance-simple-preview .appearance-preview-stage { background:none;min-height:0;padding:0; }
.appearance-real-preview { max-width:none; }
.preview-viewport { position:relative;margin:0 auto;background:#fff;overflow:hidden;border-radius:25px;box-shadow:0 0 0 5px #242d27,0 18px 38px #1427181a;max-width:100%; }
.appearance-real-preview iframe { position:absolute;top:0;left:0;display:block;width:390px;height:844px;border:0;border-radius:0;box-shadow:none;transform-origin:top left;max-width:none;background:var(--appearance-bg); }
.appearance-simple-preview[data-device="768"] .preview-viewport { border-radius:16px; }
.appearance-simple-preview[data-device="1280"] .preview-viewport { border-radius:8px; }
.appearance-real-preview>small { margin-top:8px;font-size:11px;min-height:46px; }
.preview-mobile-open { display:none; }
.appearance-simple-fullscreen { font-size:12px;line-height:1.5; }
.appearance-live-panel.is-expanded { position:fixed;inset:16px;z-index:1100;width:auto;max-width:none;max-height:calc(100dvh - 32px);overflow:auto;padding:20px 28px; }
.appearance-live-panel.is-expanded .appearance-real-preview { max-width:1300px;margin:auto; }
body:has(.appearance-live-panel.is-expanded) { overflow:hidden; }
.appearance-live-panel.is-expanded .preview-toolbar { max-width:500px;margin:0 auto 16px; }
.appearance-live-panel.is-expanded .appearance-preview-description { display:none; }
.appearance-live-panel.is-expanded .preview-dimensions { max-width:1300px;margin:0 auto 16px; }
@media(max-width:1150px) {
 .appearance-simple-picker { padding:18px; }
 .appearance-simple-workspace { gap:22px;grid-template-columns:minmax(280px,1fr) minmax(300px,1fr); }
 .appearance-live-panel.appearance-simple-preview { padding:16px; }
 .theme-selection-grid { gap:8px; }
 .appearance-simple-picker .appearance-simple-choice { padding-inline:12px; }
}
@media(max-width:950px) {
 .appearance-simple-workspace { display:flex;flex-direction:column; }
 .appearance-simple-list { width:100%; }
 .appearance-live-panel.appearance-simple-preview { position:relative;top:auto;order:-1;max-width:100%; }
 .appearance-live-panel.appearance-simple-preview:not(.is-expanded) .appearance-preview-stage { display:none; }
 .preview-mobile-open { display:block;min-height:44px;border:1px solid #b8c9b9;color:#2e543b;border-radius:9px;width:100%;background:#fff; }
 .appearance-live-panel.is-expanded { position:fixed;inset:8px;top:8px;max-height:calc(100dvh - 16px);padding:14px;z-index:1100; }
 .appearance-live-panel.is-expanded .preview-mobile-open { display:none; }
 .appearance-save-bar { bottom:8px; }
 .appearance-simple-preview:not(.is-expanded) .preview-dimensions { display:none; }
 .appearance-simple-preview:not(.is-expanded) .preview-toolbar { display:none; }
}
@media(max-width:400px) {
 .appearance-simple-picker { padding:12px; }
 .appearance-simple-picker .appearance-simple-choice { min-height:172px;padding-inline:10px; }
 .appearance-simple-picker .appearance-simple-choice>div strong { font-size:15px; }
 .theme-color-editor { padding:12px; }
}
@media(prefers-reduced-motion:reduce) { .menu-design-v3 *,.appearance-simple-picker * { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }

/* Stable image slots keep cards still while lazy photographs load. */
.menu-design-v3 .menu-card-image-wrap { position:relative; }
.menu-design-v3 .menu-card-image-wrap>img { position:absolute;inset:0;width:100%;height:100%; }
.menu-theme-asil .menu-card-content { display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px; }
.menu-theme-asil .menu-card-content b { margin-top:auto; }
:is(.menu-theme-sade,.menu-theme-asil,.menu-theme-sahil,.menu-theme-kahve) .menu-card { background:var(--menu-card); }
.appearance-simple-picker [hidden] { display:none!important; }
.menu-design-v3 .product-detail-title-row h2 { overflow-wrap:break-word; }
@media(min-width:1024px) {
 .menu-theme-asil .menu-card:not(.is-theme-lead) { grid-template-columns:38% minmax(0,1fr); }
 .menu-theme-sade .menu-card { padding-inline:12px; }
 .menu-theme-sahil .menu-card { padding:14px;grid-template-columns:100px minmax(0,1fr); }
 .menu-theme-kahve .menu-card { padding-inline:14px; }
}

.appearance-mobile-preview { display:none; }
@media(max-width:950px) {
 .appearance-save-bar { display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px; }
 .appearance-save-bar>span { grid-column:1/-1;grid-row:1; }
 .appearance-save-bar>small { grid-column:1/-1;margin-top:0; }
 .appearance-save-bar .appearance-simple-save { margin:0;min-height:48px;font-size:12px;padding:10px; }
 .appearance-mobile-preview { display:block;grid-column:1;grid-row:2;border:1px solid #b8c9b9;border-radius:9px;background:#f4f7f2;color:#234b32;font-size:12px;min-height:48px; }
}

.menu-design-v3 .image-unavailable::after { display:block; }
.menu-theme-asil .menu-card-content b { align-self:flex-start; }
.menu-theme-salas .menu-card-content b small { color:inherit;opacity:.85;font-size:10px; }
.menu-design-v3 .coverflow-card { height:420px; }
.menu-design-v3 .coverflow-stage { height:462px; }
.menu-design-v3 .coverflow-card .menu-card-content>* { flex-shrink:0; }
.menu-design-v3 .coverflow-card .menu-card-description { -webkit-line-clamp:2; }
@media(min-width:600px) {
 .menu-design-v3 .coverflow-card { height:460px; }
 .menu-design-v3 .coverflow-stage { height:504px; }
}
@media(min-width:1024px) {
 .menu-design-v3 .coverflow-card { height:480px; }
 .menu-design-v3 .coverflow-stage { height:524px; }
}

.menu-theme-sahil .menu-card-image-wrap { width:100%; }

.theme-new-label { position:absolute;top:12px;left:43px;background:#e2eddf;color:#346747;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:600;font-style:normal; }

/* If scripts are disabled, the original product lists remain readable. */
.menu-design-v3:not(.theme-enhanced) .menu-container { display:block; }
.menu-design-v3:not(.theme-enhanced) :is(.all-menu-section,.menu-showcase-section) { margin-block:24px; }
.menu-design-v3:not(.theme-enhanced) :is(.all-menu-section,.menu-showcase-section)>.menu-section-heading { display:flex; }

/* Keep horizontal Asil photos inside their grid track on mobile Safari.
   A height:100% image slot with an intrinsic aspect ratio can become wider
   than its allocated column, painting over the adjacent product text. */
.menu-theme-asil .featured-menu-grid .menu-card:not(.is-theme-lead) {
 grid-template-columns:minmax(0,42fr) minmax(0,58fr);
}
.menu-theme-asil .featured-menu-grid .menu-card:not(.is-theme-lead) > .menu-card-image-wrap {
 width:100%;max-width:100%;min-width:0;min-height:110px;
 height:auto;aspect-ratio:auto;align-self:stretch;overflow:hidden;
}
.menu-theme-asil .featured-menu-grid .menu-card:not(.is-theme-lead) > .menu-card-content {
 min-width:0;max-width:100%;
}
.menu-theme-asil .menu-card-image-wrap > img {
 max-width:100%;max-height:100%;object-fit:cover;
}
@media(min-width:1024px) {
 .menu-theme-asil .featured-menu-grid .menu-card:not(.is-theme-lead) { grid-template-columns:minmax(0,38fr) minmax(0,62fr); }
}

/* All Asil photo slots must shrink to their allocated grid column. */
.menu-theme-asil .menu-card > .menu-card-image-wrap {
 min-width:0;width:100%;max-width:100%;
}
.menu-theme-asil .menu-card > .menu-card-content { min-width:0;max-width:100%; }
@media(min-width:1024px) {
 .menu-theme-asil .menu-card:not(.is-theme-lead) {
  grid-template-columns:minmax(0,38fr) minmax(0,62fr);
 }
 .menu-theme-asil .menu-card:not(.is-theme-lead) > .menu-card-image-wrap {
  height:auto;min-height:140px;aspect-ratio:auto;align-self:stretch;overflow:hidden;
 }
}
@media(max-width:1023px) {
 .menu-theme-asil.mobile-menu-columns-1 .menu-grid .menu-card {
  grid-template-columns:minmax(0,42fr) minmax(0,58fr);
 }
 .menu-theme-asil.mobile-menu-columns-1 .menu-grid .menu-card > .menu-card-image-wrap {
  height:auto;min-height:110px;aspect-ratio:auto;align-self:stretch;overflow:hidden;
 }
}

/* Link collection: shared public and isolated editor rendering. */
.link-content { display: contents; }
.link-page-footer { display:flex; align-items:center; justify-content:center; gap:18px; padding:24px 24px 32px; position:relative; color:var(--link-text); }
.link-page-footer a { color:inherit; font-size:13px; font-weight:600; text-decoration:none; opacity:.7; }
.link-page-footer::before,.link-page-footer::after { content:''; width:46px; height:1px; background:currentColor; opacity:.16; }
.link-theme-glass .link-page-footer,.link-theme-neon .link-page-footer { color:#fff; }
.link-public-page [hidden] { display:none!important; }
.link-public-page h1,.link-public-page p,.link-button-list strong { overflow-wrap:anywhere; }
.link-button-list strong { min-width:0; }
.link-public-page a:focus-visible { outline:3px solid var(--link-accent); outline-offset:4px; }
.link-studio-body { background:var(--link-bg); }
.link-studio { width:100%; max-width:540px; min-height:100svh; background:var(--link-bg); color:var(--link-text); font-family:'DM Sans',Arial,sans-serif; }
.link-studio .link-cover { min-height:0; height:220px; background-position:center; background-size:cover; }
.link-studio .link-cover::after { display:none; }
.link-studio .link-cover-empty { background:radial-gradient(ellipse at 12% 0%,color-mix(in srgb,var(--link-accent) 30%,transparent),transparent 65%),linear-gradient(135deg,var(--link-card),color-mix(in srgb,var(--link-accent) 16%,var(--link-bg))); }
.link-studio .link-content { display:block; min-width:0; position:relative; }
.link-studio .link-profile { margin:-43px 0 0; padding:0 24px; text-align:left; }
.link-studio .link-avatar { width:90px; height:90px; border:5px solid var(--link-bg); margin:0 0 16px; background:var(--link-accent); color:var(--link-on-accent); font-size:32px; font-weight:500; }
.link-studio .link-profile h1 { margin:0 0 10px; font-size:clamp(27px,7vw,34px); line-height:1.15; letter-spacing:-.045em; font-weight:700; }
.link-studio .link-profile p { font-size:14px; line-height:1.6; margin:0; color:color-mix(in srgb,var(--link-text) 78%,var(--link-bg)); white-space:pre-line; }
.link-studio .link-button-list { padding:24px 24px 4px; gap:10px; }
.link-studio .link-button-list a { min-height:60px; grid-template-columns:26px minmax(0,1fr) 18px; gap:13px; border-radius:14px; padding:14px 17px; color:var(--link-text); background:var(--link-card); border:1px solid color-mix(in srgb,var(--link-text) 13%,var(--link-card)); box-shadow:none; transition:transform .18s ease,box-shadow .18s ease; text-decoration:none; }
.link-studio .link-button-list i { background:none; color:inherit; height:26px; width:26px; border-radius:0; }
.link-studio .link-button-list i svg { height:25px; width:25px; stroke-width:1.7; }
.link-studio .link-button-list strong { font-size:15px; font-weight:500; line-height:1.45; }
.link-studio .link-button-list b { color:inherit; font-size:22px; font-weight:400; }
.link-studio .link-button-list a[data-link-kind="menu"] { background:var(--link-accent); color:var(--link-on-accent); border-color:transparent; }
.link-studio .link-page-footer { padding:30px 24px; }
.link-studio .link-empty { font-size:15px; line-height:1.6; }
.link-theme-imza .link-profile { text-align:center; }
.link-theme-imza .link-avatar { margin-inline:auto; background:var(--link-bg); color:var(--link-accent); border:2px solid var(--link-accent); box-shadow:0 0 0 6px var(--link-bg); font-family:'Cormorant Garamond',Georgia,serif; }
.link-theme-imza .link-profile h1 { font-family:'Cormorant Garamond',Georgia,serif; font-size:38px; font-weight:600; letter-spacing:-.025em; }
.link-theme-imza .link-profile p { margin-inline:auto; }
.link-theme-imza .link-button-list a { border-color:color-mix(in srgb,var(--link-accent) 65%,var(--link-card)); border-radius:11px; }
.link-theme-imza .link-button-list i,.link-theme-imza .link-button-list b { color:var(--link-accent); }
.link-theme-imza .link-button-list a[data-link-kind="menu"] :is(i,b) { color:inherit; }
.link-theme-imza .link-page-footer { color:var(--link-accent); }
.link-theme-rota .link-avatar { border-radius:22px; box-shadow:0 8px 22px #18213912; background:var(--link-card); color:var(--link-text); }
.link-theme-rota .link-profile h1 { font-weight:700; letter-spacing:-.05em; }
.link-theme-rota .link-button-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
.link-theme-rota .link-button-list a { grid-template-columns:24px minmax(0,1fr); gap:10px; min-height:92px; position:relative; padding:16px 13px; border:0; background:color-mix(in srgb,var(--link-accent) 12%,var(--link-card)); }
.link-theme-rota .link-button-list a b { position:absolute; top:8px; right:10px; font-size:16px; opacity:.6; }
.link-theme-rota .link-button-list strong { font-size:13px; }
.link-theme-rota .link-button-list a[data-link-kind="whatsapp"] { background:color-mix(in srgb,#87b84a 26%,var(--link-card)); }
.link-theme-rota .link-button-list a[data-link-kind="location"] { background:color-mix(in srgb,#ff9c60 30%,var(--link-card)); }
.link-theme-rota .link-button-list a[data-link-kind="instagram"] { background:color-mix(in srgb,#ab89ec 26%,var(--link-card)); }
.link-theme-rota .link-button-list a[data-link-kind="phone"] { background:color-mix(in srgb,#84bafa 28%,var(--link-card)); }
.link-theme-rota .link-button-list a[data-link-kind="reservation"] { background:color-mix(in srgb,#a88be9 29%,var(--link-card)); }
.link-theme-rota .link-button-list a[data-link-kind="menu"],.link-theme-rota .link-button-list a:last-child:nth-child(odd),.link-theme-rota .link-button-list a[data-link-kind="reservation"] { grid-column:1/-1; grid-template-columns:26px minmax(0,1fr) 18px; min-height:72px; }
.link-theme-rota .link-button-list a[data-link-kind="menu"] { background:var(--link-accent); }
.link-theme-rota .link-button-list a[data-link-kind="menu"] strong,.link-theme-rota .link-button-list a[data-link-kind="reservation"] strong { font-size:15px; }
.link-theme-rota .link-button-list a[data-link-kind="menu"] b,.link-theme-rota .link-button-list a[data-link-kind="reservation"] b,.link-theme-rota .link-button-list a:last-child:nth-child(odd) b { position:static; font-size:22px; opacity:1; }
@media (hover:hover) {
 .link-studio .link-button-list a:hover { transform:translateY(-2px); box-shadow:0 8px 20px color-mix(in srgb,var(--link-text) 10%,transparent); }
}
@media (min-width:900px) {
 .link-studio-body { padding:48px 32px; }
 .link-studio { max-width:1180px; width:100%; min-height:720px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); border:1px solid color-mix(in srgb,var(--link-text) 12%,transparent); border-radius:24px; box-shadow:0 18px 70px color-mix(in srgb,var(--link-text) 7%,transparent); }
 .link-studio .link-cover { height:100%; min-height:720px; }
 .link-studio .link-content { display:flex; flex-direction:column; justify-content:center; padding:44px 38px 12px; }
 .link-studio .link-profile { margin:0; padding:0; }
 .link-studio .link-avatar { margin-bottom:22px; }
 .link-studio .link-profile h1 { font-size:36px; }
 .link-studio .link-profile p { font-size:16px; }
 .link-studio .link-button-list { padding:28px 0 0; }
 .link-studio .link-button-list a { min-height:62px; }
 .link-theme-imza .link-profile h1 { font-size:43px; }
 .link-theme-imza .link-content { margin:24px; padding:32px 24px 6px; border:1px solid color-mix(in srgb,var(--link-accent) 30%,transparent); border-radius:18px; }
 .link-theme-rota { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
 .link-theme-rota .link-button-list a { min-height:88px; }
 .link-theme-rota .link-button-list strong { font-size:15px; }
 .link-theme-rota .link-button-list a[data-link-kind="menu"] { min-height:82px; }
}
@media (min-width:540px) and (max-width:899px) {
 .link-studio { margin-block:24px; min-height:calc(100svh - 48px); border-radius:20px; border:1px solid color-mix(in srgb,var(--link-text) 12%,transparent); }
 .link-studio .link-cover { height:260px; }
}
@media (max-width:359px) {
 .link-studio .link-profile { padding-inline:18px; }
 .link-studio .link-button-list { padding-inline:18px; }
 .link-theme-rota .link-button-list { gap:8px; }
 .link-theme-rota .link-button-list a { padding:15px 10px; gap:7px; }
}
/* Editor: independently sized viewport, not a second imitation of the page. */
.link-editor-layout { grid-template-columns:minmax(0,1fr) minmax(320px,400px); align-items:start; }
.link-editor-form,.link-form-section { min-width:0; }
.link-live-panel { position:sticky; top:100px; min-width:0; padding:18px; border:1px solid var(--line); background:#fff; border-radius:22px; }
.link-live-panel h2 { margin:4px 0 0; font-size:19px; }
.link-preview-devices { display:flex; gap:5px; background:#f1f3f5; padding:5px; border-radius:12px; margin:18px 0; }
.link-preview-devices button { flex:1; font:inherit; font-size:12px; padding:11px 7px; border:0; border-radius:8px; color:#556170; background:transparent; cursor:pointer; }
.link-preview-devices button[aria-pressed="true"] { color:#182139; background:#fff; box-shadow:0 2px 6px #17213915; }
.link-preview-stage { width:100%; overflow:hidden; background:#eceef1; border-radius:18px; }
.link-preview-frame-wrap { margin:auto; position:relative; }
.link-preview-stage iframe { display:block; border:0; width:390px; height:820px; transform-origin:top left; background:#fff; }
.link-preview-note { font-size:12px; line-height:1.6; color:#637080; margin:14px 0 0; }
.link-live-panel.is-expanded { position:fixed; inset:20px; width:auto; z-index:1000; overflow:auto; box-shadow:0 0 0 100vmax #101620bb; }
.link-live-panel.is-expanded .link-preview-stage { max-width:1280px; margin:auto; }
.link-live-panel.is-expanded .link-preview-devices { max-width:400px; margin-inline:auto; }
.link-theme-picker strong { font-size:13px; }
.link-theme-picker small { font-size:11px; }
.link-theme-picker label { min-width:0; }
.link-theme-picker label:focus-within { outline:2px solid var(--orange); outline-offset:3px; }
.theme-swatch-sade { background:linear-gradient(180deg,#e7e9de 45%,#f7f5ef 45%); border:1px solid #dedfd6; }
.theme-swatch-sade::after { background:#254832; }
.theme-swatch-imza { background:#191816; border:1px solid #d9b16f; }
.theme-swatch-imza::after { background:#d9b16f; }
.theme-swatch-rota { background:conic-gradient(#dbead1 25%,#e2d8f7 0 50%,#ffdac2 0 75%,#d9e7fb 0); }
.theme-swatch-rota::after { background:#204eda; }
.link-button-row { grid-template-columns:24px 116px minmax(0,1fr) 32px; }
.link-button-row > label { grid-column:3; }
.link-button-row > label:has([data-link-button-target]) { grid-column:2/4; }
.link-button-row .link-button-remove { grid-column:4; grid-row:1; }
.link-button-row input { width:100%; min-width:0; }
.link-editor-form .form-actions { flex-wrap:wrap; }
@media (max-width:1250px) {
 .link-editor-layout { grid-template-columns:minmax(0,1fr); }
 .link-live-panel { position:static; width:100%; max-width:760px; justify-self:center; }
}
@media (max-width:620px) {
 .link-live-panel { padding:12px; }
 .link-theme-picker { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .link-theme-picker > label { grid-template-columns:32px minmax(0,1fr); gap:7px; padding:10px 8px; }
 .link-theme-picker .theme-swatch { height:34px; }
 .link-theme-picker small { font-size:10px; }
 .link-theme-picker b { display:none; }
 .link-button-row { grid-template-columns:24px minmax(0,1fr) 32px; }
 .link-button-row > label,.link-button-row > label:has([data-link-button-target]) { grid-column:1/-1; }
 .link-button-row .link-button-remove { grid-column:3; }
 .link-public-address { flex-wrap:wrap; }
 .link-live-panel.is-expanded { inset:8px; }
 .link-form-section .form-grid-two { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { .link-studio .link-button-list a { transition:none; } }
.link-theme-picker > label { position:relative; }
.link-theme-picker input[type="radio"] { width:1px; height:1px; padding:0; margin:0; inset:0 auto auto 0; clip-path:inset(50%); }
.link-quick-preview { display:none; }
@media(max-width:1250px) { .link-quick-preview { display:inline-flex; justify-self:start; } }
@media(max-width:620px) {
 .link-icon-picker-grid { left:-34px; width:calc(100vw - 88px); min-width:0; max-width:290px; }
 .link-editor-form input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),.link-editor-form textarea { font-size:16px; }
 .link-editor-form .workspace-heading { gap:12px; }
}

.link-public-page .link-profile p { white-space:pre-line; }