/* Order Rush theme + hero art. Layout lives in ../app-page.css. */
:root { --bg: #ff6b35; --ink: #fff; --muted: #ffe6d6; --accent: #ffd43c; --button-bg: #3b2414; --button-ink: #fff6e9; --line: rgba(59,36,20,.28); --section-bg: #fff6e9; --section-ink: #3b2414; --section-muted: #8a6a52; --section-accent: #e2541f; --card-bg: #fff; --card-line: #ebd8bc; --closing-glow: #ff9a5c; }
.wordmark, .hero h1, .closing h2, .section-intro h2, .feature-grid h3 { font-family: "Jua", var(--display); font-weight: 400; letter-spacing: -.02em; }
.hero h1, .closing h2 { text-shadow: 0 4px 0 #3b2414; }
.hero { background: repeating-conic-gradient(from 0deg at 76% 50%, #ff7a3d 0 10deg, #ff6b35 10deg 20deg); }
.hero-lead { color: #fff3ea; }
a.store-link { border: 3px solid #3b2414; box-shadow: 0 4px 0 rgba(59,36,20,.45); }
.store-link.is-pending { border: 3px dashed #3b2414; background: rgba(255,246,233,.55); color: #3b2414; }
.closing-stores { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.quiet-link { color: #fff; border-color: #fff; }
.hero-note { color: #3b2414; font-weight: 700; opacity: 1; }
.feature-grid article { border: 3px solid #3b2414; box-shadow: 0 5px 0 #3b2414; }
.order-bubble { align-self: flex-start; margin-left: 4%; max-width: 86%; padding: 24px 28px; border: 4px solid #3b2414; border-radius: 28px; border-bottom-left-radius: 8px; background: #fff; color: #3b2414; font: 400 22px/1.5 "Jua", var(--display); box-shadow: 0 7px 0 #3b2414; transform: rotate(-3deg); word-break: keep-all; }
.patience { align-self: flex-start; margin: 4px 0 10px 8%; width: 58%; height: 16px; border: 3px solid #3b2414; border-radius: 999px; background: #fff6e9; overflow: hidden; transform: rotate(-3deg); }
.patience i { display: block; width: 38%; height: 100%; background: #e63946; }
.pos { align-self: flex-end; width: min(88%, 420px); padding: 18px 18px 22px; border: 4px solid #3b2414; border-radius: 26px; background: linear-gradient(#2e3448, #1f2333); box-shadow: 0 8px 0 #3b2414; text-align: center; transform: rotate(2deg); }
.pos-label { color: #7d86a3; font: 700 9px var(--display); letter-spacing: .2em; }
.pos-keys { display: grid; grid-template-columns: repeat(7, 1fr); gap: 7px; margin: 14px 0 16px; }
.pos-keys i { padding: 11px 0; border-radius: 11px; background: #4a5270; color: #f1f3fa; font: 400 14px "Jua", var(--display); font-style: normal; box-shadow: 0 3px 0 #2a2f42; }
.pos-keys i.on { background: #ff8a3d; color: #fff; box-shadow: 0 3px 0 #c9591a; }
.pos strong { display: block; padding: 13px 0; border: 3px solid #3b2414; border-radius: 16px; background: #ff6b35; color: #fff; font: 400 22px "Jua", var(--display); box-shadow: 0 5px 0 #b8421a; }
@media (max-width: 600px) { .order-bubble { padding: 18px 20px; font-size: 17px; } .pos-keys i { font-size: 12px; } }