:root {
  color-scheme: only light;
  --bwc-ink: #031224;
  --bwc-blue: #1267f3;
  --bwc-sky: #8bc5ff;
  --bwc-paper: #f2f5f8;
  --line: #d7dfe8;
  --text: #142033;
  --muted: #617084;
  --display: Arial, "Helvetica Neue", sans-serif;
  --body: "Helvetica Neue", Arial, sans-serif;
  --mono: "Courier New", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--text); background: #f7fafc; font-family: var(--body); -webkit-font-smoothing: antialiased; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; }
img { display: block; max-width: 100%; }
.demo-skip { position: fixed; z-index: 9999; top: 8px; left: 8px; padding: 10px 14px; color: #fff; background: var(--bwc-blue); transform: translateY(-150%); }
.demo-skip:focus { transform: none; }
.demo-loading, .demo-error { display: grid; min-height: 100vh; place-content: center; justify-items: center; gap: 18px; text-align: center; }
.demo-loading img { width: 64px; height: 64px; object-fit: contain; }
.demo-loading p, .demo-error span { color: var(--muted); }
.demo-noscript { padding: 30px; text-align: center; }
.return-to-top { position:fixed;z-index:180;right:clamp(16px,3vw,38px);bottom:clamp(16px,3vw,34px);display:inline-flex;align-items:center;gap:11px;min-height:48px;padding:10px 13px 10px 17px;color:#fff;background:var(--bwc-blue);border:1px solid rgba(255,255,255,.35);box-shadow:0 14px 32px rgba(3,18,36,.28);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity 180ms ease,transform 180ms ease,background 180ms ease; }
.return-to-top b { display:grid;width:27px;height:27px;place-items:center;color:var(--bwc-ink);background:var(--bwc-sky);font-family:var(--body);font-size:18px;line-height:1; }
.return-to-top.is-visible { opacity:1;pointer-events:auto;transform:none; }
.return-to-top:hover { background:var(--bwc-ink); }
.return-to-top:focus-visible { outline:3px solid var(--bwc-sky);outline-offset:4px; }

.bwc-demo-bar { position: relative; z-index: 100; display: flex; min-height: 66px; align-items: center; justify-content: space-between; padding: 10px clamp(20px, 4vw, 64px); color: #fff; background: var(--bwc-ink); border-bottom: 1px solid rgba(139,197,255,.2); }
.bwc-demo-brand { display: flex; gap: 12px; align-items: center; text-decoration: none; }
.bwc-demo-brand img { width: 34px; height: 34px; object-fit: contain; }
.bwc-demo-brand span { display: flex; flex-direction: column; line-height: 1.1; }
.bwc-demo-brand b { font-size: 14px; letter-spacing: .02em; }
.bwc-demo-brand small { margin-top: 4px; color: var(--bwc-sky); font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.bwc-demo-bar nav { display: flex; gap: 26px; align-items: center; }
.bwc-demo-bar nav a { font-size: 12px; font-weight: 700; text-decoration: none; }
.bwc-demo-contact { padding: 10px 14px; color: var(--bwc-ink)!important; background: var(--bwc-sky); }

.simulator-bar { position: relative; z-index: 90; display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 30px; padding: 8px clamp(20px, 4vw, 64px); color: #153653; background: #eaf4ff; border-bottom: 1px solid #c8dff3; box-shadow: 0 10px 25px rgba(32,87,133,.1); }
.simulator-bar > div { display: grid; grid-template-columns: auto auto; gap: 2px 8px; align-items: center; }
.simulator-dot { width: 8px; height: 8px; border-radius: 50%; background: #44d69d; box-shadow: 0 0 0 5px rgba(68,214,157,.12); }
.simulator-bar b { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.simulator-bar small { grid-column: 2; color: #58748c; font-size: 9px; }
.simulator-bar nav { display: flex; gap: 8px; align-items: center; }
.simulator-bar nav a, .simulator-bar nav button { padding: 9px 12px; border: 1px solid transparent; color: #365a77; background: transparent; font-size: 10px; font-weight: 800; text-decoration: none; text-transform: uppercase; letter-spacing: .04em; }
.simulator-bar nav a:hover, .simulator-bar nav a.active { border-color: #91bfe7; color: #0b3153; background: #fff; }
.simulator-bar nav button { margin-left: 8px; border-color: #b8d0e4; }

.demo-hub { overflow: hidden; color: #102b45; background: #f4f9fd; }
.hub-hero { min-height: 640px; padding: clamp(100px, 12vw, 170px) clamp(24px, 10vw, 150px) 90px; background: radial-gradient(circle at 77% 28%, rgba(69,155,232,.23), transparent 34%), linear-gradient(135deg,#f9fcff,#e8f4ff); }
.demo-kicker { margin: 0 0 22px; color: var(--bwc-sky); font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.hub-hero h1 { max-width: 980px; margin: 0; font-family: var(--display); font-size: clamp(52px, 7vw, 108px); letter-spacing: -.065em; line-height: .91; }
.hub-hero h1 em { color: var(--bwc-sky); font-family: Georgia,serif; font-weight: 400; }
.hub-hero > p:not(.demo-kicker) { max-width: 680px; margin: 36px 0 0; color: #516d85; font-size: clamp(17px, 1.5vw, 22px); line-height: 1.6; }
.hub-proof { display: flex; gap: 36px; margin-top: 60px; padding-top: 24px; border-top: 1px solid #bdd9ed; color: #254d6d; font-family: var(--mono); font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
.hub-projects { display: grid; gap: 1px; background: rgba(139,197,255,.2); }
.hub-project { position: relative; display: grid; min-height: 690px; grid-template-columns: minmax(0,1.2fr) minmax(340px,.8fr); gap: clamp(40px, 6vw, 100px); align-items: center; padding: clamp(65px, 8vw, 120px) clamp(24px, 8vw, 130px); background: #eaf5ff; }
.hub-project.ember { background: #fff1dc; }
.hub-project-number { position: absolute; top: 38px; right: 5vw; color: rgba(27,91,145,.12); font-family: var(--display); font-size: 120px; font-weight: 800; letter-spacing: -.08em; }
.hub-project-copy { position: relative; z-index: 2; max-width: 520px; }
.hub-project-copy > p { margin: 0 0 14px; color: var(--bwc-sky); font-family: var(--mono); font-size: 10px; letter-spacing: .11em; text-transform: uppercase; }
.hub-project.ember .hub-project-copy > p { color: #d5a85e; }
.hub-project-copy h2 { margin: 0 0 22px; font-size: clamp(42px,5vw,75px); letter-spacing: -.055em; line-height: .94; }
.hub-project-copy > span { display: block; color: #506c83; font-size: 17px; line-height: 1.65; }
.hub-project.ember .hub-project-copy > span { color: #6f675c; }
.hub-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 34px; }
.hub-actions a { display: flex; min-height: 54px; align-items: center; justify-content: space-between; padding: 14px 16px; color: #fff; background: var(--bwc-blue); font-size: 12px; font-weight: 800; text-decoration: none; }
.hub-project.ember .hub-actions a { color: #152018; background: #d5a85e; }
.hub-actions a.quiet { grid-column: 1/-1; color: #b7cad9; background: transparent; border: 1px solid rgba(255,255,255,.2); }

.demo-browser { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(139,197,255,.3); background: #e9eef3; box-shadow: 0 30px 70px rgba(0,0,0,.36); transform: perspective(1200px) rotateY(2deg); }
.demo-browser.ember { border-color: rgba(213,168,94,.35); }
.demo-browser-top { display: flex; height: 34px; align-items: center; gap: 6px; padding: 0 12px; color: #627184; background: #f6f8fa; font-family: var(--mono); font-size: 8px; }
.demo-browser-top i { width: 7px; height: 7px; border-radius: 50%; background: #bbc5cf; }
.demo-browser-top span { margin-left: 8px; }
.demo-browser-body { position: relative; min-height: 360px; overflow: hidden; color: #fff; background: linear-gradient(90deg,rgba(10,35,58,.88),rgba(10,35,58,.18)),url("/assets/demo/northline-hero.png") center/cover; }
.demo-browser.ember .demo-browser-body { background: linear-gradient(90deg,rgba(51,65,43,.82),rgba(51,65,43,.12)),url("/assets/demo/ember-hero.png") center/cover; }
.preview-nav { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; border-bottom: 1px solid rgba(255,255,255,.18); font-size: 9px; }
.preview-nav span { opacity: .7; }
.preview-copy { position: absolute; right: 24px; bottom: 28px; left: 24px; display: flex; max-width: 65%; flex-direction: column; gap: 10px; }
.preview-copy small { color: var(--bwc-sky); font-family: var(--mono); font-size: 7px; letter-spacing: .1em; }
.demo-browser.ember .preview-copy small { color: #e7bd78; }
.preview-copy strong { font-size: clamp(25px,3vw,42px); letter-spacing: -.04em; line-height: .95; }
.preview-copy span { font-size: 9px; line-height: 1.45; opacity: .75; }
.demo-foundation { padding: 110px clamp(24px,8vw,130px); color: #0b1c30; background: #edf2f6; }
.demo-foundation h2 { max-width: 830px; margin: 0; font-size: clamp(40px,5vw,72px); letter-spacing: -.055em; line-height: .98; }
.demo-foundation > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 58px; background: #cdd9e3; }
.demo-foundation article { padding: 34px; background: #fff; }
.demo-foundation article b { font-size: 18px; }
.demo-foundation article p { color: #596a7d; line-height: 1.65; }

.business-site, .storefront { --accent:#2c79c3; --brand-dark:#173a59; --brand-paper:#fbf8f2; --brand-muted:#586e80; }
.business-site.ember, .storefront.ember { --accent:#c4603b; --brand-dark:#3a4b35; --brand-paper:#fff7e9; --brand-muted:#6d665b; }
.business-header, .shop-header { display: grid; min-height: 84px; grid-template-columns: 1fr auto 1fr; gap: 30px; align-items: center; padding: 14px clamp(22px,5vw,72px); color: var(--brand-dark); background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(15,32,50,.12); }
.business-logo { display: flex; gap: 12px; align-items: center; justify-self: start; text-decoration: none; }
.business-logo span { display: grid; width: 38px; height: 38px; place-items: center; color: #fff; background: var(--brand-dark); font-family: Georgia,serif; font-size: 12px; }
.business-logo b { font-family: Georgia,serif; font-size: 19px; letter-spacing: -.02em; }
.business-header nav, .shop-header nav { display: flex; gap: 30px; font-size: 12px; font-weight: 700; }
.business-header nav a, .shop-header nav a { text-decoration: none; }
.business-cta { justify-self: end; padding: 13px 16px; color: #fff; background: var(--brand-dark); font-size: 11px; font-weight: 800; text-decoration: none; }
.business-hero { min-height: min(780px,calc(100vh - 208px)); display: grid; align-items: center; padding: 90px clamp(24px,8vw,120px); color: #fff; background: linear-gradient(90deg,rgba(18,52,80,.78),rgba(18,52,80,.08)),url("/assets/demo/northline-hero.png") center/cover; }
.business-site.ember .business-hero { background: linear-gradient(90deg,rgba(58,75,53,.06),rgba(58,75,53,.78)),url("/assets/demo/ember-hero.png") center/cover; }
.business-site.ember .business-hero > div { justify-self: end; }
.business-hero > div { max-width: 670px; }
.business-hero p, .business-intro > p, .business-feature > div:last-child > p, .catalog-heading p, .storefront-hero p { color: #9fc9ff; font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ember .business-hero p, .ember .business-intro > p, .ember .business-feature > div:last-child > p, .ember .catalog-heading p, .ember .storefront-hero p { color: #d8aa6d; }
.business-hero h1 { margin: 18px 0 24px; font-family: Georgia,serif; font-size: clamp(54px,7vw,104px); font-weight: 400; letter-spacing: -.055em; line-height: .92; }
.business-hero span { display: block; max-width: 590px; color: #d4dde6; font-size: 18px; line-height: 1.6; }
.business-hero a, .business-feature a { display: inline-flex; gap: 38px; margin-top: 34px; padding: 15px 18px; color: var(--brand-dark); background: #fff; font-size: 12px; font-weight: 800; text-decoration: none; }
.business-intro { padding: 110px clamp(24px,8vw,120px); color: var(--brand-dark); background: var(--brand-paper); }
.business-intro > h2 { max-width: 890px; margin: 16px 0 60px; font-family: Georgia,serif; font-size: clamp(42px,5vw,74px); font-weight: 400; letter-spacing: -.05em; line-height: 1; }
.business-intro > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(15,32,50,.16); }
.business-intro article { padding: 34px; background: #fff; }
.business-intro article > span { color: var(--accent); font-family: var(--mono); font-size: 10px; }
.business-intro h3 { margin: 34px 0 12px; font-size: 20px; }
.business-intro article p { color: var(--brand-muted); line-height: 1.65; }
.business-feature { display: grid; grid-template-columns: 1fr 1fr; min-height: 650px; background: #fff; }
.business-feature > div:last-child { display: flex; flex-direction: column; justify-content: center; padding: clamp(55px,7vw,100px); }
.business-feature h2 { margin: 15px 0 24px; font-family: Georgia,serif; font-size: clamp(40px,5vw,70px); font-weight: 400; letter-spacing: -.05em; line-height: 1; }
.business-feature > div:last-child > span { color: var(--brand-muted); font-size: 17px; line-height: 1.7; }
.business-feature a { color: #fff; background: var(--brand-dark); align-self: flex-start; }
.product-sprite { background-size:200% 200%;background-position:0 0;background-repeat:no-repeat;background-color:#f1f5f7;transition:background-position 220ms ease,background-size 220ms ease; }
.sprite-tee { background-image:url("/assets/demo/northline-tee-variants.png"); }
.sprite-hoodie { background-image:url("/assets/demo/northline-hoodie-variants.png"); }
.sprite-tote { background-image:url("/assets/demo/northline-tote-variants.png"); }
.sprite-cap { background-image:url("/assets/demo/northline-cap-variants.png"); }
.sprite-latte { background-image:url("/assets/demo/ember-latte-variants.png"); }
.sprite-coldbrew { background-image:url("/assets/demo/ember-coldbrew-variants.png"); }
.sprite-croissant { background-image:url("/assets/demo/ember-croissant-variants.png"); }
.sprite-sandwich { background-image:url("/assets/demo/ember-sandwich-variants.png"); }
.variant-0 { background-position:0 0; }
.variant-1 { background-position:100% 0; }
.variant-2 { background-position:0 100%; }
.variant-3 { background-position:100% 100%; }
.product-sprite.size-large { background-size:220% 220%; }
.feature-product { width:100%;aspect-ratio:1;align-self:center; }
.business-footer { display: grid; min-height: 190px; grid-template-columns: 1fr 1fr 1fr; gap: 30px; align-items: end; padding: 50px clamp(24px,5vw,72px); color: #fff; background: var(--brand-dark,#0b1424); }
.business-footer > div { display: flex; gap: 12px; align-items: center; }
.business-footer > div span { display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.4);font-family:Georgia,serif;font-size:11px; }
.business-footer > div b { font-family: Georgia,serif; }
.business-footer p { justify-self: center; color: #aebdca; font-size: 12px; }
.business-footer nav { display: flex; gap: 22px; justify-self: end; font-size: 11px; }
.business-footer a { text-decoration: none; }

.storefront { color: var(--brand-dark); background:linear-gradient(180deg,#fff 0%,#f2f8fc 100%); }
.storefront.ember { background:linear-gradient(180deg,#fffdf7 0%,#fff4df 100%); }
.shop-header { position: sticky; z-index: 30; top: 0; }
.cart-button { display: flex; gap: 10px; align-items: center; justify-self: end; padding: 10px 14px; border: 0; color: #fff; background: var(--brand-dark); font-size: 11px; font-weight: 800; }
.cart-button b { display:grid;width:21px;height:21px;place-items:center;border-radius:50%;color:var(--brand-dark);background:#fff;font-size:10px; }
.storefront-hero { display:grid;min-height:0;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);background:linear-gradient(145deg,#fff,#edf7ff); }
.storefront.ember .storefront-hero { background:linear-gradient(145deg,#fffdf8,#ffedcf); }
.storefront-hero > div:first-child { display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(48px,5vw,84px) clamp(32px,4vw,68px); }
.storefront-hero h1 { max-width:100%;margin:18px 0 24px;font-family:Georgia,serif;font-size:clamp(38px,4.2vw,68px);font-weight:400;letter-spacing:-.045em;line-height:.98; }
.storefront-hero > div:first-child > span { color:var(--brand-muted);font-size:17px;line-height:1.65; }
.storefront-hero a { align-self:flex-start;margin-top:32px;padding-bottom:8px;border-bottom:1px solid;font-size:12px;font-weight:800;text-decoration:none; }
.storefront-hero-image { position:relative;display:grid;min-width:0;min-height:clamp(480px,40vw,680px);place-items:center;overflow:hidden;background:#101923;isolation:isolate; }
.storefront-hero-image::before { position:absolute;z-index:-1;inset:-24px;content:"";background:url("/assets/demo/northline-hero.png") center/cover;filter:blur(18px);opacity:.58; }
.storefront.ember .storefront-hero-image { background:#3d3228; }
.storefront.ember .storefront-hero-image::before { background-image:url("/assets/demo/ember-hero.png"); }
.storefront-hero-image img { width:100%;height:auto;max-height:100%;align-self:center;object-fit:contain;object-position:center; }
.store-benefits { display:grid;grid-template-columns:repeat(3,1fr);padding:18px clamp(24px,5vw,72px);color:#fff;background:linear-gradient(90deg,#2368a5,#3d8bd0);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-align:center;text-transform:uppercase; }
.pickup-strip { display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px clamp(24px,5vw,72px);color:#fff;background:linear-gradient(90deg,#3d4d36,#c1603c); }
.pickup-strip > div, .pickup-strip label { display:flex;gap:12px;align-items:center; }
.pickup-strip span { color:#cbbfae;font-size:10px;text-transform:uppercase;letter-spacing:.08em; }
.pickup-strip b { font-size:13px; }
.pickup-strip select { padding:9px 32px 9px 10px;border:1px solid rgba(255,255,255,.3);color:#fff;background:transparent; }
.pickup-strip option { color:#111; }
.catalog { padding:100px clamp(24px,6vw,90px);background:#f3f8fc; }
.storefront.ember .catalog { background:#fff6e8; }
.catalog-heading { display:grid;grid-template-columns:1fr minmax(260px,.5fr);gap:40px;align-items:end;margin-bottom:50px; }
.catalog-heading h2 { margin:12px 0 0;font-family:Georgia,serif;font-size:clamp(42px,5vw,68px);font-weight:400;letter-spacing:-.05em; }
.catalog-heading > span { color:var(--brand-muted);font-size:15px;line-height:1.6; }
.product-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:18px; }
.product-card { min-width:0;padding:12px 12px 18px;border:1px solid #d9e5ed;border-radius:16px;background:#fff;box-shadow:0 16px 38px rgba(31,76,112,.09);transition:transform 180ms ease,box-shadow 180ms ease; }
.product-card:hover { transform:translateY(-5px);box-shadow:0 22px 48px rgba(31,76,112,.16); }
.storefront.ember .product-card { border-color:#ead8c0;box-shadow:0 16px 38px rgba(114,72,41,.09); }
.product-image { display:block;width:100%;aspect-ratio:1;border:0;border-radius:11px;background-color:#edf2f5; }
.product-card > p { margin:18px 0 7px;color:var(--accent);font-family:var(--mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase; }
.product-card h3 { margin:0;font-family:Georgia,serif;font-size:22px;font-weight:400; }
.product-card > div { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px; }
.product-card > div > span { font-size:13px;font-weight:700; }
.product-card > div button { padding:8px 0;border:0;border-bottom:1px solid;background:transparent;font-size:11px;font-weight:800; }

.shop-backdrop { position:fixed;z-index:200;inset:0;background:rgba(1,7,15,.68);backdrop-filter:blur(5px); }
.product-modal { position:fixed;z-index:210;top:50%;left:50%;display:grid;width:min(1180px,calc(100vw - 56px));height:min(720px,calc(100dvh - 48px));grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);overflow:hidden;color:var(--brand-dark);background:#fff;box-shadow:0 35px 90px rgba(0,0,0,.45);transform:translate(-50%,-50%); }
.modal-close { position:absolute;z-index:5;top:18px;right:18px;display:grid;width:40px;height:40px;place-items:center;border:1px solid #ced7df;background:#fff;font-size:25px; }
.product-detail-image { position:relative;width:100%;aspect-ratio:1;align-self:center; }
.product-form { display:flex;min-width:0;min-height:0;flex-direction:column;overflow-y:auto;padding:clamp(42px,5vw,72px);background:#fff; }
.product-form > p { margin:0;color:var(--accent);font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase; }
.product-form h2 { margin:12px 0 8px;font-family:Georgia,serif;font-size:clamp(38px,4vw,60px);font-weight:400;line-height:1; }
.product-form > strong { font-size:20px; }
.product-form > span { margin:20px 0;color:var(--brand-muted);line-height:1.65; }
.visual-preview-note { margin:-8px 0 8px;color:var(--accent);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase; }
.product-form fieldset { padding:0;margin:18px 0 0;border:0; }
.product-form legend, .quantity > span { margin-bottom:9px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em; }
.choice-row { display:flex;flex-wrap:wrap;gap:8px; }
.choice-row input { position:absolute;opacity:0; }
.choice-row label span { display:block;padding:10px 13px;border:1px solid #cad4dd;font-size:11px; }
.choice-row input:checked + span { color:#fff;background:var(--brand-dark);border-color:var(--brand-dark); }
.quantity { display:flex;gap:14px;align-items:center;margin:24px 0 18px; }
.quantity > span { margin:0; }
.quantity select { padding:9px 34px 9px 10px;border:1px solid #bbc8d2;background:#fff; }
.add-button, .checkout-button { display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;border:0;color:#fff;background:var(--brand-dark);font-size:12px;font-weight:800; }

.cart-drawer { position:fixed;z-index:210;top:0;right:0;bottom:0;display:flex;width:min(520px,100%);flex-direction:column;color:#152234;background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.3); }
.cart-drawer > header { display:flex;align-items:center;justify-content:space-between;padding:28px 30px;border-bottom:1px solid #dce3e9; }
.cart-drawer header p, .checkout-modal > p { margin:0 0 6px;color:var(--accent);font-family:var(--mono);font-size:9px;letter-spacing:.1em; }
.cart-drawer h2 { margin:0;font-family:Georgia,serif;font-size:34px;font-weight:400; }
.cart-drawer header button { border:0;background:transparent;font-size:28px; }
.cart-lines { flex:1;overflow:auto;padding:10px 30px; }
.cart-line { position:relative;display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #e1e6eb; }
.cart-thumb { width:74px;aspect-ratio:1; }
.cart-line > div:nth-child(2) { display:flex;min-width:0;flex-direction:column;gap:4px; }
.cart-line b { font-family:Georgia,serif; }
.cart-line span,.cart-line small { color:#657286;font-size:10px; }
.cart-line > strong { font-size:12px; }
.cart-line > button { position:absolute;right:0;bottom:10px;border:0;color:#8290a0;background:transparent; }
.empty-cart { display:grid;height:100%;place-content:center;justify-items:center;text-align:center; }
.empty-cart > span { font-size:50px; }
.empty-cart h3 { margin:12px 0 4px;font-family:Georgia,serif;font-size:26px;font-weight:400; }
.empty-cart p { max-width:280px;color:#657286;line-height:1.5; }
.cart-drawer > footer { padding:25px 30px;border-top:1px solid #dce3e9;background:#f6f8fa; }
.cart-drawer > footer > div { display:flex;justify-content:space-between;font-size:18px; }
.cart-drawer footer small { display:block;margin:8px 0 20px;color:#657286; }
.checkout-button:disabled { opacity:.35;cursor:not-allowed; }
.checkout-modal { position:fixed;z-index:210;top:50%;left:50%;width:min(600px,calc(100% - 32px));padding:60px;transform:translate(-50%,-50%);color:#152234;background:#fff;box-shadow:0 35px 90px rgba(0,0,0,.45); }
.checkout-modal h2 { margin:12px 0 18px;font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1.05; }
.checkout-modal > span:not(.success-check) { display:block;color:#647387;line-height:1.65; }
.checkout-summary { display:flex;justify-content:space-between;margin:30px 0 20px;padding:18px 0;border-block:1px solid #dce3e9; }
.success-check { display:grid;width:54px;height:54px;margin-bottom:20px;place-items:center;border-radius:50%;color:#fff;background:#25875f;font-size:26px; }
.confirmation-actions { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px; }
.confirmation-actions button,.confirmation-actions a { padding:15px;border:1px solid #cbd5de;background:#fff;font-size:11px;font-weight:800;text-align:center;text-decoration:none; }
.confirmation-actions a { color:#fff;background:#152234;border-color:#152234; }

.admin-shell { --admin-accent:#1768f2;display:grid;min-height:calc(100vh - 124px);grid-template-columns:250px 1fr;color:#172336;background:#edf2f6; }
.admin-shell.ember { --admin-accent:#a76529; }
.admin-sidebar { position:sticky;top:0;display:flex;height:calc(100vh - 124px);flex-direction:column;padding:28px 18px;color:#d5e2ee;background:#071a2e; }
.admin-shell.ember .admin-sidebar { background:#17221a; }
.admin-logo { display:grid;grid-template-columns:44px 1fr;gap:2px 12px;align-items:center;padding:0 8px 26px;color:#fff;text-decoration:none; }
.admin-logo > span { grid-row:1/3;display:grid;width:44px;height:44px;place-items:center;background:var(--admin-accent);font-family:Georgia,serif;font-size:11px; }
.admin-logo b { align-self:end;font-family:Georgia,serif;font-size:15px; }
.admin-logo small { align-self:start;color:#82a0ba;font-family:var(--mono);font-size:7px;text-transform:uppercase;letter-spacing:.08em; }
.admin-sidebar nav { display:flex;flex-direction:column;gap:4px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12); }
.admin-sidebar nav button { display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:13px;border:0;color:#a9bed0;background:transparent;font-size:12px;text-align:left; }
.admin-sidebar nav button.active,.admin-sidebar nav button:hover { color:#fff;background:rgba(139,197,255,.1); }
.admin-sidebar nav i { color:#83b9ff;font-style:normal; }
.admin-shell.ember .admin-sidebar nav i { color:#d4a266; }
.admin-sidebar nav b { display:grid;min-width:21px;height:21px;padding:0 5px;place-items:center;border-radius:10px;color:#fff;background:var(--admin-accent);font-size:9px; }
.admin-sidebar > div { margin-top:auto;padding:18px 10px 0;border-top:1px solid rgba(255,255,255,.12); }
.admin-sidebar > div span { color:#86a1b8;font-family:var(--mono);font-size:8px;letter-spacing:.08em; }
.admin-sidebar > div p { color:#708ba2;font-size:9px;line-height:1.5; }
.admin-backdrop { display:none; }
.admin-main { min-width:0; }
.admin-main > header { display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(24px,4vw,54px);background:#fff;border-bottom:1px solid #d4dde5; }
.admin-main > header p { margin:0;color:#748498;font-size:9px;text-transform:uppercase;letter-spacing:.07em; }
.admin-main > header h1 { margin:4px 0 0;font-size:22px;letter-spacing:-.03em; }
.admin-user { display:flex;gap:12px;align-items:center; }
.admin-user > span { padding:6px 8px;color:#15724f;background:#e0f3eb;font-size:8px;font-weight:800;text-transform:uppercase; }
.admin-user b { font-size:11px; }
.admin-user i { display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#fff;background:var(--admin-accent);font-size:9px;font-style:normal; }
.admin-menu { display:none;border:0;background:transparent;font-size:22px; }
.admin-content { padding:clamp(24px,4vw,54px); }
.admin-welcome { display:flex;align-items:end;justify-content:space-between;gap:35px;padding:40px;color:#fff;background:linear-gradient(125deg,#09213a,#0d3157); }
.admin-shell.ember .admin-welcome { background:linear-gradient(125deg,#1b2b1e,#365038); }
.admin-welcome p,.dashboard-card header p,.metric-grid p,.panel-heading p,.publish-card > p { margin:0;color:#8cc1fb;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase; }
.admin-shell.ember .admin-welcome p,.admin-shell.ember .dashboard-card header p,.admin-shell.ember .metric-grid p,.admin-shell.ember .panel-heading p { color:#d7a96f; }
.admin-welcome h2 { margin:10px 0 12px;font-size:clamp(30px,3.5vw,48px);letter-spacing:-.05em; }
.admin-welcome > div > span { display:block;max-width:660px;color:#b9cad8;font-size:13px;line-height:1.55; }
.admin-welcome > a { flex:0 0 auto;padding:13px 16px;color:#0b2037;background:#fff;font-size:10px;font-weight:800;text-decoration:none; }
.metric-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:20px 0;background:#cfd9e2; }
.metric-grid article { padding:25px;background:#fff; }
.metric-grid strong { display:block;margin:10px 0 5px;font-size:31px;letter-spacing:-.04em; }
.metric-grid span { color:#748296;font-size:9px; }
.metric-grid .positive { color:#19805b; }
.admin-two-col { display:grid;grid-template-columns:1.2fr .8fr;gap:20px; }
.dashboard-card { background:#fff;border:1px solid #d5dfe7; }
.dashboard-card > header { display:flex;min-height:74px;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #dbe3e9; }
.dashboard-card header h3 { margin:5px 0 0;font-size:20px; }
.dashboard-card header button,.dashboard-card header > span { border:0;color:#66778b;background:transparent;font-size:9px;font-weight:800; }
.order-row { display:grid;width:100%;grid-template-columns:minmax(90px,.7fr) minmax(180px,1.5fr) 75px 105px 20px;gap:14px;align-items:center;padding:17px 24px;border:0;border-bottom:1px solid #e3e8ed;background:#fff;text-align:left; }
.order-row:hover { background:#f7f9fb; }
.order-row > span { display:flex;min-width:0;flex-direction:column;gap:3px; }
.order-row b,.order-row strong { font-size:10px; }
.order-row small { overflow:hidden;color:#718195;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }
.order-row em { padding:6px;color:#986726;background:#fff0d7;font-size:7px;font-style:normal;font-weight:800;text-align:center;text-transform:uppercase; }
.order-row em.status-ready,.order-row em.status-ready-to-ship,.order-row em.status-completed { color:#216d52;background:#e2f2eb; }
.order-row > i { color:#7d8b9b;font-style:normal; }
.top-products { padding:8px 22px; }
.top-products > div { display:grid;grid-template-columns:52px 1fr auto;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid #e4e9ed; }
.mini-product { width:52px;aspect-ratio:1; }
.top-products > div > div { display:flex;flex-direction:column;gap:4px; }
.top-products b,.top-products strong { font-size:9px; }
.top-products small { color:#77879a;font-size:8px; }
.activity-card { margin-top:20px; }
.attention-grid { display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dce3e9; }
.attention-grid article { display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:22px;background:#fff; }
.attention-icon { display:grid;width:42px;height:42px;place-items:center;color:var(--admin-accent);background:#eaf2ff; }
.attention-grid b { font-size:11px; }
.attention-grid p { margin:5px 0 0;color:#6e7d90;font-size:9px;line-height:1.45; }
.attention-grid button { padding:8px 10px;border:1px solid #cbd5dd;background:#fff;font-size:8px;font-weight:800; }
.panel-heading { display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px; }
.panel-heading h2 { margin:8px 0 7px;font-size:36px;letter-spacing:-.045em; }
.panel-heading > div > span { color:#68788c;font-size:12px; }
.panel-heading > button,.panel-heading > a { padding:12px 15px;border:0;color:#fff;background:var(--admin-accent);font-size:9px;font-weight:800;text-decoration:none; }
.table-toolbar { display:flex;gap:6px;padding:16px 20px;border-bottom:1px solid #dbe3e9; }
.table-toolbar button { padding:8px 11px;border:0;color:#68788c;background:transparent;font-size:8px;font-weight:800; }
.table-toolbar button.active { color:#fff;background:#17293e; }
.table-toolbar label { margin-left:auto; }
.table-toolbar input { width:190px;padding:8px 10px;border:1px solid #d2dbe2;font-size:9px; }
.catalog-admin-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:18px; }
.catalog-admin-grid article { display:grid;grid-template-columns:100px 1fr auto;gap:18px;align-items:center;padding:18px; }
.catalog-admin-image { width:100px;aspect-ratio:1; }
.catalog-admin-grid p { margin:0 0 5px;color:var(--admin-accent);font-family:var(--mono);font-size:7px;text-transform:uppercase; }
.catalog-admin-grid h3 { margin:0 0 7px;font-size:16px; }
.catalog-admin-grid div > span { color:#718195;font-size:9px; }
.catalog-admin-grid button { padding:8px 10px;border:1px solid #cbd5dd;background:#fff;font-size:8px;font-weight:800; }
.customer-admin-list { padding:0 22px; }
.customer-admin-list > button { display:grid;width:100%;grid-template-columns:44px 1fr auto 20px;gap:14px;align-items:center;padding:17px 0;border:0;border-bottom:1px solid #e0e6eb;background:#fff;text-align:left; }
.customer-admin-list i { display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:#fff;background:var(--admin-accent);font-size:9px;font-style:normal; }
.customer-admin-list span { display:flex;flex-direction:column;gap:4px; }
.customer-admin-list b { font-size:11px; }
.customer-admin-list small { color:#718195;font-size:9px; }
.customer-admin-list em { padding:6px 8px;color:#2b6e54;background:#e3f2ec;font-size:7px;font-style:normal;text-transform:uppercase; }
.site-manager { display:grid;grid-template-columns:1.2fr .8fr;gap:20px; }
.site-preview-card { position:relative; }
.site-preview-card .demo-browser { height:100%; }
.site-preview-card .demo-browser-body { min-height:420px; }
.site-live { position:absolute;right:14px;bottom:14px;padding:8px 10px;color:#1c7656;background:#e1f2eb;font-size:8px;font-weight:800; }
.publish-card { padding:30px; }
.publish-card h3 { margin:10px 0 16px;font-size:26px; }
.publish-card > span { display:block;color:#6e7e91;font-size:11px;line-height:1.6; }
.publish-card label { display:flex;flex-direction:column;gap:8px;margin:26px 0; }
.publish-card label span { font-size:9px;font-weight:800; }
.publish-card input { padding:12px;border:1px solid #cbd6de;font-size:10px; }
.publish-card button { width:100%;padding:12px;border:0;color:#fff;background:var(--admin-accent);font-size:9px;font-weight:800; }
.publish-card button.secondary { margin-top:8px;color:#203044;background:#fff;border:1px solid #cbd6de; }
.demo-toast { position:fixed;z-index:500;right:24px;bottom:24px;max-width:320px;padding:15px 18px;color:#fff;background:#0a2038;box-shadow:0 16px 40px rgba(0,0,0,.25);font-size:11px;font-weight:700;opacity:0;transform:translateY(15px);pointer-events:none;transition:180ms ease; }
.demo-toast.show { opacity:1;transform:none; }
.demo-footer { display:grid;grid-template-columns:1fr 1.2fr auto;gap:35px;align-items:center;padding:36px clamp(24px,5vw,72px);color:#d7e3ed;background:#020b18;border-top:1px solid rgba(139,197,255,.18); }
.demo-footer > div { display:flex;gap:12px;align-items:center; }
.demo-footer img { width:38px;height:38px;object-fit:contain; }
.demo-footer > div span { display:flex;flex-direction:column; }
.demo-footer b { font-size:12px; }
.demo-footer small { color:#7996ad;font-size:8px; }
.demo-footer p { margin:0;color:#8099ad;font-size:9px;line-height:1.5; }
.demo-footer > a { padding:12px 15px;color:#071426;background:var(--bwc-sky);font-size:10px;font-weight:800;text-decoration:none; }
.demo-error { padding:50px; }
.demo-error p { color:var(--bwc-blue);font-family:var(--mono);font-size:10px;letter-spacing:.1em; }
.demo-error h1 { max-width:700px;margin:0;font-size:clamp(40px,6vw,70px);letter-spacing:-.05em; }
.demo-error button,.demo-error a { padding:12px 16px;border:0;color:#fff;background:var(--bwc-blue);font-size:11px;font-weight:800;text-decoration:none; }

/* Order details */
.order-summary-backdrop { position:fixed;z-index:510;inset:0;border:0;background:rgba(1,7,15,.68);backdrop-filter:blur(5px); }
.order-summary { position:fixed;z-index:520;top:0;right:0;bottom:0;width:min(620px,100%);overflow-y:auto;padding:34px;color:#172336;background:#f4f7f9;box-shadow:-25px 0 80px rgba(0,0,0,.32); }
.order-summary > header { display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid #ced9e2; }
.order-summary > header p,.order-summary-grid p { margin:0;color:var(--admin-accent,#1768f2);font-family:var(--mono);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase; }
.order-summary > header h2 { margin:7px 0 0;font-size:38px;letter-spacing:-.04em; }
.order-summary > header button { display:grid;width:44px;height:44px;place-items:center;border:1px solid #c8d4dd;background:#fff;font-size:26px; }
.order-summary-status { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0; }
.order-summary-status > span { display:flex;flex-direction:column;gap:5px; }
.order-summary-status b { font-size:18px; }
.order-summary-status small { color:#617287;font-size:13px; }
.order-summary-status em { padding:8px 11px;color:#986726;background:#fff0d7;font-size:11px;font-style:normal;font-weight:800;text-align:center;text-transform:uppercase; }
.order-summary-status em.status-ready,.order-summary-status em.status-ready-to-ship,.order-summary-status em.status-completed { color:#216d52;background:#e2f2eb; }
.order-summary-items { border:1px solid #d2dce4;background:#fff; }
.order-summary-items > h3,.order-activity > h3 { margin:0;padding:18px 20px;border-bottom:1px solid #dbe3e9;font-size:17px; }
.order-summary-items > article { display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid #e2e8ed; }
.order-summary-items > article > div { display:flex;min-width:0;flex-direction:column;gap:5px; }
.order-summary-items > article b,.order-summary-items > article strong { font-size:14px; }
.order-summary-items > article span { color:#69798c;font-size:13px;line-height:1.45; }
.order-summary-items > footer { display:flex;align-items:center;justify-content:space-between;padding:19px 20px;background:#eef3f6;font-size:15px; }
.order-summary-items > footer strong { font-size:20px; }
.order-summary-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0; }
.order-summary-grid article { display:flex;min-height:115px;flex-direction:column;gap:10px;padding:19px;border:1px solid #d2dce4;background:#fff; }
.order-summary-grid b { font-size:14px;line-height:1.5; }
.order-activity { border:1px solid #d2dce4;background:#fff; }
.order-activity ol { margin:0;padding:17px 20px 20px;list-style:none; }
.order-activity li { position:relative;display:grid;grid-template-columns:18px 1fr;gap:12px;padding:8px 0 15px; }
.order-activity li:not(:last-child)::after { position:absolute;top:20px;bottom:-3px;left:5px;width:1px;content:"";background:#cbd7df; }
.order-activity i { position:relative;z-index:1;width:11px;height:11px;margin-top:4px;border:2px solid #fff;border-radius:50%;background:#5f9be9;box-shadow:0 0 0 1px #5f9be9; }
.order-activity li.current i { background:#29a274;box-shadow:0 0 0 1px #29a274; }
.order-activity li span { display:flex;flex-direction:column;gap:4px; }
.order-activity li b { font-size:14px; }
.order-activity li small { color:#6b7b8e;font-size:12px; }
.order-summary-note { margin:16px 0 0;padding:15px 17px;color:#637488;background:#e7edf2;font-size:12px;line-height:1.55; }

/* Readable type floor for the public simulator and owner workspace. */
.bwc-demo-brand small { font-size:11px; }
.simulator-bar b { font-size:13px; }
.simulator-bar small { font-size:12px; }
.simulator-bar nav a,.simulator-bar nav button { font-size:12px; }
.demo-kicker { font-size:13px; }
.hub-proof,.hub-project-copy > p { font-size:12px; }
.demo-browser-top { font-size:10px; }
.preview-nav { font-size:11px; }
.preview-copy small { font-size:9px; }
.preview-copy span { font-size:11px; }
.business-cta,.business-footer nav,.cart-button { font-size:13px; }
.business-hero p,.business-intro > p,.business-feature > div:last-child > p,.catalog-heading p,.storefront-hero p { font-size:12px; }
.business-intro article > span { font-size:12px; }
.store-benefits,.pickup-strip span { font-size:12px; }
.product-card > p,.product-form > p,.cart-drawer header p,.checkout-modal > p { font-size:12px; }
.product-card > div button,.product-form legend,.quantity > span,.choice-row label span { font-size:13px; }
.cart-line span,.cart-line small { font-size:12px; }
.confirmation-actions button,.confirmation-actions a { font-size:13px; }
.admin-logo small { font-size:10px; }
.admin-sidebar nav button { font-size:14px; }
.admin-sidebar nav b,.admin-sidebar > div span { font-size:11px; }
.admin-sidebar > div p,.admin-main > header p { font-size:12px; }
.admin-user > span,.admin-user i { font-size:11px; }
.admin-user b { font-size:14px; }
.admin-welcome p,.dashboard-card header p,.metric-grid p,.panel-heading p,.publish-card > p { font-size:11px; }
.admin-welcome > a { font-size:13px; }
.metric-grid span { font-size:12px; }
.dashboard-card header button,.dashboard-card header > span { font-size:12px; }
.order-row b,.order-row strong { font-size:13px; }
.order-row small { font-size:11px; }
.order-row em { font-size:10px; }
.top-products b,.top-products strong { font-size:12px; }
.top-products small { font-size:11px; }
.attention-grid b { font-size:14px; }
.attention-grid p { font-size:12px; }
.attention-grid button,.panel-heading > button,.panel-heading > a,.table-toolbar button { font-size:11px; }
.table-toolbar input { font-size:12px; }
.catalog-admin-grid p { font-size:10px; }
.catalog-admin-grid h3 { font-size:18px; }
.catalog-admin-grid div > span,.customer-admin-list small { font-size:12px; }
.catalog-admin-grid button,.customer-admin-list i,.customer-admin-list em,.site-live { font-size:11px; }
.customer-admin-list b { font-size:14px; }
.publish-card > span { font-size:13px; }
.publish-card label span { font-size:12px; }
.publish-card input { font-size:13px; }
.publish-card button { font-size:12px; }
.demo-toast { font-size:14px; }
.demo-footer small { font-size:11px; }
.demo-footer p,.demo-footer > a { font-size:12px; }
.demo-error p,.demo-error button,.demo-error a { font-size:13px; }

@media (max-width: 1050px) {
  .bwc-demo-bar nav a:not(.bwc-demo-contact) { display:none; }
  .hub-project { grid-template-columns:1fr; }
  .hub-project-copy { max-width:760px; }
  .demo-browser { width:min(760px,100%); }
  .product-grid { grid-template-columns:repeat(2,1fr);gap:30px 18px; }
  .metric-grid { grid-template-columns:repeat(2,1fr); }
  .admin-two-col,.site-manager { grid-template-columns:1fr; }
}

@media (max-width: 820px) {
  .simulator-bar { align-items:flex-start;flex-direction:column;padding-block:12px; }
  .simulator-bar nav { width:100%;overflow-x:auto; }
  .simulator-bar nav a,.simulator-bar nav button { flex:0 0 auto; }
  .hub-hero { min-height:560px; }
  .hub-proof { flex-direction:column;gap:12px; }
  .business-header,.shop-header { grid-template-columns:1fr auto; }
  .business-header nav,.shop-header nav { display:none; }
  .business-cta,.cart-button { grid-column:2;grid-row:1; }
  .business-hero { min-height:650px; }
  .business-intro > div { grid-template-columns:1fr; }
  .business-feature { grid-template-columns:1fr; }
  .feature-product { min-height:0; }
  .storefront-hero { grid-template-columns:1fr; }
  .storefront-hero-image { min-height:0;aspect-ratio:1672/941;grid-row:1; }
  .catalog-heading { grid-template-columns:1fr; }
  .product-modal { top:12px;right:12px;bottom:12px;left:12px;width:auto;height:auto;grid-template-columns:1fr;grid-template-rows:auto auto;overflow-y:auto;transform:none; }
  .product-detail-image { min-height:0; }
  .product-form { overflow:visible; }
  .admin-shell { grid-template-columns:1fr; }
  .admin-sidebar { position:fixed;z-index:180;top:0;bottom:0;left:0;width:250px;height:100vh;transform:translateX(-105%);transition:transform 180ms ease; }
  .admin-sidebar.open { transform:none;box-shadow:20px 0 50px rgba(0,0,0,.3); }
  .admin-sidebar.open + .admin-backdrop { position:fixed;z-index:170;inset:0;display:block;border:0;background:rgba(3,13,24,.58); }
  .admin-menu { display:block; }
  .admin-main > header { justify-content:flex-start; }
  .admin-user { margin-left:auto; }
  .attention-grid { grid-template-columns:1fr; }
  .catalog-admin-grid { grid-template-columns:1fr; }
  .business-footer,.demo-footer { grid-template-columns:1fr;align-items:start; }
  .business-footer p,.business-footer nav { justify-self:start; }
}

@media (max-width: 560px) {
  .bwc-demo-bar { min-height:60px;padding-inline:16px; }
  .bwc-demo-contact { padding:9px 10px; }
  .simulator-bar { padding-inline:16px; }
  .simulator-bar small { display:none; }
  .hub-hero { padding-inline:22px; }
  .hub-hero h1 { font-size:50px; }
  .hub-project { min-height:0;padding:75px 22px 65px; }
  .hub-project-number { top:15px;font-size:70px; }
  .demo-browser-body { min-height:260px; }
  .preview-copy { max-width:82%; }
  .hub-actions { grid-template-columns:1fr; }
  .hub-actions a.quiet { grid-column:auto; }
  .demo-foundation { padding-inline:22px; }
  .demo-foundation > div { grid-template-columns:1fr; }
  .business-header,.shop-header { padding-inline:16px; }
  .business-logo b { font-size:15px; }
  .business-cta { padding:11px;font-size:12px; }
  .business-hero { padding-inline:22px; }
  .business-hero h1 { font-size:52px; }
  .business-intro { padding:75px 22px; }
  .business-intro > h2 { font-size:42px; }
  .business-feature > div:last-child { padding:60px 22px; }
  .storefront-hero > div:first-child { padding:60px 22px; }
  .storefront-hero-image { min-height:0; }
  .store-benefits { grid-template-columns:1fr;gap:10px; }
  .pickup-strip { align-items:flex-start;flex-direction:column; }
  .catalog { padding:75px 16px; }
  .product-grid { gap:28px 10px; }
  .product-card h3 { font-size:17px; }
  .product-card > div { align-items:flex-start;flex-direction:column; }
  .product-form { padding:42px 22px; }
  .checkout-modal { padding:42px 24px; }
  .checkout-modal h2 { font-size:34px; }
  .confirmation-actions { grid-template-columns:1fr; }
  .admin-content { padding:18px 12px; }
  .admin-main > header { padding:12px 16px; }
  .admin-user b { display:none; }
  .admin-welcome { align-items:flex-start;flex-direction:column;padding:28px 22px; }
  .metric-grid { grid-template-columns:1fr 1fr; }
  .metric-grid article { padding:18px; }
  .metric-grid strong { font-size:24px; }
  .order-row { grid-template-columns:80px 1fr auto;padding-inline:14px; }
  .order-row > strong,.order-row > em { display:none; }
  .table-toolbar label { display:none; }
  .catalog-admin-grid article { grid-template-columns:76px 1fr auto;gap:12px;padding:12px; }
  .catalog-admin-image { width:76px; }
  .panel-heading { align-items:flex-start;flex-direction:column; }
  .customer-admin-list > button { grid-template-columns:40px 1fr 16px; }
  .customer-admin-list em { display:none; }
  .order-summary { padding:24px 18px; }
  .order-summary > header h2 { font-size:32px; }
  .order-summary-grid { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior:auto!important;transition:none!important; }
}