.modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;padding:20px;font-family:inherit;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:32px;width:100%;max-width:1200px;font-family:inherit;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.close-button{cursor:pointer;color:#6b7280;z-index:10;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s;position:absolute;top:24px;right:24px}.close-button:hover{color:#1f2937;background:#f3f4f6}.modal-content{grid-template-columns:1fr 1fr;min-height:600px;display:grid}.left-panel{background:linear-gradient(135deg,#1e0038 0%,#0a0015 50%,#001a3a 100%);border-radius:32px 0 0 32px;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.quote-label{letter-spacing:1.5px;color:#ffffffb3;z-index:2;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex;position:relative}.quote-label:after{content:"";background:#fff3;flex:1;max-width:120px;height:1px}.gradient-background{z-index:1;background:radial-gradient(at 20% 30%,#ec489966 0%,#0000 50%),radial-gradient(at 80% 20%,#9333ea4d 0%,#0000 50%),radial-gradient(at 60% 70%,#3b82f64d 0%,#0000 50%);position:absolute;inset:0}.gradient-background:before{content:"";filter:blur(40px);background:linear-gradient(90deg,#0000 0%,#ec489926 20%,#9333ea26 40%,#3b82f626 60%,#0000 100%);height:60%;position:absolute;top:10%;left:0;right:0;transform:skewY(-5deg)}.content-text{z-index:2;position:relative}.main-heading{color:#fff;margin:0 0 24px;font-family:Playfair Display,Georgia,serif;font-size:72px;font-weight:400;line-height:.95}.sub-text{color:#ffffffbf;margin:0;font-family:inherit;font-size:15px;font-weight:300;line-height:1.6}.right-panel{background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:48px 64px;display:flex}.form-container{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:400px;display:flex}.welcome-title{color:#1f2937;margin:0 0 12px;font-family:Playfair Display,Georgia,serif;font-size:40px;font-weight:400}.welcome-subtitle{color:#6b7280;margin:0 0 32px;font-family:inherit;font-size:14px;line-height:1.5}.form-group{margin-bottom:20px}.form-label{color:#1f2937;margin-bottom:8px;font-family:inherit;font-size:14px;font-weight:500;display:block}.form-input{color:#1f2937;box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus{background:#fff;border-color:#1f2937;outline:none}.form-input::placeholder{color:#9ca3af}.phone-input-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;transition:all .2s;display:flex}.phone-input-wrapper:focus-within{background:#fff;border-color:#1f2937}.country-code{color:#1f2937;white-space:nowrap;font-family:inherit;font-size:14px;font-weight:500}.phone-input{background:0 0;border:none;flex:1;padding:0;font-family:inherit}.phone-input:focus{background:0 0;border:none}.otp-container{justify-content:space-between;gap:12px;display:flex}.otp-input{text-align:center;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:52px;height:56px;font-family:inherit;font-size:20px;font-weight:600;transition:all .2s}.otp-input:focus{background:#fff;border-color:#1f2937;outline:none}.phone-display{color:#6b7280;text-align:center;margin-top:12px;font-size:13px}.divider{color:#9ca3af;align-items:center;gap:16px;margin:24px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.sign-in-button{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:8px;width:100%;margin-bottom:0;padding:14px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s}.sign-in-button:hover:not(:disabled){background:#111827;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.sign-in-button:disabled{cursor:not-allowed;background:#9ca3af}.google-button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s;display:flex}.google-button:hover{background:#f9fafb;border-color:#d1d5db}.resend-section{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.resend-link{color:#1f2937;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:500}.resend-link:hover{text-decoration:underline}.separator{color:#d1d5db}.timer-text{color:#6b7280;font-family:inherit;font-size:14px;font-weight:500}.toast{z-index:10000;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-width:300px;max-width:400px;padding:16px 20px;animation:.4s cubic-bezier(.16,1,.3,1) slideInUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 40px #00000026}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast.toast-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.toast.toast-error{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.toast-content{flex:1;align-items:center;gap:12px;display:flex}.toast-icon{flex-shrink:0;animation:.5s cubic-bezier(.34,1.56,.64,1) popIn}@keyframes popIn{0%{opacity:0;transform:scale(0)rotate(-45deg)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)rotate(0)}}.toast-message{font-family:inherit;font-size:14px;font-weight:500;line-height:1.4}.toast-close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toast-close:hover{background:#fff3}@media (max-width:968px){.modal-content{grid-template-columns:1fr}.left-panel{display:none}.right-panel{border-radius:32px}}@media (max-width:768px){.modal-overlay{align-items:stretch;padding:0}.modal-container{border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:100dvh;display:flex}.modal-content{flex:1;grid-template-columns:1fr;min-height:100%}.left-panel{display:none}.right-panel{-webkit-overflow-scrolling:touch;border-radius:0;flex-direction:column;justify-content:flex-start;min-height:100dvh;padding:80px 24px 24px;display:flex;overflow-y:auto}.form-container{flex-direction:column;flex:1;justify-content:flex-start;max-width:100%;display:flex}.welcome-title{margin-bottom:8px;font-size:32px}.welcome-subtitle{margin-bottom:32px;font-size:14px}.close-button{background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;top:20px;right:20px}.otp-container{justify-content:center;gap:8px}.otp-input{border-radius:12px;width:48px;height:54px;font-size:20px}.phone-display{margin-top:16px}.sign-in-button,.google-button{border-radius:12px;padding:16px;font-size:16px}.toast{min-width:auto;max-width:none;bottom:16px;left:16px;right:16px}}@media (max-width:480px){.right-panel{padding:70px 20px 20px}.welcome-title{font-size:28px}.welcome-subtitle{margin-bottom:28px;font-size:13px}.form-label{font-size:13px}.otp-container{gap:6px}.otp-input{width:44px;height:50px;font-size:18px}.close-button{width:36px;height:36px;top:16px;right:16px}.divider{margin:20px 0}.resend-section{flex-wrap:wrap;gap:8px}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.right-panel{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}}@media (max-width:768px){.modal-container.keyboard-open{height:auto;min-height:auto}.modal-container.keyboard-open .right-panel{min-height:auto;padding-top:60px;padding-bottom:20px}.modal-container.keyboard-open .form-container{justify-content:flex-start}.modal-container.keyboard-open .welcome-title{margin-bottom:6px;font-size:24px}.modal-container.keyboard-open .welcome-subtitle{margin-bottom:20px}}
.modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:32px;width:100%;max-width:1200px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-container.keyboard-open{padding-bottom:env(safe-area-inset-bottom);transform:translateY(calc(-10vh - env(safe-area-inset-bottom)))!important}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.close-button{cursor:pointer;color:#6b7280;z-index:10;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s;position:absolute;top:24px;right:24px}.close-button:hover{color:#1f2937;background:#f3f4f6}.modal-content{grid-template-columns:1fr 1fr;min-height:600px;display:grid}.left-panel{background:linear-gradient(135deg,#1e0038 0%,#0a0015 50%,#001a3a 100%);border-radius:32px 0 0 32px;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.quote-label{letter-spacing:1.5px;color:#ffffffb3;z-index:2;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex;position:relative}.quote-label:after{content:"";background:#fff3;flex:1;max-width:120px;height:1px}.gradient-background{z-index:1;background:radial-gradient(at 20% 30%,#ec489966 0%,#0000 50%),radial-gradient(at 80% 20%,#9333ea4d 0%,#0000 50%),radial-gradient(at 60% 70%,#3b82f64d 0%,#0000 50%);position:absolute;inset:0}.gradient-background:before{content:"";filter:blur(40px);background:linear-gradient(90deg,#0000 0%,#ec489926 20%,#9333ea26 40%,#3b82f626 60%,#0000 100%);height:60%;position:absolute;top:10%;left:0;right:0;transform:skewY(-5deg)}.content-text{z-index:2;position:relative}.main-heading{color:#fff;margin:0 0 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:72px;font-weight:400;line-height:.95}.sub-text{color:#ffffffbf;margin:0;font-size:15px;font-weight:300;line-height:1.6}.right-panel{background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:48px 64px;display:flex}.form-container{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:400px;display:flex}.welcome-title{color:#1f2937;margin:0 0 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:40px;font-weight:400}.welcome-subtitle{color:#6b7280;margin:0 0 32px;font-size:14px;line-height:1.5}.form-group{margin-bottom:20px}.form-label{color:#1f2937;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input{color:#1f2937;box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.form-input:focus{background:#fff;border-color:#1f2937;outline:none}.form-input::placeholder{color:#9ca3af}.phone-input-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;transition:all .2s;display:flex}.phone-input-wrapper:focus-within{background:#fff;border-color:#1f2937}.country-code{color:#1f2937;white-space:nowrap;font-size:14px;font-weight:500}.phone-input{background:0 0;border:none;flex:1;padding:0}.phone-input:focus{background:0 0;border:none}.otp-container{justify-content:space-between;gap:12px;display:flex}.otp-input{text-align:center;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:52px;height:56px;font-size:20px;font-weight:600;transition:all .2s}.otp-input:focus{background:#fff;border-color:#1f2937;outline:none}.phone-display{color:#6b7280;text-align:center;margin-top:12px;font-size:13px}.divider{color:#9ca3af;align-items:center;gap:16px;margin:24px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.sign-in-button{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:8px;width:100%;margin-bottom:0;padding:14px;font-size:15px;font-weight:500;transition:all .2s}.sign-in-button:hover:not(:disabled){background:#111827;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.sign-in-button:disabled{cursor:not-allowed;background:#9ca3af}.google-button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.google-button:hover{background:#f9fafb;border-color:#d1d5db}.resend-section{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.resend-link{color:#1f2937;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500}.resend-link:hover{text-decoration:underline}.separator{color:#d1d5db}.timer-text{color:#6b7280;font-size:14px;font-weight:500}.toast{z-index:10000;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-width:300px;max-width:400px;padding:16px 20px;animation:.4s cubic-bezier(.16,1,.3,1) slideInUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 40px #00000026}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast.toast-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.toast.toast-error{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.toast-content{flex:1;align-items:center;gap:12px;display:flex}.toast-icon{flex-shrink:0;animation:.5s cubic-bezier(.34,1.56,.64,1) popIn}@keyframes popIn{0%{opacity:0;transform:scale(0)rotate(-45deg)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)rotate(0)}}.toast-message{font-size:14px;font-weight:500;line-height:1.4}.toast-close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toast-close:hover{background:#fff3}@media (max-width:968px){.modal-overlay{align-items:stretch;padding:0}.modal-container{border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:100dvh;display:flex}.modal-content{flex:1;grid-template-columns:1fr;min-height:100%}.left-panel{display:none}.right-panel{-webkit-overflow-scrolling:touch;border-radius:0;flex-direction:column;justify-content:flex-start;min-height:100dvh;padding:80px 24px 24px;display:flex;overflow-y:auto}.form-container{flex-direction:column;flex:1;justify-content:flex-start;max-width:100%;display:flex}}@media (max-width:640px){.modal-overlay{align-items:stretch;padding:0}.modal-container{border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:100dvh;display:flex}.right-panel{-webkit-overflow-scrolling:touch;border-radius:0;flex-direction:column;justify-content:flex-start;min-height:100dvh;padding:70px 20px 20px;display:flex;overflow-y:auto}.welcome-title{font-size:28px}.welcome-subtitle{margin-bottom:28px;font-size:13px}.form-label{font-size:13px}.close-button{width:36px;height:36px;top:16px;right:16px}.otp-input{width:44px;height:50px;font-size:18px}.otp-container{gap:6px}.divider{margin:20px 0}.resend-section{flex-wrap:wrap;gap:8px}.toast{min-width:auto;max-width:none;bottom:16px;left:16px;right:16px}}.site-header{z-index:1000;background:#fff;border-bottom:none;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;position:fixed;top:0;left:0;right:0}.desktop-header{border-bottom:1px solid #e5e5e5;display:block;position:relative}.mobile-header,.mobile-sidebar,.mobile-overlay{display:none}.header-top{justify-content:space-between;align-items:center;padding:16px 48px;display:flex;position:relative}.header-top-left{flex:1}.header-top-left.hidden,.header-actions.hidden{visibility:hidden}.category-nav{flex:1}.category-list{gap:32px;margin:0;padding:0;list-style:none;display:flex}.category-link{color:#6b7280;letter-spacing:.2px;font-size:16px;font-weight:400;text-decoration:none;transition:color .2s;position:relative}.category-link.active{color:#3b82f6;font-weight:600}.category-link.active svg{color:#3b82f6}.category-link.active:after{content:"";background:#3b82f6;height:2px;animation:.4s cubic-bezier(.4,0,.2,1) slideUnderline;position:absolute;bottom:-8px;left:0;right:0}.category-link:hover{color:#666}.logo{flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.logo a{justify-content:center;align-items:center;gap:8px;height:100%;text-decoration:none;display:flex}.logo img{width:auto;max-width:80px;height:auto;max-height:80px}.logo-text{letter-spacing:2px;white-space:nowrap;align-items:baseline;gap:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:22px;font-weight:700;display:flex}.logo-ground{color:#1e40af;text-shadow:0 2px 4px #1e40af33;letter-spacing:1px;font-weight:800}.logo-wale{color:#ff6b35;text-shadow:0 2px 4px #ff6b3533;letter-spacing:1px;font-weight:800}.header-actions{flex:1;justify-content:flex-end;align-items:center;gap:20px;display:flex}.icon-button{cursor:pointer;color:#000;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.icon-button:hover{color:#666}.desktop-search-expanded{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:32px;padding:16px 48px;animation:.4s slideDown;display:flex;position:relative}.search-category-nav{flex:1;animation:.4s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-category-list{justify-content:flex-start;gap:40px;margin:0;padding:0;list-style:none;display:flex}.search-category-link{color:#999;letter-spacing:1px;cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:15px;font-weight:400;text-decoration:none;transition:color .2s;position:relative}.search-category-link.active{color:#000;font-weight:600}.search-category-link.active:after{content:"";background:#000;height:2px;animation:.4s cubic-bezier(.4,0,.2,1) slideUnderline;position:absolute;bottom:0;left:0;right:0}@keyframes slideUnderline{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}.search-expanded-center{flex:none;width:0}.desktop-search-bar-expanded{border-bottom:1px solid #000;align-items:center;width:472px;margin-left:auto;padding-bottom:12px;animation:.4s cubic-bezier(.4,0,.2,1) expandLeftward;display:flex}@keyframes expandLeftward{0%{width:280px}to{width:472px}}.search-input-expanded{color:#000;background:0 0;border:none;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:17px}.search-input-expanded::placeholder{color:#999}.search-close-btn{cursor:pointer;color:#000;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.search-close-btn:hover{opacity:.6}.trending-dropdown{background:#fff;padding:24px 48px;animation:.4s slideDownFade;overflow:hidden}@keyframes slideDownFade{0%{opacity:0;max-height:0;transform:translateY(-20px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.trending-content{max-width:100%;margin:0;padding:0}.trending-title{color:#666;letter-spacing:.5px;margin:0 0 24px;font-size:16px;font-weight:400}.trending-products{-ms-overflow-style:none;scrollbar-width:none;gap:20px;padding-bottom:8px;display:flex;overflow-x:auto}.trending-products::-webkit-scrollbar{display:none}.trending-product-card{flex-shrink:0;width:160px;text-decoration:none;transition:opacity .2s;position:relative}.trending-product-card:hover{opacity:.8}.product-image{object-fit:cover;background:#f5f5f5;width:100%;height:200px}.trending-product-name{color:#000;text-align:center;letter-spacing:.3px;background:#fffffff2;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;position:absolute;bottom:8px;left:8px;right:8px}.header-bottom{justify-content:space-between;align-items:center;gap:clamp(8px,1.5vw,32px);min-height:64px;padding:12px 48px 16px;display:flex}.main-nav{flex:0 auto;min-width:0;overflow:hidden}.nav-list{flex-wrap:nowrap;align-items:center;gap:clamp(6px,1.5vw,24px);min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.nav-link{color:#000;letter-spacing:.2px;white-space:nowrap;cursor:pointer;background:0 0;border:none;flex-shrink:1;align-items:center;gap:clamp(3px,.8vw,8px);min-width:0;padding-bottom:8px;font-size:clamp(9px,1.2vw,13px);font-weight:400;text-decoration:none;transition:color .2s;display:flex;position:relative}.nav-link.sale{color:#d32f2f}.nav-link:hover{color:#666}.nav-link.active{color:#ff8c00;font-weight:600}.nav-link.active svg{color:#ff8c00}.nav-link.active:after{content:"";background:#ff8c00;height:2px;animation:.4s cubic-bezier(.4,0,.2,1) slideUnderline;position:absolute;bottom:0;left:0;right:0}.nav-link.sale:hover{color:#b71c1c}.search-container{cursor:pointer;border-bottom:1px solid #d0d0d0;align-items:center;min-width:280px;padding-bottom:8px;transition:border-color .2s;display:flex;position:relative}.search-container:hover{border-bottom-color:#000}.search-icon{color:#999;pointer-events:none;flex-shrink:0;margin-right:12px}.search-input{color:#000;cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:15px}.search-input::placeholder{color:#999}.location-and-search{flex:none;justify-content:space-between;align-items:flex-end;gap:16px;min-width:500px;max-width:800px;display:flex}.location-card{cursor:pointer;border-bottom:1px solid #d0d0d0;justify-content:space-between;align-items:center;min-width:280px;margin-left:4cm;padding-bottom:8px;transition:border-color .2s;display:flex;position:relative}.location-card:hover{border-bottom-color:#000}.location-card-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.location-icon{color:#999;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.location-icon.pin{color:#1976d2;width:24px;height:24px;margin-right:12px}.location-icon.caret{color:#999;width:16px;height:16px}.location-labels{flex-direction:column;gap:2px;min-width:0;display:flex}.location-primary{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.location-secondary{color:#718096;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.city-modal-overlay{z-index:9999;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%);background:#00000080;justify-content:center;align-items:center;padding:2vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.city-modal-container{background:#fff;border-radius:.5cm;flex-direction:column;width:22.5cm;max-width:92vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 .5cm 2cm #00000026}.city-modal-header{justify-content:space-between;align-items:center;padding:.6cm 1.1cm .5cm;display:flex}.city-modal-header h2{color:#2d3748;letter-spacing:-.01em;margin:0;font-size:.65cm;font-weight:600}.city-close-btn{cursor:pointer;color:#4a5568;background:0 0;border:none;border-radius:.15cm;justify-content:center;align-items:center;padding:.15cm;transition:all .15s;display:flex}.city-close-btn:hover{color:#2d3748;background:#f7fafc}.city-search-box{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;height:1.3cm;margin:0 1.1cm .8cm;padding:8px 12px;display:flex;position:relative}.city-search-icon{color:#a0aec0;position:absolute;left:12px}.city-search-box input{color:#2d3748;background:0 0;border:none;border-radius:0;outline:none;width:100%;height:100%;margin-left:20px;padding:0;font-size:14px;line-height:1.3cm;transition:all .2s}.city-search-box input::placeholder{color:#a0aec0}.city-search-box input:focus{box-shadow:none;border:none;outline:none}.city-modal-content-scrollable{flex-direction:column;max-height:none;display:flex;overflow-y:visible}.cities-grid{grid-template-columns:repeat(8,1fr);gap:0;margin-top:1.2cm;margin-bottom:1cm;padding:0 1.1cm;display:grid}.city-item{cursor:pointer;border-radius:.25cm;flex-direction:column;align-items:center;padding:.2cm .2cm .3cm;transition:all .2s;display:flex}.city-item:hover{background:#f7fafc}.city-icon{justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.15cm;display:flex}.city-img{object-fit:contain;width:100%;height:100%;image-rendering:-webkit-optimize-contrast}.city-name{color:#2d3748;text-align:center;font-size:.35cm;font-weight:500}.search-results{flex-direction:column;align-items:center;gap:.05cm;width:100%;max-height:50vh;margin-top:1cm;padding:1cm 1.1cm .6cm;display:flex;overflow-y:auto}.search-result-item{color:#4a5568;cursor:pointer;border-radius:.2cm;justify-content:center;align-items:center;gap:.5cm;width:90%;padding:.4cm .3cm;font-size:.42cm;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.search-result-item:hover{color:#2d3748;background:linear-gradient(135deg,#6366f114 0%,#a855f714 100%);transform:translate(.15cm)}.search-result-image-container{background:#f0f4f8;border-radius:.15cm;flex-shrink:0;justify-content:center;align-items:center;width:.9cm;height:.9cm;display:flex;overflow:hidden}.search-result-image{object-fit:cover;width:100%;height:100%;image-rendering:-webkit-optimize-contrast}.search-result-text{flex-direction:column;flex:1;display:flex}.search-result-city-name{color:#2d3748;font-size:.42cm;font-weight:500}.no-results{text-align:center;color:#a0aec0;padding:1.5cm 0;font-size:.42cm}.location-modal-overlay{z-index:9999;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%);background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.location-modal-container{background:#fff;border-radius:8px;flex-direction:column;width:600px;max-width:92vw;max-height:85vh;font-family:inherit;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000026}.location-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.location-modal-title-section{flex:1;align-items:center;gap:12px;display:flex}.location-modal-header h2{color:#2d3748;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.change-city-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#1976d2;border:none;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.change-city-btn:hover{background:#1565c0;box-shadow:0 2px 8px #1976d24d}.change-city-btn:active{background:#0d47a1;transform:scale(.98)}.location-close-btn{cursor:pointer;color:#4a5568;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.location-close-btn:hover{color:#2d3748;background:#f7fafc}.location-search-wrapper{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:12px;padding:16px 24px;display:flex}.location-search-box{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;height:1.3cm;padding:8px 12px;display:flex;position:relative}.location-search-input{color:#2d3748;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:14px}.location-search-input::placeholder{color:#a0aec0}.location-detect-box{cursor:pointer;color:#3182ce;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;height:1.3cm;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.location-detect-box:hover:not(:disabled){background:#f0f4f8}.location-detect-box:disabled{cursor:not-allowed;opacity:.7}.clear-search-btn{cursor:pointer;color:#718096;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:none}.clear-search-btn:hover{color:#2d3748}.detect-location-btn{cursor:pointer;color:#3182ce;background:#fff;border:1px solid #cbd5e0;border-radius:4px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.detect-location-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.detect-location-btn:disabled{cursor:not-allowed;opacity:.7}.detect-text{text-align:left;flex:1}.spinner{border:2px solid #e2e8f0;border-top-color:#3182ce;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.predictions-list{background:#fff;border-top:1px solid #e2e8f0;flex:1;max-height:60vh;padding:8px 16px;overflow-y:auto}.predictions-list::-webkit-scrollbar{width:6px}.predictions-list::-webkit-scrollbar-track{background:0 0}.predictions-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.predictions-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.prediction-item{cursor:pointer;background:#fff;border-bottom:1px solid #e2e8f0;border-radius:4px;align-items:flex-start;gap:12px;padding:12px 8px;transition:all .15s;display:flex}.prediction-item:hover{background:#f7fafc}.prediction-icon{color:#1976d2;flex-shrink:0;margin-top:2px}.prediction-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.prediction-main{color:#1a202c;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden}.prediction-secondary{color:#718096;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.location-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:200px;padding:48px 32px;display:flex}.empty-icon{color:#cbd5e0;margin-bottom:16px}.empty-text{color:#718096;max-width:300px;margin:0;font-size:13px;line-height:1.6}@media (max-width:1200px){.header-top,.header-bottom,.desktop-search-expanded,.trending-dropdown{padding-left:24px;padding-right:24px}.category-list{gap:24px}}@media (max-width:1024px){.header-bottom{flex-direction:column;align-items:stretch;gap:16px}.nav-list{justify-content:center}.search-container{min-width:100%}.location-and-search{display:none}.city-modal-overlay{align-items:flex-end;padding:0}.city-modal-container{border-radius:0;flex-direction:column;width:100%;max-width:100%;min-height:100dvh;max-height:100%;display:flex}.city-modal-header{z-index:10;background:#fff;border-bottom:none;justify-content:space-between;align-items:center;padding:1rem 1.2rem .8rem;display:flex;position:sticky;top:0}.city-modal-header h2{color:#1f2937;margin:0;font-size:1.2rem;font-weight:600}.city-close-btn{justify-content:center;align-items:center;min-width:2.5rem;min-height:2.5rem;padding:.5rem;display:flex}.city-search-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;height:1.3cm;margin:.8rem 1.2rem 1.2rem;padding:.75rem 1rem;display:flex;position:relative}.city-search-box input{color:#1f2937;background:0 0;border:none;border-radius:0;outline:none;width:100%;height:100%;margin-left:20px;padding:0;font-size:1rem;line-height:1.3cm}.city-search-box input::placeholder{color:#9ca3af}.city-search-icon{color:#d1d5db;width:1.25rem;height:1.25rem;position:absolute;left:.75rem}.city-modal-content-scrollable{flex-direction:column;flex:1;max-height:none;display:flex;overflow-y:auto}.cities-grid{grid-template-columns:repeat(4,1fr);gap:2rem 1.5rem;margin-top:0;margin-bottom:1rem;padding:1rem 1.2rem;display:grid}.city-item{cursor:pointer;border-radius:.5rem;flex-direction:column;align-items:center;padding:.5rem 0;transition:all .2s;display:flex}.city-item:hover{background:#f9fafb}.city-icon{justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:.75rem;display:flex}.city-name{color:#374151;text-align:center;font-size:.95rem;font-weight:500}.search-results{flex-direction:column;gap:.5rem;max-height:50vh;margin-top:1rem;padding:1rem 1.2rem .8rem;display:flex;overflow-y:auto}.search-result-item{color:#4b5563;cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.search-result-item:hover{color:#2d3748;background:linear-gradient(135deg,#6366f114 0%,#a855f714 100%)}.search-result-image-container{background:#f3f4f6;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;overflow:hidden}.search-result-city-name{color:#1f2937;font-size:1rem;font-weight:500}.no-results{text-align:center;color:#9ca3af;padding:2rem 1.2rem;font-size:.95rem}}@media (max-width:768px){.city-modal-overlay{align-items:flex-end;padding:0}.city-modal-container{border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:100dvh;display:flex}.city-modal-header{z-index:10;background:#fff;border-bottom:none;justify-content:space-between;align-items:center;padding:1rem 1.2rem .8rem;display:flex;position:sticky;top:0}.city-modal-header h2{color:#1f2937;margin:0;font-size:1.1rem;font-weight:600}.city-close-btn{min-width:2.5rem;min-height:2.5rem;padding:.5rem}.city-search-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;height:1.3cm;margin:.8rem 1.2rem 1.2rem;padding:.75rem 1rem;display:flex;position:relative}.city-search-box input{background:0 0;border:none;border-radius:0;height:100%;margin-left:20px;padding:0;font-size:1rem;line-height:1.3cm}.city-modal-content-scrollable{flex-direction:column;flex:1;max-height:none;display:flex;overflow-y:auto}.cities-grid{grid-template-columns:repeat(4,1fr);gap:2rem 1.5rem;margin-top:0;margin-bottom:1rem;padding:1rem 1.2rem}.city-item{padding:.5rem 0}.city-icon{width:3.5rem;height:3.5rem;margin-bottom:.75rem}.city-name{color:#374151;font-size:.9rem}.search-results{flex-direction:column;gap:.5rem;max-height:50vh;margin-top:1rem;padding:1rem 1.2rem .8rem;display:flex;overflow-y:auto}.search-result-item{width:100%;padding:.75rem 1rem}.search-result-image-container{width:2.5rem;height:2.5rem}.search-result-city-name{font-size:.95rem}}@media (max-width:480px){.city-modal-header{padding:.9rem 1rem .7rem}.city-modal-header h2{font-size:1rem;font-weight:600}.city-close-btn{min-width:2.2rem;min-height:2.2rem;padding:.4rem}.city-search-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;height:1.3cm;margin:.7rem 1rem 1rem;padding:.75rem 1rem;display:flex;position:relative}.city-search-box input{background:0 0;border:none;border-radius:0;height:100%;margin-left:20px;padding:0;font-size:.95rem;line-height:1.3cm}.city-search-icon{width:1.1rem;height:1.1rem;left:12px}.cities-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem 1rem;margin-top:0;margin-bottom:1rem;padding:.8rem 1rem}.city-item{padding:.4rem 0}.city-icon{width:3rem;height:3rem;margin-bottom:.5rem}.city-name{color:#374151;font-size:.8rem}.search-results{flex-direction:column;gap:.5rem;max-height:50vh;margin-top:.8rem;padding:.8rem 1rem;display:flex;overflow-y:auto}.search-result-item{width:100%;padding:.6rem .8rem;font-size:.95rem}.search-result-image-container{width:2rem;height:2rem}.search-result-city-name{font-size:.9rem}}@media (max-width:1024px){.location-modal-overlay{align-items:flex-end;padding:0}.location-modal-container{border-radius:0;flex-direction:column;width:100%;max-width:100%;min-height:100dvh;max-height:100%;display:flex}.location-modal-header{z-index:10;background:#fff;border-bottom:none;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex;position:sticky;top:0}.location-modal-title-section{flex:1;align-items:center;gap:.5rem;display:flex}.location-modal-header h2{color:#1f2937;margin:0;font-size:1rem;font-weight:400}.change-city-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:500;text-decoration:none}.change-city-btn:hover{box-shadow:none;background:0 0;text-decoration:underline}.change-city-btn:active{background:0 0;transform:none}.location-close-btn{color:#9ca3af;min-width:2.5rem;min-height:2.5rem;padding:.5rem}.location-close-btn:hover{color:#4b5563;background:#f3f4f6}.location-search-wrapper{z-index:9;background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:column;gap:1rem;padding:1rem 1.2rem;display:flex;position:relative}.location-search-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;height:1.3cm;padding:.75rem 1rem;display:flex;position:relative}.location-search-input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.location-search-input::placeholder{color:#b4b7bb}.clear-search-btn{color:#9ca3af;padding:.25rem}.clear-search-btn:hover{color:#4b5563}.location-detect-box{cursor:pointer;color:#2563eb;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.75rem;height:1.3cm;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex;position:relative}.location-detect-box:hover:not(:disabled){background:#f3f4f6}.location-detect-box:disabled{cursor:not-allowed;opacity:.7}.detect-location-btn{display:none}.predictions-list{background:#fff;flex:1;max-height:none;padding:0;overflow-y:auto}.location-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:auto;padding:3rem 1.2rem;display:flex}.empty-icon{color:#9ca3af;margin-bottom:2rem}.empty-text{color:#6b7280;max-width:100%;font-size:1rem;line-height:1.6}.prediction-item{border-bottom:1px solid #e5e7eb}}@media (max-width:768px){.location-modal-overlay{align-items:flex-end;padding:0}.location-modal-container{border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:100dvh;display:flex}.location-modal-header{z-index:10;background:#fff;border-bottom:none;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex;position:sticky;top:0}.location-modal-title-section{align-items:center;gap:.5rem;display:flex}.location-modal-header h2{color:#1f2937;margin:0;font-size:1rem;font-weight:400}.change-city-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:500;text-decoration:none}.change-city-btn:hover{box-shadow:none;background:0 0;text-decoration:underline}.change-city-btn:active{background:0 0;transform:none}.location-close-btn{color:#9ca3af;min-width:2.5rem;min-height:2.5rem;padding:.5rem}.location-search-wrapper{z-index:9;background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:column;gap:1rem;padding:1rem 1.2rem;display:flex;position:relative}.location-search-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;height:1.3cm;padding:.75rem 1rem;position:relative}.location-search-input{font-size:1rem}.location-detect-box{cursor:pointer;color:#2563eb;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.75rem;height:1.3cm;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex;position:relative}.location-detect-box:hover:not(:disabled){background:#f3f4f6}.detect-location-btn{display:none}.predictions-list{flex:1;max-height:none;padding:0;overflow-y:auto}.prediction-item{border-bottom:1px solid #e5e7eb;gap:.75rem;padding:1rem 1.2rem}.prediction-main{font-size:1rem}.prediction-secondary{font-size:.9rem}.location-empty-state{flex:1;padding:3rem 1.2rem}.empty-text{color:#6b7280;font-size:1rem}}@media (max-width:480px){.location-modal-header{padding:.9rem 1rem}.location-modal-header h2{font-size:.95rem;font-weight:400}.location-modal-title-section{gap:.5rem}.change-city-btn{font-size:.9rem}.location-close-btn{min-width:2.2rem;min-height:2.2rem;padding:.4rem}.location-search-wrapper{gap:1rem;padding:.8rem 1rem}.location-search-box{border-radius:.5rem;height:1.3cm;padding:.75rem 1rem}.location-search-input{font-size:1rem}.location-detect-box{border-radius:.5rem;gap:.75rem;height:1.3cm;padding:.75rem 1rem;font-size:.95rem}.location-detect-box:hover:not(:disabled){background:#f3f4f6}.detect-location-btn{display:none}.predictions-list{padding:0}.prediction-item{gap:.75rem;padding:1rem}.prediction-main{font-size:.95rem}.prediction-secondary{font-size:.85rem}.location-empty-state{padding:2.5rem 1rem}.empty-icon{margin-bottom:1.5rem}.empty-text{color:#6b7280;font-size:.95rem}}@media (max-width:768px){.desktop-header{display:none}.mobile-header{border-bottom:none;justify-content:center;align-items:center;min-height:1.7cm;padding:12px 16px;display:flex;position:relative}.mobile-header-left{align-items:center;display:flex;position:absolute;left:16px}.mobile-header-right{align-items:center;gap:8px;display:flex;position:absolute;right:16px}.mobile-search-icon-btn{cursor:pointer;color:#999;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.mobile-search-icon-btn:active{background:#0000000d;transform:scale(.95)}.mobile-header-actions{align-items:center;gap:8px;display:flex}.mobile-menu-toggle,.mobile-search-btn,.mobile-cart-btn{cursor:pointer;color:#000;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.mobile-logo{letter-spacing:1.5px;color:#000;z-index:10;justify-content:center;align-items:center;gap:6px;min-height:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:22px;font-weight:700;text-decoration:none;display:flex;position:relative}.mobile-logo img{width:auto;max-width:40px;height:auto;max-height:40px}.mobile-logo .logo-text{white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:0;font-size:18px;display:flex;overflow:hidden}.mobile-logo .logo-ground{color:#1e40af;text-shadow:0 2px 4px #1e40af33;letter-spacing:.5px;font-weight:800}.mobile-logo .logo-wale{color:#ff6b35;text-shadow:0 2px 4px #ff6b3533;letter-spacing:.5px;font-weight:800}.mobile-search-dropdown{z-index:999;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;height:calc(100vh - 56px);max-height:calc(100vh - 56px);padding:16px;animation:.3s slideDown;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.mobile-search-bar{border-bottom:1px solid #000;align-items:center;margin:0 0 16px;padding:12px 0;display:flex}.mobile-search-input{color:#000;background:0 0;border:none;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:17px}.mobile-search-input::placeholder{color:#999}.mobile-search-close{cursor:pointer;color:#000;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.mobile-search-categories{border-bottom:1px solid #e5e5e5;gap:24px;padding:16px 0;display:flex}.mobile-category-tab{color:#999;cursor:pointer;letter-spacing:.5px;background:0 0;border:none;padding:8px 0;font-size:13px;font-weight:400;transition:color .2s;position:relative}.mobile-category-tab.active{color:#000;font-weight:600}.mobile-category-tab.active:after{content:"";background:#000;height:2px;animation:.4s cubic-bezier(.4,0,.2,1) slideUnderline;position:absolute;bottom:-16px;left:0;right:0}.mobile-trending{padding:24px 0}.mobile-trending-title{color:#666;letter-spacing:.5px;margin:0 0 20px;font-size:16px;font-weight:400}.mobile-trending-products{-ms-overflow-style:none;scrollbar-width:none;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.mobile-trending-products::-webkit-scrollbar{display:none}.mobile-trending-card{flex-shrink:0;width:140px;text-decoration:none;position:relative}.mobile-product-image{object-fit:cover;background:#f5f5f5;width:100%;height:180px}.mobile-trending-product-name{color:#000;text-align:center;letter-spacing:.3px;background:#fffffff2;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;text-decoration:none;position:absolute;bottom:8px;left:8px;right:8px}.mobile-overlay{z-index:999;background:#0006;display:block;position:fixed;inset:0}.mobile-sidebar{z-index:1000;background:#fff;flex-direction:column;width:100%;max-width:360px;height:100%;transition:transform .3s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.mobile-sidebar.open{transform:translate(0)}.sidebar-top{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;height:1.7cm;min-height:1.7cm;padding:16px;display:flex}.sidebar-logo{letter-spacing:1px;color:#000;font-size:18px;font-weight:700}.sidebar-close{cursor:pointer;color:#000;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar-categories{border-bottom:1px solid #e5e5e5;gap:20px;padding:16px;display:flex}.category-tab{color:#999;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;padding:8px 0;font-size:15px;font-weight:400;transition:color .2s;position:relative}.category-tab.active{color:#000;font-weight:600}.category-tab.active:after{content:"";background:#000;height:2px;animation:.4s cubic-bezier(.4,0,.2,1) slideUnderline;position:absolute;bottom:-4px;left:0;right:0}.sidebar-content{flex:1;padding:0;overflow-y:auto}.sidebar-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebar-item.header{padding:12px 16px;font-weight:600}.sidebar-item.item{padding:12px 16px}.item-link{color:#000;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:12px;padding:0;font-size:16px;font-weight:400;text-decoration:none;transition:color .2s;display:flex}.item-link.sale{color:#d32f2f}.item-link.active{color:#ff8c00;font-weight:600}.item-link.active svg{color:#ff8c00}.item-chevron{color:#999;flex-shrink:0;margin-left:12px}.mobile-location-card{cursor:pointer;border-bottom:none;flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:auto;margin-left:0;padding:0;display:flex}.mobile-location-card:hover{border-bottom-color:#0000}.mobile-location-card .location-card-left{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.mobile-location-card .location-icon.pin{flex-shrink:0;width:28px;height:28px;margin-right:2px}.mobile-location-card .location-icon.caret{flex-shrink:0;width:20px;height:20px;margin-left:auto}.mobile-location-card .location-labels{flex-direction:column;gap:1px;min-width:0;max-width:50vw;display:flex}.mobile-location-card .location-primary{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.mobile-location-card .location-secondary{color:#718096;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}}@media (max-width:480px){.mobile-header{gap:6px;height:auto;min-height:1.7cm;padding:8px 12px}.mobile-logo{font-size:20px}.mobile-menu-toggle svg,.mobile-search-btn svg,.mobile-cart-btn svg{width:22px;height:22px}.mobile-sidebar{max-width:100%}.sidebar-categories{gap:16px}.category-tab{font-size:14px}.mobile-search-categories{gap:20px}.mobile-category-tab{font-size:12px}.mobile-trending-card{width:120px}.mobile-product-image{height:160px}.mobile-location-card .location-primary{font-size:14px}.mobile-location-card .location-secondary{font-size:12px}.mobile-location-card .location-icon.pin{width:24px;height:24px}.mobile-location-card .location-icon.caret{width:18px;height:18px}}@media (min-width:1025px){.container-navbar-gap{padding-top:120px!important}}@media (max-width:1024px){.container-navbar-gap{padding-top:50px!important}}
.bottom-navbar{display:none}.navbar-user-btn,.navbar-home-btn,.navbar-book-btn,.navbar-menu-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;transition:all .2s;display:flex}.navbar-home-btn{color:#6b7280;position:relative}.navbar-home-btn.active{color:#3b82f6}.navbar-home-btn.active:after{content:"";background:#3b82f6;height:2px;animation:.4s cubic-bezier(.4,0,.2,1) slideUnderline;position:absolute;bottom:0;left:0;right:0}.navbar-home-btn.active .navbar-label{color:#3b82f6;font-weight:600}.navbar-home-btn:not(.active) .navbar-label{color:#6b7280;font-weight:500}.navbar-book-btn{color:#6b7280;position:relative}.navbar-book-btn.active{color:#3b82f6}.navbar-book-btn.active:after{content:"";background:#3b82f6;height:2px;animation:.4s cubic-bezier(.4,0,.2,1) slideUnderline;position:absolute;bottom:0;left:0;right:0}.navbar-book-btn.active .navbar-label{color:#3b82f6;font-weight:600}.navbar-book-btn:not(.active) .navbar-label{color:#6b7280;font-weight:500}.navbar-user-btn:active,.navbar-home-btn:active,.navbar-book-btn:active,.navbar-menu-btn:active{color:#2d2d2d;background:#2d2d2d14}.navbar-user-btn:hover,.navbar-home-btn:hover,.navbar-book-btn:hover,.navbar-menu-btn:hover{background:#2d2d2d0f}.navbar-user-btn svg,.navbar-home-btn svg,.navbar-book-btn svg,.navbar-menu-btn svg,.navbar-menu-btn svg{width:24px;height:24px}.navbar-menu-btn svg{color:inherit}.navbar-menu-btn .MuiSvgIcon-root{color:inherit;width:24px;height:24px}.navbar-label{white-space:nowrap;letter-spacing:.2px;font-size:10px;font-weight:500}@keyframes slideUnderline{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@media (max-width:1024px){.bottom-navbar{z-index:999;height:56px;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-top:1px solid #e5e7eb;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 16px #00000014}.navbar-content{justify-content:space-around;align-items:center;width:100%;height:100%;padding:0 4px;display:flex}.navbar-user-btn,.navbar-home-btn,.navbar-book-btn,.navbar-menu-btn{gap:3px;padding:6px 10px}.navbar-user-btn svg,.navbar-home-btn svg,.navbar-book-btn svg,.navbar-menu-btn svg{width:26px;height:26px}.navbar-menu-btn .MuiSvgIcon-root{width:26px!important;height:26px!important;font-size:26px!important}.navbar-label{font-size:11px;font-weight:500}}@media (max-width:480px){.bottom-navbar{height:52px}.navbar-user-btn,.navbar-home-btn,.navbar-book-btn,.navbar-menu-btn{gap:2px;padding:5px 9px}.navbar-user-btn svg,.navbar-home-btn svg,.navbar-book-btn svg,.navbar-menu-btn svg{width:22px;height:22px}.navbar-menu-btn .MuiSvgIcon-root{width:22px!important;height:22px!important;font-size:22px!important}.navbar-label{font-size:10px}}@media (min-width:1025px){.bottom-navbar{display:none!important}}