.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:90;pointer-events:none}.mobile-bottom-nav-inner{pointer-events:auto;max-width:var(--phone-max);margin:0 auto;padding:0 12px calc(10px + var(--safe-bottom))}.mobile-bottom-nav-bar{height:var(--bottom-nav-bar-h);border-radius:28px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(232,93,122,.1);box-shadow:0 4px 24px #e85d7a1f,0 1px #fffc inset;display:flex;align-items:stretch;justify-content:space-between;padding:0 4px;gap:2px}.mobile-nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px 6px;background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:10px;font-weight:600;cursor:pointer;text-decoration:none;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.mobile-nav-item.active{color:var(--primary);font-weight:700}.mobile-nav-icon-wrap{width:40px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:background .2s ease,transform .2s ease}.mobile-nav-item.active .mobile-nav-icon-wrap{background:#e85d7a1f}.mobile-nav-label{font-size:10px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-cart-slot{flex:0 0 72px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:4px;margin-top:-18px;text-decoration:none;color:var(--text-muted);-webkit-tap-highlight-color:transparent}.mobile-nav-cart-slot.active{color:var(--primary)}.mobile-nav-cart-slot.active .mobile-nav-label{color:var(--primary);font-weight:700}.mobile-nav-cart-btn{width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#fff,#fff0f3);border:2px solid rgba(255,255,255,.95);box-shadow:0 8px 20px #e85d7a47,0 2px 6px #e85d7a1f;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.mobile-nav-cart-slot:active .mobile-nav-cart-btn{transform:scale(.96)}.mobile-nav-cart-slot.active .mobile-nav-cart-btn{background:linear-gradient(145deg,var(--primary) 0%,var(--primary-light) 100%);box-shadow:0 8px 22px #e85d7a61}.mobile-nav-cart-slot.active .mobile-nav-cart-icon svg{stroke:#fff}.mobile-nav-cart-icon{position:relative;display:flex;align-items:center;justify-content:center}.mobile-nav-cart-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;background:var(--primary);color:#fff;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;line-height:1}.mobile-nav-cart-slot.active .mobile-nav-cart-badge{background:#fff;color:var(--primary);border-color:var(--primary)}.mobile-nav-cart-slot .mobile-nav-label{margin-top:4px;font-size:10px;font-weight:600}@media (min-width: 768px){.mobile-bottom-nav-inner{max-width:480px}}.app-layout{min-height:100vh;background:transparent;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative}.app-announcement{background:var(--primary);color:#fff;text-align:center;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:0}:root{--primary: #E85D7A;--primary-dark: #D14A66;--primary-light: #F08FA6;--primary-soft: rgba(232, 93, 122, .15);--primary-muted: rgba(232, 93, 122, .12);--accent: #E85D7A;--accent-light: #F08FA6;--pastel-peach: #FDF8F6;--pastel-lavender: #F5F3F8;--dark: #1C1A1A;--cream: #FFFFFF;--ivory: #FFFFFF;--charcoal: #1A1A1A;--slate: #4A4A4A;--muted: #8E8E93;--border: #EBEBEB;--border-light: #F5F5F5;--shadow: 0 4px 20px rgba(0,0,0,.08);--shadow-soft: 0 2px 12px rgba(0,0,0,.04);--shadow-premium: 0 4px 16px rgba(232,93,122,.15);--font-display: "Tajawal", sans-serif;--font-body: "Tajawal", sans-serif;--radius: 20px;--radius-lg: 24px;--radius-sm: 14px;--radius-full: 999px;--touch: 44px;--safe-bottom: env(safe-area-inset-bottom, 0px);--header-h: 56px;--bottom-nav-bar-h: 64px;--bottom-nav-h: calc(var(--bottom-nav-bar-h) + 40px + var(--safe-bottom));--phone-max: 430px;--bg-primary: #FFFFFF;--bg-card: white;--glass: rgba(255,255,255,.95);--text-primary: var(--charcoal);--text-secondary: var(--slate);--text-muted: var(--muted);--gold: var(--primary);--gold-light: var(--primary-light);--blush: var(--primary-soft);--blush-dark: var(--accent);--black: var(--dark);--shadow-card: var(--shadow);--accent-glow: rgba(232,93,122,.2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;font-family:var(--font-body);background:linear-gradient(180deg,#fffbfc,#fdfbf9 40%,#faf7f5);color:var(--text-primary);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-variant-numeric:lining-nums tabular-nums}body.has-bottom-nav{padding-bottom:var(--bottom-nav-h)}body:not(.has-bottom-nav){padding-bottom:var(--safe-bottom)}@media (min-width: 768px){body{background:linear-gradient(180deg,#fff,#fdf8f9)}}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}::selection{background:var(--gold);color:var(--dark)}.route-loading{display:flex;align-items:center;justify-content:center;min-height:40vh;color:var(--muted);font-size:.95rem}