/* STORAQ blue, cool surfaces and clear product actions. */
:is(.premium-home,.demo-page,.feature-page) {
  --future-bg:#f5f7fc; --future-panel:#fff; --future-ink:#10213f;
  --future-muted:#58677c; --future-line:#d6deee; --future-blue:#355dff;
  --future-glow:#477cff18; --future-raise:#eaf0ff;
  --bg:#f5f7fc; --bg-raise:#eaf0ff; --panel:#fff; --paper:#fff;
  --ink:#10213f; --muted:#58677c; --faint:#66758b; --line:#d6deee;
  --accent:#355dff; --accent-deep:#2447c9; --teal:#355dff; --focus:#355dff; --sun:#edf2ff;
  --modal-bg:var(--panel); --modal-ink:var(--ink); --modal-line:var(--line);
  --warning:var(--accent);
  background:var(--bg); color:var(--ink);
}
html[data-theme="dark"] :is(.premium-home,.demo-page,.feature-page) {
  --future-bg:#080c17; --future-panel:#0f1525; --future-ink:#eef3ff;
  --future-muted:#9aa7c1; --future-line:#29344c; --future-blue:#acc6ff;
  --future-glow:#477cff24; --future-raise:#141d32;
  --bg:#080c17; --bg-raise:#141d32; --panel:#0f1525; --paper:#0f1525;
  --ink:#eef3ff; --muted:#9aa7c1; --faint:#8d9bb5; --line:#29344c;
  --accent:#acc6ff; --accent-deep:#c3d6ff; --teal:#acc6ff; --focus:#acc6ff; --sun:#17223e;
}
.premium-home .top,.demo-page .top { border-radius:4px; box-shadow:none; background:color-mix(in srgb,var(--bg) 96%,transparent); }
.premium-home .top { width:calc(100% - 40px); top:8px; margin-top:8px; }
.premium-home .mark { letter-spacing:.025em; }
.premium-home .nav a,.premium-home .lang select { font-size:13px; }
.premium-home .theme-toggle,.premium-home .nav-download { border-radius:3px; }
.future-hero { padding-top:32px; }
.future-hero::before,.hero-grid,.orbit-halo,.experience-aura { display:none; }
.future-hero .hero-copy h1 { font-size:clamp(58px,6.2vw,88px); letter-spacing:-.065em; line-height:1.05; }
.future-hero .hero-accent,html[data-theme="light"] .future-hero .hero-accent { background:none; -webkit-text-fill-color:currentColor; color:var(--future-blue); }
.future-hero .status-dot { background:var(--future-blue); box-shadow:none; }
.future-hero .lede { font-size:17px; max-width:480px; line-height:1.75; }
.future-hero .eyebrow,.premium-home .kicker { letter-spacing:.08em; font-size:11px; }
.premium-home .btn,.premium-home .hero-actions .btn { border-radius:4px; font-size:13px; }
.premium-home .btn-primary,.premium-home .hero-actions .btn-primary { background:var(--future-ink); color:var(--future-bg); }
.premium-home .btn:hover { box-shadow:none; }
.future-hero .download-note { font-size:11px; }
.premium-home .text-link { font-size:14px; text-decoration:underline; text-underline-offset:5px; }
.orbital-ring { border-color:var(--future-line); }
#commerce-orbit { opacity:.24; }
.phone-frame { border-color:#526386; background:#172239; box-shadow:3px 3px 0 #52638633,12px 25px 45px #02081855; }
.orbit-brand { border-radius:4px; border-color:var(--future-line); background:var(--future-panel); box-shadow:0 12px 25px #02081822; }
.floating-label { background:var(--future-bg); border:0; box-shadow:none; border-radius:0; font-size:11px; padding:8px; }
.capture-caption,.experience-visual figcaption { font-size:11px; line-height:1.6; }
.hero-baseline { font-size:10px; letter-spacing:.06em; }
.premium-home .section { padding-block:85px; }
.premium-home h2 { font-weight:400; letter-spacing:-.045em; }
.premium-home .section-heading h2 { font-size:clamp(32px,4vw,52px); }
.future-intro .section-intro { font-size:17px; }
.connection-track { display:none; }
.app-experience { background:var(--future-raise); }
.experience-tabs button { font-size:15px; }
.experience-copy>p:not(.kicker) { font-size:16px; }
.experience-copy h3 { letter-spacing:-.035em; }
.future-business>.section-heading { margin-bottom:38px; }
.feature-routes { margin-top:48px; border-top:1px solid var(--line); }
.feature-route { display:grid; grid-template-columns:50px minmax(0,1fr) auto; gap:24px; align-items:center; padding:28px 0; border-bottom:1px solid var(--line); transition:padding .18s,background .18s; }
.feature-route:hover { background:var(--future-raise); padding-inline:16px; }
.feature-route-index { align-self:start; color:var(--muted); font:12px/2 monospace; }
.feature-route h3 { font-size:25px; letter-spacing:-.025em; margin-bottom:8px; font-weight:400; }
.feature-route p { color:var(--muted); font-size:14px; margin:0; max-width:800px; }
.feature-route-action { display:flex; align-items:center; gap:18px; font-size:13px; color:var(--accent); }
.feature-route-action .icon { width:18px; }
.business-types>a { font-size:13px; border-bottom:1px solid var(--line); padding:8px 2px; color:var(--muted); }
.business-types>a:hover { color:var(--accent); border-color:var(--accent); }
.capability summary { font-size:14px; }
.capability-demo { display:inline-block; margin:0 27px 20px; font-size:13px; text-decoration:underline; text-underline-offset:4px; color:var(--accent); }
.offline-card { border-radius:4px; background:var(--future-panel); }
.offline-core,.offline-chip { border-radius:4px; box-shadow:none; }
.offline-orbit>span { border-color:var(--future-line); }
.premium-home .download-band { background:var(--future-raise); }
.premium-home .platform-card { border-radius:4px; box-shadow:none; background:var(--future-panel); }
.premium-home .platform-copy>p { font-size:15px; }
.premium-home .download-wordmark { color:var(--future-ink); opacity:.07; -webkit-text-stroke:0; font-weight:600; }
.premium-home .feature-plan-note { font-size:12px; }
.premium-home .faq-list summary { font-size:18px; }
.premium-home .faq-list p { font-size:15px; }
.demo-page .demo-intro { max-width:1000px; padding:60px 0 30px; }
.demo-page .demo-intro h1 { font-size:clamp(42px,5vw,68px); max-width:950px; font-weight:400; letter-spacing:-.05em; }
.demo-page .demo-intro .lede { max-width:750px; font-size:18px; }
.demo-page .sim-panel { border-radius:4px; box-shadow:none; }
.demo-page .sim-pill,.demo-page .sim-pill.is-complete,.demo-page .sim-credit-form,.demo-page .sim-credit-qr,.demo-page .sim-chat-bubble,.demo-page .sim-chat-message.store .sim-chat-bubble { background:var(--bg-raise); border-color:var(--line); }
.demo-page .sim-pill { color:var(--accent); }
.demo-page .sim-pill.is-offline { color:var(--muted); background:var(--bg-raise); border-color:var(--line); }
.demo-page .sim-actions .btn-primary { color:var(--bg); background:var(--ink); border-color:var(--ink); }
.advanced-demo { margin:70px 0; border-block:1px solid var(--line); }
.advanced-demo>summary { display:flex; align-items:center; justify-content:space-between; padding:28px 0; font-size:22px; list-style:none; cursor:pointer; }
.advanced-demo>summary::-webkit-details-marker { display:none; }
.advanced-demo[open]>summary>span:last-child { transform:rotate(45deg); }
.advanced-content { padding-bottom:30px; }
.workbench-section { margin:20px 0 0; scroll-margin-top:110px; }
.workbench-intro { display:flex; justify-content:space-between; gap:28px; align-items:end; margin-bottom:28px; }
.workbench-intro h2 { font-size:36px; line-height:1.2; }
.workbench-intro .kicker { margin-bottom:12px; }
.workbench-note { max-width:280px; color:var(--muted); font-size:12px; margin:0; }
.workbench { border:1px solid var(--line); background:var(--panel); color:var(--ink); overflow:clip; border-radius:5px; font-size:14px; }
.workbench :is(button,input,select,textarea) { font:inherit; }
.workbench :is(input,select,textarea) { min-width:0; border:1px solid var(--line); border-radius:3px; background:var(--panel); color:var(--ink); padding:10px 12px; }
.workbench input:disabled { opacity:.55; cursor:not-allowed; }
.workbench button { cursor:pointer; }
.workbench button:disabled { opacity:.45; cursor:not-allowed; }
.workbench button:not(:disabled):active { transform:translateY(1px); }
.workbench h3,.workbench h4 { font-weight:600; line-height:1.35; letter-spacing:-.02em; }
.wb-topbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 26px; border-bottom:1px solid var(--line); }
.wb-store-mark { display:flex; align-items:center; gap:12px; }
.wb-store-mark strong { display:block; font-size:16px; }
.wb-store-mark small { display:block; color:var(--muted); font-size:11px; margin-top:3px; }
.wb-top-controls { display:flex; align-items:center; gap:10px; }
.wb-top-controls select { font-size:12px; }
.wb-top-controls .wb-button { font-size:11px; }
.wb-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--line); padding:10px 13px; border-radius:3px; color:var(--ink); background:var(--panel); min-height:40px; font-weight:600; font-size:12px; line-height:1.4; }
.wb-button:hover:not(:disabled) { border-color:var(--ink); background:var(--bg-raise); }
.wb-button.primary { background:var(--ink); color:var(--bg); border-color:var(--ink); }
.wb-button.primary:hover:not(:disabled) { background:var(--accent); color:var(--bg); border-color:var(--accent); }
.wb-button.subtle { background:transparent; border-color:transparent; color:var(--muted); text-decoration:underline; text-underline-offset:3px; }
.wb-button.connection::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--accent); }
.wb-button.connection[aria-pressed="true"]::before { background:var(--muted); }
.wb-layout { display:grid; grid-template-columns:190px minmax(0,1fr); min-height:560px; }
.wb-nav { border-inline-end:1px solid var(--line); padding:16px 0; background:color-mix(in srgb,var(--bg) 65%,var(--panel)); }
.wb-nav>button { display:flex; align-items:center; gap:10px; width:100%; min-height:52px; text-align:start; border:0; border-inline-start:3px solid transparent; padding:12px 15px; color:var(--muted); background:transparent; font-size:12px; }
.wb-nav>button:hover { background:var(--bg-raise); color:var(--ink); }
.wb-nav>button[aria-current="page"] { color:var(--ink); border-inline-start-color:var(--accent); background:var(--bg-raise); font-weight:600; }
.wb-nav-number { color:var(--muted); font:10px monospace; }
.wb-count { margin-inline-start:auto; background:var(--ink); color:var(--bg); padding:1px 6px; border-radius:10px; font-size:10px; }
.wb-main { min-width:0; padding:24px; }
.wb-view-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:15px; }
.wb-view-heading>h3 { font-size:24px; }
.wb-view-heading>span { font-size:11px; color:var(--muted); }
.wb-hint { color:var(--muted); font-size:12px; line-height:1.75; margin-bottom:20px; }
.wb-counter { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:24px; }
.wb-counter>div { min-width:0; }
.wb-search { display:grid; gap:7px; font-size:11px; color:var(--muted); margin-bottom:18px; }
.wb-search input { width:100%; }
.wb-products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.wb-product { min-width:0; border-bottom:1px solid var(--line); padding-bottom:14px; }
.wb-product-photo { display:block; width:100%; padding:0; border:0; background:var(--bg-raise); overflow:hidden; border-radius:3px; }
.wb-product-photo img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; transition:transform .25s; }
.wb-product-photo:hover img { transform:scale(1.04); }
.wb-product-photo img[src$="storaq-mark.webp"] { object-fit:contain; padding:25px; }
.wb-product-copy { padding:12px 0; display:grid; grid-template-columns:1fr auto; gap:5px 8px; }
.wb-product h4 { font-size:14px; }
.wb-product-copy>span { font-size:13px; }
.wb-product-copy small { color:var(--muted); grid-column:1/-1; font-size:11px; }
.wb-product>.wb-button { width:100%; font-size:11px; }
.wb-product:not([data-in-cart="0"])>.wb-button { border-color:var(--accent); color:var(--accent); background:var(--bg-raise); }
.wb-mobile-basket { display:none; }
.wb-basket { scroll-margin-top:100px; }
.wb-view { animation:wb-enter .16s ease-out; }
@keyframes wb-enter { from { opacity:.65; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
.wb-basket { border-inline-start:1px solid var(--line); padding-inline-start:22px; }
.wb-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:18px; }
.wb-panel-heading h3 { font-size:18px; }
.wb-basket-line,.wb-receipt-line { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-block:13px; border-bottom:1px solid var(--line); }
.wb-basket-line strong { font-size:12px; display:block; }
.wb-basket-line small { display:block; color:var(--muted); font-size:11px; margin-top:3px; }
.wb-quantity { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.wb-quantity .wb-button { width:30px; min-height:32px; padding:3px; font-size:18px; }
.wb-quantity span { min-width:15px; font-size:12px; text-align:center; font-variant-numeric:tabular-nums; }
.wb-empty { padding-block:32px; text-align:start; }
.wb-empty>span { font-size:32px; color:var(--accent); }
.wb-empty h4 { font-size:16px; margin-block:10px; }
.wb-empty p { color:var(--muted); font-size:12px; }
.wb-field { display:grid; gap:7px; font-size:12px; color:var(--muted); }
.wb-discount { margin:22px 0 0; grid-template-columns:1fr 70px; align-items:center; }
.wb-discount input { padding:7px 9px; }
.wb-total { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 0; }
.wb-total>span { font-size:13px; }
.wb-total>strong { font-size:25px; font-weight:400; font-variant-numeric:tabular-nums; }
.wb-basket>.primary { width:100%; }
.wb-basket>.wb-hint { font-size:11px; margin-top:15px; }
.wb-footer { display:flex; justify-content:space-between; align-items:start; gap:20px; padding:17px 25px; border-top:1px solid var(--line); background:var(--bg-raise); }
.wb-feedback { color:var(--ink); font-size:12px; margin:0; min-height:20px; }
.wb-footer>span { color:var(--muted); font-size:10px; max-width:220px; text-align:end; }
.workbench-more { display:flex; justify-content:flex-end; gap:15px; margin-top:20px; }
.wb-boundary { color:var(--muted); font-size:11px; margin:14px 0 0; }
.wb-product-detail { display:grid; grid-template-columns:120px 1fr; gap:18px; margin-top:20px; padding:18px; background:var(--bg-raise); }
.wb-product-detail img { width:100%; height:130px; object-fit:cover; }
.wb-product-detail h3 { font-size:18px; }
.wb-product-detail p { font-size:12px; margin:8px 0; }
.wb-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.wb-order-composer { display:flex; align-items:center; flex-wrap:wrap; gap:20px; padding:20px; border:1px solid var(--line); margin-bottom:25px; }
.wb-order-composer>div { margin-inline-end:auto; }
.wb-order-composer p { margin:6px 0 0; font-size:13px; color:var(--muted); }
.wb-orders { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.wb-order { border-top:2px solid var(--accent); padding:20px 0; min-width:0; }
.wb-order>p { font-size:13px; color:var(--muted); }
.wb-status { font-size:11px; background:var(--bg-raise); padding:5px 8px; }
.wb-order-track { display:flex; flex-wrap:wrap; gap:8px 12px; margin:20px 0; }
.wb-order-track span { color:var(--muted); font-size:10px; border-bottom:2px solid var(--line); padding:5px 0; }
.wb-order-track .current { color:var(--accent); border-color:var(--accent); }
.wb-table-wrap { overflow-x:auto; }
.wb-table { width:100%; border-collapse:collapse; font-size:13px; text-align:start; }
.wb-table :is(th,td) { border-bottom:1px solid var(--line); padding:17px 12px; text-align:start; }
.wb-table thead th { font-size:11px; color:var(--muted); font-weight:400; }
.wb-table tbody th { font-weight:600; }
.wb-table th small { display:block; font-size:10px; margin-top:4px; font-weight:400; color:var(--muted); }
.wb-table th small.wb-low { color:var(--accent); }
.wb-inventory-tools { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:30px; }
.wb-form { display:grid; gap:15px; }
.wb-form h3,.wb-import h3 { font-size:18px; margin-bottom:8px; }
.wb-form label,.wb-booking-form>label { display:grid; gap:6px; font-size:12px; color:var(--muted); }
.wb-form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.wb-import { border-inline-start:1px solid var(--line); padding-inline-start:25px; }
.wb-import>p { color:var(--muted); font-size:12px; line-height:1.8; }
.wb-import-preview { display:grid; gap:12px; margin-top:18px; padding:18px; background:var(--bg-raise); }
.wb-import-preview>span,.wb-import-preview>p { font-size:11px; margin:0; }
.wb-import-preview>strong { font-size:13px; }
.wb-metrics { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--line); margin:24px 0; }
.wb-metrics>div { padding:20px 10px; }
.wb-metrics dt { font-size:12px; color:var(--muted); }
.wb-metrics dd { font-size:32px; margin:8px 0 0; line-height:1.2; }
.wb-report { margin-block:25px; }
.wb-report h3 { font-size:18px; margin-bottom:18px; }
.wb-report>div { display:grid; grid-template-columns:150px 1fr 30px; gap:15px; align-items:center; margin-bottom:10px; font-size:12px; }
.wb-report meter { width:100%; height:14px; accent-color:var(--accent); }
.wb-report meter::-webkit-meter-optimum-value { background:var(--accent); }
.wb-report meter::-webkit-meter-bar { background:var(--bg-raise); border:0; }
.wb-report meter::-moz-meter-bar { background:var(--accent); }
.wb-pin { max-width:220px; margin-block:20px; }
.wb-receipts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; }
.wb-receipt { border:1px solid var(--line); padding:20px; background:var(--bg); min-width:0; }
.wb-receipt-line { font-size:12px; }
.wb-team-controls { display:flex; flex-wrap:wrap; align-items:end; gap:25px; margin-bottom:25px; }
.wb-check { display:flex; align-items:center; gap:10px; padding-bottom:10px; font-size:13px; }
.wb-check input { accent-color:var(--accent); }
.wb-table-wrap+.wb-actions { margin-top:25px; }
.wb-chat { max-width:720px; margin:auto; }
.wb-chat-log { min-height:180px; max-height:420px; overflow:auto; display:flex; flex-direction:column; gap:15px; padding:20px 0; border-block:1px solid var(--line); margin-bottom:20px; }
.wb-message { align-self:start; max-width:85%; background:var(--bg-raise); padding:12px 16px; border-radius:0 10px 10px 10px; overflow-wrap:anywhere; }
.wb-message.from-store { align-self:end; background:var(--ink); color:var(--bg); border-radius:10px 0 10px 10px; }
.wb-message small { display:block; font-size:10px; margin-bottom:6px; opacity:.7; }
.wb-message p { font-size:14px; margin:0; }
.wb-message img { display:block; width:150px; height:100px; object-fit:cover; margin-bottom:8px; }
.wb-message strong { font-size:12px; }
.wb-message-form { display:flex; gap:10px; flex-wrap:wrap; }
.wb-message-form textarea { flex:1 1 240px; resize:vertical; }
.wb-segments { display:flex; gap:10px; margin-bottom:22px; }
.wb-segments [aria-pressed="true"] { background:var(--ink); color:var(--bg); }
.wb-booking-form { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.wb-booking-form fieldset { border:0; padding:0; margin:0; grid-column:1/-1; }
.wb-booking-form legend { font-size:12px; color:var(--muted); margin-bottom:12px; }
.wb-slot { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; margin-inline-end:10px; margin-bottom:10px; border:1px solid var(--line); font-size:13px; cursor:pointer; }
.wb-slot:has(input:checked) { border-color:var(--accent); color:var(--accent); }
.wb-slot.taken { opacity:.4; text-decoration:line-through; cursor:not-allowed; }
.wb-slot input { accent-color:var(--accent); }
.wb-appointments { margin-top:25px; }
.wb-appointments>div { display:flex; align-items:center; justify-content:space-between; padding:18px 0; border-top:1px solid var(--line); gap:20px; }
.wb-appointments strong { display:block; font-size:14px; }
.wb-appointments small { display:block; margin-top:5px; color:var(--muted); font-size:12px; }
.wb-stations { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.wb-stations>section { border:1px solid var(--line); padding:25px; }
.wb-clock { display:block; font:400 42px/1.3 monospace; font-variant-numeric:tabular-nums; margin:25px 0; direction:ltr; text-align:start; }
.workbench [dir="ltr"] { unicode-bidi:isolate; }
@media(max-width:1150px) {
  .wb-layout { grid-template-columns:155px minmax(0,1fr); }
  .wb-nav>button { font-size:11px; padding-inline:10px; }
  .wb-counter { grid-template-columns:minmax(0,1fr) 220px; gap:18px; }
  .wb-main { padding:20px; }
  .wb-basket { padding-inline-start:16px; }
  .wb-orders,.wb-receipts { grid-template-columns:1fr; }
}
@media(max-width:950px) {
  .wb-layout { grid-template-columns:1fr; }
  .wb-nav { display:flex; flex-wrap:wrap; padding:0 10px; border-inline-end:0; border-bottom:1px solid var(--line); gap:0 12px; }
  .wb-nav>button { width:auto; border-inline-start:0; border-bottom:2px solid transparent; padding:12px 5px; min-height:45px; }
  .wb-nav>button[aria-current="page"] { border-inline-start:0; border-bottom-color:var(--accent); background:transparent; }
  .wb-nav-number { display:none; }
  .wb-topbar { flex-wrap:wrap; padding:20px; }
  .wb-top-controls { margin-inline-start:auto; }
  .wb-counter { grid-template-columns:1fr 240px; }
  .wb-product-copy { grid-template-columns:1fr; }
  .wb-stations { gap:15px; }
  .wb-stations>section { padding:18px; }
}
@media(max-width:700px) {
  .premium-home .top { width:calc(100% - 20px); }
  .premium-home .section { padding-block:60px; }
  .future-hero .hero-copy h1 { font-size:clamp(48px,11.6vw,76px); }
  html[dir="rtl"] .future-hero .hero-copy h1 { font-size:clamp(38px,9.2vw,63px); }
  .future-hero .lede { font-size:15px; }
  .future-hero .eyebrow,.premium-home .kicker { font-size:10px; }
  .future-hero .hero-actions .btn { min-height:48px; font-size:13px; }
  .future-hero .download-note { font-size:10px; }
  .capture-caption,.experience-visual figcaption { font-size:10px; }
  .hero-baseline { font-size:8px; letter-spacing:0; }
  .feature-route { grid-template-columns:25px minmax(0,1fr); gap:14px; padding-block:24px; }
  .feature-route h3 { font-size:23px; }
  .feature-route p { font-size:14px; }
  .feature-route-action { grid-column:2; font-size:13px; }
  .business-types { gap:12px; }
  .workbench-intro { display:block; }
  .workbench-intro h2 { font-size:31px; }
  .workbench-note { margin-top:15px; max-width:none; }
  .wb-topbar { padding:16px; gap:16px; }
  .wb-top-controls { margin:0; width:100%; gap:8px; flex-wrap:wrap; }
  .wb-top-controls select { padding:8px; }
  .wb-top-controls .wb-button { padding:8px; }
  .wb-top-controls .subtle { margin-inline-start:auto; }
  .wb-store-mark small { font-size:10px; }
  .wb-nav { gap:0 10px; padding-inline:12px; }
  .wb-nav>button { font-size:11px; }
  .wb-main { padding:16px; }
  .wb-view-heading { align-items:start; gap:15px; }
  .wb-view-heading>h3 { font-size:21px; }
  .wb-view-heading>span { font-size:10px; text-align:end; max-width:110px; }
  .wb-counter { grid-template-columns:1fr; gap:28px; }
  .wb-mobile-basket { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:12px; position:sticky; top:80px; z-index:8; padding:10px 12px; background:var(--ink); color:var(--bg); font-size:12px; }
  .wb-mobile-basket .wb-button { background:transparent; color:inherit; border-color:currentColor; padding:6px 8px; min-height:32px; font-size:11px; }
  .wb-products { gap:12px; }
  .wb-product h4 { font-size:13px; }
  .wb-product-copy small { font-size:10px; }
  .wb-basket { border-inline-start:0; border-top:1px solid var(--line); padding-inline-start:0; padding-top:22px; }
  .wb-empty { padding:10px 0; }
  .wb-empty>span { display:none; }
  .wb-footer { padding:16px; display:block; }
  .wb-footer>span { display:block; text-align:start; max-width:none; margin-top:8px; }
  .wb-product-detail { grid-template-columns:1fr; }
  .wb-product-detail img { height:160px; }
  .wb-order-composer { padding:16px; gap:15px; }
  .wb-order-composer .primary { width:100%; }
  .wb-order-track { gap:8px; }
  .wb-inventory-tools { grid-template-columns:1fr; gap:28px; }
  .wb-import { padding-inline-start:0; border-inline-start:0; padding-top:25px; border-top:1px solid var(--line); }
  .wb-table :is(th,td) { padding:13px 6px; font-size:11px; }
  .wb-metrics { gap:5px; }
  .wb-metrics>div { padding:17px 0; }
  .wb-metrics dt { font-size:10px; }
  .wb-metrics dd { font-size:22px; }
  .wb-report>div { grid-template-columns:90px 1fr 20px; gap:10px; font-size:11px; }
  .wb-receipt { padding:16px; }
  .wb-chat .wb-panel-heading { align-items:start; }
  .wb-chat .wb-panel-heading>strong { font-size:12px; }
  .wb-message-form textarea { width:100%; flex-basis:100%; }
  .wb-booking-form { grid-template-columns:1fr; }
  .wb-slot { padding:8px; font-size:12px; margin-inline-end:7px; }
  .wb-stations { grid-template-columns:1fr; }
  .demo-page .demo-intro { padding-top:35px; }
  .demo-page .demo-intro h1 { font-size:42px; }
  .demo-page .demo-intro .lede { font-size:16px; }
  .advanced-demo>summary { font-size:18px; gap:20px; }
}
@media(prefers-reduced-motion:reduce) { .feature-route,.wb-product-photo img { transition:none; } .wb-view { animation:none; } }