@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";
:root{--halalqu-green:#2e9b5a;--halalqu-green-dark:#237a45;--halalqu-green-light:#e9f7ef;--halalqu-green-gradient:linear-gradient(135deg,#2e9b5a 0%,#3dbf6e 100%);--soft-green:#7fd4a6;--charcoal:#3d444b;--light-gray:#c8c8ce;--white:#fff;--success:#2e9b5a;--warning:#f5a623;--danger:#e74c3c;--bg-primary:#fafbfc;--bg-card:#fff;--bg-overlay:#0006;--text-primary:#3d444b;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 2px 12px #00000014;--shadow-lg:0 8px 30px #0000001f;--shadow-green:0 4px 14px #2e9b5a4d;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--bottom-nav-height:72px;--header-height:56px;--max-width:480px}[data-theme=dark]{--bg-primary:#111827;--bg-card:#1f2937;--white:#1f2937;--charcoal:#f3f4f6;--text-primary:#f3f4f6;--text-secondary:#d1d5db;--text-muted:#9ca3af;--border:#374151;--light-gray:#4b5563;--halalqu-green-light:#2e9b5a26;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 2px 12px #0006;--shadow-lg:0 8px 30px #00000080;--bg-overlay:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);min-height:100dvh;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--charcoal);font-weight:700;line-height:1.2}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px;font-weight:600}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);border:none;font-size:15px;font-weight:600}input,textarea,select{font-family:var(--font-body);border:none;outline:none;font-size:15px}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-md);margin:0 auto}.page{padding-bottom:calc(var(--bottom-nav-height) + var(--space-lg));min-height:100dvh}.page-with-header{padding-top:calc(var(--header-height) + var(--space-md))}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--halalqu-green);color:var(--white);box-shadow:var(--shadow-green)}.btn-primary:hover{background:var(--halalqu-green-dark);transform:translateY(-1px);box-shadow:0 6px 20px #2e9b5a66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--halalqu-green-light);color:var(--halalqu-green)}.btn-secondary:hover{background:#d4efe0}.btn-outline{color:var(--halalqu-green);border:1.5px solid var(--halalqu-green);background:0 0}.btn-outline:hover{background:var(--halalqu-green-light)}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.badge{border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-certified{background:var(--halalqu-green-light);color:var(--halalqu-green)}.badge-muslim-owned{color:#d4920a;background:#fff8e7}.badge-halal-ingredients{color:#2980b9;background:#e8f4fd}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--charcoal);font-size:20px;font-weight:700}.section-link{color:var(--halalqu-green);font-size:14px;font-weight:600}.stars{color:var(--warning);align-items:center;gap:2px;font-size:14px;display:inline-flex}.chip{border-radius:var(--radius-pill);background:var(--white);border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--halalqu-green);color:var(--halalqu-green)}.chip.active{background:var(--halalqu-green);border-color:var(--halalqu-green);color:var(--white)}.scroll-row{gap:var(--space-md);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{scroll-snap-align:start;flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}}.animate-fade-in-up{animation:.5s forwards fadeInUp}.animate-fade-in{animation:.4s forwards fadeIn}.animate-scale-in{animation:.3s forwards scaleIn}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}.trust-banner{align-items:center;gap:var(--space-sm);background:var(--halalqu-green-light);border-radius:var(--radius-sm);color:var(--halalqu-green);padding:8px 12px;font-size:12px;font-weight:500;display:flex}nextjs-portal,#next-route-announcer{display:none!important}
.BottomNav-module__8WWrhq__bottomNav{width:100%;max-width:480px;height:var(--bottom-nav-height);background:var(--white);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.BottomNav-module__8WWrhq__navItem{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;padding:8px 12px;text-decoration:none;display:flex;position:relative}.BottomNav-module__8WWrhq__navItem:hover,.BottomNav-module__8WWrhq__navItem.BottomNav-module__8WWrhq__active{color:var(--halalqu-green)}.BottomNav-module__8WWrhq__navItem.BottomNav-module__8WWrhq__active:before{content:"";background:var(--halalqu-green);border-radius:0 0 4px 4px;width:24px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.BottomNav-module__8WWrhq__navIcon{transition:transform var(--transition-fast);font-size:22px;line-height:1}.BottomNav-module__8WWrhq__navItem.BottomNav-module__8WWrhq__active .BottomNav-module__8WWrhq__navIcon{transform:scale(1.1)}.BottomNav-module__8WWrhq__navLabel{letter-spacing:.2px;font-size:11px;font-weight:600}.BottomNav-module__8WWrhq__scanBtn{cursor:pointer;color:var(--white);flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex;position:relative}.BottomNav-module__8WWrhq__scanBtnCircle{background:var(--halalqu-green-gradient);width:48px;height:48px;box-shadow:var(--shadow-green);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;margin-top:-14px;font-size:22px;display:flex}.BottomNav-module__8WWrhq__scanBtn:hover .BottomNav-module__8WWrhq__scanBtnCircle{transform:scale(1.08);box-shadow:0 6px 20px #2e9b5a66}.BottomNav-module__8WWrhq__scanBtn .BottomNav-module__8WWrhq__navLabel{color:var(--text-muted)}.BottomNav-module__8WWrhq__scanBtn.BottomNav-module__8WWrhq__active .BottomNav-module__8WWrhq__navLabel{color:var(--halalqu-green)}.BottomNav-module__8WWrhq__scanBtn.BottomNav-module__8WWrhq__active .BottomNav-module__8WWrhq__scanBtnCircle{box-shadow:0 6px 20px #2e9b5a80}