/* Static markup bridge for the original Slick Salad Builder visual system. */
.order-app {
  --ssb-accent: #6fbd16;
  --ssb-bg: #f6f8f5;
  --ssb-card: #fff;
  --ssb-text: #17231d;
  --ssb-muted: #6e7b74;
  --ssb-border: #e3e9e5;
  --ssb-soft: color-mix(in srgb,var(--ssb-accent) 10%,white);
  color: var(--ssb-text);
  background: radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--ssb-accent) 12%,transparent),transparent 32%),linear-gradient(180deg,#fbfcfb 0%,var(--ssb-bg) 100%);
  font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.order-head {align-items:flex-end;padding:30px 36px;background:transparent}
.order-head h1 {font:800 clamp(30px,4vw,48px)/1.02 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.045em;color:var(--ssb-text)}
.order-head .eyebrow {color:var(--ssb-accent);font-weight:800}
.steps {padding:7px;border:1px solid var(--ssb-border);background:rgba(255,255,255,.82);border-radius:999px;box-shadow:0 14px 35px rgba(20,45,31,.06)}
.steps button {display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:750}
.steps b {margin:0;background:#fff}
.steps button.active {background:var(--ssb-text);color:#fff}
.steps button.active b {background:var(--ssb-accent);border-color:var(--ssb-accent)}
.order-step {padding:28px 36px 36px}
.builder-grid {grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:26px}
.builder-grid>div,.preview-card {background:rgba(255,255,255,.92);border:1px solid rgba(223,231,225,.95);box-shadow:0 24px 70px rgba(30,59,42,.08)}
.builder-grid>div {padding:28px;border-radius:26px;min-width:0}
.product-tabs {grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;margin-bottom:18px;border:1px solid var(--ssb-border);border-radius:20px;background:#f7f9f7}
.product-tab {display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"icon title" "icon description";column-gap:10px;align-items:center;padding:11px;border-color:transparent;background:transparent;border-radius:15px;color:var(--ssb-text)}
.product-tab>span {grid-area:icon;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff;font-size:22px}
.product-tab>strong {grid-area:title;margin:0;font-size:14px}
.product-tab>small {grid-area:description;margin:0;font-size:10px}
.product-tab.active {border-color:var(--ssb-accent);background:#fff;color:var(--ssb-text);box-shadow:0 10px 25px rgba(27,58,39,.08)}
.product-tab.active>span {background:var(--ssb-soft)}
.product-tab.active small {color:var(--ssb-muted)}
.chef-section {margin:0 0 16px;border:1px solid var(--ssb-border);border-radius:18px;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--ssb-accent) 5%,#fff));overflow:hidden}
.section-toggle {background:transparent;color:var(--ssb-text)}
.category-section {margin-top:16px;padding:18px;border:1px solid var(--ssb-border);border-radius:21px;background:rgba(255,255,255,.78)}
.category-head {margin-bottom:14px}
.category-head h3 {font-size:21px;color:var(--ssb-text)}
.category-head span {padding:7px 10px;border-radius:999px;background:var(--ssb-soft);color:var(--ssb-accent);font-size:11px;font-weight:800}
.ingredient-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ingredient {display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-areas:"thumb name" "thumb description" "thumb price";gap:2px 12px;align-items:center;padding:13px;border-color:var(--ssb-border);border-radius:18px;transition:.22s ease}
.ingredient:hover {transform:translateY(-2px);border-color:color-mix(in srgb,var(--ssb-accent) 45%,var(--ssb-border));box-shadow:0 13px 30px rgba(24,54,37,.08)}
.ingredient img {grid-area:thumb;width:58px;height:58px;aspect-ratio:1;object-fit:contain;padding:4px;border-radius:15px;background:#f5f7f5}
.ingredient strong {grid-area:name;margin:0;padding-right:13px;font-size:14px}
.ingredient small {grid-area:description;margin:0;white-space:nowrap}
.ingredient .price {grid-area:price;margin:0;color:var(--ssb-accent)}
.ingredient.selected {background:var(--ssb-soft);border-color:var(--ssb-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ssb-accent) 12%,transparent)}
.preview-card {top:24px;padding:20px;border-radius:26px}
.food-preview {aspect-ratio:1/.94;border-radius:22px;background:radial-gradient(ellipse at 35% 18%,rgba(255,255,255,.92) 0 8%,transparent 28%),repeating-linear-gradient(118deg,rgba(77,91,80,.025) 0 1px,transparent 1px 8px),linear-gradient(145deg,#e8ece8,#f8faf8 54%,#dde4de)}
.mini-list span {border-color:color-mix(in srgb,var(--ssb-accent) 18%,var(--ssb-border));background:var(--ssb-soft)}
.button.primary {background:var(--ssb-accent);box-shadow:0 12px 28px color-mix(in srgb,var(--ssb-accent) 24%,transparent)}
@media(max-width:1120px){.builder-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.builder-grid{grid-template-columns:1fr}.builder-grid>div{padding:18px}.preview-card{position:relative;top:auto}.order-head{display:block}.steps{margin-top:18px;overflow:auto}.product-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.order-head,.order-step{padding:18px}.product-tabs{grid-template-columns:1fr}.ingredient-grid{grid-template-columns:1fr}.ingredient{grid-template-columns:52px minmax(0,1fr)}.ingredient img{width:52px;height:52px}}
.tlp-signup-message.is-success{margin:12px 0;color:#187248}
.tlp-static-session{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr)}
.tlp-static-session[hidden]{display:none!important}
.tlp-static-session iframe{display:block;width:100%;height:100%;border:0;background:#f8fbf8}
#kiosk-message:not(:empty){display:block!important;margin-top:10px;color:#9b2c21;text-align:center}
.tllm-static-map{position:relative;overflow:hidden;background-color:#eaf2ee;background-image:linear-gradient(rgba(31,169,104,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(31,169,104,.08) 1px,transparent 1px),radial-gradient(circle at 35% 35%,rgba(255,255,255,.95),transparent 38%);background-size:42px 42px,42px 42px,100% 100%}
.tllm-static-map:before,.tllm-static-map:after{content:"";position:absolute;inset:auto -15% 27% -12%;height:19%;border:18px solid rgba(255,255,255,.72);border-left:0;border-right:0;border-radius:48%;transform:rotate(-8deg)}
.tllm-static-map:after{inset:10% 30% -10% auto;width:17%;height:auto;transform:rotate(18deg)}
.tllm-static-marker{position:absolute;z-index:4;display:block;transform:translate(-50%,-75%)}
.tllm-static-marker:hover{z-index:6;filter:brightness(1.05)}
.tllm-static-map-empty{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:#71827a;font-weight:750}
.tlpay-method:has(input:checked){border-color:var(--ssb-accent,#6fbd16);background:#f3fff8;box-shadow:0 0 0 3px rgba(31,169,104,.1)}