.static-preview .demo-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 1rem;padding:.8rem 1rem;border:1px solid #c59b4a;border-radius:.75rem;background:#fff6df;color:#503b14}
.static-preview .demo-banner-identity{font-weight:700}
.static-preview .demo-banner-notice{text-align:end;font-size:.88rem}
@media(max-width:520px){.static-preview .demo-banner{align-items:flex-start;flex-direction:column;gap:.25rem}.static-preview .demo-banner-notice{text-align:start}}
.static-preview .preview-nav{display:flex;gap:12px;flex-wrap:wrap;padding-top:20px}
.static-preview .preview-nav button{padding:10px 16px;min-height:44px}
.static-preview .preview-nav [aria-current="page"]{background:var(--green);color:white}
.static-preview .preview-note{margin:16px 0;padding:14px 16px;background:var(--mint);border:1px solid var(--line);border-radius:10px;font-size:12px;line-height:1.7}
.static-preview .preview-note strong{display:block}
.static-preview .preview-menu{grid-row:auto}
.static-preview .preview-cart{grid-row:2/3}
.static-preview .preview-operations{padding:28px 0}
.static-preview .preview-order-lines{list-style:none;padding:0;font-size:12px;line-height:1.9}
.static-preview .preview-order-lines li{display:flex;justify-content:space-between;gap:12px}
.static-preview .button,.static-preview select{min-height:44px;min-width:44px}
.static-preview .preview-cart .stepper{height:46px}
.static-preview .preview-cart .stepper button{width:44px;height:44px}
.static-preview .preview-subtle{font-size:11px;color:var(--muted);line-height:1.7}
.static-preview .preview-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}
.static-preview .preview-status{font-size:12px;min-height:24px}
@media(max-width:760px){.static-preview .preview-nav{gap:8px}.static-preview .preview-nav button{flex:1}.static-preview .preview-cart{position:static}}