.shop-demo-wrap{margin:2.5rem 0}.shop-demo{max-width:360px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 20px 50px #1d1c1a1a;overflow:hidden;min-height:240px}.shop-demo-topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt)}.shop-demo-brand{font-weight:700;font-size:.85rem;color:var(--color-ink)}.shop-demo-cart{position:relative;color:var(--color-text-muted);display:flex}.shop-demo-badge{position:absolute;top:-7px;right:-9px;width:16px;height:16px;border-radius:50%;background:var(--color-accent);color:#fff;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;animation:shop-pop .35s cubic-bezier(.34,1.56,.64,1)}.shop-demo-product{position:relative;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.625rem}.shop-demo-img{width:84px;height:84px;border-radius:16px;background:linear-gradient(135deg,#f4ede2,#e9ddc8);display:flex;align-items:center;justify-content:center;font-size:2.2rem;transition:transform .3s}.shop-demo.step-1 .shop-demo-img{transform:scale(.96)}.shop-demo-product-info{display:flex;gap:.625rem;align-items:baseline}.shop-demo-product-info strong{color:var(--color-ink);font-size:.95rem}.shop-demo-product-info span{color:var(--color-text-muted);font-size:.85rem}.shop-demo-add{display:inline-flex;align-items:center;gap:.375rem;border:none;border-radius:999px;background:var(--color-ink);color:#fff;font:inherit;font-size:.82rem;font-weight:600;padding:.55rem 1.25rem;pointer-events:none;transition:transform .15s,background .3s}.shop-demo.step-1 .shop-demo-add{transform:scale(.93)}.shop-demo.step-2 .shop-demo-add{background:#16815a}.shop-demo-fly{position:absolute;top:2rem;left:50%;font-size:1.4rem;opacity:0;pointer-events:none}.shop-demo.step-2 .shop-demo-fly{animation:shop-fly .8s ease-in forwards}.shop-demo-checkout{padding:1.1rem 1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;animation:shop-slide .4s ease}.shop-demo-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--color-text-main);padding-bottom:.625rem;border-bottom:1px dashed var(--color-border)}.shop-demo-cardfield{display:flex;align-items:center;gap:.5rem;border:1.5px solid var(--color-border);border-radius:10px;padding:.6rem .75rem;color:var(--color-text-muted);font-size:.8rem;animation:shop-rise .5s ease .15s both}.shop-demo-cardnum{font-family:monospace;letter-spacing:.04em;color:var(--color-text-main)}.shop-demo-cardmeta{margin-left:auto;font-size:.72rem}.shop-demo-pay{border:none;border-radius:10px;background:var(--color-accent);color:#fff;font:inherit;font-size:.85rem;font-weight:700;padding:.65rem;pointer-events:none;display:flex;align-items:center;justify-content:center;min-height:40px;transition:transform .15s}.shop-demo.step-4 .shop-demo-pay{transform:scale(.97)}.shop-demo-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:shop-spin .7s linear infinite}.shop-demo-success{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;border-radius:10px;background:#16815a1a;color:#16815a;font-weight:700;font-size:.85rem;animation:shop-pop .4s cubic-bezier(.34,1.56,.64,1)}.shop-demo-success-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#16815a;color:#fff}.shop-demo-fine{text-align:center;color:var(--color-text-muted);font-size:.72rem}.shop-demo-caption{text-align:center;color:var(--color-text-muted);font-size:.85rem;max-width:400px;margin:.875rem auto 0;line-height:1.6}@keyframes shop-fly{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(90px,-60px) scale(.3)}}@keyframes shop-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes shop-slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes shop-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shop-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.shop-demo *,.shop-demo{animation:none!important;transition:none!important}}.book-demo-wrap{margin:2.5rem 0}.book-demo{max-width:420px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 20px 50px #1d1c1a1a;overflow:hidden}.book-demo-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);font-size:.8rem}.book-demo-when{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-ink);font-weight:600}.book-demo-guests{display:inline-flex;align-items:center;gap:.25rem}.book-demo-guest{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-border);color:var(--color-text-muted);transform:scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s}.book-demo-guest.is-on{transform:scale(1);background:var(--color-accent);color:#fff}.book-demo-guestcount{margin-left:.375rem;color:var(--color-text-muted);font-weight:600}.book-demo-floor{position:relative;height:220px;background:radial-gradient(circle at 1px 1px,var(--color-border) 1px,transparent 0);background-size:18px 18px}.book-demo-table{position:absolute;width:52px;height:40px;background:var(--color-surface-alt);border:1.5px solid var(--color-border);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:border-color .3s,background .3s,box-shadow .3s}.book-demo-table.is-round{width:44px;height:44px;border-radius:50%}.book-demo-table.seats-6{width:68px}.book-demo-table-label{font-size:.72rem;font-weight:700;color:var(--color-text-muted)}.book-demo-table.is-chosen{border-color:var(--color-accent);background:#4f46e514;box-shadow:0 0 0 4px #4f46e51f;animation:book-suggest .6s ease}.book-demo-table.is-chosen .book-demo-table-label{color:var(--color-accent)}.book-demo-seat{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.book-demo-seat.is-seated{transform:scale(1)}.book-demo-seat.seat-0{top:-11px;left:4px}.book-demo-seat.seat-1{top:-11px;right:4px}.book-demo-seat.seat-2{bottom:-11px;left:16px}.book-demo-confirm{position:absolute;top:-42px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;background:#16815a;color:#fff;font-size:.72rem;font-weight:700;padding:.3rem .6rem;border-radius:999px;box-shadow:0 6px 16px #16815a59;animation:book-pop .4s cubic-bezier(.34,1.56,.64,1)}.book-demo-caption{text-align:center;color:var(--color-text-muted);font-size:.85rem;max-width:420px;margin:.875rem auto 0;line-height:1.6}@keyframes book-suggest{0%,50%{box-shadow:0 0 #4f46e559}to{box-shadow:0 0 0 4px #4f46e51f}}@keyframes book-pop{0%{transform:translate(-50%) scale(.4);opacity:0}70%{transform:translate(-50%) scale(1.1);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.book-demo *,.book-demo{animation:none!important;transition:none!important}.book-demo-guest,.book-demo-seat{transform:scale(1)}}.admin-demo-wrap{margin:2.5rem 0}.admin-demo{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;max-width:520px;margin:0 auto}.admin-demo-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 16px 40px #1d1c1a17;padding:.875rem;min-height:190px}.admin-demo-head{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:var(--color-ink);padding-bottom:.625rem;margin-bottom:.75rem;border-bottom:1px solid var(--color-border)}.admin-demo-queue{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem;min-height:26px}.admin-demo-queue-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.admin-demo-chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--color-accent);color:#fff;font-size:.72rem;font-weight:600;padding:.25rem .55rem;border-radius:999px;transition:opacity .4s,transform .4s}.admin-demo-chip.is-leaving{opacity:0;transform:translate(30px,24px) scale(.6)}.admin-demo-hint{font-size:.68rem;color:var(--color-text-muted);animation:admin-hint 1.4s ease infinite}.admin-demo-tables{display:flex;gap:.625rem}.admin-demo-table{position:relative;flex:1;height:56px;border:1.5px solid var(--color-border);border-radius:10px;background:var(--color-surface-alt);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--color-text-muted);transition:border-color .3s,background .3s}.admin-demo-table.is-busy{border-color:var(--color-accent);background:#4f46e512;color:var(--color-accent)}.admin-demo-seated{position:absolute;top:-9px;right:-6px;display:inline-flex;align-items:center;gap:.15rem;background:var(--color-accent);color:#fff;font-size:.62rem;font-weight:700;padding:.15rem .4rem;border-radius:999px;animation:admin-pop .35s cubic-bezier(.34,1.56,.64,1)}.admin-demo-empty{color:var(--color-text-muted);font-size:.78rem;text-align:center;padding:2rem 0}.admin-demo-ticket{border:1.5px solid var(--color-border);border-left-width:4px;border-radius:10px;padding:.625rem .75rem;animation:admin-slide .4s ease;transition:border-color .3s}.admin-demo-ticket.status-ny{border-left-color:#d97706}.admin-demo-ticket.status-tillagas{border-left-color:var(--color-accent)}.admin-demo-ticket.status-klar{border-left-color:#16815a}.admin-demo-ticket-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.admin-demo-ticket-top strong{font-size:.82rem;color:var(--color-ink)}.admin-demo-status{display:inline-flex;align-items:center;gap:.25rem;font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;transition:all .3s}.status-ny .admin-demo-status{background:#d977061f;color:#b45309}.status-tillagas .admin-demo-status{background:#4f46e51a;color:var(--color-accent)}.status-klar .admin-demo-status{background:#16815a1f;color:#16815a;animation:admin-pop .35s cubic-bezier(.34,1.56,.64,1)}.admin-demo-ticket ul{list-style:none;padding:0;margin:0}.admin-demo-ticket li{font-size:.75rem;color:var(--color-text-main);padding:.15rem 0}.admin-demo-caption{text-align:center;color:var(--color-text-muted);font-size:.85rem;max-width:440px;margin:.875rem auto 0;line-height:1.6}@keyframes admin-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes admin-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes admin-hint{0%,to{opacity:.4}50%{opacity:1}}@media(max-width:480px){.admin-demo{grid-template-columns:1fr}.admin-demo-panel{min-height:0}}@media(prefers-reduced-motion:reduce){.admin-demo *,.admin-demo{animation:none!important;transition:none!important}}