body.quick-menu-open{overflow:hidden}
#quickMenu{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:640px;max-height:min(76dvh,640px);padding:0;border:0;border-radius:22px 22px 0 0;background:#fff;color:#1f2937;box-shadow:0 -18px 44px rgba(15,23,42,.22);overflow:hidden;box-sizing:border-box}
#quickMenu:not([open]){display:none}
#quickMenu[open]{display:flex;flex-direction:column;animation:quick-menu-rise .24s ease-out}
#quickMenu::backdrop{background:rgba(15,23,42,.42)}
#quickMenu .quick-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;box-sizing:border-box;padding:10px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0;font-size:18px}
#quickMenu .quick-menu-close{border:0;background:transparent;color:#6b7280;min-height:44px;padding:8px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer}
#quickMenu .quick-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0px)}
#quickMenu .quick-menu-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:98px;box-sizing:border-box;padding:14px 10px;border-right:1px solid #eee;border-bottom:1px solid #eee;text-decoration:none;color:#374151;font-size:13px;font-weight:500;text-align:center;overflow-wrap:anywhere}
#quickMenu .quick-menu-card:nth-child(2n){border-right:0}
#quickMenu .quick-menu-card i{font-size:24px;color:#af151a;line-height:28px}
#quickMenu .quick-menu-card:hover{background:#fff7f7;color:#991b1b}
#quickMenu :focus-visible{outline:2px solid #af151a;outline-offset:-3px}
@keyframes quick-menu-rise{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#quickMenu[open]{animation:none}}