/* Hamburger menu styling */
.hf-menu-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:2147483640}
.hf-menu-backdrop.hf-open{opacity:1;pointer-events:auto}
.hf-menu{position:fixed;top:0;left:0;width:min(92vw,320px);height:100vh;background:#fff;box-shadow:0 25px 50px -12px rgba(15,23,42,.45);transform:translateX(-102%);transition:transform .24s ease;z-index:2147483641;display:flex;flex-direction:column;overflow:hidden}
.hf-menu.hf-open{transform:translateX(0)}
.hf-menu-inner{display:flex;flex-direction:column;height:100%;background:#fff;color:#111827}
.hf-menu-header{background:linear-gradient(135deg,#d1e5fe 0%,#d1e5fe 100%);padding:32px 32px 24px;color:#fff;flex-shrink:0}
.hf-menu-header--out{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#0f172a;border-bottom:1px solid #bfdbfe}
.hf-menu-header-top{display:flex;align-items:center;justify-content:space-between}
.hf-menu-profile{display:flex;align-items:center;gap:12px}
.hf-menu-welcome{display:flex;flex-direction:column;gap:4px}
.hf-menu-avatar{width:56px;height:56px;border-radius:999px;border:2px solid rgba(255,255,255,.3);box-shadow:0 18px 32px -10px rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(255,255,255,.12)}
.hf-menu-avatar-img{width:100%;height:100%;object-fit:cover;display:block}
.hf-menu-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:600;color:#fff;text-transform:uppercase}
.hf-menu-user{display:flex;flex-direction:column;gap:4px}
.hf-menu-name{font-size:1.125rem;font-weight:600;line-height:1.2}
.hf-menu-status{font-size:.875rem;color:#fee2e2}
.hf-menu-close{border:none;background:rgba(255,255,255,0);color:rgba(255,255,255,.85);cursor:pointer;padding:6px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}
.hf-menu-close svg{width:20px;height:20px;display:block}
.hf-menu-close:hover{background:rgba(255,255,255,.15);color:#fff}
.hf-menu-close--out{background:rgba(255,255,255,.6);color:#475569;width:40px;height:40px;padding:0}
.hf-menu-close--out:hover{background:#fff;color:#111827}
.hf-menu-body{flex:1;overflow-y:auto;background:#fff}
.hf-menu-section{padding:24px 28px;border-bottom:1px solid #f1f5f9}
.hf-menu-section--cta{display:flex;flex-direction:column;gap:12px}
.hf-menu-section--last{border-bottom:none}
.hf-menu-section-title{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#94a3b8;margin-bottom:16px;padding-left:4px}
.hf-menu-list{display:flex;flex-direction:column;gap:8px}
.hf-menu-link{display:flex;align-items:center;padding:12px 16px;border-radius:12px;font-size:.9rem;font-weight:500;text-decoration:none;color:#4b5563;transition:background .2s ease,color .2s ease,box-shadow .2s ease;border:1px solid transparent;background:#fff}
.hf-menu-link:hover{background:#f1f5f9;color:#0f172a}
.hf-menu-link.is-active{background:#fff;border:1px solid rgba(37,99,235,.25);color:#1d4ed8;box-shadow:0 8px 16px rgba(37,99,235,.18)}
.hf-menu-link.is-active .hf-menu-link-icon{color:#1d4ed8}
.hf-menu-link-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:12px;color:#9ca3af}
.hf-menu-link-icon .hf-icon{width:20px;height:20px}
.hf-menu-cta{display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:16px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.hf-menu-cta-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;color:inherit}
.hf-menu-cta-icon .hf-icon{width:20px;height:20px}
.hf-menu-cta--primary{background:linear-gradient(90deg,#2563eb 0%,#1d4ed8 100%);color:#fff;font-weight:700;box-shadow:0 18px 36px rgba(37,99,235,.28)}
.hf-menu-cta--primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(37,99,235,.35);filter:brightness(.97)}
.hf-menu-cta--order{background:var(--hf-order-gradient,linear-gradient(90deg,#2563eb 0%,#1d4ed8 100%));color:#fff;font-weight:700;box-shadow:0 18px 36px rgba(37,99,235,.28);opacity:1;position:relative;overflow:hidden;z-index:0}
.hf-menu-cta--order>:not(.hf-menu-cta-fill){position:relative;z-index:1}
.hf-menu-cta--order:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(37,99,235,.35)}
.hf-menu-cta--order .hf-menu-cta-fill{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;display:block}
.hf-menu-cta--order .hf-menu-cta-fill svg{width:100%;height:100%;display:block}
.hf-menu-cta--secondary{background:linear-gradient(90deg,#7c3aed 0%,#6d28d9 100%);color:#fff;box-shadow:0 12px 24px rgba(109,40,217,.26)}
.hf-menu-cta--secondary:hover{transform:translateY(-1px);filter:brightness(.97);box-shadow:0 10px 20px rgba(109,40,217,.32)}
.hf-menu-cta--muted{background:#f3f4f6;color:#374151;font-weight:600;border:1px solid #e5e7eb;box-shadow:0 1px 2px rgba(15,23,42,.08)}
.hf-menu-cta--muted:hover{background:#e5e7eb}
.hf-menu-footer{padding:24px 28px;border-top:1px solid #f1f5f9}
.hf-menu-signout{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;border:none;background:linear-gradient(90deg,#f97373 0%,#ef4444 100%);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 10px 24px rgba(220,38,38,.28);transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.hf-menu-signout:hover{background:linear-gradient(90deg,#f97373 0%,#ef4444 100%);color:#fff;box-shadow:0 12px 28px rgba(220,38,38,.32)}
.hf-menu-signout:disabled{opacity:.6;cursor:wait}
.hf-menu-signout-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}
.hf-menu-signout-icon .hf-icon{width:20px;height:20px}
.hf-menu-welcome-title{font-size:1.25rem;font-weight:700;color:#111827}
.hf-menu-welcome-sub{font-size:.875rem;color:#475569;margin-top:4px}
.hf-menu-auth-buttons{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.hf-menu-auth-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;font-weight:600;font-size:.9rem;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.hf-menu-auth-btn .hf-icon{width:18px;height:18px}
.hf-menu-auth-btn--primary{background:linear-gradient(90deg,#2563eb 0%,#1d4ed8 100%);color:#fff;box-shadow:0 12px 26px rgba(37,99,235,.3)}
.hf-menu-auth-btn--primary:hover{filter:brightness(.97)}
.hf-menu-auth-btn--secondary{background:#fff;border:1px solid rgba(37,99,235,.25);color:#2563eb}
.hf-menu-auth-btn--secondary:hover{background:#eef2ff;border-color:#2563eb}
.hf-menu-auth-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:4px;color:inherit}
.hf-icon{width:20px;height:20px}























.hf-menu-link--orders{background:#fff!important;background-image:none!important;color:#1f2937!important;border:1px solid rgba(148,163,184,.35);box-shadow:none}
.hf-menu-link--orders .hf-menu-link-icon{color:#9ca3af}
.hf-menu-link--orders.is-active{color:#1d4ed8!important;background:#fff!important;background-image:none!important;border:1px solid rgba(37,99,235,.35);box-shadow:0 8px 16px rgba(37,99,235,.18)}
.hf-menu-link--orders.is-active .hf-menu-link-icon{color:#1d4ed8}




.hf-menu-link--orders:hover{background:#f8fafc!important;background-image:none!important;color:#1f2937!important}