.theme-burger{--bg:#1c1410;--surface:#261b15;--surface-2:#33251c;--text:#fff3e0;--text-muted:#fff3e0bd;--border:#fff3e01f;--border-strong:#fff3e042;--cta:#f2a516;--cta-hover:#f7b83d;--cta-text:#1c1410;--accent-text:#f2a516;--focus:#f2a516}.theme-autotech{--bg:#0f1720;--surface:#16212d;--surface-2:#1d2b3a;--text:#e8eef5;--text-muted:#e8eef5bd;--border:#e8eef51f;--border-strong:#e8eef542;--cta:#3b9eff;--cta-hover:#63b2ff;--cta-text:#0b121a;--accent-text:#7cc0ff;--focus:#7cc0ff}.theme-belle{--bg:#f7efe9;--surface:#fff;--surface-2:#f1e4dc;--text:#3d252c;--text-muted:#6b545b;--border:#3d252c1f;--border-strong:#3d252c47;--cta:#9c4a66;--cta-hover:#873c56;--cta-text:#fff;--accent-text:#9c4a66;--focus:#9c4a66;--shadow:0 20px 50px -28px #3d252c59}.demo-header{z-index:40;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.demo-header .container{justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex}.demo-logo{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.demo-logo svg{width:32px;height:32px;color:var(--cta)}.demo-nav{align-items:center;gap:20px;display:flex}.demo-nav ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.demo-nav ul a{color:var(--text-muted);border-radius:var(--radius-sm);padding:8px 12px;font-weight:600;text-decoration:none;display:block}.demo-nav ul a:hover{color:var(--text)}.demo-nav .btn{min-height:42px;padding:10px 18px}.demo-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:none}.demo-toggle svg{width:22px;height:22px}@media (width<=820px){.demo-toggle{display:inline-flex}.demo-nav{padding:12px var(--gutter) 20px;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:12px;display:none;position:absolute;top:100%;left:0;right:0}.demo-nav.is-open{display:flex}.demo-nav ul{flex-direction:column}.demo-nav ul a{padding:12px 8px}}.demo-hero{padding-block:clamp(56px,9vw,104px)}.demo-hero .container{max-width:calc(820px + var(--gutter) * 2);gap:22px;display:grid}.demo-hero .kicker{color:var(--accent-text);letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;font-weight:700}.demo-hero h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.05}.demo-hero p{max-width:58ch;color:var(--text-muted);font-size:1.125rem}.demo-hero .actions{flex-wrap:wrap;gap:12px;display:flex}.demo-hero .btn-secondary,.demo-section .btn-secondary{--btn-bg:transparent;--btn-border:var(--border-strong)}.demo-section{padding-block:clamp(56px,8vw,96px)}.demo-section.alt{background:var(--surface);border-block:1px solid var(--border)}.demo-section-head{gap:10px;max-width:640px;margin-bottom:36px;display:grid}.demo-section-head h2{font-size:clamp(1.7rem,4vw,2.4rem)}.demo-section-head p{color:var(--text-muted)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);align-content:start;gap:10px;padding:24px;display:grid}.demo-section.alt .card{background:var(--surface-2)}.card h3{font-size:1.15rem}.card p{color:var(--text-muted);font-size:.975rem}.card .icon{background:color-mix(in srgb, var(--cta) 16%, transparent);width:40px;height:40px;color:var(--accent-text);border-radius:10px;padding:8px}.demo-form{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);gap:16px;padding:clamp(22px,4vw,36px);display:grid}.demo-form .grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.demo-form .grid-2{grid-template-columns:1fr}}.demo-form .disclaimer{color:var(--text-muted);font-size:.9rem}.demo-form .form-status p{color:var(--text-muted);margin-top:4px}.split{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,6vw,72px);display:grid}@media (width<=860px){.split{grid-template-columns:1fr}}.check-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.check-list li{color:var(--text-muted);gap:12px;display:flex}.check-list li:before{content:"";background:var(--cta);border-radius:50%;flex:none;width:18px;height:18px;margin-top:4px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.2 14.2-4-4 1.4-1.4 2.6 2.6 5.4-5.4 1.4 1.4z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.2 14.2-4-4 1.4-1.4 2.6 2.6 5.4-5.4 1.4 1.4z'/%3E%3C/svg%3E") 50%/contain no-repeat}.check-list strong{color:var(--text)}.theme-burger .demo-hero{background:radial-gradient(ellipse 60% 70% at 85% 20%, #f2a51624, transparent 70%), var(--bg)}.menu-layout{grid-template-columns:1fr 340px;align-items:start;gap:32px;display:grid}.menu-category+.menu-category{margin-top:40px}.menu-category h3{color:var(--accent-text);margin-bottom:16px;font-size:1.3rem}.menu-items{gap:12px;margin:0;padding:0;list-style:none;display:grid}.menu-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.menu-item h4{font-size:1.05rem}.menu-item p{color:var(--text-muted);margin-top:4px;font-size:.925rem}.menu-item .btn{flex:none;min-height:44px;padding:10px 16px;font-size:.9rem}.order-panel{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);gap:16px;padding:24px;display:grid;position:sticky;top:88px}.order-panel h3{justify-content:space-between;align-items:center;font-size:1.2rem;display:flex}.order-count{background:var(--cta);min-width:28px;height:28px;color:var(--cta-text);border-radius:999px;place-items:center;padding-inline:8px;font-size:.85rem;display:grid}.order-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.order-list li{justify-content:space-between;align-items:center;gap:12px;font-size:.95rem;display:flex}.qty{align-items:center;gap:8px;display:inline-flex}.qty button{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.qty output{text-align:center;min-width:1.5ch;font-weight:700}.order-empty{color:var(--text-muted);font-size:.95rem}.order-panel .btn{width:100%}.order-panel .disclaimer{color:var(--text-muted);font-size:.85rem}.order-panel .form-status p{color:var(--text-muted);margin-top:4px}.order-jump{display:none}@media (width<=960px){.menu-layout{grid-template-columns:1fr}.order-panel{position:static}.order-jump{z-index:30;box-shadow:var(--shadow);display:inline-flex;position:fixed;bottom:16px;right:16px}}@media (width<=480px){.menu-item{flex-direction:column;align-items:stretch}}.theme-autotech .demo-hero{background:linear-gradient(120deg, #3b9eff1f, transparent 55%), var(--bg);border-bottom:1px solid var(--border)}.theme-belle{font-family:var(--font-alt)}.theme-belle .demo-hero h1,.theme-belle .demo-section-head h2{letter-spacing:-.03em;font-weight:700}.theme-belle .demo-hero{background:radial-gradient(ellipse 60% 70% at 90% 10%, #9c4a661f, transparent 70%), var(--bg)}.demo-hero.has-photo{isolation:isolate;align-items:center;min-height:clamp(520px,72vh,680px);display:grid;position:relative;overflow:hidden}.demo-hero-media{z-index:-1;position:absolute;inset:0}.demo-hero-media img{object-fit:cover;object-position:var(--photo-position,center);width:100%;height:100%}.demo-hero-media:after{content:"";background:linear-gradient(90deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 88%, transparent) 38%, color-mix(in srgb, var(--bg) 20%, transparent) 72%, transparent 100%);position:absolute;inset:0}.demo-hero.has-photo .container{max-width:calc(var(--container) + var(--gutter) * 2)}.demo-hero.has-photo .container>*{max-width:560px}.theme-autotech{--photo-position:70% center}.theme-burger{--photo-position:65% 60%}.theme-belle{--photo-position:75% center}@media (width<=760px){.demo-hero.has-photo{align-items:end;min-height:auto;padding-top:260px}.demo-hero-media{height:420px;bottom:auto}.demo-hero-media:after{background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg) 40%, transparent) 50%, var(--bg) 100%)}}.photo-credit{color:var(--text-muted);padding-block:20px;font-size:.8rem}.photo-credit a{color:inherit}