.demo-app{background:#fff;color:#141414;min-height:100vh;font-size:15px;line-height:1.5;--display: "Barlow Condensed", "Arial Narrow", sans-serif}.demo-app *{letter-spacing:0}.demo-app h1{font:700 42px/1.1 var(--display);max-width:none}.demo-app h2{font:700 29px/1.15 var(--display)}.demo-app h3{font:700 24px/1.2 var(--display)}.demo-app button,.demo-app input,.demo-app select,.demo-app textarea{font:inherit}.demo-app button{cursor:pointer}.demo-app button:disabled{opacity:.45;cursor:not-allowed}.demo-app :is(a,button,input,select,textarea):focus-visible{outline:3px solid #d54a09;outline-offset:3px}.demo-app input,.demo-app textarea,.demo-app select{border:1px solid #b7b7b7;border-radius:5px;min-width:0;padding:10px 12px;background:#fff;color:#181818;max-width:100%}.demo-app label{color:inherit;font-size:14px;font-weight:600}.demo-app small{color:#666;font-size:12px}.demo-disclosure{background:#111;color:#fff;padding:9px 16px;text-align:center;font-size:12px}.demo-header{max-width:1240px;margin:auto;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:8px 24px;border-bottom:1px solid #ddd}.demo-brand img{width:138px;height:92px;object-fit:contain;display:block}.demo-header nav{display:flex;gap:25px;align-items:center;font-weight:600}.demo-header a{text-decoration:none}.demo-header a:hover{text-decoration:underline}.demo-main{max-width:1240px;margin:auto;padding:30px 24px 60px}.demo-title{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:22px}.demo-eyebrow{color:#ac3400;text-transform:uppercase;font-size:12px;font-weight:800;margin-bottom:6px}.demo-cart-link{display:flex;align-items:center;gap:9px;font-weight:700;text-decoration:none}.demo-notice{border-left:3px solid #e84c00;padding:12px 16px;background:#f5f5f5;margin-bottom:24px;max-width:960px}.demo-error,.demo-success{padding:12px 16px;margin-bottom:20px;border-radius:5px;background:#fff0ef;color:#a71a16}.demo-success{background:#edf7ef;color:#23582d}.demo-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}.demo-tabs{display:flex;gap:6px;border-bottom:1px solid #ccc;margin-bottom:24px}.demo-tabs button{flex:1;border:0;border-bottom:3px solid transparent;color:#555;background:#fff;padding:12px 8px;font-weight:700;text-transform:capitalize}.demo-tabs button[aria-pressed=true]{color:#ad3300;border-color:#e84c00}.demo-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.demo-addons-heading{margin:32px 0 16px}.demo-product{border:2px solid #111;border-radius:7px;overflow:hidden;background:#090909;color:#fff}.demo-product>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.demo-product-body{padding:18px;display:grid;gap:14px}.demo-product h2{font-size:26px;text-transform:uppercase}.demo-product p{color:#ccc;font-size:13px}.demo-option{display:flex;justify-content:space-between;gap:8px;align-items:center}.demo-option>span{font-family:var(--display);font-size:20px}.demo-option strong{display:block;color:#ff9762;font-size:26px}.demo-stepper{display:grid;grid-template-columns:32px 38px 32px;height:38px}.demo-stepper button{display:grid;place-items:center;border:1px solid #555;color:#fff;background:#232323}.demo-stepper input{width:38px;border:0;border-radius:0;padding:3px;text-align:center;appearance:textfield}.demo-stepper input::-webkit-inner-spin-button{appearance:none}.demo-spice-label{display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-spice-label select{padding:6px 10px;min-height:38px}.demo-unavailable{color:#ffb59b}.demo-cart{position:sticky;top:20px;border:1px solid #ccc;padding:22px;border-radius:7px;display:grid;gap:17px}.demo-cart ul{list-style:none;padding:0;margin:0}.demo-cart li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #ddd}.demo-cart li>div{display:grid;gap:5px;align-content:start}.demo-cart li>div:last-child{text-align:right;justify-items:end}.demo-cart li span{font-size:13px;color:#666}.demo-cart-quantity{display:flex;align-items:center;gap:13px}.demo-cart-quantity button{display:grid;place-items:center;height:28px;width:28px;background:#fff;border:1px solid #ccc;border-radius:3px}.demo-total{display:flex;justify-content:space-between;gap:15px;padding-top:8px}.demo-muted{font-size:13px;color:#666;line-height:1.5}.demo-primary,.demo-secondary,.demo-danger,.demo-text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 16px;border-radius:5px;font-weight:700;text-decoration:none;border:1px solid transparent}.demo-primary{background:#ba3b04;color:#fff}.demo-secondary{background:#fff;color:#171717;border-color:#aaa}.demo-danger{background:#fff;color:#a51b16;border-color:#d9aaa7}.demo-text-button{background:transparent;color:#ac3400;padding-inline:0;justify-content:flex-start}.demo-icon{min-height:38px;min-width:38px;padding:7px;display:inline-grid;place-items:center;border:1px solid #ddd;border-radius:5px;color:#333;background:#fff}.demo-form{display:grid;gap:18px}.demo-form h2{margin-top:16px}.demo-form .demo-primary,.demo-form .demo-secondary{width:fit-content}.demo-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.demo-check{display:flex;align-items:center;gap:10px}.demo-check input{width:18px;height:18px;accent-color:#ba3b04}.demo-segment{display:grid;grid-template-columns:1fr 1fr;border:0;padding:0;margin:0;gap:10px}.demo-segment label{display:flex;gap:10px;align-items:center;border:1px solid #aaa;border-radius:5px;padding:12px}.demo-segment label:has(input:checked){border-color:#ba3b04;background:#fff2eb}.demo-segment input{width:17px;height:17px;accent-color:#ba3b04}.demo-sr,.demo-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.demo-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 15px}.demo-lines{list-style:none;padding:0;margin:20px 0}.demo-lines li{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #ddd}.demo-lines strong{white-space:nowrap}.demo-details{display:grid;gap:12px;margin:22px 0}.demo-details>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px}.demo-details dt{color:#666}.demo-details dd{margin:0;overflow-wrap:anywhere}.demo-timeline{list-style:none;padding:0;margin:20px 0;display:grid;gap:18px}.demo-timeline li{display:flex;align-items:flex-start;gap:12px}.demo-timeline svg{margin-top:4px;color:#38714b;flex-shrink:0}.demo-status{display:inline-block;background:#edf4ef;color:#275239;font-size:12px;font-weight:700;text-transform:capitalize;padding:4px 8px;border-radius:4px;width:fit-content}.demo-payment-state{font-weight:700}.demo-login{max-width:380px;margin:60px auto}.demo-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:22px 0;border-block:1px solid #ddd;margin-bottom:16px}.demo-metrics div{display:grid;gap:4px}.demo-metrics span{color:#666;font-size:13px}.demo-metrics strong{font:700 34px/1.2 var(--display)}.demo-owner-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:30px;align-items:start}.demo-filter-row{display:grid;gap:10px;margin-bottom:16px}.demo-search{display:flex;align-items:center;gap:8px}.demo-search input{flex:1}.demo-order-list{display:grid;gap:10px}.demo-order-list>button{padding:16px;text-align:left;border:1px solid #ccc;border-radius:6px;background:#fff;display:grid;gap:7px}.demo-order-list>button.selected{border-color:#bc3900;box-shadow:inset 3px 0 #bc3900}.demo-order-list>button>div{display:flex;gap:12px;justify-content:space-between;align-items:start}.demo-order-list p{color:#666;font-size:13px}.demo-order-detail{border-left:1px solid #ddd;padding-left:30px;min-width:0}.demo-order-detail>.demo-form{padding:24px 0;border-block:1px solid #ddd;margin:20px 0}.demo-empty{padding:32px 0;color:#666}.demo-empty h2{margin-bottom:12px}.demo-messages{display:grid;gap:14px;margin:20px 0 30px}.demo-messages article{border:1px solid #ddd;border-radius:6px;padding:15px}.demo-messages article>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;text-transform:capitalize}.demo-messages p{margin:10px 0}.demo-messages button{font-size:12px}.demo-menu-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.demo-menu-editor>form{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;border-bottom:1px solid #ddd;padding-bottom:24px}.demo-menu-editor>form.demo-menu-item-text{grid-template-columns:minmax(0,1fr)}.demo-menu-editor img{width:90px;height:75px;object-fit:cover;border-radius:5px}.demo-menu-editor input,.demo-menu-editor textarea{font-size:14px}.demo-settings{max-width:720px}.demo-blackouts{list-style:none;padding:0;display:flex;gap:12px;flex-wrap:wrap}.demo-blackouts li{display:flex;align-items:center;gap:10px}@media(max-width:1000px){.demo-order-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.demo-product-grid{grid-template-columns:1fr}.demo-owner-layout{grid-template-columns:280px minmax(0,1fr);gap:20px}.demo-order-detail{padding-left:20px}.demo-menu-editor{grid-template-columns:1fr}}@media(max-width:700px){.demo-header{padding:8px 16px;gap:12px}.demo-brand img{width:105px;height:70px}.demo-header nav{gap:8px 14px;justify-content:flex-end;flex-wrap:wrap;font-size:12px}.demo-main{padding:24px 16px 40px}.demo-title{align-items:flex-start;flex-direction:column;gap:12px}.demo-app h1{font-size:34px}.demo-order-layout,.demo-owner-layout{grid-template-columns:minmax(0,1fr)}.demo-cart{position:static}.demo-tabs button{font-size:13px}.demo-field-grid{grid-template-columns:minmax(0,1fr)}.demo-product h2{font-size:28px}.demo-stepper{grid-template-columns:38px 42px 38px;height:42px}.demo-stepper input{width:42px}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-order-detail{border-left:0;border-top:1px solid #ddd;padding:24px 0 0}.demo-details>div{grid-template-columns:100px minmax(0,1fr)}.demo-menu-editor>form{grid-template-columns:minmax(0,1fr)}.demo-menu-editor img{width:140px;height:105px}}@media print{.demo-header,.demo-status-page button,.demo-status-page a{display:none}.demo-order-layout{display:block}.demo-cart{position:static;margin-top:25px}.demo-disclosure{color:#000;background:#fff;border-bottom:1px solid}}